@charset "utf-8";
/* CSS Document */


#header{ border-bottom: 3px solid #1a1a1a; padding: 12px 0; margin: 0 auto; }
#header .logo{ position: static; margin-left: 15px; width: 210px; }
#header .drawer-nav{ background-color: #f9f9f9; }
#header .drawer-ttl{ background-color: #555555; color: #ffffff; text-align: center; font-weight: bold; padding: 5px 0; font-size: 14px; line-height: 20px; }
#header .drawer-list{ overflow: hidden; position: relative; border-bottom: 1px solid #cccccc; }
#header .drawer-list > .item{ float: left; width: 100%; position: relative; }
#header .drawer-list > .item a{ display: block; text-align: center; font-weight: bold; color: #222222; text-decoration: none; padding: 10px 0; font-size: 14px; line-height: 20px; background: url(../../img/root/sp/icon_allow04.png) 97% center no-repeat #f9f9f9; }
#header .drawer-list > .item+.item{ border-top: 1px solid #cccccc; }
#header .drawer-list.-store-navi:before{ content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: #cccccc; z-index: 5; }
#header .drawer-list.-store-navi > .item{ z-index: 10; }
#header .drawer-list.-store-navi > .item+.item{ width: 50%; z-index: 1; }
#header .drawer-list.-store-navi > .item+.item a{ background-position: 94.5% center; }
#header .drawer-toggle{ width: 60px; height: 50px; display: block; background: url(../../img/root/header/icon_open.png) center 10px no-repeat #225ba9; border-radius: 0 0 0 6px;  color: #ffffff; text-decoration: none; padding: 0; font-size: 10px; line-height: 75px; text-align: center; }
.drawer-open #header .drawer-toggle{ background-image: url(../../img/root/header/icon_close.png); }

#main{ background: url(../../img/root/bg01.jpg) center 0 repeat; }
#main .content{ width: auto; margin: 0 15px; padding: 0 0 30px; }

#footer{ border-top: 1px solid #d6d6d6; }
#footer .other-link{ display: none; }
#footer .totop-btn{
	height: auto; position: relative;
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%);
}
#footer .totop-btn > a{ background: url(../../img/root/sp/icon_allow02.png) center center no-repeat; width: 100%; height: 58px; position: static; margin-right: 0; }
#footer .totop-btn > a:active{ background-color: #f7f7f7; }
#footer .footer-navi{ position: relative; border-bottom: 1px solid #d6d6d6; overflow: hidden; }
#footer .footer-navi:before{ content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #d6d6d6; }
#footer .footer-navi > .item{ float: left; width: 50%; border-top: 1px solid #d6d6d6; }
#footer .footer-navi > .item a{ display: block; background: url(../../img/root/sp/icon_allow03.png) 13px center no-repeat; color: #333333; font-size: 14px; line-height: 18px; padding: 15px 0 15px 30px; text-decoration: none; }
#footer .logo{ width: 186px; margin: 0 auto; padding: 15px 0; }
#footer .copyright{ width: auto; font-size: 10px; line-height: 18px; padding: 15px 0; background-color: #000000; text-align: center; color: #b2b2b2; }




@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
	#header .drawer-toggle{ background-image: url(../../img/root/header/icon_open@2x.png); background-size: 26px 17px; }
	.drawer-open #header .drawer-toggle{ background-image: url(../../img/root/header/icon_close@2x.png); background-size: 19px 19px; }
}