@charset "UTF-8";

/*-------------------------
__base_style
-------------------------*/
#wrap{ background-color: #F0F0F0; text-align: left; min-width: 100%;}
#wrap a{ color: #000; text-decoration: none;}
.en_text{font-family: 'Zen Kaku Gothic New', sans-serif;}
.shop_top{ overflow: hidden;}


/*-------------------------
__header
-------------------------*/

header #header .inner{ display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; box-sizing: border-box;}
header #header .inner .header_logo{ width: 200px; height: auto;}
header #header .inner .header_logo a img{ width: 100%; height: auto;}
header #header .inner .header_menu{ display: none;}

@media screen and (max-width: 374px) {
header #header .inner{ padding: 20px 10px;}
}

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

#wrap.asp_wrap{ background-color: #fff;}
#wrap.asp_wrap .asp_contents{ max-width: 1100px; width: 100%; margin: 0 auto 30px;}
#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;}

.asp_voice_numb,
.asp_voice_pagination{ text-align: center!important;}

@media screen and (max-width: 374px) {
#footer_contact .inner a .title_box .title_text span{ display: block;}
}

/*-------------------------
__footer
-------------------------*/
#footer{ background-color: #3C3C3C;}
#footer .inner{ max-width: 1200px; margin: 0 auto; padding: 50px 30px 0; box-sizing: border-box;}
#footer .inner .footer_block01{ display: block; justify-content: space-between; align-items: center; margin-bottom: 45px;}
#footer .inner .footer_block01 .footer_logo{ width: 100%; text-align: center; margin: 0 auto 25px;}
#footer .inner .footer_block01 .footer_logo img{ width: 100%; max-width: 200px; height: auto;}
#footer .inner .footer_block01 .menu_text_top{ display: block; justify-content: flex-end;}
#footer .inner .footer_block01 .menu_text_top ul{ display: flex; margin-right: 20px; margin: 0 auto 25px; justify-content: center;}
#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.2em; padding: 0 10px; color: #969696;}
#footer .inner .footer_block01 .menu_text_top .member_btn{ width: 110px; margin: 0 auto;}
#footer .inner .footer_block01 .menu_text_top .member_btn a{ font-size: 1.3em; 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: 13px; height: 13px; 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: none;}
#footer .inner .footer_block03{ text-align: center; margin-bottom: 30px;}
#footer .inner .footer_block03 p{ font-size: 1.2em; font-weight: 700; color: #fff; margin-bottom: 25px;}
#footer .inner .footer_block03 ul { display: flex; justify-content: center; flex-wrap: wrap; justify-content:flex-start;}
#footer .inner .footer_block03 ul li{ border-right: 0; width: 33.33333%; margin-bottom: 15px;}
#footer .inner .footer_block03 ul li:last-child{ border-right: none;}
#footer .inner .footer_block03 ul li a{ display: block; border-right: 1px solid #969696; font-size: 1.2em; color:#fff; padding: 0 10px;}
#footer .inner .footer_block03 ul li:nth-child(3n) a{ border-right: none;}
#footer .inner .footer_block04{ text-align: center; margin-bottom: 40px;}
#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: 1em; color:#969696; padding: 0 10px;}
#footer .inner .footer_block05{ max-width: 50%; text-align: center; margin: 0 auto 40px;}
#footer .inner .footer_block05 img{ width: 100%!important;}
#footer .copylight{ background-color: #333; text-align: center; color: #969696; font-size: 1.2em; padding: 20px 0; box-sizing: border-box;}

.re_top{ display:none;height:40px;width:40px;overflow:hidden;position:fixed;z-index:9999;right:20px;bottom:20px;}
.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);}

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

@media screen and (max-width: 374px) {
#footer .inner .footer_block01 .menu_text_top ul li a{ font-size: 1.1em; padding: 0 5px;}
#footer .inner .footer_block04 ul li a{padding: 0 8px;}
}

