/* CSS Document */

/*#breakfast*/
	/*.runit#breakfast .swiper-slide.breakfast3 { background:url(../images/img_breakfast3.jpg) center center no-repeat;
		background-size: cover; }
	.runit#breakfast .swiper-slide.breakfast4 { background:url(../images/img_breakfast4.jpg) center center no-repeat;
		background-size: cover; }*/
	.runit#breakfast .img_breakfast { background:url(../images/img_breakfast1.jpg) center center no-repeat;
		background-size: cover; }
	.runit#breakfast h3.ch3 { background:url(../images/ttl_bf.svg) center top no-repeat; background-size: contain; }

/*#lunch*/
	.runit#lunch h3.ch3 { background:url(../images/ttl_lunch.svg) center top no-repeat; background-size: contain; }


@media (min-width:1001px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }

	#lead { padding-bottom: 60px; }
	h2.ch2.dish { background:url(../images/ttl.svg) top center no-repeat; }
	#lead .bg_dyellow { background: rgba(225,210,190,.5); padding: 30px 45px; border-radius: 20px; }
	#lead .bg_dyellow h3 { color: #005F32; text-align: center; font-size: 17px; margin-bottom: 30px; }
	#lead .bg_dyellow p { margin-bottom: 30px; text-align: left; }
	#lead .bg_dyellow p:last-of-type { margin-bottom: 0; }

	ul.cul2 { text-align: left;  line-height: 30px;  }
	ul.cul2 li { padding-left: 1em; text-indent: -1em;  }
	ul.cul2 li:before { content: "・";  font-size: 16px; }
	ul.cul2 li.note:before { content: ""; }	

	.cmenu .breakfast .img { background:url(../images/menu_breakfast.png) center center no-repeat; }
	.cmenu .breakfast p { background:url(../images/menu01.svg) left center no-repeat; }
	.cmenu .obento .img { background:url(../images/menu_obento.png) center center no-repeat; }
	.cmenu .obento p { background:url(../images/menu02.svg) left center no-repeat; }
	.cmenu .lunch .img { background:url(../images/menu_lunch.png) center center no-repeat; }
	.cmenu .lunch p { background:url(../images/menu03.svg) left center no-repeat; }

	.menu {
		margin-bottom: 150px;
	}

	.runit { position: relative; }
	.runit:before { content: ""; width: 100%; height: 580px; position: absolute; top: 230px;
		left: 0; background:url(../../images/bg.jpg) repeat; }
	.runit .swiper-container_dish,.runit .noswipe { width: 87vw; height: 550px; margin: 0 0 40px auto;
		border-radius: 10px 0 0 10px; }
	.runit .swiper-container_dish li { border-radius: 10px 0 0 10px; }
	.runit .swiper-pagination_dish { display: flex; justify-content: flex-end; margin-top: 15px;
		padding-right: calc( 50vw - 600px ); }
	.runit .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 12px; height: 12px; background:#dadf00; opacity: 1; margin:0 7px;
	}
	.runit .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background:#005f32; }
	.runit h3.ch3 { height: 79px; }
	.runit .w1100.cflex { margin: 90px auto; justify-content: space-between; }
	.runit .w1100.cflex .detail { max-width: 610px; }
	.runit .w1100.cflex .spec { width: 450px; }

	.runit#breakfast .swiper-slide.breakfast1 { background:url(../images/img_breakfast1.jpg) center center no-repeat;
		background-size: cover; }
	.runit#breakfast .swiper-slide.breakfast2 { background:url(../images/img_breakfast2.jpg) center center no-repeat;
		background-size: cover; }

	.runit#lunch .swiper-slide.lunch1 { background:url(../images/img_lunch1.jpg) center center no-repeat;
		background-size: cover; }
	.runit#lunch .swiper-slide.lunch2 { background:url(../images/img_lunch2.jpg) center center no-repeat;
		background-size: cover; }
	.runit#lunch .swiper-slide.lunch3 { background:url(../images/img_lunch3.jpg) center center no-repeat;
		background-size: cover; }
	.runit#lunch .swiper-slide.lunch4 { background:url(../images/img_lunch4.jpg) center center no-repeat;
		background-size: cover; }

