@charset "UTF-8";
/* ------------------------------------
	* header（SP版）
* ------------------------------------ */
div#headerWrapper {
	position: relative;
	/*z-index: 900;*/
}

header#header {
	position: relative;
}

header#header .header_inner {
	position: relative;
	background: #ffffff;
	padding: 8px 10px;
	/*z-index: 999;*/
	/* -webkit-transform: translate3d(0,0,0); 一部機種でcoverに隠れてしまう ※これつけると画像がぼやける*/
}
header#header .header_inner:not(.header_inner.bg_blue) {
	z-index: 999;
}

/* --------------------------
	* logo
* -------------------------- */
header#header .logo {
	width: 106px;
	float: left;
	padding: 5px 0 0 0;
}
header#header .logo img {
	width: 106px;
	position: relative;
}

/* --------------------------
	* btn_study_list
* -------------------------- */
header#header .btn_study_list {
	float: right;
}

header#header .btn_study_list a {
	display: table;
}

header#header .btn_study_list p {
	display: table-cell;
	vertical-align: middle;
}

header#header .btn_study_list .ttl_study_list {
	width: 42px;
	height: 45px;
	overflow: hidden;
	background: url(/static/sp/shared/images/img_hd_studylist.png) no-repeat left top;
	background-size: 42px 45px;
		-moz-background-size: 42px 45px;
		-webkit-background-size: 42px 45px;
}
header#header .btn_study_list .ttl_study_list .mod_sprite {
	width: 42px !important;
}

header#header .btn_study_list .total {
	height: 45px;
	text-align: center;
	background: url(/static/sp/shared/images/bg_hd_studylist.png) no-repeat right top;
	background-size: 100px 45px;
		-moz-background-size: 100px 45px;
		-webkit-background-size: 100px 45px;
}
header#header .btn_study_list .total span {
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #faed00;
}

/* --------------------------
	* list_utility
* -------------------------- */
header#header .list_utility {
	display: table;
	width: 100%;
	padding: 5px 0;
	z-index: 1;
	background: #ffffff;
	border-top: 1px solid #dadadb;
	border-bottom: 2px solid #dadadb;
}

header#header .list_utility li {
	display: table-cell;
	width: 50%;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #dadadb;
}
header#header .list_utility li:last-child {
	border-right: none;
}

header#header .list_utility li .btn_inner {
	display: block;
	padding: 8px 0;
}

header#header .list_utility li .icon {
	display: inline-block;
	padding: 2px 0 0 28px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 21px 21px;
		-moz-background-size: 21px 21px;
		-webkit-background-size: 21px 21px;
	line-height: 1.4;
}
header#header .list_utility .utility1 .icon {
	background-image: url(/static/sp/shared/images/icon/icn_save_search.png);
}
header#header .list_utility .utility2 .icon {
	background-image: url(/static/sp/shared/images/icon/icn_recent_object.png);
}

/* --------------------------
	* menu_header
* -------------------------- */
header#header .menu_header {
	width: 100%;
	position: absolute;
	z-index: 1000;
	background: #ffffff;
}

/* btn_menu */
header#header .btn_menu {
	width: 45px;
	float: right;
	padding: 0 0 0 5px;
}
header#header .btn_menu a {
	display: block;
	height: 45px;
	background-image: url(/static/sp/shared/images/btn_menu_open.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 45px 45px;
		-moz-background-size: 45px 45px;
		-webkit-background-size: 45px 45px;
}
header#header .btn_menu a.active {
	background-image: url(/static/sp/shared/images/btn_menu_close.png);
}
header#header .btn_menu a:before { /* 背景画像のぼけ対策 */
	content: "  ";
	color: transparent;
}

/* list_menu */
header#header .list_menu {
	display: none; /* 初期状態：非表示 */
	border-top: 2px solid #013b96;
	border-bottom: 2px solid #dadadb;
	overflow: hidden;
}

header#header .list_menu a {
	font-size: 15px;
	font-weight: bold;
}

header#header .list_menu li {
	border-bottom: 1px solid #d3d8e3;
}
header#header .list_menu li.home,
header#header .list_menu li:last-child {
	border-bottom: none;
}

header#header .list_menu .tree {
	border-bottom: 2px solid #013b96;
}

header#header .list_menu .list_title {
	padding: 5px 15px;
	background: #013b96;
	font-weight: bold;
	color: #ffffff;
}

