@charset "utf-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
}


header , footer ,.wrap{
margin: 0 auto;
font-family: 'BIZ UDPGothic','Noto Sans JP','游明朝','Yu Mincho',"メイリオ", "Meiryo","serif", "Noto Serif JP","ヒラギノ明朝","Time","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
header , footer {
width: 100%; 
}
.wrap{
/*background-color: #F4FCFB;background-color: #FCF4F4;*/
}
h2, h3, h4, h6, nav ul li, .menu-content ul li a , .top p , .text p,
.topic_top, .topic_top2, .topic_top3 ,.tit_sub , .topic_goriyo p{
font-family:'游明朝','Yu Mincho',"メイリオ", "Meiryo","serif";
}
h1{
font-size: 0!important;
margin: 0 auto!important;
}
h3{
display: block;
font-size: 32px;
color: #000;
font-weight: bold;
line-height: 2rem;
}
h4{
color: #646464;
}
h5{
font-size: 21px;
line-height: 2rem;
}
p{
font-size: 18px!important;/*font-size: 16px;*/
color: #000;
line-height: 200%;
font-family: 'BIZ UDPGothic','Noto Sans JP','游明朝','Yu Mincho',"メイリオ", "Meiryo","serif", "Noto Serif JP","ヒラギノ明朝","Time","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
nav ul li{
font-size: 25px!important;
}
li{
font-size: 25px;
}
.indent-1 {
padding-left:1em;
text-indent:-1em;
}
.mt_0{
margin-top: 0!important;
}
.b{
font-weight: bold;
}
.red{
color: red;
font-weight: bold;
}
.h4_white{
color: #fff;
font-size: 1.5rem;
line-height: 2.5rem;
}
.F20{
font-size: 20px!important;
}
.F18{
font-size: 18px!important;
}
.F18b{
font-size: 18px!important;
font-weight: bold;
}
.mini_F16{
font-size: 16px!important;
}
.mini_F09{
font-size: 0.9rem!important;
}
.mini_F15{
font-size: 15px!important;
}
.F10{
font-size: 1rem!important;
}
.F11{
font-size: 1.1rem!important;
}
.mini_F07{
font-size: 0.7rem!important;
}
.mini{
font-size: 0.8rem;
}
.mini_title{
font-size: 1.2rem;
}
.title{
font-size: 1.5rem!important;
}
.mid12_title{
font-size: 1.2rem;
}
.mini_14px{
font-size: 14px;
}
.sub_title{
font-size: 22px; 
padding-left: 1rem;
}
.otoku{
color: red;
font-weight: bold;
}
@media screen and ( min-width: 501px){
.otoku{
line-height: 80px;
font-size: 26px;
}
}
@media screen and ( max-width: 500px){
.otoku{
font-size: 22px!important;
}

}
.subtitle{
font-size: 22px;
display: block;
text-align: center;
}
.line_height4{
line-height: 4rem;
}
.align_right{
display: block;
text-align: right;
}

#pan{
margin-bottom: 100px;
}
#pan p{
font-size: 0.8rem;
}
#botton{
width: 500px;
margin: 0 auto;
} 
a:hover{
opacity: 0.5;
}
.f_b{
font-weight: bold;
}
.caption_lr{
display: flex;
width: 100%;
text-align: right;
}
.caption_left,
.caption_right{
width: 50%;
}
.cap30_left,
.cap30_center,
.cap30_right{
width: 33%;
}

