@media screen and (max-width:960px) {
html, body { /*overflow-x:hidden; overflow-y:auto;*/ }
body { min-width:320px; padding:0; }


.pc_no { display:block; }
br.pc_no { display:inline-block; }
.sp_no, br.sp_no { display:none; }
span.sp_no { display:none; }

p { line-height:1.8; }



/*-- MAIN/ --*/
.covervid-wrapper { height:100vh; overflow:hidden; background:#222 url(../img/bg_star.jpg) center center /cover no-repeat; background:none; }


.main { height:calc(100vh + 1px); }
.main a.logo, .head a.logo { top:10px; left:15px; }
.main a.logo strong, .head a.logo strong { font-size:1.6em; }

.main .t_copy { width:75vw; height:28vw; top:calc(50% - 30px); top:calc(40% - 30px);  }
.main .t_copy.test { background:url(../img/t_copy02.png) 0 center /280vw no-repeat; animation:copy-move 1.5s steps(4) infinite; }
body.winter .main .t_copy { background:url(../img/t_copy_win02.png) 0 center /280vw no-repeat; animation:copy-move 1.5s steps(4) infinite;}

@keyframes copy-move {
  to { background-position:-280vw center; }
}

.main .tel { left:15px; bottom:70px; line-height:1.25; display:none; }
.main .tel strong  { font-size:1.8em; }
/*.main .search, .head .search { display:block; }*/
body.booking .head .search { display:none; }
.main .weather { font-size:0.8em; right:15px; bottom:65px; }


/*--SP MENU/--*/
.sp_menu { display:block; width:60px; height:60px; position:absolute; top:0; right:10px; cursor:pointer; transition:.2s; z-index:100; }
body.top .sp_menu { background:rgba(0,0,0,0.1);}
.sp_menu.on, body.top .sp_menu.on { background:#893; height:70px; }
.sp_menu div { width:24px; height:2px; background-color:#fff; position:absolute; transition:0.5s; } 
.sp_menu div:nth-child(1) { top:18px; left:18px; } 
.sp_menu div:nth-child(2) { top:26px; left:18px; } 
.sp_menu div:nth-child(3) { top:34px; left:18px; } 
.sp_menu.on div:nth-child(1) { top:26px; left:18px; transform: rotate(-45deg); }
.sp_menu.on div:nth-child(2) { opacity:0; }
.sp_menu.on div:nth-child(3) { top:26px; left:18px; transform: rotate(45deg); }
.sp_menu::after { content:"MENU"; display:block; width:100%; text-align:center; color:#fff; position:absolute; top:40px; left:auto; font-size:0.5em; letter-spacing:1px; }
.sp_menu.on::after { content:"CLOSE"; }

/*-- MENU/ --*/
.hm { display:none; top:70px; left:10px; right:10px; height:auto; background:rgba(136,153,51,0.95) !important; padding:10px 0 !important; }
.hm li { display:inline-block; width:25%; height:auto; padding:0; }
.hm li a { font-size:1em; text-align:center; }
.hm li a::before { display:none; }
.hm li.m09 { width:100%; height:auto; margin-top:1em; padding:0.5em 0 0 0; text-align:center; border-top:1px solid rgba(255,255,255,0.3); }
.hm li.m09 a { padding:10px 15px; }


/*-- BOOKING/ --*/
.booking_box { padding:5px 20px !important; margin-top:-20px; margin-bottom:20px; display:none; }
body.temp .booking_box { display:block; }

.booking_box ul.booking01 { width:100%; }

.booking_box ul.booking02 li { width:47%; border-right:none !important; border-top:1px dotted #ddd !important; vertical-align:top; margin:0 3% 0 0 !important; padding:10px 0 !important; }
.booking_box ul.booking02 li span { width:calc(100% - 54px); margin-right:0; border:none !important; }
.booking_box ul.booking02 li span.desc { width:100%; }
.booking_box ul.booking02 .easy-select-box { margin:0; }
.booking_box .booking { position:relative; right:auto; top:auto; margin:20px auto; }



/*-- ENJOY PLAN/ --*/
.plan_box ul { padding:40px 0; }
.plan_box ul li { width:50%; }
.plan_box ul li:first-child { width:100%; height:75vw; margin-bottom:2px; }
.plan_box ul li strong { display:block; width:90%; top:20px; left:1px; padding:1vw 2vw; }
.plan_box ul li strong::after { display:none; }
.plan_box ul li:first-child img { height:75vw; }
.plan_box ul li img { height:50vw; }


strong.hide { transform:translate(-50%, calc(-50% + 30px)) !important;}
strong.show { transform:translate(-50%, -50%) !important;}


/*-- SEASON/ --*/
.season_box { padding:40px 0; }
.season_box h2 .comment { }
.season_box ul li { width:50%; }
.season_box ul li img { width:100%; height:35vw; }
.season_box ul li strong { top:50%; letter-spacing:1px; transform:translate(-50%,-50%); display:inline-block; margin:auto; width:auto; font-size:1.25em; }
.season_box ul li strong::after { display:none; }

.season_box ul li:nth-of-type(1)::after,
.season_box ul li:nth-of-type(2)::after,
.season_box ul li:nth-of-type(4)::after { padding-top:4vw; }

/*-- ROOMS/ --*/
.room_box ul li { width:50%; }
.room_box ul li:last-child { /*width:100%;*/ }
.room_box ul li img { width:100%; height:50vw; }
.room_box ul li strong { top:50%; letter-spacing:1px; padding:3vw; transform:translate(-50%,-50%); display:inline-block; margin:auto; width:auto; font-size:1.25em; }
.room_box ul li strong::after { display:none; }
.room_box ul li:nth-child(3) strong, .room_box ul li:nth-child(4) strong { padding:3vw; /*white-space:nowrap;*/ }



/*--LUNCH & DINNER/--*/
.dinner_box ul {  }
.dinner_box ul li { width:50%; }
.dinner_box ul li img { height:50vw }
.dinner_box ul li strong { top:50%; transform:translate(-50%,-50%); display:inline-block; margin:auto; width:auto; font-size:1.4em; padding:1vw 3vw; }
.dinner_box ul li strong::after { display:none; }

.temp .dinner_box ul { margin:0 -20px !important;  }



/*-- DAISEN WALKING/ --*/
.walking_box { padding:40px 0; }
.walking_box ul li { width:100%; padding:1px; }
.walking_box ul li a { display:block; }
.walking_box ul li img { max-width:100%; height:60vw; }
.walking_box ul li strong { width:auto; left:50%; top:50%; margin:auto; padding:15px; font-size:1.4em; letter-spacing:4px; transform:translate(-50%,-50%); }
.walking_box ul li strong img { display:block; width:48px; height:40px; margin:auto; }
.walking_box ul li strong::after { display:none; }
.walking_box ul li:nth-child(1) strong { background:rgba(51,136,153,0.7); }
.walking_box ul li:nth-child(2) strong { background:rgba(136,153,51,0.7); }
.walking_box ul li:nth-child(3) strong { background:rgba(85,51,85,0.7); }
.walking_box ul li strong span:nth-of-type(1) { letter-spacing:6px;  }
.walking_box ul li strong span:nth-of-type(2) { font-size:0.6em; }



/*-- ACCESS/ --*/
.map_wrapper { margin-bottom:20px; }



/*-- BANNER/ --*/
.b_box { padding:0 !important; }

body#top div.helloAutumn { display:block; width:90%; margin:0 auto 1em auto; }
.b_box05 { display:block; width:98%; margin:0 auto; }


/*20200226 追加*/
.b_long { margin-bottom:0; display:flex; flex-flow:column wrap; justify-content:center; }
.b_long a { width:90%; margin:0 auto 1em auto; }
.season_window.test .inner { flex-flow:column wrap; }
body#top .season_window.test div.helloAutumn { width:90%; margin:0 auto 1em auto; }


.b_box06 { width:100%; max-width:100%; padding:0 1%; text-align:center; overflow:visible; margin:auto; }
.b_box06 ul li { width:calc( (100% - 10px)/3 ); padding:0; margin:0;}
.b_temporary ul li { width:50%; }

/*-- ACCESS VIDEO --*/
.access_video { padding:0 calc(10% - 1em); }
.access_video > div { width:calc((100% - 2em) / 2); margin-bottom:2em; }

body.access .access_video { padding:0 calc(10% - 2em); }
body.access .access_video > div { width:calc((100% - 2em) / 2); margin-bottom:2em; }


/*-- FOOT flex/ --*/
.foot { padding:20vw 20px 20px 20px !important; }
.foot::after { background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.3) 100%); z-index:1; }

/*
body.top .foot { padding:120px 20px 80px 20px !important; }
body.booking .foot { padding:60px 20px 80px 20px !important; }
*/
.foot .base { width:100%; margin:0 0 40px 0; }
.foot .base strong { display:block; font-size:1.6em; line-height:1.25; }
.foot .base .address { display:inline-block; vertical-align:bottom; margin:0 3em 0 0; }
.foot .base .tel { display:inline-block; vertical-align:bottom; font-size:1.5em; line-height:1.25;  }

.foot .booking { width:100%; }
.foot .booking a { /*text-align:center;*/ }
.foot .booking .tel { text-align:center; }

.f_sub { width:calc(100% + 40px); padding:30px 20px; }
.f_sub .fm { width:100%; margin:0 0 20px 0; }
.f_sub .gb { width:100%; }
.f_sub .gb li { width:49%; box-sizing:border-box; }

.f_booking { display:block; }
body.booking .f_booking { display:none; }

.copyright { padding:30px 30px 80px 30px ; }


/*-- TEMPLATE ------------------------------------------------------------------------------------------*/

/*-- ARTICLE/ --*/
.article { padding:0 20px; }
.full { margin-left:-20px; margin-right:-20px; padding:20px; width:calc(100% + 40px); }
body.top .full { padding:20px 0;  }
body.top .full_bg { padding-left:20px; padding-right:20px; }

body.top.test .full { padding:0 }


.article img { max-width:100%; height:auto; }
.article img.no { width:auto !important; height:auto; }
.article div[style^="margin"] { margin-left:0 !important; }
.article p[style^="padding"] { padding-left:0 !important; }
.article h5[style^="padding"] { padding-left:0 !important; }

img.full { width:calc(100% + 40px); max-width:100vw; margin-left:-20px; margin-right:-20px; }

.navibar { width:70%; }



/*-- HEAD/ --*/
.head { height:auto; padding:90px 0; }
.head::after { background:url(../img/bg_head01.png) 45% bottom no-repeat !important;}
body.walking .head::after { background:url(../img/bg_head02.png) 45% bottom no-repeat !important; }
.head h2 {  }



/*---- INDEX/ ----*/
.index_box { display:block; width:auto; margin:0 -20px; border-top:1px solid #ecf0f1; }
.index_box .icon { width:90px; height:90px; margin:0; box-sizing:border-box; }
.index_box .index_text { height:auto; }
.index_box .title { font-size:1.25em !important; }



.left_img img { margin:0; padding:0; margin-bottom:1em; margin-right:0; max-width:100%; height:auto; }

.section img { float:none; width:100% !important; height:auto; margin:0; }
.section .text_box { padding:0; }

h1, .mceContentBody h1 { font-size:1.8em; }
h2, .mceContentBody h2 { font-size:1.6em; letter-spacing:normal; }
h2 .comment, .mceContentBody h2 .comment { font-size:0.5em; letter-spacing:normal }
h3, .mceContentBody h3 { margin:1em -30px; font-size:1.6em; letter-spacing:normal; }
h3:nth-of-type(2n)::before, h3:nth-of-type(2n+1)::before, 
body.rental h3:nth-of-type(2n)::before, body.rental h3:nth-of-type(2n+1)::before { display:none; }
h4, .mceContentBody h4 { font-size:1.4em; letter-spacing:normal }
h5, .mceContentBody h5 { font-size:1.2em;letter-spacing:normal }

h3 + .box_l, h3 + .box_r { margin:0 auto 1em auto;  }
h3 + .box_l .txt, h3 + .box_r .txt { position:relative; padding:1em 0 2em 0; }
h3 + .box_l.full .photo img, h3 + .box_r.full .photo img { margin-top:0;  }



/*---- テーブルデザイン/ ----*/
table { width:100% !important; min-width:200px; border-top:1px solid #ddd !important; border-collapse:collapse; position:relative; }
tr { position:relative; }
tbody th {/* white-space:normal !important;*/ }
.table01 th, .table02 th, .mceContentBody .table01 th, .mceContentBody .table02 th { font-weight:bold !important; /*text-align:center !important;*/ /*background:#fff;*/ border:none; border-top:1px solid #ddd; /*border-bottom:1px dashed #ddd;*/ display:inline-block; width:100%; /*float:left;*/ word-break:break-all !important; word-wrap:break-word !important; padding:15px 1% 0 1%  !important; line-height:1.5 !important; margin-bottom:-1px; box-sizing: border-box; }
.table01 td, .table02 td, .mceContentBody .table01 td, .mceContentBody .table02 td { display: inline-block; width:100%; float:left; word-break:break-all !important; border:none !important; word-wrap:break-word !important; padding:10px 1% !important; line-height:1.5 !important; margin-bottom:-1px; box-sizing: border-box; }
.table01 td + td { padding:0 1% 10px 1% !important; }
.table01 tr, .mceContentBody .table01 tr { border-bottom:1px solid #ddd; }
.table03 th, .table03 td, .mceContentBody .table03 th, .mceContentBody .table03 td,
.table02 td .table03 th, .table02 td .table03 td { width:auto; float:none; display:table-cell !important; font-weight:normal; }
.table02 td .table03 thead th, .table02 td .table03 thead td { background:none; }
.table02 td .table01 th, .table02 .table01 td { padding:5px 0 !important; border-bottom:1px dashed #ddd !important; }

/*th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {}*/
img[align="absmiddle"] { vertical-align:middle; }
th img, td img { max-width:100%; height:auto; }
th img.no, td img.no, #map img { width:auto !important; height:auto; }

.table02 { border:none; }


/*-- 幅の広いテーブルにスクロール表示 --*/
.scroll, #calcResult { overflow:auto; }
.scroll::-webkit-scrollbar, #calcResult::-webkit-scrollbar { height:15px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track, #calcResult::-webkit-scrollbar-track { background:#eee; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb, #calcResult::-webkit-scrollbar-thumb { background:#bc6;/*tableにスクロールバーを追加*/}
.scroll table, #calcResult table { margin-bottom:20px !important; }



/*-- 画像回り込みセット/ --*/
.box_l, .mceContentBody .box_l { width:100%; margin:0 0 40px 0; }
.box_l .photo, .mceContentBody .box_l .photo { display:block; float:none; width:100% !important; max-width:100%; margin:0; /*width:calc(100% + 30px); max-width:calc(100% + 30px); margin:0 -15px;*/ box-sizing:border-box; }
.box_l .photo img, .mceContentBody .box_l .photo img { max-width:100%; margin:0 0 30px 0; padding:0; height:auto; }
.box_l .photo img.no, .mceContentBody .box_l .photo img.no { display:block; margin:0 auto 10px auto; }
.box_l .txt, .mceContentBody .box_l .txt { padding:0; }

.box_r, .mceContentBody .box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo, .mceContentBody .box_r .photo { display:block; float:none; width:100% !important; max-width:100%; margin:0; /*width:calc(100% + 30px); max-width:calc(100% + 30px); margin:0 -15px;*/ box-sizing:border-box; }
.box_r .photo img, .mceContentBody .box_r .photo img { max-width:100%; margin:0 0 30px 0; padding:0; height:auto; }
.box_r .photo img.no, .mceContentBody .box_r .photo img.no { display:block; margin:0 auto 10px auto; }
.box_r .txt, .mceContentBody .box_r .txt { padding:0; }

.box_l.full, .box_r.full { width:calc(100% + 40px); margin:0 -20px 40px -20px; padding:20px; }
.box_l.full .photo { padding:0; margin:0 -20px; width:calc(100% + 40px) !important; max-width:calc(100% + 40px) !important; }
.box_r.full .photo  { margin:0 -20px; width:calc(100% + 40px) !important; max-width:calc(100% + 40px) !important; }
.box_l.full.txt, .box_r.full.txt { width:100%; }



/*-- YOUTUBE/ --*/
/*.mceContentBody .youtube { width:100%; margin:0 0 20px 0; text-align:center; }*/



/*-- FORM SELECT/ --*/
.easy-select-box .esb-displayer { min-width:2.5em; }



/*-- 大山歩きのススメ/ --*/
body.walking { background:#f4f2f0; }

.anchor { display:inline-block;  }

.aruki { margin-top:-70px; padding:20px 0 !important;  }
.aruki .mark { position:absolute; right:20px; width:100px; height:100px; top:40px; }
.aruki:nth-of-type(2n+1) .mark { right:20px; }
.aruki:nth-of-type(2n) .mark { left:20px; }
.aruki strong { position:relative; display:inline-block; width:120px; top:50px; left:20px; padding:30px 0px; letter-spacing:2px; font-size:1.4em; }
.aruki:nth-of-type(2n) strong { left:calc(100% - 140px); margin:0; }
.aruki strong::after { content:""; position:absolute; bottom:-35px; left:50%; margin:0 0 0 -15px; border:15px solid transparent; }
.aruki strong span { font-size:1.5em; }
.aruki img { width:100vw; height:75vw; margin:0; }
.aruki:nth-of-type(2n+1) .photo,
.aruki:nth-of-type(2n) .photo { width:100vw; height:75vw; margin:0; padding:0; }
.aruki .photo .bx-wrapper { width:100vw !important; margin:0; padding:0; }
.aruki .text {  margin:-30px 20px 0 20px; padding:15px 20px 20px 20px; top:auto; max-width:100%; }
.aruki:nth-of-type(2n) .text { left:0; }
.aruki .text p { border-bottom:1px solid #ddd; padding:0 0 1em 0; letter-spacing:normal; }
.aruki h4 { margin-bottom:0.25em; font-size:1.4em; }
.aruki .link { display:block; }

.mizuaruki .mark { background:url(../img/i_mizu.png) center center /80px no-repeat; background-color:rgba(51,136,153,0.3); }
.yamaaruki .mark { background:url(../img/i_yama.png) center center /80px no-repeat; background-color:rgba(136,153,51,0.3); }
.hoshiaruki .mark { background:url(../img/i_hoshi.png) center center /80px no-repeat; background-color:rgba(85,51,85,0.3); }
.yukiaruki .mark { background:url(../img/i_yuki.png) center center /80px no-repeat; background-color:rgba(51,170,221,0.2); }
.akaaruki .mark { top:55px; background:url(../img/i_aka.png) center center /80px no-repeat; background-color:rgba(170,51,68,0.3); }


/*-- 客室・館内/ --*/
.bx-wrapper { margin-left:-20px; margin-right:-20px; }
body.rooms .megumi_bath img { width:calc(100vw + 40px); max-width:200vw; margin:0 -20px; }



/*-- お料理/ --*/
body.dinner .megumi_food { overflow:hidden; text-align:center; }
body.dinner .megumi_food img { width:calc(100vw + 40px); max-width:200vw; margin:0 -20px; }
body.dinner .box_l .txt, body.dinner .box_r .txt { padding:0;  }

.hPlanImages { padding:20px 0 !important; }
.hPlanImages img {  }

/* 1枚の場合 */
.hPlanImages .photo:only-child { width:calc(100% + 40px); max-width:calc(100% + 40px); margin:1% -20px; }



/*カレンダー表示位置調整*/
.ui-datepicker { position:fixed !important; top:50% !important; left:0 !important; right:0 !important; margin:auto !important; transform:translate(0,-50%); }


.col3 { column-count:2; }


.b_pd, .b_contact { width:100%; margin-bottom:1em; padding:20px 40px 20px 20px; /*text-align:center;*/ }

}




@media screen and (max-width:640px) {

.hm li { width:50%; }
	
 /*-- バナー --*/
.b_box04 ul li { width:46%; }
body.winter .b_box04 ul li.b_middle { width:92% !important; }


/*-- ENJOY PLAN/ --*/
.plan_box ul li { width:100%; }
.plan_box ul li img { height:75vw; }


/*-- LUNCH & DINNER/ --*/
.dinner_box ul li { width:100% !important; }
.temp .dinner_box ul li { margin-bottom:60px; }


/*-- INFO/ --*/
body.test .info_box { padding:0 calc(50vw - 50%); }

.info_box {  }
.info_box ul { border-left:none; margin-bottom:40px !important;  }
.info_box ul li { display:block !important; width:100%; margin:0 0 20px 0; border-right:none; }
.info_box ul li .photo { float:left; display:block; vertical-align:top; width:90px; height:90px; margin:0 15px 0 0; }
.info_box ul li .photo img {  }
.info_box ul li .date { display:inline-block; width:calc(100% - 105px); color:#893; font-size:0.9em;  }
.info_box ul li .title { display:inline-block; width:calc(100% - 105px); /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ }
.info_box ul li a { display:block; padding:0 20px; line-height:1.5; }
.info_box ul li:hover { /*background:#f4f6e5;*/ }
.info_box ul li::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.LR_box { width:100% !important; padding:20px 0; margin:0; overflow:visible !important; }
.LR_box .LR_box, .LLRR_box { width:49% !important; }
.LCR_box, .LCR_box2 { width:100% !important; padding:20px 0; margin:0; overflow:visible !important; }



.head::after { background:url(../img/bg_head01.png) 47% bottom no-repeat !important;}


/*空室検索・予約*/
.plan_room dt { width:calc(100% - 8em); }
.plan_room dt + dd { width:8em; }
.plan_room .button span { display:none; }


.hPlanImages .photo span { font-size:0.8em; } 

/* 3枚の場合 */
.hPlanImages .photo:first-child:nth-last-child(3),
.hPlanImages .photo:first-child:nth-last-child(3) ~ .photo { width:48%; }


.col2 { column-count:1; }


.megumi02 { background:url(../img/p_megumi_bath02.jpg) center center /cover no-repeat; }


}


@media screen and (max-width:480px) {

.covervid-wrapper { height:calc(100vh - 50px); }
.main { height:calc(100vh - 50px); }

/*-- ROOMS/ --*/
.room_box ul li { width:100%; }
.room_box ul li:last-child { /*width:100%;*/ }
.room_box ul li img { width:100%; height:75vw; }
.room_box ul li strong { padding:5vw; }
.room_box ul li:nth-child(3) strong, .room_box ul li:nth-child(4) strong { padding:5vw; }

/*-- ACCESS VIDEO --*/
.access_video > div { width:100%; }
body.access .access_video > div { width:100%; }




/*-- FOOT flex/ --*/
.copyright { padding:30px 30px 130px 30px ; }

.f_sub .gb li { width:100%; margin:0; }
.f_sub .fm li { width:100%; margin:0; }


/*-- 予約 --*/
.f_booking { bottom:50px; }
/*-- 言語 --*/
.lang { left:0; width:auto; }


/* 2枚の場合 */
.hPlanImages .photo:first-child:nth-last-child(2),
.hPlanImages .photo:first-child:nth-last-child(2) ~ .photo { width:100%; }

/* 3枚の場合 */
.hPlanImages .photo:first-child:nth-last-child(3),
.hPlanImages .photo:first-child:nth-last-child(3) ~ .photo { width:100%; }

.col3 { column-count:1; }

/*-- 客室・館内/ --*/
.bg_yutokoro .megumi01 { font-size:1em; }
.bg_yutokoro { background:url(../img/p_megumi_bath01.jpg) bottom center /1400px no-repeat; padding-top:8em !important; padding-bottom:23em !important; }


.LR_box .LR_box, .LLRR_box { width:100% !important; }

.b_pd br, .b_contact br { display:inline-block; }

}