@charset "UTF-8";
/*
	
theme Name: 近又旅館
	
Author: QuickNetwork
	
Description: original theme
	
version： 2.0.0
	
*/
/* CSS Document */
html {
    overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
img {
    vertical-align: bottom;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
html {
    font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Arial, Helvetica, "MS PGothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-size: 62.5%; /*初期値16pxの62.5%でルートが10px*/
    cursor: auto;
    color: #333;
    letter-spacing: 0;
    word-spacing: 0.1em;
    overflow: hidden;
    overflow-y: scroll;
}
body {
    font-size: 16px;
    font-size: 1.6rem;
    /* sets the default sizing to make sure nothing is actually 10px */
    background: #000;
    line-height: 1.5;
}
a {
    color: #333;
}
a:hover {
    color: #e50012;
}
img {
    max-width: 100% !important;
    height: auto !important;
}
.shw, .shw2, .shw3 {
    display: block;
}
.hyd, .hyd2, .hyd3 {
    display: none;
}
.bt2 img {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: 0.3s all ease
}
.bt2 a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.fL {
    float: left;
}
.fR {
    float: right;
}
/*---------------------------------- cleaarfix 
*/
.clear {
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* --------------------------------- layout 
*/
html, body {
    height: 100%;
}
/*.wrap {
min-height: 100vh;
	height: 100%;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
	flex-direction: column;
}*/
/*.mov {
 	-webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
	background:#ccc  url(../img/slide1.jpg) center center no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}*/
.mov p {
    padding: 10px;
}
/* anime */
.cp1-bk {
    display: table;
    text-align: center;
    width: 100%; /*height: calc(100vh - 200px); border: 1px solid #f00;*/
    position: absolute;
    z-index: 2;
    height: 100%;
}
.cp1-bk p {
    display: table-cell;
    vertical-align: middle;
}
/*.mov-wrap {position: relative;}*/
.cp1 {
    position: absolute;
    z-index: 2;
/*    border:1px solid #f00;*/
	width:70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-height: 500px;
}
.cp1 p {
	color:#fff;
	writing-mode:vertical-rl;
	font-size: min(4.2vw,24px);
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.8)
}
#slide01 {
    background-image: url(../img/slide_1.jpg);
}
#slide02 {
    background-image: url(../img/slide_2.jpg);
}
#slide03 {
    background-image: url(../img/slide_3.jpg);
}
#slide04 {
    background-image: url(../img/slide_4.jpg);
}
#slide05 {
    background-image: url(../img/slide5.jpg);
}
#slide06 {
    background-image: url(../img/slide6.jpg);
}
.inner {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.top-content {
    margin-top: 20px;
    width: 100%;
    /*position: relative;*/
    /*border:1px solid #f00;*/
}
.top-content div { /*display: inline-block; vertical-align: top;*/
}
.top-inner {
    border-bottom: 1px solid #666;
}
.top-logo { /*width:24%; padding-top:20px;*/ float: left; /*border:1px solid #f0f;*/
}
.top-bnr { /*width:24%;*/
}
.top-menu {
    width: 70%; /*width: 48%; border:1px solid #f00;*/ float: right;
    margin-right: 40px;
    background: url(../img/bg.jpg) center no-repeat; /*border-left: 1px solid #666;*/
}
.top-info { /*position: absolute; bottom:0; right: 0; width: 76%;*/ border-top: 1px solid #666;
}
.top-cam { /* position: absolute; bottom:0; right: 0; width:76%;*/ border-top: 1px solid #666;
    margin-bottom: 3em;
} /*2020-07-16*/
.top-bnr-ul li {
    display: inline-block;
    vertical-align: top; /*border: 1px solid #f00;*/ width: 48%;
}
.top-info-ul {
    width: 100%;
}
.top-info-ul li {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
}
.top-info-ul li:nth-child(1) {
    width: 30%;
}
.top-info-ul li:nth-child(2) {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    width: 35%;
    text-align: center;
}
.top-info-ul li:nth-child(3) {
    text-align: right;
    width: 33%;
}
.top-info-ul address {
    font-size: 0.9rem !important;
    line-height: 1;
    letter-spacing: normal;
}
.top-nav {
    text-align: right;
}
.top-nav li {
    float: right;
    /*width: 10%;*/
    margin-left: 40px;
}
.top-nav li:first-child {
    border-left: 1px solid #666;
    padding-left: 40px;
    /*width:11%;*/
    margin-left: 40px;
}
/* cd19 */
.sp-cd19-wrap {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.sp-cd19 {
    display: inline-block;
    /*border:1px solid #ccc;*/
    padding: 10px;
    text-align: left;
    /*width:100%; */
    color: #fff;
    font-size: 12px;
    margin: 20px auto 40px;
}
.sp-cd19_list li {
    text-indent: -1em;
    padding-left: 1em;
}
/* 背景可変 */
img.bgmaximage {
    position: fixed !important;
}
#sp-head {
    display: none;
}
@media screen and (min-width:1400px) {
    #maincontent {
        position: absolute;
        top: 55px;
        left: 17%;
        right: 17%;
        z-index: 50;
        width: 960px;
        margin: 0 auto;
    }
}
#maincontent {
    position: absolute;
    top: 55px;
    left: 79px;
    z-index: 50;
    width: 960px;
}
#side {
    width: 267px;
    float: left;
}
#main {
    width: 693px;
    float: right;
}
#footer {
    clear: both;
    width: 960px;
    height: 100px;
    text-align: right;
    color: #fff;
}
/*
#footer a{
	color: #fff
}
*/
.snav { /*border:1px solid #f00;*/ width: 185px;
	
}
.snav td {
/*    text-align: center;*/
	border:1px solid #f00;
	
}
.snav td p {
	writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
}