/* .takeout */
	.takeout {
		background: url("../images/bg_takeout.jpg");
		border-radius: 20px;
		align-items: center;
		position: relative;
		padding: 45px 40px;
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	.takeout .toicon {
		margin-right: 15px;
	}
	.takeout .totxt {

	}
	.takeout .totxt h4 {
		/*text-indent: -100000px;*/
		margin-bottom: 20px;
	}
	.takeout .totxt p {
		color: #FFFFFF;
	}
	.takeout .toimg {
		position: absolute;
		right: 25px;
		top: -50px;
		border-radius: 20px;
		overflow: hidden;
	}
	#breakfast {
		margin-bottom: 220px;
	}
	#lunch {
		margin-bottom: 220px;
	}

	table.ctable th {
		vertical-align: middle;
	}


/* #obento */
	#obento { padding: 100px 0 60px; }
	#obento h3.ch3 { background:url("../images/ttl_obento.svg") center top no-repeat; height: 80px; background-size: contain; }
	#obento p.comment {	text-align: center; margin-bottom: 200px;}

	.obentwrap { position: relative; background: url("../../images/index/matsu_right.svg") right top no-repeat; margin-bottom: 100px; }
	.obentwrap .obentoinner { position: relative; width: calc( 50% + 350px); padding: 20px 0; }
	.obentwrap .detail { position: relative; width: 59.375vw; margin-left: auto; justify-content: flex-end; align-items: center; }
	.obentwrap .detail h4 { position: absolute; z-index: 30; top: -145px; right: 50%; margin-right: -91px; }
	.detail .img { position: relative; z-index: 20; top: -70px; width: 440px; border-radius: 10px; overflow: hidden; }
	.detail .txt { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 540px; }
	.detail .txt h5 { text-align: center; margin-bottom: 20px; }

	.obentwrap2 { position: relative; background: url("../../images/index/matsu_left.svg") left top no-repeat; margin-bottom: 100px; }
	.obentwrap2 .obentoinner { position: relative; width: calc( 50% + 350px); padding: 20px 0; margin-left: auto; }
	.obentwrap2 .detail { position: relative; width: 59.375vw; justify-content: flex-end; flex-direction: row-reverse; }
	.obentwrap2 .detail h4 { position: absolute; z-index: 30; top: -145px; left: 50%; margin-left: -91px; }

	#hihumi { margin-bottom: 0; }

