@media screen and (min-width:1920px) {
/* PC */

header{
width:100%!important;
height:130px;
margin:0 auto;
display:flex!important;
justify-content: space-between;
z-index:2000;
position:fixed;
top:0;
left:0;
background-image:url(../images/header_bg.png)!important;
background-repeat: repeat-x;
background-position:0px 0px;
background-size:cover;
}
.header_logo{
width:200px!important;
height:240px!important;
text-align:left!important;
flex-basis: auto;
}
.header_logo img{
width:188px!important;
height:188px!important;
margin:26px 12px 6px 0!important;
}

.header_banner{
width:200px;
height:auto;
}
.header_banner img{
width:188px!important;
height:auto!important;
margin:10px 12px 0 0;
}

.header_contents{
min-width:calc(100% - 400px)!important;
width:calc(100% - 200px);
justify-content: space-between;
margin:0;
position:relative;
}
.header-change.show,.banner-change.show{
display:block!important;
transition: .5s!important;

}
.header-change,.banner-change{
display:none!important;
transition: .5s!important;
}

.floating-banner{
position:absolute;
bottom: 20px;
right: 10px;
z-index: 12;
display: block;
width: 200px!important;
height: auto;
text-align:right;
flex-basis: auto;
}
.floating-banner img{
width: 188px!important;
height: auto!important;
}

/*ヘッダーカレンダー*/
.cal_box{
display:flex!important;
justify-content: flex-end;
margin:12px auto 0 auto!important;
padding:0!important;
text-align:left!important;
height:auto;
width:100%;

font-family:sans-serif!important;
}
.cal_mid{
display:flex!important;
justify-content: flex-start!important;
}
.cal_area{
width:auto;
min-height:34px;
height:auto;
vertical-align:middle!important;
margin:0!important;
padding:0;
display:flex!important;
justify-content: flex-start!important;
}
.cal_text{
background-color:#5b5759;
border-radius:10px 10px;
font-size:0.9vw!important;
color:#ff9900!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
line-height:1.4em;
margin:0 10px 0 0!important;
padding:0 10px!important;
width:auto!important;
display: flex;
align-items: center;
justify-content: center;
}
.calday{
background-color:#5b5759;
border-radius:0 10px 10px 0;
color:#ff9900!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
width:320px;
margin:0!important!important;
text-align:center!important;
background-color:none;
position:relative;
padding:0!important;
z-index:2000!important;
display: flex;
align-items: center;
justify-content: center;
}
.calday a{
color:#ffb301!important;
font-weight:bold;
}

/*ヘッダーカレンダー日付部分*/
#calday{
background-color:#5b5759;
border-radius:0 10px 10px 0;
color:#ffb301!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
width:300px!important;
margin:0!important!important;
text-align:center!important;
background-color:none;
position:relative;
padding:0 0 0 0!important;
z-index:2000!important;
}
#calday .today{
color:rgba(255,255,255,0)!important;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:100%!important;
margin:0!important;
padding:10px 0 0 0!important;
}






.cal_today .holiday-titles{
width:80%!important;
margin:20px auto 100px auto!important;
text-align:center;
}
.cal_today .holiday-titles p{
float:none!important;
display:inline-block!important;
margin:0 10px!important;
font-size:0.9vw!important;
font-weight:bold;
color:#ffb301!important;
}

/*ヘッダーカレンダーリンク部分*/
#callink{

}
#wether{
background-color:#5b5759;
border-radius:10px;
color:#ff9900!important;
font-size:0.9vw!important;
font-weight:bold;
line-height:1.4em!important;
text-align:center!important;
font-family:sans-serif!important;
min-width:120px!important;
min-height:34px;
height:auto;
margin:0!important;
padding:0 5px!important;
z-index:100!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
#wether a{
color:#ff9900!important;
}


#language{
background-color:#5b5759;
border-radius:10px;
color:#ff9900!important;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
line-height:1.4em!important;
min-width:200px!important;
min-height:34px;
height:auto;
margin:0 10px!important;
padding:3px 0 7px 0!important;
z-index:100!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
#language a{
color:#ff9900!important;
}



#language select{
color:#ff9900!important;
font-size:0.8vw!important;
}




#callink .today{
color:#ff9900;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:1px!important;
height:1px!important;
margin:0!important;
padding:0!important;
display:none!important;
}
#callink .holiday-weekdays,＃callink .holiday-closed,＃callink .holiday-weekend,＃callink .holiday-winter{
text-align:left!important;
padding:3px 0 0 0!important;
background-color:unset!important;
z-index:14!important;
display:block!important;
width:220px!important;
height:36px!important;
background-color:#ff6600;
}
#callink .holiday-weekdays:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}
＃callink .holiday-weekend:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:15!important;
}
＃callink .holiday-winter:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}
＃callink .holiday-weekdays:hover:after,＃callink .holiday-closed:hover:after,＃callink .holiday-weekend:hover:after,＃callink .holiday-winter:hover:after{
color:#ff0000!important;
cursor: pointer!important;
z-index:15!important;
display:block!important;
width:220px!important;
height:36px!important;
text-decoration:underline!important;
}


＃callink .holiday-closed:after{
content:"休国日";
color:rgba(255,255,255,1)!important;
text-align:left;
width:100%!important;
height:26px;
margin:0!important;
padding:16px 0 0 0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
z-index:15!important;
cursor: text!important;
}



＃callink .holiday-gw{
position:relative;
text-align:center!important;
padding:10px 0!important;
height:100%!important;
}
＃callink .holiday-gw:after{
content:"10:00~16:00";
text-align:center;
display:inline-block;
width:100%;
margin:10px auto 5px auto;
font-size:0.5em;
font-weight:normal;
z-index:15!important;
}
＃callink .holiday-summer{
position:relative;
text-align:center!important;
padding:10px 0!important;
height:100%!important;
}
＃callink .holiday-summer:after{
content:"10:00~16:00";
text-align:center;
display:inline-block;
width:100%;
margin:10px auto 5px auto;
font-size:0.5em;
font-weight:normal;
z-index:15!important;
}
＃callink .holiday-titles{
width:80%!important;
margin:20px auto 100px auto!important;
text-align:center;
}
＃callink .holiday-titles p{
float:none!important;
display:inline-block!important;
margin:0 10px!important;
font-size:1.2em!important;
font-weight:bold;
color:#ffffff!important;
}

.cal_link{
visibility:hidden!important;
height:1px!important;
width:1px!important;
}




