@charset "Shift_JIS";
/* common */

body{
overflow-y:auto;
background:#fff;
font-family: "Meiryo", "メイリオ", "ヒラギノ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Helvetica;
color:#333;
}
/*-------------------------------------
header
-------------------------------------*/
#header{background:#fff; width:100%;}
#group_header {position: absolute; top:expression(eval(document.documentElement.scrollTop+0));}

.header_wrap{width:1170px; margin:0 auto;}
/*-------------------------------------
#group_header
-------------------------------------*/
#group_header{
background:#f35393;
height:36px;
width:100%;
min-width:1170px;
position: fixed; top:0; z-index:999;
}
#group_header strong a{color:#fff; font-size:12px; font-weight:normal; padding:12px 20px 0 0; display:block; height:16px; float:left; background:url(/images/20160817/common/sub_logo.png) no-repeat right 9px;}
#group_header strong a:hover{ text-decoration:underline;}

#group_header #group_nav{float:right;}
#group_header #group_nav .area{float:left; font-size:11px; color:#fff; width:110px; height:36px; line-height:34px;}

#group_header #group_nav li ul li{float:none; font-size:10px; }
#group_header #group_nav .area_link{line-height:36px; font-size:13px;  background:url(/images/20160817/common/group_area.png) no-repeat 40px center;}


.lnavi > li > a{
position: relative;
display: block;
color: #fff;
cursor: pointer;
-webkit-transition:0.1s ease-in-out;
-moz-transition:0.1s ease-in-out;
transition:0.1s ease-in-out;
}
.lnavi > li.area > .children{
position: absolute;
z-index:900;
left: auto;
right:100%;
font-size:12px;
}
.lnavi > li.area > .children:before{
content: "";
position: absolute;
left: 50%;
margin-left: -6px;
top: -6px;
border-bottom: solid 6px rgba(55, 55,55, 0.98);
border-left: solid 6px transparent;
border-right: solid 6px transparent;
z-index: 900;
font-size:12px;
}
.lnavi > li.area > .children{
position: relative;
border-radius: 4px;
background-color: rgba(55,55,55, 0.98);
box-shadow: 0 1px 5px rgba(0,0,0,.35);
display: inline-block;
margin: -4px 0 0 0;
padding: 4px 0;
margin-left: 50%;
width:200px;
display:none;
font-size:12px;
}


.lnavi > li.area ul li{
float:none;
position:relative;

}
.lnavi > li.area ul li > a {
display: block;
color: #fff;
font-weight:normal;
text-align:left;
padding: 8px 12px;
line-height: 1.5rem;
font-size:13px;
overflow: hidden;
float:none;
}
.lnavi > li.area ul a:hover {
background: #f35393;
}


.lnavi > li.area:hover > .children{
display: inline-block;
}
.lnavi > li.area > .children .shop_detail{
position:absolute;
top:0;
left:-200px;
width:200px;
color:#444;
font-size:12px;
display:block;
background:#fff;
font-size:20px;
display:none;
}
.lnavi > li.area > .children > li:hover .shop_detail{
display:block;
}

.fixed {
width: 100%;
position:fixed;
top:-85px;
z-index:7776;
}

#header_search dd{
float:left;
}



/*-------------------------------------
#main
-------------------------------------*/




/*-------------------------------------
#footer
-------------------------------------*/
#footer{
background:#323232;
clear:both;
width:100%;
color:#aaa;
}
#footer a{
color:#bbb;
}
#footer a:hover{
color:#fff;
}

#footer #footer_wrap{
background:#323232;
width:1170px;
min-width:1170px;
margin:0 auto;
padding:40px 0 30px 0;
text-align:center;
font-size:12px;
}
#footer #footer_wrap .harekei_home_link{
margin:0 auto 10px auto;
display:block;
width:40px;
height:40px;
}
#footer #footer_wrap .harekei_home_link img:hover{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
#footer #footer_wrap .harekei_home_link img{
-webkit-transition:all 0.6s ease;
transition:all 0.6s ease;
}
#footer #footer_wrap .harekei_home_text{
margin:5px 0 0 0;
font-size:11px;
opacity:0;
-webkit-transition:all 0.6s ease;
transition:all 0.6s ease;
margin:0 0 20px 0;
}


#footer #footer_wrap .harekei_home_link:hover + p{
opacity:1;
}


#footer #footer_wrap .over18{
font-size:13px;
line-height:160%;
margin:0 0 40px 0;
}
#footer #footer_wrap .footer_nav{
text-align:center;
margin:0 0 40px;
}
#footer #footer_wrap .footer_nav li{
text-align:center;
display:inline-block;
font-size:12px;
}
#footer #footer_wrap .footer_nav li span{
margin:0 5px;
}

#footer #footer_wrap .footer_nav li a{
padding:5px;
}

#footer .small{
clear:both;
font-size:11px;
}


#footer .underline_link:before,
#footer .underline_link:after{
background:#fff;
top:2em;
}


/*-------------------------------------
underline_link
-------------------------------------*/
.underline_link{
position:relative;
display:inline-block;
}
.underline_link:before,
.underline_link:after{
position: absolute;
top:1.3em;
content: "";
display:inline-block;
width: 0;
height:1px; 
background:#1B5289;
transition: 0.1s;
}
.underline_link:before{
left:50%;
}

.underline_link:after{
right:50%;
}
.underline_link:hover:after,
.underline_link:hover:before{
width:50%;
}

#footer a.underline_link:hover{
text-decoration:none;
}

/*-------------------------------------
#breadcrumb
-------------------------------------*/
#breadcrumb{
width:1170px;
margin:0 auto 30px auto;
text-align:left;
}
#breadcrumb li{
font-size:11px;
float:left;
}

#breadcrumb li a{
display:block;
background:url(/images/20160817/common/bg_breadcrumbs.png) center right no-repeat;
padding-right:20px;
margin-right:10px;
}
#breadcrumb li a:hover{
text-decoration:underline;
}

/*-------------------------------------
clearfix clear
-------------------------------------*/
.cf:before,
.cf:after{content:""; display:table;}
.cf:after{clear: both;}
.cf{*zoom:1;}
.c{clear: both;}