/* #choice */
	#choice { padding: 100px 0; }
	#choice h3.ch3 { background:url("../images/ttl_choice.svg") center top no-repeat; height: 76px; background-size: contain; }
	#choice .cbtn { margin-right: auto; margin-left: auto; margin-bottom: 90px; }
	#aboutus { border: 1px solid #DDDDDD; border-radius: 20px; padding: 35px 50px; align-items: center; }
	#aboutus h4 { width: 125px; height: 140px; background: url("../images/icon_aboutus.svg") center center no-repeat; margin-right: 20px; text-indent: -100000px; }
	#aboutus .cbtn { margin-bottom: 0; }


}/* End @media(min-width 1001px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 1001px) and  (max-width:1245px) {

	#lead .cflex .txt { margin: 0 15px; }


} /* End @media (min-width: 1001px) and  (max-width: 1245px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:1000px) {

	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }

	#lead { padding-bottom: 8vw; }
	h2.ch2.dish { background:url(../images/ttl.svg) top center no-repeat; background-size: auto 12vw; }
	#lead:before { top:3vw; }
	#lead .bg_dyellow { background: rgba(225,210,190,.5); padding: 6vw; border-radius: 4vw; }
	#lead .bg_dyellow h3 { color: #005F32; text-align: center; font-size: 4.2vw; margin-bottom: 4vw; }
	#lead .bg_dyellow p { margin-bottom: 4vw; text-align: left; width: auto; }
	#lead .bg_dyellow p:last-of-type { margin-bottom: 0; }

	ul.cul2 { text-align: left;  line-height: 6vw;  }
	ul.cul2 li { padding-left: 1em; text-indent: -1em;  }
	ul.cul2 li:before { content: "・";  font-size: 3.2vw; }
	ul.cul2 li.note:before { content: ""; }	

	.cmenu .breakfast .img { background:url(../images/menu_breakfast.png) center center no-repeat; background-size: cover; }
	.cmenu .breakfast p { background:url(../images/menu01.svg) left center no-repeat; background-size: auto 2.7vw; }
	.cmenu .obento .img { background:url(../images/menu_obento.png) center center no-repeat; background-size: cover; }
	.cmenu .obento p { background:url(../images/menu02.svg) left center no-repeat; background-size: auto 2.4vw; }
	.cmenu .lunch .img { background:url(../images/menu_lunch.png) center center no-repeat; background-size: cover; }
	.cmenu .lunch p { background:url(../images/menu03.svg) left center no-repeat; background-size: auto 2.7vw; }

	#dishs { padding-top: 14vw; }
/*	#rooms .cb2 { padding-bottom: 10vw; }
	#single .img { background: url(../images/img_single.jpg) center center no-repeat; background-size: cover; }*/

	.runit { position: relative; }
	.runit:before { content: ""; width: 100%; height: 70vw; position: absolute; top: 40vw;
		left: 0; background:url(../../images/bg.jpg) repeat; }
	.runit .swiper-container_dish,.runit .noswipe { width: 88vw; height: 58vw; position: relative;
		margin-left: auto;  }
	.runit .swiper-container_dish li { border-radius: 10px 0 0 10px; }
	.runit .swiper-pagination_dish { display: flex; justify-content: flex-end; margin-top: 2vw;
		padding-right: 6vw; }
	.runit .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 3vw; height: 3vw; background:#dadf00; opacity: 1; margin:0 1vw;
	}
	.runit .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background:#005f32; }
	.runit h3.ch3 { margin-top: 6vw; height: 12vw; }
	.runit .w1100.cflex { margin: 8vw auto 12vw; }
	.runit .w1100.cflex .detail { margin-bottom: 6vw; }

	.runit#breakfast .swiper-slide.breakfast1 { background:url(../images/img_breakfast1_sp.jpg) center center no-repeat;
		background-size: cover; }
	.runit#breakfast .swiper-slide.breakfast2 { background:url(../images/img_breakfast2_sp.jpg) center center no-repeat;
		background-size: cover; }

	.runit#lunch .swiper-slide.lunch1 { background:url(../images/img_lunch1_sp.jpg) center center no-repeat;
		background-size: cover; }
	.runit#lunch .swiper-slide.lunch2 { background:url(../images/img_lunch2_sp.jpg) center center no-repeat;
		background-size: cover; }
	.runit#lunch .swiper-slide.lunch3 { background:url(../images/img_lunch3_sp.jpg) center center no-repeat;
		background-size: cover; }
	.runit#lunch .swiper-slide.lunch4 { background:url(../images/img_lunch4_sp.jpg) center center no-repeat;
		background-size: cover; }

/* .takeout */
	.takeout {
		background: url("../images/bg_takeout.jpg");
		border-radius: 4vw;
		align-items: center;
		position: relative;
		padding: 6vw;
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 16vw;
		margin-bottom: 16vw;
	}
	.takeout .toicon {
		margin-bottom: 8vw;
		text-align: center;
	}
	.takeout .toicon img {
		width: 18vw;
	}
	.takeout .totxt {
		margin-bottom: 6vw;
	}
	.takeout .totxt h4 {
		/*text-indent: -100000px;*/
		margin-bottom: 4vw;
	}
	.takeout .totxt h4 img {
		height: 5vw;
	}
	.takeout .totxt p {
		color: #FFFFFF;
	}
	.takeout .toimg {
/*		position: absolute;
		right: 25px;
		top: -50px;*/
		border-radius: 2vw;
		overflow: hidden;
	}
	.takeout .toimg img { width: 100%; }
	#breakfast {
		margin-bottom: 10vw;
	}
	#lunch {
		margin-bottom: 10vw;
	}
	table.ctable th {
		vertical-align: middle;
	}

