@charset "UTF-8";

/*-------------------------
__base_style
-------------------------*/

#wrap{ background-color: #F0F0F0; text-align: left;}
#wrap a{ color: #000; text-decoration: none;}
.en_text{font-family: 'Zen Kaku Gothic New', sans-serif;}
.shop_top{ overflow: hidden;}
body{ min-width: 1200px;}
#wrap a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none;}


/*-------------------------
__header
-------------------------*/
header{}
header #header{}
header #header .inner{ display: flex; justify-content: space-between; align-items: center; padding: 0 50px 0; box-sizing: border-box;}
header #header .inner .header_logo{ width: 284px; height: 35px;}
header #header .inner .header_logo a{}
header #header .inner .header_logo a img{ width: 100%; height: auto;}
header #header .inner .header_menu{ display: flex; margin-top: 25px;}
header #header .inner .header_menu .menu_text{ margin-right: 100px; margin-top: 0;}
header #header .inner .header_menu .menu_text .menu_text_top{ display: flex; justify-content: flex-end; margin-bottom: 25px;}
header #header .inner .header_menu .menu_text .menu_text_top ul{ display: flex; margin-right: 10px;}
header #header .inner .header_menu .menu_text .menu_text_top ul li{ border-right: 1px solid #000;}
header #header .inner .header_menu .menu_text .menu_text_top ul li:last-child{ border-right: none;}
header #header .inner .header_menu .menu_text .menu_text_top ul li a{ display: block; font-size: 1.2em; padding: 0 10px;}
header #header .inner .header_menu .menu_text .menu_text_top .member_btn{}
header #header .inner .header_menu .menu_text .menu_text_top .member_btn a{ font-size: 1.2em; color: #2A2C8B;}
header #header .inner .header_menu .menu_text .menu_text_top .member_btn a span{ display: block; box-sizing: border-box; padding-left: 16px; position: relative;}
header #header .inner .header_menu .menu_text .menu_text_top .member_btn a span:before{ content: ''; display: inline-block; width: 13px; height: 13px; background-image: url(../images/member_icon_b@2x.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
header #header .inner .header_menu .menu_text .menu_text_btm > ul{ display: flex; align-items: center; margin-right: -20px;}
header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > a,
header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > span{ font-size: 1.3em; display: block; padding: 10px 8px 25px; box-sizing: border-box; font-weight: 700;}
header #header .inner .header_menu .menu_text .menu_text_btm > ul > li:hover > span a{ color: #fff!important;}
/*dropdown_menu*/
.menu_text_btm.globalnav-wrap { color:#000; display:flex; justify-content:flex-end; margin-right: 10px;}
.menu_text_btm .globalnav .dropdown-btn { position: relative; display: inline-block;}
.globalnav .dropdown-btn:hover { color: #fff; background: #32323C; cursor: pointer;}
.globalnav .dropdown { z-index: 100; background: #32323C; position: absolute; top: 47px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 150px; padding: 30px 30px; display: none;}
.globalnav .dropdown .dropdown_inner{ /*display: flex;*/}
.globalnav .dropdown .dropdown_inner p{ font-size: 1.6em; color: #fff; width: 100px; font-weight: 700;}
.globalnav .dropdown .dropdown_inner ul{ /*width: calc(100% - 100px);*/ width: 100%; margin-top: 5px;}
.globalnav .dropdown .dropdown_inner ul li{ margin: 0 0 15px;}
.globalnav .dropdown .dropdown_inner ul li a{ color: #fff!important; font-size:1.2em!important;}
.globalnav .dropdown .dropdown_inner ul li a:hover{ opacity: 0.4;}
.globalnav .dropdown .dropdown_inner ul li:last-child{ margin-bottom: 0;}
.globalnav .nav-button-wrap,
.globalnav .open { display: block;}
.globalnav .close { display: block;}
.globalnav .dropdown .dropdown_inner.drop_shop ul{ /*display: flex; flex-wrap: wrap;*/}
.globalnav .dropdown .dropdown_inner.drop_shop ul li{ /*width: 50%;*/ width: 100%;}

header #header .inner .header_menu .menu_text .menu_text_top ul li a:hover,
.globalnav .dropdown .dropdown_inner ul li a:hover,
header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > a:hover{ opacity: 0.4;}
.globalnav .dropdown .dropdown_inner.drop_shop ul li.omiya a { font-size: 1.1em !important;}

/*大宮店様のヘッダー内社名を細く表示*/
#wrap.shop_top header #header .inner .header_logo a span.omiya{ transform: scaleX(0.8); transform-origin: top left; text-align: center; font-size: 1.4em;}

/*-------------------------
__content
-------------------------*/

#wrap.asp_wrap{ background-color: #fff;}
#wrap.asp_wrap .asp_contents{ max-width: 1100px; width: 100%; margin: 0 auto 60px;}
#wrap.asp_wrap .asp_contents .asp_pageTitle{ margin: 20px 0 20px; background-color: #2A2C8B; color: #fff; padding:13px 20px; box-sizing: border-box; height: auto; line-height: normal;}

.topic_path{clear:both; max-width: 1200px; padding: 0 50px; box-sizing: border-box; margin:0 auto 80px;}
.topic_path ul{width:100%;text-align:left;}
.topic_path li{font-size:1.4em;line-height:1.4;font-weight:700;color:#878787;vertical-align:top;display:inline-block;}
.topic_path li:before{content:"／";color:#878787;font-weight:400;margin-left:5px;margin-right:5px;}
.topic_path li:first-child:before{content:"";margin:0;}
.topic_path li a{font-weight:400;color:#878787!important;text-decoration:underline;}
.topic_path li a:hover{ color: #000!important;}


/*-------------------------
__footer
-------------------------*/
#footer{ background-color: #3C3C3C;}
#footer .inner{ max-width: 1200px; margin: 0 auto; padding: 140px 50px 0; box-sizing: border-box;}
#footer .inner .footer_block01{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 95px;}
#footer .inner .footer_block01 .footer_logo{}
#footer .inner .footer_block01 .menu_text_top{ display: flex; justify-content: flex-end;}
#footer .inner .footer_block01 .menu_text_top ul{ display: flex; margin-right: 20px;}
#footer .inner .footer_block01 .menu_text_top ul li{ border-right: 1px solid #969696;}
#footer .inner .footer_block01 .menu_text_top ul li:last-child{ border-right: none;}
#footer .inner .footer_block01 .menu_text_top ul li a{ display: block; font-size: 1.4em; padding: 0 10px; color: #969696;}
#footer .inner .footer_block01 .menu_text_top .member_btn{}
#footer .inner .footer_block01 .menu_text_top .member_btn a{ font-size: 1.4em; color: #fff;}
#footer .inner .footer_block01 .menu_text_top .member_btn a span{ display: block; box-sizing: border-box; padding-left: 20px; position: relative;}
#footer .inner .footer_block01 .menu_text_top .member_btn a span:before{ content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../images/member_icon_w@2x.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
#footer .inner .footer_block02{ display: flex; justify-content: space-between; width: 100%; max-width: 960px; margin:0 auto 95px;}
#footer .inner .footer_block02 .link_box{}
#footer .inner .footer_block02 .link_box p{ margin-bottom: 30px;}
#footer .inner .footer_block02 .link_box p a,
#footer .inner .footer_block02 .link_box p span{ font-size: 1.6em; color: #fff;}
#footer .inner .footer_block02 .link_box ul li{ margin-bottom: 20px;}
#footer .inner .footer_block02 .link_box ul li a{ font-size: 1.4em; color: #969696;}
#footer .inner .footer_block03{ text-align: center; margin-bottom: 80px;}
#footer .inner .footer_block03 p{ font-size: 1.6em; font-weight: 700; color: #fff; margin-bottom: 30px;}
#footer .inner .footer_block03 ul { display: flex; justify-content: center;}
#footer .inner .footer_block03 ul li{ border-right: 1px solid #fff;}
#footer .inner .footer_block03 ul li:last-child{ border-right: none;}
#footer .inner .footer_block03 ul li a{ font-size: 1.4em; color:#fff; padding: 0 20px;}
#footer .inner .footer_block04{ text-align: center; margin-bottom: 80px;}
#footer .inner .footer_block04 ul { display: flex; justify-content: center;}
#footer .inner .footer_block04 ul li{ border-right: 1px solid #969696;}
#footer .inner .footer_block04 ul li:last-child{ border-right: none;}
#footer .inner .footer_block04 ul li a{ font-size: 1.4em; color:#969696; padding: 0 20px;}
#footer .inner .footer_block05{ text-align: center; margin-bottom: 80px;}
#footer .copylight{ background-color: #333; text-align: center; color: #969696; font-size: 1.4em; padding: 35px 0; box-sizing: border-box;}
.re_top{ display:none;height:50px;width:50px;overflow:hidden;position:fixed;z-index:9999;right:30px;bottom:30px;}
.re_top a{ display:block; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); border: 1px solid #2A2C8B; box-sizing: border-box; cursor: pointer; border-radius: 5px;}
.re_top a:hover{ cursor: pointer;}
.re_top a:before{ position: absolute; top: calc(50% - 3px); left: calc(50% - 5px); width: 10px; height: 10px; border-top: 1px solid #2A2C8B; border-right: 1px solid #2A2C8B; opacity: 1; content: ''; transform:rotate(-45deg);}

#footer .inner .footer_block01 .menu_text_top ul li a:hover,
#footer .inner .footer_block01 .menu_text_top .member_btn a:hover,
#footer .inner .footer_block02 .link_box p a:hover,
#footer .inner .footer_block02 .link_box ul li a:hover,
#footer .inner .footer_block03 ul li a:hover,
#footer .inner .footer_block04 ul li a:hover{ opacity: 0.4;}

#nav-content .inner .drawer_block02 .link_box ul.com_construction_menu,
#footer .inner .footer_block02 .link_box ul.com_construction_menu{ margin-bottom: 40px;}

/*-------------------------
__drawer
-------------------------*/

#toggle { position: fixed; top: 0; left: 0; right: 0; width: 100%; min-width: 1200px; text-align: right;}
#toggle .toggle_inner{ cursor: pointer; position: absolute; top: 25px; right: 50px; box-sizing: border-box; cursor: pointer; border-radius: 5px; width: 60px; height: 60px;}
#toggle .toggle_inner:before{ content:''; width: 60px; height: 60px; background: linear-gradient(to right,#2a2c8b, #2878d2); position: absolute; top: 0; right: 0; border-radius: 5px;}
#toggle-box { position: relative; width: 20px; height: 20px; top: 21px; left: 21px;}
#toggle-box > span { width: 100%; height: 2px; left: 0; display: block; background: #fff; position: absolute; transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;}
#toggle-box > span:nth-child(1) { top: 0;}
#toggle-box > span:nth-child(2) { top: 50%; transform: translatey(-50%);}
#toggle-box > span:nth-child(3) {  bottom: 0;}
.is-open #toggle-box > span { background: #fff;}
.is-open #toggle-box > span:nth-child(1) { top: 50%; left: -1px; transform: rotate(45deg) translatey(-50%);}
.is-open #toggle-box > span:nth-child(2) { width: 0;}
.is-open #toggle-box > span:nth-child(3) { top: 50%; transform: rotate(-45deg) translatey(-50%);}
#toggle { z-index: 1000;}
#wrap { position: relative; z-index: 990;}
#asp_wrap .asp_fix_inq_box { z-index: 991!important;}
#wrap.back{ z-index: 889;}

#nav-content{will-change: transform; z-index: 900; overflow: auto; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); color: #fff; position: fixed; top: 0; left: 0; text-align: center; opacity: 0; transition: opacity .6s ease, visibility .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.is-open { overflow: hidden;}
.is-open #nav-content { z-index: 999; visibility: visible; opacity: 1;}
.is-open #nav-content a { pointer-events: auto;}

#nav-content .inner{ text-align: left; width: 1200px; margin: 0 auto; padding: 140px 50px 0; box-sizing: border-box;}
#nav-content .inner a{ text-decoration: none;}
#nav-content .inner .drawer_block01{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 95px;}
#nav-content .inner .drawer_block01 .drawer_public{ display: flex;}
#nav-content .inner .drawer_block01 .drawer_public dl{ width: 240px; border: 1px solid #fff; display: flex; justify-content: space-between; align-items: center;}
#nav-content .inner .drawer_block01 .drawer_public dl:nth-child(2){ margin-left: -1px;}
#nav-content .inner .drawer_block01 .drawer_public dl dt,
#nav-content .inner .drawer_block01 .drawer_public dl dd{ padding: 10px; box-sizing: border-box; color: #fff; font-size: 1.2em;}
#nav-content .inner .drawer_block01 .drawer_public dl dd{ text-align: right;}
#nav-content .inner .drawer_block01 .drawer_public dl dd span{ font-size: 1.3em;}
#nav-content .inner .drawer_block01 .menu_text_top{ display: flex; justify-content: flex-end;}
#nav-content .inner .drawer_block01 .menu_text_top ul{ display: flex; margin-right: 20px;}
#nav-content .inner .drawer_block01 .menu_text_top ul li{ border-right: 1px solid #969696;}
#nav-content .inner .drawer_block01 .menu_text_top ul li:last-child{ border-right: none;}
#nav-content .inner .drawer_block01 .menu_text_top ul li a{ display: block; font-size: 1.4em; padding: 0 10px; color: #969696;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn{}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a{ font-size: 1.4em; color: #fff;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a span{ display: block; box-sizing: border-box; padding-left: 20px; position: relative;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a span:before{ content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../images/member_icon_w@2x.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
#nav-content .inner .drawer_block02{ display: flex; justify-content: space-between; width: 100%; max-width: 960px; margin:0 auto 95px;}
#nav-content .inner .drawer_block02 .link_box{}
#nav-content .inner .drawer_block02 .link_box p{ margin-bottom: 30px;}
#nav-content .inner .drawer_block02 .link_box p a,
#nav-content .inner .drawer_block02 .link_box p span{ font-size: 1.6em; color: #fff;}
#nav-content .inner .drawer_block02 .link_box ul li{ margin-bottom: 20px;}
#nav-content .inner .drawer_block02 .link_box ul li a{ font-size: 1.4em; color: #969696;}
#nav-content .inner .drawer_block03{ text-align: center; margin-bottom: 80px;}
#nav-content .inner .drawer_block03 p{ font-size: 1.6em; font-weight: 700; color: #fff; margin-bottom: 30px;}
#nav-content .inner .drawer_block03 ul { display: flex; justify-content: center;}
#nav-content .inner .drawer_block03 ul li{ border-right: 1px solid #fff;}
#nav-content .inner .drawer_block03 ul li:last-child{ border-right: none;}
#nav-content .inner .drawer_block03 ul li a{ font-size: 1.4em; color:#fff; padding: 0 20px;}
#nav-content .inner .drawer_block04{ text-align: center; margin-bottom: 120px;}
#nav-content .inner .drawer_block04 ul { display: flex; justify-content: center;}
#nav-content .inner .drawer_block04 ul li{ border-right: 1px solid #969696;}
#nav-content .inner .drawer_block04 ul li:last-child{ border-right: none;}
#nav-content .inner .drawer_block04 ul li a{ font-size: 1.4em; color:#969696; padding: 0 20px;}

#nav-content .inner .drawer_block01 .menu_text_top ul li a,
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a,
#nav-content .inner .drawer_block02 .link_box p a,
#nav-content .inner .drawer_block02 .link_box ul li a,
#nav-content .inner .drawer_block03 ul li a,
#nav-content .inner .drawer_block04 ul li a{ -webkit-transition: .3s; -ms-transition: .3s; transition: .3s;}
#nav-content .inner .drawer_block01 .menu_text_top ul li a:hover,
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a:hover,
#nav-content .inner .drawer_block02 .link_box p a:hover,
#nav-content .inner .drawer_block02 .link_box ul li a:hover,
#nav-content .inner .drawer_block03 ul li a:hover,
#nav-content .inner .drawer_block04 ul li a:hover{ opacity: 0.5;}


/*-------------------------
__shop_top
-------------------------*/

#wrap.shop_top header #header{}
#wrap.shop_top header #header .inner{ width: 100%;}
#wrap.shop_top header #header .inner .header_logo{ min-width: 400px; width:auto; height:auto;}
#wrap.shop_top header #header .inner .header_logo a,
#wrap.shop_top header #header .inner .header_logo p{ display: flex; align-items: center;}
#wrap.shop_top header #header .inner .header_logo a img,
#wrap.shop_top header #header .inner .header_logo p img{ display: inline-block; width:284px; height:auto; margin-right: 15px;}
#wrap.shop_top header #header .inner .header_logo a span,
#wrap.shop_top header #header .inner .header_logo p span{ display: inline-block; padding: 10px; box-sizing: border-box; border: 1px solid #2a2c8b; color: #2a2c8b; font-size: 1.5em; font-weight: 700;}
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_top .comprehensive{ margin-right: 10px;}
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_top .comprehensive a{ font-size: 1.2em;}
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_top .comprehensive a span{ display: block; box-sizing: border-box; padding-left: 18px; position: relative;}
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_top .comprehensive a span:before{ content: ''; display: inline-block; width: 13px; height: 13px; background-image: url(../images/shop/comprehensive_icon@2x.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
#wrap.shop_top header #header .header_menu .menu_text{ max-width: 800px;}

@media screen and (max-width: 1280px) {
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > a,
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > span{ font-size: 1.1em; padding: 10px 5px 25px;}
}

/*#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > a,
#wrap.shop_top header #header .inner .header_menu .menu_text .menu_text_btm > ul > li > span{ font-size: 1.2em; padding: 10px 5px 25px;}*/

#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo a{ display: flex; align-items: center; justify-content: center;}
#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo a img{ display: inline-block; width:284px; height:35px; margin-right: 15px;}
#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo span{ display: inline-block; padding: 10px; box-sizing: border-box; border: 1px solid #fff; color: #fff; font-size: 1.5em; font-weight: 700;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive{ margin-right: 20px;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a{ font-size: 1.4em; color: #fff!important;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a span{ display: block; box-sizing: border-box; padding-left: 24px; position: relative;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a span:before{ content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../images/shop/comprehensive_icon_w@2x.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box{ display: flex; justify-content: space-between; width: 100%; max-width: 960px; margin:0 auto 60px; padding-bottom: 60px; border-bottom: 1px solid #fff;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box p a{ font-size: 1.6em; color: #fff;}

#wrap.shop_top #footer_contact .line_banner{ width: 700px; height: 140px; margin: 70px auto 0;}
#wrap.shop_top #footer_contact .line_banner img{ width: 100%; height: auto;}

#nav-content .inner .drawer_block01 .comprehensive{ margin-right: 20px;}
#nav-content .inner .drawer_block01 .comprehensive a{ font-size: 1.4em; color: #fff!important;}
#nav-content .inner .drawer_block01 .comprehensive a span{ display: block; box-sizing: border-box; padding-left: 24px; position: relative;}
#nav-content .inner .drawer_block01 .comprehensive a span:before{ content: ''; display: inline-block; width: 15px; height: 15px; background-image: url(../images/shop/comprehensive_icon_w@2x.png); background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
#nav-content .inner .drawer_shop_block .link_box{ display: flex; justify-content: space-between; width: 100%; max-width: 960px; margin:0 auto 60px; padding-bottom: 60px; border-bottom: 1px solid #fff;}
#nav-content .inner .drawer_shop_block .link_box p a{ font-size: 1.6em; color: #fff;}


/*-------------------------
__ASP
-------------------------*/

.membersonly_property{ margin-bottom:20px!important;}
.membersonly_property img{ width: 100%; height: auto;}
.membersonly_property img{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.membersonly_property:hover img{ opacity: 0.7;}