.line3{
	line-height: 1.4!important;
}
@media (min-width: 901px) {
.line1{
line-height: 4.6em!important;
height: 4.6em!important;
}
.line2{
margin-top: 30px!important;
}
}
@media (min-width: 1601px){
.for_under_1600{
display: none;
}
.for_900_1600{
display: none;
}
}
@media (min-width: 1301px){
.for_under_1300{
display: none;
}
}
@media (max-width: 1600px){
.for_1600{
display: none;
}
}
@media (min-width: 901px){
  .under_900{
    display: none!important;
  }
}
@media (max-width: 900px){
  .for_900{
    display: none!important;
  }
  .for_900_1600{
display: none;
}
}
@media (max-width: 600px){
  .line3{
    line-height: 1.0!important;
}
}
@media (max-width: 1300px) {
    nav{
    display: none;
}
  .for_1300{
    visibility: hidden;
        height: 0;
  }
.site_logo{
position: absolute;
top: 1em;
left:1em;
width: 35%;
height: auto;
background-color: #fff;
}

.menu-btn{
right: 80px;
}
.menu-content ul li img {
width: 100%;
max-width: 150px;
}
h2{
font-size: 18px;
color: #000;
font-weight: bold;
line-height: 1.5rem;
}
p{
font-size:  1rem;
}
#menu_pc{
display: none;
}
#pan{
margin-bottom: 50px;
}
#pan p{
font-size: 0.6rem;
}
#menu_pc {
display: none;
}
.for_pc{
display: none!important;
}
}
@media (min-width: 500px) {
.subtitle{
padding-left: 1rem;
}
.for_min{
display: none;
}
}
@media (min-width: 1301px) {
  #menu_sp {
    display: none;
  }
  .for_sp{
    display: none;
  }
      .for_under_1300{
   display: none;
  }
    .under_1300{
    visibility: hidden;
    height: 0;
  }
}
@media (max-width: 500px) {
#main h2{
  font-size: 26px!important;
  margin-top: 50px;
  line-height: 2.5rem;
}
.kd_sp{
min-width: 300px;
}
.line1{
line-height: 3em!important;
}
}
/*-------------------------------------------------------------------
top_anchor
-------------------------------------------------------------------*/
#top_anchor{
background:#F6F8FD;/*#EBF0FC;*//*#FFF4E6;*//*background: #EDF4FD;*/
padding-top: 50px;/*padding-top: 200px;*/
}
#top_anchor ul li{
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
#top_anchor ul{
width: 100%;
/*max-width: 90%;*/
margin: 0 auto;
padding: 0;
}
#top_anchor ul li{
/*width: calc(100% / 7 - 20px);*/
margin-bottom: 5px;
padding: 5px;
text-align: center;
font-size: 16px;
border: 3px double #c1a470;
box-sizing: border-box;
background: #fff;
}
a{
text-decoration: none!important;
list-style: none!important;
border-style: none;
color: #565656;
}
#top_anchor ul a li{
color: #000!important;
}
#top_anchor ul a li:hover{
opacity: .5;
}
.for_ad{
visibility: hidden;
}
@media (min-width: 901px) {
#top_anchor ul{
max-width: 1020px;
}
#top_anchor ul li{
width: 250px;
}
}
@media (max-width: 900px) {
#top_anchor ul li{
width: calc(100% / 4 )!important;
flex-wrap: wrap;
font-size:10px!important;
margin-top: 5px;
line-height: 1.5;
}
#top_anchor ul{
max-width: 100%;
}
#top_anchor{
padding-top: 50px;
}

}
@media (max-width: 500px) {
#top_anchor ul li{
vertical-align: top;
height: 44px;
}

}
/*-------------------------------------------------------------------
 hamburger-menu
-------------------------------------------------------------------*/
.menu-btn {
position: fixed;
top: 0;
right: 0;
display: flex;
height: 50px;
width: 50px;
justify-content: center;
align-items: center;
z-index: 90;
background-color: #f494a4;/*background-color: #272727;*/
opacity: .8;
/*border-radius: 50px;*/
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #ffffff;
position: absolute;
}
.menu-btn span:before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
#menu-btn-check {
display: none;
}
.menu-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 80;
background-color: #7f7f7f;
}
.menu-content ul {
padding: 70px 10px 0;
}
.menu-content ul li {
border-bottom: solid 1px #ffffff;
list-style: none;
text-align: left;
}
.menu-content ul li a {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
color:#ffffff;/*color:#ffffff;*/
text-decoration: none;
padding: 9px 15px 10px 0;
position: relative;
}
.menu-content ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 16px;
}
.menu-content {
width: 100%;
height: 600px;
position: fixed;
top: 0;
left: 100%;
z-index: 80;
background-color: #f494a4;/*background-color: #7f7f7f;*/
transition: all 0.5s;
}
#menu-btn-check:checked ~ .menu-content {
left: 0;
}
/*-------------------------------------------------------------------
 slide
-------------------------------------------------------------------*/
.container {
width: 100%;
}
.slider img {
height: auto;
width: 100%;
margin: 0 auto;
}
/*-------------------------------------------------------------------
topics start *topics color:  #A6709D; background-color:#FFF7FD;
-------------------------------------------------------------------*/
.topics_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color:#ba4f60;
line-height: 2.5rem;
}
#topics{
width: 100%;
margin: 0 auto;
padding-top: 50px;
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#FDF6F0;
}
#topics a{
text-decoration: none;
}
#topics  p{
color: #A6709D;
}
#topics_box{
width: 90%;
max-width: 1420px;/*20240906*/
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815test*/
background-color:#FDF6F0;/*background-color:#FFF7FD;*/
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.topics_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.topics_box{
width: 350px;
height: auto;
/*margin: 10px;20240815test*/
background-color: #ba4f60;/*background-color: #A6709D;*/
border:2px solid #FDF6F0;
/*border-top-right-radius: 20px;*/
/*border: 3px solid #c1a470;*/
/*border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-image-slice: 1;*/
}
.topics_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#topics_box{
display: inline-flex;
justify-content: center;
}
.for_min_max{
display: none;
}
}
@media (min-width: 901px) {
.topics_box{
height: 375px;
}
}
@media (max-width: 900px){
.topics_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#ba4f60;/*color:#A6709D;*/
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#topics{
padding: 0;
}
#topics h3{
padding-top: 50px;
}
.topics_box h3{
padding-top: 10px!important;
}
#topics_box{
display: block;
padding:  0;
}
.topics_box{
width: 100%;
/*margin: 25px auto;20240815*/
display: flex;
}
.topics_box img{
width: 100px;
height: auto;
}
.topics_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;
width: 100%;
}
.topics_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
.topics_box h3{
/*line-height: 3em;*/
}
.img_sp_adj img{
left: -23%!important;
}
}
.topics_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; text-shadow: #ba4f60 1px 0 10px;
background:#ba4f60;
}
.topics_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#ba4f60;
background: #fff;
}
#topics .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
topics end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
travel start  *travel color:#679393; background-color:#F0FCFA
-------------------------------------------------------------------*/
.travel_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color:#7A97BD;/*color:#7293BF;*//*color:#679393;*/
}
#travel{
width: 100%;
margin: 0 auto;
padding-top: 70px;/*#travelのみ他50px*/
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#EDF4FD;/*background-color:#F0FCFA;*/
}
#travel a{
text-decoration: none;
}
#travel  p{
color: #679393;
}
#travel_box{
width: 90%;
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815*/
background-color:#EDF4FD;/*background-color:#F0FCFA;*/
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.travel_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.travel_box{
width: 350px;
height: auto;
/*margin: 10px;20240815*/
background-color: #7A97BD;/*background-color: #98b7e0;*//*background-color: #679393;*/
border:2px solid #EDF4FD;
/*border-top-right-radius: 20px;*/
/*border: 3px solid #c1a470;
border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-image-slice: 1;*/
}
.travel_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#travel_box{
display: inline-flex;
justify-content: center;
}
}
@media (min-width: 2001px) {
.travel_main_title{
padding-top: 200px;
}
}
@media (min-width: 901px) {
.travel_box{
height: 375px;
}
}
@media (max-width: 900px){
.travel_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#7A97BD;
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#travel{
padding: 0;
}
#travel h3{
padding-top: 25px;
}
.travel_box h3{
padding-top: 10px!important;
}
#travel_box{
display: block;
padding:  0;
}
.travel_box{
width: 100%;
/*margin: 25px auto;*/
display: flex;
}
.travel_box img{
width: 100px;
height: auto;
}
.travel_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;/*line-height: 1.2em;*/
height: 3em;
width: 100%;
}
.travel_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
.travel_box h3{
/*letter-spacing: -0.1em;*/
}
}
.travel_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; 
text-shadow: #7A97BD 1px 0 10px;/*text-shadow: #98b7e0 1px 0 10px;*//*border-radius: 5px; text-shadow: #679393 1px 0 10px;*/
background: #7A97BD;/*background: #98b7e0;*//*background:#679393;*/
}
.travel_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#7A97BD;/*color:#98b7e0;*//*color:#679393;*/
background: #fff;
}
#travel .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
travel end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
hotel start *hotel color:#4A546C; background-color:#F4F6FB;
-------------------------------------------------------------------*/
.hotel_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color:#4A546C;
}
#hotel{
width: 100%;
margin: 0 auto;
padding-top: 50px;
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#F4F6FB;
}
#hotel a{
text-decoration: none;
}
#hotel  p{
color:#4A546C;
}
#hotel_box{
width: 90%;
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815*/
background-color:#F4F6FB;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.hotel_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.hotel_box{
width: 350px;
height: auto;
/*margin: 10px;20240815*/
background-color:#4A546C;
/*border-top-right-radius: 20px;*/
border: 2px solid #F4F6FB;
/*border: 3px solid #c1a470;
border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-image-slice: 1;*/
}
.hotel_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#hotel_box{
display: inline-flex;
justify-content: center;
}
}
@media (min-width: 901px) {
.hotel_box{
height: 375px;
}
}
@media (max-width: 900px){
.hotel_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#4A546C;
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#hotel{
padding: 0;
}
#hotel h3{
padding-top: 25px;
}
.hotel_box h3{
padding-top: 10px!important;
}
#hotel_box{
display: block;
padding:  0;
}
.hotel_box{
width: 100%;
/*margin: 25px auto;20240815*/
display: flex;
}
.hotel_box img{
width: 100px;
height: auto;
}
.hotel_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;/*line-height: 1.2em;*/
height: 3em;
width: 100%;
}
.hotel_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
.hotel_box h3{
/*letter-spacing: -0.1em;*/
}
}
.hotel_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; text-shadow:#4A546C 1px 0 10px;
background:#4A546C;
}
.hotel_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#4A546C;
background: #fff;
}
#hotel .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
 hotel end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