#side {
	color:#fff;
	font-family: 'Noto Serif JP', serif;
}
.side_nav {
	display: flex;
	flex-flow: row;
	width: 185px;
/*		border:1px solid #f00;*/

	letter-spacing: 0.2em;
	font-size: 12px;
	margin-bottom: 40px
}
.side_nav li {
	width: calc(185px / 5);
/*	border:1px solid #f00;*/
}
.side_nav li p{
	writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;	

}
#side a {
	color:#fff;
	text-decoration: none;
}
#side a:hover {
	opacity: 0.7;
}
.side_nav li p small,.side_tel small {
	font-size: 70%;
}
.side_tel {
	width: 185px;
	color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 5px 0;
}
/* main */
.main-head {
    width: 100%;
    background: url(../img/bg-wh_01.png) top center no-repeat;
    /*text-align:center;*/
    padding: 15px 59px 0px;
    box-sizing: border-box;
    position: relative;
}
.main-head-tt {
    position: absolute;
    top: 0;
    right: 93px;
	text-align: center
}
.main-head-tt p{
	writing-mode: vertical-rl;
	background: #000;
	color:#fff;
	padding: 15px 10px;
/*	font-size: 16px;*/
	font-size: min(3vw,1.6rem);
	min-height: 150px;
	letter-spacing: 0.2em
}
.main-body {
    width: 100%;
    min-height: 730px;
    background: url(../img/bg-wh_02.png) top center repeat-y;
    color: #505050;
    line-height: 1.5;
    text-align: center;
    overflow: hidden;
}
.main-end {
    width: 100%;
    height: 27px;
    background: url(../img/bg-wh_03.png) top center no-repeat;
}
.main-box {
    background: url(../img/gr_bg.jpg);
    width: 82.9725829% /*575px*/ ;
    margin: 0 auto 3em;
    box-sizing: border-box;
    padding: 8% /*50px*/ ;
}
.p-top {
    width: 82.9725829% /*575px*/ ;
    text-align: right;
    margin: 0 auto;
}
/* footer */
.footFixBnr {
/*    display: none;*/
}
 /* footer banner */
    .footFixBnr {
        height: 50px;
        margin-right: auto;
        margin-left: auto;
        bottom: 0px;
        background-color: /*#000*/#eeebdf;
        width: 100%;
        left: 0px;
        position: fixed;
        right: 0px;
        display: block;
        padding: 0px;
        box-sizing: border-box;
        border-top: #ccc solid 1px;
    }
    ul.fixBnr {
        text-align: center;
        display: flex;
        box-sizing: border-box;
    }
    .fixBnr li:first-child {
        flex-basis: 20%;
        border-right: 1px solid #ccc;
    }
    .fixBnr li:nth-child(2) {
        border-right: 1px solid #ccc;
    }
    .fixBnr li {
        /*width: 50%;
	float: left;
	text-align: center;*/
        flex-basis: 40%;
        list-style-type: none;
        box-sizing: border-box;
    }
    .fixBnr li a {
        color: /*white*/#000;
        line-height: 50px;
        height: 50px;
        display: block;
        font-size: 90%;
        box-sizing: border-box;
    }
    .fixBnr li a.tel:before {
        font-family: 'FontAwesome';
        /*padding-right: 10px;*/
        content: "\f095";
    }
    .fixBnr li a.fairRes:before {
        font-family: 'FontAwesome';
        padding-right: 10px;
        content: "\f073";
    }
