@charset "UTF-8";

#container{font-size:16px; margin-bottom:150px;  margin-top:20px;}
.wrap{padding:0 15px;}
.kv{margin-bottom:0;}
.catchBox{border:none;}
.catchBox img{width:100%; max-width:100%; display:block; margin:auto;}
.line{width:100%;}
.line img{width:100%;}
.ticket{margin-top:90px; background:#fcf7e9; border:solid 1px #e1cb90; padding:10px; width:90%; margin:90px auto;}
.ticket h2{font-size:24px; margin-bottom:20px;}
.ticket a, .ticket a:hover{text-decoration:underline !important;}
.flexBox {display:-webkit-box; display:-ms-box; display:-webkit-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-ms-flex; display:flex;}
.flexBox.btn{justify-content:center;}
.flexBox.btn > li{margin:0 2%; position:relative; text-align:center; width:32%;}
.flexBox.btn > li a{color:#fff; font-size:16px; line-height:1.5em;}
.flexBox.btn > li span{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:90%;}
.flexBox.event{flex-wrap:wrap;}
.flexBox.event > li{width:100%; margin-bottom:30px;}
.event .imgs{position:relative;}
.event .imgs .cost{border:none; background:#d1a01e; border-radius:50px; width:90px; height:90px; position:absolute; top:10px; right:10px; margin:0; padding:0;}
.event .imgs .cost .dt{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; color:#fff; width:80%; text-align:center; font-size:28px; font-weight:bold; line-height:1.0em;}
.event .imgs .cost .dt span{display:block; font-size:18px;}
.event .detail{padding:10px; background:#f3f3f3; font-size:16px;}
.event .detail .ctgr{font-size:14px; font-weight:bold; min-width:80px; padding:5px 0; color:#fff; text-align:center; display:inline-block; margin-right:5px;}
.event .detail .ctgr1{background:#510a93;}
.event .detail .ctgr2{background:#e83936;}
.event .detail .ctgr3{background:#d1a01e;}
.event .detail .ctgr4{background:#0068b7; padding: 5px 10px;}
.event .detail .ctgr5{background:#05a53a;}
.event .detail .ttl{font-size:32px; font-weight:400; margin:15px auto; line-height:1.2;}
.event .detail .txtBox{}
/*.event .detail .outline{padding-top:20px; border-top:solid 1px #cccccc;}*/
.event .detail .outline02 {padding-top:20px; border-top:solid 1px #cccccc;}
.event .detail .outline > dt, .event .detail .outline > dd{display:inline-block; vertical-align:top;}
.event .detail .outline > dt{width:90px; text-align:right;}
.event .detail .outline > dd{width:calc(100% - 90px);}
.event .detail .outline span{font-weight:bold;}
.map{background:url(../../special/img/newyear/bg_map.jpg); background-size:cover; padding-bottom:50px; margin-bottom:150px;}
.map img{margin:auto;}
.linkList_col3_04{font-size:13px;}

.spotCol2_1 {background:#efebe1; padding:30px 5px; margin-bottom:30px; background:url(../../special/img/newyear/bg_stay.jpg);  }
.spotCol2_1 .mainTtl {margin-bottom:20px; font-size:30px; font-weight:bold; text-align:center; color:#000; line-height:1.3;}
.spotCol2_1 ul {margin:0 auto;}
.spotCol2_1 li {background:#fff; border-radius:5px; box-shadow:0 3px 3px rgba(0,0,0,.3); padding:25px 0;;}
.spotCol2_1 li:first-child {margin-top:0;}

.spotCol2_1 .linkBtn_380 li, .spotCol2_1 .linkBtn_560 li, .linkBtn_560_g li {background:#fff; border-radius:0%; box-shadow:none; padding:0; width:95%; margin:0 auto; text-align:left;}

.spotCol2_1 .catch {text-align: center;}
.spotCol2_1 .ttl {margin-bottom:30px; padding:0 30px; font-size:1.1em; font-weight:bold; text-align:left; color:#9b7e40; line-height:1.3em;}
.spotCol2_1 .thumb {margin-bottom:20px;}
.spotCol2_1 .txt {margin-bottom:15px; padding:0 30px; text-align:left; font-size:16px;}
.spotCol2_1 .btn {display:block; background:#9b7e40; margin:0; padding:15px 5px; line-height:1.2; text-align:center; text-decoration:none !important; color:#fff; font-size:14px; margin-bottom:0.5em; border-radius:10px;}
.spotCol2_1 .btn.stayplan {width:80%; margin:0 auto;}
.spotCol2_1 .attention {padding:15px 20px; margin-bottom:30px; border:3px solid #c00; background-color:#c00; font-size:20px; color:#fff;}
.spotCol2_1 .attention a {color:#fff; text-decoration:underline !important;}
.spotCol2_1 .slick-dots{bottom:0;}
.spotCol2_1 .slick-dots li{float:none; width:20px; margin:0 5px; padding:0; background:none; box-shadow:none;}
.spotCol2_1 .slick-dots li button::before{font-size:20px; color:#fff;}

.spotCol2_1.meal{background:url(../../special/img/newyear/bg_restaurant.jpg) 100% repeat-y; /*background-size:cover;*/}
.rcmdBox{background-color:#fff; box-shadow:0 3px 3px rgba(0,0,0,.3);}
.rcmdBox.banquet {border:7px double #9b7e40;}
.rcmdBox .imgBox{}
.rcmdBox .infoBox{padding:10px; text-align:left; box-sizing:border-box;}
.rcmdBox .infoBox .shop{font-size:14px;}
.rcmdBox .infoBox .plan{font-size:18px; margin:8px auto 15px;}
.rcmdBox .infoBox .period{margin:5px auto 20px;}

.taisaku .btn {display:block; background:url(../..//img/arrow_link_08.png) 10px 50% no-repeat #ac9151; background-size: 6px; border: 1px solid #ac9151; margin:20px; padding: 10px 10px 10px 25px; line-height:1; text-align:center; text-decoration:none !important; color:#fff; font-size:15px; font-weight: bold;}
.attention01 {padding:15px 20px; margin-bottom:30px; border:3px solid #c00; background-color:#c00; font-size:20px; color:#fff;}

.eventList .rcmdBox{background-color:#fff; box-shadow:0 3px 3px rgba(0,0,0,.3);}
.eventList .rcmdBox .imgBox{}
.eventList .rcmdBox .infoBox{padding:10px; text-align:left; box-sizing:border-box;}
.eventList .rcmdBox .infoBox .shop{font-size:14px;}
.eventList .rcmdBox .infoBox .plan{font-size:22px; margin:8px auto 15px;}
.eventList .rcmdBox .infoBox .period{margin:5px auto 20px;}
.eventList .rcmdBox .infoBox .btn {display:block; background:#9b7e40; margin-bottom: 10px; margin-top: 10px; padding:15px 5px; line-height:1; text-align:center; text-decoration:none !important; color:#fff; font-size:15px; border-radius:10px;}


.hPtn01{font-size:30px; text-align:center; padding:40px 0; position:relative; border-top:solid 5px #e83936; margin-top:50px;}
.hPtn01::before{border-top:solid 5px #d0ae54; width:100%; height:5px; content:""; position:absolute; top:5px; left:0;}
.map .hPtn01{color:#fff; text-shadow:0 0 10px rgba(150,115,21,1); -webkit-text-stroke: 0.5px #967315;}
.map .hPtn01::before{display:none;}
.annotation {font-size:14px; width:90%; margin:0 auto;}
.annotation-inner {font-size:14px; margin-top:5px;}
.osechi .boxR, .osechi .boxL {padding:10px;}
.osechi .boxL {text-align:center;}
.osechi .boxL img {width:100%; margin-bottom:10px;}
.osechi .boxR th, .osechi .boxR td {font-size:80%;}
.stayplan_list {margin-bottom:30px;}

#container .contentBlock01 {padding:20px 0;}


/* お正月2023 追加 */
/* メニュー */
.contentBlock01 {background-size:100% auto; padding:0; overflow-x:hidden}
.background_red {background: #e62b0e; padding:20px 10px; margin-bottom:0; color: #fff;}
.background_red .catch {font-weight: bold; font-size:30px !important; margin-bottom: 30px !important; text-align: center;}
.background_red .lead {text-align: center;}
#menuBox{background:#000; color:#fff; padding:30px 15px 20px;}
#menuBox .menuBox{transition:0.5s; transform-origin:bottom left;}
#menuBox .menuBox.hide{animation:hidemenu 0.5s ease-in 0s 1 forwards;}
#menuBox .menuBox.show{animation:showmenu 0.5s ease-in 0s 1 forwards;}
@keyframes hidemenu{
	0%{opacity:1;}
	100%{opacity:0; transform:scaleY(0.5)translateX(100%);}
}
@keyframes showmenu{
	0%{opacity:0; transform:scaleY(0.5)translateX(100%);}
	100%{opacity:1; transform:scale(1)translateX(0);}
}
.menuBox a{color:inherit;}
.menuBox .ttlL{font-size:100%; font-weight:bold; margin:20px 0; color:#fff; text-align: center;}
.menuBox .ttlL a{display: block; text-decoration: none !important; background-color:#f6c815; border-radius:3px; padding:15px; color:#000; border: 1px solid #cfa812;}
.menuBox .ttlL a:hover{opacity:0.7; transition:.4s;}

.restaurant_box {padding:0 15px;}
.restaurant_box h5 {font-size:2em !important; margin-bottom:0.5em !important;}
.shop_name {font-size:0.9em; margin-bottom:1.5em;}
.shop_name a {text-decoration: underline !important;}
.restaurant_detail {margin-bottom:2em;}
.restaurant_detail_attention {margin-bottom:2em; font-size:0.8em; text-align: right;padding-right:1em;}
.restaurant_detail .btn {background-color:#e8340c;}
.restaurant_detail.double {margin-bottom:0.5em;}

.schedule {margin-bottom:1em;}
.schedule span {border:1px solid #ccc; padding:15px; display: inline-block;}

.stay_detail .stay_plan {border-top:1px solid #ddd; padding:15px 0;}
.stay_detail h6 {font-weight:bold; font-size:1em; margin-bottom:1em; text-align:center;}


/* 追従バナー */
#menu_scrl{position:fixed; top:20vh; right:0; display:flex; align-items:flex-start; transform:translateX(100vw); transition:0.5s; z-index:500;}
#menu_scrl.show{transform:translateX(0);}
#menu_scrl #scrlMenu{background:none; border:none; transition:0.5s; margin:0; width:100px;}
#menu_scrl #scrlMenu.on{transform:translateX(-70px);}
#menu_scrl #scrlMenu.on:hover{transform:translateX(-120px);}
#menu_scrl.show #scrlMenu.on, #menu_scrl.show #scrlMenu.on:hover{transform:translateX(0); padding-right:0;}
#menu_scrl .menuBox{opacity:0; transition:0.5s; margin:0; max-width:100vw;}
#menu_scrl .menuBox.wrap{width:auto;}
#menu_scrl .menuwrap{background:rgba(232, 54, 24, 1); padding:0 30px; margin-top:1px; border: #fff 3px solid;}
#menu_scrl.show .menuwrap, #menu_scrl.show .menuBox{opacity:1;}
#menu_scrl #scrlMenuCls{position:absolute; top:-10px; right:0; display:none; z-index:10;}
#menu_scrl.show #scrlMenuCls{display:block;}
#menu_scrl #scrlMenuCls {background-color:#fff; width:30px; height:30px; border:0; top:-29px; right:0; padding:0; font-size: 1.4em;}
#menu_scrl #scrlMenuCls:hover {opacity:0.7; transition:0.5s;}




/* ===== TB Size > 768px ===== */
@media print, screen and (min-width:768px) {
	#container{font-size:18px; margin-top:0;}
	.wrap{padding:0;}
	.kv{margin-bottom:0;}
	.catchBox img{width:auto;}
	.ticket{padding:25px;}
	.flexBox.btn > li a{font-size:40px;}
	.flexBox.event > li{width:33.33%; box-sizing:border-box; margin-bottom:50px; border-left:solid 1px #fff;}
	.flexBox.event > li~li{margin:0;}
	.flexBox.event > li img{width:100%;}
	.flexBox_pc{display:-webkit-box; display:-ms-box; display:-webkit-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-ms-flex; display:flex;}
	.event .detail{padding:20px;}
	
	.hPtn01{margin-top:100px; font-size:54px; padding:60px 0;}
    
    .osechi {padding:25px; margin:0 auto 90px; width:90%; clear:both;}
    .osechi .boxR, .osechi .boxL {padding:0;}
    .osechi .boxL {float:left; width:38%;}
    .osechi .boxR {float:right; width:60%;}
    .osechi .boxR th, .osechi .boxR td {font-size:90%;}
    .osechi .boxL img {width:100%;}
    
    .stay_reserve {display:flex;}
    .stay_reserve .boxL {width:54%;}
    .stay_reserve .boxR {width:46%;}
    .stay_reserve.ai-end{align-items:flex-end;}
    .stay_reserve.w50{max-width:870px; margin:auto;}
    .stay_reserve.w50 .boxs{width:50%; margin-bottom:0 !important;}
    .stayplan_list {margin-bottom:0;}
    
    .spotCol2_1 {padding:50px 20px; text-align:center; margin-bottom:0;}
	.spotCol2_1 .mainTtl {margin-bottom:25px; font-size:44px; font-weight:normal;}
	.spotCol2_1 li {float:left; width:960px; margin-bottom:30px;}
	.spotCol2_1 li:nth-child(-n+2) {margin-top:0;}
	.spotCol2_1 li:nth-child(2n+1) {clear:both; margin-left:0;}
	.spotCol2_1 .linkBtn_380 li {width:390px; margin-left:20px;}
	.spotCol2_1 .linkBtn_560 li, .spotCol2_1 .linkBtn_560_g li {width:480px; margin-left:20px;}
	.spotCol2_1 .thumb {width:100%;}
	.spotCol2_1 .btn {width:410px; margin:0 20px;}
	.spotCol2_1 .btn.stayplan {width:390px !important;}
    .spotCol2_1 .txt {margin-bottom:0;}
	.spotCol2_1 .ttl {font-size:1.3em;}
    
    .taisaku .btn{width: 600px; margin: 30px auto 0; padding: 15px 5px;}
    .attention01 {text-align: center; margin-bottom: 80px;}
	
    .rcmdBox .imgBox {width:50%;}
	.rcmdBox .infoBox{width:50%; padding:20px 16px 20px 20px;}
	.rcmdBox .infoBox .period{margin:5px auto 10px;}
	.spotCol2_1.meal .rcmdBox .btn{margin:0;}
    
    .eventList .rcmdBox .imgBox{width:41.5%;}
	.eventList .rcmdBox .infoBox{width:58.5%; padding:20px 16px 20px 20px;}
	.eventList .rcmdBox .infoBox .period{margin:5px auto 30px;}
	.eventList .spotCol2_1.meal .rcmdBox .btn{margin:0;}
    .eventList .rcmdBox .infoBox .btn {width:280px; margin-bottom: 10px; margin-top: 10px;}
    

	/* お正月2023 追加 */
    /* メニュー */
	#menuBox .menuBox {display:flex;justify-content: center;gap: 40px;}
	.menuBox .ttlL a{width:290px; padding:15px 1%;}
	.menuBox .ttlL:last-child {width:290px;}
	.background_red {padding:80px 10px 40px;}
	.background_red .catch {font-size:40px !important; margin-bottom: 50px !important}
	.restaurant_detail {display: flex; width:860px; margin:0 auto 50px;}
	.restaurant_detail .btn:first-child {margin-right:20px !important;}
	.restaurant_detail.double {margin-bottom:1em;}
	.stay_detail {padding:0 35px 30px;}
	.stay_detail .stay_plan {display: flex; align-items: center;}
	.stay_detail .stay_plan p {width:810px; margin-right:20px; text-align:left; padding:0 0 0 20px;}
	.stay_detail h6 {text-align:left;}
	.restaurant_detail_attention {margin-bottom:3em; text-align:right; padding-right:55px;}
	.schedule {margin-bottom:30px;}

	/* 追従バナー */
	#menu_scrl{transform:translateX(100%); z-index:900;}
	#menu_scrl #scrlMenu{width:auto;}
	#menu_scrl #scrlMenu.on{transform:translateX(-75px); width:auto;}
	#menu_scrl .menuBox{white-space:nowrap;}

}