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

#myTabs{}

.nav-tabs{ border: none;}
.nav-tabs>li{}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{}
.nav-tabs>li>a{ text-decoration: none; display: block; border-bottom: 1px #636363 solid; position: relative;}
.nav-tabs>li>a::after{ content: ""; display: block; background-color: #bd0724; position: absolute; left: 0; top: calc(100% + 1px); width: 100%; opacity: 0; transition: .3s;}
.nav-tabs>li>a.active::after{ opacity: 1;}
@media (min-width: 768px) {
.nav-tabs{ margin: 0 -5px; padding-bottom: 5px; display: flex;}
.nav-tabs>li{ width: calc(10% - 10px); margin: 0 5px; text-align: center;}
.nav-tabs>li>a{ padding: 10px 0;}
.nav-tabs>li>a::after{ height: 5px;}
}
@media (max-width: 767.98px) {
.nav-tabs{ white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; position: relative; display: block; padding-bottom: 5px;}
.nav-tabs>li{ text-align: center; display: inline-block;}
.nav-tabs>li>a{ padding: 10px;}
.nav-tabs>li>a::after{ height: 5px;}
}



.pref-links{ background-color: #e7e7e7; list-style: none; display: flex; flex-wrap: wrap; margin: 0;}
.pref-links>li{}
.pref-links>li>a{ display: block; text-decoration: none;}
@media (min-width: 768px) {
.pref-links{ padding: 10px;}
.pref-links>li>a{ padding: 10px;}
}
@media (max-width: 767.98px) {
.pref-links{ padding: 5px;}
.pref-links>li>a{ padding: 10px;}
}



.local-links{ background-color: #f2f2f2; display: none;}
.local-links>div{ display: flex; flex-wrap: wrap;}
.local-links>div>a{ display: block; text-decoration: none;}
@media (min-width: 768px) {
.local-links{ padding: 5px 10px;}
.local-links>div>a{ padding: 10px;}
}
@media (max-width: 767.98px) {
.local-links{ padding: 5px;}
.local-links>div>a{ padding: 10px;}
}






.restaurant_bar_cafe_box{}
.restaurant_bar_cafe_box h2{ font-weight: bold;}
.restaurant_bar_cafe_box ul{ list-style: none; padding: 0;}
.restaurant_bar_cafe_box ul>li{ border-top: #7d7d7d solid 1px; border-bottom: #7d7d7d solid 1px;}
.shop_name{ font-weight: bold; margin: 0;}
.shop_address{ display: flex; margin: 0.5em 0;}
.shop_address>a{ display: inline-flex; align-items: center; flex-wrap: wrap; text-decoration: none; margin: 0 -0.5em;}
.shop_address>a>span{ margin: 0.5em;}
.shop_address>a>span.map{ background-color: #212e4e; display: block; padding: 0 0.5em;}
.shop_address>a>span.map::before{ content:"MAP"; color: white; font-weight: bold;}
.shop_tel{ font-weight: bold; margin: 0;}
@media (min-width: 768px) {
.restaurant_bar_cafe_box h2{ margin: 60px 0 30px; font-size: 30px;}
.restaurant_bar_cafe_box ul{ display: flex; margin: 0 -15px; flex-wrap: wrap;}
.restaurant_bar_cafe_box ul>li{ width: calc(50% - 30px); margin: 0 15px; padding: 15px 0;}
.restaurant_bar_cafe_box ul>li:nth-child(n + 3){ margin-top: 30px;}
.shop_name{ font-size: 22px;}
.shop_address{ font-size: 14px;}
.shop_tel{ font-size: 18px;}
.shop_address>a>span.map::before{ font-size: 13px;}
}
@media (max-width: 767.98px) {
.restaurant_bar_cafe_box h2{ margin: 60px 0 20px; font-size: 20px;}
.restaurant_bar_cafe_box ul{}
.restaurant_bar_cafe_box ul>li{ width: 100%; padding: 10px 0;}
.restaurant_bar_cafe_box ul>li:nth-child(n + 2){ margin-top: 20px;}
.shop_name{ font-size: 16px;}
.shop_address{ font-size: 10px;}
.shop_tel{ font-size: 14px;}
.shop_address>a>span.map::before{ font-size: 9px;}

}







@media (min-width: 768px) {}
@media (max-width: 767.98px) {}







@media (min-width: 768px) {}
@media (max-width: 767.98px) {}







@media (min-width: 768px) {}
@media (max-width: 767.98px) {}