.bt_area{
width:auto!important;
height:auto!important;
margin:0;
padding:0;
text-align:right!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: flex-end;
}
.link_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold;
line-height:1.4em!important;
text-align:center!important;
font-family:sans-serif!important;
min-width:100px!important;
min-height:36px;
height:auto;
margin:0 1px!important;
min-width:140px;
padding:5px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}
.link_box .link_box_mini{
font-size:0.7vw!important;
}

.link_box .link_box_yellow{
color:#ffff00!important;
display:inline-block!important;
padding:0 0.2em 0 0!important;
}
.link_box a{
color:#ffffff!important;
}
.link_box a .link_box_yellow{
color:#ffff00!important;
}

.shop_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold;
line-height:1.4em!important;
text-align:center!important;
font-family:sans-serif!important;
min-width:120px!important;
min-height:36px;
height:auto;
margin:0 1px!important;
padding:5px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}




.dropmenu{
*zoom: 1;
list-style-type: none;
width:100%!important;
margin:0 auto;
padding:0;
display: flex;
bottom:0;
left:0;
right:0;
position:absolute;
font-family:sans-serif!important;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
width:calc(100% / 7)!important;
min-height:48px;
height:auto;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a{
  display: block;
height:100%;
  margin: 0;
  padding: 8px 0;
  color: #fff;
  line-height: 1;
  text-decoration: none;
font-size:0.95vw!important;
font-weight:bold!important;
vertical-align:middle;
display: flex;
align-items: center;
justify-content: center;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
width:100%!important;
background-color:#646464;
}
.dropmenu li ul li{
width:100%!important;
}
.dropmenu li ul li a{
  padding: 10px 5px;
  border-top: 1px solid #333333;
background-color:#646464;
  text-align: center;
line-height:1.2em;
height:100%!important;
min-height:48px;
}
.dropmenu li:hover > a{
background-color:#333333;
}
.dropmenu li a:hover{
background-color:#333333;
}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
height:100%!important;
}







main {
height:auto;
width:100%;
margin:110px auto 0 auto;
padding:0!important;
position:relative;
text-align:center;
font-size:1.5em;
font-family:sans-serif;
font-weight:bold;
}







/*スケジュール一覧表示*/
h3.event_title{
width:60%!important;
margin:50px auto 0 auto!important;
text-align:center;
font-family:sans-serif!important;
font-size:1.3em!important;
font-weight:bold!important;
color:#ffffff!important;
}
.event_list{
width:60%!important;
margin:50px auto!important;
text-align:center;
background-color:rgba(255,255,255,1)!important;
font-family:sans-serif!important;
font-size:16px;
}
.event_list th{
height:40px!important;
padding:5px!important;
font-size:1.1em!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
}
.event_list th.event_1st{
width:40%!important;
}
.event_list td{
width:auto!important;
height:auto!important;
padding:10px!important;
font-size:1em!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
white-space: nowrap;
}
.event_list tr:nth-child(odd){
background-color:rgba(245,245,245,1)!important;
}
.caution_bar{
width:100%!important;
height:auto;
background-color:rgba(255,0,0,1);
color:#ffffff;
font-family:sans-serif!important;
font-size:16px!important;
font-weight:bold!important;
margin:0 auto!important;
padding:2px 15px!important;
}

.modal-content1{
display:none;
margin:0 auto!important;
padding:0!important;
font-family:sans-serif!important;
height:auto;
}
.attention_title{
background-color:#333333!important;
color:#ffffff!important;
font-size:16px!important;
font-weight:bold!important;
line-height:1.8em!important;
padding:5px;
margin:0 auto 15px auto;
width:100%;
text-align:center!important;
}
.modified{
color:#333333!important;
font-size:14px!important;
line-height:1.8em!important;
margin:0 auto 20px auto;
text-align:center!important;
}
.attention_box{
display:flex!important;
text-align:center!important;
width:100%!important;
height:auto;
}
.attention_image{
width:50%!important;
}
.attention_image img{
width:100%!important;
}
.attention_info{
width:calc(50% - 30px)!important;
text-align:left!important;
padding:0 15px 0 30px;
}
.attention_content{
margin:0 auto 15px auto;

height:auto;
}
.attention_day,.attention_place{
margin:0 auto 5px auto;
display:inline-block;
min-width:50%;
}
.attention_content{
margin:0 auto 15px auto;

height:auto;
}
.attention_day,.attention_place{
margin:0 auto 5px auto;
display:inline-block;
min-width:50%;
}


#test .holiday-closed{
color:#ffb301;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:1px!important;
height:1px!important;
margin:0!important;
padding:0!important;
}
#test .holiday-closed:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:15px!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}


.cal_text_color{
background-color:rgba(255,255,255,1);
margin:2vw auto 0 auto;
padding:0.5vw 0;
width:100%;
color:#000000;
font-size:0.9vw;
text-align:center;
display:flex;
flex-wrap:wrap;
border-radius:5px;
}
.cal_text_color li{
width:calc(100% / 8);
}
.color1{
color: #757575;
font-weight:bold;
}
.color2{
color: #912b0f;
font-weight:bold;
}
.color3{
color: #4bbd42;
font-weight:bold;
}
.color4{
color: #0287b2;
font-weight:bold;
}
.color5{
color: #f4d232;
font-weight:bold;
}
.color6{
color: #ff7200;
font-weight:bold;
}
.color7{
color: #dc0976;
font-weight:bold;
}





/*--------------------------------------------------
  予約状況
--------------------------------------------------*/
.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; 
}







/* 個別ページ */
.reservationSingle { margin: 0 auto 150px auto!important;padding:0 0 250px 0!important; height:150vw;}
.reservationSingle .profile { }
.reservationSingle .introduction {
width:100%!important;
height:auto;
margin: 50px auto 50px auto;
color:#ffffff;
line-height:1.8em;
font-weight:normal;
font-size:0.9em;

}
.reservationSingle .introduction .summary {
text-align: center;
background-color:rgba(0,0,0,0.6);
width:80%!important;
margin: 0 auto 10px auto;
padding:15px 10px;
color:#ffffff;
line-height:1.8em;

}
.reservationSingle .introduction .summary span{
display:block!important;
margin: 10px auto;
color:#ffffff;
font-weight:bold!important;
font-size:1.2em!important;
}