/* #obento */
	#obento { padding: 16vw 0; margin-top: 6vw;}
	#obento h3.ch3 { background:url("../images/ttl_obento.svg") center top no-repeat; height: 13vw; background-size: contain; }
	#obento p.comment {	margin-bottom: 2vw; width: 80vw; padding: 2vw 6vw; margin-right: auto; margin-left: auto;   }

	.obentwrap { padding-top: 34vw; position: relative; background: url("../../images/index/matsu_right.svg") right top no-repeat; background-size: auto 30vw; margin-bottom: 10vw; }
	.obentwrap .obentoinner { position: relative; /*width: calc( 50% + 350px);*/ padding: 6vw; }
	.obentwrap .detail { position: relative; /* width: 59.375vw; margin-left: auto; justify-content: flex-end; align-items: center;*/ }
	.obentwrap .detail h4 { position: absolute; z-index: 30; top: -20vw; right: 50%; margin-right: -20vw; }
	.obentwrap .detail h4 img {width: 40vw;}
	.detail .img { position: relative; z-index: 20; border-radius: 2vw; overflow: hidden; margin-bottom: 6vw; }
	.detail .img img { width: 100%; }
	.detail .txt { display: flex; flex-direction: column; justify-content: center; align-items: center;  }
	.detail .txt h5 { text-align: center; margin-bottom: 6vw; }
	.detail .txt h5 { height: 5vw; }

	.obentwrap2 { padding-top: 34vw; position: relative; background: url("../../images/index/matsu_left.svg") left top no-repeat; background-size: auto 30vw; margin-bottom: 10vw; }
	.obentwrap2 .obentoinner { position: relative;/* width: calc( 50% + 350px);*/ padding: 6vw; /*margin-left: auto;*/ }
	.obentwrap2 .detail { position: relative; /*width: 59.375vw; justify-content: flex-end; flex-direction: row-reverse;*/ }
	.obentwrap2 .detail h4 { position: absolute; z-index: 30; top: -20vw; right: 50%; margin-right: -20vw; }
	.obentwrap2 .detail h4 img { width: 40vw; }


/* #choice */
	#choice { padding: 16vw 0; margin-bottom: 10vw; }
	#choice h3.ch3 { background:url("../images/ttl_choice.svg") center center no-repeat; height: 20vw; background-size: contain; }
	#choice .cbtn { margin-right: auto; margin-left: auto; margin-bottom: 10vw; }
	#aboutus { border: 1px solid #DDDDDD; border-radius: 2vw; padding: 6vw; align-items: center; }
	#aboutus h4 { height: 40vw; background: url("../images/icon_aboutus.svg") left 22vw center no-repeat; background-size: contain; margin-bottom: 6vw; text-indent: -100000px; }
	#aboutus p { margin-bottom: 6vw; }
	#choice #aboutus .cbtn { margin-bottom: 0; width: 100%; }



/*
	.wunit .swiper-container { width: 260%; left: -80%; max-width: 400%; }
	.swiper-container .swiper-wrapper li { width: 100%; height: 100%; }
	#amenity { padding: 6vw; background: #ffffff; }
	#amenity .txt { width: 100%; }
	#amenity .txt h4 { font-size: 4vw; margin-bottom: 4vw; }
	.swiper-wrapper li span { display: block; position: absolute; bottom: 0; right: 0; padding: 2vw; }
	section .swiper-button-next { right: 2vw; width: 10vw; height: 10vw;
		background: url(../../images/icon_next2.svg) center center no-repeat rgba(40,40,40,0.2); 
		background-size: 10vw auto; border: #ffffff 1px solid; border-radius: 5vw; }
	section .swiper-button-next:hover,#amenity .swiper-button-prev:hover { background-color: #493228; }
	section .swiper-button-next:after { content: ""; }
	section .swiper-button-prev { left: 2vw; right: auto; width: 10vw; height: 10vw;
		background: url(../../images/icon_prev2.svg) center center no-repeat rgba(40,40,40,0.2); 
		background-size: 10vw auto; border: #ffffff 1px solid; border-radius: 5vw; }
	section .swiper-button-prev:after { content: ""; }



	#vacancy { margin-bottom: 14vw; }

	#pricelist .ch3_2 { margin-bottom: 2vw; }

	#plan { padding-bottom: 20vw; }
*/
/*bf*/
	/*#bf.wunit { border-bottom: #e5e5e5 1px solid; }*/

/*facilities*/
/*	#facilities { padding: 10vw 0 20vw; }
	#facilities .hotelmap { line-height: 20vw; text-align: center; margin-bottom: 10vw; }
	.funit1 { margin-bottom: 10vw; }
	.funit1 .img { width: 100%; overflow: hidden; }
	.funit1 .img img { width: 100%; }
	.funit1 .txt { width: 100%; padding: 0 2vw; }
	.funit1 h4.ch4_1 { text-align: center; padding: 4vw 0; margin-bottom: 0; }
	.funit2 {  }
	.funit2 li { width: 100%; margin-bottom: 10vw; }
	.funit2 li .img,.funit2 li .img img { width: 100%; }
	.funit2 li .txt { padding: 0 2vw; }
	.funit2 li h4.ch4_1 { text-align: center; padding: 4vw 0; margin-bottom: 0; }
*/
} /* End @media (max-width: 750px) */

/* ----------------------------------------------------------------------------------------------------