gourmet start *gourmet color:  #A6709D; background-color:#FFF7FD;
-------------------------------------------------------------------*/
.gourmet_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color:#A6709D;
}
#gourmet{
width: 100%;
margin: 0 auto;
padding-top: 50px;
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#FFF7FD;
}
#gourmet a{
text-decoration: none;
}
#gourmet  p{
color: #A6709D;
}
#gourmet_box{
width: 90%;
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815*/
background-color:#FFF7FD;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.gourmet_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.gourmet_box{
width: 350px;
height: auto;
/*margin: 10px;20240815*/
background-color: #A6709D;
/*border-top-right-radius: 20px;*/
border: 2px solid #FFF7FD;
/*border: 3px solid #c1a470;
border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-image-slice: 1;*/
}
.gourmet_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#gourmet_box{
display: inline-flex;
justify-content: center;
}
}
@media (min-width: 901px) {
.gourmet_box{
height: 375px;
}
}
@media (max-width: 900px){
.gourmet_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#A6709D;
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#gourmet{
padding: 0;
}
#gourmet h3{
padding-top: 25px;
}
.gourmet_box h3{
padding-top: 10px!important;
}
#gourmet_box{
display: block;
padding:  0;
}
.gourmet_box{
width: 100%;
/*margin: 25px auto;20240815*/
display: flex;
}
.gourmet_box img{
width: 100px;
height: auto;
}
.gourmet_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;/*line-height: 1.2em;*/
height: 3em;
width: 100%;
}
.gourmet_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
.gourmet_box h3{
/*letter-spacing: -0.1em;*/
}
}
.gourmet_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; text-shadow: #A6709D 1px 0 10px;
background:#A6709D;
}
.gourmet_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#A6709D;
background: #fff;
}
#gourmet .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
gourmet end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
theater start *theater color:  #8D8BBC; background-color:#F8F8FD;
-------------------------------------------------------------------*/
.theater_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color:#8D8BBC;
}
#theater{
width: 100%;
margin: 0 auto;
padding-top: 50px;
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#F8F8FD;
}
#theater a{
text-decoration: none;
}
#theater  p{
color: #8D8BBC;
}
#theater_box{
width: 90%;
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815*/
background-color:#F8F8FD;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.theater_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.theater_box{
width: 350px;
height: auto;
/*margin: 10px;20240815*/
background-color: #8D8BBC;
/*border-top-right-radius: 20px;*/
border: 2px solid #F8F8FD;
/*border: 3px solid #c1a470;
border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-image-slice: 1;*/
}
.theater_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#theater_box{
display: inline-flex;
justify-content: center;
}
}
@media (min-width: 901px) {
.theater_box{
height: 375px;
}
}
@media (max-width: 900px){
.theater_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#8D8BBC;
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#theater{
padding: 0;
}
#theater h3{
padding-top: 25px;
}
.theater_box h3{
padding-top: 10px!important;
}
#theater_box{
display: block;
padding:  0;
}
.theater_box{
width: 100%;
/*margin: 25px auto;20240815*/
display: flex;
}
.theater_box img{
width: 100px;
height: auto;
}
.theater_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;/*line-height: 1.2em;*/
height: 3em;
width: 100%;
}
.theater_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
.theater_box h3{
letter-spacing: -0.1em;
}
}
.theater_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; text-shadow: #8D8BBC 1px 0 10px;
background:#8D8BBC;
}
.theater_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#8D8BBC;
background: #fff;
}
#theater .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
theater end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
ticket start *ticket color:#C46564; background-color:#FCF1F0;
-------------------------------------------------------------------*/
.ticket_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color:#C46564;
}
#ticket{
width: 100%;
margin: 0 auto;
padding-top: 50px;
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#FCF1F0;
}
#ticket a{
text-decoration: none;
}
#ticket  p{
color:#C46564;
}
#ticket_box{
width: 90%;
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815*/
background-color:#FCF1F0;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.ticket_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.ticket_box{
width: 350px;
height: auto;
/*margin: 10px;*/
background-color:#C46564;
/*border-top-right-radius: 20px;*/
border: 2px solid #FCF1F0;
/*border: 3px solid #c1a470;
border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);*/
border-image-slice: 1;
}
.ticket_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#ticket_box{
display: inline-flex;
justify-content: center;
}
}
@media (min-width: 901px) {
.ticket_box{
height: 375px;
}
}
@media (max-width: 900px){
.ticket_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#C46564;
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#ticket{
padding: 0;
}
#ticket h3{
padding-top: 25px;
}
.ticket_box h3{
padding-top: 10px!important;
}
#ticket_box{
display: block;
padding:  0;
}
.ticket_box{
width: 100%;
/*margin: 25px auto;*/
display: flex;
}
.ticket_box img{
width: 100px;
height: auto;
}
.ticket_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;/*line-height: 1.2em;*/
height: 3em;
width: 100%;
}
.ticket_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
.ticket_box h3{
/*letter-spacing: -0.1em;*/
}
}
.ticket_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; text-shadow:#C46564 1px 0 10px;
background:#C46564;
}
.ticket_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#C46564;
background: #fff;
}
#ticket .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
 ticket end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
 event start *event color: #608F79; background-color: #E9F5EF;
