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



body{ font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","メイリオ","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; color: #1a1a1a;}

main{ color: #1a1a1a; position: relative; background-color: #f1f2f3;}

.wrap{ overflow: hidden;}
h1{ margin-bottom: 0;}
img{ max-width: 100%;}
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.shisetsu_wrap{ background-color: #fff; position: relative;}


.top_img{ border-bottom: 1px solid #727171;}
@media (min-width:768px) and ( max-width:1189px) {
.top_img{ width: 980px;}
}
@media (min-width:1150px) {
.container{ width: 980px;}
}
@media (min-width:951px) {
.shop_box{ width: calc( 50% );}
.shop_box:last-child{ border: none;}
/*.border-none2>.shop_box:nth-last-child(-n+2){ border-bottom: none;}*/
.shop_flex .shop_box:nth-last-child(2):nth-child(odd) { border-bottom: none;}
.shop_box:nth-child(odd){ padding-right: 40px;}
.shop_box:nth-child(even){ padding-left: 40px;}
.shop_box:nth-child(even):before{ content: ''; height: calc( 100% - 60px ); width: 1px; background: #727171; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
}
@media (min-width:768px) and (max-width:950px) {
.shop_flex{ flex-direction: column;}
.shop_box{ width: 100%;}
.shop_box:last-child{ border-bottom: none;}
}

@media (min-width: 768px) {
.pcnone{ display: none!important;}
.top_img{ margin: 0 auto; width: 100%;}
.container{ max-width: inherit; padding: 0 20px 60px 20px;}
.shisetsu_wrap{ padding: 0 30px;}
.link_menu{ width: 190px; border-right: 1px solid #727171; background: #f1f2f3; z-index: 10;}
.contents_box{ width: calc( 100% - 190px );}
.contents_back{ background-image: url("../img/back.jpg"); background-size: contain; background-repeat: repeat-y;}
.wrap{ display: flex; justify-content: center;}
.link_menu_inner{ position: fixed; top: 0; left: 5px; display: flex; flex-direction: column; font-size: 18px; padding: 90px 20px 0 20px; text-align: center;}
.link_menu_inner a{ color: #3e3a39; border-bottom: 1px solid #727171; padding: 10px; transition: .2s; font-weight: bold;}
.link_menu_inner a:hover{ text-decoration: none; opacity: .8;}
.f_a{ width: 85px; display: block; transition: .2s; border-bottom: none!important; margin: 50px auto 0;}
.link_menu_inner2{ left: 0; padding: 90px 0 0 0; width: 190px; align-items: center;}
.link_menu_inner2 a{ white-space: nowrap;}
.link_menu_inner2>div{ display: flex; flex-direction: column; width: 155px;}
.f_a:hover{ opacity: .8;}
}
@media (max-width: 767.98px) {
.spnone{ display: none!important;}
.shisetsu_wrap{ padding: 0 15px; margin-top: 50px; background: rgba(255,255,255,0.8)}
.shisetsu_wrap:first-child{ margin-top: 20px;}
.contents_back{ background-image: url("../img/back.jpg"); background-size: contain; background-repeat: repeat-y;}

}


.new_h2{ color: #3e3a39; text-align: center; font-weight: bold;}
.h2_box{ border-bottom: 1px solid #727171;}

@media (min-width: 768px) {
.new_h2{ padding: 30px 0 10px; font-size: 38px; margin: 70px auto 0; width: fit-content; position: relative;}
/*.new_h2:before{ content: ''; background-image: url("../img/flower/title01.png"); background-repeat: no-repeat; background-size: contain; width: 90px; height: 90px; position: absolute; top: -20px; right: -140px;}*/
/*.new_h2:after{ content: ''; background-image: url("../img/flower/title02.png"); background-repeat: no-repeat; background-size: contain; width: 110px; height: 110px; position: absolute; top: -35px; left: -155px;}*/
}
@media (max-width: 767.98px) {
.new_h2{ padding: 10px; font-size: 21px; margin: 0;}

}


.shop_name>p{ font-weight: bold;}
.open_tokuten{ font-weight: 600; border-top: 1px solid #D8D8D7;}
.open_tokuten strong{ color: #F6AC19; font-weight: bold;}
.open_tokuten.renewal strong{ color: #00A2DE;}
.open_tokuten p{ margin-bottom: 0;}
.open_tokuten ul{ padding: 0; margin: 0;}
.open_tokuten ul>li{ list-style-type: none; position: relative;}
.open_tokuten ul>li:before{ content: ''; background: #f8b62d; border-radius: 50%; position: absolute;}
@media (min-width: 768px) {
.shop_flex{ display: flex; justify-content: space-between; padding-bottom: 0; flex-wrap: wrap;}
.shop_box{ border-bottom: 1px solid #727171; padding-top: 40px; padding-bottom: 40px; position: relative; display: flex; flex-direction: column;}
.shop_inner_flex{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px;}
.shop_inner_flex2{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.shop_name_flex{ display: flex; align-items: center; width: calc( 100% - 70px );}
.shop_name_flex>.floor{ width: 55px; margin-right: 10px;}
.shop_name{ width: calc( 100% - 65px );}
.shop_name>p{ margin-bottom: 0; font-size: 18px; line-height: 1.2em;}
.shop_name>small{ font-size: 15px;}
.shop_logo{ width: 130px;}
.shop_img{ width: calc( 100% - 145px );}
.open_day{ width: 80px;}
.open_tokuten{ padding: 15px 0 30px;}
.open_tokuten strong{ font-size: 19px;}
.open_tokuten ul>li{ padding-left: 15px;}
.open_tokuten ul>li:before{ width: 10px; height: 10px; left: 0; top: 10px;}
.tokuten_flex{ display: flex;}
.tokuten_flex>div:first-child{ width: calc( 100% - 140px );}
.tokuten_flex>div:last-child{ width: 140px; margin-left: 20px;}
.kyusyu_hatsu .open_day{ width: 160px; margin-right: -25px;}
.kyusyu_hatsu .shop_name_flex{ width: calc( 100% - 140px );}
.shop_img_logo{ height: 220px; display: flex; justify-content: center; align-items: center; padding-bottom: 15px;}
.shop_img_logo>img{ width: 70%;}
.shop_img_logo.square>img{ height: 80%; width: auto;}
.tomjerry{ justify-content: center;}
.tomjerry>.shop_img{ height: 191px; width: 100%;}
.tomjerry>.shop_img>img{ height: 100%; display: block; margin: 0 auto;}
.open_day.nisakana{ width: 200px;}
.caption{ margin-top: 10px; font-size: 15px;}
}
@media (max-width: 767.98px) {
.shop_flex{ margin-bottom: 40px;}
.shop_flex:last-child{ margin-bottom: 0;}
.shop_box{ border-bottom: 1px solid #727171; position: relative; font-size: 14px; padding: 30px 0;}
.shop_box:last-child{ border-bottom: none;}

.shop_inner_flex{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.shop_sp_flex{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px;}
.shop_sp_flex>div{ width: calc( 50% - 5px );}
.shop_name_flex{ display: flex; align-items: center; width: calc( 100% - 60px );}
.shop_name_flex>.floor{ width: 40px; margin-right: 5px;}
.shop_name{ width: calc( 100% - 50px );}
.shop_name>p{ margin-bottom: 0; font-size: 16px; line-height: 1.2em;}
.shop_name>small{ font-size: 14px;}
.shop_logo{ height: 50px; display: flex; justify-content: center; margin: 0 20px 10px 20px;}
.open_day{ width: 55px;}
.shop_logo>img{}
.open_tokuten{ padding: 10px 0 0 0;}
.open_tokuten strong{ font-size: 16px;}
.open_tokuten ul>li{ padding-left: 10px;}
.open_tokuten ul>li:before{ width: 7px; height: 7px; left: 0; top: 10px;}
.txt_box>p{ margin-bottom: 0;}
.tokuten_flex{ display: flex;}
.tokuten_flex>div:first-child{ width: calc( 70% ); margin-right: 10px;}
.tokuten_flex>div:last-child{ width: 30%;}
.kyusyu_hatsu .open_day{ width: 120px; margin-right: -10px;}
.kyusyu_hatsu .shop_name_flex{ width: calc( 100% - 115px );}
.shop_img_logo{ padding: 0 10px;}
.shop_img_logo.square{ padding: 0;}
.shop_img_logo.square>img{ width: 100%; margin: 0 auto; display: block;}
.shop_img_logo.square2>img{ width: 50%;}
.open_day.nisakana{ width: 140px;}
.caption{ margin-top: 10px; font-size: 13px;}
}


.shop_link{ background: #F7B52C; color: #fff; display: block; transition: .2s; text-align: center; position: relative; line-height: 1em;}
.shop_link:before{ content: ''; background-image: url("../img/arrow.svg"); background-repeat: no-repeat; position: absolute;}
.shop_link:hover{ opacity: .8; color: #fff!important; text-decoration: none;}
.annex_a2{ text-align: center;}
.annex_a2>a{ color: #fff; display: block; background: #3E3F42; transition: .2s; position: relative;}
.annex_a2>a:hover{ text-decoration: none; opacity: .8;}
.annex_a2>a:before{ content: ''; background-image: url("../img/arrow.svg"); background-repeat: no-repeat; position: absolute;}
@media (min-width: 768px) {
.shop_link{ padding: 15px 90px; width: fit-content; border-radius: 30px; font-size: 23px; margin: 0 auto; margin-top: auto; font-weight: 500;}
.shop_link:before{ width: 20px; height: 20px; right: 5px; top: 16px;}
.annex_a>img{ padding: 20px 0;}
.annex_a{ transition: .2s;}
.annex_a:hover{ opacity: .8;}
.annex_a2{ padding-bottom: 30px;}
.annex_a2>a{ border-radius: 60px; font-size: 23px; padding: 15px 0; width: 450px; margin: 0 auto 30px; line-height: 1.2em;}
.annex_a2>a:before{ width: 25px; height: 25px; right: 10px; top: 30px;}

}
@media (max-width: 767.98px) {
.shop_link{ padding: 10px 0; width: 70%; margin: 20px auto 0; font-size: 18px; border-radius: 60px;}
.shop_link:before{ width: 15px; height: 15px; right: 5px; top: 12px;}
.annex_a>img{ margin-top: -40px; padding-bottom: 10px;}
.annex_a2{ padding-bottom: 30px;}
.annex_a2>a{ border-radius: 60px; font-size: 18px; padding: 12px 0; margin: 0 auto; line-height: 1.1em;}
.annex_a2>a:before{ width: 20px; height: 20px; right: 5px; top: 22px;}

}

@media (min-width: 768px) {
.link_box{ position: sticky; display: flex; top: 10px; left: 0; right: 0; margin: 0 auto; background: #f4e9bb; z-index: 10;}
}
@media (max-width: 767.98px) {}


.copyright{ background: #717071; color: #fff; text-align: center;}
@media (min-width: 768px) {
.copyright{ padding: 5px 0;}
}
@media (max-width: 767.98px) {
.copyright{ padding: 5px 0; font-size: 12px; margin-top: 60px;}

}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {
.global_menu_sp{ background-color: #000; color: #fff; height: 100vh; position: fixed; right: 0; top: 0; transition: .3s ease-in-out;  opacity: 0; overflow: scroll; width: 100%; padding: 24px 20px 80px; font-size: 16px; z-index: 101; margin: 60px 0 0 0; display: none;}

#menu-icon{ display: inline-block; cursor: pointer; transition: .3s ease-in-out; width: 40px; height: 28px; z-index: 102;}
#menu-icon>div{ position: relative; width: 40px; height: 28px;}
#menu-icon>div>span{ display: block; position: absolute; background: #3e3a39; transition: .3s ease-in-out; height: 2px; right: 0;}
#menu-icon span:nth-child(1){ top: calc(50% - 16px); width: 100%;}
#menu-icon span:nth-child(2){ top: calc(50% - 4px); width: 100%;}
#menu-icon span:nth-child(3){ top: calc(50% + 9px); width: 100%;}

.navbar{ padding: 0!important;}
/*.navbar #menu-icon.active>div>span{ background-color: #a47a43;}*/
/*.navbar #menu-icon.active>div>span:nth-child(2){ width: 0; right: 50%;}*/
.navbar #menu-icon.active>div>span:nth-child(1){ transform: rotate(30deg);}
.navbar #menu-icon.active>div>span:nth-child(2){ transform: rotate(-30deg);}
.navbar #menu-icon.active>div>span:nth-child(1),
.navbar #menu-icon.active>div>span:nth-child(2){ top: calc(50% - 8px); width: 100%;}

.menu-list a { text-decoration: none; color: #3e3a39; font-size: 20px; border-bottom: 1px solid #727171; padding: 18px 0; font-weight: bold; z-index: 10; position: relative;}
.menu-icon { display: block; position: fixed; top: 15px; right: 15px;}
.menu-list { display: none; flex-direction: column; justify-content: center; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; text-align: center; z-index: 10; padding: 50px; background-color: #f1f2f3;}
.menu-list.show { display: flex;}
.f_a{ width: 80px; border-bottom: none!important; margin: 40px auto 0;}
.spmenu_flower01{ position: absolute; top: 0px; left: 0px; width: 50%;}
.spmenu_flower02{ position: absolute; bottom: 0px; right: 0px; width: 50%;}

.menu-list2 a{ padding: 15px 0; font-size: 18px;}
.menu-list2 .f_a{ margin-top: 30px;}
}

@media (min-width: 768px) {
.flower_box{ z-index: 11;}
.flower_box>img{ position: fixed;}
.flower01{ width: 100px; left: -20px; top: -50px;}
.flower03{ width: 40px; left: -13px; bottom: 20px;}
.flower02{ width: 40px; left: 130px; top: 20px;}
.flower05{ width: 110px; left: 79px; bottom: 0;}

.back_flower01{ position: absolute; width: 80px; left: -100px; top: 0px;}
.back_flower02{ position: absolute; width: 140px; left: -110px; bottom: 1900px;}
.back_flower03{ position: absolute; width: 140px; right: -120px; top: 2200px;}
.back_flower04{ position: absolute; width: 90px; right: -105px; top: 530px;}
.back_flower05{ position: absolute; width: 80px; right: -100px; bottom: 2020px;}
.back_flower06{ position: absolute; width: 100px; left: -110px; top: 2000px;}
.back_flower07{ position: absolute; width: 80px; left: -90px; top: 1180px;}
.back_flower08{ position: absolute; width: 110px; right: -120px; top: 1300px;}
}
@media (max-width: 767.98px) {}