.reservationSingle table {
width:80%!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;
}
.reservationSingle table caption {
font-size: 1.8vw;
font-weight: bold;
color: #ffffff;
padding: 5px 0; 
}
.reservationSingle table tr:hover {
background: #fff;
}
.reservationSingle table tr th {
border: solid 1px #ccc;
padding:10px 3px;
background: #878787;
color: #fff;
text-align: center;
font-size:1.1em;
font-weight:bold;
}
.reservationSingle table tr th.sun {
background: #e36b4f!important;
}
.reservationSingle table tr th.saturday {
background: #4fade3;
}
.reservationSingle table tr td {
border: solid 1px #ccc;
padding: 8px 3px 20px 3px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fff;
font-size:0.8vw;
font-weight:bold;
}
.reservationSingle table tr td.noday {
border: solid 1px #ccc;
padding: 8px 3px 20px 3px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fafafa;
}
.reservationSingle table tr td.sun {
background: rgba(225,205,200,0.2);
}
.reservationSingle table tr td.saturday{
background: rgba(178,206,223,0.2);
}
.reservationSingle table tr td.sun span.day {
color: #e36b4f;
}
.reservationSingle table tr td.saturday span.day {
color: #4fade3;
}
.reservationSingle table tr td.holiday {
background: #fee;
}
.reservationSingle table tr td.today {
background: rgba(240,240,190,0.3);
}
.reservationSingle table tr td span.day {
display: block;
text-align: center;
color: #333;
font-weight:800!important;
font-size:2.1em!important;
margin:10px auto 15px auto;
}
.reservationSingle table tr td span.on {
font-size: 1.05em;
color: #757575;
font-weight:bold;
}
.reservationSingle table tr td span.off {
font-size: 1.05em;
color: #4bbd42;
font-weight:bold;
}
.reservationSingle table tr td span.holidays_on {
font-size: 1.05em;
color: #912b0f;
font-weight:bold;
}

.reservationSingle table tr td span.winter_on {
font-size: 1.05em;
color: #0287b2;
font-weight:bold;
}
.reservationSingle table tr td span.summer_on {
font-size: 1.05em;
color: #ff7200;
font-weight:bold;
}
.reservationSingle table tr td span.gw_on {
font-size: 1.05em;
color: #f4d232;
font-weight:bold;
}


.reservationSingle table tr td span.ex_on {
font-size: 1.05em;
color: #dc0976;
font-weight:bold;
}
.reservationSingle table tr td span.ex_off {
font-size: 1.05em;
color: #e36b4f;
font-weight:bold;
}
.reservationSingle table tr td span.reserved {
font-size: 1.05em;
color: #3b9234;
font-weight:bold;
}
.reservationSingle table tr td span.undecided {
font-size: 1.05em;
color: #aaaaaa;
font-weight:bold;
}

.reservationSingle hr {
width:60%!important;
margin: 0 auto 60px auto!important;
text-align: center;
}
.reservation-single .backToList {
text-align: center;
margin-bottom: 20px;
}
.reservation-single .backToList a {
display: inline-block;
background: #999;
color: #fff;
padding: 0 10px; 
font-size: 85.7%;
line-height: 30px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

}




@media screen and (min-width:1280px) and (max-width:1919px) {

/* PC */

header{
width:100%!important;
height:110px;
margin:0 auto;
display:flex!important;
justify-content: space-between;
z-index:2000;
position:fixed;
top:0;
left:0;
background-image:url(../images/header_bg.png)!important;
background-repeat: repeat-x;
background-position:0px 0px;
background-size:cover;
}
.header_logo{
width:200px!important;
height:200px!important;
text-align:left!important;
flex-basis: auto;
}
.header_logo img{
width:188px!important;
height:188px!important;
margin:6px 12px 6px 0!important;
}

.header_banner{
width:200px;
height:auto;
}
.header_banner img{
width:188px!important;
height:auto!important;
margin:10px 12px 0 0;
}

.header_contents{
min-width:calc(100% - 400px)!important;
width:calc(100% - 200px);
justify-content: space-between;
margin:0;
position:relative;
}
.header-change.show,.banner-change.show{
display:block!important;
transition: .5s!important;

}
.header-change,.banner-change{
display:none!important;
transition: .5s!important;
}

.floating-banner{
position:absolute;
bottom: 20px;
right: 10px;
z-index: 12;
display: block;
width: 200px!important;
height: auto;
text-align:right;
flex-basis: auto;
}
.floating-banner img{
width: 188px!important;
height: auto!important;
}

/*ヘッダーカレンダー*/
.cal_box{
display:flex!important;
justify-content: flex-end;
margin:12px auto 0 auto!important;
padding:0!important;
text-align:left!important;
height:auto;
width:100%;

font-family:sans-serif!important;
}
.cal_mid{
display:flex!important;
justify-content: flex-start!important;
}
.cal_area{
width:auto;
min-height:34px;
height:auto;
vertical-align:middle!important;
margin:0!important;
padding:0;
display:flex!important;
justify-content: flex-start!important;
}
.cal_text{
background-color:#5b5759;
border-radius:10px 10px;
font-size:0.9vw!important;
color:#ff9900!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
line-height:1.4em;
margin:0 10px 0 0!important;
padding:0 10px!important;
width:auto!important;
display: flex;
align-items: center;
justify-content: center;
}
.calday{
background-color:#5b5759;
border-radius:0 10px 10px 0;
color:#ff9900!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
width:320px;
margin:0!important!important;
text-align:center!important;
background-color:none;
position:relative;
padding:0!important;
z-index:2000!important;
display: flex;
align-items: center;
justify-content: center;
}
.calday a{
color:#ffb301!important;
font-weight:bold;
}

/*ヘッダーカレンダー日付部分*/
#calday{
background-color:#5b5759;
border-radius:0 10px 10px 0;
color:#ffb301!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
width:300px!important;
margin:0!important!important;
text-align:center!important;
background-color:none;
position:relative;
padding:0 0 0 0!important;
z-index:2000!important;
}
#calday .today{
color:rgba(255,255,255,0)!important;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:100%!important;
margin:0!important;
padding:10px 0 0 0!important;
}






.cal_today .holiday-titles{
width:80%!important;
margin:20px auto 100px auto!important;
text-align:center;
}
.cal_today .holiday-titles p{
float:none!important;
display:inline-block!important;
margin:0 10px!important;
font-size:0.9vw!important;
font-weight:bold;
color:#ffb301!important;
}

/*ヘッダーカレンダーリンク部分*/
#callink{

}
#wether{
background-color:#5b5759;
border-radius:10px;
color:#ff9900!important;
font-size:0.9vw!important;
font-weight:bold;
line-height:1.4em!important;
text-align:center!important;
font-family:sans-serif!important;
min-width:120px!important;
min-height:34px;
height:auto;
margin:0!important;
padding:0 5px!important;
z-index:100!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
#wether a{
color:#ff9900!important;
}


#language{
background-color:#5b5759;
border-radius:10px;
color:#ff9900!important;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
line-height:1.4em!important;
min-width:200px!important;
min-height:34px;
height:auto;
margin:0 10px!important;
padding:3px 0 7px 0!important;
z-index:100!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
#language a{
color:#ff9900!important;
}