-------------------------------------------------------------------*/
.event_main_title{
font-size: 48px;
display: block;
width: 100%;
text-align: center;
color: #608F79;
}
#event{
width: 100%;
margin: 0 auto;
padding-top: 50px;
font-family: '游明朝','Yu Mincho';
text-align: center;
background-color:#E9F5EF;
}
#event a{
text-decoration: none;
}
#event  p{
color: #608F79;
}
#event_box{
width: 90%;
height: auto;
margin: 0 auto;
/*padding: 75px 0 25px 0;20240815*/
background-color:#E9F5EF;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.event_box img{
/*border-top-right-radius: 20px;*/
/*top: 0;
left: 0;*/
width: 100%;
height: auto;
}
.event_box{
width: 350px;
height: auto;
/*margin: 10px;20240815*/
background-color: #608F79;
/*border-top-right-radius: 20px;*/
border:2px solid #E9F5EF;
/*border: 3px solid #c1a470;
border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
border-image-slice: 1;*/
}
.event_box h3{
text-align: center;
font-size: 20px;
line-height: 1.6em;
left: -1rem;
right: -1rem;
display: inline-block;
color: #fff;
}
@media (max-width: 1300px) and  (min-width: 901px){
#event_box{
display: inline-flex;
justify-content: center;
}
}
@media (min-width: 901px) {
.event_box{
height: 375px;
}
}
@media (max-width: 900px){
.event_main_title{
margin-top: 0;
font-size: 24px;
/*display: inline-block;*/
width: 100%;
text-align: center;
color:#608F79;
}
.subtitle{
font-size: 18px;
display: inline-block;
}
#event{
padding: 0;
}
#event h3{
padding-top: 25px;
}
.event_box h3{
padding-top: 10px!important;
}
#event_box{
display: block;
padding:  0;
}
.event_box{
width: 100%;
/*margin: 25px auto;20240815*/
display: flex;
}
.event_box img{
width: 100px;
height: auto;
}
.event_box h3{
text-align: left;
display: inline-block;
margin: 0 auto;
padding:10px;
font-size: 16px!important;
line-height: 1.6em;/*line-height: 1.2em;*/
height: 3em;
width: 100%;
}
.event_button{
width: 80%!important;
height: 50px!important;
line-height: 50px!important;
}
}
@media (max-width: 500px){
/*.event_box h3{
letter-spacing: -0.1em;
}*/
}
.event_button{
display: inline-block;
width: 40%;
height: 75px;
line-height: 75px;
color: #fff;
font-size: 24px;
font-weight: bold;
border-radius: 5px; text-shadow: #608F79 1px 0 10px;
background:#608F79;
}
.event_button:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
color:#608F79;
background: #fff;
}
#event .button_box{
padding-bottom: 50px;
margin-bottom: 0;
}
/*-------------------------------------------------------------------
event end
-------------------------------------------------------------------*/

