* {
margin: 0px;
padding: 0px;
font-family: sans-serif;
}
html {
margin-bottom:1px;
height:100%;
scroll-behavior: smooth;
}
body {
text-align: center;
background-image:url(../images/bg3.jpg)!important;
color: #ffffff;
width:100%!important;
margin:0!important;
max-width:100%!important;
background-color:#000000;
}
body:before {
display: none!important;
}
html>body {
font-size : 14px;
}
h1, h2, h3, h4, h5 {
font-weight: normal;
}
img {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
image-rendering: -webkit-optimize-contrast!important;
-webkit-backface-visibility: hidden;
}
ul {
list-style-image: none!important;
list-style-type: none!important;
}
li {
margin: 0px;
padding: 0px;
}
em{
visibility: hidden;
display: none;
}
a:link {
	color: #ff9900;
	text-decoration: none;
}
a:visited {
	color: #ff9900;
	text-decoration: none;
}
a:hover,a.now {
	color: #ff9900;

	text-decoration: underline;
}
a:hover img {
	text-decoration: none;
	border-bottom: none!important;
}
a:active {
	color: #ff0000;
	text-decoration: none;
}
.align_left {
text-align: left;
}
.align_right {
text-align: right;
}

.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.clearfix:after {
content:".";
display:block;
margin:0px;
padding:0px;
height:0;
visibility:hidden;
clear:both;
overflow:hidden;
font-size:0.1em;
}
.clearfix {
min-height:1px;
}
* html .clearfix {
/*\*//*/
height:auto;
overflow:hidden;
/**/
}


@media screen and (min-width:1280px) {
/* PC */
.pc{
display:block!important;
}
.pc_flex{
display:flex!important;
}
.sp{
display:none!important;
}



.menu {
display: flex;
width:100%!important;
margin:0 ;
}
.menu > li {
flex-grow: 1; /* メニューの均等配置　*/
position: relative;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
margin:0!important;
width:calc(100% / 7)!important;
}
.menu a {
display: block;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
padding:7px 0 7px 0!important;
margin:0!important;
height:auto;
}
.menu a:hover {
background-color:#333333;
padding:7px 0!important;
margin:0!important;
}
.menu li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
}
.menu ul {
position: absolute;
top: 100%;
left:-20%;
background-color:#646464;
width:116%!important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.menu ul li {
display: block;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
white-space:nowrap!important;
}
.menu ul a {
padding: 10px 0;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
}
.menu ul a:hover {
padding: 10px;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
background-color:#333333;
}


.cal_list{
margin:100px auto;
display:flex;
text-align:center;
width:50%;
}
.cal_list p{
text-align:center;
width:50%;
}
.page_back{
width:90%;
margin:20px auto 150px auto;
padding:0 5px 10px 5px;
text-align:right;
color:#ffffff;
font-weight:bold;
font-size:1.2vw;
border-bottom:solid 2px #ffffff;
}
.page_back a{
color:#ffffff!important;
}
.page_back a:hover{
color:#ff6600!important;
}




.slider{
width:100vw!important;
height:40。625vw!important;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
text-align:center;
}
.slider ul{
width:100vw!important;
height:40。625vw!important;
margin:0 auto;
overflow:hidden;
padding:0!important;
text-align:center;
}
.slider ul li{
width:100vw!important;
max-width:2560px;
height:40。625vw!important;
max-height:1040px;
margin:0 auto!important;
padding:0!important;
overflow:hidden!important;
background-color:#000000;
vertical-align:top!important;
text-align:center;
}
.sliderul li picture{
display:block;
width:100%!important;
height:auto!important;
margin:0 auto!important;
padding:0 auto;
}
.sliderul li img{
display:block;
width:100%!important;
height:auto!important;
margin:0 auto!important;
padding:0 auto;
}








.nine_block{
width:100%!important;
height:auto;
margin:100px auto;
padding:0;
display:flex!important;
flex-wrap: wrap;

}
.nine_block>* {
flex: 1 1 1;
}
.nine_block_box {
width:calc(100% / 3);
margin:0 auto;
padding:0;
position: relative;
}
.nine_block_box img {
width:100%!important;
aspect-ratio: 1 / 0.68;
margin:0 auto;
padding:0;
object-fit: cover;
overflow:hidden;
}
.nine_block_box a{
display:block;
width:100%!important;
height:auto;
overflow:hidden;
position: relative;
transition:0.6s;
box-sizing: border-box;
}
.nine_block_box a:hover{
opacity:0.85;
}
.nine_block_box a:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: 10px solid rgb(255 255 255 / 25%);
box-sizing: border-box;
}

.nine_block_box .nine_block_text{
width:100%;
margin:0 auto;
padding:0.5vw 0;
position: relative;
font-size:0.9vw!important;
color:#ffffff;
font-weight:normal;
}

.new_icon{
position: absolute;
top: 0;
left: 0;
z-index:5;
width:80px;
height:80px;
}
.new_icon img{
width:80px!important;
height:80px!important;
}









.news_header{
width:100%;
height:auto!important;
margin:0 auto 5vw auto;;
padding:0;
}
.news_slider{
width:100%!important;
max-height:500px!important;
height:100%!important;
overflow:hidden;
position:relative;
margin:0 auto 5vw auto;
padding:0;
background-color:#ffffff;
}
.news_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.news_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.news_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0 auto;
padding:0;
}
.news_header .news_catch{
width:100%;
padding:0!important;
margin:1vw auto 0 auto;
}
.news_header .news_catch h2{
font-size:2.2em!important;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.news_header .news_catch span{
font-size:0.7em!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 1vw auto;
}
.news_header .news_catch p{
margin:0.5vw auto 0 auto;
text-align:center;
font-size:0.9em!important;
color:#FFFFFF;
}


.toc_title{
margin:0.5vw auto 1vw auto;
font-size:1.6vw!important;
font-weight:bold!important;
color:#ffffff;
}

.toc{
width:80%;
margin:0 auto 5vw auto!important;
padding:0 2vw!important;
color:#ffffff;
text-align:left;
}
.toc ol{
width:90%;
margin:0 auto;
list-style-position: inside;
}
.toc ol li{
margin:0.2vw auto;
padding:0 1vw;
font-size:0.9vw;
}
.toc ol li:hover{
margin:0.2vw auto;
padding:0 1vw;

}
.toc ol a{
color:#ffffff!important;
}
.toc ol a:hover{
color:#ff9900!important;
}
.news_block{
width:80%;
height:auto;
margin:0 auto 5vw auto;
padding:3vw 2vw;
color:#ffffff;
background-color:rgba(255,255,255,0.1)!important;
}
.news_block h1:before,.news_block h1:after{
content:'h1タグ使用禁止！';
color:#ff6699;
font-size:15px!important;
font-weight:bold!important;
}
.news_block h5{
margin:4vw auto 2vw auto;
padding:0.5vw;
background-color:#000000;
text-align:center;
font-size:1.6vw!important;
font-weight:bold!important;
width:100%;
}
.news_block .news_content{
margin:0 0 3vw 2%;
font-size:1.1vw!important;
line-height:1.8em;
text-align:left;
width:98%;
}
.news_area{
margin:0 auto 100px auto;
}
.news_area h3{
width:100%;
background-color:#ffffff;
margin:0 auto;
padding:5px 0 2px 0;
text-align:center;
color:#e60012;
font-family:Georgia;
font-size:24px;
font-weight:bold;
}



.news_area .tab{
display: flex!important;
flex-wrap: wrap;
z-index: 6;
margin:0 auto;
padding:0;
margin:0 auto;
width:60%;
background-color:#f5f5f5;
}
.news_area .tab li a{
display: block;
margin:0 4px 0 0;
padding:10px 20px;
font-size:0.9vw!important;
font-weight:bold;
z-index: 6;
}
.news_area .tab li a:hover{
color:#ff9900!important;
}
.news_area .tab li.active a{
background:#ffffff;
z-index: 6;
color:#000000!important;
}
.news_area .tab li.active a:hover{
background:#ffffff;
z-index: 6;
color:#ff9900!important;
}

.news_area .area {
display: none;
opacity: 0;
padding:0;
z-index: 10;
}
.news_area .area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
}

.news_area .area ul{
margin:0 auto;
padding:15px 50px 5px 50px;
width:60%;
height:340px;
overflow:auto;
background-color:#ffffff;
}
.news_list ul{
margin:0 auto;
padding:15px;
width:100%;
height:60vh;
overflow:auto;
background-color:#ffffff;
list-style: none!important;
display:block!important;
}
.news_area .area ul li,.news_list ul li{
margin:0 auto 10px auto;
padding:0 0 9px 0;
text-align:left;
color:#231815;
font-family:sans-serif;
font-size:0.9vw;
font-weight:normal;
border-bottom:solid 1px #dddddd;
list-style-type: none!important;
display:block!important;
}
.news_area .area ul li a,.news_list ul li a{
color:#231815;
font-family:sans-serif;
font-size:0.9vw;
text-decoration:none;
}
.news_area .area ul li a:hover,.news_list ul li a:hover{
color:#231815;
font-family:sans-serif;
font-size:0.9vw;
text-decoration:none;
}
.news_area .area ul li span,.news_list ul li span{
display:inline-block;
margin:0 10px 0 0;
width:10em;
}
.news_area .area ul li span.news_genre_title1,.news_list ul li span.news_genre_title1{
display:inline-block;
margin:0 10px 0 0!important;
font-size:0.7vw;
font-weight:bold!important;
color:#ffffff!important;
background-color:#4a7528!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .area ul li span.news_genre_title2,.news_list ul li span.news_genre_title2{
display:inline-block;
margin:0 10px 0 0!important;
font-size:0.7vw;
font-weight:bold!important;
color:#ffffff!important;
background-color:#284cb5!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .area ul li span.news_genre_title3,.news_list ul li span.news_genre_title3{
display:inline-block;
margin:0 10px 0 0!important;
font-size:0.7vw;
font-weight:bold!important;
color:#ffffff!important;
background-color:#b4260d!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .more_news{
width:60%;
text-align:center;
font-size:16px;
font-weight:bold;
background-color:#ffffff;
margin:0 auto;
padding:0 0 10px 0;
border-radius:0 0 20px 20px;
}
.news_area .more_news img{
width:20px;
height:auto;
margin:0 0 0 20px;
}
.news_area .more_news a{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}
.news_area .more_news a:hover{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}


.eight_block{
width:calc(100% - 10px);
margin:0 auto 100px auto;
padding:0 5px;
display:flex;
flex-wrap: wrap;
}
.eight_block_box{
width:calc(25% - 10px);
margin:5px;
position: relative;
}
.eight_block_box img{
width:100%;
height:auto;
}
.eight_block_box .eight_block_text{
width:100%;
margin:0 auto;
padding:0.5vw 0;
position: relative;
font-size:0.9vw!important;
color:#ffffff;
font-weight:normal;
}


.banner_area{
width:100%;
height:auto;
margin:0 auto 100px auto!important;
padding:0;
overflow:hidden;
}
.banner_area ul{
width:100%!important;
height:auto!important;
margin:0 auto!important;
padding:10px 0!important;
background-color:rgba(255,255,255,0.2)!important;
display:flex!important;
align-items: center!important;
justify-content: center!important;
}
.banner_area li{
width:100%!important;
height:auto!important;
}
.banner_area li img{
width:calc(100vw / 6)!important;
height:auto;
}
.footer{
width:100%;
display:flex;
}
.footer_left,.footer_center,.footer_right{
width:calc(100% / 3);
text-align:center;
color:#ffffff;
}
.contact_bt{
display:block;
width:80%;
margin:0 auto 50px auto;
padding:10px 0;
border:solid 1px #798b71;
border-radius:9999px;
background-color:#44644d;
font-size:0.8em;
color:#ffffff!important;
text-decoration:none!important;
}
.contact_bt:hover{
color:#ff9900!important;
}
.address{
width:70%;
margin:0 auto 30px auto;
font-size:1.1vw!important;
text-align:left;
font-weight:normal;
}
.bottom_logo{
width:70%;
margin:0 auto 70px auto;
}
.bottom_logo img{
width:100%;
height:auto;
}
address{
width:100%;
margin:0 auto 30px auto;
font-size:0.8em!important;
font-weight:normal!important;
font-style:normal!important;
}
.sns{
width:100%;
margin:0 auto 50px auto;
}
.sns img{
width:50px;
height:auto;
}
.authorization{
width:70%;
margin:0 auto 30px auto;
font-size:0.5em!important;
text-align:left;
font-weight:normal!important;
font-style:normal!important;
}








.text_link{
color:#cccccc;
text-align:left;
font-size:0.9vw;
font-weight:bold!important;
width:90%;
margin:30px auto;
display:flex;
}
.text_link_top{
margin:0 auto;
padding:0;
}
.text_link_top img{
  display: inline-block;
  vertical-align: middle;
    width: 0.8vw!important;
    height: 0.8vw!important;
margin:-2px 10px 0 5px;
}
.text_link_area{
margin:20px auto;
display:flex;
}
.text_link ul{
margin:15px auto;
padding:0 0 0 15px;
width:calc((100% / 3) - 15px);
}
.text_link ul li{
margin:5px auto;
padding:0 0 10px 15px;
}

.text_link ul li img{
  display: inline-block;
  vertical-align: middle;
    width: 0.8vw!important;
    height: 0.8vw!important;
margin:-2px 10px 0 5px;
}

.text_link ul li dl{
margin:5px auto 15px auto;
padding:0 0 0 15px;
}
.text_link ul li dl dt{
margin:5px auto;
padding:0 0 0 15px;
}
.text_link ul li dl dt img{
  display: inline-block;
  vertical-align: middle;
    width: 0.65vw!important;
    height: 0.65vw!important;
margin:-2px 10px 0 5px;
}
.text_link ul li dl dd{
margin:5px auto;
padding:0 0 15px 40px;
line-height:1.8em;
}
.text_link a{
color:#ffffff!important;
}
.text_link a:hover{
color:#ff6600!important;
}






.wrapper{
width:100%;
height:auto;
margin:0 auto 50px auto;
}
.contents_header{
width:100%;
height:auto;
margin:0 auto 0 auto;
padding:0;
background-color:#ffffff;
position:relative;
}
.scroll_more{
position:absolute;
bottom:50px;
left:0;
text-align:center;
width:100%;
display:flex;
justify-content:space-around;
}
.scroll_more a,.scroll_more a:hover{
color: #333333;
text-decoration:none;
}
.scroll_more .more{
border-radius:50% 50%;
background-color:#ffffff;
width:150px;
height:150px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 10%;
transition: 0.5s;
}
.scroll_more .more:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more .more p{
font-size:1.4vw!important;
line-height:1.3em;
font-weight:bold;
margin:30% auto 0 auto;
padding:0;
width:100%;
}


.scroll_more2{
position:absolute;
bottom:-75px;
left:calc(50% - 90px);
right:calc(50% - 90px);
text-align:center;
width:180px;
z-index:2;
}
.scroll_more2 .more{
border-radius:50% 50%;
background-color:#ffffff;
width:150px;
height:150px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 auto;
transition: 0.5s;
}
.scroll_more2 .more:hover{
background-color:#efefef;
transition: 0.5s;
}
.scroll_more2 .more p{
font-size:1.6vw!important;
font-weight:normal;
line-height:1.3em;
margin:10px auto 0 auto;
padding:0;
width:100%;
}


.scroll_more .more_l{
border-radius:50% 50%;
background-color:#ffffff;
width:150px;
height:150px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 10%;
transition: 0.5s;
}
.scroll_more .more_l:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more .more_l p{
font-size:1.6vw!important;
line-height:1.2em!important;
font-weight:bold;
margin:20% auto 0 auto;
padding:0;
width:100%;
}