#language select{
color:#ff9900!important;
font-size:0.8vw!important;
}




#callink .today{
color:#ff9900;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:1px!important;
height:1px!important;
margin:0!important;
padding:0!important;
display:none!important;
}
#callink .holiday-weekdays,＃callink .holiday-closed,＃callink .holiday-weekend,＃callink .holiday-winter{
text-align:left!important;
padding:3px 0 0 0!important;
background-color:unset!important;
z-index:14!important;
display:block!important;
width:220px!important;
height:36px!important;
background-color:#ff6600;
}
#callink .holiday-weekdays:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}
＃callink .holiday-weekend:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:15!important;
}
＃callink .holiday-winter:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}
＃callink .holiday-weekdays:hover:after,＃callink .holiday-closed:hover:after,＃callink .holiday-weekend:hover:after,＃callink .holiday-winter:hover:after{
color:#ff0000!important;
cursor: pointer!important;
z-index:15!important;
display:block!important;
width:220px!important;
height:36px!important;
text-decoration:underline!important;
}


＃callink .holiday-closed:after{
content:"休国日";
color:rgba(255,255,255,1)!important;
text-align:left;
width:100%!important;
height:26px;
margin:0!important;
padding:16px 0 0 0!important;
font-size:1vw!important;
font-weight:bold!important;
text-decoration:none!important;
z-index:15!important;
cursor: text!important;
}



＃callink .holiday-gw{
position:relative;
text-align:center!important;
padding:10px 0!important;
height:100%!important;
}
＃callink .holiday-gw:after{
content:"10:00~16:00";
text-align:center;
display:inline-block;
width:100%;
margin:10px auto 5px auto;
font-size:0.5em;
font-weight:normal;
z-index:15!important;
}
＃callink .holiday-summer{
position:relative;
text-align:center!important;
padding:10px 0!important;
height:100%!important;
}
＃callink .holiday-summer:after{
content:"10:00~16:00";
text-align:center;
display:inline-block;
width:100%;
margin:10px auto 5px auto;
font-size:0.5em;
font-weight:normal;
z-index:15!important;
}
＃callink .holiday-titles{
width:80%!important;
margin:20px auto 100px auto!important;
text-align:center;
}
＃callink .holiday-titles p{
float:none!important;
display:inline-block!important;
margin:0 10px!important;
font-size:1.2em!important;
font-weight:bold;
color:#ffffff!important;
}

.cal_link{
visibility:hidden!important;
height:1px!important;
width:1px!important;
}




.bt_area{
width:auto!important;
height:auto!important;
margin:0;
padding:0;
text-align:right!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: flex-end;
}
.link_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold;
line-height:1.4em!important;
text-align:center!important;
font-family:sans-serif!important;
min-width:100px!important;
min-height:36px;
height:auto;
margin:0 1px!important;
min-width:140px;
padding:5px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}
.link_box .link_box_mini{
font-size:0.7vw!important;
}

.link_box .link_box_yellow{
color:#ffff00!important;
display:inline-block!important;
padding:0 0.2em 0 0!important;
}
.link_box a{
color:#ffffff!important;
}
.link_box a .link_box_yellow{
color:#ffff00!important;
}

.shop_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:0.9vw!important;
font-weight:bold;
line-height:1.4em!important;
text-align:center!important;
font-family:sans-serif!important;
min-width:120px!important;
min-height:36px;
height:auto;
margin:0 1px!important;
padding:5px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}




.dropmenu{
*zoom: 1;
list-style-type: none;
width:100%!important;
margin:0 auto;
padding:0;
display: flex;
bottom:0;
left:0;
right:0;
position:absolute;
font-family:sans-serif!important;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
width:calc(100% / 7)!important;
min-height:48px;
height:auto;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a{
  display: block;
height:100%;
  margin: 0;
  padding: 8px 0;
  color: #fff;
  line-height: 1;
  text-decoration: none;
font-size:0.95vw!important;
font-weight:bold!important;
vertical-align:middle;
display: flex;
align-items: center;
justify-content: center;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
width:100%!important;
background-color:#646464;
}
.dropmenu li ul li{
width:100%!important;
}
.dropmenu li ul li a{
  padding: 10px 5px;
  border-top: 1px solid #333333;
background-color:#646464;
  text-align: center;
line-height:1.2em;
height:100%!important;
min-height:48px;
}
.dropmenu li:hover > a{
background-color:#333333;
}
.dropmenu li a:hover{
background-color:#333333;
}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
height:100%!important;
}







main {
height:auto;
width:100%;
margin:110px auto 0 auto;
padding:0!important;
position:relative;
text-align:center;
font-size:1.5em;
font-family:sans-serif;
font-weight:bold;
}







/*スケジュール一覧表示*/
h3.event_title{
width:60%!important;
margin:50px auto 0 auto!important;
text-align:center;
font-family:sans-serif!important;
font-size:1.3em!important;
font-weight:bold!important;
color:#ffffff!important;
}
.event_list{
width:60%!important;
margin:50px auto!important;
text-align:center;
background-color:rgba(255,255,255,1)!important;
font-family:sans-serif!important;
font-size:16px;
}
.event_list th{
height:40px!important;
padding:5px!important;
font-size:1.1em!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
}
.event_list th.event_1st{
width:40%!important;
}
.event_list td{
width:auto!important;
height:auto!important;
padding:10px!important;
font-size:1em!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
white-space: nowrap;
}
.event_list tr:nth-child(odd){
background-color:rgba(245,245,245,1)!important;
}
.caution_bar{
width:100%!important;
height:auto;
background-color:rgba(255,0,0,1);
color:#ffffff;
font-family:sans-serif!important;
font-size:16px!important;
font-weight:bold!important;
margin:0 auto!important;
padding:2px 15px!important;
}

.modal-content1{
display:none;
margin:0 auto!important;
padding:0!important;
font-family:sans-serif!important;
height:auto;
}
.attention_title{
background-color:#333333!important;
color:#ffffff!important;
font-size:16px!important;
font-weight:bold!important;
line-height:1.8em!important;
padding:5px;
margin:0 auto 15px auto;
width:100%;
text-align:center!important;
}
.modified{
color:#333333!important;
font-size:14px!important;
line-height:1.8em!important;
margin:0 auto 20px auto;
text-align:center!important;
}
.attention_box{
display:flex!important;
text-align:center!important;
width:100%!important;
height:auto;
}
.attention_image{
width:50%!important;
}
.attention_image img{
width:100%!important;
}
.attention_info{
width:calc(50% - 30px)!important;
text-align:left!important;
padding:0 15px 0 30px;
}
.attention_content{
margin:0 auto 15px auto;

height:auto;
}
.attention_day,.attention_place{
margin:0 auto 5px auto;
display:inline-block;
min-width:50%;
}
.attention_content{
margin:0 auto 15px auto;

height:auto;
}
.attention_day,.attention_place{
margin:0 auto 5px auto;
display:inline-block;
min-width:50%;
}


