@charset "UTF-8";
/*
	
theme Name: 近又旅館
	
Author:ICT
	
Description: original theme
	
version： 2.0.0
	
*/
/* CSS Document */
*{box-sizing: border-box}
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: 'Noto Serif JP', 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;
    line-height: 1.5;
	letter-spacing: 0.2em
}
a {
    color: #333;
}
/*
a:hover {
    color: #e50012;
}
*/
img {
    max-width: 100% !important;
    height: auto !important;
}
.shw {
    display: block;
}
.hyd {
    display: none;
}

.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%;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media (max-width:834px){
	html {
		  font-size: 52.5%; 
	}
.pc {
	display: none;
}
.sp {
	display:block;
}	
}

.aC {
	text-align: center;
}
.aR {
	text-align: right;
}

:root {
	--main-color:#304B34;
}


/* margin */
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb100 {
	margin-bottom: 100px;
}
.mb150 {
	margin-bottom: 150px;
}
.mb250 {
	margin-bottom: 250px;
}
.lh20 {line-height: 2.0}
.lh25 {line-height: 2.5}

/* text */
.t14 {
    font-size: 1.4rem;
}
.t19 {
    font-size: 1.9rem;
}
.t24 {
    font-size: 2.3rem;
}
.t26 {
    font-size: 2.6rem;
}

/* title */
.e-tit__kinmata {
		font-size: 2.6rem;
		max-width:694px;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
}
.e-tit__kinmata::after {
	position: absolute;
	left:0;
	bottom:-14px;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--main-color);
}
.e-tit__plan {
	font-size: 	3.0rem;
	margin-bottom: 100px;
	max-width:878px;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.e-tit__plan::after {
	position: absolute;
	left:0;
	bottom:-14px;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--main-color);
}
.e-tit__plan::before {
	position: absolute;
	left:0;
	bottom:-10px;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--main-color);
}
.e-tit__m {
	font-size: 2.6rem;
	margin-bottom: 20px
}
.e-tit__s {
	font-size: 2.0rem;
}
.e-tit__plansub {
	font-size: 2.7rem;
}

