@charset "UTF-8";

/* ------------------------------------------
header
--------------------------------------------- */

header#header .header_inner.bg_blue{background:#013b96;}
header#header .logo img {
	width: 87px;
	max-width:100%;
	position: relative;
}
header#header .logo {
	width: 30%;
	float: left;
	padding: 5px 0 0 0;
}
header#header .list_utility_link{text-align:center;float: right;display:table;max-width:70%;}
header#header .list_utility_link li{display:table-cell;vertical-align: top;padding-left:5px;}
header#header .list_utility_link a{
	color:#fff;
	font-size:10px;
}



header#header .list_utility_link .btn_recent_list,
header#header .list_utility_link .btn_study_list{
	float:none;text-align:center;
}
header#header .list_utility_link .btn_recent_list p.total,
header#header .list_utility_link .btn_study_list p.total {
	height: 22px;
	border-radius: 10px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
header#header .list_utility_link .btn_recent_list p.total {
	background: transparent;
	padding:6px 10px;
}
header#header .list_utility_link .btn_study_list p.total{
	background:none;
	background:#fff;
	padding:4px 10px;
}

header#header .list_utility_link .btn_recent_list .total span,
header#header .list_utility_link .btn_study_list .total span {
	padding: 0;
	font-size: 14px;
	color: #ff48af;
	font-weight: bold;
}

header#header .list_utility_link .btn_recent_list p.txt,
header#header .list_utility_link .btn_study_list p.txt{
	padding-top:7px;
	display:block;
}
header#header .btn_menu {
	width: 3em;
	float: none;
	padding: 0 0 0 0;
}
header#header .btn_menu a {
	display: block;
	height: 20px;
	background-image: url(../img/hd_icon_04.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	background-size:20px 20px;
	letter-spacing:-0.03em;
	padding:30px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
header#header .utility1 a {
	background-image: url(../img/hd_icon_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:32px 22px;
	letter-spacing:-0.03em;
}

header#header .utility2 a {
	display: block;
	background-image: url(../img/hd_icon_02.png);
	background-repeat: no-repeat;
	background-position:center top;
	background-size:20px 20px;
	letter-spacing:-0.03em;
	padding:30px 0 0 0;
}
header#header .btn_menu a::before {
    content: " ";
    color: transparent;
}

/* list_menu */


.menu_header {
	width: 60%;
	position: absolute;
	background: #fff;
	right: 0;
	top: 0;
	z-index:999;
}
/* list_menu */
.list_menu {
	display: none; /* 初期状態：非表示 */
	overflow: hidden;
}

.list_menu a {
	font-size: 15px;
	color:#000;
}

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

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

.list_menu .list_title {
	padding: 5px 15px;
	background: #013b96;
	color: #ffffff;
}

.list_menu li .link_inner {
	display: block;
	padding: 12px 20px 12px 15px;
/*
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-image: url(../img/menu_icon.png);
*/
}
/*
.list_menu .home .link_inner {
	padding: 12px 15px 12px 15px;
	border-bottom: 1px solid #d3d8e3;
	background:none;
}	

.list_menu .room .link_inner {
	background-position:10px 8px;
}
.list_menu .shop .link_inner {
	background-position:10px -45px;
}
.list_menu .study .link_inner {
	background-position:10px -98px;
}
.list_menu .favirote .link_inner {
	background-position:10px -152px;
}
.list_menu .recent .link_inner {
	background-position:10px -205px;
}
.list_menu .campaign .link_inner {
	background-position:10px -260px;
}
.list_menu .benefit .link_inner {
	background-position:10px -315px;
}
.list_menu .inquiry .link_inner {
	background-position:10px -370px;
}


.list_menu li .icon {
	display: block;
	padding: 0 15px 0 0;
	background-size: 8px 14px;
}
*/

/* link_close */
.menu_header .link_close {
	background: transparent;
	text-align: center;
	top: 0;
	left:-25px;
	position: absolute;
}
.menu_header .link_close a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.menu_header .link_close .link_inner {
	display: block;
	padding: 15px 0;
}
.menu_header .link_close .icon {
	padding: 0 20px 0 0;
	background: url(../img/hd_icon_close.png) no-repeat left center;
	background-size:20px 20px;
		-moz-background-size: 14px 14px;
		-webkit-background-size: 14px 14px;
}

#cover {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	background: rgba(0, 0, 0, 0.6);
	overflow: hidden;
}


.list_menu li a:after{
	content: "";
	position: absolute;
	width: 8px;
	height: 14px;
	margin-top: -7px;
	top: 50%;
	right: 10px;
	background-image: url(/static/sp/shared/images/arr_link_blue.png);
	-webkit-background-size: 8px 14px;
	background-size: 8px 14px;
}

.list_menu li .link_header {
	display: block;
	padding: 12px 15px 12px 45px;
	background-color: #003c96;
	color: #ffffff;
}
.list_menu li .link_header.search {
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-image: url(/static/common_2018/common_sp/img/icon_menu_search.png);
}
.list_menu li .link_header.shop {
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-image: url(/static/common_2018/common_sp/img/icon_menu_shop.png);
}
.list_menu li .link_header.mymenu {
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-image: url(/static/common_2018/common_sp/img/icon_menu_mymenu.png);
}
.list_menu li .link_header.other {
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-image: url(/static/common_2018/common_sp/img/icon_menu_other.png);
}

/* ------------------------------------------
footer
--------------------------------------------- */

div#footerWrapper .box_info .btn_info {
	padding: 0 10px 0 10px;
	text-align: center;
}