#test .holiday-closed{
color:#ffb301;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:1px!important;
height:1px!important;
margin:0!important;
padding:0!important;
}
#test .holiday-closed:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:15px!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}


.cal_text_color{
background-color:rgba(255,255,255,1);
margin:2vw auto 0 auto;
padding:0.5vw 0;
width:100%;
color:#000000;
font-size:0.9vw;
text-align:center;
display:flex;
flex-wrap:wrap;
border-radius:5px;
}
.cal_text_color li{
width:calc(100% / 8);
}
.color1{
color: #757575;
font-weight:bold;
}
.color2{
color: #912b0f;
font-weight:bold;
}
.color3{
color: #4bbd42;
font-weight:bold;
}
.color4{
color: #0287b2;
font-weight:bold;
}
.color5{
color: #f4d232;
font-weight:bold;
}
.color6{
color: #ff7200;
font-weight:bold;
}
.color7{
color: #dc0976;
font-weight:bold;
}





/*--------------------------------------------------
  予約状況
--------------------------------------------------*/
.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; 
}







/* 個別ページ */
.reservationSingle { margin: 0 auto 150px auto!important;padding:0 0 250px 0!important; height:150vw;}
.reservationSingle .profile { }
.reservationSingle .introduction {
width:100%!important;
height:auto;
margin: 50px auto 50px auto;
color:#ffffff;
line-height:1.8em;
font-weight:normal;
font-size:0.9em;

}
.reservationSingle .introduction .summary {
text-align: center;
background-color:rgba(0,0,0,0.6);
width:80%!important;
margin: 0 auto 10px auto;
padding:15px 10px;
color:#ffffff;
line-height:1.8em;

}
.reservationSingle .introduction .summary span{
display:block!important;
margin: 10px auto;
color:#ffffff;
font-weight:bold!important;
font-size:1.2em!important;
}



.reservationSingle table {
width:80%!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;
}
.reservationSingle table caption {
font-size: 1.8vw;
font-weight: bold;
color: #ffffff;
padding: 5px 0; 
}
.reservationSingle table tr:hover {
background: #fff;
}
.reservationSingle table tr th {
border: solid 1px #ccc;
padding:10px 3px;
background: #878787;
color: #fff;
text-align: center;
font-size:1.1em;
font-weight:bold;
}
.reservationSingle table tr th.sun {
background: #e36b4f!important;
}
.reservationSingle table tr th.saturday {
background: #4fade3;
}
.reservationSingle table tr td {
border: solid 1px #ccc;
padding: 8px 3px 20px 3px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fff;
font-size:0.8vw;
font-weight:bold;
}
.reservationSingle table tr td.noday {
border: solid 1px #ccc;
padding: 8px 3px 20px 3px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fafafa;
}
.reservationSingle table tr td.sun {
background: rgba(225,205,200,0.2);
}
.reservationSingle table tr td.saturday{
background: rgba(178,206,223,0.2);
}
.reservationSingle table tr td.sun span.day {
color: #e36b4f;
}
.reservationSingle table tr td.saturday span.day {
color: #4fade3;
}
.reservationSingle table tr td.holiday {
background: #fee;
}
.reservationSingle table tr td.today {
background: rgba(240,240,190,0.3);
}
.reservationSingle table tr td span.day {
display: block;
text-align: center;
color: #333;
font-weight:800!important;
font-size:2.1em!important;
margin:10px auto 15px auto;
}
.reservationSingle table tr td span.on {
font-size: 1.05em;
color: #757575;
font-weight:bold;
}
.reservationSingle table tr td span.off {
font-size: 1.05em;
color: #4bbd42;
font-weight:bold;
}
.reservationSingle table tr td span.holidays_on {
font-size: 1.05em;
color: #912b0f;
font-weight:bold;
}

.reservationSingle table tr td span.winter_on {
font-size: 1.05em;
color: #0287b2;
font-weight:bold;
}
.reservationSingle table tr td span.summer_on {
font-size: 1.05em;
color: #ff7200;
font-weight:bold;
}
.reservationSingle table tr td span.gw_on {
font-size: 1.05em;
color: #f4d232;
font-weight:bold;
}


.reservationSingle table tr td span.ex_on {
font-size: 1.05em;
color: #dc0976;
font-weight:bold;
}
.reservationSingle table tr td span.ex_off {
font-size: 1.05em;
color: #e36b4f;
font-weight:bold;
}
.reservationSingle table tr td span.reserved {
font-size: 1.05em;
color: #3b9234;
font-weight:bold;
}
.reservationSingle table tr td span.undecided {
font-size: 1.05em;
color: #aaaaaa;
font-weight:bold;
}

.reservationSingle hr {
width:60%!important;
margin: 0 auto 60px auto!important;
text-align: center;
}
.reservation-single .backToList {
text-align: center;
margin-bottom: 20px;
}
.reservation-single .backToList a {
display: inline-block;
background: #999;
color: #fff;
padding: 0 10px; 
font-size: 85.7%;
line-height: 30px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

}


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


header{
width:100%!important;
height:80px;
margin:0 auto;
display:flex!important;
justify-content: space-between;
z-index:2000;
position:fixed;
top:0;
left:0;
background-image:url(../images/header_bg.png)!important;
background-repeat: repeat-x;
background-position:0px 0px;
background-size:cover;
}
.header_logo{
width:10vw;
height:10vw;
max-width:200px;
max-height:200px;
text-align:left;
flex-basis: auto;
}
.header_logo img{
width:100%;
height:100%;
max-width:188px!important;
max-height:188px!important;
margin:6px 12px 6px 0!important;
}

.header_banner{
width:10vw;
height:10vw;
max-width:200px;
max-height:200px;
}
.header_banner img{
width:100%;
height:100%;
max-width:188px!important;
max-height:188px!important;
margin:10px 12px 0 0;
}

.header_contents{
width:80vw;
margin:0;
position:relative;
}
.header-change.show,.banner-change.show{
display:block!important;
transition: .5s!important;

}
.header-change,.banner-change{
display:none!important;
transition: .5s!important;
}