.fixBnr li:nth-child(2) a {
	background: #919261;
	color: #fff;
}
address {
    padding-top: 10px;
    color: #ddd !important;
    padding-right: 7px;
}
/* stay */
.stay-box {
    width: 576px;
    margin: 0 auto;
    text-align: left;
}
.kei-ccc {
    border-bottom: 1px solid #ccc;
}
.pdb15 {
    padding-bottom: 15px;
}
.pdb35 {
    padding-bottom: 35px;
}
.pra-tab th, .pra-tab td {
    border: 1px solid #ccc;
    padding: 3px 10px;
}
.pra-tab td {
    text-align: right;
}
/*
.ph-row-2 {letter-spacing: -.4em; }
.ph-row-2 li:first-child {display: inline-block; width:48.62%; letter-spacing: normal; margin-right: 1.38%;}
.ph-row-2 li:last-child {display: inline-block; width:48.62%; letter-spacing: normal; margin-left: 1.38%;}
*/
.ph-row-2 {
    display: flex;
    flex-flow: row;
    justify-content: space-between
}
.ph-row-2 li {
    width: 48%;
}
/* season */
.cou-tab td {
    padding: 5px;
    font-size: 1.4rem;
}
.gry {
    background: #e7e7e9;
}
.br-t {
    border-top: 1px solid #ccc;
}
.br-r {
    border-right: 1px solid #ccc;
}
.em2 {
    padding-left: 2em !important;
}
.em1 {
    padding-left: 1em !important;
}
/* access */
.acc-tab td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}
.acc-tab td a {
    color: #666;
}
/* company */
.com-tab th {
    width: 140px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    color: #666;
    line-height: 1.5;
}
.com-tab td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    color: #666;
    line-height: 1.5;
}
.com-tab td a {
    color: #666;
}
/* meal */
.meal-t {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-feature-settings: "palt";
    color: #444;
}
.meal-t span {
    float: right;
    font-size: 1.2rem;
}
/* --------------------------------- テキスト 
*/
.minc {
    color: #666;
    font-family: 'Noto Serif JP', serif;
    /*font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","メイリオ", Meiryo, serif;*/
}
.tt {
    font-weight: bold;
}
/* font-size */
.t10 {
    font-size: 1.0rem;
}
.t11 {
    font-size: 1.1rem;
}
.t12 {
    font-size: 1.2rem;
}
.t13 {
    font-size: 1.3rem;
}
.t14 {
    font-size: 1.4rem;
}
.t15 {
    font-size: 1.5rem;
}
.t16 {
    font-size: 1.6rem;
}
.t18 {
    font-size: 1.8rem;
}
.t20 {
    font-size: 2.0rem;
}
.t21 {
    font-size: 2.1rem;
}
.t22 {
    font-size: 2.2rem;
}
.t23 {
    font-size: 2.3rem;
}
.t24 {
    font-size: 2.4rem;
}
.t25 {
    font-size: 2.5rem;
}
.t26 {
    font-size: 2.6rem;
}
.t28 {
    font-size: 2.8rem;
}
.t30 {
    font-size: 3.0rem;
}
.t32 {
    font-size: 3.2rem;
}
.t35 {
    font-size: 3.5rem;
}
.t40 {
    font-size: 4.0rem;
}
.t45 {
    font-size: 4.5rem;
}
.pd50 {
    padding: 50px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb100 {
    margin-bottom: 100px;
}
.mb1em {
    margin-bottom: 1em;
}
.mr5 {
    margin-top: 5px;
    margin-right: 5px;
}
.mr15 {
    margin-right: 15px;
}
.mlr5 {
    margin-right: 5px;
    margin-left: 5px;
}
.mlr15 {
    margin-right: 15px;
    margin-left: 15px;
}
.lh19 {
    line-height: 1.9
}
.txt {
    text-align: left;
    line-height: 1.9;
}
.aC {
    text-align: center !important;
}
.aL {
    text-align: left !important;
}
.aR {
    text-align: right !important;
}
.bt2 a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.bt2 img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.whi {
    color: #fff;
}
.red {
    color: #f00;
}
.red2 {
    color: /*#cc0012;*/ #FFC775;
    font-weight: bold;
}
.max-img img {
    max-width: 100%;
    height: auto;
}
.h4-t {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
/* new top 2021-08 */
.pc-head {
    background: #000;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}
.pc-head h1 {
    float: left;
    margin-top: 7px;
}
.pc-head_nav { /*border:1px solid #ff0;*/ text-align: right;
    margin-top: 10px;
}
.pc-nav {
    /*border:1px solid #f00;*/
    /*-webkit-writing-mode: vertical-rl; /* Chrome,Safari対応*/
    /*-ms-writing-mode: tb-rl; /* IE対応*/
    /*writing-mode: vertical-rl;*/
    /*text-align: left;
	display: inline-block;*/
}
.pc-nav li { /*margin: 0em 0em 0em 1em;*/ display: inline-block;
    margin: 0 1em;
}
.pc-nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.6rem;
    font-family: "YuMincho", "Yu Mincho", serif;
}
.pc-nav li a:hover {
    color: #e60012;
}
.top-eat {
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../img/top_eat_bg_pc.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    min-height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-room {
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../img/top_room_bg_pc2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    min-height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-sasayama {
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../img/top_sasa_bg_pc2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    min-height: 480px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-kinmata {
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url("../img/top_kin_bg_pc2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    min-height: 480px /*680*/ ;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width:1400px) {
    .top-eat, .top-room, .top-sasayama, .top-kinmata {
        min-height: 580px /*840*/ ;
    }
}
.btn-waku {
    display: inline-block;
    border: 1px solid #fff;
    width: 280px;
    color: #fff;
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-waku:hover {
    background: #fff;
    color: #e60012;
    text-decoration: none;
}
.btn-waku.waku-blk {
    border: 1px solid #333;
    color: #333
}
.btn-waku.waku-blk:hover {
    color: #fff;
    border: 1px solid #e60012;
    background: #e60012;
}
.top-plan {
    padding: 60px 0;
    background: #fffefd;
}
.top-plan_inr {
    display: flex;
    /*justify-content: space-between;*/ /*3列*/
    justify-content: center
}
.top-plan_inr li {
    /*width:29.1666%;*/ /*3列*/
    max-width: 290px;
    margin: 0 10px;
    text-align: center;
}
.top-plan_inr h3 {
    font-size: 1.8rem;
    margin-bottom: 5px;
}
.top-plan_inr p {
    font-size: 1.4rem;
}
.top-plan_inr a {
    text-decoration: none;
}
.top-plan_inr a:hover img {
    opacity: 0.8;
}
.top-map {
    padding-top: 60px;
    background: #ddd;
}
/* plan 2021-08 */
.plan-ul_L {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.plan-time {
    width: 40px;
    font-size: 1.3rem;
    text-align: center;
    font-weight: bold;
}
.plan-ph {
    width: 180px;
}
.plan-txt {
    width: 320px;
    font-size: 1.4rem;
    line-height: 1.7;
}
.plan-ul_R {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.plan-read {
    background: url(../img/gr_bg.jpg);
    padding: 1em;
}
.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.plan-read dl dt {
    display: inline-block;
    width: 240px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.plan-read dl dd {
    display: inline-block;
    width: 290px;
    font-size: 1.5rem;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 10px;
}
.plan-read a {
    text-decoration: none;
}
.plan-read a:hover .mask {
    opacity: 1;
}
@media screen and (max-width:1039px) {
    #maincontent {
        left: 39px;
    }
    .top-bnr img {
        max-width: 100% !important;
    }
}
@media screen and (max-width:959px) {
    .inner {
        width: 93.75%;
    }
}
@media screen and (max-width:800px) {
    .top-bnr {
        width: 25%;
    }
    /*.top-bnr img {max-width:50% !important;}*/
    .top-info-ul li:nth-child(1) {
        width: 38%;
    }
    .top-info-ul li:nth-child(2) {
        width: 38%;
    }
    .top-info-ul li:nth-child(3) {
        text-align: right;
        width: 20%;
    }
    /* anime */
    .cp1 p img { /*width: 50px;*/
    }
}
@media screen and (max-width:768px) {
    .pc-head {
        display: none;
    }
    .fb-wrap {
        width: 93.75%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .shw, .shw2 {
        display: none;
    }
    .hyd, .hyd2 {
        display: block;
    }
    /* top */
    /*.top-content div {display: block; vertical-align: top;}*/
    .top-logo { /*display:none !important; */ width: 18%;
    }
    .top-logo img {
        max-width: 100%;
        height: auto;
    }
    .top-bnr { /*width:34%; float: left; margin-left:1%;*/ /*border:1px solid #f00;*/
    }
    .top-menu {
        width: 80%;
        float: right; /*border:1px solid #f00;*/ margin-bottom: 40px;
        margin-right: 0;
    }
    .top-info {
        width: 100%; /*bottom:55px;*/ margin-bottom: 60px;
    }
    .top-new {
        padding-bottom: 10px;
    } /*topページ用 */
    .top-info-ul {
        width: 100%;
    }
    .top-info-ul li {
        display: block;
        vertical-align: top;
        padding-bottom: 10px;
    }
    .top-info-ul li:nth-child(1) {
        width: 100%;
        text-align: center;
    }
    .top-info-ul li:nth-child(2) {
        display: none;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        width: 40%;
        text-align: center;
    }
    .top-info-ul li:nth-child(3) {
        text-align: center;
        width: 100%;
    }
    .top-info-ul address {
        font-size: 1.0rem !important;
        line-height: 0;
    }
    .top-nav {
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }
    #sp-head {
        display: block;
        padding: 10px;
        position: relative;
        -moz-transition: all 1.3s;
        -o-transition: all 1.3s;
        -webkit-transition: all 1.3s;
        transition: all 1.3s;
        width: 100%;
        box-sizing: border-box;
    }
    .scrolled {
        background: rgba(0, 0, 0, 0.8);
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 1;
    }
    #maincontent {
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 50;
        width: 100%;
    }
    #side {
        display: none;
        float: none;
    }
    #main {
        width: 100%;
        float: none;
    }
    #footer {
        clear: both;
        width: 100%;
        height: 100px;
        text-align: center;
        color: #fff;
    }
    /* main */
    .main-head {
        width: 100%;
        background: url(../img/bg-wh_01.png) top center no-repeat;
        /*text-align:center;*/
        padding: 15px 10%;
        box-sizing: border-box;
        position: relative;
        margin: 0 auto;
    }
    .main-head-tt {
        position: absolute;
        top: 0;
        right: 13%;
    }
    .main-head-400 {
        width: 200px;
    }
    .main-box {
        background: url(../img/gr_bg.jpg);
        width: 75% /*575px*/ ;
        margin: 0 auto 3em;
        box-sizing: border-box;
        padding: 5% /*50px*/ ;
    }
    /* nav */
    .nav {
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.9);
        left: 0;
        z-index: 60;
		overflow-y: auto; /* メニュー全体のスクロールを有効化 */
    }
    .sp-nav {
        display: block;
        width: 90%;
/*        height: 300px;*/
        position: absolute;
        top: 80px;
        right: 0px;
        left: 0px;
        margin: auto;
			font-family: 'Noto Serif JP', serif;
    }
    .sp-nav li {
        float: right;
        width: 18%;
        text-align: left;
/*        margin-bottom: 10px;*/
		min-height: 165px;
/*		border:1px solid #f00;*/
		
    }
    .sp-nav li:nth-child(6) {
        /*margin-right: 20%;*/
    }
	.sp-nav a {
		color:#fff;
		text-decoration: none;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		font-size: 1.4rem;
		letter-spacing: 0.1em
	}
	.sp-nav a:hover {
		opacity: 0.7;
	}	
	.sp-nav img {
		margin-bottom: 7px
	}
    /*開閉ボタン*/
    #nav_toggle {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 15px;
        right: 8%;
        z-index: 100;
    }
    #nav_toggle div {
        position: relative;
    }
    #nav_toggle span {
        display: block;
        height: 3px;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    #nav_toggle span:nth-child(1) {
        top: 0px;
    }
    #nav_toggle span:nth-child(2) {
        top: 12px;
    }
    #nav_toggle span:nth-child(3) {
        top: 24px;
    }
    /*開閉ボタンopen時*/
    .open #nav_toggle span:nth-child(1) {
        top: 12px;
        /*background: #000;*/
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .open #nav_toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
        top: 12px;
        /*background: #000;*/
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
   
    /* stay */
    .stay-box {
        width: 75%;
    }
    /* meal */
    .meal-tab td:nth-child(1) {
        display: inline-block;
        width: 50%;
    }
    .meal-tab td:nth-child(2) {
        display: inline-block;
    }
    .meal-tab td:nth-child(3) {
        display: block;
    }
}
@media screen and (max-width:600px) {
    .top-logo {
        display: none !important;
    }
    /*.top-bnr-ul li:nth-child(1){width:30%;}
	.top-bnr-ul li:nth-child(2){width:62%;}*/
    .main-head {
        width: 100%;
        background: url(../img/bg-wh_01.png) top center no-repeat;
        /*text-align:center;*/
        padding: 15px;
        box-sizing: border-box;
        position: relative;
        margin: 0 auto;
    }
    /* stay */
    .stay-box {
        width: 90%;
    }
    /*開閉ボタン
	#nav_toggle{
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 15px;
		right:6%;
		z-index: 100;
	}*/
    .shw3 {
        display: none;
    }
    .hyd3 {
        display: block;
    }
    /* cd19 */
    .sp-cd19 {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: left;
        width: 84%;
        color: #fff;
        font-size: 12px;
        margin: 20px auto 0;
    }
    .sp-cd19_list li {
        text-indent: -1em;
        padding-left: 1em;
    }
    .sp-cd19-wrap {
        margin-bottom: 20px;
    }
    /* anime */
    .cp1-bk {
        display: table;
        text-align: center;
        width: 100%;
        height: 100%; /*border: 1px solid #f00;*/
    }
    .cp1-bk p img {
        width: 14%;
    }
    .cp1 {
        width: 15%; /*13*/
		height: 50vh
    }
    #slide01 {
        background-image: url(../img/slide_1.jpg);
    }
    #slide02 {
        background-image: url(../img/slide_2.jpg);
    }
    #slide03 {
        background-image: url(../img/slide_3.jpg);
    }
    #slide04 {
        background-image: url(../img/slide_4.jpg);
    }
    .top-bnr {
        display: none !important;
        width: 40%;
        float: left;
        margin-left: 2%;
    }
    .top-menu {
        width: 100%;
        float: none; /*border:1px solid #f00;*/ margin-left: auto;
        margin-right: auto; /*margin-bottom: 130px;*/ border-left: 0px solid #666;
    }
    .top-nav {
        margin-bottom: 40px; /*border: 1px solid #f00;*/
    } /* 2021-01-11 */
    .top-nav li {
        float: right;
        width: 10%;
        margin-left: 0px;
    }
    .top-nav li:first-child {
        border-left: 1px solid #666;
        width: 15%;
        margin-left: 3%;
        padding-left: 0px;
    }
    #footer {
        height: 110px;
    }
    /* main */
    .main-box {
        background: url(../img/gr_bg.jpg);
        width: 90% /*575px*/ ;
        margin: 0 auto 3em;
        box-sizing: border-box;
        padding: 5% /*50px*/ ;
    }
    /*開閉ボタン*/
    #nav_toggle {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 15px;
        right: 9%;
        z-index: 100;
    }
    .ph-row-2.col li:first-child {
        display: block;
        width: 100%;
        letter-spacing: normal;
        margin-right: 0%;
        margin-bottom: 10px;
    }
    .ph-row-2.col li:last-child {
        display: block;
        width: 100%;
        letter-spacing: normal;
        margin-left: 0%;
    }
    .ph-row-2 p.aR {
        text-align: left !important;
    }
    /* company */
    .com-tab th {
        width: 80px;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        vertical-align: top;
        color: #666;
        line-height: 1.5;
    }
    /* top new */
    .top-room .t16, .top-eat .t16, .top-map .t16, .top-kinmata .t16 {
        font-size: 4vw;
    }
    .top-plan_inr h3 {
        font-size: 3.2vw;
    }
    .top-plan_inr p {
        font-size: 2.6vw;
    }
    .t40 {
        font-size: 8vw;
    }
    .t26 {
        font-size: 5vw;
    } /*30*/
    .t16.read {
        font-size: 3.6vw;
    }
    .top-eat {
        background-blend-mode: multiply;
        background-color: rgba(0, 0, 0, 0.5);
        background-image: url("../img/top_eat_bg.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        width: 100%;
        min-height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top-room {
        background-blend-mode: multiply;
        background-color: rgba(0, 0, 0, 0.5);
        background-image: url("../img/top_room_bg.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        width: 100%;
        min-height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top-sasayama {
        background-blend-mode: multiply;
        background-color: rgba(0, 0, 0, 0.5);
        background-image: url("../img/top_sasa_bg.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        width: 100%;
        min-height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top-kinmata {
        background-blend-mode: multiply;
        background-color: rgba(0, 0, 0, 0.4);
        background-image: url("../img/top_kin_bg.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        width: 100%;
        min-height: 400px /*480*/ ;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* plan 2021-08 */
    .plan-ul_L {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    .plan-time {
        width: 100%;
        font-size: 2.0rem;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .plan-ph {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .plan-ph img, .plan-read dl dt img {
        width: 100%;
        height: auto;
    }
    .plan-txt {
        width: 100%;
        font-size: 1.6rem;
        line-height: 1.7;
    }
    .plan-ul_R {
        display: block;
        margin-bottom: 20px;
    }
    .plan-read {
        background: url(../img/gr_bg.jpg);
        padding: 1em;
    }
    .plan-read dl dt {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .plan-read dl dd {
        display: block;
        width: 100%;
        font-size: 1.6rem;
        vertical-align: top;
        padding-left: 0px;
    }
}
@media screen and (max-width:320px) {
    .fb-wrap {
        width: 90%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* recruit 2022-10 */
.rec__read {
    background: url(../img/gr_bg.jpg);
    padding: 1.2em 1.5em;
}
.rec__com__box {
    width: 576px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
}
.rec__rec__box {
    width: 576px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 20px;
}
.btn {
    padding: 10px 1em;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 21px;
    background: #f2f2f2;
    margin: 20px 0;
    display: inline-block;
}
.tit__rec__h3 {
    font-size: 2rem;
}
.tit__rec__h4 {
    font-size: 1.7rem;
}
.rec__tab {
    margin-top: 10px;
}
.rec__tab th {
    font-size: 1.4rem;
    padding: 10px 10px 10px 0;
    text-align: left;
    border-top: 1px solid #ccc;
    vertical-align: top;
}
.rec__tab td {
    padding: 10px 0;
    text-align: left;
    border-top: 1px solid #ccc;
    vertical-align: top;
}
.rec__movie__box {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
    margin-bottom: 60px;
}
@media screen and (max-width:480px) {
    .rec__movie__box {
        margin-bottom: 40px;
    }
}
.rec__movie__box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width:600px) {
    .rec__com__box, .rec__rec__box {
        width: 90%;
        line-height: 1.7
    }
}
/* faq */
.faq__tit {
    box-sizing: border-box;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 1.6rem;
    padding: 10px 2.4em 10px 1.6em;
    margin-top: 2px;
    margin-bottom: 10px;
    font-weight: normal;
}
.faq__tit:hover {
    cursor: pointer;
}
.faq__tit::before {
    position: absolute;
    content: "Q.";
    display: flex;
    justify-content: center;
    color: #333;
    width: 1.6em;
    height: 1.6em;
    font-size: 1.8rem;
    left: 0px;
    top: 0.4em;
}
.faq__tit::after {
    content: '\f104';
    font-size: 1.6rem;
    display: block;
    font-family: ionicons;
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.faq__tit.on::after {
    transform: translateY(-50%) rotate(-180deg);
    color: #ccc
}
.faq__answer {
    display: none;
    padding: 0px 0px 0px 10px;
    width: 100%;
    margin: 20px auto;
    box-sizing: border-box;
    position: relative;
    padding-left: 1.6em;
}
.faq__answer p {
    font-size: 1.5rem;
    line-height: 1.8;
}
.faq__answer::before {
    position: absolute;
    content: "A.";
    display: block;
    color: #333;
    font-size: 1.8rem;
    left: 5px;
    top: 0;
}
.faq_card {
    display: flex;
    flex-flow: row wrap;
}
.can-tab {
    font-size: 1.4rem
}
.can-tab th {
    border: 1px solid #ccc;
    padding: 0.2em 0.5em;
    text-align: right;
    background: #f7f7f7
}
.can-tab td {
    border: 1px solid #ccc;
    padding: 0.2em 0.5em;
    text-align: right
}
.faq_list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 40px;
    box-sizing: border-box;
    background: #f2f2f2;
    padding: 20px 10px 10px 10px;
    border-radius: 8px
}
.faq_list li {
    position: relative;
    width: 30%;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #ccc; */
    box-sizing: border-box;
    margin-right: 5%;
}
.faq_list li:nth-child(3n) {
    margin-right: 0;
}
.faq_list li a {
    display: block;
    padding-left: 1em
}
.faq_list li::after {
    content: '\f104';
    font-size: 1.6rem;
    display: block;
    font-family: ionicons;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.dan-1 {
    text-indent: -1em;
    padding-left: 1em
}
@media screen and (max-width:480px) {
    .faq_list li {
        width: 48%;
        margin-right: 4%
    }
    .faq_list li:nth-child(3n) {
        margin-right: 4%
    }
    .faq_list li:nth-child(2n) {
        margin-right: 0;
    }
    a.ank {
        display: block;
        margin-top: -180px;
        padding-top: 180px;
    }
}
/* holiday */
.footer__infos {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}
.footer__infos div:first-child {
    /*width: 60%*/
    width: 100%
}
@media screen and (max-width:999px) {
    .footer__infos {
        width: 100%;
    }
}
.cal__wrap {
    flex: 1;
    display: flex;
    flex-flow: column;
}
.cal__tt {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    font-size: 1.3rem;
    text-align: center;
}
.cal__inner {
    display: flex;
}
.cal__inner table {
    margin: 0 8px 5px 0;
    width: 49%;
    font-size: 1.4rem;
    box-sizing: border-box;
}
.cal__inner table td {
    border: 1px solid #663300;
    padding: 1px
}
.cal__inner table:nth-child(2) {
    margin: 0 0 5px 0;
}
@media screen and (max-width:480px) {
    .footer__infos {
        width: 93.75%;
        display: block;
        margin-bottom: 40px;
    }
    .footer__infos div:first-child {
        width: 100%
    }
    .cal__wrap {
        width: 100%
    }
    .cal__inner table {
        font-size: 1.3rem
    }
}
/* 2023-06-15 */
.bnr__wrap {
    display: flex;
    flex-flow: row;
}
@media screen and (max-width:480px) {
    .bnr__wrap {
        display: block
    }
    .bnr__wrap li:first-child {
        margin-bottom: 20px
    }
}
/* 2024-01-19 */
.top-sister_store {
    display: flex;
    justify-content: center
}
.top-sister_store li {
    width: 50%
}
@media screen and (max-width:600px) {
    .top-sister_store {
        display: block
    }
    .top-sister_store li {
        width: 100%
    }
    .top-sister_store li:first-child {
        margin-bottom: 60px;
    }
}
/* -- sightseeing --*/
.sightseeing__tit {
    display: flex;
    flex-flow: row;
    align-items: baseline;
    letter-spacing: 0.15em
}
.sightseeing__tit p {
    margin-right: 2em;
    font-size: 2.1rem;
}
.sightseeing__ph__wrap {
    display: flex;
}
.sightseeing__ph__wrap img {
    width: 50%
}
.sp-lft {
    text-align: center;
}
.sightseeing__golf__wrap {
    display: flex;
    justify-content: center
}
.mb68 {
    margin-bottom: 40px
}
.mb43 {
    margin-bottom: 20px
}

.se__read {
    font-size: 15px;
    line-height: 2.2;
    letter-spacing: 0.1em;
    margin-bottom: 80px
} /* read */
.se__txt {
    font-size: 13px;
    line-height: 2.38;
    letter-spacing: 0.08em
}
.ima__txt {
    font-size: 13px;
    padding-left: 1em;
    line-height: 2.08;
}
.ima__tit {
    font-size: 14px;
    letter-spacing: 0.1em
}
.golf__read {
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: 0.08em;
    text-align: center;
    margin-bottom: 40px
} /* golf */
.golf__list {
     font-size: 13px;
     line-height: 2.38;
}
    .stay-box.sightseeing {
        padding-top:20px
    }

@media screen and (max-width:480px) {
    .sp-lft {
        text-align: left;
    }
    .sightseeing__tit {
        width: 88.5vw;
        margin-left: calc(50% - 50vw);
        padding-left: 8.37209vw;
        box-sizing: border-box
    }
    .sightseeing__tit p {
        margin-right: 8.372vw;
        font-size: 5.5813vw
    }
    .sightseeing__tit p small {
        font-size: 3.7209vw
    }
    .sightseeing__ph__wrap {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .sightseeing__ph__left {
        width: 70vw;
        margin-left: calc(50% - 50vw);
    }
    .sightseeing__ph__right {
        width: 70vw;
        padding-left: 23vw;
        margin-right: calc(50% - 50vw);
        /*        border:1px solid #f00;*/
    }
    .stay-box.sightseeing {
        padding-top: 0;
        width: 86%;
    }
    .ima__tit {
        font-size: 3.25581vw;
        letter-spacing: 0.1em
    }
    .ima__txt {
        font-size: 2.79069vw;
        padding-left: 1em;
        line-height: 2.08;
        letter-spacing: 0.08em
    }
    .golf__list {
        font-size: 3.02325vw;
        line-height: 2.38;
    }
    .sightseeing__section__1 {
        width: 76.74418vw;
        margin-left: auto;
        margin-right: auto;
    }
    .se__read {
        font-size: 3.25581vw;
        line-height: 2.2;
        letter-spacing: 0.1em;
        margin-bottom: 80px
    } /* read */
    .golf__read {
        font-size: 3.5vw;
        letter-spacing: 0.08em
    } /* golf */
    .se__txt {
        font-size: 3.02325vw;
        letter-spacing: 0.05em
    }
    .mb68 {
        margin-bottom: 15.8139vw;
    }
    .mb43 {
        margin-bottom: 10vw;
    }
}
@media (max-width:480px){
	#gt_float_wrapper {
		margin-bottom: 40px;
		margin-right: 0px;
	}
}

.thd_read {
	padding: 1em 0 2em;
	font-size: min(4.2vw,1.8rem);
/*	font-weight: bold;*/
/*	letter-spacing: 0.05em*/
}
@media (max-width:480px){
	.thd_read {
		padding: 2em 0 2em;}
}

.party-tab {
  position: fixed;
  width: 45px;
  top: 15%;
  right: -5px;
  z-index: 39;
  transition: all 0.3s ease-out;
	    font-family: 'Noto Serif JP', serif;

}
@media (max-width:480px){
	.party-tab {
	  top: 110px	
	}
}

.party-tab a {
  display: block;
  color: #c4c4c4;
  font-size: 1.8rem;
  line-height: 1rem;
  letter-spacing: 0.4em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  padding: 30px 15px;
  border: 1px solid #fff;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  background-color: rgba(0, 0, 0, 0.6);
	text-decoration: none
}
.party-tab a:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.95);
}