.arrow {
margin:0 auto 10px auto;
display:block;
width: 0;
height: 35px;
border: 1px solid #333;
position: relative;
animation: scroll 1.5s infinite;
-webkit-animation: scroll 1.5s infinite;
&::after {
content: '';
display: block;
position: absolute;
bottom:-5px;
left: -5px;
width: 1px;
height: 10px;
border-top: 10px solid #333;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
}

.scroll_more .more:hover .arrow {
border: 1px solid #fff;
&::after {
border-top: 10px solid #fff;
}
}
@keyframes scroll {
0% {
transform-origin: top;
transform: scaleY(0);
}

60% {
transform-origin: top;
transform: scaleY(1);
}
}
@-webkit-keyframes scroll {
0% {
transform-origin: top;
transform: scaleY(0);
}

60% {
transform-origin: top;
transform: scaleY(1);
}
}

.scroll_more span{
font-size:0.8em;
font-weight:bold;
color:#ffffff;
text-align:center;
}
.contents_header img{
margin:0 auto;
padding:0;
width:100%;
height:auto;
}









/* shop */

.shop_area{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.shop_block{
margin:0 auto;
padding:5vw 0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.shop_inner{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}




.shop_bgt1{
background-image:url(../images/shop_bgt2.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}
.shop_bgt2{
background-image:url(../images/shop_bgt3.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}
.shop_bgt3{
background-image:url(../images/shop_bgt4.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}


.shop_bg1{
background-image:url(../images/shop_bg1.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg2{
background-image:url(../images/shop_bg2.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg3{
background-image:url(../images/shop_bg3.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg4{
background-image:url(../images/shop_bg4.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg5{
background-image:url(../images/shop_bg5.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg6{
background-image:url(../images/shop_bg6.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg7{
background-image:url(../images/shop_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg8{
background-image:url(../images/shop_bg7.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg9{
background-image:url(../images/shop_bg8.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg10{
background-image:url(../images/shop_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}




















.shop_block h3{
text-align:center;
font-size:1.8em;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 5vw auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.shop_block .shop_list{
display:flex;
align-items:space-around;
margin:0 auto;
}
.shop_block .shop_list a{
color:#ffffff;
text-decoration:none;
}
.shop_block .shop_list_menu{
width: 90%;
margin:5% auto;
position:relative;
}
.shop_block .shop_list a .shop_list_menu .shop_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(0,0,0,0.7);
padding:2px;
width:100%;
font-size:0.8em;
transition: .5s;
}
.shop_block .shop_list a:hover .shop_list_menu .shop_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(255,102,0,0.7);
padding:2px;
width:100%;
font-size:0.8em;
transition: .5s;
}

.shop_block .shop_list .b_circle{
position:absolute;
top:-10%;
right:-10%;
z-index:2;
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.7em;
font-weight:normal;
text-align:center;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_block .shop_list .b_circle_l{
width:220px;
height:220px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto 50px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
/*
.shop_block .shop_list a .b_circle .n_text{
display:inline-block;
transition: 1s;
}
.shop_block .shop_list a .b_circle .h_text{
display:none;
transition: 1s;
}
.shop_block .shop_list a:hover .b_circle .n_text{
display:none;
transition: 1s;
}
.shop_block .shop_list a:hover .b_circle .h_text{
display:inline-block;
transition: 1s;
}
*/
.shop_block .restaurant{
width:90%;
padding:0;
justify-content: space-around;
}
.shop_block .shop{
width:54%;
padding:0;
justify-content: space-between;
}
.shop_block h4{
text-align:center;
font-size:1.4vw!important;
margin:100px auto 50px auto;
}
.payment{
display:flex;
align-items: center;
justify-content: space-around;
width:80%;
margin:0 auto 50px auto;
}
.payment li{
font-size:1.2vw!important;
font-weight:normal;
}
.payment li:before{
content:"・";
font-size:1.2vw!important;
font-weight:normal;
padding:0 0 0 15px;
}

.switch_text {
 display: inline-block;
 position: relative;
 color: #000;
 transition: 0.5s;
}
.switch_text::before {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 color: transparent;
 text-align: center;
 text-decoration: underline;
 white-space: nowrap;
 transition: 0.5s;
 content: attr(data-hover-text);
}
.switch_text:hover {
 color: transparent;
}
.switch_text:hover::before {
 color: #000;
}


.shop_news{
margin:50px auto;
width:100%;
}
.shop_news ul{
width:100%;
height:190px;
max-width:calc(81% + 120px);
margin:0 auto 100px auto;
padding:0 10px 0 0;
}
hr{
width:90%;
height:15px!important;
border:0;
background-color:rgba(255,255,255,0)!important;
margin:0 auto 80px auto;
}
hr.orange_line{
box-shadow: 0px 10px 10px -5px rgba(239,131,43,0.7)!important;
}
.shop_news hr.green_line{
box-shadow: 0px 10px 10px -5px rgba(40,114,87,0.7);
}
.shop_news ul li{
width:180px!important;
height:180px!important;
margin:0 10px 0 0!important;
padding:0!important;
text-align:left;
}
.shop_news ul li a{
display:block;
width:180px!important;
height:180px!important;
margin:0;
padding:0;
position:relative;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.4);
}

.shop_news ul a li .shop_name{
color:#000000;
}
.shop_name_pos{
position:absolute;
bottom:45px;
left:0;
height:auto;
}
.shop_name_pos2{
position:absolute;
bottom:0;
left:0;
height:auto;
}
.shop_news ul li .shop_name{
height:auto;
width:10em;
margin:0 auto 5px 2px;
padding:2px 8px;
border-radius:8px;
color:#000000;
background-color:#ffffff;
font-size:0.5em;
font-weight:bold;
z-index:2;
text-align:center;
}

.shop_news ul li .shop_comment{
position:absolute;
bottom:0;
left:0;
height:44px;
width:100%;
padding:2px 4px;
color:#ffffff;
font-size:0.6em;
font-weight:normal;
text-align:left;
z-index:2;
}
.shop_news ul li .shop_comment span{
display:block;
margin:0 auto;
width:100%;
line-height:1.5em;
}
.shop_news ul li .shop_comment span.s_e{
display:block;
margin:0 auto;
text-align:right!important;
width:100%;
}
.shop_news ul li a .shop_comment{
background-color:#333333;
color:#ffffff!important;
}
.shop_news ul li a:hover .shop_comment{
background-color:#ea5514;
color:#ffffff!important; 
}

.product_new_icon{
position: absolute;
top: 0;
left: 0;
z-index:5;
width:50px;
height:50px;
}
.product_new_icon img{
width:50px!important;
height:50px!important;
}


.menu_bt{
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:30px 0;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center;
position:absolute;
bottom:65px;
left:calc(77% - 665px);
z-index:6;
line-height:1.5em;
transition: .5s!important;
}
.menu_bt_right{
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:30px 0;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center;
position:absolute;
bottom:65px;
right:calc(77% - 665px);
z-index:6;
line-height:1.5em;
transition: .5s!important;
}
.menu_bt span,.menu_bt_right span{
font-size:0.6em;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.menu_bt:hover{
width:160px;
height:160px;
background-color:#ff6600;
font-size:1em;
padding:45px 0;
position:absolute;
bottom:50px;
left:calc(77% - 680px);
transition: .5s!important;
}
.menu_bt_right:hover{
width:160px;
height:160px;
background-color:#ff6600;
font-size:1em;
padding:45px 0;
position:absolute;
bottom:50px;
right:calc(77% - 680px);
transition: .5s!important;
}
.menu_bt a,.menu_bt_right a,.menu_bt a:hover,.menu_bt_right a:hover{
color:#ffffff!important;
text-decoration:none;
}







.shop_slider{
width:100%!important;
height:auto!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
}
.shop_slider h2{
width:50%;
border-radius:50px;
margin:0 auto;
padding:10px;
background-color:rgba(255,255,255,0.8);
color:#000000;
font-size:1.8em;
font-weight:bold;
position:absolute;
z-index:3;
}
.shop_slider ul{
width:100%;
height:500px;
margin:0;
padding:0;
}
.shop_slider ul li{
width:100%;
height:500px;
margin:0;
padding:0;
display:flex;
align-items: center;
justify-content: center;
overflow:hidden;
}
.shop_slider img{
width:100%;
height:100%;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.shop_catch{
width:100%;
height:auto;
padding:4vw 0 0 0!important;
margin:0 auto;
}
.shop_catch h2{
font-size:2.2vw!important;
font-weight:bold;
width:100%;
color:#000000;
}
.shop_catch span{
font-size:1.6vw!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 0.5vw auto;
}
.shop_text{
text-align:center;
font-size:1.1vw!important;
font-weight:bold;
line-height:1.7em;
margin:3vw auto!important;
padding:5vw 0;
width:90%;
}


.new_menu{
margin:0 auto 100px auto;

}
.new_menu h4{
font_size:1.1vw;
margin:0 auto 30px auto;
}
.new_menu_area{
width:100%!important;
height:auto;
}
.new_menu_box{
width:calc(100% - 10px)!important;
height:auto;
background-color:#eeeeee;
margin:0 auto;
padding:5px;
display:block;
}
.new_menu_box h5{
width:100%;
height:auto;
font-size:1.1vw;
font-weight:bold;
padding:5px;
text-align:center;
}
.new_menu_box .new_menu_box_inner{
width:100%!important;
height:auto!important;
}
.new_menu_box .new_menu_pict{
width:50%!important;
height:300px;
overflow:hidden;
margin:0!important;
float:left!important;
}
.new_menu_box .new_menu_pict img{
object-fit: cover;
height:100%!important;
}
.new_menu_info_bg{
width:50%!important;
height:auto;
margin:0;
background-color:#ffffff;
align-items: stretch;
float:left!important;
}
.new_menu_box table{
width:100%!important;
height:auto!important;
margin:0!important;
font-size:0.77em;
line-height:1.6em;
border:none;
background-color:#ffffff!important;
}
.new_menu_box table td{
padding:3px 5px;
vertical-align:top;
border:none;
display:block;
}
.new_menu_box table tr{
width:100%;
}
.new_menu_box table tr.food_text{
width:100%;
word-break:break-all;
}
.new_menu_box table tr.allergy_list{
width:100%;
}
.new_menu_box table tr.allergy_list .allergy{
display:flex!important;
flex-wrap: wrap;
margin:3px auto;
}
.new_menu_box table tr.allergy_list .allergy p{
font-size:0.9vw!important;
margin:0!important;
padding:0 3px;
display:inline-block;
word-break:break-all;
color:#ff6699;
}
.new_menu_box table tr:hover,.new_menu_box table td:hover,.new_menu_box .new_menu_head:hover,.new_menu_box .new_menu_head_left:hover{
background-color:#ffffff;
}
.new_menu_box .new_menu_head_left{
font-size:0.9em;
text-align:left;
font-weight:bold;
width:100%;
white-space: nowrap;
}
.new_menu_box .new_menu_head{
font-size:0.9em;
text-align:left;
font-weight:bold;
width:100%;
white-space: nowrap;
}



.shop_info{
width:100%;
height:auto;
margin:0 auto!important;
padding:0;
}
.shop_info_inner{
width:100vw;
height:auto;
display:flex!important;
padding:50px 0 200px 0;
}
.shop_info_box{
font-size:1vw!important;
font-weight:normal;
margin:15px auto!important;
width:40vw!important;
}
.shop_right{
position: relative!important;
}
.shop_info_box h5{
text-align:center;
color:#ffffff;
font-size:1.2vw!important;
font-weight:bold;
margin:0 auto 30px auto;
padding:10px 0;
background-image:url(../images/bg3.jpg)!important;
width:100%;
}
.menu_inner{
  position: absolute!important;
  height: 100%!important;
  display: flex!important;
  flex-direction: column!important;
}
.menu_scroll {
  overflow-y: auto!important;
}
.shop_info_box table{
margin:0 auto 5px auto;
font-size:0.9vw!important;
line-height:1.6em;
border:solid 1px #eeeeee;
background-color:#fdfdfd!important;
}
.shop_info_box table tr:hover{
background-color:#ffffff!important;
}
.shop_info_box table td{
padding:5px 3px;
}
.shop_info_box table td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell_l{
text-align:left;

width:80%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}

.food_menu{
text-align:left;
font-weight:bold;
margin:5px auto 10px auto;
padding:0 0 0 5px;
line-height:1.2em;
border-left:solid 5px #999999;
}
.shop_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_icon img{
width:60px;
margin:0 10px;
}

.shop_sns_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_sns_icon img{
width:40px;
margin:0 auto;
}




.store_map{
width:calc(100% - 10px);
aspect-ratio: 1;
margin:5px auto;
}

.shop_info_box table.foodmenu td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:top;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}

.shop_info_box table.foodmenu td.third_cell p,.food_menu_info{
line-height:1.6em;
font-size:0.9vw!important;
padding:2px 3px 2px 10px;
margin:0 auto 10px auto;
text-align:left;
}
.other_menu{
margin:1vw auto;
padding:0.5vw;
width:96%;
background-color:rgba(255,255,255,0.7);
}
.allergy{
display:flex;
flex-wrap: wrap;
margin:3px auto;
}
.allergy li{
font-size:0.8vw!important;
line-height:1.1em;
padding:2px 3px;
color:#ff6699;
}
.allergy li.allergy_title{
font-weight:bold;
padding:2px 3px 2px 0;
}

.shop_link_bt{
width:auto;
height:50px;
margin:20px auto 0 auto;
padding:0;
border-radius:25px;
color:#ffffff;
font-size:0.9em;
text-align:center;
background-color:#000000;
display:flex;
align-items: center;
justify-content: center;
}
.shop_link_bt span{
font-size:0.7em;
display:block;
}
.shop_link_bt a{
color:#ffffff;
}
.icon_box{
width:80%;
height:auto!important;
padding:0!important;
margin:2vw auto 1vw auto!important;
}
.icon_box img{
margin:0 10px 20px 10px;
width:calc((100% / 6) - 20px)!important;
max-width:64px;
text-align:left;
}











#inquiry .qanda_area{
width:100%;
height: auto;
z-index: 5;
margin:50px auto 100px auto;
position: relative;
display:flex;
flex-wrap: wrap;
font-size:1.4vw!important;
}







.qanda_title{
width:50%;
height:auto;
padding:0!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size:1em;
}
.qanda_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.5em;
color:#ffffff;
font-weight:bold;
}
.qanda_title h3 span{
font-size:0.7em;
font-weight:normal;
}
.qanda_box{
width:50%;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.8em;
line-height:1.8em;
text-align:left;
font-weight:bold;
}










#inquiry .qanda_inner{
width:70%!important;
height: auto;
margin:20px auto;
padding:15px;
background-color:rgba(45,66,25,0.4)!important;
z-index: 5;
}
#inquiry .qanda_inner .tab{
display: flex;
flex-wrap: wrap;
z-index: 6;
margin:0 auto;
padding:0;
}
#inquiry .qanda_inner .tab li a{
display: block;
background-color:#dddddd;
margin:0 4px 0 0;
padding:10px 20px;
font-size:0.9vw!important;
font-weight:bold;
z-index: 6;
color:#333333!important;
}
#inquiry .qanda_inner .tab li a:hover{
color:#ff9900!important;
}
#inquiry .qanda_inner .tab li.active a{
background:#868686;
z-index: 6;
color:#ffffff!important;
}
#inquiry .qanda_inner .tab li.active a:hover{
background:#868686;
z-index: 6;
color:#ff9900!important;
}

#inquiry .qanda_inner .area {
display: none;
opacity: 0;
background:#868686;
padding:20px 0 5px 0;
z-index: 10;
}
#inquiry .qanda_inner .area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
}

@keyframes displayAnime{
from {
opacity: 0.5;
}
to {
opacity: 1;
}
}

.qanda_inner .accordion-area{
list-style: none;
width: 96%;
margin:0 auto 15px auto!important;
text-align:left;
}
.qanda_inner .accordion-area li{
margin: 5px auto!important;
float:none!important;
width: 100%;
text-align:left!important;
}


.qanda_inner .accordion-area section {
width: 100%;
}
.qanda_inner .accordion-area .title {
position: relative;
cursor: pointer;
font-size:1vw!important;
line-height:1.8em!important;
font-weight: bold;
word-wrap:break-word;
padding: 10px 10px!important;
margin: 0 auto!important;
transition: all .5s ease;
text-align:left!important;
width:100%!important;
border:solid 1px #e5e5e5;
background-color:#333333;
background-image:none!important;
}
.qanda_inner .accordion-area .title .q_text{
display:inline-block;
font-size:0.9vw!important;
width:calc(100% - 30px);
vertical-align:middle;
background-image:url(../images/q.svg)!important;
background-repeat: no-repeat;
background-position:0 center;
background-size:20px;
padding:0 0 0 30px;
}

.qanda_inner .accordion-area .title:hover {
color: #ff9900;
border:solid 1px #f3f3f3;
background-color:#e5e5e5;
}
.qanda_inner .accordion-area .title:active {
color: #ff9900;
border:solid 1px #f3f3f3;
background-color:#e5e5e5;
}
.qanda_inner .accordion-area .title::before,
.qanda_inner .accordion-area .title::after{
position: absolute;
content:'';
width: 20px;
height: 4px;
background-color: #333;
}
.qanda_inner .accordion-area .title::before{
top:23px;
right: 10px;
transform: rotate(0deg);
}
.qanda_inner .accordion-area .title::after{
top:23px;
right: 10px;
transform: rotate(90deg);
}
.qanda_inner .accordion-area .title.close::before{
transform: rotate(45deg);
}
.qanda_inner .accordion-area .title.close::after{
transform: rotate(-45deg);
}

.qanda_inner .accordion-area .title.close{
transition: all .5s ease;
color: #ff9900;
}

.qanda_inner .accordion-area .box {
display: none;
background: #ffffff;
border:solid 1px #f3f3f3;
margin:0 auto;
padding: 10px!important;
width: 100%;
height:auto;
overflow:visible;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: both;

}
.qanda_inner .accordion-area .box .answer_text_l {
font-size:0.9vw!important;
line-height:1.8em;
margin:10px auto;
width:calc(100% - 30px);
background-image:url(../images/a.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:20px;
padding:0 0 0 30px;
}
.qanda_inner .accordion-area .box .answer_text {
line-height:1.8em;
width:calc(70% - 30px);
background-image:url(../images/a.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:20px;
padding:0 0 0 30px;
font-size:0.9vw!important;
line-height:1.8em;
margin:10px 20px 20px 0;
float:left;
}
.qanda_inner .accordion-area .box .answer_text_l a,.accordion-area .box .answer_text a {
color: #ff9900;
display:inline-block;
margin:10px 0 0 0;
padding:0 0 0 20px;
background-image:url(../images/link.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:16px;
}
.qanda_inner .accordion-area .box .answer_text_l span,.accordion-area .box .answer_text span {
display:inline-block;
width:30px;
height:auto;
max-height:20em;
margin:0;
vertical-align:top;
float:left;
font-weight:bold;
}
.qanda_inner .accordion-area .box .answer_pict {
width:30%;
height:auto;
margin:2px auto;
text-align:center!important;
padding:0;
float:left;
}
.accordion-area .box .answer_pict img {
width:100%!important;
height:auto;
margin:0 auto;
text-align:center;
padding:0;
}


/* contact form */
#contact {
width:auto;
background-color:rgba(45,66,25,0.4)!important;
margin:50px auto 100px auto;
padding:10px 0 20px 0;
}
.contact_inner{
width: calc(70% - 20px)!important;
height:auto;
color:#ffffff;
text-align:center;
margin:0 auto;
font-size:1.4vw!important;
}
.fullsize{
width:100%!important;
}
.normalsize{
width: calc(70% - 20px)!important;
}
.qanda_area h4,#contact h4 {
width:100%;
font-size:1.2vw!important;
font-weight:800;
margin:50px auto;
padding: 0;
color:#ffffff;
}
#contact p.form_message {
width:90%;
font-size:0.8em;
line-height:2em;
margin:0 auto 50px auto;
text-align:left;
color:#ffffff;
}
table.form_table {
width:calc(96% - 10px)!important;
margin:10px auto!important;
padding:0!important;
height:auto!important;
border:solid 5px rgba(255,255,255,0.2);!important;
}
table.form_table tbody,table.form_table tr,table.form_table td p {
margin:0 auto!important;
padding:0!important;
height:auto!important;
}
table.form_table tr{
background-color:rgba(255,255,255,0.9);
color:#333333;
}
table.form_table tr.colored{
background-color:rgba(100,100,100,0.5)!important;
color:#e0e0e0;
}
table.form_table td {
padding:20px 10px!important;
font-size:1vw!important;
font-weight:600;
word-break:break-all;
line-height:2em;
vertical-align:middle!important;
}
table.form_table td.left_cell{
width:25%!important;
font-size:1vw!important;
}
table.form_table td.left_cell2{
width:25%!important;
font-size:1vw!important;
}
table.form_table td span.mini_text {
margin:5px 0 5px 0!important;
padding:5px 0 0 0;
font-size:0.9vw!important;
color:#666666!important;
font-weight:bold;
line-height:1.4em!important;
}
table.form_table td span.mini_text2 {
margin:5px 0 5px 0!important;
font-size:0.9vw!important;
color:#ff6600!important;
line-height:1em!important;
}
table.form_table td span.mini_text3 {
display:block;
margin:5px 0 5px 0!important;
font-size:0.9vw!important;
color:#ffffff!important;
font-weight:bold;
line-height:1.4em!important;
}
table.form_table td input[type="text"] {
font-size:1.1vw!important;
width:100%!important;
}
table.form_table td textarea {
font-size:1.1vw!important;
width:100%!important;
line-height:1.8em;
}
table.form_table td input[type="email"] {
font-size:1.1vw!important;
width:100%!important;
}
table.form_table td input[type="tel"] {
font-size:1em!important;
width:100%!important;
padding:0.5em;
}
table.form_table td input#zip,table.form_table td input#zip2 {
width:40px!important;
}
span.button_margin lavel {
padding:0 2em 0 0;
display:inline-block;
}
input.readonly {
border:none;
font-size:1vw;
background-color:transparent;
line-height:2em;
font-weight:normal;
}
input.hiddenly {
display:none
}
input.text_input{
width:100%!important;
}
input.text_input2{
width:100%!important;
padding:0.2em!important;
font-size:1.2em!important;
height:1.2em!important;
}
input.num_input2{
width:100%!important;
padding:0.2em!important;
font-size:1.2em!important;
height:1.2em!important;
}
textarea.area_input{
width:100%!important;
}
textarea.area_input2{
width:100%!important;
height:6em;
padding:0.2em!important;
font-size:1.2em!important;
}
tr.line input.readonly{
background-color:none;
}
input[type="button"],input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select{
font-family:sans-serif!important;
padding:0.2em!important;
font-size:1em!important;
}
.wpcf7-spinner{
display:none!important;
}
.wpcf7-spinner:before{
display:none!important;
background-color:none!important;
}
.wpcf7 .wpcf7-stripe .wpcf7-form-control {
background-color:none!important;
display:none!important;
}
td.form_button_cell{
width:100%!important;
text-align:center!important;
margin:0px auto!important;
padding:0!important;
font-size:0.7em!important;
}
div.form_button {
text-align:center!important;
margin:0px auto!important;
padding:10px 0;
}
div.form_button p {
margin:0px auto!important;
padding:0!important;
width:60%;
height:auto;
background-color:#666666!important;
color: rgba(255,255,255,1)!important;
}
div.form_button a {
margin:0px auto!important;
color: rgba(255,255,255,1)!important;
}
table.form_table td a {
color: #ff9900!important;
}
input.submit_button,wpcf7-submit {
width: 100%!important;
height: auto;
text-align: center;
text-decoration: none;
outline: none!important;
padding:10px 0!important;
color: rgba(255,255,255,1)!important;
border:none;
cursor:pointer!important;
margin:0 auto!important;
font-size:1em!important;
font-weight:bold;
background-color:#666666!important;
}
input.submit_button:hover,wpcf7-submit:hover {
background-color:#333333!important;
color: rgba(255,255,255,1)!important;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: 1!important;
}
span.alert {
font-size:0.7em;
color:#f80240!important;
font-weight:bold;
padding:0 0 0 1em;
}
.screen-reader-response{
visibility:hidden;
display:none;
}
.wpcf7-not-valid-tip{
font-size:0.7em;
color:#ff6699!important;
font-weight:bold;
padding:0 0 0 1em;
}
.wpcf7-not-valid-tip:before{
content: "\A";
white-space: pre;
}
.wpcf7-validation-errors,.wpcf7-response-output{
font-size:0.7em;
color:#ff6699!important;
font-weight:bold;
text-align:center;
padding:5px 0;
border:solid 2px #ff6699!important;
}
.wpcf7-list-item-label{
margin:0 1vw 0 0.5vw;
}









/*タイムスケジュール*/
#shop_table table{
width:calc(60% - 2px)!important;
margin:50px auto!important;
text-align:center;
background-color:none!important;
font-family:sans-serif!important;
font-size:16px;
border:solid 1px #dddddd;
}

#shop_table tr{
border:solid 1px #dddddd;
background-color:#ffffff;
}
#shop_table th{
height:40px!important;
padding:0!important;
text-align:center!important;
font-size:1.1em!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
}
#shop_table td{
width:calc(100% - 120px)!important;
height:auto!important;
padding:0!important;
font-size:1em!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
white-space: nowrap;
text-align:center;

}




.event_list_title{
background-color:#000000!important;
color:#cccccc;
font-size:1.4vw!important;
font-weight:bold!important;
line-height:1.8em!important;
padding:5px;
margin:2vw auto 0 auto;
width:60%;
text-align:center!important;
}


.event_list_head{
width:calc(60% - 2px)!important;
margin:50px auto 0 auto!important;
text-align:center;
background-color:none!important;
font-family:sans-serif!important;
font-size:1.5vw!important;
}
.event_list_head th{
height:40px!important;
padding:10px 0!important;
text-align:center!important;
font-size:1vw!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
border:solid 1px #dddddd;
}
.event_list_head th.event_list_head_time{
width:100px!important;
text-align:center!important;
border-right:none!important;
word-break: break-all!important;
}
.event_list_head th.event_list_head_name{
width:calc(50% - 50px)!important;
}
.event_list_head th.event_list_head_place{
width:calc(50% - 50px)!important;
}




.event_list_all{
width:calc(60% - 2px)!important;
margin:0 auto 50px auto!important;
text-align:center;
background-color:none!important;
font-family:sans-serif!important;
border:solid 1px #dddddd;
}
.event_list_all tr{
border:solid 1px #dddddd;
background-color:#ffffff;
}
.event_list_all tr:nth-child(odd){
background-color:#f6f6f6!important;
}
.event_list_all td{
height:auto!important;
padding:0!important;
font-size:1vw!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
text-align:center;
}
.event_list_all td.event_hour{
margin:0!important;
padding:0!important;
text-align:center!important;
width:50px!important;
word-break: break-all!important;
}
.event_list_all td.event_other{
margin:0!important;
padding:0!important;
width:calc(100% - 50px)!important;
word-break: break-all!important;
}
.event_list_all .event_info,.event_list_all .event_info a{
display:flex;
text-align:left;
width:100%!important;
height:100%;
color:#333333!important;
}
.event_list_all td .event_info:hover,.event_list_all td .event_info:hover a{
color:#ff9900!important;
}

.event_list_all td .event_info:hover .time_hun{
color:#333333!important;
}


.event_list_all .event_info p.time_hun{
width:50px!important;
text-align:center!important;
padding:6px 0 0 0!important;
}
.event_list_all .event_info p.event_name{
width:calc(50% - 25px)!important;
border-left:solid 1px #dddddd;
padding:6px 5px!important;
word-break: break-all!important;
}
.event_list_all .event_info p.event_place{
width:calc(50% - 25px)!important;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
padding:6px 5px!important;
}
.event_list_all .event_info p .event_required{
font-size:1vw!important;
}
.event_list_all div.visible_type1{
display:flex!important;
}
.event_list_all div.visible_type2{
display:none;
}
.event_list_all div.visible_type3{
display:none;
}
.event_list_all div.visible_type4{
display:none;
}
.event_list_all div.visible_type5{
display:none;
}
.event_list_all div.visible_type6{
display:none;
}





.mb-bhi-oc-text{
display:block;
margin:30px auto;
color:#ffffff;
}
.mabel-bhi-businesshours{
width:250px!important;
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.mabel-bhi-businesshours tr{
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.mabel-bhi-businesshours tr td{
background-color:rgba(255,255,255,0.9)!important;
padding:20px 0!important;
border:none!important;
}
.mabel-bhi-businesshours .mbhi-is-current{
color:#ff6600!important;
}
.mabel-bhi-businesshours tr td:nth-of-type(1) {
display:none;
}
.shopcal{
width:300px;
display:flex;
margin:30px auto;
}
.dayofweek{
width:50px!important;
height:300px!important;
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.dayofweek tr{
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.dayofweek tr td{
background-color:rgba(255,255,255,0.9)!important;
padding:20px 0!important;
border:none!important;
}






#calendar .inside {
text-align: center;
}
#calendar table.calendar {
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 20px;
width:100%;
}
#calendar table.calendar caption {
font-size: 150%;
font-weight: bold;
color: #999;
padding: 5px 0;
}
#calendar table.calendar tr th {
border: solid 1px #ccc;
padding: 3px;
background: #666;
color: #fff;
}
#calendar table.calendar tr th.sun {
background: #e66;
}
#calendar table.calendar tr td {
border: solid 1px #ccc;
padding: 3px;
text-align: left;
}
#calendar table.calendar tr td.sun {
background: #fee;
}
#calendar table.calendar tr td.holiday {
background: #fee;
}
#calendar table.calendar tr td.today {
background: #ffe;
}
#calendar table.calendar tr td select {
width: 80%;
margin: 5px 10px;
}





.calender_area .reservationSingle {
width:100%!important;
margin: 0 auto 0 auto!important;
padding:0!important;
height:auto!important;
}
.calender_box .reservationSingle {
width:100%!important;
margin:0px auto!important;
padding:0!important;
height:auto!important;
}
 .reservationSingle caption{
text-align:left!important;
}
.cal_wrap{
width:80%!important;
height:auto!important;
margin: 0 auto!important;
padding:0!important;
display:block!important;
}
.cal_wrap .cal_boxes{
margin:0 auto 50px auto!important;
padding:0 0 150px 0!important;
width:80%!important;
height:auto!important;
display:block!important;
overflow:visible!important;
}
.cal_wrap .cal_boxes caption{
color:#ffffff;
text-align:left!important;
}
.reservationSingle .cal_wrap .cal_boxes table {
width:100%!important;
margin:50px auto 15px auto!important;
text-align:center;
background-color:rgba(255,255,255,1)!important;
font-family:sans-serif!important;
font-size:16px;
border: solid 5px #eeeeee;
}

.cal_slick .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #444444!important;
  cursor: pointer!important;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 46%;
  z-index: 1;
  transform: translateY(-50%);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16))!important;
}
.cal_slick .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #ffffff;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.cal_slick .slick-next {
  right: 0;
}
.cal_slick .slick-prev {
  left: 0;
}
.cal_slick .slick-next::before {
  left: 20px;
}
.cal_slick .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
.dots .slick-dots {
  text-align: center;
}
.dots .slick-dots li {
  display: inline-block;
}
.dots .slick-dots button {
  display: block!important;
  width: 10px!important;
  height: 10px!important;
  margin: 6px!important;
  font-size: 0!important;
  padding: 0!important;
  border: 0!important;
  outline: none!important;
  cursor: pointer!important;
  background: #bcbcbc!important;
  border-radius: 50%!important;
}
.dots .slick-dots .slick-active button {
  background: #0a467d!important;
}













.calendar-table{
width:100%;
margin:10px auto 0 auto;
background-color:#ffffff;
text-align:center!important;
}
.calendar-table tr:hover{
background-color:rgba(255,255,255,0)!important;
}
.calendar-table td:hover{
background-color:#efefef;
}
.calendar-table th:first-child,.calendar-table td:first-child{
color:red;
}
.calendar-table th:last-child,.calendar-table td:last-child{
color:blue;
}
.calendar-table th{
text-align:center!important;
background-color:#efefef;
}
.calendar-table td{
text-align:center!important;
font-size:18px;
height:80px!important;
}
.time1{
color:green;
font-size:13px;
font-weight:bold;
margin:10px auto 0 auto;
}




/* calendar */
.calendar_area{
width:100%;
height:auto!important;
margin:0 auto;
padding:0;
}
.calendar_block{
margin:0 auto;
padding:0;
position:relative;
width:100%;
height:auto!important;
justify-content: space-around;
}
.calendar_block h3{
text-align:center;
font-size:1.8em!important;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 100px auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.calendar_header{
width:100%;
height:auto!important;
margin:0 auto;
padding:0;
}
.calendar_slider{
width:100%!important;
max-height:500px!important;
height:100%!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
background-color:#ffffff;
}
.calendar_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.calendar_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.calendar_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.calendar_header .calendar_catch{
width:100%;
height:auto;
padding:0!important;
margin:1vw auto 0 auto;
}
.calendar_header .calendar_catch h2{
font-size:2.2em!important;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.calendar_header .calendar_catch span{
font-size:0.7em!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:1vw auto 0.5vw auto;
}
.calendar_inner{
width:calc(100% - 6vw)!important;
height:auto!important;
margin:3vw auto;

}


























/* 第一階層 */
.first_area{
width:100%;
height:auto;
background-color:#ffffff!important;
margin:0 auto;
padding:0;
}
.first_block{
margin:0 auto;
padding:5vw 0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.first_block h3{
text-align:center;
font-size:1.8vw;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 5vw auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.first_block .first_list{
width: 98%!important;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:space-around;
margin:0 auto;

}
.first_block .first_list a{
color:#ffffff;
text-decoration:none;
display:block;
width:20%;
}
.first_block .first_list_menu{
width:90%;
margin:0 10% 3vw 0;
position:relative;
background-color:#cccccc;
aspect-ratio: 1 / 1;
}



.first_block .first_list_menu img {
width:100%;
height:100%;
margin:0 auto;
object-fit: cover;
}




.first_block .first_list a .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(0,0,0,0.7);
padding:2px;
width:100%;
font-size:1vw;
transition: .5s;
}
.first_block .first_list a:hover .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(255,102,0,0.7);
padding:2px;
width:100%;
font-size:1vw;
transition: .5s;
}
.first_block .first_list .b_circle{
position:absolute;
top:-10%;
right:-10%;
z-index:2;
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.9vw;
font-weight:normal;
text-align:center;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first_block .first_list .b_circle_l{
width:220px;
height:220px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.9vw!important;
font-weight:normal;
text-align:center;
margin:0 auto 50px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first_block h4{
text-align:center;
font-size:1.6vw!important;
margin:5vw auto 3vw auto;
}
.first_inner{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.first_inner .message{
width:100%;
height:auto;
margin:0 auto 4vw;
padding:0;
font-size:1.1vw;
line-height:1.8em;
}

.first_inner .first_inner_list{
width: 100%!important;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:space-around;
margin:0 auto;
}
.first_inner .first_square{
width:calc(100% / 6);
aspect-ratio: 1 / 1;
overflow:hidden;
position:relative;
background-color:#000000;
}
.first_inner .first_square a{
display:block;
width:100%;
height:100%;
}
.first_inner .first_square a:hover{
display:block;
width:100%;
height:100%;

}
.first_inner .first_square a img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
}
.first_inner .first_square a:hover img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
opacity: 0.50;
}
.first_inner .first_square a p{
width:100%;
position:absolute;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,0);
}
.first_inner .first_square a:hover p{
width:100%;
position:absolute;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,1);
}
.first_bgt1{
background-image:url(../images/first_bgt2.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
.first_bgt2{
background-image:url(../images/first_bgt3.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
.first_bgt3{
background-image:url(../images/first_bgt4.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}


.first_bg1{
background-image:url(../images/first_bg1.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
background-color:#ffffff;
min-height:1000px;
}
.first_bg2{
background-image:url(../images/first_bg2.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg3{
background-image:url(../images/first_bg3.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg4{
background-image:url(../images/first_bg4.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg5{
background-image:url(../images/first_bg5.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg6{
background-image:url(../images/first_bg6.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg7{
background-image:url(../images/first_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg8{
background-image:url(../images/first_bg7.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg9{
background-image:url(../images/first_bg8.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg10{
background-image:url(../images/first_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_block .restaurant{
width:90%;
padding:0;
justify-content: space-around;
}
.first_block .first{
width:54%;
padding:0;
justify-content: space-between;
}
.first_block h4{
text-align:center;
font-size:1.4em;
margin:100px auto 50px auto;
}
.payment{
display:flex;
align-items: center;
justify-content: space-around;
width:80%;
margin:0 auto 50px auto;
}
.payment li{
font-size:1em;
font-weight:normal;
}
.payment li:before{
content:"・";
font-size:1em;
font-weight:normal;
padding:0 0 0 15px;
}

.switch_text {
 display: inline-block;
 position: relative;
 color: #000;
 transition: 0.5s;
}
.switch_text::before {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 color: transparent;
 text-align: center;
 text-decoration: underline;
 white-space: nowrap;
 transition: 0.5s;
 content: attr(data-hover-text);
}
.switch_text:hover {
 color: transparent;
}
.switch_text:hover::before {
 color: #000;
}


.first_news{
margin:50px auto;
width:100%;
}
.first_news ul{
width:100%;
height:190px;
max-width:calc(81% + 120px);
margin:0 auto 100px auto;
padding:0 10px 0 0;
}
hr{
width:90%;
height:15px!important;
border:0;
background-color:rgba(255,255,255,0)!important;
margin:0 auto 80px auto;
}
hr.orange_line{
box-shadow: 0px 10px 10px -5px rgba(239,131,43,0.7)!important;
}
.first_news hr.green_line{
box-shadow: 0px 10px 10px -5px rgba(40,114,87,0.7);
}
.first_news ul li{
width:180px!important;
height:180px!important;
margin:0 10px 0 0!important;
padding:0!important;
text-align:left;
}
.first_news ul li a{
display:block;
width:180px!important;
height:180px!important;
margin:0;
padding:0;
position:relative;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.4);
}

.first_news ul a li .first_name{
color:#000000;
}
.first_name_pos{
position:absolute;
bottom:60px;
left:0;
height:auto;
}
.first_name_pos2{
position:absolute;
bottom:0;
left:0;
height:auto;
}
.first_news ul li .first_name{
height:auto;
width:10em;
margin:0 auto 5px 2px;
padding:2px 8px;
border-radius:8px;
color:#000000;
background-color:#ffffff;
font-size:0.5em;
font-weight:bold;
z-index:2;
text-align:center;
}

.first_news ul li .first_comment{
position:absolute;
bottom:0;
left:0;
height:59px;
width:100%;
padding:2px 4px;
color:#ffffff;
font-size:0.6em;
font-weight:normal;
text-align:left;
z-index:2;
}
.first_news ul li .first_comment span{
display:block;
margin:0 auto;
width:100%;
line-height:1.5em;
}
.first_news ul li .first_comment span.s_e{
display:block;
margin:0 auto;
text-align:right!important;
width:100%;
}
.first_news ul li a .first_comment{
background-color:#333333;
color:#ffffff!important;
}
.first_news ul li a:hover .first_comment{
background-color:#ea5514;
color:#ffffff!important; 
}

.restaurant_sdgs{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto;
width:100%;
height:auto!important;
}
.restaurant_sdgs .restaurant_sdgs_info{
width:calc(35% - 60px)!important;
height:100%!important;
margin:0 auto!important;
}
.restaurant_sdgs .restaurant_sdgs_info h5{
text-align:center;
font-size:1.6vw!important;
margin:0 auto 30px auto;
}
.restaurant_sdgs .restaurant_sdgs_info p{
height:100%!important;
text-align:center!important;
font-size:1.1vw!important;
font-weight:normal;
margin:0 auto!important;
}
.restaurant_sdgs .restaurant_sdgs_pict{
width:calc(50% - 60px)!important;
height:100%!important;
margin:0 auto!important;
}
.restaurant_sdgs .restaurant_sdgs_pict img{
width:100%!important;
}




.first_borneo{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto;
width:100%;
height:auto;
}
.first_borneo .first_borneo_info{
width:calc(35% - 60px)!important;
height:auto!important;
margin:0 15% 0 60px!important;
}
.first_borneo .first_borneo_info h5{
text-align:center;
font-size:1.6vw!important;
margin:0 auto 30px auto;
}
.first_borneo .first_borneo_info p{
text-align:center!important;
vertical-align:middle!important;
font-size:1.1vw!important;
font-weight:normal;
margin:0 auto;
}
.first_borneo .first_borneo_pict{
width:calc(50% - 60px)!important;
}
.first_borneo .first_borneo_pict img{
width:100%!important;
}
.first_sdgs{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto 100px auto;
width:100%;
height:auto;
}
.first_sdgs .first_sdgs_info{
width:calc(35% - 60px)!important;
margin:0 60px 0 15%!important;
}
.first_sdgs .first_sdgs_info h5{
text-align:center;
font-size:1.6vw!important;
margin:0 auto 30px auto!important;
}
.first_sdgs .first_sdgs_info p{
text-align:center!important;
font-size:1.1vw!important;
font-weight:normal;
margin:0 auto;
}
.first_sdgs .first_sdgs_pict{
width:calc(50% - 60px)!important;
}
.first_sdgs .first_sdgs_pict img{
width:100%!important;
}

.first_emergency{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto 100px auto;
width:100%;
height:auto;
}
.first_emergency .first_emergency_info{
width:calc(35% - 60px)!important;
margin:0 60px 0 15%!important;
}
.first_emergency .first_emergency_info_right{
width:calc(48% - 60px)!important;
margin:0 0 0 60px!important;
}
.first_emergency .first_emergency_info h5,.first_emergency .first_emergency_info_right h5{
text-align:center;
font-size:1.6vw!important;
margin:0 auto 30px auto;
}
.first_emergency .first_emergency_info p,.first_emergency .first_emergency_info_right p{
text-align:center!important;
font-size:1.1vw!important;
font-weight:normal;
margin:0 auto;
}
.first_emergency .first_emergency_info_right p span{
display:inline-block;
margin:0 auto 20px auto;
font-size:1.6vw!important;
font-weight:bold;
}

.first_timetable{
width:50%;
margin:0 auto 80px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
}
.first_timetable a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#000000;
transition: .5s!important;
border-radius:9999px!important;
}
.first_timetable a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600;
transition: .5s!important;
border-radius:9999px!important;
}
/* 寄付 */
.donation_message{
text-align:left;
font-size:0.9em;
line-height:1.8em;
font-weight:normal;
padding:0!important;
margin:5vw auto!important;
max-width:70%;
}
.donation_message span{
font-weight:bold;
color:#000000;
}
h5.donation_subtitle{
font-size:1.1em;
font-weight:bold;
text-align:center;
color:#ffffff;
background-color:#555555;
padding:3px 0;
margin:0 auto 2vw auto;
width:70vw;
}
.donation_box{
margin:0 auto 5vw auto;
width:70vw;
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.donation_box div{
margin:0 auto;
padding:0.5%;
width:47%;
text-align:left;
font-size:0.9em;
line-height:1.8em;
font-weight:normal;
border:solid 1px #333333;
}
.donation_box div h6{
margin:0 auto;
text-align:left;
font-size:1em;
line-height:1.8em;
font-weight:bold;
color:#000000;
}
.donation_box div p{
margin:0 auto;
padding:0 0 0 1em;
text-align:left;
font-size:1em;
line-height:1.8em;
font-weight:normal;
}





/* second */
.second_area{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.second_block{
margin:0 auto;
padding:0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.second_block h3{
text-align:center;
font-size:1.8em;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 100px auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.second_header{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.second_animal_header{
width:100%;
height:auto;
margin:0 auto 100px auto!important;
padding:100px 0 0 0!important;
}
.second_slider{
width:100%!important;
max-height:500px!important;
height:100%!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
}
.second_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.second_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.second_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.second_header .second_catch,.second_animal_header .second_catch{
width:100%;
height:auto;
padding:0!important;
margin:1vw auto 0 auto;

}
.second_header .second_catch h2,.second_animal_header .second_catch h2{
font-size:2.2vw!important;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.second_header .second_catch span,.second_animal_header .second_catch span{
font-size:0.7em!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:1vw auto;
}
.second_inner{
width:100%!important;
height:auto;
margin:3vw auto!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: center;
font-size:1.4vw!important;
}
.second_title{
width:50%!important;
height:auto;
min-height:28vw;
height:100%;
padding:0!important;
margin:0 auto;
display:flex;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
font-size:1vw!important;
color:#ffffff;
}
.second_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.5vw!important;
background-image:none!important;
background-color:transparent!important;
}
.second_title p{
width:90%;
height:auto!important;
padding:0!important;
margin:3vw auto 0 auto!important;
color:#ffffff;
font-size:1.1vw!important;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
.second_title h3 span{
font-size:1.1vw!important;
font-weight:normal;
}


.second_box{
width:50%!important;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:1vw!important;
text-align:left;
}
.second_box .second_content{
width:100%;
text-align:left;
color:#cccccc;
font-size:1vw!important;
font-weight:normal;
margin:0 auto 2vw auto!important;
padding:0!important;
}
.second_box ol{
width:96%;
margin:2vw 0 1vw 4%!important;
font-size:1vw!important;
}
.second_box ol li{
font-weight:bold;
margin:10px auto!important;
}
.second_box ul{
width:96%;
margin:2vw 0 2vw 4%!important;
}
.second_box ul li{
font-weight:bold;
margin:10px auto!important;
list-style-type: disc;
font-size:1vw!important;
}
.second_box ul li::marker{
 font-size: 100%;
 font-weight: bold;
 line-height: 1;
}
.second_box h4{
margin:0 auto 2vw auto!important;
padding:0.2vw 0;
width:100%;
background-color:#131313!important;
color:rgba(255,255,255,1)!important;
font-size:1.2vw!important;
font-weight:bold;
text-align:center;
}
.second_box h4 span{
font-size:1vw!important;
font-weight:normal!important;
text-align:center;
}
.second_box h5{
width:100%;
text-align:center;
color:#ffffff;
font-size:1.2vw!important;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#000000;
}
.second_box div.second_more_info{
width:96%;
text-align:left;
color:#ffffff;
font-size:1vw!important;
line-height:1.8em;
font-weight:bold;
margin:1vw auto 3vw auto!important;
padding:0!important;
}
.second_box div.second_more_info span{
display:inline-block;
margin:0!important;
padding:0 0.5vw;
font-weight:normal;
background-color:#ffffff;
color:rgba(45,66,25,1)!important;
}

.second_box .second_infobox{
width:calc(96% - 2vw);
text-align:left;
color:#ffffff;
font-size:1vw!important;
font-weight:normal;
margin:1vw auto;
padding:1vw;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_box .second_infobox h5{
width:100%;
text-align:center;
color:#000000;
font-size:1.1vw!important;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_box table{
margin:0 auto 2vw auto!important;
}
.second_box table tr{
border:none!important;
}
.second_box table th{
background-color:rgba(45,66,25,0.8)!important;
border:solid 1px #999999;
padding:0.8vw 0;
color:#cccccc;
font-size:1vw!important;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:0.8vw 0;
color:#cccccc;
font-size:1vw!important;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td img{
width:80%;
margin:1vw auto;
}
.second_box table tr:hover,.second_box table td:hover{
background-color:rgba(45,66,25,0.8);
}
.second_box table.no_hover tr:hover,.second_box table.no_hover td:hover{
background-color:rgba(45,66,25,0)!important;
}
.second_box table th span,.second_box table td span{
color:#cccccc;
font-size:0.9vw!important;
font-weight:normal;
}










.second_box .liftbus_pict{
width:100%;
text-align:center;
margin:0 auto!important;
padding:0!important;
}
.second_box .liftbus_pict img{
width:80%;
margin:0 auto;
}
.second_box .liftbus_content{
width:100%;
margin:2vw auto !important;
padding:0!important;
display:flex;
}

.second_box div.second_select{
width:100%;
text-align:left;
color:#cccccc;
font-size:1vw!important;
font-weight:normal;
margin:1vw auto !important;
padding:0!important;
}
.second_box div.second_select p{
width:100%;
text-align:left;
color:#cccccc;
font-size:1vw!important;
font-weight:normal;

}
.second_box div.second_waiting_information{
width:calc(96% - 2vw);
text-align:left;
color:#cccccc;
font-size:1em;
font-weight:normal;
margin:1vw auto !important;
padding:1vw!important;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_box div.second_waiting_information h5{
text-align:center;
color:#ffffff;
font-size:1.1vw!important;
font-weight:bold;
margin:0 auto 1vw auto !important;
}
.second_box div.second_waiting_information div{
width:100%;
text-align:center;
color:#000000;
font-size:0.8em;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_box div.second_waiting_information p{
text-align:center;
color:#ffffff;
font-size:0.7em;
font-weight:normal;
}
.second_box .mommy_content{
width:100%;
text-align:left;
color:#cccccc;
font-size:0.9em;
font-weight:normal;
margin:2vw auto 2vw auto!important;
padding:0!important;
}
.second_box .birthday{
width:100%;
text-align:center;
color:#ffffff;
font-size:0.9vw!important;
font-weight:bold;
line-height:2em;
margin:0 auto 1vw auto!important;
padding:1vw!important;
background-color:rgba(255,255,255,0.1);
}
.second_header .second_catch .pdf_icon{
width:100%;
height:auto!important;
padding:0!important;
margin:2vw auto 1vw auto!important;
}
.second_header .second_catch .pdf_icon a{
color:#ff9900;
font-size:0.75em;
font-weight:bold;
text-align:center;
}
.second_header .second_catch .pdf_icon img{
width:5vw;
}



.first_reserve,.second_reserve{
width:60%;
margin:80px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:1.3vw;
}
.second_box .second_reserve{
width:80%;
margin:3vw auto 4vw auto!important;
border-radius:9999px!important;
color:rgba(45,66,25,1)!important;
font-weight:bold;
font-size:1.1em;
text-align:center;
}
.first_reserve a{
display:block;
padding:10px 0;
width:100%;
height:auto;
background-color:rgba(45,66,25,1)!important;
text-decoration:none;
color:rgba(255,255,255,1)!important;
transition: .5s!important;
border-radius:9999px!important;
}
.second_reserve a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:rgba(45,66,25,1)!important;
text-decoration:none;
background-color:rgba(255,255,255,0.9);
transition: .5s!important;
border-radius:9999px!important;
}
.first_reserve a:hover,.second_reserve a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
}
.second_reserve_title{
width:100%;
text-align:center;
color:#ffffff;
font-size:1em;
font-weight:bold;
margin:1vw auto !important;
}
.second_reserve_tel{
width:100%;
text-align:center;
color:#ffffff;
font-size:1.6em;
font-weight:bold;
margin:1vw auto 2vw auto !important;
}









li.second_menu{
width:calc(100% - 2vw);
margin:3vw auto;
padding:0;
border-radius:16px;
list-style:none!important;
list-style-type:none;
}
.second_menu a{
width:100%;
height:auto;
margin:0 auto;
padding:1vw;
border-radius:16px;
display:flex!important;
align-items: center;
justify-content: center;
text-decoration:none!important;
background-color:rgba(255,255,255,0.2);
}
.second_menu a:hover{
width:100%;
height:auto;
margin:0 auto;
padding:1vw;
border-radius:16px;
display:flex!important;
align-items: center;
justify-content: center;
text-decoration:none!important;
background-color:rgba(255,255,255,0.4);
}
.second_menu .plan_thumbnail{
width:calc(20% - 15px)!important;
margin:0 15px 0 0;

}
.second_menu .plan_thumbnail img{
width:100%;
}
.second_menu .plan_info{
margin:0 auto;
padding: 0;
width:80%!important;

}
.second_menu .plan_name{
margin:0 auto 0.3vw auto;
color:#ff9900!important;
font-size:1vw!important;
}
.second_menu .plan_content{
color:#ffffff;
font-size:0.8em;
font-weight:normal;
}
.second_menu .next_bt{
margin:0.4vw auto 0 auto;
color:#ff9900!important;
font-size:0.9vw!important;
text-align:right;
}
.second_food_box{
margin:1.5vw auto 1.5vw auto!important;
width:100%!important;
padding :0.5vw 0 1.5vw 0!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: start;
border-top: dotted 1px #cccccc;
border-bottom: dotted 1px #cccccc;
}
.second_food_box .second_title{
width:calc((100% / 3) - 2vw)!important;
height:auto;
padding:1vw!important;
margin:1vw auto 0 auto!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: center;
color:#cccccc;
font-size:0.9em;
text-align:left;
}
.second_food_box .second_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.5em;
}
.second_food_box .second_title p{
width:90%;
height:auto!important;
padding:0!important;
margin:3vw auto 0 auto!important;
color:#ffffff;
font-size:0.75em;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
.second_food_box .second_title h3 span{
font-size:0.75em;
font-weight:normal;
}
.second_food_box .second_box{
width:calc((100% / 3) - 2vw)!important;
height:auto;
padding:1vw!important;
margin:1vw auto 0 auto;
display:flex;
flex-wrap: wrap;
align-items: flex-start!important;
justify-content: center;
align-content: flex-start;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.9em;
text-align:left;
}
.second_food_box .second_box .bbq{
display:block;
margin:2vw auto;
padding:5px 0;
width:100%;
height:auto;
color:rgba(45,66,25,1)!important;
text-decoration:none;
background-color:rgba(255,255,255,0.9);
transition: .5s!important;
border-radius:9999px!important;
text-align:center;
}

.second_food_box .second_box .bbq:hover{
display:block;
margin:2vw auto;
padding:5px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
text-align:center;
}


.second_food_box .second_box_null{
width:calc((100% / 3) - 2vw)!important;
height:auto;
margin:1vw auto 0 auto;
padding:1vw!important;
}




.second_box .second_food_pict{
width:100%;
text-align:center;
margin:0 auto 1vw auto!important;
padding:0!important;
}
.second_box .second_food_pict img{
width:100%;
}
.second_box .second_allergy{
margin:1vw auto 0 auto!important;
width:100%;
}
.second_box .second_allergy h5{
margin:0 0 0.5vw 0!important;
padding:0;
font-size:0.9vw!important;
font-weight:bold;
text-align:left;
}
.second_box .second_allergy p{
display:inline-block;
margin:0 0.5vw 0.5vw 0!important;
padding:0 0.5vw;
border:solid 1px #ffffff;
font-size:0.8vw!important;
font-weight:normal!important;
}
.second_box table.reserve_file{
margin:0 auto 3vw auto!important;
}
.second_box table.reserve_file td{
background-color:rgba(45,66,25,0)!important;
border:none!important;
padding:0.8vw 0;
color:#cccccc;
font-size:0.9vw!important;
text-align:center;
vertical-align:middle;
font-weight:bold;
}
.second_box table.reserve_file td a,.second_box table.reserve_file td a span{
color:#ff9900;
}
.second_box table.reserve_file tr:hover,.second_box table.reserve_file td:hover{
background-color:rgba(45,66,25,0)!important;
}
.second_box table.reserve_file td span{
color:#cccccc;
font-size:0.9em;
font-weight:normal!important;
}
.second_box table.reserve_file td img{
width:5vw;
margin:0 auto 10px auto;
}
.other_plan{
width:100%;
margin:5vw auto 3vw auto!important;
padding:2vw 0 0 0;
border-top:dotted 1px #ffffff;
}
.other_plan h3{
width:100%;
margin:0 auto 2vw auto!important;
font-size:1.5vw;
}
.other_plan ul{
width:100%;
display:flex!important;
align-items: flex-start;
justify-content: center;
}
.other_plan ul li{
width:auto;
padding:0 1vw;
font-size:1vw;
text-align:left;
}
.other_plan ul li a{
color:#ff9900;
}
.second_movie{
width:50%!important;
height:auto!important;
aspect-ratio: 4 / 3;
margin:0 auto;
padding:0;
}
.second_movie iframe{
object-fit: cover;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
}
.second_pict{
width:50%!important;
height:auto!important;
min-height:28vw;
aspect-ratio: 4 / 2;
margin:0 auto;
padding:0;
}
.second_pict img{
object-fit: cover!important;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
}
.second_spec{
width:50%!important;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
font-size:1vw!important;
}
.second_spec h5{
text-align:center;
width:100%;
margin:0 auto 1vw auto;
padding:0.2vw;
background-color:#000000;
color:#ffffff;
font-size:1.2vw!important;
font-weight:bold;
}
.second_spec table{
margin:0 auto;
width:100%;
}
.second_spec table tr{
border:none!important;
}
.second_spec table tr:hover,.second_spec table td:hover{
background-color:rgba(45,66,25,0.8)!important;
}
.second_spec table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:0.8vw 0.5vw;
color:#cccccc;
font-size:0.9vw!important;
}
.second_spec table td.left_cell{
text-align:center;
width:20%;
font-weight:bold;
vertical-align:middle;
}
.second_spec table td.right_cell{
text-align:left;
width:80%;
font-weight:bold;
}
.second_spec table td.right_cell_animal{
text-align:left;
width:80%!important;
font-weight:bold;

}

.second_spec table td.new_info{
text-align:left;
width:80%;
font-weight:bold;
color:#ff0000;
}


.second_spec table td.italic_cell{
font-weight: normal;
font-style: italic;
font-family: "Times New Roman,serif";
}
.second_spec .second_spec_text{
text-align:left;
width:96%;
margin:2vw auto 3vw auto;
color:#ffffff;
font-size:1vw!important;
line-height:1.8em;
font-weight:bold;
}
.second_spec .second_link_box{
width:100%;
margin:0.5vw auto 1vw auto!important;
}
.second_spec .second_link_box p{
width:100%;
display:block;
margin:0 auto!important;
}

.second_spec_ex{
width:100% ;
text-align:left;
color:#ffffff;
font-size:0.9vw!important;
font-weight:normal;
margin:2vw auto 1vw auto;
padding:1vw;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_spec_ex h6{
width:100%;
text-align:left;
font-size:1.1vw!important;
font-weight:bold;
margin:0 auto 0.5vw auto !important;
}
.second_spec_ex h5{
width:100%;
text-align:center;
color:#000000;
font-size:1.2vw!important;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_spec_ex img{
width:40%;
float:right;
margin:0 0 20px 20px !important;
}









.second_map{
width:50%!important;
height:auto!important;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
font-size:1vw!important;
}
.second_map table{
margin:0 auto;
}
.second_map table tr{
border:none!important;
}
.second_map table tr:hover,.second_map table td:hover{
background-color:rgba(45,66,25,0.8)!important;
}
.second_map table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:0.8vw 0.5vw;
color:#cccccc;
font-size:0.9vw!important;
text-align:center;
}
.second_map table td.left_cell{
text-align:center;
width:20%;
font-weight:bold;
}
.second_map table td.right_cell{
text-align:left;
width:80%;
font-weight:bold;
}
.map_image{
text-align:center;
}
.second_map table td img,.map_image img{
margin:0 auto;
width:calc(80% - 1vw);
height:auto;
border:solid 1px #999999;
}
.second_gallery{
width:50%!important;
height:auto!important;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#ffffff;
}
.second_env_gallery{
width:100%!important;
height:auto!important;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#ffffff;
}
.second_gallery .flexslider,.second_env_gallery .flexslider {
margin: 0 auto;
width:100%!important;
height:auto!important;
zoom: 1;
z-index:2;
display:block;
text-align:center;
}
.second_gallery .flexslider .slides,.second_env_gallery .flexslider .slides {
zoom: 1;
margin:0 auto!important;
padding:0!important;
width:calc(100% - 16px)!important;
height:auto;
z-index:3;
text-align:center;
aspect-ratio: auto!important;
}

.second_gallery .flexslider .slides img,.second_env_gallery .flexslider .slides img {
width:100%!important;
height:auto!important;
margin:0 auto!important;
overflow:hidden!important;
-moz-user-select: none!important;
z-index: 4;
}
.second_gallery .flexslider .slides video,.second_env_gallery .flexslider .slides video {
width:100%;
height:auto;
	position: absolute;
top:0vw;
	left:2vw;
	margin:0 auto;
	padding:0!important;
	-moz-user-select: none;
	vertical-align:middle;
	background-color:tranceparent;
z-index: 4;
}
.second_gallery .flex-control-thumbs,.second_env_gallery .flex-control-thumbs {
width:100%!important;
display: -webkit-flex;
display: flex!important;
flex-wrap:wrap!important;
margin:1vw auto!important;
padding:0 8px!important;
position: relative!important;
}
.second_gallery .flex-control-thumbs li,.second_env_gallery .flex-control-thumbs li {
width: calc((100% / 8) - 4px)!important;
height:auto;
aspect-ratio: 1 / 1;
margin:0 2px !important;
padding:0!important;
}

.second_gallery .flex-control-thumbs img,.second_env_gallery .flex-control-thumbs img {
width: 100%;
height:auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
object-fit: cover;
}

.second_gallery .flex-control-thumbs img:hover,.second_env_gallery .flex-control-thumbs img:hover {
  opacity: 1;
}
.second_gallery .flex-control-thumbs .flex-active,.second_env_gallery .flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.second_gallery .flex-control-thumbs img:hover,.second_env_gallery .flex-control-thumbs img:hover {
  opacity: 1;
}



.news_pict .flexslider .flex-control-thumbs {
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}
.news_pict .flexslider .flex-control-thumbs li {
width: calc(100% / 8);
height:auto;
margin:0;
overflow:hidden;
text-align:center;
}
.news_pict .flexslider .flex-control-thumbs li:nth-child(8n){
margin:0;
}
.news_pict .flexslider .flex-control-thumbs img {
width: auto;
height: 100%;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
position: relative;
overflow:hidden;
}

.news_pict .flexslider .flex-control-thumbs img:hover {
  opacity: 1;
}
.news_pict .flexslider .flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.news_pict .flexslider .flex-control-thumbs img:hover {
  opacity: 1;
}

.second_spec table td.right_cell_animal .second_animal_list{
width:calc((100% / 4) - 4px)!important;
margin:2px;
aspect-ratio: 1 / 1;
overflow:hidden;
position:relative;
background-color:#000000;
float:left;
}
.second_spec table td.right_cell_animal .second_animal_list a{
display:block;
width:100%;
height:100%;
}
.second_spec table td.right_cell_animal .second_animal_list a:hover{
display:block;
width:100%;
height:100%;

}
.second_spec table td.right_cell_animal .second_animal_list a img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
}
.second_spec table td.right_cell_animal .second_animal_list a:hover img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
opacity: 0.50;
}
.second_spec table td.right_cell_animal .second_animal_list a p{
width:100%;
position:absolute;
text-align:center;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,0);
}
.second_spec table td.right_cell_animal .second_animal_list a:hover p{
width:100%;
position:absolute;
text-align:center;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,1);
}
.second_spec table td.right_cell_animal .second_animal_list_more{
width:calc(100% - 4px)!important;
margin:2px;
padding:10px 0 0 0;
clear:both;
float:none;
display:block;
}
.second_box table.taxi_table{
margin:0 auto 2vw auto!important;
width:100%;
border:solid 1px #999999;
}
.second_box table.taxi_table tr{
border:none!important;
}
.second_box table.taxi_table td:hover{
background-color:rgba(45,66,25,0.8);
}
.second_box table.taxi_table td{
background-color:rgba(45,66,25,0)!important;
padding:0.8vw;
color:#cccccc;
font-size:0.8em;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td span{
color:#cccccc;
font-size:0.6em;
font-weight:normal;
}
.taxi_table .leftcell{
width:25%;
}
.taxi_table .turnback{
white-space: nowrap;
width:calc(100% - 1.6vw)!important;
}
.taxi_table .alignleft{
text-align:left;
width:calc(100% - 1.6vw)!important;
}
.second_box table .pickup_name,.second_box table .dropoff_name{
font-size:1vw;
background-color:rgba(45,66,25,0.8)!important;
font-weight:bold;
}
.second_box table .pickup_time,.second_box table .dropoff_time{
font-size:1.1vw;
font-weight:bold;
}
.second_root_pict{
width:80%;
margin:3vw auto 2vw auto;
}
.second_root_pict img{
width:100%;
}
.second_root_text{
text-align:left;
font-size:0.9vw!important;
margin:1vw auto 3vw auto;
width:80%;
}
.second_root_googlemap{
width:80%!important;
margin:2vw auto 0 auto;
padding:0;
}
.second_googlemap iframe{
margin:0 auto;
padding:0;
}
.parking_fee{
width:90%;
margin:1vw auto;
}
.parking_fee td{
font-size:0.9vw!important;
font-weight:bold!important;
}
.second_box_pict{
width:80%;
margin:3vw auto 2vw auto;
}
.second_box_pict img{
width:100%;
}





.second_bottom{
margin:3vw auto;
padding:0.5vw 0 1.5vw 0;
background-color:rgba(255,255,255,0.1);
width: 100%!important;
}
.second_bottom h3{
margin:2vw auto 1vw auto!important;
padding:0!important;
color:#ffffff;
font-size:1.3vw;
font-weight:bold;
text-align:center;
width: 100%!important;
}
.second_text_link{
width: 90%!important;
display:flex;
flex-wrap: wrap;
justify-content:center;
margin:0 auto;
padding:0!important;
text-align:center;
}
.second_text_link li{
width:auto;
font-size:1vw;
font-weight:bold;
margin:0 0.5vw 0.5vw 0;
padding:0;
text-align:center;
color:#ffffff;
}
.second_text_link li a{
color:#ffffff;
}
.second_text_link li a:hover{
color:#ff9900;
}

.news_list{
margin:3vw auto;
width:60%;
}
.news_list li{
text-align:left;
margin:0 auto 0.5vw auto;
padding:0 0 0 2em;
}
.news_list li:before{
content:"・ ";
color:#ff9900;
}


.other_slider{
width:80%!important;
height:auto!important;
margin:0 auto!important;
padding:0!important;
}
.other_slider .slides {
zoom: 1;
margin:0 auto 5px auto!important;
padding:0;
width:100%;
height:auto;
z-index:3;
text-align:center;
}
.other_slider .slides img {
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
aspect-ratio: auto!important;
-moz-user-select: none;
z-index: 4;
}
.other_slider ul li{
position:relative;
}
.other_slider ul li img{
aspect-ratio: auto!important;
width:100%!important;
height:auto;
}
.other_slider ul li .flex-caption{
position:absolute;
bottom:0;
left:0;
right:0;
z-index:10;
background-color:rgba(0,0,0,0.7);
color:#ffffff;
margin:0!important;
padding:5px!important;
width:100%;
text-align:center;
}
.other_slider .flex-control-nav {
width:100%!important;
height: auto;
position: static;
text-align: center;
}



.dl{
width:100%!important;
margin:2vw auto 1vw auto;
text-align:center;
}
.dl img{
width:100px;
margin:0 auto 0.5vw auto;
}
.digimap_area{
width:calc(100vw - 100px)!important;
height:auto;
margin:0 auto 5vw auto!important;
padding:-2vw 0 0 0!important;;
display:flex!important;
align-items: flex-start!important;
flex-direction: row!important;
background-color:#264827;
}


.close_message{
margin:3vw auto!important;
font-size:1.3vw;
color:#ffffff;
}




.digimap_area #map,.digimap_area #map2{
width: calc(100vw - 400px)!important;
height:auto!important;
margin:2vw auto!important;
padding:0;
object-fit: cover;
position: relative;
}
.digimap_area #info-panel,.digimap_area #info-panel2{
width: 380px!important;
height:auto;
padding: 20px 10px;
background-color:#ffffff!important;
position:sticky;
top:200px;
}
#info-content,#info-content2{
margin:0 auto;
padding:0;
font-size:1.1vw;
}
#info-panel h2,#info-panel2 h2{
text-align:center;
font-weight:bold!important;
margin:0 auto 1vw auto;
padding:0.2vw 0;
font-size:1.2vw;
background-color:#333333;
color:#ffffff;
}
#info-panel h5,#info-panel2 h5{
text-align:center;
font-weight:bold!important;
margin:0 auto 1vw auto;
font-size:1.1vw;
}
#info-panel h5 span,#info-panel2 h5 span{
display:inline-block;
margin:0 auto;
padding:0 10px 0 0;
}
#info-panel .popup_info,#info-panel2 .popup_info{
text-align:left;
font-weight:normal!important;
margin:1vw auto;
padding:1vw 0.5vw;
font-size:1vw;
border-top:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
}
#info-panel .popup_image,#info-panel2 .popup_image{
text-align:center!important;
margin:0 auto 0.5vw auto!important;
width:90%!important;
height:auto;
overflow:hidden;
}
#info-panel .popup_image img,#info-panel2 .popup_image img{
width:100%!important;
height:auto;
}
#info-panel p,#info-panel2 p{
margin:1vw auto 0.5vw auto;
font-size:1vw;

}
#info-panel .second_reserve,#info-panel2 .second_reserve{
width:100%;
margin:1vw auto 2vw auto!important;
border-radius:9999px!important;
color:rgba(45,66,25,1)!important;
font-weight:bold;
font-size:1vw;
text-align:center;
}
#info-panel .second_reserve a,#info-panel2 .second_reserve a{
display:block;
padding:5px 0;
width:100%;
height:auto;
color:rgba(255,255,255,1)!important;
text-decoration:none;
background-color:rgba(45,66,25,1)!important;
transition: .5s!important;
border-radius:9999px!important;
}
#info-panel .second_reserve a:hover,#info-panel2 .second_reserve a:hover{
display:block;
padding:5px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
}
/* ナンバリング付きピンのスタイル */
.number-pin {
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 width: 32px;
 height: 42px;
 line-height: 28px;
 text-align: center;
 font-weight: bold;
 color: white;
 font-size: 16px;
 text-shadow: 0 0 2px black;
  position: relative;
  display: inline-block;
}
.number-pin::after {
  content: '';
  position: absolute;
  bottom: 3px; /* ピンの下に配置 */
  left: 55%;
  width: 18px;
  height: 12px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  transform: translateX(0) skewX(-30deg);
  filter: blur(5px);
}
.tab-content{
height:calc(100vh - 200px);
}
.tab-content .second_inner{
width:100%!important;
margin:0 auto 3vw auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size:1.4vw!important;
}

.map_title{
font-size:1.5vw;
color:#ffffff;
font-weight:bold;
margin:2vw auto 1vw auto;
padding:0.5vw 0;
width:90vw;
background-color:#000000;
}


/* タブ全体を囲むコンテナの設定 */
.tab-switch {
display: flex;/* タブを横並びに */
flex-wrap: wrap;/* 幅に応じて折り返し */
margin: auto;/* コンテナの中央寄せ */
justify-content: center;  /* タブの中央寄せ */
gap: 0 0;/* タブ間の余白 */
width:calc(100vw - 100px)!important;
}

/* 各タブボタンの設定 */
.tab-switch > label {
flex: 1 1 auto;/* タブが均等に幅をとるが、幅を超えると折り返す */
order: -1;/* 上部に表示する */
position: relative;/* 絶対位置指定用の基準 */
padding: 0.3em 1em;/* 上下左右の内側余白 */
background-color: #ffffff; /* 背景色 */
color: #333333;/* 文字色 */
text-align: center;/* 文字を中央揃え */
cursor: pointer;/* ポインターを指アイコンに変更 */
transition: 0.3s all;/* 変化を滑らかに */
font-size:1.2vw!important;
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
background-color: #264827; /* ホバー/選択時の背景色 */
color: #fff;/* ホバー/選択時の文字色 */
font-size:1.2vw!important;
}
/* ラジオボタン自体は非表示 */
.tab-switch input {
display: none;/* 見た目に表示されないようにする */
}
/* タブコンテンツのスタイル */
.tab-switch > div {
display: none;/* 初期状態では非表示 */
width:calc(100vw - 100px);/* コンテンツ幅を全体に */
}
/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
display: block;/* 選択されたタブに対応するコンテンツを表示 */
}

/* ズームボタン */
#zoom-buttons {
  position: absolute;
  top: 50%;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1000; /* マップ要素より前に */
}

#zoom-buttons button {
  background: white;
  border: 2px solid #264827;
  padding: 6px 10px;
  cursor: pointer;
color:#264827;
font-weight:bold;
}

.caution_text{
width:60%!important;
background-color:rgba(245,245,245,1)!important;
margin:0 auto 150px auto;
padding:30px;
color:#333333;
font-family:sans-serif!important;
font-size:1.1vw!important;
font-weight:bold!important;
line-height:1.8em;
text-align:left;
}
.caution_title{
margin:0 auto 30px auto;
font-size:1.1em!important;
font-weight:bold!important;
text-align:center;
}


#customMap,#customMap2{
width:calc(100vw - 400px)!important;
height:calc((100vw - 400px) * 0.78125)!important;
margin:0 auto;
object-fit: cover;
}



.second_philosophy{
width:80%!important;
margin:0 auto;
}
.second_philosophy_menu{
display:flex;
justify-content: center;
align-items: center;
margin:5vw auto;
}
.second_philosophy_menu li{
text-align:left;
font-size:1.2vw!important;
font-weight:600;
margin:0.5vw auto;
color:#ffffff;
}
.second_philosophy_menu li a{
font-size:1.2vw!important;
font-weight:600;
color:#ffffff;
}
.second_philosophy_menu li a:hover{
font-size:1.2vw!important;
font-weight:600;
color:#ff6600;
}
.second_philosophy_inner{
background-image:url('../images/philosophy_bg.jpg');
background-repeat:no-repeat;
width:auto;
height:100%;
padding:3vw;
background-size:cover;
}
.second_philosophy_inner .second_philosophy_block{
margin:0 auto 6vw auto;
}
.second_philosophy_inner .second_philosophy_block h3{
font-size:1.6vw!important;
color:#ffffff;
font-weight:800;
margin:0 auto 3vw auto!important;
padding:0.5;
background-color:#000000;
}
.second_philosophy_inner .second_philosophy_block .second_philosophy_theme{
font-size:2.2vw!important;
color:#ffffff;
font-weight:400;
margin:0 auto 2vw auto!important;
}
.second_philosophy_inner .second_philosophy_block p{
font-size:1.1vw!important;
color:#ffffff;
font-weight:400;
margin:0 auto 2vw auto!important;
}
.second_philosophy_inner .second_philosophy_block .second_philosophy_list{
margin:0 auto 4vw auto!important;
font-size:1.1vw!important;
color:#ffffff;
font-weight:400;
line-height:2.5em;
}
.second_philosophy_inner .second_philosophy_block h4{
font-size:1.4vw!important;
color:#ffffff;
font-weight:800;
margin:0 auto 1vw auto!important;
}
.philosophy_anchor{
  content:'';
  display: block;
padding-top: 10vw;
margin-top: -10vw;
}



.second_philosophy_inner .page_back{
width:100%;
padding:0;
margin:0 auto;
text-align:right;
color:#ffffff;
font-weight:bold;
font-size:1.2vw!important;
border-bottom:none;
}
.second_philosophy_inner .page_back a{
color:#ffffff!important;
}
.second_philosophy_inner .page_back a:hover{
color:#ff6600!important;
}


}



@media screen and (min-width:768px) and (max-width:1279px) {
/* TAB */
.pc{
display:block!important;
}
.pc_flex{
display:flex!important;
}
.sp{
display:none!important;
}



.menu {
display: flex;
width:100%!important;
margin:0 ;
}
.menu > li {
flex-grow: 1; /* メニューの均等配置　*/
position: relative;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
margin:0!important;
width:calc(100% / 7)!important;
}
.menu a {
display: block;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
padding:7px 0 7px 0!important;
margin:0!important;
height:auto;
}
.menu a:hover {
background-color:#333333;
padding:7px 0!important;
margin:0!important;
}
.menu li:hover > ul {
display: block;
opacity: 1;
visibility: visible;
}
.menu ul {
position: absolute;
top: 100%;
left:-20%;
background-color:#646464;
width:116%!important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.menu ul li {
display: block;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
white-space:nowrap!important;
}
.menu ul a {
padding: 10px 0;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
}
.menu ul a:hover {
padding: 10px;
text-align:center;
font-family:sans-serif!important;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold!important;
background-color:#333333;
}


.cal_list{
margin:100px auto;
display:flex;
text-align:center;
width:50%;
}
.cal_list p{
text-align:center;
width:50%;
}
.page_back{
width:90%;
margin:20px auto 50px auto;
padding:0 5px 10px 5px;
text-align:right;
color:#ffffff;
font-weight:bold;
font-size:1.2vw;
border-bottom:solid 2px #ffffff;
}
.page_back a{
color:#ffffff!important;
}
.page_back a:hover{
color:#ff6600!important;
}




.slider{
width:100%;
height:auto!important;
max-height:auto!important;
margin:0 auto!important;
position:relative;
overflow:hidden!important;
aspect-ratio: 2.2 / 1!important;
}
.slider ul{
width:100%;
height:auto!important;
margin:0 auto;
overflow:hidden;
}
.slider ul li{
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
}
.sliderul li img{
display:block;
width:100%;
height:auto;
margin:0 auto;
}








.nine_block{
width:100%!important;
height:auto;
margin:30px auto!important;
padding:0;
display:flex!important;
flex-wrap: wrap;

}
.nine_block>* {
flex: 1 1 1;
}
.nine_block_box {
width:calc(100% / 3);
margin:0 auto;
padding:0;
position: relative;
}
.nine_block_box img {
width:100%!important;
aspect-ratio: 1 / 0.68;
margin:0 auto;
padding:0;
object-fit: cover;
overflow:hidden;
}
.nine_block_box a{
display:block;
width:100%!important;
height:auto;
overflow:hidden;
position: relative;
transition:0.6s;
box-sizing: border-box;
}
.nine_block_box a:hover{
opacity:0.85;
}
.nine_block_box a:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: 10px solid rgb(255 255 255 / 25%);
box-sizing: border-box;
}

.nine_block_box .nine_block_text{
width:100%;
margin:0 auto;
padding:0.5vw 0;
position: relative;
font-size:0.9vw!important;
color:#ffffff;
font-weight:normal;
}

.new_icon{
position: absolute;
top: 0;
left: 0;
z-index:5;
width:80px;
height:80px;
}
.new_icon img{
width:80px!important;
height:80px!important;
}









.news_header{
width:100%;
height:auto!important;
margin:0 auto 30px auto!important;
padding:0;
}
.news_slider{
width:100%!important;
max-height:500px!important;
height:100%!important;
overflow:hidden;
position:relative;
margin:0 auto 5vw auto;
padding:0;
background-color:#ffffff;
}
.news_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.news_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.news_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0 auto;
padding:0;
}
.news_header .news_catch{
width:100%;
padding:0!important;
margin:1vw auto 0 auto;
}
.news_header .news_catch h2{
font-size:2.2vw!important;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.news_header .news_catch span{
font-size:1.2vw!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 1vw auto;
}
.news_header .news_catch p{
margin:0.5vw auto 0 auto;
text-align:center;
font-size:1.3vw!important;
color:#FFFFFF;
}


.toc_title{
margin:0.5vw auto 1vw auto;
font-size:1.6vw!important;
font-weight:bold!important;
color:#ffffff;
}

.toc{
width:80%;
margin:0 auto 5vw auto!important;
padding:0 2vw!important;
color:#ffffff;
text-align:left;
}
.toc ol{
width:90%;
margin:0 auto;
list-style-position: inside;
}
.toc ol li{
margin:0.2vw auto;
padding:0 1vw;
font-size:1.2vw!important;
}
.toc ol li:hover{
margin:0.2vw auto;
padding:0 1vw;
font-size:1.2vw!important;
}
.toc ol a{
color:#ffffff!important;
}
.toc ol a:hover{
color:#ff9900!important;
}
.news_block{
width:80%;
height:auto;
margin:0 auto 5vw auto;
padding:3vw 2vw;
color:#ffffff;
background-color:rgba(255,255,255,0.1)!important;
}
.news_block h1:before,.news_block h1:after{
content:'h1タグ使用禁止！';
color:#ff6699;
font-size:15px!important;
font-weight:bold!important;
}
.news_block h5{
margin:4vw auto 2vw auto;
padding:0.5vw;
background-color:#000000;
text-align:center;
font-size:1.6vw!important;
font-weight:bold!important;
width:100%;
}
.news_block .news_content{
margin:0 0 3vw 2%;
font-size:1.1vw!important;
line-height:1.8em;
text-align:left;
width:98%;
}

.news_area{
margin:0 auto 30px auto;
}
.news_area h3{
width:100%;
background-color:#ffffff;
margin:0 auto;
padding:5px 0 2px 0;
text-align:center;
color:#e60012;
font-family:Georgia;
font-size:2vw!important;
font-weight:bold;
}





.news_area .tab{
display: flex!important;
flex-wrap: wrap;
z-index: 6;
margin:0 auto;
padding:0;
margin:0 auto;
width:60%;
background-color:#f5f5f5;
}
.news_area .tab li a{
display: block;
margin:0 4px 0 0;
padding:10px 20px;
font-size:0.9vw!important;
font-weight:bold;
z-index: 6;
}
.news_area .tab li a:hover{
color:#ff9900!important;
}
.news_area .tab li.active a{
background:#ffffff;
z-index: 6;
color:#000000!important;
}
.news_area .tab li.active a:hover{
background:#ffffff;
z-index: 6;
color:#ff9900!important;
}

.news_area .area {
display: none;
opacity: 0;
padding:0;
z-index: 10;
}
.news_area .area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
}




.news_area .area ul{
margin:0 auto;
padding:15px 50px 5px 50px;
width:60%;
height:340px;
overflow:auto;
background-color:#ffffff;
}
.news_list ul{
margin:0 auto;
padding:15px;
width:100%;
height:60vh;
overflow:auto;
background-color:#ffffff;
list-style: none!important;
display:block!important;
}
.news_area .area ul li,.news_list ul li{
margin:0 auto 10px auto;
padding:0 0 9px 0;
text-align:left;
color:#231815;
font-family:sans-serif;
font-size:0.9vw;
font-weight:normal;
border-bottom:solid 1px #dddddd;
}
.news_area .area ul li a,.news_list ul li a{
color:#231815;
font-family:sans-serif;
font-size:0.9vw;
text-decoration:none;
}
.news_area .area ul li a:hover,.news_list ul li a:hover{
color:#231815;
font-family:sans-serif;
font-size:0.9vw;
text-decoration:none;
}
.news_area .area ul li span,.news_list ul li span{
display:inline-block;
margin:0 10px 0 0;
width:10em;
}
.news_area .area ul li span.news_genre_title1,.news_list ul li span.news_genre_title1{
display:inline-block;
margin:0 10px 0 0!important;
font-size:0.7vw;
font-weight:bold!important;
color:#ffffff!important;
background-color:#4a7528!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .area ul li span.news_genre_title2,.news_list ul li span.news_genre_title2{
display:inline-block;
margin:0 10px 0 0!important;
font-size:0.7vw;
font-weight:bold!important;
color:#ffffff!important;
background-color:#284cb5!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .area ul li span.news_genre_title3,.news_list ul li span.news_genre_title3{
display:inline-block;
margin:0 10px 0 0!important;
font-size:0.7vw;
font-weight:bold!important;
color:#ffffff!important;
background-color:#b4260d!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .more_news{
width:60%;
text-align:center;
font-size:16px;
font-weight:bold;
background-color:#ffffff;
margin:0 auto;
padding:0 0 10px 0;
border-radius:0 0 20px 20px;
}
.news_area .more_news img{
width:20px;
height:auto;
margin:0 0 0 20px;
}
.news_area .more_news a{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}
.news_area .more_news a:hover{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}












/*
.news_area ul{
margin:0 auto;
padding:15px 50px 5px 50px;
width:80%;
height:340px;
overflow:auto;
background-color:#ffffff;
}
.news_area ul li{
margin:0 auto 10px auto;
padding:0 0 9px 0;
text-align:left;
color:#231815;
font-family:sans-serif;
font-size:1.3vw;
font-weight:normal;
border-bottom:solid 1px #dddddd;
}
.news_area ul li a{
color:#231815;
font-family:sans-serif;
font-size:1.3vw;
text-decoration:none;
}
.news_area ul li a:hover{
color:#231815;
font-family:sans-serif;
font-size:1.3vw;
text-decoration:none;
border-bottom:solid 2px #231815;
}
.news_area ul li span{
display:inline-block;
margin:0 30px 0 0;
}
.news_area .more_news{
width:80%;
text-align:center;
font-size:1.5vw;
font-weight:bold;
background-color:#ffffff;
margin:0 auto;
padding:0 0 10px 0;
border-radius:0 0 20px 20px;
}
.news_area .more_news img{
width:20px;
height:auto;
margin:0 0 0 20px;
}
.news_area .more_news a{
color:#231815;
font-family:sans-serif;
font-size:1.5vw;
text-decoration:none;
}
.news_area .more_news a:hover{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}
*/
.eight_block{
width:calc(100% - 10px);
margin:0 auto 30px auto;
padding:0 5px;
display:flex;
flex-wrap: wrap;
}
.eight_block_box{
width:calc(25% - 10px);
margin:5px;
position: relative;
}
.eight_block_box img{
width:100%;
height:auto;
}
.eight_block_box .eight_block_text{
width:100%;
margin:0 auto;
padding:0.5vw 0;
position: relative;
font-size:0.9vw!important;
color:#ffffff;
font-weight:normal;
}


.banner_area{
width:100%!important;
height:auto;
margin:0 auto 30px auto;
padding:0;

}
.banner_area ul{
width:100%!important;
height:auto;
margin:0 auto;
padding:0;
display:flex;
align-items: center;
justify-content: center;

}
.banner_area li{
width:calc(100% / 1)!important;
height:auto!important;
padding:10px 0!important;
background-color:rgba(255,255,255,0.2);
}
.banner_area li img{
width:100%;
height:auto;
max-height:110px;
}
.footer{
width:100%;
display:flex;
}
.footer_left,.footer_center,.footer_right{
width:calc(100% / 3);
text-align:center;
color:#ffffff;
}
.contact_bt{
display:block;
width:80%;
margin:0 auto 50px auto;
padding:10px 0;
border:solid 1px #798b71;
border-radius:9999px;
background-color:#44644d;
font-size:1.5vw;
color:#ffffff!important;
text-decoration:none!important;
}
.contact_bt:hover{
color:#ff9900!important;
}
.address{
width:70%;
margin:0 auto 30px auto;
font-size:1.5vw!important;
text-align:left;
font-weight:normal;
}
.bottom_logo{
width:70%;
margin:0 auto 70px auto;
}
.bottom_logo img{
width:100%;
height:auto;
}
address{
width:100%;
margin:0 auto 30px auto;
font-size:1.3vw!important;
font-weight:normal!important;
font-style:normal!important;
}
.sns{
width:100%;
margin:0 auto 50px auto;
}
.sns img{
width:30px;
height:auto;
}
.authorization{
width:70%;
margin:0 auto 30px auto;
font-size:0.9vw!important;
text-align:left;
font-weight:normal!important;
font-style:normal!important;
}








.text_link{
color:#cccccc;
text-align:left;
font-size:1.2vw!important;
font-weight:bold!important;
width:90%;
margin:30px auto;
display:flex;
}
.text_link_top{
margin:0 auto;
padding:0;
}
.text_link_top img{
  display: inline-block;
  vertical-align: middle;
    width: 0.8vw!important;
    height: 0.8vw!important;
margin:-2px 10px 0 5px;
}
.text_link_area{
margin:0 auto 20px auto!important;
display:flex;
}
.text_link ul{
margin:15px auto;
padding:0 0 0 15px;
width:calc((100% / 3) - 15px);
}
.text_link ul li{
margin:5px auto;
padding:0 0 10px 15px;
}
.text_link ul li img{
  display: inline-block;
  vertical-align: middle;
    width: 0.8vw!important;
min-width:9px;
    height: 0.8vw!important;
min-height:9px;
margin:-2px 10px 0 5px;
}
.text_link ul li dl{
margin:5px auto 15px auto;
padding:0 0 0 15px;
}
.text_link ul li dl dt{
margin:5px auto;
padding:0 0 0 15px;
}
.text_link ul li dl dt img{
  display: inline-block;
  vertical-align: middle;
    width: 0.65vw!important;
min-width:9px;
    height: 0.65vw!important;
min-height:9px;
margin:-2px 10px 0 5px;
}
.text_link ul li dl dd{
margin:5px auto;
padding:0 0 15px 40px;
line-height:1.8em;
}
.text_link a{
color:#ffffff!important;
}
.text_link a:hover{
color:#ff6600!important;
}






.wrapper{
width:100%;
height:auto;
margin:0 auto 50px auto;
}
.contents_header{
width:100%;
height:auto;
margin:0 auto 0 auto;
padding:0;
background-color:#ffffff;
position:relative;
}
.scroll_more{
position:absolute;
bottom:20px;
left:0;
text-align:center;
width:100%;
display:flex;
justify-content:space-around;
}
.scroll_more a,.scroll_more a:hover{
color: #333333;
text-decoration:none;
}
.scroll_more .more{
border-radius:50% 50%;
background-color:#ffffff;
width:12vw;
height:12vw;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 10%;
transition: 0.5s;
}
.scroll_more .more:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more .more p{
font-size:1.6vw;
font-weight:bold;
margin:30% auto 0 auto;
padding:0;
width:100%;
}


.scroll_more2{
position:absolute;
bottom:-75px;
left:calc(50% - 90px);
right:calc(50% - 90px);
text-align:center;
width:180px;
z-index:2;
}
.scroll_more2 .more{
border-radius:50% 50%;
background-color:#ffffff;
width:150px;
height:150px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 auto;
transition: 0.5s;
}
.scroll_more2 .more:hover{
background-color:#efefef;
transition: 0.5s;
}
.scroll_more2 .more p{
font-size:1.6vw;
font-weight:normal;
line-height:1.4em;
margin:10px auto 0 auto;
padding:0;
width:100%;
}


.scroll_more .more_l{
border-radius:50% 50%;
background-color:#ffffff;
width:12vw;
height:12vw;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 10%;
transition: 0.5s;
}
.scroll_more .more_l:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more .more_l p{
font-size:1.6vw;
line-height:1.2em!important;
font-weight:bold;
margin:20% auto 0 auto;
padding:0;
width:100%;
}

.arrow {
margin:0 auto 10px auto;
display:block;
width: 0;
height: 20px;
border: 1px solid #333;
position: relative;
animation: scroll 1.5s infinite;
-webkit-animation: scroll 1.5s infinite;
&::after {
content: '';
display: block;
position: absolute;
bottom:-5px;
left: -5px;
width: 1px;
height: 10px;
border-top: 10px solid #333;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
}

.scroll_more .more:hover .arrow {
border: 1px solid #fff;
&::after {
border-top: 10px solid #fff;
}
}
@keyframes scroll {
0% {
transform-origin: top;
transform: scaleY(0);
}

60% {
transform-origin: top;
transform: scaleY(1);
}
}
@-webkit-keyframes scroll {
0% {
transform-origin: top;
transform: scaleY(0);
}

60% {
transform-origin: top;
transform: scaleY(1);
}
}

.scroll_more span{
font-size:0.8em;
font-weight:bold;
color:#ffffff;
text-align:center;
}
.contents_header img{
margin:0 auto;
padding:0;
width:100%;
height:auto;
}









/* shop */

.shop_area{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.shop_block{
margin:0 auto;
padding:5vw 0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.shop_inner{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}




.shop_bgt1{
background-image:url(../images/shop_bgt2.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}
.shop_bgt2{
background-image:url(../images/shop_bgt3.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}
.shop_bgt3{
background-image:url(../images/shop_bgt4.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}


.shop_bg1{
background-image:url(../images/shop_bg1.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg2{
background-image:url(../images/shop_bg2.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg3{
background-image:url(../images/shop_bg3.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg4{
background-image:url(../images/shop_bg4.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg5{
background-image:url(../images/shop_bg5.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg6{
background-image:url(../images/shop_bg6.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg7{
background-image:url(../images/shop_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg8{
background-image:url(../images/shop_bg7.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg9{
background-image:url(../images/shop_bg8.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg10{
background-image:url(../images/shop_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}




















.shop_block h3{
text-align:center;
font-size:1.8em;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 5vw auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.shop_block .shop_list{
display:flex;
align-items:space-around;
margin:0 auto;
}
.shop_block .shop_list a{
color:#ffffff;
text-decoration:none;
}
.shop_block .shop_list_menu{
width: 90%;
margin:5% auto;
position:relative;
}
.shop_block .shop_list a .shop_list_menu .shop_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(0,0,0,0.7);
padding:2px;
width:100%;
font-size:0.8em;
transition: .5s;
}
.shop_block .shop_list a:hover .shop_list_menu .shop_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(255,102,0,0.7);
padding:2px;
width:100%;
font-size:0.8em;
transition: .5s;
}

.shop_block .shop_list .b_circle{
position:absolute;
top:-10%;
right:-10%;
z-index:2;
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.7em;
font-weight:normal;
text-align:center;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_block .shop_list .b_circle_l{
width:220px;
height:220px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto 50px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
/*
.shop_block .shop_list a .b_circle .n_text{
display:inline-block;
transition: 1s;
}
.shop_block .shop_list a .b_circle .h_text{
display:none;
transition: 1s;
}
.shop_block .shop_list a:hover .b_circle .n_text{
display:none;
transition: 1s;
}
.shop_block .shop_list a:hover .b_circle .h_text{
display:inline-block;
transition: 1s;
}
*/
.shop_block .restaurant{
width:90%;
padding:0;
justify-content: space-around;
}
.shop_block .shop{
width:54%;
padding:0;
justify-content: space-between;
}
.shop_block h4{
text-align:center;
font-size:1.6vw;
margin:100px auto 50px auto;
}
.payment{
display:flex;
align-items: center;
justify-content: space-around;
width:80%;
margin:0 auto 50px auto;
}
.payment li{
font-size:1em;
font-weight:normal;
}
.payment li:before{
content:"・";
font-size:1em;
font-weight:normal;
padding:0 0 0 15px;
}

.switch_text {
 display: inline-block;
 position: relative;
 color: #000;
 transition: 0.5s;
}
.switch_text::before {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 color: transparent;
 text-align: center;
 text-decoration: underline;
 white-space: nowrap;
 transition: 0.5s;
 content: attr(data-hover-text);
}
.switch_text:hover {
 color: transparent;
}
.switch_text:hover::before {
 color: #000;
}


.shop_news{
margin:50px auto;
width:100%;
}
.shop_news ul{
width:100%;
height:190px;
max-width:calc(81% + 120px);
margin:0 auto 100px auto;
padding:0 10px 0 0;
}
hr{
width:90%;
height:15px!important;
border:0;
background-color:rgba(255,255,255,0)!important;
margin:0 auto 80px auto;
}
hr.orange_line{
box-shadow: 0px 10px 10px -5px rgba(239,131,43,0.7)!important;
}
.shop_news hr.green_line{
box-shadow: 0px 10px 10px -5px rgba(40,114,87,0.7);
}
.shop_news ul li{
width:180px!important;
height:180px!important;
margin:0 10px 0 0!important;
padding:0!important;
text-align:left;
}
.shop_news ul li a{
display:block;
width:180px!important;
height:180px!important;
margin:0;
padding:0;
position:relative;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.4);
}

.shop_news ul a li .shop_name{
color:#000000;
}
.shop_name_pos{
position:absolute;
bottom:45px;
left:0;
height:auto;
}
.shop_name_pos2{
position:absolute;
bottom:0;
left:0;
height:auto;
}
.shop_news ul li .shop_name{
height:auto;
width:10em;
margin:0 auto 5px 2px;
padding:2px 8px;
border-radius:8px;
color:#000000;
background-color:#ffffff;
font-size:0.5em;
font-weight:bold;
z-index:2;
text-align:center;
}

.shop_news ul li .shop_comment{
position:absolute;
bottom:0;
left:0;
height:44px;
width:100%;
padding:2px 4px;
color:#ffffff;
font-size:0.6em;
font-weight:normal;
text-align:left;
z-index:2;
}
.shop_news ul li .shop_comment span{
display:block;
margin:0 auto;
width:100%;
line-height:1.5em;
}
.shop_news ul li .shop_comment span.s_e{
display:block;
margin:0 auto;
text-align:right!important;
width:100%;
}
.shop_news ul li a .shop_comment{
background-color:#333333;
color:#ffffff!important;
}
.shop_news ul li a:hover .shop_comment{
background-color:#ea5514;
color:#ffffff!important; 
}

.product_new_icon{
position: absolute;
top: 0;
left: 0;
z-index:5;
width:50px;
height:50px;
}
.product_new_icon img{
width:50px!important;
height:50px!important;
}


.menu_bt{
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:30px 0;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center;
position:absolute;
bottom:65px;
left:calc(77% - 665px);
z-index:6;
line-height:1.5em;
transition: .5s!important;
}
.menu_bt_right{
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:30px 0;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center;
position:absolute;
bottom:65px;
right:calc(77% - 665px);
z-index:6;
line-height:1.5em;
transition: .5s!important;
}
.menu_bt span,.menu_bt_right span{
font-size:0.6em;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.menu_bt:hover{
width:160px;
height:160px;
background-color:#ff6600;
font-size:1em;
padding:45px 0;
position:absolute;
bottom:50px;
left:calc(77% - 680px);
transition: .5s!important;
}
.menu_bt_right:hover{
width:160px;
height:160px;
background-color:#ff6600;
font-size:1em;
padding:45px 0;
position:absolute;
bottom:50px;
right:calc(77% - 680px);
transition: .5s!important;
}
.menu_bt a,.menu_bt_right a,.menu_bt a:hover,.menu_bt_right a:hover{
color:#ffffff!important;
text-decoration:none;
}







.shop_slider{
width:100%!important;
height:auto!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
}
.shop_slider h2{
width:50%;
border-radius:50px;
margin:0 auto;
padding:10px;
background-color:rgba(255,255,255,0.8);
color:#000000;
font-size:1.8em;
font-weight:bold;
position:absolute;
z-index:3;
}
.shop_slider ul{
width:100%;
height:500px;
margin:0;
padding:0;
}
.shop_slider ul li{
width:100%;
height:500px;
margin:0;
padding:0;
display:flex;
align-items: center;
justify-content: center;
}
.shop_slider img{
width:100%;
height:100%;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.shop_catch{
width:100%;
height:auto;
padding:4vw 0 0 0!important;
margin:0 auto;
}
.shop_catch h2{
font-size:2.5vw!important;
font-weight:bold;
width:100%;
color:#000000;
}
.shop_catch span{
font-size:1.8vw!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 0.5vw auto;
}
.shop_text{
text-align:center;
font-size:1.5vw!important;
font-weight:bold;
line-height:1.7em;
margin:0 auto;
padding:5vw 0;
width:90%;
}


.new_menu{
margin:0 auto 100px auto;

}
.new_menu h4{
font-size:1.8vw!important;
margin:0 auto 30px auto;
}
.new_menu_area{
width:100%!important;
height:auto;
}
.new_menu_box{
width:calc(100% - 10px)!important;
height:auto;
background-color:#eeeeee;
margin:0 auto;
padding:5px;
display:block;
}
.new_menu_box h5{
width:100%;
height:auto;
font-size:1.6vw!important;
font-weight:bold;
padding:5px;
text-align:center;
}
.new_menu_box .new_menu_box_inner{
width:100%!important;
height:auto!important;
}
.new_menu_box .new_menu_pict{
width:100%!important;
height:200px;
overflow:hidden;
margin:0 0 2vw 0!important;
float:left;
}
.new_menu_box .new_menu_pict img{
object-fit: cover;
height:100%!important;
margin:0 auto!important;
}
.new_menu_info_bg{
width:100%!important;
height:auto;
margin:0!important;
background-color:#ffffff!important;
align-items: stretch;
float:left;
}
.new_menu_box table{
width:100%!important;
height:auto;
margin:0!important;
font-size:1.5vw!important;
line-height:1.6em;
border:none;
background-color:#ffffff!important;
}
.new_menu_box table td{
padding:3px 5px;
vertical-align:top;
border:none;
display:block!important;
}
.new_menu_box table tr{
width:100%;
}
.new_menu_box table tr.food_text{
width:100%;
word-break:break-all;
}
.new_menu_box table tr.allergy_list{
width:100%;
}
.new_menu_box table tr.allergy_list .allergy{
display:flex!important;
flex-wrap: wrap;
margin:3px auto;
}
.new_menu_box table tr.allergy_list .allergy p{
font-size:1.2vw!important;
color:#ff6699;
margin:0!important;
padding:0 3px;
display:inline-block;
word-break:break-all;
}
.new_menu_box table tr:hover,.new_menu_box table td:hover,.new_menu_box .new_menu_head:hover,.new_menu_box .new_menu_head_left:hover{
background-color:#ffffff;
}
.new_menu_box .new_menu_head_left{
font-size:1.3vw!important;
text-align:left;
font-weight:bold;
width:100%!important;
white-space: nowrap;
}
.new_menu_box .new_menu_head{
font-size:1.3vw!important;
text-align:left;
font-weight:bold;
width:100%!important;
white-space: nowrap;
}



.shop_info{
width:100%;
height:auto;
margin:0 auto!important;
padding:0;
}
.shop_info_inner{
width:100%;
height:auto;
display:flex!important;
padding:50px 0 200px 0;
}
.shop_info_box{
font-size:1.3vw!important;
font-weight:normal;
margin:15px auto!important;
width:45%!important;
}
.shop_right{
position: relative!important;
}
.shop_info_box h5{
text-align:center;
color:#ffffff;
font-size:1.6vw!important;
font-weight:bold;
margin:0 auto 30px auto;
padding:10px 0;
background-image:url(../images/bg3.jpg)!important;
width:100%;
}
.menu_inner{
  position: absolute!important;
  height: 100%!important;
  display: flex!important;
  flex-direction: column!important;
}
.menu_scroll {
  overflow-y: auto!important;
}
.shop_info_box table{
margin:0 auto 5px auto;
font-size:1.3vw!important;
line-height:1.6em;
border:solid 1px #eeeeee;
background-color:#fdfdfd!important;
}
.shop_info_box table tr:hover{
background-color:#ffffff!important;
}
.shop_info_box table td{
padding:5px 3px;
}
.shop_info_box table td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell_l{
text-align:left;

width:80%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.food_menu{
text-align:left;
font-weight:bold;
margin:5px auto 10px auto;
padding:0 0 0 5px;
line-height:1.2em;
border-left:solid 5px #999999;
}
.shop_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_icon img{
width:60px;
margin:0 10px;
}
.shop_sns_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_sns_icon img{
width:40px;
margin:0 auto;
}
.store_map{
width:calc(100% - 10px);
aspect-ratio: 1;
margin:5px auto;
}



.shop_info_box table.foodmenu td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:top;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell p,.food_menu_info{
font-size:1.3vw!important;
line-height:1.6em;
padding:2px 3px;
margin:0 auto 10px auto;
text-align:left;
}
.other_menu{
margin:1vw auto;
padding:0.5vw;
width:96%;
background-color:rgba(255,255,255,0.7);
}
.allergy{
display:flex;
flex-wrap: wrap;
margin:3px auto;
}
.allergy li{
font-size:1vw!important;
line-height:1.1em;
padding:2px 3px;
color:#ff6699;
}
.allergy li.allergy_title{
font-weight:bold;
padding:2px 3px 2px 0;
}

.shop_link_bt{
width:auto;
height:50px;
margin:20px auto 0 auto;
padding:0;
border-radius:25px;
color:#ffffff;
font-size:0.9em;
text-align:center;
background-color:#000000;
display:flex;
align-items: center;
justify-content: center;
}
.shop_link_bt span{
font-size:0.7em;
display:block;
}
.shop_link_bt a{
color:#ffffff;
}
.icon_box{
width:80%!important;
height:auto!important;
padding:0!important;
margin:2vw auto 1vw auto!important;
}
.icon_box img{
margin:0 5px 10px 5px!important;
width:calc((100% / 8) - 10px)!important;
text-align:left;
}











#inquiry .qanda_area{
width:100%;
height: auto;
z-index: 5;
margin:50px auto 100px auto;
position: relative;
display:flex;
flex-wrap: wrap;
font-size:1.4vw!important;
}







.qanda_title{
width:50%;
height:auto;
padding:0!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size:1em;
}
.qanda_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.5em;
color:#ffffff;
font-weight:bold;
}
.qanda_title h3 span{
font-size:0.7em;
font-weight:normal;
}
.qanda_box{
width:50%;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.8em;
line-height:1.8em;
text-align:left;
font-weight:bold;
}










#inquiry .qanda_inner{
width:70%;
height: auto;
margin:20px auto;
padding:15px;
background-color:rgba(45,66,25,0.4)!important;
z-index: 5;
}
#inquiry .qanda_inner .tab{
display: flex;
flex-wrap: wrap;
z-index: 6;
margin:0 auto;
padding:0;
}
#inquiry .qanda_inner .tab li a{
display: block;
background-color:#dddddd;
margin:0 4px 0 0;
padding:10px 20px;
font-size:1.5vw!important;
font-weight:bold;
z-index: 6;
color:#333333!important;
}
#inquiry .qanda_inner .tab li a:hover{
color:#ff9900!important;
}
#inquiry .qanda_inner .tab li.active a{
background:#868686;
z-index: 6;
color:#ffffff!important;
}
#inquiry .qanda_inner .tab li.active a:hover{
background:#868686;
z-index: 6;
color:#ff9900!important;
}

#inquiry .qanda_inner .area {
display: none;
opacity: 0;
background:#868686;
padding:20px 0 5px 0;
z-index: 10;
}
#inquiry .qanda_inner .area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
}

@keyframes displayAnime{
from {
opacity: 0.5;
}
to {
opacity: 1;
}
}

.qanda_inner .accordion-area{
list-style: none;
width: 96%;
margin:0 auto 15px auto!important;
text-align:left;
}
.qanda_inner .accordion-area li{
margin: 5px auto!important;
float:none!important;
width: 100%;
text-align:left!important;
}


.qanda_inner .accordion-area section {
width: 100%;
}
.qanda_inner .accordion-area .title {
position: relative;
cursor: pointer;
font-size:1.2vw!important;
line-height:1.8em!important;
font-weight: bold;
word-wrap:break-word;
padding: 10px 10px!important;
margin: 0 auto!important;
transition: all .5s ease;
text-align:left!important;
width:100%!important;
border:solid 1px #e5e5e5;
background-color:#333333;
background-image:none!important;
}
.qanda_inner .accordion-area .title .q_text{
display:inline-block;
width:calc(100% - 30px);
vertical-align:middle;
background-image:url(../images/q.svg)!important;
background-repeat: no-repeat;
background-position:0 center;
background-size:20px;
padding:0 0 0 30px;
}

.qanda_inner .accordion-area .title:hover {
color: #ff9900;
border:solid 1px #f3f3f3;
background-color:#e5e5e5;
}
.qanda_inner .accordion-area .title:active {
color: #ff9900;
border:solid 1px #f3f3f3;
background-color:#e5e5e5;
}
.qanda_inner .accordion-area .title::before,
.qanda_inner .accordion-area .title::after{
position: absolute;
content:'';
width: 20px;
height: 4px;
background-color: #333;
}
.qanda_inner .accordion-area .title::before{
top:23px;
right: 10px;
transform: rotate(0deg);
}
.qanda_inner .accordion-area .title::after{
top:23px;
right: 10px;
transform: rotate(90deg);
}
.qanda_inner .accordion-area .title.close::before{
transform: rotate(45deg);
}
.qanda_inner .accordion-area .title.close::after{
transform: rotate(-45deg);
}

.qanda_inner .accordion-area .title.close{
transition: all .5s ease;
color: #ff9900;
}

.qanda_inner .accordion-area .box {
display: none;
background: #ffffff;
border:solid 1px #f3f3f3;
margin:0 auto;
padding: 10px!important;
width: 100%;
height:auto;
overflow:visible;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: both;

}
.qanda_inner .accordion-area .box .answer_text_l {
font-size:1.3vw!important;
line-height:1.8em;
margin:10px auto;
width:calc(100% - 30px);
background-image:url(../images/a.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:20px;
padding:0 0 0 30px;
}
.qanda_inner .accordion-area .box .answer_text {
width:calc(70% - 30px);
background-image:url(../images/a.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:20px;
padding:0 0 0 30px;
font-size:1.3vw!important;
line-height:1.8em;
margin:10px 20px 20px 0;
float:left;
}
.qanda_inner .accordion-area .box .answer_text_l a,.accordion-area .box .answer_text a {
color: #ff9900;
display:inline-block;
margin:10px 0 0 0;
padding:0 0 0 20px;
background-image:url(../images/link.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:16px;
}
.qanda_inner .accordion-area .box .answer_text_l span,.accordion-area .box .answer_text span {
display:inline-block;
width:30px;
height:auto;
max-height:20em;
margin:0;
vertical-align:top;
float:left;
font-weight:bold;
}
.qanda_inner .accordion-area .box .answer_pict {
width:30%;
height:auto;
margin:2px auto;
text-align:center!important;
padding:0;
float:left;
}
.accordion-area .box .answer_pict img {
width:100%!important;
height:auto;
margin:0 auto;
text-align:center;
padding:0;
}


/* contact form */
#contact {
width:auto;
background-color:rgba(45,66,25,0.4)!important;
margin:50px auto 100px auto;
padding:10px 0 20px 0;
}
.contact_inner{
width: calc(70% - 20px);
height:auto;
color:#ffffff;
text-align:center;
margin:0 auto;
font-size:1.4vw!important;
}
.fullsize{
width:100%!important;
}
.normalsize{
width: calc(70% - 20px)!important;
}
.qanda_area h4,#contact h4 {
width:100%;
font-size:1.2em;
font-weight:800;
margin:50px auto;
padding: 0;
color:#ffffff;
}
#contact p.form_message {
width:90%;
font-size:0.8em;
line-height:2em;
margin:0 auto 50px auto;
text-align:left;
color:#ffffff;
}
table.form_table {
width:calc(96% - 10px)!important;
margin:10px auto!important;
padding:0!important;
height:auto!important;
border:solid 5px rgba(255,255,255,0.2);!important;
}
table.form_table tbody,table.form_table tr,table.form_table td p {
margin:0 auto!important;
padding:0!important;
height:auto!important;
}
table.form_table tr{
background-color:rgba(255,255,255,0.9);
color:#333333;
}
table.form_table tr.colored{
background-color:rgba(100,100,100,0.5)!important;
color:#e0e0e0;
}
table.form_table td {
padding:20px 10px!important;
font-size:0.7em;
font-weight:600;
word-break:break-all;
line-height:2em;
vertical-align:middle!important;
}
table.form_table td.left_cell{
width:25%!important;
font-size:0.7em!important;
}
table.form_table td.left_cell2{
width:25%!important;
font-size:0.7em!important;
}
table.form_table td span.mini_text {
margin:5px 0 5px 0!important;
padding:5px 0 0 0;
font-size:0.7em!important;
color:#666666!important;
font-weight:bold;
line-height:1.4em!important;
}
table.form_table td span.mini_text2 {
margin:5px 0 5px 0!important;
font-size:0.7em!important;
color:#ff6600!important;
line-height:1em!important;
}
table.form_table td span.mini_text3 {
display:block;
margin:5px 0 5px 0!important;
font-size:0.7em!important;
color:#ffffff!important;
font-weight:bold;
line-height:1.4em!important;
}
table.form_table td input[type="text"] {
font-size:1em!important;
width:100%!important;
}
table.form_table td textarea {
font-size:1em!important;
width:100%!important;
line-height:1.8em;
}
table.form_table td input[type="email"] {
font-size:1em!important;
width:100%!important;
}
table.form_table td input[type="tel"] {
font-size:1em!important;
width:100%!important;
padding:0.5em;
}
table.form_table td input#zip,table.form_table td input#zip2 {
width:40px!important;
}
span.button_margin lavel {
padding:0 2em 0 0;
display:inline-block;
}
input.readonly {
border:none;
font-size:1em;
background-color:transparent;
line-height:2em;
font-weight:normal;
}
input.hiddenly {
display:none
}
input.text_input{
width:100%!important;
}
input.text_input2{
width:100%!important;
padding:0.2em!important;
font-size:1.2em!important;
height:1.2em!important;
}
input.num_input2{
width:100%!important;
padding:0.2em!important;
font-size:1.2em!important;
height:1.2em!important;
}
textarea.area_input{
width:100%!important;
}
textarea.area_input2{
width:100%!important;
height:6em;
padding:0.2em!important;
font-size:1.2em!important;
}
tr.line input.readonly{
background-color:none;
}
input[type="button"],input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select{
font-family:sans-serif!important;
padding:0.2em!important;
font-size:1em!important;
}
.wpcf7-spinner{
display:none!important;
}
.wpcf7-spinner:before{
display:none!important;
background-color:none!important;
}
.wpcf7 .wpcf7-stripe .wpcf7-form-control {
background-color:none!important;
display:none!important;
}
td.form_button_cell{
width:100%!important;
text-align:center!important;
margin:0px auto!important;
padding:0!important;
font-size:0.7em!important;
}
div.form_button {
text-align:center!important;
margin:0px auto!important;
padding:10px 0;
}
div.form_button p {
margin:0px auto!important;
padding:0!important;
width:60%;
height:auto;
background-color:#666666!important;
color: rgba(255,255,255,1)!important;
}
div.form_button a {
margin:0px auto!important;
color: rgba(255,255,255,1)!important;
}
table.form_table td a {
color: #ff9900!important;
}
input.submit_button,wpcf7-submit {
width: 100%!important;
height: auto;
text-align: center;
text-decoration: none;
outline: none!important;
padding:10px 0!important;
color: rgba(255,255,255,1)!important;
border:none;
cursor:pointer!important;
margin:0 auto!important;
font-size:1em!important;
font-weight:bold;
background-color:#666666!important;
}
input.submit_button:hover,wpcf7-submit:hover {
background-color:#333333!important;
color: rgba(255,255,255,1)!important;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: 1!important;
}
span.alert {
font-size:0.7em;
color:#f80240!important;
font-weight:bold;
padding:0 0 0 1em;
}
.screen-reader-response{
visibility:hidden;
display:none;
}
.wpcf7-not-valid-tip{
font-size:0.7em;
color:#ff6699!important;
font-weight:bold;
padding:0 0 0 1em;
}
.wpcf7-not-valid-tip:before{
content: "\A";
white-space: pre;
}
.wpcf7-validation-errors,.wpcf7-response-output{
font-size:0.7em;
color:#ff6699!important;
font-weight:bold;
text-align:center;
padding:5px 0;
border:solid 2px #ff6699!important;
}
.wpcf7-list-item-label{
margin:0 1vw 0 0.5vw;
}









/*タイムスケジュール*/
#shop_table table{
width:calc(60% - 2px)!important;
margin:50px auto!important;
text-align:center;
background-color:none!important;
font-family:sans-serif!important;
font-size:16px;
border:solid 1px #dddddd;
}

#shop_table tr{
border:solid 1px #dddddd;
background-color:#ffffff;
}
#shop_table th{
height:40px!important;
padding:0!important;
text-align:center!important;
font-size:1.1em!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
}
#shop_table td{
width:calc(100% - 120px)!important;
height:auto!important;
padding:0!important;
font-size:1em!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
white-space: nowrap;
text-align:center;

}









.event_list_title{
background-color:#000000!important;
color:#cccccc;
font-size:1.5vw!important;
font-weight:bold!important;
line-height:1.8em!important;
padding:5px;
margin:2vw auto 0 auto;
width:60%;
text-align:center!important;
}


.event_list_head{
margin:50px auto 0 auto!important;
text-align:center;
background-color:none!important;
font-family:sans-serif!important;
width:calc(80% - 2px)!important;
font-size:16px;
border:solid 1px #dddddd;
}
.event_list_head th{
border:solid 1px #dddddd;
height:40px!important;
padding:0!important;
text-align:center!important;
font-size:1.1vw!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
}
.event_list_head th.event_list_head_time{
width:100px!important;
padding:0!important;
text-align:center!important;
border-right:none!important;
word-break: break-all!important;
}
.event_list_head th.event_list_head_name{
width:calc(50% -50px)!important;
}
.event_list_head th.event_list_head_place{
width:calc(50% - 50px)!important;
}




.event_list_all{
width:calc(80% - 2px)!important;
margin:0 auto 50px auto!important;
text-align:center;
background-color:none!important;
font-family:sans-serif!important;
border:solid 1px #dddddd;
font-size:16px;
}
.event_list_all tr{
border:solid 1px #dddddd;
background-color:#ffffff;
}
.event_list_all tr:nth-child(odd){
background-color:#f6f6f6!important;
}
.event_list_all td{
height:auto!important;
padding:0!important;
font-size:1.1vw!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
text-align:center;
}
.event_list_all td.event_hour{
margin:0!important;
text-align:center!important;
width:50px!important;
word-break: break-all!important;
}
.event_list_all td.event_other{
margin:0!important;
width:calc(100% - 50px)!important;
word-break: break-all!important;
}
.event_list_all .event_info,.event_list_all .event_info a{
display:flex;
text-align:left;
width:100%!important;
height:100%;
color:#333333!important;
}
.event_list_all td .event_info:hover,.event_list_all td .event_info:hover a{
color:#ff9900!important;
}
.event_list_all td .event_info:hover .time_hun{
color:#333333!important;
}
.event_list_all .event_info p.time_hun{
width:50px!important;
text-align:center!important;
padding:6px 0 0 0!important;
}
.event_list_all .event_info p.event_name{
width:calc(50% - 25px)!important;
border-left:solid 1px #dddddd;
padding:6px 5px!important;
word-break: break-all!important;
}
.event_list_all .event_info p.event_place{
width:calc(50% - 25px)!important;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
padding:6px 5px!important;
}
.event_list_all .event_info p .event_required{
font-size:1vw!important;
}
.event_list_all div.visible_type1{
display:flex!important;
}
.event_list_all div.visible_type2{
display:none;
}
.event_list_all div.visible_type3{
display:none;
}
.event_list_all div.visible_type4{
display:none;
}
.event_list_all div.visible_type5{
display:none;
}
.event_list_all div.visible_type6{
display:none;
}




































.mb-bhi-oc-text{
display:block;
margin:30px auto;
color:#ffffff;
}
.mabel-bhi-businesshours{
width:250px!important;
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.mabel-bhi-businesshours tr{
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.mabel-bhi-businesshours tr td{
background-color:rgba(255,255,255,0.9)!important;
padding:20px 0!important;
border:none!important;
}
.mabel-bhi-businesshours .mbhi-is-current{
color:#ff6600!important;
}
.mabel-bhi-businesshours tr td:nth-of-type(1) {
display:none;
}
.shopcal{
width:300px;
display:flex;
margin:30px auto;
}
.dayofweek{
width:50px!important;
height:300px!important;
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.dayofweek tr{
background-color:rgba(255,255,255,0)!important;
border:none!important;
padding:20px 0!important;
}
.dayofweek tr td{
background-color:rgba(255,255,255,0.9)!important;
padding:20px 0!important;
border:none!important;
}






#calendar .inside {
text-align: center;
}
#calendar table.calendar {
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto 20px;
width:100%;
}
#calendar table.calendar caption {
font-size: 150%;
font-weight: bold;
color: #999;
padding: 5px 0;
}
#calendar table.calendar tr th {
border: solid 1px #ccc;
padding: 3px;
background: #666;
color: #fff;
}
#calendar table.calendar tr th.sun {
background: #e66;
}
#calendar table.calendar tr td {
border: solid 1px #ccc;
padding: 3px;
text-align: left;
}
#calendar table.calendar tr td.sun {
background: #fee;
}
#calendar table.calendar tr td.holiday {
background: #fee;
}
#calendar table.calendar tr td.today {
background: #ffe;
}
#calendar table.calendar tr td select {
width: 80%;
margin: 5px 10px;
}





.calender_area .reservationSingle {
width:100%!important;
margin: 0 auto 0 auto!important;
padding:0!important;
height:auto!important;
}
.calender_box .reservationSingle {
width:100%!important;
margin:0px auto!important;
padding:0!important;
height:auto!important;
}
 .reservationSingle caption{
text-align:left!important;
}
.cal_wrap{
width:90%!important;
height:auto!important;
margin: 0 auto!important;
padding:0!important;
display:block!important;
}
.cal_wrap .cal_boxes{
margin:0 auto 20px auto!important;
padding:0 0 50px 0!important;
width:90%!important;
height:auto!important;
display:block!important;
overflow:visible!important;
}
.cal_wrap .cal_boxes caption{
color:#ffffff;
text-align:left!important;
}
.reservationSingle .cal_wrap .cal_boxes table {
width:100%!important;
margin:50px auto 15px auto!important;
text-align:center;
background-color:rgba(255,255,255,1)!important;
font-family:sans-serif!important;
font-size:16px;
border: solid 5px #eeeeee;
}

.cal_slick .slick-arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #444444!important;
  cursor: pointer!important;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 30%;
  z-index: 1;
  transform: translateY(-50%);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16))!important;
}
.cal_slick .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #ffffff;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 9px;
  transform: rotate(45deg);
}
.cal_slick .slick-next {
  right: 6px;
}
.cal_slick .slick-prev {
  left: 6px;
}
.cal_slick .slick-next::before {
  left: 7px;
}
.cal_slick .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 7px;
}
.dots .slick-dots {
  text-align: center;
}
.dots .slick-dots li {
  display: inline-block;
}
.dots .slick-dots button {
  display: block!important;
  width: 10px!important;
  height: 10px!important;
  margin: 6px!important;
  font-size: 0!important;
  padding: 0!important;
  border: 0!important;
  outline: none!important;
  cursor: pointer!important;
  background: #bcbcbc!important;
  border-radius: 50%!important;
}
.dots .slick-dots .slick-active button {
  background: #0a467d!important;
}
.calendar-table{
width:100%;
margin:10px auto 0 auto;
background-color:#ffffff;
text-align:center!important;
}
.calendar-table tr:hover{
background-color:rgba(255,255,255,0)!important;
}
.calendar-table td:hover{
background-color:#efefef;
}
.calendar-table th:first-child,.calendar-table td:first-child{
color:red;
}
.calendar-table th:last-child,.calendar-table td:last-child{
color:blue;
}
.calendar-table th{
text-align:center!important;
background-color:#efefef;
}
.calendar-table td{
text-align:center!important;
font-size:18px;
height:80px!important;
}
.time1{
color:green;
font-size:13px;
font-weight:bold;
margin:10px auto 0 auto;
}




/* calendar */
.calendar_area{
width:100%;
height:auto!important;
margin:0 auto;
padding:0;
}
.calendar_block{
margin:0 auto;
padding:0;
position:relative;
width:100%;
height:auto!important;
justify-content: space-around;
}
.calendar_block h3{
text-align:center;
font-size:1.8em!important;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 100px auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.calendar_header{
width:100%;
height:auto!important;
margin:0 auto;
padding:0;
}
.calendar_slider{
width:100%!important;
max-height:500px!important;
height:100%!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
background-color:#ffffff;
}
.calendar_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.calendar_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.calendar_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.calendar_header .calendar_catch{
width:100%;
height:auto;
padding:0!important;
margin:1vw auto 0 auto;
}
.calendar_header .calendar_catch h2{
font-size:2.2em!important;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.calendar_header .calendar_catch span{
font-size:0.7em!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:1vw auto 0.5vw auto;
}
.calendar_inner{
width:calc(100% - 6vw)!important;
height:auto!important;
margin:3vw auto;

}


























/* 第一階層 */
.first_area{
width:100%;
height:auto;
background-color:#ffffff!important;
margin:0 auto;
padding:0;
}
.first_block{
margin:0 auto;
padding:5vw 0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.first_block h3{
text-align:center;
font-size:2vw;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 5vw auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.first_block .first_list{
width: 98%!important;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:space-around;
margin:0 auto;

}
.first_block .first_list a{
color:#ffffff;
text-decoration:none;
display:block;
width:20%;
}
.first_block .first_list_menu{
width:90%;
margin:0 10% 3vw 0;
position:relative;
background-color:#cccccc;
aspect-ratio: 1 / 1;
}



.first_block .first_list_menu img {
width:100%;
height:100%;
margin:0 auto;
object-fit: cover;
}




.first_block .first_list a .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(0,0,0,0.7);
padding:2px;
width:100%;
font-size:1.3vw;
transition: .5s;
}
.first_block .first_list a:hover .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(255,102,0,0.7);
padding:2px;
width:100%;
font-size:1.3vw;
transition: .5s;
}
.first_block .first_list .b_circle{
position:absolute;
top:-10%;
right:-10%;
z-index:2;
width:9vw;
height:9vw;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:1.1vw;
font-weight:normal;
text-align:center;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first_block .first_list .b_circle_l{
width:220px;
height:220px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto 50px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first_block h4{
text-align:center;
font-size:1.8vw;
margin:30px auto 30px auto;
}
.first_inner{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.first_inner .message{
width:90%;
height:auto;
margin:0 auto 4vw;
padding:0;
font-size:1.3vw;
line-height:1.8em;
}

.first_inner .first_inner_list{
width: 100%!important;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:space-around;
margin:0 auto;
}
.first_inner .first_square{
width:calc(100% / 6);
aspect-ratio: 1 / 1;
overflow:hidden;
position:relative;
background-color:#000000;
}
.first_inner .first_square a{
display:block;
width:100%;
height:100%;
}
.first_inner .first_square a:hover{
display:block;
width:100%;
height:100%;

}
.first_inner .first_square a img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
}
.first_inner .first_square a:hover img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
opacity: 0.50;
}
.first_inner .first_square a p{
width:100%;
position:absolute;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,0);
}
.first_inner .first_square a:hover p{
width:100%;
position:absolute;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,1);
}
.first_bgt1{
background-image:url(../images/first_bgt2.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
.first_bgt2{
background-image:url(../images/first_bgt3.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
.first_bgt3{
background-image:url(../images/first_bgt4.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}


.first_bg1{
background-image:url(../images/first_bg1.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
background-color:#ffffff;
min-height:1000px;
}
.first_bg2{
background-image:url(../images/first_bg2.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg3{
background-image:url(../images/first_bg3.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg4{
background-image:url(../images/first_bg4.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg5{
background-image:url(../images/first_bg5.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg6{
background-image:url(../images/first_bg6.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg7{
background-image:url(../images/first_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg8{
background-image:url(../images/first_bg7.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg9{
background-image:url(../images/first_bg8.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg10{
background-image:url(../images/first_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_block .restaurant{
width:90%;
padding:0;
justify-content: space-around;
}
.first_block .first{
width:54%;
padding:0;
justify-content: space-between;
}

.payment{
display:flex;
align-items: center;
justify-content: space-around;
width:80%;
margin:0 auto 50px auto;
}
.payment li{
font-size:1.3vw;
font-weight:normal;
}
.payment li:before{
content:"・";
font-size:1.3vw;
font-weight:normal;
padding:0 0 0 5px;
}

.switch_text {
 display: inline-block;
 position: relative;
 color: #000;
 transition: 0.5s;
}
.switch_text::before {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 color: transparent;
 text-align: center;
 text-decoration: underline;
 white-space: nowrap;
 transition: 0.5s;
 content: attr(data-hover-text);
}
.switch_text:hover {
 color: transparent;
}
.switch_text:hover::before {
 color: #000;
}


.first_news{
margin:30px auto;
width:100%;
}
.first_news ul{
width:100%;
height:150px;
max-width:calc(81% + 120px);
margin:0 auto;
padding:0 10px 0 0;
}
hr{
width:90%;
height:15px!important;
border:0;
background-color:rgba(255,255,255,0)!important;
margin:0 auto 80px auto;
}
hr.orange_line{
box-shadow: 0px 10px 10px -5px rgba(239,131,43,0.7)!important;
}
.first_news hr.green_line{
box-shadow: 0px 10px 10px -5px rgba(40,114,87,0.7);
}
.first_news ul li{
width:14vw!important;
height:14vw!important;
max-width:140px!important;
max-height:140px!important;
margin:0 5px!important;
padding:0!important;
text-align:left;
}
.first_news ul li a{
display:block;
width:14vw!important;
height:14vw!important;
max-width:140px!important;
max-height:140px!important;
margin:0;
padding:0;
position:relative;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.4);
}

.first_news ul a li .first_name{
color:#000000;
}
.first_name_pos{
position:absolute;
bottom:45px;
left:0;
height:auto;
}
.first_name_pos2{
position:absolute;
bottom:0;
left:0;
height:auto;
}
.first_news ul li .first_name{
height:auto;
width:12em;
margin:0 auto 5px 3px;
padding:2px 4px;
border-radius:8px;
color:#000000;
background-color:#ffffff;
font-size:1vw;
font-weight:bold;
z-index:2;
text-align:center;
}

.first_news ul li .first_comment{
position:absolute;
bottom:0;
left:0;
height:45px;
width:100%;
padding:2px 4px;
color:#ffffff;
font-size:0.9vw;
font-weight:normal;
text-align:left;
z-index:2;
}
.first_news ul li .first_comment span{
display:block;
margin:0 auto;
width:100%;
line-height:1.5em;
}
.first_news ul li .first_comment span.s_e{
display:block;
margin:0 auto;
text-align:right!important;
width:100%;
font-size:0.8vw;
}
.first_news ul li a .first_comment{
background-color:#333333;
color:#ffffff!important;
}
.first_news ul li a:hover .first_comment{
background-color:#ea5514;
color:#ffffff!important; 
}

.restaurant_sdgs{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto;
width:100%;
height:auto!important;
}
.restaurant_sdgs .restaurant_sdgs_info{
width:calc(45% - 60px)!important;
height:100%!important;
margin:0 auto 0 60px!important;
}
.restaurant_sdgs .restaurant_sdgs_info h5{
text-align:center;
font-size:1.8vw!important;
margin:0 auto 20px auto;
}
.restaurant_sdgs .restaurant_sdgs_info p{
height:100%!important;
text-align:center!important;
font-size:1.5vw!important;
font-weight:normal;
margin:0 auto!important;
}
.restaurant_sdgs .restaurant_sdgs_pict{
width:calc(50% - 60px)!important;
height:100%!important;
margin:0 auto!important;
}
.restaurant_sdgs .restaurant_sdgs_pict img{
width:100%!important;
}




.first_borneo{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto;
width:100%;
height:auto;
}
.first_borneo .first_borneo_info{
width:calc(45% - 60px)!important;
height:auto!important;
margin:0 60px 0 auto!important;
}
.first_borneo .first_borneo_info h5{
text-align:center;
font-size:1.8vw!important;
margin:0 auto 30px auto;
}
.first_borneo .first_borneo_info p{
text-align:center!important;
vertical-align:middle!important;
font-size:1.5vw!important;
font-weight:normal;
margin:0 auto;
}
.first_borneo .first_borneo_pict{
width:calc(50% - 60px)!important;
}
.first_borneo .first_borneo_pict img{
width:100%!important;
}
.first_sdgs{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto 100px auto;
width:100%;
height:auto;
}
.first_sdgs .first_sdgs_info{
width:calc(45% - 60px)!important;
margin:0 auto 0 60px!important;
}
.first_sdgs .first_sdgs_info h5{
text-align:center;
font-size:1.8vw!important;
margin:0 auto 30px auto!important;
}
.first_sdgs .first_sdgs_info p{
text-align:center!important;
font-size:1.5vw!important;
font-weight:normal;
margin:0 auto;
}
.first_sdgs .first_sdgs_pict{
width:calc(50% - 60px)!important;
margin:0 60px 0 auto;
}
.first_sdgs .first_sdgs_pict img{
width:100%!important;
}

.first_emergency{
display:flex!important;
flex-wrap: wrap!important;
align-items: center!important;
justify-content: center!important;
margin:0 auto 100px auto;
width:100%;
height:auto;
}
.first_emergency .first_emergency_info{
width:calc(45% - 60px)!important;
margin:0 auto 0 60px!important;
}
.first_emergency .first_emergency_info_right{
width:calc(48% - 60px)!important;
margin:0 60px 0 auto!important;
}
.first_emergency .first_emergency_info h5,.first_emergency .first_emergency_info_right h5{
text-align:center;
font-size:1.8vw!important;
margin:0 auto 30px auto;
}
.first_emergency .first_emergency_info p,.first_emergency .first_emergency_info_right p{
text-align:center!important;
font-size:1.5vw!important;
font-weight:normal;
margin:0 auto;
}
.first_emergency .first_emergency_info_right p span{
display:inline-block;
margin:0 auto 20px auto;
font-size:1.5vw!important;
font-weight:bold;
}

.first_timetable{
width:50%;
margin:0 auto 80px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
}
.first_timetable a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#000000;
transition: .5s!important;
border-radius:9999px!important;
}
.first_timetable a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600;
transition: .5s!important;
border-radius:9999px!important;
}
/* 寄付 */
.donation_message{
text-align:left;
font-size:1.3vw;;
line-height:1.8em;
font-weight:normal;
padding:0!important;
margin:5vw auto!important;
max-width:70%;
}
.donation_message span{
font-weight:bold;
color:#000000;
}
h5.donation_subtitle{
font-size:1.35vw;
font-weight:bold;
text-align:center;
color:#ffffff;
background-color:#555555;
padding:3px 0;
margin:0 auto 2vw auto;
width:70vw;
}
.donation_box{
margin:0 auto 5vw auto;
width:70vw;
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.donation_box div{
margin:0 auto;
padding:0.5%;
width:47%;
text-align:left;
font-size:1.3vw;
line-height:1.8em;
font-weight:normal;
border:solid 1px #333333;
}
.donation_box div h6{
margin:0 auto;
text-align:left;
font-size:1.35vw;
line-height:1.8em;
font-weight:bold;
color:#000000;
}
.donation_box div p{
margin:0 auto;
padding:0 0 0 1em;
text-align:left;
font-size:1em;
line-height:1.8em;
font-weight:normal;
}





/* second */
.second_area{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.second_block{
margin:0 auto;
padding:0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.second_block h3{
text-align:center;
font-size:1.8em;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 100px auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.second_header{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.second_animal_header{
width:100%;
height:auto;
margin:100px auto 50px auto;
padding:0;
}
.second_slider{
width:100%!important;
max-height:300px!important;
height:100%!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;

}
.second_slider ul{
width:100%;
max-height:300px;
height:100%;
margin:0;
padding:0;
}
.second_slider ul li{
width:100%;
max-height:300px;
height:100%;
margin:0;
padding:0;
}
.second_slider img{
width:100%;
max-height:300px;
height:100%;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.second_header .second_catch,.second_animal_header .second_catch{
width:100%;
height:auto;
padding:0!important;
margin:1vw auto 0 auto;

}
.second_header .second_catch h2,.second_animal_header .second_catch h2{
font-size:2.8vw!important;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.second_header .second_catch span,.second_animal_header .second_catch span{
font-size:2vw!important;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:1vw auto 0.5vw auto;
}
.second_inner{
width:100%!important;
height:auto;
margin:3vw auto!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: center;
font-size:1.4vw!important;
}
.second_title{
width:50%!important;
height:auto;
min-height:28vw;
height:100%;
padding:0!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center!important;
font-size:0.9em!important;
color:#ffffff;
}
.second_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.8vw!important;
background-image:none!important;
background-color:transparent!important;
}
.second_title p{
width:90%;
height:auto!important;
padding:0!important;
margin:3vw auto 0 auto!important;
color:#ffffff;
font-size:1.3vw!important;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
.second_title h3 span{
font-size:0.8em!important;
font-weight:normal;
}


.second_box{
width:50%!important;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.8em;
text-align:left;
}
.second_box .second_content{
width:100%;
text-align:left;
color:#cccccc;
font-size:1.3vw!important;
font-weight:normal;
margin:0 auto 1vw auto!important;
padding:0!important;
}
.second_box ol{
width:96%;
margin:1vw 0 0 4%!important;
}
.second_box ol li{
font-weight:bold;
margin:5px auto!important;
}
.second_box ul{
width:96%;
margin:1vw 0 0 4%!important;
}
.second_box ul li{
font-weight:bold;
margin:5px auto!important;
list-style-type: disc;
}
.second_box ul li::marker{
 font-size: 100%;
 font-weight: bold;
 line-height: 1;
}
.second_box h4{
margin:2vw auto!important;
padding:0.2vw 0;
width:100%;
background-color:#131313!important;
color:rgba(255,255,255,1)!important;
font-size:1.4vw!important;
font-weight:bold;
text-align:center;
}
.second_box h4 span{
font-size:1.2vw!important;
font-weight:normal!important;
text-align:center;
}
.second_box h5{
width:100%;
text-align:center;
color:#ffffff;
font-size:1.1em;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#000000;
}
.second_box div.second_more_info{
width:96%;
text-align:left;
color:#ffffff;
font-size:0.8em;
line-height:1.8em;
font-weight:bold;
margin:0 auto 1vw auto!important;
padding:0!important;
}
.second_box div.second_more_info span{
display:inline-block;
margin:0!important;
padding:0 0.5vw;
font-weight:normal;
background-color:#ffffff;
color:rgba(45,66,25,1)!important;
}
.second_box div.second_select{
width:100%;
text-align:left;
color:#cccccc;
font-size:0.8em;
font-weight:normal;
margin:1vw auto !important;
padding:0!important;
}
.second_box .second_infobox{
width:calc(100% - 2vw)!important;
text-align:left;
color:#ffffff;
font-size:1.3vw!important;
font-weight:normal;
margin:1vw auto;
padding:1vw;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_box .second_infobox h5{
width:100%;
text-align:center;
color:#000000;
font-size:1.1em;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_box table{
margin:0 auto 2vw auto!important;
}
.second_box table tr{
border:none!important;
}
.second_box table th{
background-color:rgba(45,66,25,0.8)!important;
border:solid 1px #999999;
padding:0.8vw 0;
color:#cccccc;
font-size:1.3vw!important;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:0.8vw 0;
color:#cccccc;
font-size:1.2vw!important;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td img{
width:80%;
margin:1vw auto;
}
.second_box table tr:hover,.second_box table td:hover{
background-color:rgba(45,66,25,0.8);
}
.second_box table.no_hover tr:hover,.second_box table.no_hover td:hover{
background-color:rgba(45,66,25,0)!important;
}
.second_box table th span,.second_box table td span{
color:#cccccc;
font-size:1vw!important;
font-weight:normal;
}

.second_box .liftbus_pict{
width:100%;
text-align:center;
margin:0 auto!important;
padding:0!important;
}
.second_box .liftbus_pict img{
width:80%;
margin:0 auto;
}
.second_box .liftbus_content{
width:100%;
margin:2vw auto !important;
padding:0!important;
display:flex;
}
.second_box div.second_select{
width:100%;
text-align:left;
color:#cccccc;
font-size:0.8em;
font-weight:normal;
margin:1vw auto !important;
padding:0!important;
}
.second_box div.second_waiting_information{
width:calc(96% - 2vw);
text-align:left;
color:#cccccc;
font-size:1em;
font-weight:normal;
margin:1vw auto !important;
padding:1vw!important;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_box div.second_waiting_information h5{
text-align:center;
color:#ffffff;
font-size:1em;
font-weight:bold;
margin:0 auto 1vw auto !important;
}
.second_box div.second_waiting_information div{
width:100%;
text-align:center;
color:#000000;
font-size:0.8em;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_box div.second_waiting_information p{
text-align:center;
color:#ffffff;
font-size:0.7em;
font-weight:normal;
}
.second_box .mommy_content{
width:100%;
text-align:left;
color:#cccccc;
font-size:0.9em;
font-weight:normal;
margin:2vw auto 2vw auto!important;
padding:0!important;
}
.second_box .birthday{
width:100%;
text-align:center;
color:#ffffff;
font-size:1.3vw!important;
font-weight:bold;
line-height:2em;
margin:0 auto 1vw auto!important;
padding:1vw!important;
background-color:rgba(255,255,255,0.1);
}
.second_header .second_catch .pdf_icon{
width:100%;
height:auto!important;
padding:0!important;
margin:2vw auto 1vw auto!important;
}
.second_header .second_catch .pdf_icon a{
color:#ff9900;
font-size:0.75em;
font-weight:bold;
text-align:center;
}
.second_header .second_catch .pdf_icon img{
width:5vw;
}



.first_reserve,.second_reserve{
width:50%;
margin:50px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:1.5vw;
}
.second_box .second_reserve{
width:80%;
margin:3vw auto 4vw auto!important;
border-radius:9999px!important;
color:rgba(45,66,25,1)!important;
font-weight:bold;
font-size:1.1em;
text-align:center;
}
.first_reserve a{
display:block;
padding:10px 0;
width:100%;
height:auto;
background-color:rgba(45,66,25,1)!important;
text-decoration:none;
color:rgba(255,255,255,1)!important;
transition: .5s!important;
border-radius:9999px!important;
}
.second_reserve a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:rgba(45,66,25,1)!important;
text-decoration:none;
background-color:rgba(255,255,255,0.9);
transition: .5s!important;
border-radius:9999px!important;
}
.first_reserve a:hover,.second_reserve a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
}
.second_reserve_title{
width:100%;
text-align:center;
color:#ffffff;
font-size:1em;
font-weight:bold;
margin:1vw auto !important;
}
.second_reserve_tel{
width:100%;
text-align:center;
color:#ffffff;
font-size:1.6em;
font-weight:bold;
margin:1vw auto 2vw auto !important;
}









li.second_menu{
width:calc(100% - 2vw);
margin:3vw auto;
padding:0;
border-radius:16px;
list-style:none!important;
list-style-type:none;
}
.second_menu a{
width:100%;
height:auto;
margin:0 auto;
padding:1vw;
border-radius:16px;
display:flex!important;
align-items: center;
justify-content: center;
text-decoration:none!important;
background-color:rgba(255,255,255,0.2);
}
.second_menu a:hover{
width:100%;
height:auto;
margin:0 auto;
padding:1vw;
border-radius:16px;
display:flex!important;
align-items: center;
justify-content: center;
text-decoration:none!important;
background-color:rgba(255,255,255,0.4);
}
.second_menu .plan_thumbnail{
width:calc(20% - 15px)!important;
margin:0 15px 0 0;

}
.second_menu .plan_thumbnail img{
width:100%;
}
.second_menu .plan_info{
margin:0 auto;
padding: 0;
width:80%!important;

}
.second_menu .plan_name{
margin:0 auto 0.3vw auto;
color:#ff9900!important;
font-size:0.9em;
}
.second_menu .plan_content{
color:#ffffff;
font-size:0.8em;
font-weight:normal;
}
.second_menu .next_bt{
margin:0.4vw auto 0 auto;
color:#ff9900!important;
font-size:0.8em;
text-align:right;
}
.second_food_box{
margin:1.5vw auto 1.5vw auto;
width:100%!important;
padding :0.5vw 0 1.5vw 0;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: start;
border-top: dotted 1px #cccccc;
border-bottom: dotted 1px #cccccc;
}
.second_food_box .second_title{
width:calc((100% / 3) - 2vw)!important;
height:auto;
padding:1vw!important;
margin:1vw auto 0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color:#cccccc;
font-size:0.9em;
text-align:left;
}
.second_food_box .second_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.5em;
}
.second_food_box .second_title p{
width:90%;
height:auto!important;
padding:0!important;
margin:3vw auto 0 auto!important;
color:#ffffff;
font-size:0.75em;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
.second_food_box .second_title h3 span{
font-size:0.75em;
font-weight:normal;
}
.second_food_box .second_box{
width:calc((100% / 3) - 2vw)!important;
height:auto;
padding:1vw!important;
margin:1vw auto 0 auto;
display:flex;
flex-wrap: wrap;
align-items: flex-start ;
justify-content: center;
align-content: flex-start;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.9em;
text-align:left;
}
.second_food_box .second_box .bbq{
display:block;
margin:2vw auto;
padding:5px 0;
width:100%;
height:auto;
color:rgba(45,66,25,1)!important;
text-decoration:none;
background-color:rgba(255,255,255,0.9);
transition: .5s!important;
border-radius:9999px!important;
text-align:center;
}

.second_food_box .second_box .bbq:hover{
display:block;
margin:2vw auto;
padding:5px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
text-align:center;
}

.second_food_box .second_box_null{
width:calc((100% / 3) - 2vw)!important;
height:auto;
margin:1vw auto 0 auto;
padding:1vw!important;
}




.second_box .second_food_pict{
width:100%;
text-align:center;
margin:0 auto 1vw auto!important;
padding:0!important;
}
.second_box .second_food_pict img{
width:100%;
}
.second_box .second_allergy{
margin:1vw auto 0 auto!important;
width:100%;
}
.second_box .second_allergy h5{
margin:0 0 0.5vw 0!important;
padding:0;
font-size:0.7em;
font-weight:bold;
text-align:left;
}
.second_box .second_allergy p{
display:inline-block;
margin:0 0.5vw 0.5vw 0!important;
padding:0 0.5vw;
border:solid 1px #ffffff;
font-size:0.7em;
font-weight:normal;
}
.second_box table.reserve_file{
margin:0 auto 3vw auto!important;
}
.second_box table.reserve_file td{
background-color:rgba(45,66,25,0)!important;
border:none!important;
padding:0.8vw 0;
color:#cccccc;
font-size:0.7em;
text-align:center;
vertical-align:middle;
font-weight:bold;
}
.second_box table.reserve_file td a,.second_box table.reserve_file td a span{
color:#ff9900;
}
.second_box table.reserve_file tr:hover,.second_box table.reserve_file td:hover{
background-color:rgba(45,66,25,0)!important;
}
.second_box table.reserve_file td span{
color:#cccccc;
font-size:0.9em;
font-weight:normal!important;
}
.second_box table.reserve_file td img{
width:5vw;
margin:0 auto 10px auto;
}
.other_plan{
width:100%;
margin:5vw auto 3vw auto!important;
padding:2vw 0 0 0;
border-top:dotted 1px #ffffff;
}
.other_plan h3{
width:100%;
margin:0 auto 2vw auto!important;
font-size:1.5vw;
}
.other_plan ul{
width:100%;
display:flex!important;
align-items: flex-start;
justify-content: center;
}
.other_plan ul li{
width:auto;
padding:0 1vw;
font-size:1vw;
text-align:left;
}
.other_plan ul li a{
color:#ff9900;
}
.second_movie{
width:50%!important;
height:auto!important;
aspect-ratio: 4 / 3;
margin:0 auto;
padding:0;
}
.second_movie iframe{
object-fit: cover;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
}
.second_pict{
width:50%!important;
height:auto!important;
min-height:28vw;
aspect-ratio: 4 / 2;
margin:0 auto;
padding:0;
}
.second_pict img{
object-fit: cover!important;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
}
.second_spec{
width:50%!important;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex!important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
font-size:0.9em;
}
.second_spec h5{
text-align:center;
width:100%;
margin:0 auto 1vw auto;
padding:0.2vw;
background-color:#000000;
color:#ffffff;
font-size:1em;
font-weight:bold;
}
.second_spec table{
margin:0 auto;
width:100%;
}
.second_spec table tr{
border:none!important;
}
.second_spec table tr:hover,.second_spec table td:hover{
background-color:rgba(45,66,25,0.8)!important;
}
.second_spec table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:0.8vw 0.5vw;
color:#cccccc;
font-size:0.8em;
}
.second_spec table td.left_cell{
text-align:center;
width:20%;
font-weight:bold;
vertical-align:middle;
}
.second_spec table td.right_cell{
text-align:left;
width:80%;
font-weight:bold;
}
.second_spec table td.right_cell_animal{
text-align:left;
width:80%!important;
font-weight:bold;

}

.second_spec table td.new_info{
text-align:left;
width:80%;
font-weight:bold;
color:#ff0000;
}


.second_spec table td.italic_cell{
font-weight: normal;
font-style: italic;
font-family: "Times New Roman,serif";
}
.second_spec .second_spec_text{
text-align:left;
width:96%;
margin:2vw auto 3vw auto;
color:#ffffff;
font-size:1.3vw!important;
font-weight:bold;
}
.second_spec .second_link_box{
width:100%;
margin:0 auto 1vw auto!important;
}
.second_spec .second_link_box p{
width:100%;
display:block;
font-size:1.3vw!important;
margin:0 auto 1vw auto!important;
}

.second_spec_ex{
width:100% ;
text-align:left;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
margin:2vw auto 1vw auto;
padding:1vw;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_spec_ex h6{
width:100%;
text-align:left;
font-size:1.1em;
font-weight:bold;
margin:0 auto 0.5vw auto !important;
}
.second_spec_ex h5{
width:100%;
text-align:center;
color:#000000;
font-size:1.1em;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_spec_ex img{
width:40%;
float:right;
margin:0 0 20px 20px !important;
}









.second_map{
width:50%!important;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
font-size:0.9em;
}
.second_map table{
margin:0 auto;
}
.second_map table tr{
border:none!important;
}
.second_map table tr:hover,.second_map table td:hover{
background-color:rgba(45,66,25,0.8)!important;
}
.second_map table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:0.8vw 0.5vw;
color:#cccccc;
font-size:0.8em;
text-align:center;
}
.second_map table td.left_cell{
text-align:center;
width:20%;
font-weight:bold;
}
.second_map table td.right_cell{
text-align:left;
width:80%;
font-weight:bold;
}
.map_image{
text-align:center;
}
.second_map table td img,.map_image img{
margin:0 auto;
width:calc(80% - 1vw);
height:auto;
border:solid 1px #999999;
}




.second_gallery{
width:50%!important;
height:auto!important;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#ffffff;
}
.second_env_gallery{
width:100%!important;
height:auto!important;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#ffffff;
}
.second_gallery .flexslider,.second_env_gallery .flexslider {
margin: 0 auto;
width:100%!important;
height:auto!important;
zoom: 1;
z-index:2;
display:block;
text-align:center;
}
.second_gallery .flexslider .slides,.second_env_gallery .flexslider .slides {
zoom: 1;
margin:0 auto!important;
padding:0!important;
width:calc(100% - 16px)!important;
height:auto;
z-index:3;
text-align:center;
aspect-ratio: auto!important;
}

.second_gallery .flexslider .slides img,.second_env_gallery .flexslider .slides img {
width:100%!important;
height:auto!important;
margin:0 auto!important;
overflow:hidden!important;
-moz-user-select: none!important;
z-index: 4;
}
.second_gallery .flexslider .slides video,.second_env_gallery .flexslider .slides video {
width:100%;
height:auto;
	position: absolute;
top:0vw;
	left:2vw;
	margin:0 auto;
	padding:0!important;
	-moz-user-select: none;
	vertical-align:middle;
	background-color:tranceparent;
z-index: 4;
}
.second_gallery .flex-control-thumbs,.second_env_gallery .flex-control-thumbs {
width:100%!important;
display: -webkit-flex;
display: flex!important;
flex-wrap:wrap!important;
margin:1vw auto!important;
padding:0 8px!important;
position: relative!important;
}
.second_gallery .flex-control-thumbs li,.second_env_gallery .flex-control-thumbs li {
width: calc((100% / 8) - 4px)!important;
height:auto;
aspect-ratio: 1 / 1;
margin:0 2px !important;
padding:0!important;
}

.second_gallery .flex-control-thumbs img,.second_env_gallery .flex-control-thumbs img {
width: 100%;
height:auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
object-fit: cover;
}

.second_gallery .flex-control-thumbs img:hover,.second_env_gallery .flex-control-thumbs img:hover {
  opacity: 1;
}
.second_gallery .flex-control-thumbs .flex-active,.second_env_gallery .flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.second_gallery .flex-control-thumbs img:hover,.second_env_gallery .flex-control-thumbs img:hover {
  opacity: 1;
}


/*
.second_gallery{
width:50%!important;
height:auto!important;
min-height:28vwƒ;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
}
.flexslider {
margin: 0 auto;
width:100%!important;
height:auto!important;
zoom: 1;
z-index:2;
display:block;
text-align:center;
}
.flexslider .slides {
zoom: 1;
margin:0 auto!important;
padding:0!important;
width:calc(100% - 16px)!important;
height:auto;
z-index:3;
text-align:center;
aspect-ratio: auto!important;
}

.flexslider .slides img {
width:100%!important;
height:auto!important;
margin:0 auto!important;
overflow:hidden!important;
-moz-user-select: none!important;
z-index: 4;
}
.flexslider .slides video {
width:100%;
height:auto;
	position: absolute;
top:0vw;
	left:2vw;
	margin:0 auto;
	padding:0!important;
	-moz-user-select: none;
	vertical-align:middle;
	background-color:tranceparent;
z-index: 4;
}

ol.flex-control-thumbs {
width:calc(100% - 3vw)!important;
display: -webkit-flex;
display: flex!important;
flex-wrap:wrap;
justify-content: flex-start;
margin:0 auto!important;
padding:10px 0 0 0!important;
}
.flex-control-thumbs li {
width: calc((100% / 6) - 8px)!important;
height:auto;
aspect-ratio: 1 / 1;
margin:0!important;
padding:0!important;
}

.flex-control-thumbs img {
width: 100%!important;
height:100%!important;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
object-fit: cover;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}

*/




.second_spec table td.right_cell_animal .second_animal_list{
width:calc((100% / 4) - 4px);
margin:2px;
aspect-ratio: 1 / 1;
overflow:hidden;
position:relative;
background-color:#000000;
float:left;
}
.second_spec table td.right_cell_animal .second_animal_list a{
display:block;
width:100%;
height:100%;
}
.second_spec table td.right_cell_animal .second_animal_list a:hover{
display:block;
width:100%;
height:100%;

}
.second_spec table td.right_cell_animal .second_animal_list a img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
}
.second_spec table td.right_cell_animal .second_animal_list a:hover img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
opacity: 0.50;
}
.second_spec table td.right_cell_animal .second_animal_list a p{
width:100%;
position:absolute;
text-align:center;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,0);
}
.second_spec table td.right_cell_animal .second_animal_list a:hover p{
width:100%;
position:absolute;
text-align:center;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,1);
}
.second_spec table td.right_cell_animal .second_animal_list_more{
width:calc(100% - 4px)!important;
margin:2px;
padding:10px 0 0 0;
clear:both;
float:none;
display:block;
}
.second_box table.taxi_table{
margin:0 auto 2vw auto!important;
width:100%;
border:solid 1px #999999;
}
.second_box table.taxi_table tr{
border:none!important;
}
.second_box table.taxi_table td:hover{
background-color:rgba(45,66,25,0.8);
}
.second_box table.taxi_table td{
background-color:rgba(45,66,25,0)!important;
padding:0.8vw;
color:#cccccc;
font-size:0.8em;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td span{
color:#cccccc;
font-size:0.6em;
font-weight:normal;
}
.taxi_table .leftcell{
width:25%;
}
.taxi_table .turnback{
white-space: nowrap;
width:calc(100% - 1.6vw)!important;
}
.taxi_table .alignleft{
text-align:left;
width:calc(100% - 1.6vw)!important;
}
.second_box table .pickup_name,.second_box table .dropoff_name{
font-size:1vw;
background-color:rgba(45,66,25,0.8)!important;
font-weight:bold;
}
.second_box table .pickup_time,.second_box table .dropoff_time{
font-size:1.2vw;
font-weight:bold;
}
.second_root_pict{
width:80%;
margin:3vw auto 2vw auto;
}
.second_root_pict img{
width:100%;
}
.second_root_text{
text-align:left;
font-size:0.9em;
margin:1vw auto 3vw auto;
width:80%;
}
.second_root_googlemap{
width:80%!important;
margin:2vw auto 0 auto;
padding:0;
}
.second_googlemap iframe{
margin:0 auto;
padding:0;
}
.parking_fee{
width:90%;
margin:1vw auto;
}
.parking_fee td{
font-size:0.9vw!important;
font-weight:bold!important;
}
.second_box_pict{
width:80%;
margin:3vw auto 2vw auto;
}
.second_box_pict img{
width:100%;
}





.second_bottom{
margin:3vw auto;
padding:0.5vw 0 1.5vw 0;
background-color:rgba(255,255,255,0.1);
width: 100%!important;
}
.second_bottom h3{
margin:2vw auto 1vw auto!important;
padding:0!important;
color:#ffffff;
font-size:1.6vw!important;
font-weight:bold;
text-align:center;
width: 100%!important;
}
.second_text_link{
width: 90%!important;
display:flex;
flex-wrap: wrap;
justify-content:center;
margin:0 auto;
padding:0!important;
text-align:center;
}
.second_text_link li{
width:auto;
font-size:1vw!important;
font-weight:bold;
margin:0 0.5vw 0.5vw 0;
padding:0;
text-align:center;
color:#ffffff;
}
.second_text_link li a{
color:#ffffff;
}
.second_text_link li a:hover{
color:#ff9900;
}

.news_list{
margin:3vw auto;
width:60%;
}
.news_list li{
text-align:left;
margin:0 auto 0.5vw auto;
padding:0 0 0 2em;
}
.news_list li:before{
content:"・ ";
color:#ff9900;
}



.other_slider{
width:80%!important;
height:auto!important;
margin:20px auto 0 auto!important;
padding:0!important;
}
.other_slider .slides {
zoom: 1;
margin:0 auto!important;
padding:0;
width:100%!important;
height:auto;
z-index:3;
text-align:center;
aspect-ratio: auto!important;
}
.other_slider .slides img {
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
aspect-ratio: auto!important;
-moz-user-select: none;
z-index: 4;
}
.other_slider ul li{
position:relative;
}
.other_slider ul li img{
aspect-ratio: auto;
width:100%!important;
height:auto;
}
.other_slider ul li .flex-caption{
position:absolute;
bottom:0;
left:0;
right:0;
z-index:10;
background-color:rgba(0,0,0,0.7);
color:#ffffff;
margin:0!important;
padding:5px!important;
width:100%;
text-align:center;
}
.other_slider .flex-control-nav {
width:100%!important;
height: auto;
position: static;
text-align: center;
}



.dl{
margin:2vw auto 1vw auto;
text-align:center;
}
.dl img{
width:100px;
margin:0 auto 0.5vw auto;
}
.digimap_area{
width:100vw!important;
height:auto;
margin:0 auto 5vw auto!important;;
padding:-2vw 0 0 0!important;;
display:flex!important;
align-items: flex-start!important;
flex-direction: row!important;
background-color:#264827;

}
.close_message{
margin:3vw auto!important;
font-size:1.3vw;
color:#ffffff;
}
.digimap_area #map,.digimap_area #map2{
width: calc(100vw - 400px)!important;
height:auto!important;
margin:2vw auto!important;
padding:0;
object-fit: cover;
position: relative;
}
.digimap_area #info-panel,.digimap_area #info-panel2{
width: 380px!important;
height:auto;
padding: 20px 10px;
background-color:#ffffff!important;
position:sticky;
top:200px;
}
#info-content,#info-content2{
margin:0 auto;
padding:0;
font-size:1.1vw;
}
#info-panel h2,#info-panel2 h2{
text-align:center;
font-weight:bold!important;
margin:0 auto 1vw auto;
padding:0.2vw 0;
font-size:1.2vw;
background-color:#333333;
color:#ffffff;
}
#info-panel h5,#info-panel2 h5{
text-align:center;
font-weight:bold!important;
margin:0 auto 1vw auto;
font-size:1.1vw;
}
#info-panel h5 span,#info-panel2 h5 span{
display:inline-block;
margin:0 auto;
padding:0 10px 0 0;
}
#info-panel .popup_info,#info-panel2 .popup_info{
text-align:left;
font-weight:normal!important;
margin:1vw auto;
padding:1vw 0.5vw;
font-size:1vw;
border-top:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
}
#info-panel .popup_image,#info-panel2 .popup_image{
text-align:center!important;
margin:0 auto 0.5vw auto!important;
width:90%!important;
height:auto;
overflow:hidden;
}
#info-panel .popup_image img,#info-panel2 .popup_image img{
width:100%!important;
height:auto;
}
#info-panel p,#info-panel2 p{
margin:1vw auto 0.5vw auto;
font-size:1vw;

}
#info-panel .second_reserve,#info-panel2 .second_reserve{
width:100%;
margin:1vw auto 2vw auto!important;
border-radius:9999px!important;
color:rgba(45,66,25,1)!important;
font-weight:bold;
font-size:1vw;
text-align:center;
}
#info-panel .second_reserve a,#info-panel2 .second_reserve a{
display:block;
padding:5px 0;
width:100%;
height:auto;
color:rgba(255,255,255,1)!important;
text-decoration:none;
background-color:rgba(45,66,25,1)!important;
transition: .5s!important;
border-radius:9999px!important;
}
#info-panel .second_reserve a:hover,#info-panel2 .second_reserve a:hover{
display:block;
padding:5px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
}
/* ナンバリング付きピンのスタイル */
.number-pin {
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 width: 32px;
 height: 42px;
 line-height: 28px;
 text-align: center;
 font-weight: bold;
 color: white;
 font-size: 16px;
 text-shadow: 0 0 2px black;
  position: relative;
  display: inline-block;
}
.number-pin::after {
  content: '';
  position: absolute;
  bottom: 3px; /* ピンの下に配置 */
  left: 55%;
  width: 18px;
  height: 12px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  transform: translateX(0) skewX(-30deg);
  filter: blur(5px);
}
.tab-content{
height:auto!important;
min-height:auto!important;
}
.tab-content .second_inner{
width:100%!important;
margin:0 auto 3vw auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size:1.4vw!important;
}

.map_title{
font-size:1.5vw;
color:#ffffff;
font-weight:bold;
margin:2vw auto 1vw auto;
padding:0.5vw 0;
width:90vw;
background-color:#000000;
}


/* タブ全体を囲むコンテナの設定 */
.tab-switch {
display: flex;/* タブを横並びに */
flex-wrap: wrap;/* 幅に応じて折り返し */
margin: auto;/* コンテナの中央寄せ */
justify-content: center;  /* タブの中央寄せ */
gap: 0 0;/* タブ間の余白 */
width:calc(100vw - 100px);
}

/* 各タブボタンの設定 */
.tab-switch > label {
flex: 1 1 auto;/* タブが均等に幅をとるが、幅を超えると折り返す */
order: -1;/* 上部に表示する */
position: relative;/* 絶対位置指定用の基準 */
padding: 0.3em 1em;/* 上下左右の内側余白 */
background-color: #ffffff; /* 背景色 */
color: #333333;/* 文字色 */
text-align: center;/* 文字を中央揃え */
cursor: pointer;/* ポインターを指アイコンに変更 */
transition: 0.3s all;/* 変化を滑らかに */
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
background-color: #264827; /* ホバー/選択時の背景色 */
color: #fff;/* ホバー/選択時の文字色 */
}
/* ラジオボタン自体は非表示 */
.tab-switch input {
display: none;/* 見た目に表示されないようにする */
}
/* タブコンテンツのスタイル */
.tab-switch > div {
display: none;/* 初期状態では非表示 */
width:calc(100vw - 100px);/* コンテンツ幅を全体に */
}
/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
display: block;/* 選択されたタブに対応するコンテンツを表示 */
}

/* ズームボタン */
#zoom-buttons {
  position: absolute;
  top: 50%;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1000; /* マップ要素より前に */
}

#zoom-buttons button {
  background: white;
  border: 2px solid #264827;
  padding: 6px 10px;
  cursor: pointer;
color:#264827;
font-weight:bold;
}

.caution_text{
width:80%!important;
background-color:rgba(245,245,245,1)!important;
margin:0 auto 150px auto;
padding:30px;
color:#333333;
font-family:sans-serif!important;
font-size:1.2vw!important;
font-weight:bold!important;
line-height:1.8em;
text-align:left;
}
.caution_title{
margin:0 auto 30px auto;
font-size:1.5vw!important;
font-weight:bold!important;
text-align:center;
}


#customMap,#customMap2{
width:50vw!important;
height:50vw * 0.78125)!important;
margin:0 auto;
object-fit: cover;
}


.second_philosophy{
width:80%!important;
margin:0 auto;
}
.second_philosophy_menu{
display:flex;
justify-content: center;
align-items: center;
margin:5vw auto;
}
.second_philosophy_menu li{
text-align:left;
font-size:1.2vw!important;
font-weight:600;
margin:0.5vw auto;
color:#ffffff;
}
.second_philosophy_menu li a{
font-size:1.2vw!important;
font-weight:600;
color:#ffffff;
}
.second_philosophy_menu li a:hover{
font-size:1.2vw!important;
font-weight:600;
color:#ff6600;
}
.second_philosophy_inner{
background-image:url('../images/philosophy_bg.jpg');
background-repeat:no-repeat;
width:auto;
height:100%;
padding:3vw;
background-size:cover;
}
.second_philosophy_inner .second_philosophy_block{
margin:0 auto 6vw auto;
}
.second_philosophy_inner .second_philosophy_block h3{
font-size:1.6vw!important;
color:#ffffff;
font-weight:800;
margin:0 auto 3vw auto!important;
padding:0.5;
background-color:#000000;
}
.second_philosophy_inner .second_philosophy_block .second_philosophy_theme{
font-size:2.2vw!important;
color:#ffffff;
font-weight:400;
margin:0 auto 2vw auto!important;
}
.second_philosophy_inner .second_philosophy_block p{
font-size:1.1vw!important;
color:#ffffff;
font-weight:400;
margin:0 auto 2vw auto!important;
}
.second_philosophy_inner .second_philosophy_block .second_philosophy_list{
margin:0 auto 4vw auto!important;
font-size:1.1vw!important;
color:#ffffff;
font-weight:400;
line-height:2.5em;
}
.second_philosophy_inner .second_philosophy_block h4{
font-size:1.4vw!important;
color:#ffffff;
font-weight:800;
margin:0 auto 1vw auto!important;
}
.philosophy_anchor{
  content:'';
  display: block;
padding-top: 10vw;
margin-top: -10vw;
}



.second_philosophy_inner .page_back{
width:100%;
padding:0;
margin:0 auto;
text-align:right;
color:#ffffff;
font-weight:bold;
font-size:1.2vw;
border-bottom:none;
}
.second_philosophy_inner .page_back a{
color:#ffffff!important;
}
.second_philosophy_inner .page_back a:hover{
color:#ff6600!important;
}



}



@media screen and (max-width:767px) {
/* sp */
.pc{
display:none;
}
.pc_flex{
display:none!important;
}
.sp{
display:block;
}

















main {
height:auto;
width:100%;
margin:60px auto 0 auto;
padding:0 0 80px 0!important;
position:relative;
text-align:center;
font-size:1.5em;
font-family:sans-serif;
font-weight:bold;
}
.cal_list{
margin:100px auto;
display:flex;
text-align:center;
width:50%;
}
.cal_list p{
text-align:center;
width:50%;
}
.page_back{
width:90%;
margin:20px auto 50px auto;
padding:0 5px 10px 5px;
text-align:right;
color:#ffffff;
font-weight:bold;
font-size:14px;
border-bottom:solid 2px #ffffff;
}
.page_back a{
color:#ffffff!important;
}
.page_back a:hover{
color:#ff6600!important;
}




.slider{
width:100%;
height:133vw;
aspect-ratio: 3 / 4;
margin:0 auto;
padding:0!important;
position:relative;
overflow:hidden;
}
.slider ul{
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
}
.slider ul li{
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
}
.nine_block{
width:100%!important;
height:auto;
margin:50px auto;
padding:0;
display:block
}
.nine_block_box {
width:90%;
margin:0 auto 15px auto;
padding:0;
position: relative;
}
.nine_block_box img {
width:100%!important;
aspect-ratio: 1 / 0.68;
margin:0 auto;
padding:0;
object-fit: cover;
overflow:hidden;
}
.nine_block_box a{
display:block;
width:100%!important;
height:auto;
overflow:hidden;
position: relative;
transition:0.6s;
box-sizing: border-box;
}
.nine_block_box a:hover{
opacity:0.85;
}
.nine_block_box a:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border: 10px solid rgb(255 255 255 / 25%);
box-sizing: border-box;
}

.nine_block_box .nine_block_text{
width:100%;
margin:10px auto;
padding:0;
position: relative;
font-size:13px!important;
color:#ffffff;
font-weight:normal;
}

.new_icon{
position: absolute;
top: 0;
left: 0;
z-index:5;
width:80px;
height:80px;
}
.new_icon img{
width:80px!important;
height:80px!important;
}









.news_header .news_catch{
width:100%;
padding:0!important;
margin:15px auto 0 auto;
}
.news_header .news_catch h2{
font-size:22px;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.news_header .news_catch span{
font-size:15px;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 1vw auto;
}
.news_header .news_catch p{
margin:15px auto 0 auto;
text-align:center;
font-size:14px;
color:#FFFFFF;
}


.toc_title{
margin:15px auto;
font-size:15px;
font-weight:bold!important;
color:#ffffff;
}

.toc{
width:80%;
margin:0 auto 5vw auto!important;
padding:0 2vw!important;
color:#ffffff;
text-align:left;
}
.toc ol{
width:90%;
margin:0 auto;
list-style-position: inside;
}
.toc ol li{
margin:0.2vw auto;
padding:0 1vw;
font-size:14px;
}
.toc ol li:hover{
margin:0.2vw auto;
padding:0 1vw;
font-size:14px;
}
.toc ol a{
color:#ffffff!important;
}
.toc ol a:hover{
color:#ff9900!important;
}
.news_block{
width:80%;
height:auto;
margin:0 auto 5vw auto;
padding:3vw 2vw;
color:#ffffff;
background-color:rgba(255,255,255,0.1)!important;
}
.news_block h1:before,.news_block h1:after{
content:'h1タグ使用禁止！';
color:#ff6699;
font-size:15px!important;
font-weight:bold!important;
}
.news_block h5{
margin:4vw auto 2vw auto;
padding:0.5vw;
background-color:#000000;
text-align:center;
font-size:18px!important;
font-weight:bold!important;
width:100%;
}
.news_block .news_content{
margin:0 0 3vw 2%;
font-size:14px!important;
line-height:1.8em;
text-align:left;
width:98%;
}














.news_area{
margin:0 auto 50px auto;
}
.news_area h3{
width:100%;
background-color:#ffffff;
margin:0 auto;
padding:5px 0 2px 0;
text-align:center;
color:#e60012;
font-family:Georgia;
font-size:18px;
font-weight:bold;
}
.news_area .tab{
display: flex!important;
flex-wrap: wrap;
z-index: 6;
margin:0 auto;
padding:0;
margin:0 auto;
width:90%;
background-color:#f5f5f5;
}
.news_area .tab li a{
display: block;
margin:0 4px 0 0;
padding:10px 20px;
font-size:13px;
font-weight:bold;
z-index: 6;
}
.news_area .tab li a:hover{
color:#ff9900!important;
}
.news_area .tab li.active a{
background:#ffffff;
z-index: 6;
color:#000000!important;
}
.news_area .tab li.active a:hover{
background:#ffffff;
z-index: 6;
color:#ff9900!important;
}
.news_area .area {
display: none;
opacity: 0;
padding:0;
z-index: 10;
}
.news_area .area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
}




.news_area .area ul,.news_list ul{
margin:0 auto;
padding:15px;
width:90%;
height:30vh;
overflow:auto;
background-color:#ffffff;
}

.news_area .area ul li,.news_list ul li{
margin:0 auto 10px auto;
padding:0 0 9px 0;
text-align:left;
color:#231815;
font-family:sans-serif;
font-size:13px;
font-weight:normal;
border-bottom:solid 1px #dddddd;
}
.news_area .area ul li a,.news_list ul li a{
color:#231815;
font-family:sans-serif;
font-size:13px;
text-decoration:none;
}
.news_area .area ul li a:hover,.news_list ul li a:hover{
color:#231815;
font-family:sans-serif;
font-size:13px;
text-decoration:none;
}
.news_area .area ul li span,.news_list ul li span{
display:inline-block;
margin:0 10px 0 0;
width:10em;
}
.news_area .area ul li span.news_genre_title1,.news_list ul li span.news_genre_title1{
display:inline-block;
margin:0 10px 0 0!important;
font-size:12px;
font-weight:bold!important;
color:#ffffff!important;
background-color:#4a7528!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .area ul li span.news_genre_title2,.news_list ul li span.news_genre_title2{
display:inline-block;
margin:0 10px 0 0!important;
font-size:12px;
font-weight:bold!important;
color:#ffffff!important;
background-color:#284cb5!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .area ul li span.news_genre_title3,.news_list ul li span.news_genre_title3{
display:inline-block;
margin:0 10px 0 0!important;
font-size:12px;
font-weight:bold!important;
color:#ffffff!important;
background-color:#b4260d!important;
padding:2px 3px;
width:5em;
text-align:center;
}
.news_area .more_news{
width:90%;
text-align:center;
font-size:18px;
font-weight:bold;
background-color:#ffffff;
margin:0 auto;
padding:0 0 10px 0;
border-radius:0 0 20px 20px;
}
.news_area .more_news img{
width:20px;
height:auto;
margin:0 0 0 20px;
}
.news_area .more_news a{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}
.news_area .more_news a:hover{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}






/*
.news_area ul{
margin:0 auto;
padding:15px;
width:90%;
height:30vh;
overflow:auto;
background-color:#ffffff;
}
.news_area ul li{
margin:0 auto 10px auto;
padding:0 0 9px 0;
text-align:left;
color:#231815;
font-family:sans-serif;
font-size:13px;
font-weight:normal;
border-bottom:solid 1px #dddddd;
}
.news_area ul li a{
color:#231815;
font-family:sans-serif;
font-size:13px;
text-decoration:none;
}
.news_area ul li a:hover{
color:#231815;
font-family:sans-serif;
font-size:13px;
text-decoration:none;
border-bottom:solid 2px #231815;
}
.news_area ul li span{
display:inline-block;
margin:0 10px 0 0;
}
.news_area .more_news{
width:60%;
text-align:center;
font-size:16px;
font-weight:bold;
background-color:#ffffff;
margin:0 auto;
padding:0 0 10px 0;
border-radius:0 0 20px 20px;
}
.news_area .more_news img{
width:20px;
height:auto;
margin:0 0 0 20px;
}
.news_area .more_news a{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}
.news_area .more_news a:hover{
color:#231815;
font-family:sans-serif;
font-size:16px;
text-decoration:none;
}
*/
.eight_block{
width:calc(100% - 10px);
margin:0 auto 50px auto;
padding:0 5px;
display:flex;
flex-wrap: wrap;
}
.eight_block_box{
width:calc(50% - 10px);
margin:5px;
position: relative;
}
.eight_block_box img{
width:100%;
height:auto;
}
.eight_block_box .eight_block_text{
width:100%;
margin:0 auto;
padding:0.5vw 0;
position: relative;
font-size:13px!important;
color:#ffffff;
font-weight:normal;
}

.banner_area{
width:100%;
height:110px;
margin:0 auto 30px auto;
padding:0;

}
.banner_area ul{
width:100%;
height:auto;
margin:0 auto;
padding:0;
display:flex;
align-items: center;
justify-content: center;


}
.banner_area li{
width:100%;
height:auto;
padding:10px 0;
background-color:rgba(255,255,255,0.2);

}
.banner_area li img{
width:100%;
height:auto;
}

.footer{
width:100%;
margin:0 auto 50px auto;
clear: both;
}
.footer_left,.footer_center,.footer_right{
width:100%;
text-align:center;
color:#ffffff;
}
.contact_bt{
display:block;
width:80%;
margin:0 auto 30px auto;
padding:10px 0;
border:solid 1px #798b71;
border-radius:9999px;
background-color:#44644d;
font-size:16px;
color:#ffffff!important;
text-decoration:none!important;
}
.contact_bt:hover{
color:#ff9900!important;
}
.address{
width:70%;
margin:0 auto 30px auto;
font-size:14px;
text-align:left;
font-weight:normal;
font-style:normal;
}
.bottom_logo{
width:60%;
margin:0 auto 50px auto;
}
.bottom_logo img{
width:100%;
height:auto;
}
address{
width:100%;
margin:0 auto 30px auto;
font-size:13px!important;
font-weight:normal!important;
font-style:normal!important;
}
.sns{
width:100%;
margin:0 auto 50px auto;
}
.sns img{
width:50px;
height:auto;
}
.authorization{
width:80%;
margin:0 auto 30px auto;
font-size:0.5em!important;
text-align:left;
font-weight:normal!important;
font-style:normal!important;
}
.footer_contents{
position:fixed;
bottom:0;
left:0;
height:120px;
z-index:2000;
width:100%;
margin:0 auto;
padding:0 0 5px 0;
background-image:url(../images/header_bg.png)!important;
background-repeat: repeat-x;
background-position:0px 0px;
background-size:cover;
}
.footer_contents .cal_box{
display:block!important;
margin:0 auto!important;
padding:0!important;
text-align:left!important;
height:auto;
width:100%;
font-family:sans-serif!important;
}
.footer_contents .cal_area{
width:100%;
height:auto;
vertical-align:middle!important;
margin:0!important;
padding:0;
display:flex!important;
justify-content: flex-start!important;
}
.footer_contents .cal_text{
background-color:#5b5759;
border-radius:4px;
font-size:14px!important;
font-weight:bold!important;
color:#ff9900!important;
text-align:center!important;
font-family:sans-serif!important;
line-height:1.8em;
margin:0 2px 5px 2px;
padding:10px 0;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.footer_contents .cal_text span{
display:block;
width:100%;
}
.footer_contents .cal_text span a{
display:inline;
}
.footer_contents .cal_text span br.sp{
display:none!important;
}
.footer_contents .cal_text span br.cal_sp{
display:inline-block;
}
.footer_contents .cal_today .holiday-titles{
width:80%!important;
margin:20px auto 100px auto!important;
text-align:center;
}
.footer_contents .cal_today .holiday-titles p{
float:none!important;
display:inline-block!important;
margin:0 10px!important;
font-size:1.2em!important;
font-weight:bold;
color:#ffb301!important;
}

.footer_contents #wether{
background-color:#5b5759;
border-radius:4px;
color:#ff9900!important;
font-size:14px!important;
font-weight:bold!important;
text-align:center!important;
font-family:sans-serif!important;
line-height:1.4em;
width:calc(50% - 4px)!important;
height:auto;
margin:0 0 0 2px!important;
padding:10px 0!important;
z-index:100!important;
display: flex;
align-items: center;
justify-content: center;
float:left;
}
.footer_contents #wether a{
color:#ff9900!important;
}


.footer_contents #language{
background-color:#5b5759;
border-radius:4px;
color:#ff9900!important;
font-size:12px!important;
font-weight:bold!important;
text-align:center!important;
font-family:sans-serif!important;
line-height:1.4em;
width:calc(50% - 4px)!important;
height:auto;
margin:0 2px!important;
padding:1px 0 1px 0!important;
z-index:100!important;
display: flex;
align-items: center;
justify-content: center;
float:left;
}
.footer_contents #language a{
color:#ff9900!important;
}
.modal-content1{
display:none;
margin:0 auto!important;
padding:0!important;
font-family:sans-serif!important;
height:auto;
}


.wrapper{
width:100%;
height:auto;
margin:0 auto 50px auto;
}
.contents_header{
width:100%;
height:auto;
margin:0 auto 0 auto;
padding:0;
background-color:#ffffff;
position:relative;
}

.contents_header img{
margin:0 auto;
padding:0;
width:100%;
height:auto;
}






/* 第一階層 */



.scroll_more{
position:absolute;
bottom:10px;
left:0;
text-align:center;
width:100%;
display:flex;
justify-content:space-around;
}
.scroll_more a,.scroll_more a:hover{
color: #333333;
text-decoration:none;
}
.scroll_more .more{
border-radius:5px;
background-color:#ffffff;
width:120px;
min-height:40px;
height:auto;
display: flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center!important;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 auto;
transition: 0.5s;
}
.scroll_more .more:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more .more p{
font-size:13px;
font-weight:bold;
margin:0 auto;
padding:0;
width:100%;
}


.scroll_more2{
position:absolute;
bottom:-75px;
left:calc(50% - 90px);
right:calc(50% - 90px);
text-align:center;
width:180px;
z-index:2;
}
.scroll_more2 .more{
border-radius:5px;
background-color:#ffffff;
width:120px;
min-height:40px;
height:auto;
display: flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center!important;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 auto;
transition: 0.5s;
}
.scroll_more2 .more:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more2 .more p{
font-size:13px;
font-weight:bold;
margin:0 auto;
padding:0;
width:100%;
}


.scroll_more .more_l{
border-radius:5px;
background-color:#ffffff;
width:120px;
min-height:40px;
height:auto;
display: flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center!important;
color: #333333;
box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.6);
margin:0 auto;
transition: 0.5s;
}
.scroll_more .more_l:hover{
background-color:#333333;
color:#ffffff;
transition: 0.5s;
}
.scroll_more .more_l p{
font-size:13px;
font-weight:bold;
margin:0 auto;
padding:0;
width:100%;
}

.arrow {
margin:0 auto 10px auto;
display:none;
width: 0;
height: 15px;
border: 1px solid #333;
position: relative;
animation: scroll 1.5s infinite;
-webkit-animation: scroll 1.5s infinite;
&::after {
content: '';
display: block;
position: absolute;
bottom:-5px;
left: -5px;
width: 1px;
height: 5px;
border-top: 5px solid #333;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
}
}

.scroll_more .more:hover .arrow {
border: 1px solid #fff;
&::after {
border-top: 5px solid #fff;
}
}
@keyframes scroll {
0% {
transform-origin: top;
transform: scaleY(0);
}

60% {
transform-origin: top;
transform: scaleY(1);
}
}
@-webkit-keyframes scroll {
0% {
transform-origin: top;
transform: scaleY(0);
}

60% {
transform-origin: top;
transform: scaleY(1);
}
}

.scroll_more span{
font-size:0.8em;
font-weight:bold;
color:#ffffff;
text-align:center;
}



.first_area{
width:100%;
height:auto;
background-color:#ffffff!important;
margin:0 auto;
padding:0;
}
.first_block{
margin:0 auto;
padding:30px 0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.first_block h3{
text-align:center;
font-size:16px;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 5vw auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.first_block .first_list{
width: 98%!important;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:space-around;
margin:30px auto;
}
.first_block .first_list a{
color:#ffffff;
text-decoration:none;
display:block;
width:50%;
}
.first_block .first_list a.first_list_sp{
color:#ffffff;
text-decoration:none;
display:block;
width:50%;
}
.first_block .first_list_menu{
width:90%;
margin:0 5% 30px 5%;
position:relative;
background-color:#cccccc;
aspect-ratio: 1 / 1;
}
.first_block .first_list_menu img {
width:100%;
height:100%;
margin:0 auto;
object-fit: cover;
}
.first_block a.first_list_sp .first_list_menu{
width:90%;
margin:0 auto 30px auto;
position:relative;
background-color:#cccccc;
aspect-ratio: 1 / 1;
}
.first_block a.first_list_sp .first_list_menu img {
width:100%;
height:100%;
margin:0 auto;
object-fit: cover;
}



.first_block .first_list a .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(0,0,0,0.7);
padding:2px;
width:100%;
font-size:14px;
transition: .5s;
}
.first_block .first_list a.first_list_sp .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(0,0,0,0.7);
padding:2px;
width:100%;
font-size:14px;
transition: .5s;
}
.first_block .first_list a:hover .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(255,102,0,0.7);
padding:2px;
width:100%;
font-size:14px;
transition: .5s;
}
.first_block .first_list a.first_list_sp:hover .first_list_menu .first_list_name{
position:absolute;
bottom:0;
left:0;
z-index:2;
background-color:rgba(255,102,0,0.7);
padding:2px;
width:100%;
font-size:14px;
transition: .5s;
}
.first_block .first_list .b_circle{
position:absolute;
top:-10%;
right:-10%;
z-index:2;
width:100px;
height:100px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:12px;
font-weight:normal;
text-align:center;
margin:0 auto;
display:none;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first_block .first_list .b_circle_l{
width:220px;
height:220px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto 50px auto;
display:none;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first_block h4{
text-align:center;
font-size:1.4em;
margin:30px auto;
}
.first_inner{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.first_inner .message{
width:100%;
height:auto;
margin:0 auto 30px auto;
padding:0 15px;
font-size:13px;
line-height:1.8em;
text-align:left;
}

.first_inner .first_inner_list{
width: 100%!important;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items:space-around;
margin:0 auto;
}
.first_inner .first_inner_list .first_square{
width:calc(100% / 2);
aspect-ratio: 1 / 1;
overflow:hidden;
position:relative;
background-color:#000000;
margin:
}
.first_inner .first_inner_list .first_square a{
display:block;
width:100%;
height:100%;
}
.first_inner .first_inner_list .first_square a:hover{
display:block;
width:100%;
height:100%;

}
.first_inner .first_inner_list .first_square a img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
}
.first_inner .first_inner_list .first_square a:hover img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
opacity: 0.50;
}
.first_inner .first_inner_list .first_square a p{
width:100%;
position:absolute;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,0);
}
.first_inner .first_inner_list .first_square a:hover p{
width:100%;
position:absolute;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,1);
}
.first_bgt1{
background-image:url(../images/first_bgt2.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
.first_bgt2{
background-image:url(../images/first_bgt3.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}
.first_bgt3{
background-image:url(../images/first_bgt4.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
}


.first_bg1{
background-image:url(../images/first_bg1.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
background-color:#ffffff;
min-height:1000px;
}
.first_bg2{
background-image:url(../images/first_bg2.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg3{
background-image:url(../images/first_bg3.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg4{
background-image:url(../images/first_bg4.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg5{
background-image:url(../images/first_bg5.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg6{
background-image:url(../images/first_bg6.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg7{
background-image:url(../images/first_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg8{
background-image:url(../images/first_bg7.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg9{
background-image:url(../images/first_bg8.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_bg10{
background-image:url(../images/first_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
}
.first_block .restaurant{
width:90%;
padding:0;
justify-content: space-around;
}
.first_block .first{
width:54%;
padding:0;
justify-content: space-between;
}
.first_block h4{
text-align:center;
font-size:16px;
margin:0px auto 20px auto;
}
.payment{
display:flex;
align-items: center;
justify-content: space-around;
width:50%;
margin:0 auto 50px auto;
}
.payment li{
font-size:1em;
font-weight:normal;
}
.payment li:before{
content:"・";
font-size:1em;
font-weight:normal;
padding:0 0 0 15px;
}

.switch_text {
 display: inline-block;
 position: relative;
 color: #000;
 transition: 0.5s;
}
.switch_text::before {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 color: transparent;
 text-align: center;
 text-decoration: underline;
 white-space: nowrap;
 transition: 0.5s;
 content: attr(data-hover-text);
}
.switch_text:hover {
 color: transparent;
}
.switch_text:hover::before {
 color: #000;
}


.first_news{
margin:50px auto;
width:100%;
}
.first_news ul{
width:100%;
height:190px;
max-width:calc(81% + 120px);
margin:0 auto 100px auto;
padding:0 10px 0 0;
}
hr{
width:90%;
height:15px!important;
border:0;
background-color:rgba(255,255,255,0)!important;
margin:0 auto 80px auto;
}
hr.orange_line{
box-shadow: 0px 10px 10px -5px rgba(239,131,43,0.7)!important;
}
.first_news hr.green_line{
box-shadow: 0px 10px 10px -5px rgba(40,114,87,0.7);
}
.first_news ul li{
width:180px!important;
height:180px!important;
margin:0 10px 0 0!important;
padding:0!important;
text-align:left;
}
.first_news ul li a{
display:block;
width:180px!important;
height:180px!important;
margin:0;
padding:0;
position:relative;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.4);
}

.first_news ul a li .first_name{
color:#000000;
}
.first_name_pos{
position:absolute;
bottom:60px;
left:0;
height:auto;
}
.first_name_pos2{
position:absolute;
bottom:0;
left:0;
height:auto;
}
.first_news ul li .first_name{
height:auto;
width:10em;
margin:0 auto 5px 2px;
padding:2px 8px;
border-radius:8px;
color:#000000;
background-color:#ffffff;
font-size:0.5em;
font-weight:bold;
z-index:2;
text-align:center;
}

.first_news ul li .first_comment{
position:absolute;
bottom:0;
left:0;
height:59px;
width:100%;
padding:2px 4px;
color:#ffffff;
font-size:0.6em;
font-weight:normal;
text-align:left;
z-index:2;
}
.first_news ul li .first_comment span{
display:block;
margin:0 auto;
width:100%;
line-height:1.5em;
}
.first_news ul li .first_comment span.s_e{
display:block;
margin:0 auto;
text-align:right!important;
width:100%;
}
.first_news ul li a .first_comment{
background-color:#333333;
color:#ffffff!important;
}
.first_news ul li a:hover .first_comment{
background-color:#ea5514;
color:#ffffff!important; 
}


.first_timetable{
width:50%;
margin:0 auto 80px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
}
.first_timetable a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#000000;
transition: .5s!important;
border-radius:9999px!important;
}
.first_timetable a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600;
transition: .5s!important;
border-radius:9999px!important;
}
.first_reserve,.second_reserve{
width:80%;
margin:30px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:14px;
}
.first_reserve a{
display:block;
padding:10px 0;
width:100%;
height:auto;
background-color:rgba(45,66,25,1)!important;
text-decoration:none;
color:rgba(255,255,255,1)!important;
transition: .5s!important;
border-radius:9999px!important;
}
/* 寄付 */
.donation_message{
text-align:left;
font-size:14px;
line-height:1.8em;
font-weight:normal;
padding:0!important;
margin:30px auto!important;
width:80%;
}
.donation_message span{
font-weight:bold;
color:#000000;
}
h5.donation_subtitle{
font-size:14px;
font-weight:bold;
text-align:center;
color:#ffffff;
background-color:#555555;
padding:3px 0;
margin:0 auto 30px auto;
width:90%;
}
.donation_box{
margin:0 auto 30px auto;
width:90%;
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.donation_box div{
margin:0 auto 20px auto;
padding:5px;
width:100%;
text-align:left;
font-size:14px;
line-height:1.8em;
font-weight:normal;
border:solid 1px #333333;
}
.donation_box div h6{
margin:0 auto;
text-align:left;
font-size:14px;
line-height:1.8em;
font-weight:bold;
color:#000000;
}
.donation_box div p{
margin:0 auto;
padding:0 0 0 1em;
text-align:left;
font-size:13px;
line-height:1.8em;
font-weight:normal;
}

/* ショップ */
.shop_block .restaurant{
width:90%;
padding:0;
justify-content: space-around;
}
.shop_block .shop{
width:54%;
padding:0;
justify-content: space-between;
}
.shop_block h4{
text-align:center;
font-size:1.4em;
font-weight:bold;
margin:100px auto 50px auto;
}
.payment{
display:flex;
flex-wrap:wrap;
align-items: center;
justify-content: space-around;
width:100%;
margin:0 auto 50px auto;
}
.payment li{
width:calc(100% / 3);
margin:0 auto 15px auto;
font-size:13px;
font-weight:normal;
text-align:center;
}
.payment li:before{
content:"・";
font-size:13px;
font-weight:normal;
padding:0;
}

.switch_text {
 display: inline-block;
 position: relative;
 color: #000;
 transition: 0.5s;
}
.switch_text::before {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 color: transparent;
 text-align: center;
 text-decoration: underline;
 white-space: nowrap;
 transition: 0.5s;
 content: attr(data-hover-text);
}
.switch_text:hover {
 color: transparent;
}
.switch_text:hover::before {
 color: #000;
}


.shop_news{
margin:50px auto;
width:100%;
}
.shop_news ul{
width:100%;
height:190px;
max-width:calc(81% + 120px);
margin:0 auto 100px auto;
padding:0 10px 0 0;
}
hr{
width:90%;
height:15px!important;
border:0;
background-color:rgba(255,255,255,0)!important;
margin:0 auto 80px auto;
}
hr.orange_line{
box-shadow: 0px 10px 10px -5px rgba(239,131,43,0.7)!important;
}
.shop_news hr.green_line{
box-shadow: 0px 10px 10px -5px rgba(40,114,87,0.7);
}
.shop_news ul li{
width:180px!important;
height:180px!important;
margin:0 10px 0 0!important;
padding:0!important;
text-align:left;
}
.shop_news ul li a{
display:block;
width:180px!important;
height:180px!important;
margin:0;
padding:0;
position:relative;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.4);
}

.shop_news ul a li .shop_name{
color:#000000;
}
.shop_name_pos{
position:absolute;
bottom:45px;
left:0;
height:auto;
}
.shop_name_pos2{
position:absolute;
bottom:0;
left:0;
height:auto;
}
.shop_news ul li .shop_name{
height:auto;
width:10em;
margin:0 auto 5px 2px;
padding:2px 8px;
border-radius:8px;
color:#000000;
background-color:#ffffff;
font-size:0.5em;
font-weight:bold;
z-index:2;
text-align:center;
}

.shop_news ul li .shop_comment{
position:absolute;
bottom:0;
left:0;
height:44px;
width:100%;
padding:2px 4px;
color:#ffffff;
font-size:0.6em;
font-weight:normal;
text-align:left;
z-index:2;
}
.shop_news ul li .shop_comment span{
display:block;
margin:0 auto;
width:100%;
line-height:1.5em;
}
.shop_news ul li .shop_comment span.s_e{
display:block;
margin:0 auto;
text-align:right!important;
width:100%;
}
.shop_news ul li a .shop_comment{
background-color:#333333;
color:#ffffff!important;
}
.shop_news ul li a:hover .shop_comment{
background-color:#ea5514;
color:#ffffff!important; 
}

.product_new_icon{
position: absolute;
top: 0;
left: 0;
z-index:5;
width:50px;
height:50px;
}
.product_new_icon img{
width:50px!important;
height:50px!important;
}


.menu_bt{
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:30px 0;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center;
position:absolute;
bottom:65px;
left:calc(77% - 665px);
z-index:6;
line-height:1.5em;
transition: .5s!important;
}
.menu_bt_right{
width:130px;
height:130px;
background-color:#000000;
border-radius:50% 50%;
color:#ffffff;
font-size:0.8em;
font-weight:normal;
text-align:center;
margin:0 auto;
padding:30px 0;
display:flex;
flex-wrap: wrap;
align-items: center!important;
justify-content: center;
position:absolute;
bottom:65px;
right:calc(77% - 665px);
z-index:6;
line-height:1.5em;
transition: .5s!important;
}
.menu_bt span,.menu_bt_right span{
font-size:0.6em;
display:block;
width:100%;
margin:0 auto;
padding:0;
}
.menu_bt:hover{
width:160px;
height:160px;
background-color:#ff6600;
font-size:1em;
padding:45px 0;
position:absolute;
bottom:50px;
left:calc(77% - 680px);
transition: .5s!important;
}
.menu_bt_right:hover{
width:160px;
height:160px;
background-color:#ff6600;
font-size:1em;
padding:45px 0;
position:absolute;
bottom:50px;
right:calc(77% - 680px);
transition: .5s!important;
}
.menu_bt a,.menu_bt_right a,.menu_bt a:hover,.menu_bt_right a:hover{
color:#ffffff!important;
text-decoration:none;
}











.shop_text{
text-align:center;
font-size:1.1em;
font-weight:bold;
line-height:1.7em;
margin:0 auto;
padding:5vw 0;
width:90%;
}


.new_menu{
margin:0 auto 100px auto;
height:auto
}
.new_menu h4{
font-size:0.8em;
margin:0 auto 30px auto;
}
.new_menu_area{
width:100%!important;
height:auto;
}
.new_menu_box{
width:98%;
height:auto;
background-color:#eeeeee;
margin:0 auto;
padding:5px;
text-align:center;
}
.new_menu_box h5{
width:100%;
height:auto;
font-size:0.8em;
font-weight:bold;
padding:5px;
text-align:center;
}
.new_menu_box .new_menu_box_inner{
width:100%;
height:auto;
}
.new_menu_box .new_menu_pict{
width:100%;
height:300px;
overflow:hidden;
margin:0 auto 1vw auto;
float:none;
}
.new_menu_box .new_menu_pict img{
object-fit: cover;
height:100%;
margin:0 auto;
}
.new_menu_box table{
width:100%;
height:auto;
margin:0;
font-size:0.75em;
line-height:1.6em;
border:none;
background-color:#ffffff;
float:none;
}

}
.new_menu_box table td{
padding:3px 5px;
vertical-align:top;
border:none;
display:block;
}
.new_menu_box table tr{
width:100%;
}
.new_menu_box table tr.food_text{
font-size:0.9em;
height:auto;
width:100%;
word-break:break-all;
}
.new_menu_box table tr.allergy_list{
height:auto;
width:100%;
}
.new_menu_box table tr.allergy_list .allergy{
display:flex!important;
flex-wrap: wrap;
margin:3px auto;
}
.new_menu_box table tr.allergy_list .allergy p{
font-size:0.9em;
color:#ff6699;
margin:0!important;
padding:0 3px;
display:inline-block;
word-break:break-all;
}
.new_menu_box table tr:hover,.new_menu_box table td:hover,.new_menu_box .new_menu_head:hover,.new_menu_box .new_menu_head_left:hover{
background-color:#ffffff;
}
.new_menu_box .new_menu_head_left{
font-size:0.9em;
text-align:left;
font-weight:bold;
width:100%;
white-space: nowrap;
}
.new_menu_info_bg{
background-color:#ffffff;
}
.new_menu_box .new_menu_head{
font-size:0.9em;
text-align:left;
font-weight:bold;
width:auto;
white-space: nowrap;
}


.shop_info{
width:100%;
height:auto;
margin:0 auto!important;
padding:0;
}
.shop_info_inner{
width:100%;
height:auto;
display:block;
padding:50px 0 200px 0;
}
.shop_info_box{
font-size:0.8em;
font-weight:normal;
margin:15px auto 50px auto!important;
width:100%;

}
.shop_info_box h5{
text-align:center;
color:#ffffff;
font-size:1.5em;
font-weight:bold;
margin:0 auto 20px auto;
padding:10px 0;
background-image:url(../images/bg3.jpg)!important;
width:100%;
}

.shop_info_box table{
margin:0 auto 5px auto;
font-size:1em;
line-height:1.6em;
border:solid 1px #eeeeee;
background-color:#fdfdfd!important;
}
.shop_info_box table tr:hover{
background-color:#ffffff!important;
}
.shop_info_box table td{
padding:5px 3px;
}
.shop_info_box table td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;

}
.shop_info_box table td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell_l{
text-align:left;

width:80%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.food_menu{
text-align:left;
font-weight:bold;
margin:5px auto 10px auto;
padding:0 0 0 5px;
line-height:1.2em;
border-left:solid 5px #999999;
}
.shop_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_icon img{
width:60px;
margin:0 10px;
}
.shop_sns_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_sns_icon img{
width:40px;
margin:0 auto;
}
.store_map{
width:calc(100% - 10px);
aspect-ratio: 1;
margin:5px auto;
}



.shop_info_box table.foodmenu td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:top;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell p,.food_menu_info{
font-size:1em;
line-height:1.6em;
padding:2px 3px;
margin:0 auto 10px auto;
text-align:left;
}
.other_menu{
margin:1vw auto;
padding:0.5vw;
width:96%;
background-color:rgba(255,255,255,0.7);
}
.allergy{
display:flex;
flex-wrap: wrap;
margin:3px auto;
}
.allergy li{
font-size:0.75em;
line-height:1.1em;
padding:2px 3px;
color:#ff6699;
}
.allergy li.allergy_title{
font-weight:bold;
padding:2px 3px 2px 0;
}

.shop_link_bt{
width:auto;
height:50px;
margin:20px auto 0 auto;
padding:0;
border-radius:25px;
color:#ffffff;
font-size:0.9em;
text-align:center;
background-color:#000000;
display:flex;
align-items: center;
justify-content: center;
}
.shop_link_bt span{
font-size:0.7em;
display:block;
}
.shop_link_bt a{
color:#ffffff;
}



.first_borneo{
margin:0 auto 50px auto;
width:100%;
height:auto;
}
.first_borneo .first_borneo_info{
width:90%;
margin:0 auto;
}
.first_borneo .first_borneo_info h5{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto;
}
.first_borneo .first_borneo_info p{
text-align:left;
font-size:13px;
font-weight:normal;
margin:0 auto 15px auto;
}
.first_borneo .first_borneo_pict{
width:90%;
margin:0 auto 15px auto;
}
.first_borneo .first_borneo_pict img{
width:100%!important;
}
.first_sdgs{
margin:0 auto 50px auto;
width:100%;
height:auto;
}
.first_sdgs .first_sdgs_info{
width:90%;
margin:0 auto;
}
.first_sdgs .first_sdgs_info h5{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto;
}
.first_sdgs .first_sdgs_info p{
text-align:left;
font-size:13px;
font-weight:normal;
margin:0 auto 15px auto;
}
.first_sdgs .first_sdgs_pict{
width:100%;
}
.first_sdgs .first_sdgs_pict img{
width:100%!important;
}

.first_emergency{
margin:0 auto 50px auto;
width:100%;
height:auto;
}
.first_emergency .first_emergency_info{
width:90%;
margin:0 auto 15px auto;
}
.first_emergency .first_emergency_info_right{
width:90%;
margin:0 auto 15px auto;
}
.first_emergency .first_emergency_info h5,.first_emergency .first_emergency_info_right h5{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto;
}
.first_emergency .first_emergency_info p,.first_emergency .first_emergency_info_right p{
text-align:left;
font-size:13px;
font-weight:normal;
margin:0 auto 15px auto;
}
.first_emergency .first_emergency_info_right p span{
display:block;
margin:0 auto 15px auto;
font-size:14px;
font-weight:bold;
}


.restaurant_sdgs{
margin:0 auto 50px auto;
width:100%;
height:auto;
}
.restaurant_sdgs .restaurant_sdgs_info{
width:90%;
margin:0 auto;
}
.restaurant_sdgs .restaurant_sdgs_info h5{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto;
}
.restaurant_sdgs .restaurant_sdgs_info p{
text-align:left;
font-size:13px;
font-weight:normal;
margin:0 auto 15px auto;
}
.restaurant_sdgs .restaurant_sdgs_pict{
width:90%;
margin:0 auto;
}
.restaurant_sdgs .restaurant_sdgs_pict img{
width:100%!important;
}




.shop_borneo{
margin:0 auto 50px auto;
width:100%;
height:auto;
}
.shop_borneo .shop_borneo_info{
width:90%;
margin:0 auto;
}
.shop_borneo .shop_borneo_info h5{
text-align:center;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto;
}
.shop_borneo .shop_borneo_info p{
text-align:left;
font-size:13px;
font-weight:normal;
margin:0 auto 15px auto;
}
.shop_borneo .shop_borneo_pict{
width:90%;
margin:0 auto;
}
.shop_borneo .shop_borneo_pict img{
width:100%!important;
}






.shop_sdgs{
margin:0 auto 50px auto;
width:100%;
height:auto;
}
.shop_sdgs .shop_sdgs_info{
width:90%;
margin:0 60px 0 15%;
}
.shop_sdgs .shop_sdgs_info h5{
text-align:center;
font-size:14px;
margin:0 auto 15px auto;
}
.shop_sdgs .shop_sdgs_info p{
text-align:left;
font-size:13px;
font-weight:normal;
margin:0 auto 15px auto;
}
.shop_sdgs .shop_sdgs_pict{
width:90%;
margin:0 auto;
}
.shop_sdgs .shop_sdgs_pict img{
width:90%!important;
}

.shop_emergency{
display:flex;
align-items:start;
justify-content:space-between;
margin:0 auto 100px auto;
width:100%;
height:auto;
}
.shop_emergency .shop_emergency_info{
width:calc(35% - 60px);
margin:0 60px 0 15%;
}
.shop_emergency .shop_emergency_info_right{
width:calc(35% - 60px);
margin:0 15% 0 60px;
}
.shop_emergency .shop_emergency_info h5,.shop_emergency .shop_emergency_info_right h5{
text-align:center;
font-size:1.6em;
margin:0 auto 30px auto;
}
.shop_emergency .shop_emergency_info p,.shop_emergency .shop_emergency_info_right p{
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align:left;
font-size:0.9em;
font-weight:normal;
margin:0 auto;
}
.shop_emergency .shop_emergency_info_right p span{
display:inline-block;
margin:0 auto 20px auto;
font-size:1.1em;
font-weight:bold;
}

.shop_timetable{
width:50%;
margin:0 auto 80px auto!important;
border-radius:9999px!important;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
}
.shop_timetable a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#000000;
transition: .5s!important;
border-radius:9999px!important;
}
.shop_timetable a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600;
transition: .5s!important;
border-radius:9999px!important;
}





/* second */
.second_area{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.second_block{
margin:0 auto;
padding:0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.second_block h3{
text-align:center;
font-size:1.8em;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 100px auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.second_header{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.second_animal_header{
width:100%;
height:auto;
margin:100px auto 50px auto;
padding:0;
}
.second_slider{
width:100%;
max-height:500px;
height:100%;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
}
.second_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.second_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.second_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.second_header .second_catch,.second_animal_header .second_catch{
width:100%;
height:auto;
padding:0!important;
margin:30px auto;

}
.second_header .second_catch h2,.second_animal_header .second_catch h2{
font-size:22px;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.second_header .second_catch span,.second_animal_header .second_catch span{
font-size:16px;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 5px auto;
}
.second_inner{
width:100%!important;
margin:30px auto;
font-size:13px!important;
}
.second_title{
width:100%;
height:auto;
min-height:auto;
padding:0!important;
margin:15px auto;

flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size:20px;
color:#ffffff;
}
.second_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:16px;
background-image:none!important;
background-color:transparent!important;
}
.second_title p{
width:90%;
height:auto!important;
padding:0!important;
margin:15px auto 0 auto!important;
color:#ffffff;
font-size:13px;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
.second_title h3 span{
font-size:14px;
font-weight:normal;
}


.second_box{
width:100%;
height:auto;
min-height:28vw;
padding:15px;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-color:rgba(45,66,25,0.4);
color:#cccccc;
font-size:13px;
line-height:1.8em;
text-align:left;
}
.second_box .second_content{
width:100%;
text-align:left;
color:#cccccc;
font-size:13px;
font-weight:normal;
margin:0 auto 30px auto;
padding:0!important;
}
.second_box ol{
width:96%;
margin:15px auto 15px 4%;
}
.second_box ol li{
font-weight:bold;
margin:10px auto;
}
.second_box ul{
width:96%;
margin:15px auto 15px 4%;
}
.second_box ul li{
font-weight:bold;
margin:10px auto;
list-style-type: disc;
}
.second_box ul li::marker{
 font-size: 100%;
 font-weight: bold;
 line-height: 1;
}
.second_box h4{
margin:0 auto 5px auto;
padding:5px 0;
width:100%;
background-color:#131313!important;
color:rgba(255,255,255,1)!important;
font-size:16px;
font-weight:bold;
text-align:center;
}
.second_box h4 span{
font-size:13px;
font-weight:normal!important;
text-align:center;
}
.second_box h5{
width:100%;
text-align:center;
color:#ffffff;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto !important;
padding:10px 0;
background-color:#000000;
}
.second_box div.second_more_info{
width:96%;
text-align:left;
color:#ffffff;
font-size:0.9em;
line-height:1.8em;
font-weight:bold;
margin:15px auto 30px auto!important;
padding:0!important;
}
.second_box div.second_more_info span{
display:inline-block;
margin:0!important;
padding:0 10px;
font-weight:normal;
background-color:#ffffff;
color:rgba(45,66,25,1)!important;
}

.second_box .second_infobox{
width:calc(96% - 2vw);
text-align:left;
color:#ffffff;
font-size:13px;
font-weight:normal;
margin:15px auto;
padding:15px;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_box .second_infobox h5{
width:100%;
text-align:center;
color:#000000;
font-size:14px;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_box table{
margin:0 auto 15px auto!important;
}
.second_box table tr{
border:none!important;
}
.second_box table th{
background-color:rgba(45,66,25,0.8)!important;
border:solid 1px #999999;
padding:10px 0;
color:#cccccc;
font-size:14px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:10px 0;
color:#cccccc;
font-size:13px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td img{
width:80%;
margin:10px auto;
}
.second_box table tr:hover,.second_box table td:hover{
background-color:rgba(45,66,25,0.8);
}
.second_box table.no_hover tr:hover,.second_box table.no_hover td:hover{
background-color:rgba(45,66,25,0)!important;
}
.second_box table th span,.second_box table td span{
color:#cccccc;
font-size:13px;
font-weight:normal;
display:block;
}

.second_box .liftbus_pict{
width:100%;
text-align:center;
margin:0 auto!important;
padding:0!important;
}
.second_box .liftbus_pict img{
width:80%;
margin:0 auto;
}
.second_box .liftbus_content{
width:100%;
margin:2vw auto !important;
padding:0!important;
display:flex;
}
.second_box div.second_select{
width:100%;
text-align:left;
color:#cccccc;
font-size:13px;
font-weight:normal;
margin:0 auto 10px auto !important;
padding:0!important;
}
.second_box div.second_select a{
font-size:13px;
font-weight:bold;
}
.second_box div.second_waiting_information{
width:96%;
text-align:left;
color:#cccccc;
font-size:1em;
font-weight:normal;
margin:15px auto !important;
padding:15px!important;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_box div.second_waiting_information h5{
text-align:center;
color:#ffffff;
font-size:14px;
font-weight:bold;
margin:0 auto 15px auto !important;
}
.second_box div.second_waiting_information div{
width:100%;
text-align:center;
color:#000000;
font-size:16px;
font-weight:bold;
margin:0 auto 15px auto !important;
padding:10px 0;
background-color:#ffffff;
}
.second_box div.second_waiting_information p{
text-align:center;
color:#ffffff;
font-size:13px;
font-weight:normal;
text-align:left;
width:90%;
margin:0 auto;
}
.second_box .mommy_content{
width:100%;
text-align:left;
color:#cccccc;
font-size:0.9em;
font-weight:normal;
margin:2vw auto 2vw auto!important;
padding:0!important;
}
.second_box .birthday{
width:100%;
text-align:center;
color:#ffffff;
font-size:13px;
font-weight:bold;
line-height:2em;
margin:0 auto 15px auto!important;
padding:15px!important;
background-color:rgba(255,255,255,0.1);
}
.second_header .second_catch .pdf_icon{
width:100%;
height:auto!important;
padding:0!important;
margin:15px auto 15px auto!important;
}
.second_header .second_catch .pdf_icon a{
color:#ff9900;
font-size:14px;
font-weight:bold;
text-align:center;
}
.second_header .second_catch .pdf_icon img{
width:48px;
}




.second_box .second_reserve{
width:100%;
margin:15px auto;
border-radius:9999px!important;
color:rgba(45,66,25,1)!important;
font-weight:bold;
font-size:15px;
text-align:center;
}

.second_reserve a{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:rgba(45,66,25,1)!important;
text-decoration:none;
background-color:rgba(255,255,255,0.9);
transition: .5s!important;
border-radius:9999px!important;
}
.first_reserve a:hover,.second_reserve a:hover{
display:block;
padding:10px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
}
.second_reserve_title{
width:100%;
text-align:center;
color:#ffffff;
font-size:1em;
font-weight:bold;
margin:1vw auto !important;
}
.second_reserve_tel{
width:100%;
text-align:center;
color:#ffffff;
font-size:1.6em;
font-weight:bold;
margin:1vw auto 2vw auto !important;
}






ul.second_menu_list{
margin:30px auto!important;
}


li.second_menu{
width:100%;
margin:30px auto;
padding:0;
border-radius:16px;
list-style:none!important;
list-style-type:none;
}
.second_menu a{
width:100%;
height:auto;
margin:0 auto;
padding:15px;
border-radius:16px;
display:flex!important;
align-items: center;
justify-content: center;
text-decoration:none!important;
background-color:rgba(255,255,255,0.2);
}
.second_menu a:hover{
width:100%;
height:auto;
margin:0 auto;
padding:15px;
border-radius:16px;
display:flex!important;
align-items: center;
justify-content: center;
text-decoration:none!important;
background-color:rgba(255,255,255,0.4);
}
.second_menu .plan_thumbnail{
width:calc(40% - 15px);
margin:0 15px 0 0;

}
.second_menu .plan_thumbnail img{
width:100%;
}
.second_menu .plan_info{
margin:0 auto;
padding: 0;
width:60%;

}
.second_menu .plan_name{
margin:0 auto 10px auto;
color:#ff9900!important;
font-size:14px;
font-weight:bold;
}
.second_menu .plan_content{
color:#ffffff;
font-size:13px;
font-weight:normal;
line-height:1.6em;
}
.second_menu .next_bt{
margin:10px auto 0 auto;
color:#ff9900!important;
font-size:13px;
font-weight:bold;
text-align:right;
}
.second_food_box{
margin:1.5vw auto 1.5vw auto;
width:100%;
padding :0.5vw 0 1.5vw 0;
display:block;

border-top: dotted 1px #cccccc;
border-bottom: dotted 1px #cccccc;
}
.second_food_box .second_title{
width:calc(100% - 2vw);
height:auto;
padding:1vw!important;
margin:1vw auto 0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color:#cccccc;
font-size:16px;
text-align:left;
}
.second_food_box .second_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:16px;
}
.second_food_box .second_title p{
width:90%;
height:auto!important;
padding:0!important;
margin:3vw auto 0 auto!important;
color:#ffffff;
font-size:13px;
line-height:1.8em;
font-weight:normal;
text-align:left;
}
.second_food_box .second_title h3 span{
font-size:14px;
font-weight:normal;
}
.second_food_box .second_box{
width:calc(100% - 2vw);
height:auto;
padding:1vw!important;
margin:1vw auto 0 auto;
display:flex;
flex-wrap: wrap;
align-items: flex-start ;
justify-content: center;
align-content: flex-start;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.9em;
text-align:left;
}
.second_food_box .second_box .bbq{
display:block;
margin:3vw auto;
padding:5px 0;
width:100%;
height:auto;
color:rgba(45,66,25,1)!important;
text-decoration:none;
background-color:rgba(255,255,255,0.9);
transition: .5s!important;
border-radius:9999px!important;
text-align:center;
}

.second_food_box .second_box .bbq:hover{
display:block;
margin:3vw auto;
padding:5px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
text-align:center;
}

.second_food_box .second_box_null{
width:calc((100% / 3) - 2vw);
height:auto;
margin:1vw auto 0 auto;
padding:1vw!important;
}




.second_box .second_food_pict{
width:100%;
text-align:center;
margin:0 auto 1vw auto!important;
padding:0!important;
}
.second_box .second_food_pict img{
width:100%;
}
.second_box .second_allergy{
margin:5px auto 15px auto!important;
padding:0 0 10px 0;
border-bottom:dotted 1px #ffffff;
width:100%;
}
.second_box .second_allergy h5{
margin:0 0 5px 0!important;
padding:0;
font-size:1em;
font-weight:bold;
text-align:left;
}
.second_box .second_allergy p{
display:inline-block;
margin:0 2px 2px 0!important;
padding:0 5px;
border:solid 1px #ffffff;
font-size:1em;
font-weight:bold;
}
.second_box table.reserve_file{
margin:0 auto 15px auto!important;
}
.second_box table.reserve_file td{
background-color:rgba(45,66,25,0)!important;
border:none!important;
padding:5px 0;
color:#cccccc;
font-size:1em;
text-align:center;
vertical-align:middle;
font-weight:bold;
}
.second_box table.reserve_file td a,.second_box table.reserve_file td a span{
color:#ff9900;
}
.second_box table.reserve_file tr:hover,.second_box table.reserve_file td:hover{
background-color:rgba(45,66,25,0)!important;
}
.second_box table.reserve_file td span{
color:#cccccc;
font-size:0.9em;
font-weight:normal!important;
}
.second_box table.reserve_file td img{
width:48px;
margin:0 auto 10px auto;
}
.other_plan{
width:100%;
margin:15px auto 15px auto!important;
padding:10px 0 0 0;
border-top:dotted 1px #ffffff;
}
.other_plan h3{
width:100%;
margin:0 auto 10px auto!important;
font-size:18px;
}
.other_plan ul{
width:100%;
display:flex!important;
align-items: flex-start;
justify-content: center;
}
.other_plan ul li{
width:auto;
padding:0 1vw;
font-size:1vw;
text-align:left;
}
.other_plan ul li a{
color:#ff9900;
}
.second_movie{
width:90%;
height:auto!important;
aspect-ratio: 4 / 3;
margin:0 auto;
padding:0;
}
.second_movie iframe{
object-fit: cover;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
}
.second_pict{
width:90%;
height:auto;
min-height:28vw;
aspect-ratio: 4 / 2;
margin:0 auto;
padding:0;
}
.second_pict img{
object-fit: cover!important;
width:100%!important;
height:100%!important;
margin:0 auto;
padding:0;
}
.second_spec{
width:100%;
height:auto;
min-height:28vw;
padding:15px!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
font-size:13px;
}
.second_spec h5{
text-align:center;
width:100%;
margin:0 auto 15px auto;
padding:3px;
background-color:#000000;
color:#ffffff;
font-size:14px;
font-weight:bold;
}
.second_spec table{
margin:0 auto;
width:100%;
}
.second_spec table tr{
border:none!important;
}
.second_spec table tr:hover,.second_spec table td:hover{
background-color:rgba(45,66,25,0.8)!important;
}
.second_spec table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:8px 5px;
color:#cccccc;
font-size:13px;
}
.second_spec table td.left_cell{
text-align:center;
width:30%;
font-weight:bold;
}
.second_spec table td.right_cell{
text-align:left;
width:70%;
font-weight:bold;
}
.second_spec table td.right_cell_animal{
text-align:left;
width:70%;
font-weight:bold;
}

.second_spec table td.new_info{
text-align:left;
width:90%;
font-weight:bold;
color:#ff0000;
}


.second_spec table td.italic_cell{
font-weight: normal;
font-style: italic;
font-family: "Times New Roman,serif";
}
.second_spec .second_spec_text{
text-align:left;
width:96%;
margin:15px auto;
color:#ffffff;
font-size:13px;
font-weight:bold;
}
.second_spec .second_link_box{
width:100%;
margin:0 auto 3vw auto;
}
.second_spec .second_link_box p{
width:100%;
display:block;
margin:0 auto 15px auto;
}

.second_spec_ex{
width:100% ;
text-align:left;
color:#ffffff;
font-size:13px;
font-weight:normal;
margin:15px auto;
padding:10px;
border:solid 1px #ffffff;
background-color:rgba(255,255,255,0.1);
}
.second_spec_ex h6{
width:100%;
text-align:left;
font-size:1.1em;
font-weight:bold;
margin:0 auto 0.5vw auto !important;
}
.second_spec_ex h5{
width:100%;
text-align:center;
color:#000000;
font-size:1.1em;
font-weight:bold;
margin:0 auto 1vw auto !important;
padding:0.5vw 0;
background-color:#ffffff;
}
.second_spec_ex img{
width:40%;
float:right;
margin:0 0 20px 20px !important;
}









.second_map{
width:100%;
height:auto;
min-height:28vw;
padding:15px;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
font-size:13px;
}
.second_map table{
margin:0 auto;
}
.second_map table tr{
border:none!important;
}
.second_map table tr:hover,.second_map table td:hover{
background-color:rgba(45,66,25,0.8)!important;
}
.second_map table td{
background-color:rgba(45,66,25,0)!important;
border:solid 1px #999999;
padding:8px 5px;
color:#cccccc;
font-size:13px;
text-align:center;
}
.second_map table td.left_cell{
text-align:center;
width:50%;
font-weight:bold;
}
.second_map table td.right_cell{
text-align:center;
width:50%;
font-weight:bold;
}
.map_image{
text-align:center;
}
.second_map table td img,.map_image img{
margin:0 auto;
width:80%;
height:auto;
border:solid 1px #999999;
}




.second_gallery,.second_env_gallery{
width:100%;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#ffffff;
}
.second_gallery .flexslider,.second_env_gallery .flexslider {
margin: 0 auto;
width:100%!important;
height:auto!important;
zoom: 1;
z-index:2;
display:block;
text-align:center;
}
.second_gallery .flexslider .slides,.second_env_gallery .flexslider .slides {
zoom: 1;
margin:0 auto!important;
padding:0!important;
width:calc(100% - 16px)!important;
height:auto;
z-index:3;
text-align:center;
aspect-ratio: auto!important;
}

.second_gallery .flexslider .slides img,.second_env_gallery .flexslider .slides img {
width:100%!important;
height:auto!important;
margin:0 auto!important;
overflow:hidden!important;
-moz-user-select: none!important;
z-index: 4;
}
.second_gallery .flexslider .slides video,.second_env_gallery .flexslider .slides video {
width:100%;
height:auto;
	position: absolute;
top:0vw;
	left:2vw;
	margin:0 auto;
	padding:0!important;
	-moz-user-select: none;
	vertical-align:middle;
	background-color:tranceparent;
z-index: 4;
}
.second_gallery .flex-control-thumbs,.second_env_gallery .flex-control-thumbs {
width:100%!important;
display: -webkit-flex;
display: flex!important;
flex-wrap:wrap!important;
margin:1vw auto!important;
padding:0 8px!important;
position: relative!important;
}
.second_gallery .flex-control-thumbs li,.second_env_gallery .flex-control-thumbs li {
width: calc((100% / 8) - 4px)!important;
height:auto;
aspect-ratio: 1 / 1;
margin:0 2px !important;
padding:0!important;
}

.second_gallery .flex-control-thumbs img,.second_env_gallery .flex-control-thumbs img {
width: 100%;
height:auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
object-fit: cover;
}

.second_gallery .flex-control-thumbs img:hover,.second_env_gallery .flex-control-thumbs img:hover {
  opacity: 1;
}
.second_gallery .flex-control-thumbs .flex-active,.second_env_gallery .flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.second_gallery .flex-control-thumbs img:hover,.second_env_gallery .flex-control-thumbs img:hover {
  opacity: 1;
}



/*
.second_gallery{
width:100%;
height:auto;
padding:15px!important;
margin:0 auto;
display:flex;
background-color:rgba(45,66,25,0.4)!important;
}
.flexslider {
margin: 0 auto;
width:100%;
height:auto;
zoom: 1;
z-index:2;
display:block;
text-align:center;
}
.flexslider .slides {
zoom: 1;
margin:0 auto 40px auto;
padding:0 0 30px 0;
width:90vw;
height:auto;
z-index:3;
text-align:center;
aspect-ratio: auto;
}

.flexslider .slides img {
width:100%!important;
height:auto!important;
margin:0 auto!important;
overflow:hidden!important;
-moz-user-select: none!important;
z-index: 4;
}
.flexslider .slides video {
width:100%;
height:auto;
	position: absolute;
top:0vw;
	left:2vw;
	margin:0 auto;
	padding:0!important;
	-moz-user-select: none;
	vertical-align:middle;
	background-color:tranceparent;
z-index: 4;
}

ol.flex-control-thumbs {
width:90vw;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
justify-content: flex-start;
margin:30px auto;
padding:0 0 0 10px;
}
.flex-control-thumbs li {
width: calc((100% / 6) - 8px);
height:auto;
aspect-ratio: 1 / 1;
margin:4px!important;
padding:4px!important;
}

.flex-control-thumbs img {
width: 100%;
height:100%;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
object-fit: cover;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}


*/

.second_spec table td.right_cell_animal .second_animal_list{
width:calc((100% / 2) - 4px);
margin:2px;
aspect-ratio: 1 / 1;
overflow:hidden;
position:relative;
background-color:#000000;
float:left;
}
.second_spec table td.right_cell_animal .second_animal_list a{
display:block;
width:100%;
height:100%;
}
.second_spec table td.right_cell_animal .second_animal_list a:hover{
display:block;
width:100%;
height:100%;

}
.second_spec table td.right_cell_animal .second_animal_list a img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
}
.second_spec table td.right_cell_animal .second_animal_list a:hover img{
object-fit: cover;
width:100%;
height:100%;
background-color:#000000;
opacity: 0.50;
}
.second_spec table td.right_cell_animal .second_animal_list a p{
width:100%;
position:absolute;
text-align:center;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,0);
}
.second_spec table td.right_cell_animal .second_animal_list a:hover p{
width:100%;
position:absolute;
text-align:center;
top:calc(50% - 1em);
left:0;
right:0;
z-index:2;
color:rgba(255,255,255,1);
}
.second_spec table td.right_cell_animal .second_animal_list_more{
width:calc(100% - 4px)!important;
margin:2px;
padding:10px 0 0 0;
clear:both;
float:none;
display:block;
}
.second_box table.taxi_table{
margin:0 auto 15px auto!important;
width:100%;
border:solid 1px #999999;
}
.second_box table.taxi_table tr{
border:none!important;
}
.second_box table.taxi_table td:hover{
background-color:rgba(45,66,25,0.8);
}
.second_box table.taxi_table td{
background-color:rgba(45,66,25,0)!important;
padding:15px;
color:#cccccc;
font-size:13px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.second_box table td span{
color:#cccccc;
font-size:12px;
font-weight:normal;
}
.taxi_table .leftcell{
width:25%;
}
.taxi_table .turnback{
white-space: nowrap;
width:calc(100% - 1.6vw)!important;
}
.taxi_table .alignleft{
text-align:left;
width:calc(100% - 1.6vw)!important;
}
.second_box table .pickup_name,.second_box table .dropoff_name{
font-size:12px;
background-color:rgba(45,66,25,0.8)!important;
font-weight:bold;
}
.second_box table .pickup_time,.second_box table .dropoff_time{
font-size:14px;
font-weight:bold;
}
.second_root_pict{
width:90%;
margin:30px auto 15px auto;
}
.second_root_pict img{
width:100%;
}
.second_root_text{
text-align:left;
font-size:13px;
margin:0 auto 30px auto;
width:90%;
}
.second_root_googlemap{
width:90%!important;
margin:15px auto 0 auto;
padding:0;
}
.second_googlemap iframe{
margin:0 auto;
padding:0;
}
.parking_fee{
width:90%;
margin:15px auto;
}
.parking_fee td{
font-size:13px!important;
font-weight:bold!important;
}
.second_box_pict{
width:90%;
margin:30px auto 15px auto;
}
.second_box_pict img{
width:100%;
}
.flex-control-thumbs{
width:25vw;
height:auto;
}




.second_bottom{
margin:30px auto;
padding:5px 0 15px 0;
background-color:rgba(255,255,255,0.1);
width: 100%!important;
text-align:center;
}
.second_bottom h3{
margin:20px auto 10px auto!important;
padding:0!important;
color:#ffffff;
font-size:16px;
font-weight:bold;
text-align:center;
width: 100%;
}
.second_text_link{
width: 90%!important;
display:flex;
flex-wrap: wrap;
align-items:space-around!important;
margin:0 auto;
padding:0!important;
text-align:center;
}
.second_text_link li{
width:auto;
font-size:13px;
font-weight:bold;
margin:0 10px 10px 0;
padding:0;
text-align:center;
color:#ffffff;
}
.second_text_link li a{
color:#ffffff;
}
.second_text_link li a:hover{
color:#ff9900;
}



/* お問い合わせ */
#inquiry .qanda_area{
width:100%;
height: auto;
z-index: 5;
margin:50px auto 100px auto;
position: relative;
display:flex;
flex-wrap: wrap;
font-size:1.4vw!important;
}
.qanda_title{
width:50%;
height:auto;
padding:0!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
font-size:1em;
}
.qanda_title h3{
height:auto!important;
padding:0!important;
margin:0 auto!important;
font-size:1.5em;
color:#ffffff;
font-weight:bold;
}
.qanda_title h3 span{
font-size:0.7em;
font-weight:normal;
}
.qanda_box{
width:50%;
height:auto;
min-height:28vw;
padding:1vw 2vw!important;
margin:0 auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
align-content: center;
background-color:rgba(45,66,25,0.4)!important;
color:#cccccc;
font-size:0.8em;
line-height:1.8em;
text-align:left;
font-weight:bold;
}
#inquiry .qanda_inner{
width:100%;
height: auto;
margin:30px auto;
padding:15px 5px;
background-color:rgba(45,66,25,0.4)!important;
z-index: 5;
}
#inquiry .qanda_inner .tab{
display: flex;
flex-wrap: wrap;
z-index: 6;
margin:0 auto;
padding:0;
}
#inquiry .qanda_inner .tab li a{
display: block;
background-color:#dddddd;
margin:0 4px 0 0;
padding:10px 12px;
font-size:0.6em;
font-weight:bold;
z-index: 6;
color:#333333!important;
}
#inquiry .qanda_inner .tab li a:hover{
color:#ff9900!important;
}
#inquiry .qanda_inner .tab li.active a{
background:#868686;
z-index: 6;
color:#ffffff!important;
}
#inquiry .qanda_inner .tab li.active a:hover{
background:#868686;
z-index: 6;
color:#ff9900!important;
}

#inquiry .qanda_inner .area {
display: none;
opacity: 0;
background:#868686;
padding:20px 0 5px 0;
z-index: 10;
}
#inquiry .qanda_inner .area.is-active {
display: block;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: forwards;
}

@keyframes displayAnime{
from {
opacity: 0.5;
}
to {
opacity: 1;
}
}

.qanda_inner .accordion-area{
list-style: none;
width: 96%;
margin:0 auto 15px auto!important;
text-align:left;
}
.qanda_inner .accordion-area li{
margin: 5px auto!important;
float:none!important;
width: 100%;
text-align:left!important;
}


.qanda_inner .accordion-area section {
width: 100%;
}
.qanda_inner .accordion-area .title {
position: relative;
cursor: pointer;
font-size:0.6em!important;
line-height:1.8em!important;
font-weight: bold;
word-wrap:break-word;
padding: 10px 10px!important;
margin: 0 auto!important;
transition: all .5s ease;
text-align:left!important;
width:100%!important;
border:solid 1px #e5e5e5;
background-color:#333333;
background-image:none!important;
}
.qanda_inner .accordion-area .title .q_text{
display:inline-block;
width:calc(100% - 30px);
vertical-align:middle;
background-image:url(../images/q.svg)!important;
background-repeat: no-repeat;
background-position:0 center;
background-size:20px;
padding:0 0 0 30px;
}
.qanda_inner .accordion-area .title:hover {
color: #ff9900;
border:solid 1px #f3f3f3;
background-color:#e5e5e5;
}
.qanda_inner .accordion-area .title:active {
color: #ff9900;
border:solid 1px #f3f3f3;
background-color:#e5e5e5;
}
.qanda_inner .accordion-area .title::before,
.qanda_inner .accordion-area .title::after{
position: absolute;
content:'';
width: 20px;
height: 4px;
background-color: #333;
}
.qanda_inner .accordion-area .title::before{
top:23px;
right: 10px;
transform: rotate(0deg);
}
.qanda_inner .accordion-area .title::after{
top:23px;
right: 10px;
transform: rotate(90deg);
}
.qanda_inner .accordion-area .title.close::before{
transform: rotate(45deg);
}
.qanda_inner .accordion-area .title.close::after{
transform: rotate(-45deg);
}

.qanda_inner .accordion-area .title.close{
transition: all .5s ease;
color: #ff9900;
}
.qanda_inner .accordion-area .box {
display: none;
background: #ffffff;
border:solid 1px #f3f3f3;
margin:0 auto;
padding: 10px!important;
width: 100%;
height:auto;
overflow:visible;
animation-name: displayAnime;
animation-duration: 2s;
animation-fill-mode: both;
}
.qanda_inner .accordion-area .box .answer_text_l {
font-size:0.6em;
line-height:1.8em;
margin:10px auto;
width:calc(100% - 30px);
background-image:url(../images/a.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:20px;
padding:0 0 0 30px;
}
.qanda_inner .accordion-area .box .answer_text {
line-height:1.8em;
width:calc(70% - 30px);
background-image:url(../images/a.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:20px;
padding:0 0 0 30px;
font-size:0.7em;
line-height:1.8em;
margin:10px 20px 20px 0;
float:left;
}
.qanda_inner .accordion-area .box .answer_text_l a,.accordion-area .box .answer_text a {
color: #ff9900;
display:inline-block;
margin:10px 0 0 0;
padding:0 0 0 20px;
background-image:url(../images/link.svg)!important;
background-repeat: no-repeat;
background-position:0 5px;
background-size:16px;
}
.qanda_inner .accordion-area .box .answer_text_l span,.accordion-area .box .answer_text span {
display:inline-block;
width:30px;
height:auto;
max-height:20em;
margin:0;
vertical-align:top;
float:left;
font-weight:bold;
}
.qanda_inner .accordion-area .box .answer_pict {
width:30%;
height:auto;
margin:2px auto;
text-align:center!important;
padding:0;
float:left;
}
.accordion-area .box .answer_pict img {
width:100%!important;
height:auto;
margin:0 auto;
text-align:center;
padding:0;
}


/* contact form */
#contact {
width:100%;
background-color:rgba(45,66,25,0.4)!important;
margin:30px auto;
padding:10px 0 20px 0;
}
.contact_inner{
width: 100%;
height:auto;
color:#ffffff;
text-align:center;
margin:0 auto;
font-size:16px!important;
}
.fullsize{
width:100%;
}
.normalsize{
width:100%;
}
.qanda_area h4,#contact h4 {
width:100%;
font-size:16px;
font-weight:800;
margin:15px auto;
padding: 0;
color:#ffffff;
}
#contact p.form_message {
width:90%;
font-size:13px;
line-height:2em;
margin:0 auto 50px auto;
text-align:left;
color:#ffffff;
}
table.form_table {
width:calc(96% - 10px)!important;
margin:10px auto!important;
padding:0!important;
height:auto!important;
border:solid 5px rgba(255,255,255,0.2);!important;
}
table.form_table tbody,table.form_table tr,table.form_table td p {
margin:0 auto!important;
padding:0!important;
height:auto!important;
}
table.form_table tr{
background-color:rgba(255,255,255,0.9);
color:#333333;
}
table.form_table tr.colored{
background-color:rgba(100,100,100,0.5)!important;
color:#e0e0e0;
}
table.form_table td {
padding:20px 10px!important;
font-size:13px;
font-weight:600;
word-break:break-all;
line-height:2em;
vertical-align:middle!important;
}
table.form_table td.left_cell{
width:25%!important;
font-size:13px!important;
}
table.form_table td.left_cell2{
width:25%!important;
font-size:13px!important;
}
table.form_table td span.mini_text {
margin:5px 0 5px 0!important;
padding:5px 0 0 0;
font-size:13px!important;
color:#666666!important;
font-weight:bold;
line-height:1.4em!important;
}
table.form_table td span.mini_text2 {
margin:5px 0 5px 0!important;
font-size:13px!important;
color:#ff6600!important;
line-height:1em!important;
}
table.form_table td span.mini_text3 {
display:block;
margin:5px 0 5px 0!important;
font-size:13px!important;
color:#ffffff!important;
font-weight:bold;
line-height:1.4em!important;
}
table.form_table td input[type="text"] {
font-size:14px!important;
width:100%!important;
}
table.form_table td textarea {
font-size:14px!important;
width:100%!important;
line-height:1.8em;
}
table.form_table td input[type="email"] {
font-size:14px!important;
width:100%!important;
}
table.form_table td input[type="tel"] {
font-size:14px!important;
width:100%!important;
padding:5px;
}
table.form_table td input#zip,table.form_table td input#zip2 {
width:40px!important;
}
span.button_margin lavel {
padding:0 1opx 0 0;
display:inline-block;
}
input.readonly {
border:none;
font-size:14px;
background-color:transparent;
line-height:2em;
font-weight:normal;
}
input.hiddenly {
display:none
}
input.text_input{
width:100%!important;
}
input.text_input2{
width:100%!important;
padding:5px!important;
font-size:15px!important;
height:1.2em!important;
}
input.num_input2{
width:100%!important;
padding:0.5px!important;
font-size:15px!important;
height:1.2em!important;
}
textarea.area_input{
width:100%!important;
}
textarea.area_input2{
width:100%!important;
height:6em;
padding:5px!important;
font-size:15px!important;
}
tr.line input.readonly{
background-color:none;
}
input[type="button"],input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select{
font-family:sans-serif!important;
padding:5px!important;
font-size:14px!important;
}
.wpcf7-spinner{
display:none!important;
}
.wpcf7-spinner:before{
display:none!important;]
background-color:none!important;
}
.wpcf7 .wpcf7-stripe .wpcf7-form-control {
background-color:none!important;
display:none!important;
}
td.form_button_cell{
width:100%!important;
text-align:center!important;
margin:0px auto!important;
padding:0!important;
font-size:0.7em!important;
}
div.form_button {
text-align:center!important;
margin:0px auto!important;
padding:10px 0;
}
div.form_button p {
margin:0px auto!important;
padding:0!important;
width:60%;
height:auto;
background-color:#666666!important;
color: rgba(255,255,255,1)!important;
}
div.form_button a {
margin:0px auto!important;
color: rgba(255,255,255,1)!important;
}
table.form_table td a {
color: #ff9900!important;
}
input.submit_button,wpcf7-submit {
width: 100%!important;
height: auto;
text-align: center;
text-decoration: none;
outline: none!important;
padding:10px 0!important;
color: rgba(255,255,255,1)!important;
border:none;
cursor:pointer!important;
margin:0 auto!important;
font-size:1em!important;
font-weight:bold;
background-color:#666666!important;
}
input.submit_button:hover,wpcf7-submit:hover {
background-color:#333333!important;
color: rgba(255,255,255,1)!important;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: 1!important;
}
span.alert {
font-size:0.7em;
color:#f80240!important;
font-weight:bold;
padding:0 0 0 1em;
}
.screen-reader-response{
visibility:hidden;
display:none;
}
.wpcf7-not-valid-tip{
font-size:0.7em;
color:#ff6699!important;
font-weight:bold;
padding:0 0 0 1em;
}
.wpcf7-not-valid-tip:before{
content: "\A";
white-space: pre;
}
.wpcf7-validation-errors,.wpcf7-response-output{
font-size:0.7em;
color:#ff6699!important;
font-weight:bold;
text-align:center;
padding:5px 0;
border:solid 2px #ff6699!important;
}
.wpcf7-list-item-label{
margin:0 1vw 0 0.5vw;
}


/* イベントスケジュール */




.event_list_title{
background-color:#000000;
color:#cccccc;
font-size:13px;
font-weight:bold;
line-height:1.8em;
padding:5px;
margin:15px auto 0 auto;
width:80%;
text-align:center!important;
}


.event_list_head{
width:96%;
margin:30px auto 0 auto;
text-align:center;
background-color:none;
font-family:sans-serif;
font-size:16px;
border:solid 1px #dddddd;
}
.event_list_head th{
border:solid 1px #dddddd;
height:40px;
padding:0;
text-align:center;
font-size:12px;
font-weight:bold;
vertical-align:middle;
background-color:#484445;
color:#ffffff!important;
}
.event_list_head th.event_list_head_time{
width:80px;
padding:0!important;
text-align:center!important;
border-right:none!important;
word-break: break-all!important;
}
.event_list_head th.event_list_head_name{
width:calc(50% - 40px);
}
.event_list_head th.event_list_head_place{
width:calc(50% - 40px);
}




.event_list_all{
margin:0 auto 30px auto;
width:96%;
text-align:center;
background-color:none;
font-family:sans-serif;
font-size:16px;
border:solid 1px #dddddd;
}
.event_list_all tr{
border:solid 1px #dddddd;
background-color:#ffffff;
}
.event_list_all tr:nth-child(odd){
background-color:#f6f6f6!important;
}
.event_list_all td{
height:auto;
padding:0;
font-size:12px;
font-weight:bold;
vertical-align:middle;
color:#3b3c41!important;
text-align:center;
}
.event_list_all td.event_hour{
width:40px;
padding:0;
text-align:center!important;
border-right:none!important;
word-break: break-all!important;
height:100%;
}
.event_list_all td.event_other{
margin:0;
padding:0;
width:calc(100% - 40px)!important;
word-break: break-all!important;
}
.event_list_all .event_info,.event_list_all .event_info a{
display:flex;
text-align:left;
width:100%!important;
height:auto;
margin:0;
padding:0;
color:#333333!important;
}
.event_list_all td .event_info:hover,.event_list_all td .event_info:hover a{
color:#ff9900!important;
}
.event_list_all td .event_info:hover .time_hun{
color:#333333!important;
}
.event_list_all .event_info p.time_hun{
width:40px;
text-align:center;
margin:0;
padding:5px 0;
}
.event_list_all .event_info p.event_name{
width:calc(50% - 10px);
border-left:solid 1px #dddddd;
margin:0;
padding:5px;
word-break: break-all!important;
}
.event_list_all .event_info p.event_place{
width:calc(50% - 10px);
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
margin:0;
padding:5px;
}
.event_list_all .event_info p .event_required{
font-size:12px;
display:none;
width:100%;
text-align:right;
margin:15px 0 0 0; 
}
.event_list_all div.visible_type1{
display:flex!important;
}
.event_list_all div.visible_type2{
display:none;
}
.event_list_all div.visible_type3{
display:none;
}
.event_list_all div.visible_type4{
display:none;
}
.event_list_all div.visible_type5{
display:none;
}
.event_list_all div.visible_type6{
display:none;
}

.caution_text{
width:96%;
background-color:rgba(245,245,245,1);
margin:0 auto 50px auto;
padding:15px;
color:#333333;
font-family:sans-serif;
font-size:13px;
font-weight:bold;
line-height:1.8em;
text-align:left;
}
.caution_title{
margin:0 auto 15px auto;
font-size:15px;
font-weight:bold;
text-align:center;
}



/* calendar */
.calendar_area{
width:100%;
height:auto!important;
margin:0 auto;
padding:0;
}
.calendar_block{
margin:0 auto;
padding:0;
position:relative;
width:100%;
height:auto!important;
justify-content: space-around;
}
.calendar_block h3{
text-align:center;
font-size:18px;
font-weight:bold;
padding:3px 0!important;
margin:0 auto 100px auto!important;
color:#FFFFFF;
background-color:#000000;
background-image:url(../images/bg3.jpg)!important;
}
.calendar_header{
width:100%;
height:auto!important;
margin:0 auto;
padding:0;
}
.calendar_slider{
width:100%!important;
max-height:500px!important;
height:100%!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
background-color:#ffffff;
}
.calendar_slider ul{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.calendar_slider ul li{
width:100%!important;
max-height:500px!important;
height:100%!important;
margin:0;
padding:0;
}
.calendar_slider img{
width:100%!important;
max-height:500px!important;
height:100%!important;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.calendar_header .calendar_catch{
width:100%;
height:auto;
padding:0!important;
margin:15px auto 0 auto;
}
.calendar_header .calendar_catch h2{
font-size:22px;
font-weight:bold;
color:#FFFFFF;
width:100%;
}
.calendar_header .calendar_catch span{
font-size:14px;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 10px auto;
}
.calendar_inner{
width:100%!important;
height:auto!important;
margin:30px auto;

}


/*--------------------------------------------------
  予約状況
--------------------------------------------------*/
.post-type-archive-reservation  #main,
.single-reservation #main { width: auto; float: none; }

/* 一覧ページ */
.reservationList { overflow-x: auto; padding-bottom: 10px; margin-bottom: 10px; }
.reservationList::-webkit-scrollbar-button{ display: none; height: 10px; border-radius: 5px; background-color: #AAA; }
.reservationList::-webkit-scrollbar-button:hover{ background-color: #AAA; }
.reservationList::-webkit-scrollbar-thumb{ background-color: #ccc; border-radius: 5px; }
.reservationList::-webkit-scrollbar-thumb:hover{ background-color: #ddd; border-radius: 5px; }
.reservationList::-webkit-scrollbar-track{ background-color: #eee; border-radius: 5px; }
.reservationList::-webkit-scrollbar-track:hover{ background-color: #f3f3f3; border-radius: 5px; }
.reservationList::-webkit-scrollbar{ width: 10px; height: 10px; }
 
.reservationList dl { overflow: hidden; border-top: solid 1px #ccc; }
.reservationList dl dt,
.reservationList dl dd { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 3px 5px; text-align: center; float: left; width: 50px; height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.reservationList dl.head dd { line-height: 1.4; font-size: 85.7%; background: #eee; }
.reservationList dl.head dd.sun { background: #fcc; }
.reservationList dl.head dd.holiday { background: #fcc; }
.reservationList dl.body { border-top: 0; }
.reservationList dl.body dt,
.reservationList dl.body dd { height: 50px; padding: 15px 5px; }
.reservationList dl.body dd.sun { background: #fee; }
.reservationList dl.body dd.holiday { background: #fee; }
.reservationList dl.body dd span.undecided { font-size: 85.7%; color: #999; }
.reservationList dl dt.listTitle { clear: both; white-space: nowrap; text-align: left; width: 100px; }
.reservationList dl.body dt.listTitle { margin: 0; }
.reservationList dl.body dt.listTitle .post-title { font-size: 100%; border: none; padding: 0; margin: 0; }

.reservationList dl { position: relative; }
.reservationList dl dt { position: fixed; background: #fff; border-left: solid 1px #ccc; }
.reservationList dl dd:nth-child(2) { margin-left: 100px; }

.reservation-archives .selectPage {}
.reservation-archives .selectPage button { background: #eee; color: #666; padding: 0 10px; margin-right: 5px; 
	border: solid 1px #ccc; line-height: 30px; outline: none; cursor: pointer;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
    -webkit-transition: 0.2s linear;
       -moz-transition: 0.2s linear;
         -o-transition: 0.2s linear;
            transition: 0.2s linear;
}
.reservation-archives .selectPage button:hover { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }
.reservation-archives .selectNum { overflow: hidden; margin-bottom: 5px; }
.reservation-archives .selectNum .summary { float: left; width: 50%; margin-top: 5px; }
.reservation-archives .selectNum form { float: right; width: 50%; text-align: right; }
.reservation-archives .selectNum form select { background: #999; color: #fff; padding: 0 10px; min-width: 6em; height: 24px; border: none; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}




.shop_area{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
.shop_block{
margin:0 auto;
padding:5vw 0;
position:relative;
width:100%;
height:auto;
justify-content: space-around;
}
.shop_inner{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}




.shop_bgt1{
background-image:url(../images/shop_bgt2.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}
.shop_bgt2{
background-image:url(../images/shop_bgt3.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}
.shop_bgt3{
background-image:url(../images/shop_bgt4.jpg)!important;
background-repeat: no-repeat;
background-position:center top;
background-size:contain;
background-color:#ffffff!important;
min-height:1000px;
}


.shop_bg1{
background-image:url(../images/shop_bg1.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg2{
background-image:url(../images/shop_bg2.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg3{
background-image:url(../images/shop_bg3.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg4{
background-image:url(../images/shop_bg4.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg5{
background-image:url(../images/shop_bg5.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg6{
background-image:url(../images/shop_bg6.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg7{
background-image:url(../images/shop_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg8{
background-image:url(../images/shop_bg7.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg9{
background-image:url(../images/shop_bg8.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
.shop_bg10{
background-image:url(../images/shop_bg9.gif)!important;
background-repeat: no-repeat;
background-position:center bottom;
background-size:contain;
min-height:1000px;
}
/* ショップ詳細 */
.shop_slider{
width:100%!important;
height:auto!important;
overflow:hidden;
display:flex;
align-items: center;
justify-content: center;
position:relative;
margin:0;
padding:0;
}
.shop_slider h2{
width:50%;
border-radius:50px;
margin:0 auto;
padding:10px;
background-color:rgba(255,255,255,0.8);
color:#000000;
font-size:1.8em;
font-weight:bold;
position:absolute;
z-index:3;
}
.shop_slider ul{
width:100%;
height:500px;
margin:0;
padding:0;
}
.shop_slider ul li{
width:100%;
height:500px;
margin:0;
padding:0;
display:flex;
align-items: center;
justify-content: center;
}
.shop_slider img{
width:100%;
height:100%;
display:block!important;
object-fit: cover;
margin:0;
padding:0;
}
.shop_catch{
width:100%;
height:auto;
padding:30px 0 0 0!important;
margin:0 auto;
}
.shop_catch h2{
font-size:22px;
font-weight:bold;
width:100%;
color:#000000;
}
.shop_catch span{
font-size:14px;
display:inline-block!important;
text-align:center;
font-weight:normal;
line-height:1.5em;
width:100%;
margin:0 auto 10px auto;
}
.shop_text{
text-align:center;
font-size:14px;
font-weight:bold;
line-height:1.7em;
margin:0 auto;
padding:15px 0;
width:96%;
}




.shop_info{
width:90%;
height:auto;
margin:0 auto!important;
padding:0;
}
.shop_info_inner{
width:100%;
height:auto;
display:block;
padding:15px 0;
}
.shop_info_box{
font-size:13px;
font-weight:normal;
margin:15px auto;
width:100%;

}
.shop_info_box h5{
text-align:center;
color:#ffffff;
font-size:18px;
font-weight:bold;
margin:0 auto 30px auto;
padding:10px 0;
background-image:url(../images/bg3.jpg)!important;
width:100%;
}

.shop_info_box table{
margin:0 auto 5px auto;
font-size:13px;
line-height:1.6em;
border:solid 1px #eeeeee;
background-color:#fdfdfd!important;
}
.shop_info_box table tr:hover{
background-color:#ffffff!important;
}
.shop_info_box table td{
padding:5px 3px;
}
.shop_info_box table td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.second_cell_l{
text-align:left;

width:80%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.food_menu{
text-align:left;
font-weight:bold;
margin:0 auto 10px auto;
}
.shop_info_box table td.third_cell p{
overflow-wrap: break-word;
}

.shop_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_icon img{
width:60px;
margin:0 10px;
}
.shop_sns_icon{
margin:20px auto;
display:flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.shop_sns_icon img{
width:40px;
margin:0 auto;
}
.store_map{
width:calc(100% - 10px);
aspect-ratio: 1;
margin:5px auto;
}



.shop_info_box table.foodmenu td.first_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:middle;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.second_cell{
text-align:center;
font-weight:bold;
width:20%;
vertical-align:top;
border:none;
border-right:solid 1px #eeeeee!important;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell{
text-align:left;
width:60%;
vertical-align:top;
border:none;
border-bottom:solid 1px #eeeeee!important;
}
.shop_info_box table.foodmenu td.third_cell p{
font-size:14px;
line-height:1.6em;
padding:2px 3px;
margin:0 auto 10px auto;
}

.allergy{
display:flex;
flex-wrap: wrap;
margin:3px auto;
}
.allergy li{
font-size:13px;
line-height:1.1em;
padding:2px 3px;
color:#ff6699;
}
.allergy li.allergy_title{
font-weight:bold;
padding:2px 3px 2px 0;
}

.shop_link_bt{
width:auto;
height:50px;
margin:20px auto 0 auto;
padding:0;
border-radius:25px;
color:#ffffff;
font-size:0.9em;
text-align:center;
background-color:#000000;
display:flex;
align-items: center;
justify-content: center;
}
.shop_link_bt span{
font-size:0.7em;
display:block;
}
.shop_link_bt a{
color:#ffffff;
}
.icon_box{
width:90%;
height:auto!important;
padding:0!important;
margin:15px auto!important;
}
.icon_box img{
margin:0 5px 10px 5px;
width:15%;
text-align:left;
}














.dl{
margin:15px auto;
text-align:center;
}
.dl img{
width:40px;
margin:0 auto 10px auto;
}



.digimap_area {
display: flex;
flex-direction: column; /* 上下に並べる */
align-items: center;/* 中央寄せ */
margin:0 auto 30px auto;
padding:0;
background-color:#264827;
height:auto!important;
}
.close_message{
margin:3vw auto!important;
font-size:15px;
color:#ffffff;
}

  .digimap_area #map,
  .digimap_area #map2 {
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
position: relative;
  }

  .digimap_area #info-panel,
  .digimap_area #info-panel2 {
    width: 100%;
    position: relative !important;
    top: auto !important;
padding: 20px 10px;
background-color:#ffffff!important;
margin: 0 auto;
  }





/*
.digimap_area{
width:100vw!important;
height:auto;
aspect-ratio: 1 / 0.78;
margin:0 auto 30px auto;
padding:0;
display:block;
background-color:#264827;
}
.digimap_area #map,.digimap_area #map2{
width: 100vw!important;
height:auto!important;

margin:30px auto 0 auto!important;
padding:0;
object-fit: cover;
position: relative;
}
.digimap_area #info-panel,.digimap_area #info-panel2{
width: 100vw!important;
height:auto;
padding: 20px 10px;
background-color:#ffffff!important;
position: relative !important;
margin: 0 auto;
}

*/



#info-content,#info-content2{
height:auto!important;
margin:0 auto;
padding:0;
font-size:14px;
}
#info-panel h2,#info-panel2 h2{
text-align:center;
font-weight:bold!important;
margin:0 auto 15px auto;
padding:3px 0;
font-size:16px;
background-color:#333333;
color:#ffffff;
}
#info-panel h5,#info-panel2 h5{
text-align:center;
font-weight:bold!important;
margin:0 auto 15px auto;
font-size:16px;
}
#info-panel h5 span,#info-panel2 h5 span{
display:inline-block;
margin:0 auto;
padding:0 10px 0 0;
}
#info-panel .popup_info,#info-panel2 .popup_info{
text-align:left;
font-weight:normal!important;
margin:3vw auto;
padding:3vw 1vw;
font-size:16px;
border-top:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
}
#info-panel .popup_image,#info-panel2 .popup_image{
text-align:center!important;
margin:0 auto 1vw auto!important;
width:90%!important;
height:auto;
overflow:hidden;
}
#info-panel .popup_image img,#info-panel2 .popup_image img{
width:100%!important;
height:auto;
}
#info-panel p,#info-panel2 p{
margin:1vw auto 0.5vw auto;
font-size:16px;

}
#info-panel .second_reserve,#info-panel2 .second_reserve{
width:100%;
margin:3vw auto 3vw auto!important;
border-radius:9999px!important;
color:rgba(45,66,25,1)!important;
font-weight:bold;
font-size:16px;
text-align:center;
}
#info-panel .second_reserve a,#info-panel2 .second_reserve a{
display:block;
padding:5px 0;
width:100%;
height:auto;
color:rgba(255,255,255,1)!important;
text-decoration:none;
background-color:rgba(45,66,25,1)!important;
transition: .5s!important;
border-radius:9999px!important;
}
#info-panel .second_reserve a:hover,#info-panel2 .second_reserve a:hover{
display:block;
padding:5px 0;
width:100%;
height:auto;
color:#ffffff!important;
text-decoration:none;
background-color:#ff6600!important;
transition: .5s!important;
border-radius:9999px!important;
}
/* ナンバリング付きピンのスタイル */
.number-pin {
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 width: 32px;
 height: 42px;
 line-height: 28px;
 text-align: center;
 font-weight: bold;
 color: white;
 font-size: 16px;
 text-shadow: 0 0 2px black;
  position: relative;
  display: inline-block;
}
.number-pin::after {
  content: '';
  position: absolute;
  bottom: 3px; /* ピンの下に配置 */
  left: 55%;
  width: 18px;
  height: 12px;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  transform: translateX(0) skewX(-30deg);
  filter: blur(5px);
}
.tab-content{
width:100%!important;
height:auto;
min-height:calc(100vh - 200px);
}
.tab-content .second_inner{
width:100%;
height:auto!important;
margin:0 auto 30px auto;
display:block;
font-size:15px!important;
}

.map_title{
font-size:16px;
color:#ffffff;
font-weight:bold;
margin:30px auto 15px auto;
padding:0.5vw 0;
width:90vw;
background-color:#000000;
}


/* タブ全体を囲むコンテナの設定 */
.tab-switch {
display: flex;/* タブを横並びに */
flex-wrap: wrap;/* 幅に応じて折り返し */
margin: auto;/* コンテナの中央寄せ */
justify-content: center;  /* タブの中央寄せ */
gap: 0 0;/* タブ間の余白 */
width:100vw;
}

/* 各タブボタンの設定 */
.tab-switch > label {
flex: 1 1 auto;/* タブが均等に幅をとるが、幅を超えると折り返す */
order: -1;/* 上部に表示する */
position: relative;/* 絶対位置指定用の基準 */
padding: 0.3em 1em;/* 上下左右の内側余白 */
background-color: #ffffff; /* 背景色 */
color: #333333;/* 文字色 */
text-align: center;/* 文字を中央揃え */
cursor: pointer;/* ポインターを指アイコンに変更 */
transition: 0.3s all;/* 変化を滑らかに */
font-size:14px;
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
background-color: #264827; /* ホバー/選択時の背景色 */
color: #fff;/* ホバー/選択時の文字色 */
}
/* ラジオボタン自体は非表示 */
.tab-switch input {
display: none;/* 見た目に表示されないようにする */
}
/* タブコンテンツのスタイル */
.tab-switch > div {
display: none;/* 初期状態では非表示 */
width:calc(100vw - 100px);/* コンテンツ幅を全体に */
}
/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
display: block;/* 選択されたタブに対応するコンテンツを表示 */
}

/* ズームボタン */
#zoom-buttons {
  position: absolute;
  top: 35%;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1000; /* マップ要素より前に */
}

#zoom-buttons button {
  background: white;
  border: 2px solid #264827;
  padding: 6px 10px;
  cursor: pointer;
color:#264827;
font-weight:bold;
}
#zoom-buttons button img {
  margin: 4px auto;
}
#customMap,#customMap2{
width:100vw;
height:calc(100vw * 0.78125);
margin:0 auto;
object-fit: cover;
}

.other_slider{
width:100vw;
height:auto;
margin:0 auto;
padding:0;
}
.other_slider .slides {
zoom: 1;
margin:0 auto;
padding:0;
width:90vw;
height:auto!important;
z-index:3;
text-align:center;
aspect-ratio: auto;
}
.other_slider .slides img {
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
z-index: 4;
}
.other_slider ul li{
position:relative;
}
.other_slider ul li img{
aspect-ratio: auto;
width:100%!important;
height:auto;
}
.other_slider ul li .flex-caption{
position:absolute;
bottom:0;
left:0;
right:0;
z-index:10;
background-color:rgba(0,0,0,0.7);
color:#ffffff;
margin:0;
padding:5px;
width:100%;
text-align:center;
}
.other_slider .flex-control-nav {
width:100%;
height: auto;
position: static;
text-align: center;
}

.second_philosophy{
width:100%;
margin:0 auto;
}
.second_philosophy_menu{
display:flex;
justify-content: center;
align-items: center;
margin:5vw auto 8vw auto;
}
.second_philosophy_menu li{
text-align:left;
font-size:11px;
font-weight:600;
margin:0.5vw auto;
color:#ffffff;
}
.second_philosophy_menu li a{
font-size:11px;
font-weight:600;
color:#ffffff;
}
.second_philosophy_menu li a:hover{
font-size:11px;
font-weight:600;
color:#ff6600;
}
.second_philosophy_inner{
background-image:url('../images/philosophy_bg.jpg');
background-repeat:no-repeat;
width:auto;
height:100%;
padding:3vw;
background-size:cover;
}
.second_philosophy_inner .second_philosophy_block{
margin:0 auto 10vw auto;
}
.second_philosophy_inner .second_philosophy_block h3{
font-size:13px;
color:#ffffff;
font-weight:800;
margin:0 auto 4vw auto!important;
padding:0.5 0;
background-color:#000000;
}
.second_philosophy_inner .second_philosophy_block .second_philosophy_theme{
font-size:14px;
color:#ffffff;
font-weight:400;
margin:0 auto 4vw auto!important;
}
.second_philosophy_inner .second_philosophy_block p{
font-size:10px;
color:#ffffff;
font-weight:400;
margin:0 auto 4vw auto!important;
}


.second_philosophy_inner .second_philosophy_block .second_philosophy_list{
margin:0 auto 5vw auto!important;
font-size:10px;
color:#ffffff;
font-weight:400;
line-height:2.5em;
}
.second_philosophy_inner .second_philosophy_block h4{
font-size:12px;
color:#ffffff;
font-weight:800;
margin:0 auto 3vw auto!important;
}

.philosophy_anchor{
  content:'';
  display: block;
padding-top: 10vw;
margin-top: -10vw;
}



.second_philosophy_inner .page_back{
width:100%;
padding:0;
margin:0 auto;
text-align:right;
color:#ffffff;
font-weight:bold;
font-size:12px;
border-bottom:none;
}
.second_philosophy_inner .page_back a{
color:#ffffff!important;
}
.second_philosophy_inner .page_back a:hover{
color:#ff6600!important;
}


}