@charset "utf-8";

/*--------------------
*reset
--------------------*/

#header-nav,
#header-nav div,
#header-nav ul,
#header-nav li,
#header-nav p,
#header-nav span,
#header-nav a,
#header-nav img,
#header-nav input{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	font-size:inherit;
	font-weight:inherit;
	letter-spacing:inherit;
	line-height:inherit;
	text-align:inherit;
	vertical-align:inherit;
	color:inherit;
	
	float:none;
	width:auto;
	height:auto;
}
#header-nav li{
	list-style:none;
}
#header-nav a{
	text-decoration:none;
}
#header-nav img{
	display:block;
}
#header-nav input{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	border-radius:0;
}

/*--------------------
*structure
--------------------*/

#header-nav{
	width:100%;
	font-family:"Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	color:#fff;
	background-color:#fff;
}
#header-nav .bar,
#header-nav .nav{
	width:100%;
	font-size:0;
}
#header-nav .bar{
	position:relative;
	text-align:right;
}
#header-nav .nav{
	position:absolute;
	top:0;
	background-color:#fff;
}

/*--------------------
.bar
--------------------*/

#header-nav .bar:after{
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:url("../img/sp/bg_hbar.jpg") repeat-x center left;
	background-size:auto 4px;
}
#header-nav .bar h1{
	position:absolute;
}
#header-nav .bar h1 a{
	display:block;
	width:150px;
	height:50px;
	padding:5px 0;
	font-size:0;
	background:url("../img/sp/icn_logo.jpg") no-repeat center center;
	background-size:150px auto;
}
#header-nav .bar > img{
	display:inline-block;
	height:50px;
	padding:5px 0;
	cursor:pointer;
}
#header-nav .bar > div{
	display:inline-block;
	width:50px;
	height:50px;
	padding:5px;
	margin-right:5px;
	cursor:pointer;
	background:url("../img/sp/btn_open.jpg") no-repeat center center;
	background-size:40px auto;
}

/*--------------------
.nav
--------------------*/

#header-nav .nav{
	z-index:3;
}
#header-nav .nav > div:first-child{
	position:fixed;
	z-index:1;
	top:0;
	width:100%;
	height:40px;
	background-color:#fff;
}
#header-nav .nav > div:first-child img{
	position:absolute;
	display:block;
	right:0;
	height:40px;
	cursor:pointer;
}

/*ul1*/

#header-nav .nav > div+ul{
	padding-top:40px;
	margin:10px 25px 14px;
}
#header-nav .nav > div+ul li{
	display:inline-block;
	width:49%;
	text-align:center;
	border:2px solid #8A8A8A;
	border-radius:24px;
}
#header-nav .nav > div+ul li:first-child{
	margin-right:2%;
}
#header-nav .nav > div+ul img{
	display:inline-block;
	height:40px;
}

/*ul2*/

#header-nav .nav > ul+ul{
	font-size:13px;
	line-height:20px;
}
#header-nav .nav > ul+ul span,
#header-nav .nav > ul+ul a{
	display:block;
}

/*ul2 li*/

#header-nav .nav > ul+ul > li > span{
	cursor:pointer;
	padding:4px 0;
	margin:0 25px;
	border-bottom:1px solid #e6e6e6;
	background:url("../img/sp/icn_cr_b-d.png") no-repeat center right;
	background-size:30px auto;
}
#header-nav .nav > ul+ul > li:first-child > span{
	border-top:1px solid #e6e6e6;
}
#header-nav .nav > ul+ul > li > span img{
	height:50px;
}

/*ul2 ul*/

#header-nav .nav > ul+ul > li > ul{
	background-color:#444;
}
#header-nav .nav > ul+ul ul{
	position:relative;
	margin:-1px 0;
}
#header-nav .nav > ul+ul > li > ul > li > ul{
	background-color:#222;
}
#header-nav .nav > ul+ul > li > ul > li > ul ul{
	background-color:#343434;
}

/*.sl*/

#header-nav .nav .sl li > span,
#header-nav .nav .sl li > a{
	cursor:pointer;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:40px;
	margin:0 30px;
	word-wrap:break-word;
	background-repeat:no-repeat;
	background-position:center right;
	background-size:30px auto;
}
#header-nav .nav .sl li > span{
	background-image:url("../img/sp/icn_cr_w-d.png");
}
#header-nav .nav .sl li > a{
	background-image:url("../img/sp/icn_cr_w-r.png");
}
#header-nav .nav .sl li+li > span,
#header-nav .nav .sl li+li > a{
	border-top:1px solid #fff;
}
#header-nav .nav .sl li.si+li > span{
	border-top:none;
}
#header-nav .nav .sl li > a > img{
	display:inline-block;
	width:20px;
	margin-right:6px;
	vertical-align:top;
}

/*.sl .si*/

#header-nav .nav .sl li.si img{
	width:100%;
	padding:30px 30px 10px;
}

/*.sl .sr*/

#header-nav .nav .sl .sr li a{
	margin:0 50px;
	padding:25px 0;
	text-align:center;
	background:none;
}
#header-nav .nav .sl .sr li a img{
	width:100%;
	margin:0 0 4px 0;
}

/*.sl.sc*/