.floating-banner{
position:absolute;
bottom: 20px;
right: 10px;
z-index: 12;
display: block;
width:10vw;
height:10vw;
max-width:200px;
max-height:200px;
text-align:right;
flex-basis: auto;
}
.floating-banner img{
width:100%;
height:100%;
max-width:188px!important;
max-height:188px!important;
}





.dropmenu{
*zoom: 1;
list-style-type: none;
width:100%!important;
margin:0 auto;
padding:0;
display: flex;
bottom:0;
left:0;
right:0;
position:absolute;
font-family:sans-serif!important;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
width:calc(100% / 7)!important;
min-height:24px;
height:auto;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a{
  display: block;
height:100%;
  margin: 0;
  padding: 8px 0;
  color: #fff;
  line-height: 1;
  text-decoration: none;
font-size:0.95vw!important;
font-weight:bold!important;
vertical-align:middle;
display: flex;
align-items: center;
justify-content: center;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
width:100%!important;
background-color:#646464;
}
.dropmenu li ul li{
width:100%!important;
}
.dropmenu li ul li a{
  padding: 10px 5px;
  border-top: 1px solid #333333;
background-color:#646464;
  text-align: center;
line-height:1.2em;
height:100%!important;
min-height:48px;
}
.dropmenu li:hover > a{
background-color:#333333;
}
.dropmenu li a:hover{
background-color:#333333;
}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
height:100%!important;
}





/*ヘッダーカレンダー*/
.cal_box{
display:flex!important;
justify-content: flex-end;
margin:5px auto 0 auto!important;
padding:0!important;
text-align:left!important;
height:auto;
width:100%;
font-family:sans-serif!important;
}
.cal_mid{
display:flex!important;
justify-content: flex-start!important;
}




.cal_mid .cal_area{
width:auto;
min-height:36px!important;
height:auto;
vertical-align:middle!important;
margin:0 5px 0 0!important;
padding:0;
display:flex!important;
justify-content: flex-start!important;
}
.cal_text{
background-color:#5b5759;
border-radius:10px 10px;
font-size:1vw;
color:#ff9900!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
line-height:1.4em;
margin:0!important;
padding:0 10px!important;
width:auto!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
.calday{
background-color:#5b5759;
border-radius:0 10px 10px 0;
color:#ff9900!important;
font-weight:bold;
text-align:left!important;
font-family:sans-serif!important;
width:auto;
margin:0!important!important;
text-align:center!important;
background-color:none;
position:relative;
padding:0!important;
z-index:2000!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
.calday a{
color:#ffb301!important;
font-weight:bold;
}


.cal_today .holiday-titles{
width:80%!important;
margin:20px auto 100px auto!important;
text-align:center;
}
.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;
}

/*ヘッダーカレンダーリンク部分*/

.cal_mid #wether{
background-color:#5b5759;
border-radius:10px;
color:#ff9900!important;
font-size:1vw!important;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
width:110px!important;
min-height:36px;
height:auto;
margin:0 5px 0 0!important;
padding:0 5px!important;
z-index:100!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
vertical-align:middle;






}
.cal_mid #wether a{
color:#ff9900!important;
}


.cal_mid #language{
background-color:#5b5759;
border-radius:10px;
color:#ff9900!important;
font-size:0.8vw!important;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
width:200px!important;
height:auto;
margin:0 5px 0 0;
padding:0!important;
z-index:100!important;
display: flex;
align-items: center!important;
justify-content: center!important;
}
.cal_mid #language a{
color:#ff9900!important;
}
.cal_mid #language select{
font-size:1vw!important;
}

.cal_link{
visibility:hidden!important;
height:1px!important;
width:1px!important;
}




.bt_area{
width:auto!important;
height:auto!important;
margin:0;
padding:0;
text-align:right!important;
display:flex!important;
flex-wrap: wrap!important;
align-items: center;
justify-content: flex-end;
}
.link_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:1vw!important;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
width:auto!important;
min-width:100px!important;
min-height:36px;
height:auto;
margin:0 5px 0 0!important;

padding:3px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}
.link_box .link_box_mini{
font-size:12px;
}

.link_box .link_box_yellow{
color:#ffff00!important;
display:inline-block!important;
padding:0 0.2em 0 0!important;
}
.link_box a{
color:#ffffff!important;
}
.link_box a .link_box_yellow{
color:#ffff00!important;
}

.shop_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:1vw!important;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
min-width:100px!important;
width:auto;
min-height:36px;
height:auto;
margin:0!important;
padding:3px !important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}


main {
height:auto;
width:100%;
margin:65px auto 0 auto;
padding:0!important;
position:relative;
text-align:center;
font-size:1.5em;
font-family:sans-serif;
font-weight:bold;
}
.slider{
width:100%;
height:auto;
max-height:540px;
margin:0 auto;
position:relative;
overflow:hidden;
}
.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;
}








/*スケジュール一覧表示*/
h3.event_title{
width:60%!important;
margin:50px auto 0 auto!important;
text-align:center;
font-family:sans-serif!important;
font-size:1.3em!important;
font-weight:bold!important;
color:#ffffff!important;
}
.event_list{
width:60%!important;
margin:50px auto!important;
text-align:center;
background-color:rgba(255,255,255,1)!important;
font-family:sans-serif!important;
font-size:16px;
}
.event_list th{
height:40px!important;
padding:5px!important;
font-size:1.1em!important;
font-weight:bold!important;
vertical-align:middle!important;
background-color:#484445!important;
color:#ffffff!important;
}
.event_list th.event_1st{
width:40%!important;
}
.event_list td{
width:auto!important;
height:auto!important;
padding:10px!important;
font-size:1em!important;
font-weight:bold!important;
vertical-align:middle!important;
color:#3b3c41!important;
white-space: nowrap;
}
.event_list tr:nth-child(odd){
background-color:rgba(245,245,245,1)!important;
}
.caution_bar{
width:100%!important;
height:auto;
background-color:rgba(255,0,0,1);
color:#ffffff;
font-family:sans-serif!important;
font-size:16px!important;
font-weight:bold!important;
margin:0 auto!important;
padding:2px 15px!important;
}

