@charset "UTF-8";

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

@media screen and (min-width: 768px) {

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;}
}

@media screen and (max-width: 767px) {
#wrap{ min-width: 100%;}
}

/*-------------------------
__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: 48px; 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%;}


@media screen and (min-width: 768px) {
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;}
}

@media screen and (max-width: 767px) {
header #header .inner .header_menu{ display: none;}
header #header .inner{ padding: 20px 20px;}
header #header .inner .header_logo{ width: 200px; height: auto;}
}

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

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

.contents_page .title_box .title_text{ font-size: 2em; position: relative;}
.contents_page .title_text span:nth-child(1){ font-size: 4.5em; margin-right: 15px;}
.contents_page .title_box .title_text:before{ content: ''; display: block; width: 60px; height: 5px; position: absolute; bottom: -30px; left: 0;}
.contents_page .title_box .title_text:after{ content: ''; display: block; width: 60px; height: 5px; position: absolute; bottom: -30px; left: 65px;}

#contents_title{ background-color: #ddd; margin-right: 50px; height: 320px; margin-bottom: 30px; position: relative; z-index: 0;}
#contents_title .inner{ max-width: 1200px; height: 100%; padding: 0 50px; box-sizing: border-box; margin: 0 auto; position: relative;}
#contents_title .inner .title_box{ position: absolute; top: 50%; left: 70px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -10px; z-index: 1;}
#contents_title .inner .title_box .title_text{ font-size: 2em; position: relative; color: #fff;}
#contents_title .inner .title_box .title_text span:nth-child(1){ font-size: 3.3em; margin-right: 15px;}
#contents_title .inner .title_box .title_text:before{ content: ''; display: block; width: 60px; height: 5px; position: absolute; bottom: -30px; left: 0; background-color: #2a2c8b;}
#contents_title .inner .title_box .title_text:after{ content: ''; display: block; width: 60px; height: 5px; position: absolute; bottom: -30px; left: 65px; background-color: #009A47;}

.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_contact{ background: linear-gradient( #F0F0F0 0%, #F0F0F0 50%, #fff 50%, #fff 100%); padding: 130px 0 130px;}
#footer_contact .inner{ max-width: 1200px; height: 340px; padding: 0 50px; box-sizing: border-box; margin: 0 auto;}
#footer_contact .inner a{ display: block; width: 100%; height: 100%; /*background: linear-gradient(-90deg, #2878d2 0%, #2a2c8b 100%);*/background: linear-gradient(270deg, #2ACAFF 0%, #2878D2 25%, #2878D2 51%, #2A2C8B 100%); background-position: 1% 50%; background-size: 200% auto; position: relative; border-radius: 20px;}
#footer_contact .inner a .title_box{ position: absolute; top: 50%; left: 90px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -25px;}
#footer_contact .inner a .title_box .title_text{ font-size: 2em; color: #fff;/* font-size: 1.5em; */}
#footer_contact .inner a .title_box .title_text span:nth-child(1){ font-size: 3.3em; margin-right: 15px;}
#footer_contact .inner a .title_box .title_text span:nth-child(2){ font-size: 1.2em;}
#footer_contact .inner a .title_box .title_text:before{ content: ''; display: block; width: 60px; height: 5px; position: absolute; bottom: -30px; left: 0; background-color: #fff;}
#footer_contact .inner a .title_box .title_text:after{ content: ''; display: block; width: 60px; height: 5px; position: absolute; bottom: -30px; left: 65px; background-color: #009A47;}
#footer_contact .inner a .arrow{ position: absolute; top: 50%; right: 90px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 70px; height: 70px;}
#footer_contact .inner a .arrow span{ display: inline-block; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px;}
#footer_contact .inner a .arrow span::before,
#footer_contact .inner a .arrow span::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
#footer_contact .inner a .arrow span::before{ width: 70px; height: 70px; border: 1px solid #fff;}
#footer_contact .inner a .arrow span::after{ left: 23px; width: 15px; height: 15px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*エラーページ*/
.contents_page.page404{}
.contents_page.page404 #contents_title{background:url("/images/title_back404.jpg")no-repeat center center;background-size:cover; position: relative;}
.contents_page.page404 #contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}
.contents_page.page404 .not_found{ text-align: center; max-width: 1200px; margin: 120px auto 0; padding: 0 50px; box-sizing: border-box;}
.contents_page.page404 .not_found h2{ font-size: 3em; line-height: 1.6; font-weight: 700; margin-bottom: 50px; text-align: center;}
.contents_page.page404 .not_found .nft{ font-size: 1.4em; line-height: 1.8em;}
.contents_page.page404 .not_found .nft p a{ color: #2a2c8b!important; text-decoration: underline!important;}

/*店舗マップ*/
#shop_map{ border: 3px solid #fff; box-sizing: border-box; position: relative; margin-bottom: 100px;}
#shop_map > img{ width: 100%; height: auto;}
#shop_map ul li.ageo{ position: absolute; top: 40px; left: 203px;}
#shop_map ul li.higashiomiya{ position: absolute; top: 35px; left: 550px;}
#shop_map ul li.koshigaya{ position: absolute; top: 95px; left: 703px;}
#shop_map ul li.m_urawa{ position: absolute; top: 290px; left: 590px;}
#shop_map ul li.tokorozawa{ position: absolute; top: 320px; left: 230px;}
#shop_map ul li.kokubunji{ position: absolute; top: 475px; left: 120px;}
#shop_map ul li.nakano{ position: absolute; top: 515px; left: 408px;}
#shop_map ul li.omiya{ position: absolute; top: 200px; left: 305px;}

@media screen and (min-width: 768px) {
#footer_contact .inner a:hover{ background-position: 99% 50%;}

/*店舗マップ*/
#shop_map_sp{ display: none;}
}

@media screen and (max-width: 767px) {

.contents_page .title_box .title_text{ font-size: 1.2em; padding: 0; margin-bottom: 35px;}
.contents_page .title_text span:nth-child(1){ font-size: 3em; margin-right: 10px;}
.contents_page .title_box .title_text:before{ content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: -10px; left: 0;}
.contents_page .title_box .title_text:after{ content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: -10px; left: 45px;}

#contents_title{ margin-right: 20px; height: 150px; margin-bottom: 15px;}
#contents_title .inner{ max-width: 100%; height: 100%; padding: 0 20px;}
#contents_title .inner .title_box{ position: absolute; top: 50%; left: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -10px;}
#contents_title .inner .title_box .title_text{ font-size: 1.3em; margin-top: 35px;}
#contents_title .inner .title_box .title_text span:nth-child(1){ display: block; font-size: 2.2em; margin-right: 0; margin-bottom: 7px;}
#contents_title .inner .title_box .title_text:before{ content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: -16px; left: 0; background-color: #2a2c8b;}
#contents_title .inner .title_box .title_text:after{ content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: -16px; left: 45px; background-color: #009A47;}

.topic_path{ width: 100%; max-width: 100%; padding: 0 20px; margin:0 auto 30px;}
.topic_path li{font-size:1.2em;}

#footer_contact{ padding: 50px 0;}
#footer_contact .inner{ height: 140px; padding: 0 20px;}
#footer_contact .inner a{ border-radius: 15px;}
#footer_contact .inner a .title_box{ position: absolute; top: 50%; left: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 10px;}
#footer_contact .inner a .title_box .title_text{ color: #fff; font-size: 1em; margin-bottom: 35px;}
#footer_contact .inner a .title_box .title_text span:nth-child(1){ font-size: 3em; margin-right: 10px;}
#footer_contact .inner a .title_box .title_text span:nth-child(2){ font-size: 1.2em;}
#footer_contact .inner a .title_box .title_text:before{ content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 20px; left: 0;}
#footer_contact .inner a .title_box .title_text:after{ content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 20px; left: 45px;}

#footer_contact .inner a .arrow{ position: absolute; top: 50%; right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 30px; height: 30px;}
#footer_contact .inner a .arrow span::before{ width: 30px; height: 30px;}
#footer_contact .inner a .arrow span::after{ left: 10px; width: 8px; height: 8px;}

/*エラーページ*/
.contents_page.page404 .not_found{ padding: 0 20px; margin: 50px auto 0;}
.contents_page.page404 .not_found h2{ font-size: 2em; margin-bottom: 30px;}
.contents_page.page404 .not_found .nft{ font-size: 1.3em; line-height: 1.6em;}

/*店舗マップ*/
#shop_map{ display: none;}
#shop_map_sp{ max-width: 767px; height: auto; border: 3px solid #fff; box-sizing: border-box; position: relative; margin-bottom: 40px;}
#shop_map_sp > img{ width: 100%; height: auto;}
#shop_map_sp ul li{ position: absolute; /*height: calc(500 / 640 * 100vw);*/}
#shop_map_sp ul li img{ max-width: 100%; vertical-align: middle; width: 100%; height: 100%;}
#shop_map_sp ul li.ageo{ width: calc(212 / 640 * (100vw - 46px)); height: calc(47 / 640 * (100vw - 46px)); top: calc(47 / 640 * (100vw - 46px)); left: calc(75 / 640 * (100vw - 46px));}
#shop_map_sp ul li.higashiomiya{ width: calc(118 / 640 * (100vw - 46px)); height: calc(107 / 640 * (100vw - 46px)); top: calc(23 / 640 * (100vw - 46px)); left: calc(353 / 640 * (100vw - 46px));}
#shop_map_sp ul li.koshigaya{ width: calc(130 / 640 * (100vw - 46px)); height: calc(105 / 640 * (100vw - 46px)); top: calc(60 / 640 * (100vw - 46px)); left: calc(450 / 640 * (100vw - 46px));}
#shop_map_sp ul li.m_urawa{ width: calc(192 / 640 *(100vw - 46px)); height: calc(43 / 640 * (100vw - 46px)); top: calc(212 / 640 * (100vw - 46px)); left: calc(380 / 640 * (100vw - 46px));}
#shop_map_sp ul li.tokorozawa{ width: calc(122 / 640 * (100vw - 46px)); height: calc(113 / 640 * (100vw - 46px)); top: calc(208 / 640 * (100vw - 46px)); left: calc(134 / 640 * (100vw - 46px));}
#shop_map_sp ul li.kokubunji{ width: calc(146 / 640 * (100vw - 46px)); height: calc(96 / 640 * (100vw - 46px)); top: calc(330 / 640 * (100vw - 46px)); left: calc(38 / 640 *(100vw - 46px));}
#shop_map_sp ul li.nakano{ width: calc(104 / 640 * (100vw - 46px)); height: calc(110 / 640 * (100vw - 46px)); top: calc(320 / 640 * (100vw - 46px)); left: calc(276 / 640 * (100vw - 46px));}
#shop_map_sp ul li.omiya{ width: calc(190 / 640 * (100vw - 46px)); height: calc(56 / 640 * (100vw - 46px)); top: calc(135 / 640 * (100vw - 46px)); left: calc(140 / 640 * (100vw - 46px));}

}

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

/*店舗マップ*/
#shop_map_sp ul li.ageo{ width: calc(212 / 640 * (100vw - 60px)); height: calc(47 / 640 * (100vw - 60px)); top: calc(47 / 640 * (100vw - 60px)); left: calc(75 / 640 * (100vw - 60px));}
#shop_map_sp ul li.higashiomiya{ width: calc(118 / 640 * (100vw - 60px)); height: calc(107 / 640 * (100vw - 60px)); top: calc(23 / 640 * (100vw - 60px)); left: calc(353 / 640 * (100vw - 60px));}
#shop_map_sp ul li.koshigaya{ width: calc(130 / 640 * (100vw - 60px)); height: calc(105 / 640 * (100vw - 60px)); top: calc(60 / 640 * (100vw - 60px)); left: calc(450 / 640 * (100vw - 60px));}
#shop_map_sp ul li.m_urawa{ width: calc(192 / 640 *(100vw - 60px)); height: calc(43 / 640 * (100vw - 60px)); top: calc(212 / 640 * (100vw - 60px)); left: calc(380 / 640 * (100vw - 60px));}
#shop_map_sp ul li.tokorozawa{ width: calc(122 / 640 * (100vw - 60px)); height: calc(113 / 640 * (100vw - 60px)); top: calc(208 / 640 * (100vw - 60px)); left: calc(134 / 640 * (100vw - 60px));}
#shop_map_sp ul li.kokubunji{ width: calc(146 / 640 * (100vw - 60px)); height: calc(96 / 640 * (100vw - 60px)); top: calc(330 / 640 * (100vw - 60px)); left: calc(38 / 640 *(100vw - 60px));}
#shop_map_sp ul li.nakano{ width: calc(104 / 640 * (100vw - 60px)); height: calc(110 / 640 * (100vw - 60px)); top: calc(320 / 640 * (100vw - 60px)); left: calc(276 / 640 * (100vw - 60px));}
}

/*-------------------------
__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);}

@media screen and (min-width: 768px) {
#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;}
}

@media screen and (max-width: 767px) {
#footer .inner{ padding: 50px 20px 0;}
#footer .inner .footer_block01{ display: block; margin-bottom: 45px;}
#footer .inner .footer_block02{ display: none;}
#footer .inner .footer_block01 .menu_text_top{ display: block;}
#footer .inner .footer_block01 .menu_text_top ul{ margin: 0 auto 25px; justify-content: center;}
#footer .inner .footer_block01 .menu_text_top ul li a{ font-size: 1.2em; padding: 0 10px;}
#footer .inner .footer_block01 .menu_text_top .member_btn a span:before{ width: 13px; height: 13px;}
#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 .member_btn{ width: 110px; margin: 0 auto;}
#footer .inner .footer_block01 .menu_text_top .member_btn a{ font-size: 1.3em;}
#footer .inner .footer_block03{ margin-bottom: 30px;}
#footer .inner .footer_block03 p{ font-size: 1.2em; margin-bottom: 25px;}
#footer .inner .footer_block03 ul{ flex-wrap: wrap;justify-content:flex-start;}
#footer .inner .footer_block03 ul li{ width: 33.33333%; margin-bottom: 15px;}
#footer .inner .footer_block03 ul li{ border-right: 0;}
#footer .inner .footer_block03 ul li a{ display: block; border-right: 1px solid #969696;}
#footer .inner .footer_block03 ul li:nth-child(3n) a{ border-right: none;}
#footer .inner .footer_block03 ul li a{ font-size: 1.2em; padding: 0 10px;}
#footer .inner .footer_block04{ margin-bottom: 40px;}
#footer .inner .footer_block04 ul li a{ font-size: 1em; 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{ font-size: 1.2em; padding: 20px 0;}

.re_top{ height:40px;width:40px;right:20px;bottom:20px;}
.re_top a:before{ position: absolute; top: calc(50% - 3px); left: calc(50% - 5px);}
}

@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: 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_block02 .link_box ul.com_construction_menu,
#footer .inner .footer_block02 .link_box ul.com_construction_menu{ margin-bottom: 40px;}
@media screen and (max-width: 767px) {
#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 (min-width: 768px) {
#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;}
}

@media screen and (max-width: 767px) {  
#toggle { width: 100%; min-width: 100%;}
#toggle .toggle_inner{ top: 12px; right: 20px; width: 44px; height: 44px;}
#toggle .toggle_inner:before{ content:''; width: 44px; height: 44px;}
#toggle-box { position: relative; width: 16px; height: 16px; top: 15px; left: 15px;}

#nav-content .inner{ width: 100%; padding: 80px 20px 0;}
#nav-content .inner .drawer_block01{ display: block; margin-bottom: 45px;}
#nav-content .inner .drawer_block01 .drawer_public{ margin-bottom: 30px;}
#nav-content .inner .drawer_block01 .drawer_public dl{ 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{ padding: 8px 0 8px 8px; font-size: 1.2em;}
#nav-content .inner .drawer_block01 .drawer_public dl dd{ padding: 8px 8px 8px 0; 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.2em;}
#nav-content .inner .drawer_block01 .menu_text_top{ display: block; text-align: center;}
#nav-content .inner .drawer_block01 .menu_text_top ul{ margin-right: 0; margin-bottom: 25px; justify-content: center;}
#nav-content .inner .drawer_block01 .menu_text_top ul li{ }
#nav-content .inner .drawer_block01 .menu_text_top ul li:last-child{ }
#nav-content .inner .drawer_block01 .menu_text_top ul li a{ font-size: 1.2em; padding: 0 7px;}
#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;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a span{ padding-left: 10px;}
#nav-content .inner .drawer_block01 .menu_text_top .member_btn a span:before{ content: ''; width: 13px; height: 13px;}
#nav-content .inner .drawer_block02{ display: flex; flex-wrap: wrap; margin-bottom: 30px;}
#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;}
#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;}
#nav-content .inner .drawer_block03{ text-align: center; margin-bottom: 30px;}
#nav-content .inner .drawer_block03 p{ font-size: 1.2em; margin-bottom: 25px;}
#nav-content .inner .drawer_block03 ul{ 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 a{ font-size: 1.2em; padding: 0 5px; display: block; border-right: 1px solid #969696;}
#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 a{ font-size: 1.2em; 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{}
#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{ }
#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 #shop_top_box{}
#wrap.shop_top #shop_top_box .inner{ width: 100%; height: 560px; margin-bottom: 80px; padding: 0 50px; box-sizing: border-box; position: relative; display: flex;}
/*#wrap.shop_top #shop_top_box .inner .shop_image{ width: calc(100% - 280px); height: 100%; position: relative;}
#wrap.shop_top #shop_top_box .inner .shop_image:before{ content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 200px; mix-blend-mode: multiply; background:linear-gradient(#fff, #646464);}
#wrap.shop_top.ageo #shop_top_box .inner .shop_image{ background-image: url("../images/shop/ageo/FILE0083.jpg"); background-size: cover; background-position: center;}
#wrap.shop_top #shop_top_box .inner .shop_image .years30_logo{ width: 240px; height: 240px; position: absolute; top: 50px; left: 50px;}
#wrap.shop_top #shop_top_box .inner .shop_image .years30_logo img{ width: 100%; height: auto;}
#wrap.shop_top #shop_top_box .inner .shop_image h1{ position: absolute; bottom: 50px; left: 50px; color: #fff; font-size: 2.8em; line-height: 1.5em; font-weight: 700;}*/
#wrap.shop_top #shop_top_box .inner .shop_image{ width: calc(100% - 280px); height: 560px; position: relative;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider,
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-track{ height: 560px;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-track li:before{ background-image: none;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-track li:after{ content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 200px; mix-blend-mode: multiply; background:linear-gradient(#fff, #646464); z-index: 10;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-track li img{ width: 100%; height: 560px; object-fit: cover;}
#wrap.shop_top #shop_top_box .inner .shop_image h1{ position: absolute; bottom: 50px; left: 50px; color: #fff; font-size: 2.6em; line-height: 1.5em; font-weight: 700; z-index: 11;}

#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-dots{ bottom: 25px!important; z-index: 11;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-dots li{ width:15px!important; vertical-align: middle;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-dots li button:before{ opacity: 1!important; color: #fff!important;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-dots li.slick-active button:before{ color: #2a2c8b!important;}


#wrap.shop_top #shop_top_box .inner .shop_data{ width: 280px; background-color: #2A2C8B; padding: 30px; box-sizing: border-box;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha{ text-align: center;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_name{ font-size: 2.1em; color: #fff; font-weight: 700; margin-bottom: 10px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_tel{ margin-bottom: 5px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_tel img{ width: 100%; height: auto;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_time{ font-size: 1.4em; color: #fff; margin-bottom: 20px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_photo{ margin-bottom: 20px; display: block; width: 100%; height: 0; background-color: #fff; padding-top: 75%; overflow: hidden; position: relative;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_photo img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table{ width: 100%; border-collapse: collapse; margin-bottom: 20px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr{ border: 1px solid #fff;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr th,
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr td{ padding: 8px; box-sizing: border-box; color: #fff; border-top: 1px solid #fff; font-size: 1.4em;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr td{ text-align: right;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr td span{ font-size: 1.3em;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta .member_join_btn{ text-align: center; width: 100%; height: 54px; margin-bottom: 20px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta .member_join_btn a{ display: block; font-size: 1.8em; font-weight: 700; color: #fff; line-height: 54px; /*background:linear-gradient(to right,#008F2A, #4BCD6E);*/ background: linear-gradient(270deg, #B4DE4F 0%, #4BCD6E 25%, #4BCD6E 51%, #008F2A 100%); background-position: 1% 50%; background-size: 200% auto; border-radius: 5px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta .member_login_btn{ text-align: center;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta .member_login_btn a{ color: #fff; font-size: 1.3em; text-decoration: underline;}

#wrap.shop_top #shop_top_box .inner #mem_top_login{ text-align: center;}
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_logout_btn{ margin:40px auto 15px;}
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_logout_btn a{ display: inline-block; background-color: #fff; border-radius: 5px; padding: 10px 13px; font-size: 1.2em; color: #2A2C8B; cursor: pointer;}
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_change_btn a{ font-size: 1.2em; color: #fff; cursor: pointer;}

#wrap.shop_top #shop_top_data{ max-width: 1200px; margin: 0 auto 100px;}
#wrap.shop_top #shop_top_data .inner{ padding: 0 50px; box-sizing: border-box;}
#wrap.shop_top #shop_top_data .inner .header_logo{ margin-bottom: 45px;}
#wrap.shop_top #shop_top_data .inner .header_logo p{ display: flex; justify-content: center; align-items: center;}
#wrap.shop_top #shop_top_data .inner .header_logo img{ width: 335px; height: auto; margin-right: 15px;}
#wrap.shop_top #shop_top_data .inner .header_logo 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 #shop_top_data .inner .box_alpha{ display: flex; margin-bottom: 50px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left{ width: calc(50% - 30px); margin-right: 60px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left p{ font-size: 1.4em; line-height: 1.8; margin-bottom: 20px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left .s_photo{ width: 100%; height: 0; background-color: #fff; padding-top: 75%; overflow: hidden; position: relative;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left .s_photo img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right{ width: calc(50% - 30px);}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .s_tel{ margin-bottom: 20px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .s_tel img{ width: 240px; height: auto;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table{ width: 100%; font-size: 1.4em; line-height: 1.5; border-collapse: collapse; border-top: 1px solid #495460; margin-bottom: 20px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr{}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr th{ width: 80px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr th,
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr td{ border-bottom: 1px solid #495460; padding: 15px 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 410px; margin: 0 auto;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul li{ width: 70px; margin-bottom: 15px; margin-right: 15px;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul li:nth-child(5n){ margin-right: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul li img{ width: 100%; height: auto;}

#wrap.shop_top.nakano #search_box > .inner{ background-image: url(/images/shop/nakano/search_back.jpg);}

#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;}

/*店舗トップページに店舗写真2枚追加*/
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left{ position: relative;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left .s_photo{ position: absolute; bottom: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right{ position: relative;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup{ position: absolute; bottom: 0; width: 100%; height: 166px;}
#wrap.shop_top #shop_top_data .inner .box_alpha p{ padding-bottom: 390px;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul{ padding-bottom: 166px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup{ display: flex; justify-content: space-between;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup .shop_photo{ width: calc(50% - 10px);}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup .shop_photo a{ display: block; width: 100%; height: 0; background-color: #F5F5F5; padding-top: 67%; overflow: hidden; position: relative;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup .shop_photo a img{ width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;}


@media screen and (min-width: 768px) {

#wrap.shop_top #voice_box .more_btn a:hover,
#wrap.shop_top #staff_box .more_btn a:hover{ background-position: 99% 50%;}
#wrap.shop_top #footer_contact .line_banner img{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#wrap.shop_top #footer_contact .line_banner:hover img{ opacity: 0.7;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box p a:hover{ opacity: 0.5;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a:hover{ opacity: 0.4;}
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_logout_btn a:hover,
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_change_btn a:hover{ opacity: 0.6;}

/*店舗トップページに店舗写真2枚追加*/
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup .shop_photo a img{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup .shop_photo a img:hover{ opacity: 0.7;}

}


@media screen and (max-width: 767px) {

#wrap.shop_top header #header{ min-width: 100%;}
#wrap.shop_top header #header .inner .header_logo p img,
#wrap.shop_top header #header .inner .header_logo a img{ width:190px; height: auto; margin-right: 10px;}
#wrap.shop_top header #header .inner .header_logo p span,
#wrap.shop_top header #header .inner .header_logo a span{ padding: 6px; font-size: 1.3em;}

#wrap.shop_top #shop_top_box .inner{ width: 100%; height: auto; padding: 0; display: block; margin-bottom: 0;}
/*#wrap.shop_top #shop_top_box .inner .shop_image{ width: 100%; height: 250px;}
#wrap.shop_top #shop_top_box .inner .shop_image .years30_logo{ width: 110px; height: 110px; top: 20px; left: 20px;}*/
#wrap.shop_top #shop_top_box .inner .shop_data{ width: 100%; padding: 30px;}
#wrap.shop_top #shop_top_box .inner .shop_image{ width: 100%; height: 250px;}
#wrap.shop_top #shop_top_box .inner .shop_image h1 br{display:none;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider,
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-track{ height: 250px;}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-track li img{ width: 100%; height: 250px;}
#wrap.shop_top #shop_top_box .inner .shop_image h1{ position: absolute; bottom: 30px; left: 20px; font-size: 1.5em; width:calc(100% - 40px);}
#wrap.shop_top #shop_top_box .inner .shop_image ul.slider .slick-dots{bottom: 5px!important;}
    
#wrap.shop_top #shop_top_box .inner .shop_data{ padding: 20px; margin-bottom: 30px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha{ display: flex; align-items: center; margin-bottom: 20px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_name{ font-size: 1.8em; margin-bottom: 10px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_text{ width: 50%;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_time{ font-size: 1.2em; margin-bottom: 0;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_photo{ width: calc(50% - 15px); margin-left: 15px; padding-top: 35%; margin-bottom: 0;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta{ display: flex;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table{ width: 50%; margin-bottom: 0;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr th,
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr td{ padding: 6px; font-size: 1.1em;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta > div{ width: calc(50% - 15px); margin-left: 15px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta .member_join_btn{ margin-bottom: 15px; height: 44px;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta .member_join_btn a{ font-size: 1.5em; line-height: 44px;}

#wrap.shop_top #shop_top_box .inner #mem_top_login .member_logout_btn{ margin:0 auto 15px;}
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_logout_btn a,
#wrap.shop_top #shop_top_box .inner #mem_top_login .member_change_btn a{ font-size: 1.2em; text-decoration: none;}

#wrap.shop_top #shop_top_data{ margin-bottom: 50px;}
#wrap.shop_top #shop_top_data .inner{ padding: 0 20px;}
#wrap.shop_top #shop_top_data .inner .header_logo{ margin-bottom: 15px;}
#wrap.shop_top #shop_top_data .inner .header_logo a{ }
#wrap.shop_top #shop_top_data .inner .header_logo img{ width: 200px; margin-right: 10px;}
#wrap.shop_top #shop_top_data .inner .header_logo span{ padding: 7px; font-size: 1.3em;}
#wrap.shop_top #shop_top_data .inner .box_alpha{ display: block; margin-bottom: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left{ width: 100%; margin-right: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left p{ font-size: 1.2em; line-height: 1.7; margin-bottom: 10px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left .s_photo{  margin-bottom: 15px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right{ width: 100%;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .s_tel{ margin-bottom: 10px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .s_tel img{ width: 180px; height: auto;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table{ font-size: 1.2em; margin-bottom: 15px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr th{ width: 60px;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr th,
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right table tr td{ padding: 10px 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul{ display: flex; max-width: 100%;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul li{ width: calc(20% - 12px); margin-bottom: 15px;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul li img{ width: 100%; height: auto;}
#wrap.shop_top #shop_top_data .inner .box_beta{}
#wrap.shop_top #shop_top_data .inner .box_beta iframe{ width: 100%; height: 200px;}

#wrap.shop_top #voice_box .more_btn,
#wrap.shop_top #staff_box .more_btn{ text-align: center; width: 140px; height: 36px; margin: 0 auto 0; top: 0; right: 20px;}
#wrap.shop_top #voice_box .more_btn a,
#wrap.shop_top #staff_box .more_btn a{ display: block; font-size: 1.2em; line-height: 36px; font-weight: normal;}

#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 #footer .inner .footer_block01 .footer_logo span{ padding: 6px; font-size: 1.3em;}
#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo a img{ width:190px; height:auto; margin-right: 10px;}
#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;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a span{ padding-left: 20px;}
#wrap.shop_top footer #footer .inner .footer_block01 .menu_text_top .comprehensive a span:before{ content: ''; width: 13px; height: 13px;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box{ flex-wrap: wrap; margin-bottom: 25px; padding-bottom: 0; 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;}

#nav-content .inner .drawer_block01 .comprehensive{ margin: 0 auto 25px; width: 86px;}
#nav-content .inner .drawer_block01 .comprehensive a{ font-size: 1.3em;}
#nav-content .inner .drawer_block01 .comprehensive a span{ padding-left: 20px;}
#nav-content .inner .drawer_block01 .comprehensive a span:before{ content: ''; width: 13px; height: 13px;}

#nav-content .inner .drawer_shop_block .link_box{ flex-wrap: wrap; margin-bottom: 35px; padding-bottom: 0; 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;}

/*店舗トップページに店舗写真2枚追加*/
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_left .s_photo{ position: relative;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup{ position: relative; height: auto;}
#wrap.shop_top #shop_top_data .inner .box_alpha p{ padding-bottom: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha ul{ padding-bottom: 0;}
#wrap.shop_top #shop_top_data .inner .box_alpha .box_alpha_right .shop_photo_popup{ margin-bottom: 30px;}
    
}

@media screen and (max-width: 374px) {

#wrap.shop_top header #header .inner .header_logo p img,
#wrap.shop_top header #header .inner .header_logo a img{ width:155px;}
#wrap.shop_top header #header .inner .header_logo p span,
#wrap.shop_top header #header .inner .header_logo a span{ padding: 4px; font-size: 1em;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_alpha .s_time{ font-size: 1.1em;}
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr th,
#wrap.shop_top #shop_top_box .inner .shop_data .shop_beta table tr td{ padding: 2px; font-size: 0.9em;}
#wrap.shop_top #shop_top_data .inner .header_logo img{ width: 175px;}
#wrap.shop_top #shop_top_data .inner .header_logo span{ font-size: 1.1em;}
#wrap.shop_top #voice_box .more_btn,
#wrap.shop_top #staff_box .more_btn{ position: relative; margin: 10px auto 0; right:0; }

#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo span{ font-size: 1.1em;}
#wrap.shop_top footer #footer .inner .footer_block01 .footer_logo a img{ width:175px;}
#wrap.shop_top footer #footer .inner .footer_shop_block .link_box p a{ font-size: 1.3em;}

}