header#header .list_menu li .link_inner {
	display: block;
	padding: 12px 15px 12px 45px;
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
		-moz-background-size: 24px 24px;
		-webkit-background-size: 24px 24px;
}
header#header .list_menu .home .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_home.png);
}
/*header#header .list_menu .signout .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_signout.png);
}
header#header .list_menu .edit .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_edit.png);
}*/
header#header .list_menu .room .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_room.png);
}
header#header .list_menu .shop .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_shop.png);
}
header#header .list_menu .kodawari .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_kodawari.png);
}
header#header .list_menu .campaign .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_campaign.png);
}
header#header .list_menu .column .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_column.png);
}
header#header .list_menu .manual .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_manual.png);
}
header#header .list_menu .time .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_time.png);
}
header#header .list_menu .campus .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_campus.png);
}
header#header .list_menu .ranking .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_ranking.png);
}
header#header .list_menu .yachin .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_yachin.png);
}
header#header .list_menu .feature .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_feature.png);
}
header#header .list_menu .dic .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_dic.png);
}
header#header .list_menu .benefit .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_benefit.png);
}
header#header .list_menu .inquiry .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_inquiry.png);
}

header#header .list_menu li .icon {
	display: block;
	padding: 0 15px 0 0;
	background: url(/static/sp/shared/images/arr_link_blue.png) no-repeat right center;
	background-size: 8px 14px;
		-moz-background-size: 8px 14px;
		-webkit-background-size: 8px 14px;
}

/* link_close */
header#header .menu_header .link_close {
	background: #eff2f4;
	text-align: center;
}
header#header .menu_header .link_close a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
header#header .menu_header .link_close .link_inner {
	display: block;
	padding: 15px 0;
}
header#header .menu_header .link_close .icon {
	padding: 0 20px 0 0;
	background: url(/static/sp/shared/images/icon/icn_menu_close.png) no-repeat right center;
	background-size: 14px 14px;
		-moz-background-size: 14px 14px;
		-webkit-background-size: 14px 14px;
}

/* --------------------------
	* cover
* -------------------------- */
#cover {
	display: none; /* 初期状態：非表示 */
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	background: rgba(0, 0, 0, 0.6);
	overflow: hidden;
}



/* 150916 add */
header#header .list_menu .yachinsoba .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_yachinsoba.png);
}
header#header .list_menu .newarticle .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_newarticle.png);
}

/* --------------------------
	* header
* -------------------------- */
div#contentHeader .topic_path {
	white-space: nowrap; /*改行しない*/
	overflow-x: auto; /*はみ出た部分を隠す*/
	-webkit-overflow-scrolling: touch; /*スクロールさせる*/
	padding: 7px 10px 6px 10px;
	background-color: #e6e8ec;
	line-height: 1.7;
	font-size: 10px;
}
div#contentHeader .topic_path li {
	float: left;
	font-size: 10px;
}
div#contentHeader .topic_path a {
	position: relative;
	margin-right: 23px;
	font-size: 10px;
	display: inline-block;
	color: #111111;
}
div#contentHeader .topic_path a:after {
	position: absolute;
	content: '＞';
	top: 50%;
	right: -18px;
	color: #111111;
	font-size: 10px;
	text-indent: 0;
	line-height: 0;
}
div#contentHeader .topic_path a.endurl:after {
	content: '';
}
div#contentHeader .topic_path strong {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
}
div#contentHeader .topic_path:before, div#contentHeader .topic_path:after {
	content:"";
	display:table;
}
div#contentHeader .topic_path:after { clear:both; }
.after_release::after {
	display: none !important;
}
/* --------------------------
* header for kodawari
* -------------------------- */
div#contentHeader .topic_path_kodawari {
	padding: 10px 10px 5px 10px;
	background-color: #fff3af;
	line-height: 1.7;
}
div#containerWrapper.kodawari.index .topic_path_kodawari {
	background-color: #eef4fe;
}
div#contentHeader .topic_path_kodawari li {
	float: left;
	font-size: 11px;
}
div#contentHeader .topic_path_kodawari a {
	position: relative;
	margin-right: 23px;
	font-size: 11px;
	display: inline-block;
	color: #111111;
}
div#contentHeader .topic_path_kodawari a:after {
	position: absolute;
	content: '＞';
	top: 50%;
	right: -18px;
	color: #111111;
	font-size: 10px;
	text-indent: 0;
	line-height: 0;
}
div#contentHeader .topic_path_kodawari strong {
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
}
div#contentHeader .topic_path_kodawari:before, div#contentHeader .topic_path_kodawari:after {
	content:"";
	display:table;
}
div#contentHeader .topic_path_kodawari:after { clear:both; }