.modal-content1{
display:none;
margin:0 auto!important;
padding:0!important;
font-family:sans-serif!important;
height:auto;
}
.attention_title{
background-color:#333333!important;
color:#ffffff!important;
font-size:16px!important;
font-weight:bold!important;
line-height:1.8em!important;
padding:5px;
margin:0 auto 15px auto;
width:100%;
text-align:center!important;
}
.modified{
color:#333333!important;
font-size:14px!important;
line-height:1.8em!important;
margin:0 auto 20px auto;
text-align:center!important;
}
.attention_box{
display:flex!important;
text-align:center!important;
width:100%!important;
height:auto;
}
.attention_image{
width:50%!important;
}
.attention_image img{
width:100%!important;
}
.attention_info{
width:calc(50% - 30px)!important;
text-align:left!important;
padding:0 15px 0 30px;
}
.attention_content{
margin:0 auto 15px auto;

height:auto;
}
.attention_day,.attention_place{
margin:0 auto 5px auto;
display:inline-block;
min-width:50%;
}
.attention_content{
margin:0 auto 15px auto;

height:auto;
}
.attention_day,.attention_place{
margin:0 auto 5px auto;
display:inline-block;
min-width:50%;
}


#test .holiday-closed{
color:#ffb301;
font-size:0.1em!important;
font-weight:bold!important;
visibility:hidden!important;
width:1px!important;
height:1px!important;
margin:0!important;
padding:0!important;
}
#test .holiday-closed:after{
content:"今日のイベントスケジュール"!important;
text-align:left!important;
width:220px!important;
height:36px!important;
margin:0!important;
font-size:15px!important;
font-weight:bold!important;
text-decoration:none!important;
cursor: pointer!important;
visibility:visible!important;
z-index:150!important;
}



.cal_text_color{
background-color:rgba(255,255,255,1);
margin:2vw auto 0 auto;
padding:0.5vw 0;
width:100%;
color:#000000;
font-size:1.1vw;
text-align:center;
display:flex;
flex-wrap:wrap;
border-radius:5px;
}
.cal_text_color li{
width:calc(100% / 8);
}
.color1{
color: #757575;
font-weight:bold;
}
.color2{
color: #912b0f;
font-weight:bold;
}
.color3{
color: #4bbd42;
font-weight:bold;
}
.color4{
color: #0287b2;
font-weight:bold;
}
.color5{
color: #f4d232;
font-weight:bold;
}
.color6{
color: #ff7200;
font-weight:bold;
}
.color7{
color: #dc0976;
font-weight:bold;
}

/*--------------------------------------------------
  予約状況
--------------------------------------------------*/
.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; 
}







/* 個別ページ */
.reservationSingle { margin: 0 auto 150px auto!important;padding:0 0 250px 0!important; height:150vw;}
.reservationSingle .profile { }
.reservationSingle .introduction {
width:100%!important;
height:auto;
margin: 30px auto 20px auto;
color:#ffffff;
line-height:1.8em;
font-weight:normal;
font-size:1.3vw!important;

}
.reservationSingle .introduction .summary {
text-align: center;
background-color:rgba(0,0,0,0.6);
width:80%!important;
margin: 0 auto 10px auto;
padding:15px 10px;
color:#ffffff;
line-height:1.8em;
font-weight:normal;
font-size:1.3vw!important;

}
.reservationSingle .introduction .summary span{
display:block!important;
margin: 0 auto;
color:#ffffff;
font-weight:bold!important;
font-size:1.6vw!important;
}



.reservationSingle table {
width:90%!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;
}
.reservationSingle table caption {
font-size: 1.8vw;
font-weight: bold;
color: #ffffff;
padding: 5px 0; 
}
.reservationSingle table tr:hover {
background: #fff;
}
.reservationSingle table tr th {
border: solid 1px #ccc;
padding:10px 3px;
background: #878787;
color: #fff;
text-align: center;
font-size:1.8vw!important;
font-weight:bold;
}
.reservationSingle table tr th.sun {
background: #e36b4f!important;
}
.reservationSingle table tr th.saturday {
background: #4fade3;
}












.reservationSingle table tr td {
border: solid 1px #ccc;
padding: 8px 3px 20px 3px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fff;
font-size:1.1vw;
font-weight:bold;
}
.reservationSingle table tr td.noday {
border: solid 1px #ccc;
padding: 8px 3px 20px 3px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fafafa;
}
.reservationSingle table tr td.sun {
background: rgba(225,205,200,0.2);
}
.reservationSingle table tr td.saturday{
background: rgba(178,206,223,0.2);
}
.reservationSingle table tr td.sun span.day {
color: #e36b4f;
}
.reservationSingle table tr td.saturday span.day {
color: #4fade3;
}
.reservationSingle table tr td.holiday {
background: #fee;
}
.reservationSingle table tr td.today {
background: rgba(240,240,190,0.3);
}
.reservationSingle table tr td span.day {
display: block;
text-align: center;
color: #333;
font-weight:800!important;
font-size:2.2vw!important;
margin:10px auto 15px auto;
}
.reservationSingle table tr td span.on {
font-size: 1.05em!important;
color: #757575;
font-weight:bold;
}
.reservationSingle table tr td span.off {
font-size: 1.05em;
color: #4bbd42;
font-weight:bold;
}
.reservationSingle table tr td span.holidays_on {
font-size: 1.05em;
color: #912b0f;
font-weight:bold;
}

.reservationSingle table tr td span.winter_on {
font-size: 1.05em;
color: #0287b2;
font-weight:bold;
}
.reservationSingle table tr td span.summer_on {
font-size: 1.05em;
color: #ff7200;
font-weight:bold;
}
.reservationSingle table tr td span.gw_on {
font-size: 1.05em;
color: #f4d232;
font-weight:bold;
}


.reservationSingle table tr td span.ex_on {
font-size: 1.05em;
color: #dc0976;
font-weight:bold;
}
.reservationSingle table tr td span.ex_off {
font-size: 1.05em;
color: #e36b4f;
font-weight:bold;
}
.reservationSingle table tr td span.reserved {
font-size: 1.05em;
color: #3b9234;
font-weight:bold;
}
.reservationSingle table tr td span.undecided {
font-size: 1.05em;
color: #aaaaaa;
font-weight:bold;
}




.reservationSingle hr {
width:60%!important;
margin: 0 auto 60px auto!important;
text-align: center;
}
.reservation-single .backToList {
text-align: center;
margin-bottom: 20px;
}
.reservation-single .backToList a {
display: inline-block;
background: #999;
color: #fff;
padding: 0 10px; 
font-size: 85.7%;
line-height: 30px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

}












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

header{
width:100%!important;
height:60px;
margin:0 auto;
display:flex!important;
z-index:2000;
position:fixed;
top:0;
left:0;
background-image:url(../images/header_bg.png)!important;
background-repeat: repeat-x;
background-position:0px 0px;
background-size:cover;
}
.header_logo{
width:100px!important;
height:100px!important;
text-align:center!important;
}
.header_logo img{
width:100%!important;
height:auto!important;
margin:0 auto!important;
}
.header_contents_sp{
width:calc(100% - 100px);
margin:0 auto;
padding:0;
position:relative;
display:flex;
justify-content: flex-start;
flex-wrap: nowrap;
}