.e-tit__oshinagaki {
	background: var(--main-color);
	color:#fff;
	text-align: center;
/*	font-size: 1.5rem;*/
	font-size: 2rem;	
	max-width:711px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
.e-tit__oshinagaki:hover {
	cursor: pointer;
}
.e-tit__oshinagaki span{
	font-size: 1.4rem;
}

/* layout */
.e-inner {
	max-width:1388px;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
.e-kinmata__inner {
	max-width:696px;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

/* mv */
.e-mv__wrap {
/*	padding: 64px 0 200px;*/
		padding: 64px 0 0px;
}
.e-mv {
	width:100%;
	height: 100svh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../img/botannabe.jpg) no-repeat center;
	background-size: cover;
	margin-bottom: 100px;
}
.e-mv__inner {
	max-width:590px;
	width: 80%;
	max-height:488px;
	padding: 40px 0 80px;
	overflow: auto;
	background: rgba(46,26,14,0.68);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
/*
@media (max-width:768px){
	.e-mv__wrap {
	padding: 64px 0 200px;
}
}
*/

/* room */
.e-room__wrap {
	background: #566758;
	padding: 130px 0 200px;
	color: #fff;
}
.e-room {
	display: flex;
	justify-content: space-between
	
}
.e-room li {
	width:31.9884726%;
	background: #fff;
}
.e-room li > p {
	font-size: 2.4rem;
	width:100%;
	height: 69px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#566758;
}
.e-room li > p small {
	margin-left: 1.5em;
}
.room {
/*
	width:31.9884726%;
	background: #fff;	
*/
}
.room p {
	font-size: 2.4rem;
	width:100%;
	height: 69px;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#566758;	
	background: #fff;
}
.room p small {
	margin-left: 1.5em;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -30px;
}
/* ページネーションのサイズと色 */
.swiper-pagination-1, 
.swiper-pagination-2,
.swiper-pagination-3 {
	text-align: center;
padding-top: 20px
}
.swiper-pagination-1 .swiper-pagination-bullet,
.swiper-pagination-2 .swiper-pagination-bullet {
  background-color: #304B34;
}
.swiper-pagination-3 .swiper-pagination-bullet {
  background-color: #fff;
}


footer {
	color: #fff;
	background: var(--main-color);
	font-size: 1.6rem;
	padding:0 0 80px;
}
.f-tel a{
	color:#fff;
}

/* plan */
.e-plan__wrap {
	padding: 150px 0 0;
}
.e-plan__inner {
	margin-bottom: 80px;
	padding-bottom: 80px;
	border-bottom:1px solid var(--main-color);
	max-width:1060px;
	width:100%;
	margin-left: auto;
	margin-right: auto;	
}
.e-plan__inner:last-of-type {
	border:none
}
.e-plan__box {
	display: flex;
	justify-content: space-between;
}
.e-plan__box li:first-child{
	width:51.6981132%;
}
.e-plan__box li:last-child{
	width:44.33396226%;
/*	font-size: 2rem;	*/
	font-size: 1.8rem;
	line-height: 2;
	display: flex;
	flex-flow: column;
}
.e-plan__box img {
	width: 100%;
	height: auto;
}
.e-plan__price {
	margin-top: auto;
}

.oshinagaki_box > div{
	max-width:650px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.oshinagaki_box dl:first-child{
	width:60%;/*390*/
}
.oshinagaki_box dl:last-child{
	width:29.2307692%;/*190*/
}
.oshinagaki_box dl dt {
	line-height: 1.8;
}
.oshinagaki_box dl dd {
	margin-bottom: 40px;
	line-height: 1.8;
}
@media (max-width:834px){
	.e-plan__box {
	display: block;
	}	
	.oshinagaki_box > div{
	display: block;	
		text-align: center
	}
  .e-plan__box li:first-child{
      width:100%;
	  margin-bottom: 10px;
  }
  .e-plan__box li:last-child{
      width:100%;
  }	
  .oshinagaki_box dl:first-child{
      width:100%;/*390*/
  }
  .oshinagaki_box dl:last-child{
      width:100%;/*190*/
  }	
	
}

/* kinmata */
.e-kinmata__wrap {
	padding: 150px 0;
}

/* map */
.top-map {
	padding: 80px 0 0;
	background: #DDDDDD;
}

/* toiawase */
.e-toiawase__wrap {
	background: var(--main-color);	
	color:#fff;
	padding: 80px 0 100px;
}
.e-toiawase {
	display: flex;
	justify-content: space-between;
	max-width:688px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width:767px){
	.e-toiawase {
		flex-flow: column;
		align-items: center
	}
	.e-toiawase li:first-child {
		margin-bottom: 40px
	}
}


/* btn */
.btn {
	width:288px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	font-size: 2rem;
	text-decoration: none;
	position: relative
}
.btn:hover {
	text-decoration: none;	
}
.btn::after {
	content: "";
	position: absolute;
	right: 10px;
display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}

/* head */
/* new top 2021-08 */
.pc-head {
    background: #000;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	position: fixed;
	z-index: 100
}
.pc-head h1 {

}
.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;
}
#sp-head {
    display: none;
}
@media screen and (max-width:768px) {
    .pc-head {
        display: none;
    }

    #sp-head {
        display: block;
        padding: 10px;
        position: fixed;
		z-index: 100;
        -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;
		background: #000
    }
 /* 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;
		min-height: 165px;
		
    }
	.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;
        -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;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
	}

.e-toi__wrap {
	padding: 100px 0 200px;
	max-width:800px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* toiawase */ 
select {
  appearance: none;
  background: transparent;
  border-radius: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle
}
.times {
	border:1px solid #ccc;
	padding: 5px 30px 5px 10px;
/*	font-size: 15px;*/
	border-radius: 3px;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;	
	background-size: 16px 16px;
/* height: 40px;*/
}	

.yoyaku_wrap input{
-webkit-appearance: none;
	border:1px solid #ccc;
	border-radius: 4px;
}
.yoyaku_wrap input[type="text"],
.yoyaku_wrap input[type="email"],
.yoyaku_wrap input[type="tel"]{
	width: 100%;
	padding: 7px;
	font-size: 1.6rem;
}
.yoyaku_wrap input[type="number"]{
	width: 5em;
	padding: 7px;
	font-size: 1.6rem;
}
.yoyaku_wrap textarea {
	border:1px solid #ccc;	
	width: 100%;
	padding: 7px;
	font-size: 1.6rem;
		border-radius: 4px;
}
.yoyaku_wrap input[type="submit"]{
	-webkit-appearance: none;
	border:none;
	width:100%;
	background: var(--main-color);
	color: #fff;
	font-size:1.8rem;
	margin-bottom: 30px;
	padding: 10px 0;
	cursor: pointer;
	
}
.yoyaku_wrap label {
	display: block;
	text-align: left !important;
	width: 100%;
	margin-bottom: 7px
}
.yoyaku_wrap > div {
	margin-bottom: 30px;
	text-align: left
}

.yoyaku_wrap > div span {
	color:#e60012 !important
}

.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;
		z-index: 10;
    }
    ul.fixBnr {
        text-align: center;
        display: flex;
        box-sizing: border-box;
    }

    .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;
}

@media (max-width:768px){
	.e-tit__plansub.aC.mb60{
		margin-bottom: 30px;
	}
	.e-plan__price {
		margin-top: 1em;
	}
	.e-plan__box.mb100{
		margin-bottom: 50px;
	}
    .mb250 {
        margin-bottom: 175px;
    }	
}

address {
	font-size: 1.2rem;
}