/*-------------------------
__drawer
-------------------------*/
#toggle { position: fixed; top: 0; left: 0; right: 0; width: 100%; min-width: 100%; text-align: right;}
#toggle .toggle_inner{ cursor: pointer; position: absolute; top: 12px; right: 20px; box-sizing: border-box; cursor: pointer; border-radius: 5px; width: 44px; height: 44px;}
#toggle .toggle_inner:before{ content:''; width: 44px; height: 44px; background: linear-gradient(to right,#2a2c8b, #2878d2); position: absolute; top: 0; right: 0; border-radius: 5px;}
#toggle-box { position: relative; width: 16px; height: 16px; top: 15px; left: 15px;}
#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: 100%; margin: 0 auto; padding: 80px 20px 0; box-sizing: border-box;}
#nav-content .inner a{ text-decoration: none;}
#nav-content .inner .drawer_block01{ display: block; justify-content: space-between; align-items: center; margin-bottom: 45px;}
#nav-content .inner .drawer_block01 .drawer_public{ display: flex; margin-bottom: 30px;}
#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(1){ width: calc(42% - 1px);}
#nav-content .inner .drawer_block01 .drawer_public dl:nth-child(2){ width: calc(58% - 1px); 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 dt{ padding: 8px 0 8px 8px;}
#nav-content .inner .drawer_block01 .drawer_public dl dd{ padding: 8px 8px 8px 0; text-align: right;}
#nav-content .inner .drawer_block01 .drawer_public dl dd span{ font-size: 1.2em;}
#nav-content .inner .drawer_block01 .menu_text_top{ display: block; text-align: center; justify-content: flex-end;}
#nav-content .inner .drawer_block01 .menu_text_top ul{ display: flex; margin-right: 20px; margin-right: 0; margin-bottom: 25px; justify-content: center;}
#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.2em; padding: 0 7px; color: #969696;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn{ width: 110px; margin: 0 auto;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a{ font-size: 1.3em; color: #fff;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a span{ display: block; box-sizing: border-box; padding-left: 10px; position: relative;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a span:before{ content: ''; display: inline-block; width: 13px; height: 13px; 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: 860px; margin:0 auto 30px; flex-wrap: wrap;}
#nav-content .inner .drawer_block02 .link_box{ width: 50%; margin-bottom: 25px;}
#nav-content .inner .drawer_block02 .link_box p{ margin-bottom: 15px;}
#nav-content .inner .drawer_block02 .link_box p a,
#nav-content .inner .drawer_block02 .link_box p span{ font-size: 1.2em; color: #fff;}
#nav-content .inner .drawer_block02 .link_box ul li{ margin-bottom: 15px;}
#nav-content .inner .drawer_block02 .link_box ul li a{ font-size: 1.2em; color: #969696;}
#nav-content .inner .drawer_block03{ text-align: center; margin-bottom: 30px;}
#nav-content .inner .drawer_block03 p{ font-size: 1.2em; font-weight: 700; color: #fff; margin-bottom: 25px;}
#nav-content .inner .drawer_block03 ul { display: flex; flex-wrap: wrap; justify-content: flex-start;}
#nav-content .inner .drawer_block03 ul li{ width: 33.33333%; margin-bottom: 15px; border-right: none;}
#nav-content .inner .drawer_block03 ul li:last-child{ border-right: none;}
#nav-content .inner .drawer_block03 ul li a{ font-size: 1.2em; padding: 0 5px; display: block; border-right: 1px solid #969696; color:#fff;}
#nav-content .inner .drawer_block03 ul li:nth-child(3n) a{ border-right:none;}
#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.2em; color:#969696; padding: 0 10px;}

@media screen and (max-width: 374px) {
#toggle .toggle_inner{ right: 20px;}
#nav-content .inner .drawer_block01 .drawer_public dl dt{ font-size: 1.1em;}
#nav-content .inner .drawer_block01 .drawer_public dl dd{ font-size: 1.1em;}
#nav-content .inner .drawer_block03 ul li a{ padding: 0 15px;}
#nav-content .inner .drawer_block04 ul li a{ font-size: 1em;}
}


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

#wrap.shop_top header #header{ min-width: 100%;}
#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:190px; height: auto; margin-right: 10px;}
#wrap.shop_top header #header .inner .header_logo a span,
#wrap.shop_top header #header .inner .header_logo p span{ display: inline-block; padding: 6px; font-size: 1.3em; box-sizing: border-box; border: 1px solid #2a2c8b; color: #2a2c8b; 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{ }
#wrap.shop_top header #header .header_menu .menu_text{ max-width: 800px;}

#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:190px; height:auto; margin-right: 10px;}
#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo span{ display: inline-block; padding: 6px; box-sizing: border-box; border: 1px solid #fff; color: #fff; font-size: 1.3em; font-weight: 700;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive{ margin: 0 auto 25px; width: 86px;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a{ font-size: 1.3em; 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: 20px; position: relative;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a span:before{ content: ''; display: inline-block; width: 13px; height: 13px; 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: 860px; margin:0 auto 25px; padding-bottom: 0; flex-wrap: wrap; border-bottom: none; text-align: center;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box p{ width: 50%; margin-bottom: 20px; box-sizing: border-box;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box p:nth-child(odd){ border-right: 1px solid #fff;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box p a{ font-size: 1.4em; font-weight: 700; color: #fff;}

#wrap.shop_top #footer_contact .line_banner{ width: 100%; height:auto; margin: 50px auto 0; padding: 0 20px; box-sizing: border-box;}
#wrap.shop_top #footer_contact .line_banner img{ width: 100%; height: auto;}

#nav-content .inner .drawer_block01 .comprehensive{ margin: 0 auto 25px; width: 86px;}
#nav-content .inner .drawer_block01 .comprehensive a{ font-size: 1.3em; color: #fff!important;}
#nav-content .inner .drawer_block01 .comprehensive a span{ display: block; box-sizing: border-box; padding-left: 20px; position: relative;}
#nav-content .inner .drawer_block01 .comprehensive a span:before{ content: ''; display: inline-block; width: 13px; height: 13px; 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: 860px; margin:0 auto 35px; padding-bottom: 0; flex-wrap: wrap; border-bottom: none; text-align: center;}
#nav-content .inner .drawer_shop_block .link_box p{ width: 50%; margin-bottom: 20px; box-sizing: border-box;}
#nav-content .inner .drawer_shop_block .link_box p:nth-child(odd){ border-right: 1px solid #fff;}
#nav-content .inner .drawer_shop_block .link_box p a{ font-size: 1.4em; font-weight: 700; color: #fff;}


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

.membersonly_property{ margin: 0 10px 10px!important;}
.membersonly_property img{ width: 100%; height: auto;}