.header_banner{
position:fixed;
bottom: 130px;
right: 10px;
z-index: 3000;
display: block;
width:120px;
height:120px;
text-align:right;
flex-basis: auto;
}
.header_banner img{
width:100%;
height:100%;
}


.menu_box{
width:45px!important;
height:55px!important;
margin:0!important;
text-align:center;
}

.bt_area{
width:calc(100% - 45px);
height:65px;
margin:0;
padding:0;
text-align:right;
display:flex;
align-items: center;
justify-content: flex-end;
}
.link_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:12px;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
width:auto;
height:auto;
margin:0 3px;
padding:5px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}
.link_box .link_box_mini{
font-size:12px;
}

.link_box .link_box_yellow{
color:#ffff00!important;
display:inline-block!important;
padding:0 0.2em 0 0!important;
}
.link_box a{
color:#ffffff!important;
}
.link_box a .link_box_yellow{
color:#ffff00!important;
}

.shop_box{
background-color:#f80240;
border-radius:10px;
color:#ffffff!important;
font-size:12px;
font-weight:bold;
text-align:center!important;
font-family:sans-serif!important;
width:auto;
height:auto;
margin:0 3px;
padding:5px!important;
z-index:100!important;
border:solid 1px #757575;
display: flex;
align-items: center;
justify-content: center;
}




/* 個別ページ */
.reservationSingle { 
margin: 0 auto 50px auto!important;
padding:0!important;
height:auto;
}
.reservationSingle .profile { }
.reservationSingle .introduction {
width:100%!important;
height:auto;
margin: 30px auto 0 auto;
padding:15px 10px!important;
font-weight:normal;
font-size:0.7em;
}

.reservationSingle .introduction .summary{
width:100%!important;
margin: 15px auto;
padding:15px 0!important;
text-align: center;
color:#ffffff;
font-weight:normal;
line-height:1.8em;
background-color:rgba(0,0,0,0.6);
}
.reservationSingle .introduction .summary span{
display:block;
margin: 10px auto;
color:#ffffff;
font-weight:bold;
}
.swipe{
color:#ffffff!important;
font-weight:bold!important;
font-size:0.7em!important;
width:90%;
margin:0 auto;
}
.reservationSingle table {
width:98%;
margin:30px auto 15px auto;
text-align:center;
background-color:rgba(255,255,255,1)!important;
font-family:sans-serif!important;
font-size:16px;
border: solid 5px #eeeeee;
}
.reservationSingle table caption {
font-size: 18px;
font-weight: bold;
color: #ffffff;
padding: 5px 0; 
}
.reservationSingle table tr:hover {
background: #fff;
}
.reservationSingle table tr th {
border: solid 1px #ccc;
padding:10px 3px;
background: #878787;
color: #fff;
text-align: center;
font-size:15px;
font-weight:bold;
}
.reservationSingle table tr th.sun {
background: #e36b4f!important;
}
.reservationSingle table tr th.saturday {
background: #4fade3;
}
.reservationSingle table tr td {
border: solid 1px #ccc;
padding: 8px 2px 20px 2px;
text-align: center;
line-height: 1.6em;
width: calc(14% - 6px);
background: #fff;
font-size:11px;
font-weight:bold;
}
.reservationSingle table tr td.noday {
border: solid 1px #ccc;
padding: 8px 2px 20px 2px;
text-align: center;
line-height: 1.6em;
width: 14%;
background: #fafafa;
}
.reservationSingle table tr td.sun {
background: rgba(225,205,200,0.2);
}
.reservationSingle table tr td.saturday{
background: rgba(178,206,223,0.2);
}
.reservationSingle table tr td.sun span.day {
color: #e36b4f;
}
.reservationSingle table tr td.saturday span.day {
color: #4fade3;
}
.reservationSingle table tr td.holiday {
background: #fee;
}
.reservationSingle table tr td.today {
background: rgba(240,240,190,0.3);
}
.reservationSingle table tr td span.day {
display: block;
text-align: center;
color: #333;
font-weight:800!important;
font-size:18px;
margin:5px auto 10px auto;
}
.reservationSingle table tr td span.on {
font-size: 1.05em;
color: #757575;
font-weight:bold;
}
.reservationSingle table tr td span.off {
font-size: 1.05em;
color: #4bbd42;
font-weight:bold;
}
.reservationSingle table tr td span.holidays_on {
font-size: 1.05em;
color: #912b0f;
font-weight:bold;
}

.reservationSingle table tr td span.winter_on {
font-size: 1.05em;
color: #0287b2;
font-weight:bold;
}
.reservationSingle table tr td span.summer_on {
font-size: 1.05em;
color: #ff7200;
font-weight:bold;
}
.reservationSingle table tr td span.gw_on {
font-size: 1.05em;
color: #f4d232;
font-weight:bold;
}


.reservationSingle table tr td span.ex_on {
font-size: 1.05em;
color: #dc0976;
font-weight:bold;
}
.reservationSingle table tr td span.ex_off {
font-size: 1.05em;
color: #e36b4f;
font-weight:bold;
}
.reservationSingle table tr td span.reserved {
font-size: 1.05em;
color: #3b9234;
font-weight:bold;
}
.reservationSingle table tr td span.undecided {
font-size: 1.05em;
color: #aaaaaa;
font-weight:bold;
}


.reservationSingle .summary br.sp{
display:none!important;
}
.reservationSingle hr {
width:90%!important;
margin: 0 auto 60px auto!important;
text-align: center;
}
.reservation-single .backToList {
text-align: center;
margin-bottom: 20px;
}
.reservation-single .backToList a {
display: inline-block;
background: #999;
color: #fff;
padding: 0 10px; 
font-size: 85.7%;
line-height: 30px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

.cal_text_color{
background-color:rgba(255,255,255,1);
margin:2vw auto 0 auto;
padding:0.5vw 0;
width:100%;
color:#000000;
font-size:13px;
text-align:center;
display:flex;
flex-wrap:wrap;
border-radius:5px;
}
.cal_text_color li{
width:calc(100% / 4);
padding:1vw 0;
}
.color1{
color: #757575;
font-weight:bold;
}
.color2{
color: #912b0f;
font-weight:bold;
}
.color3{
color: #4bbd42;
font-weight:bold;
}
.color4{
color: #0287b2;
font-weight:bold;
}
.color5{
color: #f4d232;
font-weight:bold;
}
.color6{
color: #ff7200;
font-weight:bold;
}
.color7{
color: #dc0976;
font-weight:bold;
}

}