#header-nav .nav .sl.sc img{
	width:100%;
	margin-top:12px;
}
#header-nav .nav .sl.sc li:first-child > a,
#header-nav .nav .sl.sc li:first-child+li > a{
	padding-right:0;
	background:none;
}
#header-nav .nav .sl.sc li:first-child > a span,
#header-nav .nav .sl.sc li:first-child+li > a span{
	width:100%;
	margin-bottom:6px;
	background:url("../img/sp/icn_cr_w-r.png") no-repeat center right;
	background-size:30px auto;
}
#header-nav .nav .sl.sc li:first-child > a p,
#header-nav .nav .sl.sc li:first-child+li > a p{
	font-size:10px;
	line-height:1.4em;
}

/*.sw*/

#header-nav .nav .sw li{
	padding:36px 0 40px;
	margin:0 25px;
}
#header-nav .nav .sw li+li{
	border-top:1px solid #fff;
}

#header-nav .nav .sw li > div{
	margin-bottom:8px;
	border-bottom:2px solid #C3002F;
}
#header-nav .nav .sw li > div:after{
	content:"";
	display:block;
	border-top:2px solid #fff;
}
#header-nav .nav .sw li > p{
	margin-bottom:12px;
}
#header-nav .nav .sw li > a{
	cursor:pointer;
	height:39px;
	margin-top:15px;
	text-align:center;
	background-color:#7f7f7f;
	border:2px solid #fff;
}
#header-nav .nav .sw li > img,
#header-nav .nav .sw li > div img,
#header-nav .nav .sw li > span > a img{
	width:100%;
}
#header-nav .nav .sw li > img{
	margin-top:12px;
}
#header-nav .nav .sw li > span > a img{
	margin-top:8px;
}
#header-nav .nav .sw li > a img{
	display:inline-block;
	width:100px;
}

/*--------------------
#gsearch
--------------------*/

#gsearch{
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	border-bottom:1px solid #999;
}
#gsearch:before{
	/*content:"";
	position:absolute;
	display:inline-block;
	top:20px;
	left:25px;
	width:20px;
	height:40px;
	vertical-align:top;
	background:url("../img/sp/bg_search-l.png") no-repeat top left;
	background-size:auto 40px;*/
}
#gsearch input{
	/*display:inline-block;
	width:100%;
	font-size:16px;
	line-height:40px;
	vertical-align:top;
	color:#333;
	background:url("../img/sp/bg_search-m.png") repeat-x top center;
	background-size:auto 40px;*/
}
#gsearch img{
	/*position:absolute;
	display:inline-block;
	top:20px;
	right:25px;
	cursor:pointer;
	height:40px;
	vertical-align:top;*/
}

/*gsc*/
.gsc-control-cse{padding:0 !important;}
.gsc-clear-button{display:none !important;}
.gsc-search-button{display:none !important;}

/*.gsc-input{position:relative;padding-left:20px;padding-right:45px;}
.gsc-input:before{content:"" !important;position:absolute !important;display:inline-block !important;left:0px !important;width:20px !important;height:40px !important;vertical-align:top !important;background:url("/common/2016/img/sp/bg_search-l.png") no-repeat top left !important;background-size:auto 40px !important;}
.gsc-input input{border:none;display:inline-block;width:100% !important;font-size:16px !important;font-weight:bold;line-height:40px !important;height:40px !important;vertical-align:top;color:#333 !important;background:url("/common/2016/img/sp/bg_search-m.png") repeat-x top center !important;border:none !important;background-size:auto 40px !important;padding:0 !important;}
.gsc-input img{position:absolute;display:inline-block;top:0px;right:0px;cursor:pointer;height:40px !important;vertical-align:top;background:#fff;}*/


/* 180302 */
.mf_finder_searchBox_items_wrapper{position:relative;padding-left:20px;padding-right:45px;}
.mf_finder_searchBox_items_wrapper:before{content:"" !important;position:absolute !important;display:inline-block !important;left:0px !important;width:20px !important;height:40px !important;vertical-align:top !important;background:url("/common/2016/img/sp/bg_search-l.png") no-repeat top left !important;background-size:auto 40px !important;}
.mf_finder_searchBox_items_wrapper input{border:none;display:inline-block;width:100% !important;font-size:16px !important;font-weight:bold;line-height:40px !important;height:40px !important;vertical-align:top;color:#333 !important;background:url("/common/2016/img/sp/bg_search-m.png") repeat-x top center !important;border:none !important;background-size:auto 40px !important;padding:0 !important;}/*#gsc-i-id1*/
.mf_finder_searchBox_items_wrapper img{position:absolute;display:inline-block;top:0px;right:0px;cursor:pointer;height:40px !important;vertical-align:top;background:#fff;}

.mf_finder_searchBox_items{padding:0 !important;}
.mf_finder_searchBox_submit{display:none !important;}
/*--------------------
.monotone override
--------------------*/

.monotone #header-nav .bar:after{
	background-image:url("../img/sp/bg_hbarg.jpg");
}
.monotone #header-nav .bar h1 > a{
	background-image:url("../img/sp/icn_logog.jpg");
}
.monotone #header-nav .bar > div{
	background-image:url("../img/sp/btn_openg.jpg");
}

.monotone #header-nav .nav .sw li > div{
	border-color:#999;
}