@media (min-width: 1234px) {
.none{
display: none;
}
}
/*-------------------------------------------------------------------
.button start
-------------------------------------------------------------------*/
.button_box{
display: block; 

width: 100%;  
}
@media (min-width: 901px){
.button_box{
margin: 50px auto;/*20240815*/
}
}
@media (max-width: 900px){
.button_box{
margin: 25px auto;/*20240815*/
}
}
/*-------------------------------------------------------------------
.button end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
共通 start
-------------------------------------------------------------------*/

@media (max-width: 1675px) and  (min-width: 901px){
#travel_box,
#hotel_box,
#gourmet_box,
#theater_box,
#ticket_box,
#event_box,
#shopping_box{
justify-content: center;/*justify-content: flex-start;*/
width: auto;/*width: 1128px;*/
/*max-width: 752px;*/max-width: 1128px;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 1675px) and  (min-width: 1062px){
#hotel_box{
justify-content: flex-start;
max-width: 1062px;
}
}
@media (min-width: 901px) {
.img,
.img_s,
.img_adj,
.img_adj2,
.img_adj3{
display: inline-block;
height: 233px;
width: 100%;
}
.img img,
.img_s img,
.img_adj img,
.img_adj2 img,
.img_adj3 img{
width: 100%;
height: 100%;
}
#topics,
#travel,
#hotel,
#gourmet,
#theater,
#ticket,
#event,
#shopping{
padding-bottom: 50px;
}
.hotel_main_title,
.gourmet_main_title,
.theater_main_title,
.ticket_main_title,
.event_main_title,
.shopping_main_title
{
padding-top: 50px;
margin-top: 0;
}
}
@media (max-width: 900px) and  (min-width: 501px){
.img_s,
.img_adj,
.img_adj2,
.img_adj3{
display: inline-block;
height: auto;
width: 100px;
overflow: hidden;
}
.img_s img,
.img_adj img,
.img_adj2 img,
.img_adj3 img{
width:  100%!important;
height: 100%!important;
} 
}
@media (max-width: 500px) {
.img_s{
display: inline-block;
height: auto;
width: 100px!important;
overflow: hidden;
position: relative;
}
.img_adj,
.img_adj2,
.img_adj3{
display: inline-block;
height: auto;
width: 85px!important;
overflow: hidden;
position: relative;
}
.img_s img{
width: auto;
height: 100%!important;
position: absolute;
left: -35%;
} 
.img_adj img{
width: auto;
height: 100%!important;
position: absolute;
left: -20%;
} 
.img_adj2 img{
width: auto;
height: 100%!important;
position: absolute;
left: -30%;
} 
.img_adj3 img{
width: auto;
height: 100%!important;
position: absolute;
left: -10%;
} 
.img_adj4{
background: #fff;
}
.img_adj4 img{
width: 100%!important;
height: auto!important;
position: absolute;
left: 0;
} 
}
@media (max-width: 900px) {
.img{
display: inline-block;
height: auto;
width: 100px;
overflow: hidden;
}
.img img{
width: 100%;
height: 100%;
}
}
/*-------------------------------------------------------------------
共通 end
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
  footer
-------------------------------------------------------------------*/
footer{
width: 100%;
margin: 0 auto;
background-color: hsla(0,0%,8%,0.9);/*background-color: #272727;*/
height: 150px;
}
/*-------------------------------------------------------------------
  pagetop
-------------------------------------------------------------------*/
/***追従するトップへ戻るボタン***/
#page-top {
    position: fixed;
    right: 3rem;
    bottom:1rem;
    height: 50px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    color: #737373;
    padding: 0 0 0 35px;
    border-top: solid 1px;
}
#page-top::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    transform: rotate(35deg);
    transform-origin: left top;
}
/***トップへ戻るボタンここまで***/
/***リボン　ここから***/
.tokubetsu {
  display: inline-block;
  position: absolute;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  z-index: 10;
  transform: rotate(10deg);
  right: 7px;
}
.tokubetsu:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
  z-index: -2;
  border: 20px solid #ea5550;
  border-left-color: transparent;/*山形に切り抜き*/
}

.tokubetsu:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
  z-index: -2;
  border: 20px solid #ea5550;
  border-right-color: transparent;/*山形に切り抜き*/
}

.tokubetsu h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 22px;
  font-size: 18px;
  color: #FFF;
  background: #FD5953;/*真ん中の背景色*/
}
.tokubetsu h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #A63430;/*左の折り返し部分*/
}
.tokubetsu h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #A63430;/*右の折り返し部分*/
}
@media (max-width: 900px) {
.tokubetsu {
top: -35px;
}
}
/***リボン　ここまで***/
.gray_out{
position: relative;
width: 100%;
}
.blur{
filter: blur(10px);
}
.gray_out:before{
position: absolute;
white-space: pre;
content: "催行中止となりました。";
/*background-image: ;*/
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100px;
text-align: center;
font-size: 2rem;
color: #fff;
line-height: 4rem;
top: 50px;
left: 0;
z-index: 100;
}
.gray_out:after{
position: absolute;
content: "";
width: 100%;
height: 100%;
background: hsla(0,0%,0%,0.7);
border-radius: 18px;
top: 0;
left: 0;
}
@media screen and ( max-width: 500px){
.photo_props{
min-height: 750px!important;
}
}