@charset "utf-8";

@import "base.css";
@import "common.css";

/*####################　トップページ　####################*/

/*　共通
-------------------------------------*/
#PageIndex #Main h2{
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
}

/*　MOVIE
-------------------------------------*/
#cover{
    position: fixed;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 99999;
}
#coverVideo {
    display: none;
    position: fixed;
    left: 0;
    top: 50%;
	transform: translateY(-30%);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: 99999;
    text-align: center;
    padding: 60px;
}
#coverVideoWrapContent {
    width: 100%;
    max-width: 900px;
	position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}
#coverVideoContent {
    position: relative;
    margin: auto;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}
#coverVideoClose {
    position: absolute;
    top: -37px;
    right: 0;
    z-index: 9999999;
    cursor: pointer;
}
#coverVideoContent iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* margin-top: 60px; */
}
/* MOVIEボタン */
#PageIndex #MainImg img.js-movie01{
	min-width: 0;
	position: absolute;
}

/* メインイメージスライダー（フェードインアウト） */
.mainImgSlider { 
	padding-top: 96px;
	position: relative;
	overflow: hidden;
}

.mainImgSlider-inner { 
	position: relative;
}

.mainImgSlider-item {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	opacity: 0;
	transition: opacity 1.7s ease;
	z-index: 0;
	pointer-events: none;
}

/* コンテナの高さを維持するため1枚目は常にposition:relative */
.mainImgSlider-item:first-child {
	position: relative;
}

.mainImgSlider-item.is-active { 
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
}
.mainImgSlider-item a { 
	display: block;
}
.mainImgSlider-item img { 
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
	.mainImgSlider {
		padding-top: 0;
	}
}

/*　#ContBox01
-------------------------------------*/
#PageIndex #Main #ContBox01 figure img{
	width: 100%;
	height: auto;
}

#PageIndex #Main #ContBox01 .textBox p:last-of-type{
	margin-bottom: 0;
}

/*　#ContBox03
-------------------------------------*/
#PageIndex #Main #ContBox03 > figure img{
	width: 100%;
	height: auto;
}

#PageIndex #Main #ContBox03 .innerBasic > figure{
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

#PageIndex #Main #ContBox03 .innerBasic > figure img{
	border-radius: 50%;
	width: 100%;
	height: auto;
}

#PageIndex #Main #ContBox03 .innerBasic > figure:after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border-radius: 50%;
	border: 8px solid rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
}

/*　#ContBox04
-------------------------------------*/
#PageIndex #Main #ContBox04 ul li{
	border-bottom: 1px solid #e8e8e8;
	letter-spacing: 1px;
}

#PageIndex #Main #ContBox04 ul li a{
	color: #222;
}

#PageIndex #Main #ContBox04 ul li dl dt{
	font-family: 'PT Serif', serif;
	font-weight: 400;
	color: #999;
}

@media print, screen and (min-width: 768px) {

/*　メインイメージ
-------------------------------------*/
	#PageIndex #MainImg{
		min-width: 1000px;
	}
	/* ボタン */
	#PageIndex #MainImg img{
		min-width: 1366px;
		position: relative;
	}
	
/*　MOVIE
-------------------------------------*/
	/* MOVIE ボタン */
	#PageIndex #MainImg img.js-movie01{
		width: 66px;
		height: 66px;
		bottom: 30px;
		right: 30px;
		cursor: pointer;
	}
	#PageIndex #MainImg img.js-movie01:hover{
		opacity: 0.8;
	}
	
/*　#ContBox01
-------------------------------------*/
	#PageIndex #Main #ContBox01 .innerBasic{
		padding-top: 100px;
		padding-bottom: 70px;
	}

	#PageIndex #Main #ContBox01 h2{
		margin-bottom: 53px;
		padding-top: 80px;
		background: url(../img/contents/mark_01.png) no-repeat center top;
		background-size: 65px auto;
		line-height: 1.2;
		font-size: 40px;
	}

	#PageIndex #Main #ContBox01 figure{
		float: left;
		width: 720px;
	}

	#PageIndex #Main #ContBox01 .textBox{
		float: right;
		width: 250px;
	}

	#PageIndex #Main #ContBox01 .textBox p{
		line-height: 1.9;
	}

/*　#ContBox02
-------------------------------------*/
	#PageIndex #Main #ContBox02 .innerBasic{
		padding-bottom: 120px;
	}

	#PageIndex #Main #ContBox02 ul.listGallery li{
		margin-bottom: 0;
	}

	#PageIndex #Main #ContBox02 ul.listGallery li:last-of-type{
		margin-right: 0;
	}

	#PageIndex #Main #ContBox02 a.buttonType01{
		width: 108px;
	}

/*　#ContBox03
-------------------------------------*/
	#PageIndex #Main #ContBox03{
		background: url(../img/contents/top/photo_03.jpg) no-repeat center center;
		background-size: cover;
		color: #fff;
	}

	#PageIndex #Main #ContBox03 .innerBasic{
		padding: 31px 30px;
		width: 940px;
	}

	#PageIndex #Main #ContBox03 .textBox{
		float: left;
		padding-top: 36px;
		width: 670px;
	}

	#PageIndex #Main #ContBox03 h2{
		margin-bottom: 24px;
		line-height: 1.5;
		text-align: left;
		letter-spacing: 3px;
		font-size: 30px;
	}

	#PageIndex #Main #ContBox03 .innerBasic > figure{
		float: right;
		width: 238px;
	}

/*　#ContBox04
-------------------------------------*/
	#PageIndex #Main #ContBox04 .innerBasic{
		position: relative;
		padding-top: 85px;
	}

	#PageIndex #Main #ContBox04 h2{
		float: left;
		margin-bottom: 17px;
		padding-top: 48px;
		width: 108px;
		line-height: 1.2;
		font-size: 22px;
	}

	#PageIndex #Main #ContBox04 ul{
		float: right;
		width: 800px;
	}

	#PageIndex #Main #ContBox04 ul li{
		padding: 22px 2px;
		line-height: 1.4;
		text-align: left;
		font-size: 13px;
	}

	#PageIndex #Main #ContBox04 ul li:last-of-type{
		border-bottom: none;
	}

	#PageIndex #Main #ContBox04 ul li dl dt,
	#PageIndex #Main #ContBox04 ul li dl dd{
		display: inline;
	}

	#PageIndex #Main #ContBox04 ul li dl dt{
		padding-right: 21px;
	}

	#PageIndex #Main #ContBox04 ul li dl dd a{
		text-decoration: none;
	}

	#PageIndex #Main #ContBox04 ul li dl dd a:hover{
		text-decoration: underline;
	}

	#PageIndex #Main #ContBox04 a.buttonType01{
		position: absolute;
		top: 176px;
		left: 0;
		width: 108px;
	}

}

@media screen and (max-width: 767px) {
/*　MOVIE
-------------------------------------*/
	/* MOVIE ボタン */
	#PageIndex #MainImg img.js-movie01{
		width: 44px;
		height: 44px;
		bottom: 10px;
		right: 10px;
	}
	#coverVideo {
		padding: 15px;
		top: 30%;
	}
	#coverVideo::before{
		content:"";
		display: inline-block;
		height: 30%;
		width: 100%;
		vertical-align: middle;
	}
	
/*　#ContBox01
-------------------------------------*/
	#PageIndex #Main #ContBox01 .innerBasic{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#PageIndex #Main #ContBox01 h2{
		margin-bottom: 24px;
		padding-top: 57px;
		background: url(../img/contents/mark_01.png) no-repeat center top;
		background-size: 49px auto;
		line-height: 1.2;
		font-size: 30px;
	}

	#PageIndex #Main #ContBox01 figure{
		margin-bottom: 20px;
	}

/*　#ContBox02
-------------------------------------*/
	#PageIndex #Main #ContBox02 .innerBasic{
		padding-bottom: 60px;
	}

	#PageIndex #Main #ContBox02 ul li{
		display: none;
	}

	#PageIndex #Main #ContBox02 ul li:nth-of-type(1),
	#PageIndex #Main #ContBox02 ul li:nth-of-type(2),
	#PageIndex #Main #ContBox02 ul li:nth-of-type(3),
	#PageIndex #Main #ContBox02 ul li:nth-of-type(4){
		display: block;
	}

	#PageIndex #Main #ContBox02 a.buttonType01{
		width: 158px;
	}

/*　#ContBox03
-------------------------------------*/
	#PageIndex #Main #ContBox03 .innerBasic{
		padding-top: 29px;
		padding-bottom: 50px;
	}

	#PageIndex #Main #ContBox03 h2{
		margin-bottom: 14px;
		line-height: 1.5;
		letter-spacing: 2px;
		font-size: 25px;
	}

	#PageIndex #Main #ContBox03 .innerBasic > figure{
		margin: 0 auto;
		width: 239px;
	}

/*　#ContBox04
-------------------------------------*/
	#PageIndex #Main #ContBox04 .innerBasic{
		padding: 0;
	}

	#PageIndex #Main #ContBox04 h2{
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		padding: 10px 0;
		background-color: #f2f2f2;
		line-height: 1.2;
		font-size: 21px;
	}

	#PageIndex #Main #ContBox04 ul{
		margin-bottom: 25px;
	}

	#PageIndex #Main #ContBox04 ul li{
		padding: 17px 15px;
		line-height: 1.4;
		font-size: 14px;
	}

	#PageIndex #Main #ContBox04 ul li dl dt{
		margin-bottom: 3px;
	}

	#PageIndex #Main #ContBox04 a.buttonType01{
		width: 158px;
	}
}

/*####################　料理・宿泊　####################*/
/*　共通
-------------------------------------*/
#PageRoom #Container,
#PageMeal #Container{
	margin-bottom: 0;
}

#PageRoom.pageIndex #Container,
#PageMeal.pageIndex #Container{
	background-color: #f7f7f7;
}

#PageRoom.pageIndex #Main .contBox,
#PageMeal.pageIndex #Main .contBox{
	border-top: 1px solid #e1e1e1;
}

#PageRoom.pageIndex #Main #ContBox03 table,
#PageRoom.pageIndex #Main #ContBox04 table,
#PageRoom.pageIndex #Main #ContBox07 table,
#PageMeal.pageIndex #Main table{
	width: 100%;
}

#PageRoom.pageIndex #Main #ContBox03 table th,
#PageRoom.pageIndex #Main #ContBox04 table th,
#PageRoom.pageIndex #Main #ContBox07 table th,
#PageRoom.pageIndex #Main #ContBox03 table td,
#PageRoom.pageIndex #Main #ContBox04 table td,
#PageRoom.pageIndex #Main #ContBox07 table td,

#PageMeal.pageIndex #Main table th,
#PageMeal.pageIndex #Main table td{
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

#PageRoom.pageIndex #Main table td,
#PageMeal.pageIndex #Main table td{
	color: #666;
}

#PageRoom.pageIndex #Main #ContBox02,
#PageRoom.pageIndex #Main #ContBox04,
#PageRoom.pageIndex #Main #ContBox05,
#PageRoom.pageIndex #Main #ContBox06,
#PageRoom.pageIndex #Main #ContBox07,
#PageMeal.pageIndex #Main #ContBox02,
#PageMeal.pageIndex #Main #ContBox03,
#PageMeal.pageIndex #Main #ContBox04,
#PageMeal.pageIndex #Main #ContBox05,
#PageMeal.pageIndex #Main #ContBox06,
#PageMeal.pageIndex #Main #ContBox07{
	background-color: #fff;
}

#PageRoom.pageIndex #Main #ContBox03 table caption,
#PageMeal.pageIndex #Main #ContBox08 table caption{
	position: absolute;
	background-color: #000;
	text-align: center;
	color: #fff;
}

#PageRoom.pageIndex #Main #ContBox03 table tr td,
#PageMeal.pageIndex #Main #ContBox08 table tr td{
	text-align: right;
}

#PageRoom.pageConfirm #Main #ContBox06,
#PageMeal.pageConfirm #Main #ContBox06{
	border-bottom: 1px solid #e8e8e8;
}

#PageRoom.pageIndex #Main #ContBox06 .innerBasic,
#PageMeal.pageIndex #Main #ContBox06 .innerBasic{
	padding-bottom: 0;
}

#PageRoom.pageIndex #Main #ContBox06 .attentionBox,
#PageMeal.pageIndex #Main #ContBox06 .attentionBox{
	border-top: 1px solid #f0f0f0 !important;
	background-color: #fff;
}

#PageRoom.pageIndex #Main #ContBox02 .subBox02 .innerBox01 p {
	text-align: left;
}

#PageRoom #Main #ContBox07 h3:before,
#PageMeal #Main #ContBox07 h3:before{
	display: none;
}

#PageRoom #Main #ContBox07 h3 + p,
#PageMeal #Main #ContBox07 h3 + p{
	text-align: center;
	color: #df1111;
}

/*　宿泊
-------------------------------------*/
#PageRoom #MainImg{
	background: url(../img/contents/room/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBasic{
	padding-bottom: 0;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox h4{
	text-align: center;
	letter-spacing: 0.25em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox01 figure img{
	height: auto;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox02 ul.slider li img{
	width: 100%;
	height: auto;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager{
	text-align: center;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item{
	display: inline-block;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item:last-of-type{
	margin-right: 0;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item a{
	display: block;
	border-radius: 50%;
	background-color: #dcdcdc;
	text-align: left;
	text-indent: -9999px;
}

#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item a.active{
	background-color: #000;
}

#PageRoom.pageIndex #Main #ContBox02 .attentionBox{
	border-top: 1px solid #f0f0f0 !important;
	background-color: #fff;
}

#PageRoom.pageIndex #Main #ContBox04 h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #222;
}

#PageRoom.pageIndex #Main #ContBox04 h3:before{
	display: none;
}

#PageRoom.pageIndex #Main #ContBox04 .subBox{
	position: relative;
}

#PageRoom.pageIndex #Main #ContBox04 .subBox:before{
	display: block;
	content: "";
	border-radius: 50%;
}

#PageRoom.pageIndex #Main #ContBox04 .showBox p{
	color: #666;
}

#PageRoom.pageIndex #Main #ContBox04 .subBox04 table tr:first-of-type th,
#PageRoom.pageIndex #Main #ContBox04 .subBox04 table tr:first-of-type td{
	border-top: none;
	padding-top: 0;
}

/*　料理
-------------------------------------*/
#PageMeal #MainImg{
	background: url(../img/contents/meal/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PageMeal #Main #ContBox01 ul li{
	text-align: left;
}

#PageMeal #Main #ContBox01 ul li:after{
	content:"";
	display:block;
	clear:both;
}

#PageMeal #Main #ContBox01 ul li:before{
	display: block;
	content: "";
	float: left;
	border-radius: 50%;
}

#PageMeal #Main #ContBox01 ul li dl dt{
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
}

#PageMeal #Main #ContBox01 ul li dl dd{
	color: #666;
}

#PageMeal #Main #ContBox02 .subBox,
#PageMeal #Main #ContBox03 .subBox{
	border-top: 1px solid #e8e8e8;
}

#PageMeal #Main #ContBox02 .subBox:last-of-type,
#PageMeal #Main #ContBox03 .subBox:last-of-type{
	padding-bottom: none;
}

#PageMeal #Main #ContBox02 .subBox h4,
#PageMeal #Main #ContBox03 .subBox h4{
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
}

#PageMeal #Main #ContBox02 .subBox h4 span,
#PageMeal #Main #ContBox03 .subBox h4 span{
	display: block;
	line-height: 1;
/*	font-family: 'PT Serif', serif;
	font-weight: 400;
*/	color: #999;
}

#PageMeal #Main #ContBox02 .subBox figure,
#PageMeal #Main #ContBox03 .subBox figure{
	overflow: hidden;
}

#PageMeal #Main #ContBox02 .subBox figure img,
#PageMeal #Main #ContBox03 .subBox figure img{
	width: 100%;
	height: auto;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li.current a,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li.current a{
	opacity: 0.3;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul:after,
#PageMeal #Main #ContBox03 .subBox .innerBox ul:after{
	content:"";
	display:block;
	clear:both;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li{
	float: left;
	position: relative;
	overflow: hidden;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li:last-of-type,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li:last-of-type{
	margin-right: 0;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li a,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li a{
	display: block;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li a:after,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li{
	overflow: hidden;
}

#PageMeal #Main #ContBox02 .subBox .innerBox ul li img,
#PageMeal #Main #ContBox03 .subBox .innerBox ul li img{
	webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	position: absolute;
	top:50%;
    left:50%;
}

#PageMeal #Main #ContBox02 .subBox .innerBox dl dt,
#PageMeal #Main #ContBox03 .subBox .innerBox dl dt{
	text-align: center;
	background-color: #000;
	color: #fff;
}

#PageMeal #Main #ContBox02 .subBox .innerBox dl dd,
#PageMeal #Main #ContBox03 .subBox .innerBox dl dd{
	background-color: #f0f0f0;
	color: #666;
}

#PageMeal #Main #ContBox02 .subBox .innerBox dl + p,
#PageMeal #Main #ContBox03 .subBox .innerBox dl + p{
	color: #df1111;
}

#PageMeal #Main #ContBox04 ul.listGoods,
#PageMeal #Main #ContBox05 ul.listGoods {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#PageMeal #Main #ContBox05 h3 + h4{
	margin-top: 0;
}

#PageMeal #Main #ContBox05 ul.listGoods dl dt ul li{
	display: inline;
	margin: 0;
}

#PageMeal #Main #ContBox05 ul.listGoods dl dt ul li:after{
	display: inline;
	content: "/";
	padding: 0 5px;
	color: #999;
}

#PageMeal #Main #ContBox05 ul.listGoods dl dt ul li:last-of-type:after{
	display: none;
}

@media print, screen and (min-width: 768px) {
	
/*　共通
-------------------------------------*/
	/* #PageRoom.pageIndex #Main #ContBox03 table,
	#PageRoom.pageIndex #Main #ContBox04 .subBox01 table, */

	#PageMeal.pageIndex #Main table th,
	#PageMeal.pageIndex #Main table td{
		padding: 11px 0;
		width: 50%;
		font-size: 14px;
	}
	
	#PageRoom.pageIndex #Main table td span.field,
	#PageMeal.pageIndex #Main table td span.field{
		padding-top: 14px;
	    display: inline-block;
	}	

	#PageRoom.pageIndex #Main table tr.room td span.field{
		padding-top: 0;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox table th, 
	#PageRoom.pageIndex #Main #ContBox04 .subBox table td, 
	#PageRoom.pageIndex #Main .attentionBox table th,
	#PageRoom.pageIndex #Main .attentionBox table td,
	#PageMeal.pageIndex #Main .attentionBox table th,
	#PageMeal.pageIndex #Main .attentionBox table td{
		padding: 9px 0;
		font-size: 13px;
	}

	#PageRoom.pageIndex #Main #ContBox02,
	#PageMeal.pageIndex #Main #ContBox02{
		border-top: none;
	}

	#PageRoom.pageIndex #Main #ContBox03 .innerBasic,
	#PageMeal.pageIndex #Main #ContBox08 .innerBasic{
		padding-bottom: 67px;
	}

	#PageRoom.pageIndex #Main #ContBox03 .subBox,
	#PageMeal.pageIndex #Main #ContBox08 .subBox{
		margin: 0 auto;
		width: 452px;
	}

	#PageRoom.pageIndex #Main #ContBox03 .innerBox,
	#PageMeal.pageIndex #Main #ContBox08 .innerBox{
		width: 206px;
	}

	#PageRoom.pageIndex #Main #ContBox03 .innerBox01,
	#PageMeal.pageIndex #Main #ContBox08 .innerBox01{
		float: left;
	}

	#PageRoom.pageIndex #Main #ContBox03 .innerBox02,
	#PageMeal.pageIndex #Main #ContBox08 .innerBox02{
		float: right;
	}

	#PageRoom.pageIndex #Main #ContBox03 table,
	#PageMeal.pageIndex #Main #ContBox08 table{
		position: relative;
		margin-top: 35px;
	}

	#PageRoom.pageIndex #Main #ContBox03 table tr:first-of-type th,
	#PageRoom.pageIndex #Main #ContBox03 table tr:first-of-type td,
	#PageMeal.pageIndex #Main #ContBox08 table tr:first-of-type th,
	#PageMeal.pageIndex #Main #ContBox08 table tr:first-of-type td{
		padding-top: 0;
		padding-bottom: 5px;
		border-top: none;
	}

	#PageRoom.pageIndex #Main #ContBox03 table caption,
	#PageMeal.pageIndex #Main #ContBox08 table caption{
		position: absolute;
		top: -1px;
		left: 0;
		width: 63px;
		line-height: 30px;
		font-size: 14px;
	}

	#PageRoom.pageConfirm #Main #ContBox06 .innerBasic,
	#PageMeal.pageConfirm #Main #ContBox06 .innerBasic{
		padding-top: 20px;
		padding-bottom: 55px;
	}

	#PageRoom.pageThanks #Main #ContBox06 .innerBasic,
	#PageMeal.pageThanks #Main #ContBox06 .innerBasic{
		padding-top: 20px;
	}

	#PageRoom #Main #ContBox06 h3:before{
		background: url(../img/contents/room/midashiphoto_03.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageMeal #Main #ContBox06 h3:before{
		background: url(../img/contents/meal/midashiphoto_05.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageRoom #Main #ContBox06 p,
	#PageMeal #Main #ContBox06 p{
		text-align: center;
	}

	#PageRoom.pageIndex #Main #ContBox06 .attentionBox,
	#PageMeal.pageIndex #Main #ContBox06 .attentionBox{
		margin-top: 53px;
		padding: 56px 0 58px;
	}
	
	#PageRoom #Main #ContBox07 .innerBasic,
	#PageMeal #Main #ContBox07 .innerBasic{
		padding-top: 66px;
		padding-bottom: 170px;
	}

	#PageRoom #Main #ContBox07 h3,
	#PageMeal #Main #ContBox07 h3{
		margin-bottom: 9px;
		font-size: 18px;
	}

	#PageRoom #Main #ContBox07 h3 + p,
	#PageMeal #Main #ContBox07 h3 + p{
		margin-bottom: 45px;
		font-size: 13px;
	}

/*　宿泊
-------------------------------------*/
	#PageRoom.pageIndex #Main #ContBox02 h3:before{
		background: url(../img/contents/room/midashiphoto_01.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox{
		border-top: 1px solid #e8e8e8;
		padding: 60px 0;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox .innerBox02{
		width: 720px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox01 .innerBox01{
		float: left;
		margin-left: 40px;
		width: 170px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox01 .innerBox02{
		float: right;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox02 .innerBox01{
		float: right;
		width: 180px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox02 .innerBox02{
		float: left;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h4{
		margin-bottom: 20px;
		line-height: 1;
		text-align: left;
		font-size: 30px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h4 span{ 
		margin-top: 8px;
		display: block;
		font-size: 22px;
		letter-spacing: 0.1em;
	}	

	#PageRoom.pageIndex.en #Main #ContBox02 .innerBox h4 span{ 
		font-size: 18px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h4 + p{
		margin-bottom: 28px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox01 figure{
		display: block !important;
		text-align: left;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h5{
		display: none;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox01 figure img{
		width: 139px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 figure img{
		width: 140px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager{
		margin-top: 21px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item{
		margin-right: 18px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item a{
		width: 12px;
		height: 12px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .attentionBox{
		padding: 54px 0 96px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox{
		float: left;
		margin: 0 56px 55px 0;
		width: 296px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox:nth-of-type(3n){
		margin-right: 0;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox:nth-of-type(3n+1){
		clear: both;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox:nth-of-type(4),
	#PageRoom.pageIndex #Main #ContBox04 .subBox:nth-of-type(5),
	#PageRoom.pageIndex #Main #ContBox04 .subBox:nth-of-type(6){
		margin-bottom: 0;
		padding-top: 40px;
		border-top: 1px solid #e8e8e8;
	}

	#PageRoom.pageIndex #Main #ContBox04 h3{
		margin-bottom: 20px;
		font-size: 15px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox:before{
		margin: 0 auto 17px;
		width: 92px;
		height: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox01:before{
		background: url(../img/contents/room/photo_01.jpg) no-repeat center center;
		background-size: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox02:before{
		background: url(../img/contents/room/photo_02.jpg) no-repeat center center;
		background-size: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox03:before{
		background: url(../img/contents/room/photo_03.jpg) no-repeat center center;
		background-size: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox04:before{
		background: url(../img/contents/room/photo_04.jpg) no-repeat center center;
		background-size: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox05:before{
		background: url(../img/contents/room/photo_05.jpg) no-repeat center center;
		background-size: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox06:before{
		background: url(../img/contents/room/photo_06.jpg) no-repeat center center;
		background-size: 92px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .showBox p{
		font-size: 13px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .showBox table{
		margin-bottom: 12px;
	}

	#PageRoom.pageIndex #Main #ContBox05 h3:before{
		background: url(../img/contents/room/midashiphoto_02.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageRoom.pageIndex #Main #ContBox05 .subBox{
		margin-bottom: 30px;
		/* height: 600px; */
	}

/*　料理
-------------------------------------*/
	#PageMeal #Main #ContBox01 ul{
		margin-bottom: 33px;
	}

	#PageMeal #Main #ContBox01 ul:after{
		content:"";
		display:block;
		clear:both;
	}

	#PageMeal #Main #ContBox01 ul li{
		float: left;
		width: 333px;
	}

	#PageMeal #Main #ContBox01 ul li:before{
		margin-right: 19px;
		width: 92px;
		height: 92px;
	}

	#PageMeal #Main #ContBox01 ul li.li01:before{
		background: url(../img/contents/meal/midashiphoto_06.jpg) no-repeat center center;
		background-size: 92px auto;
	}

	#PageMeal #Main #ContBox01 ul li.li02:before{
		background: url(../img/contents/meal/midashiphoto_07.jpg) no-repeat center center;
		background-size: 92px auto;
	}

	#PageMeal #Main #ContBox01 ul li.li03:before{
		background: url(../img/contents/meal/midashiphoto_08.jpg) no-repeat center center;
		background-size: 92px auto;
	}

	#PageMeal #Main #ContBox01 ul li dl{
		float: left;
		margin-top: 10px;
		width: 222px;
	}

	#PageMeal #Main #ContBox01 ul li dl dt{
		margin-bottom: 18px;
		font-size: 24px;
	}

	#PageMeal #Main #ContBox01 ul li.li02 dl dt{
		margin-bottom: 8px;
	}

	#PageMeal #Main #ContBox01 ul li dl dd{
		line-height: 1.6;
		font-size: 13px;
	}

	#PageMeal #Main #ContBox02 h3:before{
		background: url(../img/contents/meal/midashiphoto_01.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageMeal #Main #ContBox03 h3:before{
		background: url(../img/contents/meal/midashiphoto_02.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageMeal #Main #ContBox02 .innerBasic,
	#PageMeal #Main #ContBox03 .innerBasic{
		padding-bottom: 120px;
	}

	#PageMeal #Main #ContBox02 .subBox,
	#PageMeal #Main #ContBox03 .subBox{
		margin-right: -15px;
		margin-left: -15px;
		padding: 53px 15px 60px;
	}

	#PageMeal #Main #ContBox02 .subBox h4,
	#PageMeal #Main #ContBox03 .subBox h4{
		margin-bottom: 15px;
		width: 341px;
		font-size: 30px;
	}

	#PageMeal #Main #ContBox02 .subBox h4 span,
	#PageMeal #Main #ContBox03 .subBox h4 span{
/*		padding-left: 24px;
*/		font-size: 18px;
	}

	#PageMeal #Main #ContBox02 .subBox h4 span.price1,
	#PageMeal #Main #ContBox03 .subBox h4 span.price1{
		padding-bottom: 12px;
	}

	#PageMeal #Main #ContBox02 .subBox figure,
	#PageMeal #Main #ContBox03 .subBox figure{
		float: left;
		width: 341px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox,
	#PageMeal #Main #ContBox03 .subBox .innerBox{
		float: right;
		width: 630px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox .entryBox,
	#PageMeal #Main #ContBox03 .subBox .innerBox .entryBox{
		margin-bottom: 24px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul{
		margin-bottom: 33px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li{
		margin-right: 20px;
		width: 100px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li a,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li a{
		width: 100px;
		height: 100px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li a:hover,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li a:hover{
		opacity: 0.8;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li.current a:hover,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li.current a:hover{
		opacity: 0.3;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li a:after,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li a:after{
		border: 4px solid rgba(255, 255, 255, 0.5);
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li img,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li img{
		min-width: 100px;
		min-height: 100px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl{
		display: table;
		margin-bottom: 25px;
		font-size: 13px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl dt,
	#PageMeal #Main #ContBox02 .subBox .innerBox dl dd,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl dt,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl dd{
		display: table-cell;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl dt,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl dt{
		width: 80px;
		text-align: center;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl dd,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl dd{
		padding: 5px 25px;
		width: 500px;
		text-align: left;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl + p,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl + p{
		font-size: 13px;
	}

	#PageMeal #Main #ContBox04 h3:before{
		background: url(../img/contents/meal/midashiphoto_03.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageMeal #Main #ContBox04 ul.listGoods li:nth-of-type(1),
	#PageMeal #Main #ContBox05 ul.listGoods li:nth-of-type(1) {
		margin-left: 0;
	}

	#PageMeal #Main #ContBox04 ul.listGoods li:nth-of-type(4n),
	#PageMeal #Main #ContBox04 ul.listGoods li:last-of-type,
	#PageMeal #Main #ContBox05 ul.listGoods li:last-of-type {
		margin-right: 0;
	}

	#PageMeal #Main #ContBox05 h3:before{
		background: url(../img/contents/meal/midashiphoto_04.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageMeal #Main #ContBox05 .innerBasic{
		padding-bottom: 36px;
	}

	#PageMeal #Main #ContBox05 h4{
		margin-top: 10px;
	}

	#PageMeal #Main #ContBox05 ul.listGoods03 li,
	#PageMeal #Main #ContBox05 ul.listGoods04 li{
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		width: 100%;
	}

	#PageMeal #Main #ContBox05 ul.listGoods03 {
		margin-bottom: 40px;
	}

	#PageMeal #Main #ContBox02 h3,
	#PageMeal #Main #ContBox03 h3 {
		margin-bottom: 0;
	}	

	#PageMeal #Main #ContBox02 .subBox01,
	#PageMeal #Main #ContBox03 .subBox01 {
		border-top: 0;
	}

	#PageMeal #Main #ContBox02 .subBox .productList li,
	#PageMeal #Main #ContBox03 .subBox .productList li {
		box-sizing: border-box;
		padding: 10px;
		width: 229px;
		border: 1px solid #d3d3d3;
		float: left;
		width: 25%;
		cursor: pointer;
		margin-left: -1px;
	}

	#PageMeal.en #Main #ContBox02 .subBox .productList li {
		/* height: 198px; */
	}

	#PageMeal #Main #ContBox02 .subBox .productList li:hover,
	#PageMeal #Main #ContBox03 .subBox .productList li:hover {
		opacity: 0.8;
		border: 1px solid rgba(211, 211, 211, 0.8);
	}

	#PageMeal #Main #ContBox02 .subBox .productList li:nth-child(4n+1),
	#PageMeal #Main #ContBox03 .subBox .productList li:nth-child(4n+1) { 
		/* border-left: 1px solid #d3d3d3; */
		margin-left: 0;
	}

	#PageMeal #Main #ContBox02 .subBox .productList li:nth-child(n+5),
	#PageMeal #Main #ContBox03 .subBox .productList li:nth-child(n+5) { 
		/* border-top: 0; */
		margin-top: -1px;
	}

	#PageMeal #Main #ContBox02 .subBox .productList figure,
	#PageMeal #Main #ContBox03 .subBox .productList figure{
		float: left;
    	width: 85px;
    	height: 120px;
    	overflow: hidden;
	}	

	#PageMeal #Main #ContBox02 .subBox .productList img,
	#PageMeal #Main #ContBox03 .subBox .productList img{
		width: 100%;
    	height: auto;
	}	

	#PageMeal #Main #ContBox02 .subBox .productList dl,
	#PageMeal #Main #ContBox03 .subBox .productList dl{
		float: right;
		padding-left: 10px;
		width: 133px;
	}	

	#PageMeal #Main #ContBox02 .subBox .productList dt,
	#PageMeal #Main #ContBox03 .subBox .productList dt{
		text-align: left;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ 明朝", serif;
		background: url(../img/contents/arrow_09.png) no-repeat 0px 7px;
		background-size: 19px auto;
		padding-left: 24px;
		font-size: 19px;
		margin-top: 2px;
	}

	#PageMeal #Main #ContBox02 .subBox .productList dd,
	#PageMeal #Main #ContBox03 .subBox .productList dd{
		text-align: left;
		color: #999999;
		font-size: 13px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ 明朝", serif;
		line-height: 20px;
	}

	#PageMeal.pageIndex #Main #ContBox09{
		background-color: #fff;
		border-bottom: 1px solid #d3d3d3;
	}

	#PageMeal.pageIndex #Main #ContBox09 .innerBasic{
    	padding-top: 53px;
    	padding-bottom: 53px;
	}

	#PageMeal.pageIndex #Main #ContBox09 li{
		display: inline-block;
		padding-right: 89px;
		background: url(../img/contents/arrow_10.png) no-repeat 0px center;
		background-size: 24px auto;
		padding-left: 30px;
	}

	#PageMeal.pageIndex #Main #ContBox09 li:last-child{
		padding-right: 0;
	}

	#PageMeal.pageIndex #Main #ContBox09 li a{
		text-decoration: none;
		font-size: 21px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ 明朝", serif;
	}

	#PageMeal.pageIndex #Main #ContBox09 li a:hover{
		text-decoration: underline;
	}

}

@media screen and (max-width: 767px) {
	
/*　共通
-------------------------------------*/
	#PageRoom.pageIndex #Main #ContBox04 table th,
	#PageRoom.pageIndex #Main #ContBox04 table td,
	#PageRoom.pageIndex #Main #ContBox04 table th,
	#PageRoom.pageIndex #Main #ContBox07 table td,

	#PageMeal.pageIndex #Main table th,
	#PageMeal.pageIndex #Main table td{
		padding: 11px 0;
		width: 50%;
		font-size: 14px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox table th, 
	#PageRoom.pageIndex #Main #ContBox04 .subBox table td, 
	#PageRoom.pageIndex #Main .attentionBox table th,
	#PageRoom.pageIndex #Main .attentionBox table td,
	#PageMeal.pageIndex #Main .attentionBox table th,
	#PageMeal.pageIndex #Main .attentionBox table td{
		padding: 9px 0;
	}

	#PageRoom.pageIndex #Main #ContBox03 .innerBasic,
	#PageMeal.pageIndex #Main #ContBox08 .innerBasic{
		padding-bottom: 50px;
	}

	#PageRoom.pageIndex #Main #ContBox03 table,
	#PageMeal.pageIndex #Main #ContBox08 table{
		position: relative;
		margin-top: 35px;
	}

	#PageRoom.pageIndex #Main #ContBox03 table tr:first-of-type th,
	#PageRoom.pageIndex #Main #ContBox03 table tr:first-of-type td,
	#PageMeal.pageIndex #Main #ContBox08 table tr:first-of-type th,
	#PageMeal.pageIndex #Main #ContBox08 table tr:first-of-type td{
		padding-top: 0;
		border-top: none;
	}

	#PageRoom.pageIndex #Main #ContBox03 table caption,
	#PageMeal.pageIndex #Main #ContBox08 table caption{
		position: absolute;
		top: 3px;
		left: 0;
		width: 63px;
		line-height: 30px;
		font-size: 14px;
	}

	#PageRoom.pageConfirm #Main #ContBox06 .innerBasic,
	#PageMeal.pageConfirm #Main #ContBox06 .innerBasic{
		padding-bottom: 55px;
	}

	#PageRoom #Main #ContBox06 h3:before{
		background: url(../img/contents/room/midashiphoto_03.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageMeal #Main #ContBox06 h3:before{
		background: url(../img/contents/meal/midashiphoto_05.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageRoom.pageIndex #Main #ContBox06 .attentionBox,
	#PageMeal.pageIndex #Main #ContBox06 .attentionBox{
		margin: 34px -15px 0;
		padding: 45px 15px;
	}

	#PageRoom #Main #ContBox07 .innerBasic,
	#PageMeal #Main #ContBox07 .innerBasic{
		padding-top: 36px;
		padding-bottom: 75px;
	}

	#PageRoom #Main #ContBox07 h3,
	#PageMeal #Main #ContBox07 h3{
		margin-bottom: 14px;
		font-size: 19px;
	}

	#PageRoom #Main #ContBox07 h3 + p,
	#PageMeal #Main #ContBox07 h3 + p{
		margin-bottom: 32px;
		font-size: 14px;
	}

/*　宿泊
-------------------------------------*/
	#PageRoom.pageIndex #Main #ContBox01 .innerBasic{
		padding-top: 0;
	}
	
	#PageRoom.pageIndex #Main #ContBox02 h3:before{
		background: url(../img/contents/room/midashiphoto_01.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageRoom.pageIndex #Main #ContBox02 .subBox{
		margin: 0 -15px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox{
		border-top: 1px solid #f0f0f0;
		padding: 36px 15px 43px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h4{
		margin-bottom: 20px;
		text-align: center;
		font-size: 25px;
	}	

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h4 span{
		display: block;
		font-size: 21px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox01 h4 + p{
		text-align: center;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox01 figure{
		margin: 0 auto;
		width: 290px;
		text-align: center;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h5{
		margin: 0 auto;
		width: 290px;
		background: url(../img/contents/arrow_07_down.png) no-repeat right center #000;
		background-size: 28px auto;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		color: #fff;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox h5.active{
		background: url(../img/contents/arrow_07_up.png) no-repeat right center #000;
		background-size: 28px auto;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox01 figure{
		display: none;
		border: 1px solid #e1e1e1;
		border-top: none;
		padding: 15px 0 23px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox01 figure img{
		width: 139px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 figure img{
		width: 140px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager{
		margin-top: 15px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item{
		margin-right: 18px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .innerBox02 .bx-default-pager .bx-pager-item a{
		width: 11px;
		height: 11px;
	}

	#PageRoom.pageIndex #Main #ContBox02 .attentionBox{
		margin: 0 -15px;
		padding: 45px 15px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .innerBasic{
		padding: 0 0 50px;
	}

	#PageRoom.pageIndex #Main #ContBox04 h3{
		margin-bottom: 0;
		padding: 24px 30px 24px 72px;
		background: url(../img/contents/arrow_06_down.png) no-repeat right center;
		background-size: 28px auto;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox05 h3{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#PageRoom.pageIndex #Main #ContBox04 h3.active{
		background: url(../img/contents/arrow_06_up.png) no-repeat right center;
		background-size: 28px auto;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox{
		position: relative;
		border-bottom: 1px solid #e8e8e8;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox:before{
		position: absolute;
		top: 12px;
		left: 15px;
		width: 48px;
		height: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox01:before{
		background: url(../img/contents/room/photo_01.jpg) no-repeat center center;
		background-size: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox02:before{
		background: url(../img/contents/room/photo_02.jpg) no-repeat center center;
		background-size: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox03:before{
		background: url(../img/contents/room/photo_03.jpg) no-repeat center center;
		background-size: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox04:before{
		background: url(../img/contents/room/photo_04.jpg) no-repeat center center;
		background-size: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox05:before{
		background: url(../img/contents/room/photo_05.jpg) no-repeat center center;
		background-size: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .subBox06:before{
		background: url(../img/contents/room/photo_06.jpg) no-repeat center center;
		background-size: 48px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .showBox{
		padding: 0 15px 27px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .showBox p{
		font-size: 14px;
	}

	#PageRoom.pageIndex #Main #ContBox04 .showBox table{
		margin-bottom: 12px;
	}

	#PageRoom.pageIndex #Main #ContBox05 h3:before{
		background: url(../img/contents/room/midashiphoto_02.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageRoom.pageIndex #Main #ContBox05 .subBox{
		/* overflow: hidden; */
		position: relative!important;
		margin-bottom: 20px;
		/* padding-bottom: 90%; */
		/* height: 110px; */
	}
	
	#PageRoom.pageIndex #Main #ContBox05 .subBox iframe,
	#PageRoom.pageIndex #Main #ContBox05 .subBox iframe object,
	#PageRoom.pageIndex #Main #ContBox05 .subBox iframe embed{
		position: absolute !important;
		top: 0;
		left: 0;
		height: 100% !important;
	}

/*　料理
-------------------------------------*/
	#PageMeal #Main #ContBox01 .innerBasic{
		padding-top: 0;
	}

	#PageMeal #Main #ContBox01 ul li{
		margin-bottom: 25px;
		padding: 10px 0 10px 86px;
	}

	#PageMeal #Main #ContBox01 ul li:before{
		display: none;
	}

	#PageMeal #Main #ContBox01 ul li.li01{
		background: url(../img/contents/meal/midashiphoto_06_sp.png) no-repeat left center;
		background-size: 69px auto;
	}

	#PageMeal #Main #ContBox01 ul li.li02{
		background: url(../img/contents/meal/midashiphoto_07_sp.png) no-repeat left center;
		background-size: 69px auto;
	}

	#PageMeal #Main #ContBox01 ul li.li03{
		background: url(../img/contents/meal/midashiphoto_08_sp.png) no-repeat left center;
		background-size: 69px auto;
	}

	#PageMeal #Main #ContBox01 ul li dl{
		float: none;
	}

	#PageMeal #Main #ContBox01 ul li dl dt{
		margin-bottom: 8px;
		font-size: 22px;
	}

	#PageMeal #Main #ContBox01 ul li dl dd{
		line-height: 1.6;
		font-size: 14px;
	}

	#PageMeal #Main #ContBox02 h3:before{
		background: url(../img/contents/meal/midashiphoto_01.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageMeal #Main #ContBox03 h3:before{
		background: url(../img/contents/meal/midashiphoto_02.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageMeal #Main #ContBox02 .innerBasic,
	#PageMeal #Main #ContBox03 .innerBasic{
		padding-bottom: 40px;
	}

	#PageMeal #Main #ContBox02 .subBox,
	#PageMeal #Main #ContBox03 .subBox{
		margin: 0 -15px;
		padding: 36px 15px 35px;
	}

	#PageMeal #Main #ContBox02 .subBox h4,
	#PageMeal #Main #ContBox03 .subBox h4{
		margin-bottom: 18px;
		font-size: 25px;
	}

	#PageMeal #Main #ContBox02 .subBox h4 span,
	#PageMeal #Main #ContBox03 .subBox h4 span{
/*		padding-left: 23px;
*/		font-size: 16px;
	}

	#PageMeal #Main #ContBox02 .subBox h4 span.price1,
	#PageMeal #Main #ContBox03 .subBox h4 span.price1{
		padding-top: 12px;
		padding-bottom: 12px;
	}

	#PageMeal #Main #ContBox02 .subBox figure,
	#PageMeal #Main #ContBox03 .subBox figure{
		margin: 0 auto 23px;
		width: 290px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox .entryBox,
	#PageMeal #Main #ContBox03 .subBox .innerBox .entryBox{
		margin-bottom: 15px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul{
		margin: 0 auto 24px;
		width: 290px
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li{
		margin-right: 12px;
		width: 63px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li a,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li a{
		width: 63px;
		height: 63px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li a:after,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li a:after{
		border: 3px solid rgba(255, 255, 255, 0.5);
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox ul li img,
	#PageMeal #Main #ContBox03 .subBox .innerBox ul li img{
		min-width: 63px;
		min-height: 63px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl{
		margin-bottom: 22px;
		font-size: 14px;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl dt,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl dt{
		text-align: center;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl dd,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl dd{
		padding: 10px 15px;
		text-align: left;
	}

	#PageMeal #Main #ContBox02 .subBox .innerBox dl + p,
	#PageMeal #Main #ContBox03 .subBox .innerBox dl + p{
		font-size: 14px;
	}

	#PageMeal #Main #ContBox04 h3:before{
		background: url(../img/contents/meal/midashiphoto_03.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageMeal #Main #ContBox05 h3:before{
		background: url(../img/contents/meal/midashiphoto_04.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageMeal #Main #ContBox05 .innerBasic{
		padding-bottom: 36px;
	}

	#PageMeal #Main #ContBox05 h4{
		margin-top: 25px;
	}

	#PageMeal #Main #ContBox05 ul.listGoods03 li,
	#PageMeal #Main #ContBox05 ul.listGoods04 li{
	}



	#PageMeal #Main #ContBox02 h3,
	#PageMeal #Main #ContBox03 h3 {
		margin-bottom: 0;
	}	

	#PageMeal #Main #ContBox02 .subBox01,
	#PageMeal #Main #ContBox03 .subBox01 {
		border-top: 0;
	}

	#PageMeal #Main #ContBox02 .subBox .productList li,
	#PageMeal #Main #ContBox03 .subBox .productList li {
		clear: both;
		box-sizing: border-box;
		padding: 10px;
		border: 1px solid #d3d3d3;
		border-top: 0;
		width: 100%;
		height: 82px;
		overflow: hidden;
		cursor: pointer; 
	}

	#PageMeal #Main #ContBox02 .subBox .productList li:first-child, 
	#PageMeal #Main #ContBox03 .subBox .productList li:first-child{ 
		border-top: 1px solid #d3d3d3;
	}

	#PageMeal #Main #ContBox02 .subBox .productList figure,
	#PageMeal #Main #ContBox03 .subBox .productList figure{
		float: left;
    	width: 42px;
    	height: 60px;
    	overflow: hidden;
	}	

	#PageMeal #Main #ContBox02 .subBox .productList img,
	#PageMeal #Main #ContBox03 .subBox .productList img{
		width: 100%;
    	height: auto;
	}	

	#PageMeal #Main #ContBox02 .subBox .productList dl,
	#PageMeal #Main #ContBox03 .subBox .productList dl{
		padding-left: 52px;
	}	

	#PageMeal #Main #ContBox02 .subBox .productList dt,
	#PageMeal #Main #ContBox03 .subBox .productList dt{
		text-align: left;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ 明朝", serif;
		background: url(../img/contents/arrow_09.png) no-repeat 0px center;
		background-size: 15px auto;
		padding-left: 18px;
	}

	#PageMeal #Main #ContBox02 .subBox .productList dd,
	#PageMeal #Main #ContBox03 .subBox .productList dd{
		text-align: left;
		color: #999999;
		font-size: 13px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ 明朝", serif;
		line-height: 17px;
	}


	#PageMeal.pageIndex #Main #ContBox09{
		background-color: #fff;
		border-top: 1px solid #d3d3d3;
		/* border-bottom: 1px solid #d3d3d3; */
	}

	#PageMeal.pageIndex #Main #ContBox09 .innerBasic{
    	padding-top: 30px;
    	padding-bottom: 0px;
	}

	#PageMeal.pageIndex #Main #ContBox09 li{
		display: inline-block;
		background: url(../img/contents/arrow_10.png) no-repeat 0px 7px;
		background-size: 18px auto;
		padding-left: 26px;
		width: 50%;
		box-sizing: border-box;
    	float: left;
    	padding-bottom: 30px;
	}

	#PageMeal.pageIndex #Main #ContBox09 li a{
		text-decoration: none;
		font-size: 18px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ 明朝", serif;
	}

}

/*####################　フォーム　####################*/

/*　共通
-------------------------------------*/
#Main .formBox table th,
#Main .formBox table td{
	border: none !important;
}

#Main .formBox table th{
	font-weight: bold;
}

#Main .formBox table th:before{
	display: inline-block;
	content: "必須";
	background-color: #cc0000;
	font-weight: bold;
	color: #fff;
}

#Main .formBox table tr.noAttention th:before{
	content: "任意";
	background-color: #bbbbbb;
}

#Main .formBox table td{
	color: #333 !important;
}

#Main .formBox table tr.message td{
	margin-bottom: 0;
}

#Main .formBox table tr td ul:after{
	content:"";
	display:block;
	clear:both;
}

#Main .formBox table tr td ul li:last-of-type{
	margin-bottom: 0;		
}

#Main .formBox table tr.room td ul.listSelect li{
	float: left;
}

/* small */
#Main .formBox table td p small{
	color: #999 !important;
}

/* input[type="text"],textarea */
#Main .formBox table td input[type="text"],
#Main .formBox table td input[type="email"],
#Main .formBox table td textarea,
#Main .formBox table td .radio,
#Main .formBox table td .selector{
	resize: none;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #d3d3d3;
	background-color: #fff;
}

#Main .formBox table td input[type="text"]:focus,
#Main .formBox table td input[type="email"]:focus,
#Main .formBox table td textarea:focus{
	border: 1px solid #9c9c9c;
}

#Main .formBox table td input[type="text"]::-webkit-input-placeholder,
#Main .formBox table td input[type="email"]::-webkit-input-placeholder{
	font-size: 16px;
	color: #bcbcbc;
}

#Main .formBox table td input[type="text"]:-ms-input-placeholder,
#Main .formBox table td input[type="email"]:-ms-input-placeholder{
	font-size: 16px;
	color: #bcbcbc;
}

#Main .formBox table td input[type="text"]::-moz-placeholder,
#Main .formBox table td input[type="email"]::-moz-placeholder{
	font-size: 16px;
	color: #bcbcbc;
}

/* radio check */
#Main .formBox table td .radio{
	border-radius: 50%;
}

#Main .formBox table td .radio span,
#Main .formBox table td .radio span input{
	box-sizing: border-box;
}

/* select */
#Main .formBox table td .selector select{
	width: 100% !important;
}

#Main .formBox table td .selector span,
#Main .formBox table td .selector span select{
	box-sizing: border-box;
	color: #999;
}

/* ボタン */
#Main .formBox ul.button{
	text-align: center;
}

#Main .formBox ul.button li{
	display: inline-block;
}

#Main .formBox ul.button li:before{
	display: none;
}

.pageConfirm #Main .formBox ul.button li.back a{
	color: #777;
}

#Main .formBox ul.button li.submit button[type="submit"],
.pageError #Main .formBox ul.button li a,
.pageThanks #Main .formBox ul.button li a{
	display: block;
	text-decoration: none;
}

#Main .formBox ul.button li.submit button[type="submit"],
.pageError #Main .formBox ul.button li a,
.pageThanks #Main .formBox ul.button li a{
	background-color: #000;
	text-align: center;
	color: #fff;
}

#Main .formBox ul.button li.submit button[type="submit"] span,
.pageError #Main .formBox ul.button li a,
.pageThanks #Main .formBox ul.button li a{
	display: inline-block;
}

.pageConfirm #Main .formBox ul.button li.back a{
	color: #999;
}
	
/* エラー画面 */
.pageError #Main .formBox .error,
.pageError #Main .formBox .error ul li{
	font-size: 15px;
}

.pageError #Main .formBox ul li:before{
	content: '・';
}

/* 完了画面 */
.pageThanks #Main .formBox p{
	text-align: center;
}

@media print, screen and (min-width: 768px) {

	#Main .formBox table{
		width: 100%;
	}

	#Main .formBox table:first-of-type{
		margin-bottom: 74px;
	}

	#Main .formBox table th{
		padding: 29px 0 !important;
		width: 230px !important;
		vertical-align: top;
		font-size: 15px !important;
	}

	#Main .formBox table tr.transportation th{
		padding-top: 22px !important;
	}

	#Main .formBox table th:before{
		margin-right: 15px;
		padding: 0 9px;
		line-height: 22px;
		letter-spacing: 0.01em;
		font-size: 11px;
	}

	#Main .formBox table td{
		padding: 15px 0 !important;
		width: 670px !important;
		font-size: 15px !important;
	}

	.pageConfirm #Main .formBox table td{
		padding: 29px 0 !important;
	}

	#Main .formBox table td p{
		font-size: 13px;
	}

	#Main .formBox table td input[type="text"] + p,
	#Main .formBox table td input[type="email"] + p,
	#Main .formBox table td select + p,
	#Main .formBox table td ul + p{
		margin: 14px 0 14px;
	}

	#Main .formBox table tr.tel td p,
	#Main .formBox table tr.room td p,
	#Main .formBox table tr.people td p,
	#Main .formBox table tr.meal td p,
	#Main .formBox table tr.transportation td p{
		display: inline;
		padding-left: 10px;
	}

	#Main .formBox table tr td ul:after{
		content:"";
		display:block;
		clear:both;
	}

	#Main .formBox table tr td ul{
		display: inline-block;
	}

	#Main .formBox table tr.room td ul{
		margin-left: 40px;
	}

	#Main .formBox table tr.room td ul.listSelect{
		margin-left: 0;
	}

	#Main .formBox table tr td ul li{
		display: inline-block;
		margin-right: 30px;
	}

	#PageMeal #Main .formBox table tr.telephone td ul li {
	    padding-top: 6px;
	}

	#Main .formBox table tr td ul li:last-of-type{
		margin-right: 0;		
	}

	#Main .formBox table tr.room td ul.listSelect{
		display: inline-block;
	}

	#Main .formBox table tr.room td ul.listSelect li{
		display: inline-block;
		float: none;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 130px;
	}

	#Main .formBox table tr.room td ul.listSelect li:last-of-type{
		margin-right: 0;
	}

	#Main .formBox table tr.room td ul.listSelect:nth-of-type(2) li{
		margin-bottom: 0;
	}

	#Main .formBox table tr.room td p:nth-of-type(2){
		font-size: 15px;
	}

	#Main .formBox table tr.transportation td ul li{
		margin-bottom: 20px;
	}

	#Main .formBox table tr.transportation td ul li:last-of-type{
		margin-bottom: 0;
	}

/* input[type="text"],textarea */
	#Main .formBox table td input[type="text"],
	#Main .formBox table td input[type="email"],
	#Main .formBox table td textarea{
		padding: 13px 18px;
		width: 100%;
		font-size: 15px;
	}

	#Main .formBox table td input[type="text"],
	#Main .formBox table td input[type="email"]{
		height: 50px;
	}

	#Main .formBox table tr.name td input[type="text"],
	#Main .formBox table tr.name2 td input[type="text"],
	#Main .formBox table tr.stayinjp td input[type="text"]{
		width: 520px;
	}

	#Main .formBox table tr.zip td input[type="text"]{
		width: 158px;
	}

	#Main .formBox table tr.tel td input[type="text"],
	#Main .formBox table tr.tel2 td input[type="text"]{
		width: 190px;
	}	
	
	#Main .formBox table tr td #carType{
		margin-left: 20px;
		width: 340px !important;
	}

	#Main .formBox table td textarea{
		height: 200px;
	}
	
/* radio */
	#Main .formBox table td .radio{
		margin-right: 6px;
		width: 40px;
		height: 40px;
	}
	
	#Main .formBox table td ul:after{
		content:"";
		display:block;
		clear:both;
	}
	
	#Main .formBox table td .radio span,
	#Main .formBox table td .checker span{
		padding: 0;
		width: 38px;
		height: 38px;
	}
	
	#Main .formBox table td .radio span.checked{
		background: url(../img/contents/form/radio_01.png) no-repeat center center;
		background-size: 13px auto;
	}
	
	#Main .formBox table td .radio span input,
	#Main .formBox table td .checker span input{
		width: 38px;
		height: 38px;
	}

	#Main .formBox table td ul li label{
		line-height: 40px;
	}
	
/* select */
	#Main .formBox table td .selector{
		box-sizing: border-box;
		width: 300px !important;
		height: 50px !important;
		background: url(../img/contents/form/select_01.png) no-repeat right center;
		background-size: 43px auto;
	}	
	
	#Main .formBox table tr.room table {
    	margin-bottom: 18px;
	}	

	#Main .formBox table tr.room table tr:first-child td{
	    padding-top: 3px !important;
	}

	#Main .formBox table tr.room table tr:last-child td{
	    padding-top: 0 !important;
	}	

	#Main .formBox table tr.room .selector{
	    float: left;
	}
	#Main .formBox table tr.room .stayNights{
	    line-height: 47px;
	    display: inline-block;
	    height: 50px;
	    float: left;
	    padding-left: 10px;
	}	

	#Main .formBox table tr.room table .rr{
    	width: 146px !important;
    	vertical-align: middle;
	}

	#Main .formBox table td .selectordate{
		background: url(../img/contents/form/select_03.png) no-repeat right center;
		background-size: 45px auto;
	}

	#Main .formBox table tr.room td{
		position: relative;
	}

	#Main .formBox table td .selectordate span {
    	width: auto !important;
	}

	#Main .formBox table td #uniform-month,
	#Main .formBox table td #uniform-day{
		width: 130px !important;
	}
	
	#Main .formBox table tr.room td #uniform-stay{
/*		margin: 0 10px 15px 0;
*/		width: 130px !important;
	}

	#Main .formBox table tr.times td #uniform-times{
		width: 260px !important;
	}

	#Main .formBox table td .selector span{
		width: 86% !important;
		height: 48px;
		padding: 11px 20px 15px;
	}

	#Main .formBox table td .selector span.active{
		color: rgb(34, 34, 34);
	}

	#Main .formBox table td .selector select{
		height: 50px !important;
	}

	#Main .formBox table tr.people td input{
		margin: 0 12px 0 15px;
		width: 110px !important;
	}	

	#Main .formBox table tr.people2 td input{
		margin: 0 12px 0 15px;
		width: 110px !important;
	}

	#PageMeal #Main .formBox table tr.people td input{
		margin-left: 0;
	}

/* ボタン */
	#Main .formBox ul.button{
		position: relative;
		margin: 65px 0 0;
	}
	
	#Main .formBox ul.button li.submit button[type="submit"],
	.pageError .formBox ul.button li a,
	.pageThanks .formBox ul.button li a{
		width: 270px;
		line-height: 62px;
		letter-spacing: 3px;
		font-size: 15px;
	}

	#Main .formBox ul.button li.submit button[type="submit"]:hover,
	.pageError .formBox ul.button li a:hover,
	.pageThanks .formBox ul.button li a:hover{
		opacity: 0.8;
	}
	
	#Main .formBox ul.button li.submit button[type="submit"] span,
	.pageError .formBox ul.button li a span,
	.pageThanks .formBox ul.button li a span{
		padding-right: 22px;
		background: url(../img/contents/arrow_01.png) no-repeat right center;
		background-size: 10px auto;
	}
	
	.pageConfirm .formBox ul.button li.back{
		position: absolute;
		top: 22px;
		left: 0;
		font-size: 11px;
	}
}

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

	#Main .formBox table th,
	#Main .formBox table td{
		display: block;
		width: auto !important;
	}

	#Main .formBox table th{
		margin-bottom: 10px;
		padding: 0 !important;
		font-size: 16px !important;
		font-weight: 100 !important;
	}

	#Main .formBox table th:before{
		margin-right: 11px;
		padding: 0 9px;
		line-height: 22px;
		letter-spacing: 0.01em;
		font-size: 11px;
	}

	#Main .formBox table td{
		margin-bottom: 33px;
		padding: 0 !important;
		font-size: 16px !important;
	}

	#datepicker, #datepicker1, #datepicker2 {
    	right: 15px;
	}

	#Main .formBox table tr.mailaddress td{
		margin-bottom: 40px;
	}

	#Main .formBox table td p{
		font-size: 14px;
	}

	#Main .formBox table td a{
		text-decoration: none;
		color: inherit;
	}

	#Main .formBox table tr.room td p:nth-of-type(2){
		display: inline;
		font-size: 16px;
	}

	#Main .formBox table td input[type="text"] + p,
	#Main .formBox table td input[type="email"] + p,
	#Main .formBox table td ul + p{
		margin: 14px 0 14px;
	}

	#Main .formBox table tr td ul li{
		margin-bottom: 10px;		
	}

	#Main .formBox table tr td ul li:last-of-type{
		margin-bottom: 0;		
	}

	#Main .formBox table tr.room td ul.listSelect li{
		margin-bottom: 0;
		width: 135px;
		margin-right: 20px;
	}

	#Main .formBox table tr.room td ul.listSelect li:nth-of-type(2){
		margin-right: 0;
	}

	#Main .formBox table tr.room td #uniform-stay{
		margin: 0 10px 15px 0;
		width: 134px !important;
	}

	#Main .formBox table tr.people td input{
		margin: 0 12px 0 15px;
		width: 85px !important;
	}

	#PageMeal #Main .formBox table tr.people td input{
		margin-left: 0;
	}

	#Main .formBox table tr.people td #male{
		margin-bottom: 10px;
	}

	#Main .formBox table tr td #carType{
		margin-top: 10px;
	}

/* input[type="text"],textarea */
	#Main .formBox table td input[type="text"],
	#Main .formBox table td input[type="email"],
	#Main .formBox table td textarea{
		padding: 9px 8px;
		width: 100%;
		font-size: 16px;
	}

	#Main .formBox table td input[type="text"],
	#Main .formBox table td input[type="email"]{
		height: 50px;
	}

	#Main .formBox table tr.zip td input[type="text"]{
		width: 50%;
	}

	#Main .formBox table tr.tel td input[type="text"]{
		width: 65.5%;
	}
	
	#Main .formBox table td textarea{
		height: 200px;
	}
	
/* radio */
	#Main .formBox table td .radio{
		margin-right: 6px;
		width: 38px;
		height: 38px;
	}
	
	#Main .formBox table td ul:after{
		content:"";
		display:block;
		clear:both;
	}
	
	#Main .formBox table td .radio span,
	#Main .formBox table td .checker span{
		padding: 0;
		width: 36px;
		height: 36px;
	}
	
	#Main .formBox table td .radio span.checked{
		background: url(../img/contents/form/radio_01.png) no-repeat center center;
		background-size: 13px auto;
	}
	
	#Main .formBox table td .radio span input,
	#Main .formBox table td .checker span input{
		width: 36px;
		height: 36px;
	}

	#Main .formBox table td ul li label{
		line-height: 36px;
	}
	
/* select */
	#Main .formBox table td .selector{
		box-sizing: border-box;
		width: 100% !important;
		height: 50px !important;
		background: url(../img/contents/form/select_01.png) no-repeat right center;
		background-size: 45px auto;
	}
	
	#Main .formBox table tr.room table {
    	margin-bottom: 18px;
	}

	#Main .formBox table tr.room table .rr{
    	width: 146px !important;
	}

	#Main .formBox table tr.room table tr:last-child .rr {
		padding-top: 12px !important;
	}

	#Main .formBox table tr.room table td{
    	margin-bottom: 6px;
	}

	#Main .formBox table td .selectordate{
		background: url(../img/contents/form/select_03.png) no-repeat right center;
		background-size: 45px auto;
	}

	#Main .formBox table td .selectordate span {
    	width: auto !important;
	}
	
	#Main .formBox table td .selector span{
		width: 73% !important;
		padding: 10px 14px;
	}

	#Main .formBox table tr.room .selector{
	    float: left;
	}
	#Main .formBox table tr.room .stayNights{
	    line-height: 47px;
	    display: inline-block;
	    height: 50px;
	    float: left;
	}

	#Main .formBox table tr.room ul{
		clear:both;
	}
	
	#Main .formBox table td .selector span.active{
		color: rgb(34, 34, 34);
	}

	#Main .formBox table td .selector select{
		height: 48px !important;
	}

/* ボタン */
	#Main .formBox ul.button{
		margin: 50px 0 25px;
	}
	
	#Main .formBox ul.button li.submit button[type="submit"],
	.pageError .formBox ul.button li a{
		width: 228px;
		line-height: 56px;
		letter-spacing: 3px;
		font-size: 16px;
	}
	
	#Main .formBox ul.button li.submit button[type="submit"] span,
	.pageError .formBox ul.button li a span{
		padding-right: 21px;
		background: url(../img/contents/arrow_01.png) no-repeat right center;
		background-size: 10px auto;
	}
	
	.pageConfirm  #Main .formBox ul.button li.back{
		display: block;
		margin-top: 33px;
		font-size: 11px;
	}
}

/*####################　交通案内　####################*/

/* 共通 */
#PageBus #MainImg{
	background: url(../img/contents/bus/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PageBus #Main .contBox{
	border-top: 1px solid #e8e8e8;
}

#PageBus #Main .txtMap{
	text-align: right;
}

#PageBus #Main .txtMap span a{
	color: #999;
}

#PageBus #Main table caption{
	background-color: #000;
	color: #fff;
}

/* 個別 */
#PageBus #Main #ContBox01 .subBox:last-of-type{
	margin-bottom: 0;
}

#PageBus #Main #ContBox01 .subBox .innerBox01 h5{
	background-color: #000;
	text-align: left;
	font-weight: bold;
	color: #fff;
}

#PageBus #Main #ContBox01 .subBox .innerBox02 h5,
#PageBus #Main #ContBox01 .subBox .innerBox03 h5{
	background-color: #f0f0f0;
}

#PageBus #Main #ContBox01 .subBox .innerBox01 h5:after{
	display: inline-block;
	content: "";
}

#PageBus #Main #ContBox01 .subBox .innerBox ul li{
	text-align: center;
}

#PageBus #Main #ContBox01 .subBox .innerBox ul.list01 li,
#PageBus #Main #ContBox01 .subBox .innerBox01 ul li:first-of-type{
	color: #999;
}

#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li{
	background: none;
	color: #df1111;
}

#PageBus #Main #ContBox01 .subBox03 .innerBox:last-of-type{
	margin-bottom: 0;
}

#PageBus #Main #ContBox01 .subBox03 h4{
	text-align: center;
}

#PageBus #Main #ContBox01 .subBox03 p{
	color: #666;
}

#PageBus #Main #ContBox01 .subBox03 p:last-of-type{
	margin-bottom: 0;
}

#PageBus #Main #ContBox06 table td ul li{
	color: #333;
}

#PageBus #Main #ContBox06 table td ul li span{
	color: #666;
}

@media print, screen and (min-width: 768px) {
	
/* 共通 */
	#PageBus #Main .contBox:first-of-type{
		border-top: none;
	}
	
	#PageBus #Main .gMap{
		height: 220px;
	}

	#PageBus #Main .txtMap{
		margin-top: 10px;
		font-size: 11px;
	}

	#PageBus #Main .txtMap span{
		padding-left: 16px;
		background: url(../img/contents/mark_02.png) no-repeat left center;
		background-size: 10px auto;
	}

	#PageBus #Main .txtMap span a{
		font-size: 11px;
	}

	#PageBus #Main table{
		border-bottom: 1px solid #d3d3d3;
		width: 100%;
	}

	#PageBus #Main table caption{
		padding: 14px 10px;
		text-align: center;
		font-size: 13px;
	}

	#PageBus #Main table tr th,
	#PageBus #Main table tr td{
		border-top: 1px solid #d3d3d3;
		padding: 14px 8px;
	}

	#PageBus #Main table td{
		border-right: 10px solid #fff;
		border-left: 10px solid #fff;
	}
	
	#PageBus #Main table tr td:last-of-type{
		border-right: none;
	}

	#PageBus #Main table + ul{
		margin-top: 32px;
	}

/* 個別 */
	#PageBus #Main #ContBox01 h3:before{
		background: url(../img/contents/bus/midashiphoto_01.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageBus #Main #ContBox01 .subBox:after{
		content:"";
		display:block;
		clear:both;
	}

	#PageBus #Main #ContBox01 .subBox03{
		margin-top: 78px;
	}

	#PageBus #Main #ContBox01 .subBox .innerSubBox{
		float: left;
		width: 755px;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox04 {
		margin-top: 20px;
		margin-bottom: 50px;
		color: #999999;
		font-size: 13px;
		text-align: left;
		width: 1000px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox{
		float: left;
		margin-right: 9px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox:last-of-type{
		margin-right: 0;
		/*white-space:nowrap;*/
	}

	#PageBus #Main #ContBox01 .subBox01 + h4 {
    	margin-top: 50px;
	}

	#PageBus #Main #ContBox01 .subBox02 + .subBox02 {
	    margin-top: 50px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01{
		width: 223px;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox02{
		width: 514px;
	}

	#PageBus #Main #ContBox01 .subBox02 .innerBox02{
		width: 767px;
	}
	
	#PageBus #Main #ContBox01 .subBox .innerBox03{
		width: 243px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox h5{
		margin-bottom: 5px;
		padding: 11px 8px;
		height: 20px;
		line-height: 1.2;
		font-size: 15px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox02 h5,
	#PageBus #Main #ContBox01 .subBox .innerBox03 h5{
		text-align: center;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 h5:after{
		margin-left: 11px;
		width: 36px;
		height: 17px;
		background: url(../img/contents/bus/mark_01.png) no-repeat center center;
		background-size: 36px auto;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 h5.back:after{
		background: url(../img/contents/bus/mark_02.png) no-repeat center center;
		background-size: 36px auto;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul{
		display: table;
		border-bottom: 1px solid #d3d3d3;
		width: 100%;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.last{
		/* margin-bottom: 50px; */
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 ul{
		display: block;
		border-bottom: none;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul li{
		display: table-cell;
		padding: 8px 0;
		line-height: 1.2;
		vertical-align: middle;
		font-size: 15px;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox01 ul li:first-of-type,
	#PageBus #Main #ContBox01 .subBox01 .innerBox ul.list01 li,
	#PageBus #Main #ContBox01 .subBox01 .innerBox ul.list02 li{
		padding: 8px 0;
		font-size: 13px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 ul li{
		display: block;
		border-bottom: 1px solid #d3d3d3;
		padding: 14px 8px;
		text-align: left;
		font-size: 15px;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox02 ul li{
		width: 25%;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox03 ul li{
		width: 50%;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox03 ul li{
		width: 50%;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox03 ul.list01 li{
		margin-bottom: 46px;
	}

	#PageBus #Main #ContBox01 .subBox02 .innerBox01 ul li{
		color: inherit !important;
	}

	#PageBus #Main #ContBox01 .subBox02 .innerBox02 ul li{
		width: 100%;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox01 ul li:first-of-type{
		/* margin-bottom: 46px; */
		padding-left: 8px;
	}
	
	#PageBus #Main #ContBox01 .subBox01 .innerBox01 ul li:first-of-type + li,
	#PageBus #Main #ContBox01 .subBox01 .innerBox03 ul.list01 + dl{
			/* border-top: 1px solid #d3d3d3; */
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li:empty{
		display: none;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li:nth-of-type(2){
		width: 75%;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li:nth-of-type(4){
		width: 25%;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox li.li01{
	}

	#PageBus #Main #ContBox01 .subBox .innerBox dl dt{
		display: none;
	}

	/* #PageBus #Main #ContBox01 .subBox .innerBox03 ul.list01{
		margin-bottom: 46px;
	} */

	#PageBus #Main #ContBox01 .subBox .innerBox dl dd ul li{
		padding: 14px 0; 
	}	

	#PageBus #Main #ContBox01 li sup{
		font-size: 12px;
		color: #999999;
	}	
	#PageBus.en #Main #ContBox01 li sup{
		font-size: 75%;
	}

	#PageBus #Main #ContBox01 .subBox03:after{
		content:"";
		display:block;
		clear:both;
	}

	#PageBus #Main #ContBox01 .subBox03 .innerBox{
		float: left;
		margin-right: 40px;
		width: 480px;
	}

	#PageBus #Main #ContBox01 .subBox03 .innerBox:last-of-type{
		margin-right: 0;
	}

	#PageBus #Main #ContBox01 .subBox03 h4{
		margin-bottom: 20px;
		line-height: 1.3;
		font-size: 15px;
	}

	#PageBus #Main #ContBox01 .subBox03 p{
		font-size: 13px;
	}

	#PageBus #Main #ContBox03 h3:before{
		background: url(../img/contents/bus/midashiphoto_02.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageBus #Main #ContBox03 .innerBox{
		float: left;
		margin-right: 40px;
		width: 480px;
	}

	#PageBus #Main #ContBox03 .innerBox:last-of-type{
		margin-right: 0;
	}
	
	#PageBus #Main #ContBox03 table th{
		width: 167px;
	}

	#PageBus #Main #ContBox04 h3:before{
		background: url(../img/contents/bus/midashiphoto_03.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageBus #Main #ContBox04 table th{
		width: 167px;
	}

	#PageBus #Main #ContBox05 h3:before{
		background: url(../img/contents/bus/midashiphoto_04.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageBus #Main #ContBox05 table th{
		width: 167px;
	}

	#PageBus #Main #ContBox06 h3:before{
		background: url(../img/contents/bus/midashiphoto_05.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageBus #Main #ContBox06 table{
		position: relative;
		margin: 29px 0 89px;
	}

	#PageBus #Main #ContBox06 table:last-of-type{
		margin-bottom: 0;
	}

	#PageBus #Main #ContBox06 table caption{
		position: absolute;
		top: -29px;
		padding: 0;
		width: 180px;
		line-height: 30px;
		text-align: center;
	}

	#PageBus #Main #ContBox06 table th{
		width: 166px;
	}

	#PageBus #Main #ContBox06 table td{
		padding-left: 14px;
		padding-right: 14px;
	}

	#PageBus #Main #ContBox06 table td ul{
		line-height: 1.8;
	}

	#PageBus #Main #ContBox06 table td ul li{
		display: inline;
	}

	#PageBus #Main #ContBox06 table.table01 td ul li{
		display: inline-block;
	}

	#PageBus #Main #ContBox06 table td ul li span{
		display: inline;
		margin: 0 20px;
		padding: 0 42px;
		background: url(../img/contents/bus/shape_01.png) no-repeat right center,
		url(../img/contents/bus/shape_01.png) no-repeat left center;
		background-size: 23px auto;
		font-size: 12px;
	}

	#PageBus #Main #ContBox06 table td ul li:first-of-type{
		width: 254px;
	}

	#PageBus #Main #ContBox06 table td ul li:nth-of-type(2){
		width: 240px;
	}

	#PageBus #Main #ContBox06 table td ul li:first-of-type span{
		margin-left: 0;
		padding-left: 0;
		background: url(../img/contents/bus/shape_01.png) no-repeat right center;
		background-size: 23px auto;
	}
}

@media screen and (max-width: 767px) {
	
/* 共通 */
	#PageBus #Main .contBox:first-of-type{
		margin-top: 59px;
	}
	
	#PageBus #Main .gMap{
		width: 100%;
		height: 360px;
	}

	#PageBus #Main .txtMap{
		margin-top: 5px;
		margin-bottom: 17px;
		font-size: 11px;
	}

	#PageBus #Main .txtMap span{
		padding-left: 16px;
		background: url(../img/contents/mark_02.png) no-repeat left center;
		background-size: 10px auto;
	}

	#PageBus #Main .txtMap span a{
		font-size: 11px;
	}

	#PageBus #Main table,
	#PageBus #Main table caption,
	#PageBus #Main table tbody,
	#PageBus #Main table tr,
	#PageBus #Main table tr th,
	#PageBus #Main table tr td{
		display: block;
		width: auto;
		line-height: 1.2;
	}

	#PageBus #Main table{
		border-bottom: 1px solid #d3d3d3;
	}

	#PageBus #Main table caption{
		padding: 14px 10px;
		background-color: #000;
		text-align: left;
		font-size: 16px;
		color: #fff;
	}

	#PageBus #Main table tr th{
		border-top: 1px solid #d3d3d3;
		padding: 14px 10px 8px;
	}

	#PageBus #Main table tr td{
		padding: 0 10px 14px;
	}

	#PageBus #Main table + ul{
		margin-top: 26px;
	}

/* 個別 */
	#PageBus #Main #ContBox01 h3:before{
		background: url(../img/contents/bus/midashiphoto_01.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageBus #Main #ContBox01 .subBox01 + h4{
		margin-top: 55px;
	}

	#PageBus #Main #ContBox01 .subBox03{
		margin-top: 65px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox02,
	#PageBus #Main #ContBox01 .subBox .innerBox03{
		margin-bottom: 20px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox h5{
		padding: 14px 10px;
		line-height: 1.2;
		font-size: 16px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 h5{
		margin-bottom: 15px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox02 h5,
	#PageBus #Main #ContBox01 .subBox .innerBox03 h5{
		line-height: 1.2;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 h5:after{
		margin-left: 14px;
		width: 36px;
		height: 17px;
		background: url(../img/contents/bus/mark_01.png) no-repeat center center;
		background-size: 36px auto;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 h5.back:after{
		background: url(../img/contents/bus/mark_02.png) no-repeat center center;
		background-size: 36px auto;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul{
		display: table;
		border-bottom: 1px solid #d3d3d3;
		width: 100%;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.last{
		margin-bottom: 5px;
		border-bottom: none;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox01 ul{
		display: none;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul li{
		display: table-cell;
		padding: 8px 0;
		background: url(../img/contents/bus/border_01.gif) no-repeat right center;
		background-size: 1px auto;
		line-height: 1.2;
		vertical-align: middle;
		font-size: 16px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul li:last-of-type{
		background: none;
	}
	#PageBus #Main #ContBox01 li sup{
		color: #999999;
	}	

	#PageBus #Main #ContBox01 .subBox01 .innerBox02 ul li{
		width: 25%;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox03 ul li{
		width: 50%;
	}

	#PageBus #Main #ContBox01 .subBox02 .innerBox02 ul li{
		width: 100%;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list01 li{
		font-size: 13px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li{
		font-size: 14px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li:empty{
		display: none;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li:nth-of-type(2){
		width: 75%;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox ul.list02 li:nth-of-type(4){
		width: 25%;
	}
	
	#PageBus #Main #ContBox01 .subBox .innerBox dl dt{
		padding: 14px 0 0 10px;
	}

	#PageBus #Main #ContBox01 .subBox .innerBox dl dd ul li{
		padding-bottom: 14px; 
	}

	#PageBus #Main #ContBox01 .subBox03 .innerBox{
		margin-bottom: 36px;
	}

	#PageBus #Main #ContBox01 .subBox03 .innerBox:last-of-type{
		margin-bottom: 0;
	}

	#PageBus #Main #ContBox01 .subBox03 h4{
		margin-bottom: 12px;
		line-height: 1.3;
		text-align: center;
		font-size: 16px;
	}

	#PageBus #Main #ContBox01 .subBox03 p{
		font-size: 14px;
	}

	#PageBus #Main #ContBox03 h3:before{
		background: url(../img/contents/bus/midashiphoto_02.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageBus #Main #ContBox04 h3:before{
		background: url(../img/contents/bus/midashiphoto_03.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageBus #Main #ContBox03 ul.listSmall{
		margin-bottom: 15px;
	}

	#PageBus #Main #ContBox05 h3:before{
		background: url(../img/contents/bus/midashiphoto_04.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageBus #Main #ContBox06 h3:before{
		background: url(../img/contents/bus/midashiphoto_05.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageBus #Main #ContBox06 table td ul{
		line-height: 1.7;
	}

	#PageBus #Main #ContBox06 table td ul li{
		display: inline;
	}

	#PageBus #Main #ContBox06 table td ul li span{
		display: inline;
		margin: 0 10px;
		padding: 0 31px;
		background: url(../img/contents/bus/shape_01.png) no-repeat right center,
		url(../img/contents/bus/shape_01.png) no-repeat left center;
		background-size: 23px auto;
		font-size: 12px;
	}

	#PageBus #Main #ContBox06 table td ul li:first-of-type span{
		margin-left: 0;
		padding-left: 0;
		background: url(../img/contents/bus/shape_01.png) no-repeat right center;
		background-size: 23px auto;
	}

	#PageBus #Main #ContBox01 .subBox01 .innerBox04 {
		text-align: left;
		font-size: 14px;
		color: #999999;
		margin-bottom: 25px;
	}

}

/*####################　Cafe　####################*/
#PageCafe #MainImg{
	background: url(../img/contents/cafe/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PageCafe #Container{
	margin-bottom: 0;
	background: url(../img/contents/cafe/wall_02.jpg) repeat center top;
	background-size: 1366px auto;
}

/*　メイン */
#PageCafe #Main #ContBox02{
	background-color: #fff;
}

#PageCafe #Main #ContBox02 figure img{
	width: 100%;
	height: auto;
}

#PageCafe #Main #ContBox02 dl dd:last-of-type{
	margin-bottom: 0;
}

#PageCafe #Main #ContBox03,
#PageCafe #Main #ContBox04{
	border-top: 1px solid #c3bbb0;
	background: url(../img/contents/cafe/wall_01.jpg) repeat center top;
}

#PageCafe #Main #ContBox05 > figure img{
	width: 100%;
	height: auto;
}

#PageCafe #Main #ContBox05 .contBox{
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}

@media print, screen and (max-width: 1170px) {
	#PageCafe #Main .leadBox .innerBasic{
		overflow: hidden;
	}
}

@media print, screen and (min-width: 768px) {

/*　.leadBox */
	#PageCafe #Main .leadBox{
		background: url(../img/contents/cafe/image_01_pc.png) no-repeat center bottom;
	}

/*　メイン */
	#PageCafe #Main #ContBox02 .innerBasic{
		padding-top: 100px;
		padding-bottom: 120px;
	}

	#PageCafe #Main #ContBox02 h3:before{
		background: url(../img/contents/cafe/midashiphoto_01.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageCafe #Main #ContBox02 figure{
		float: left;
		width: 720px;
	}

	#PageCafe #Main #ContBox02 .textBox{
		float: right;
		width: 250px;
	}

	#PageCafe #Main #ContBox02 dl{
		text-align: left;
	}

	#PageCafe #Main #ContBox02 dl dd{
		margin-bottom: 28px;
	}

	#PageCafe #Main #ContBox03 .innerBasic,
	#PageCafe #Main #ContBox04 .innerBasic{
		padding-top: 100px;
		padding-bottom: 114px;
	}

	#PageCafe #Main #ContBox04 .innerBasic{
		padding-bottom: 36px;
	}

	#PageCafe #Main #ContBox03 h3:before{
		background: url(../img/contents/cafe/midashiphoto_02.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageCafe #Main #ContBox04 h3:before{
		background: url(../img/contents/cafe/midashiphoto_03.jpg) no-repeat center center;
		background-size: 187px auto;
	}

	#PageCafe #Main #ContBox05{
		background: url(../img/contents/cafe/photo_10.jpg) no-repeat center center;
		background-size: cover;
	}

	#PageCafe #Main #ContBox05 .innerBasic{
		padding-top: 50px;
		padding-bottom: 52px;
	}

	#PageCafe #Main #ContBox05 .contBox{
		width: 500px;
	}
}

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

/*　.leadBox */
	#PageCafe #Main .leadBox{
		border-bottom: 1px solid #c3bbb0;
		background: url(../img/contents/cafe/image_01.png) no-repeat right bottom;
		background-size: 136px auto;
	}

	#PageCafe #Main .leadBox .innerBasic{
		padding-top: 0;
	}

/*　メイン */
	#PageCafe #Main #ContBox02 .innerBasic{
		padding-top: 50px;
		padding-bottom: 47px;
	}

	#PageCafe #Main #ContBox02 h3:before{
		background: url(../img/contents/cafe/midashiphoto_01.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageCafe #Main #ContBox02 figure{
		margin-bottom: 20px;
	}

	#PageCafe #Main #ContBox02 dl dd{
		margin-bottom: 15px;
	}

	#PageCafe #Main #ContBox03 .innerBasic,
	#PageCafe #Main #ContBox04 .innerBasic{
		padding-top: 50px;
		padding-bottom: 45px;
	}

	#PageCafe #Main #ContBox04 .innerBasic{
		padding-bottom: 36px;
	}

	#PageCafe #Main #ContBox03 h3:before{
		background: url(../img/contents/cafe/midashiphoto_02.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageCafe #Main #ContBox04 h3:before{
		background: url(../img/contents/cafe/midashiphoto_03.jpg) no-repeat center center;
		background-size: 140px auto;
	}

	#PageCafe #Main #ContBox05{
		background-color: #f6f1e8;
	}

	#PageCafe #Main #ContBox05 .innerBasic{
		padding-top: 30px;
		padding-bottom: 54px;
	}

	#PageCafe #Main #ContBox05 .contBox{
		margin: 0 auto;
		width: 340px;
	}
}

/*####################　お知らせ　####################*/

/*　共通
-------------------------------------*/
#PageBlog #MainImg{
	background: url(../img/contents/blog/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PageBlog.pageEntry #Main #ContBox01 .subBox:first-of-type{
	margin-top: 0;
	border-top: none;
}

#PageBlog #Main #ContBox01 .subBox .pointType{
	line-height: 1.2;
	text-align: left;
	letter-spacing: 0.25em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
}

#PageBlog #Main #ContBox01 .subBox .pointType:after{
	content:"";
	display:block;
	clear:both;
}

#PageBlog #Main #ContBox01 .subBox .pointType:before{
	display: block;
	float: left;
	content: "";
	border-radius: 50%;
	margin-bottom: 0;
}

#PageBlog #Main #ContBox01 .subBox .pointType a{
	display: block;
	text-decoration: none;
	letter-spacing: 0.2em;
}

#PageBlog #Main #ContBox01 .subBox .pointType + span,
#PageBlog.pageEntry #Main #ContBox02 .subBox > h3 + span{
	display: block;
	line-height: 1;
	text-align: left;
	font-family: 'PT Serif', serif;
	font-weight: 400;
	color: #999;
}

#PageBlog #Main #ContBox01 .subBox{
	border-top: 1px solid #e8e8e8;
}

#PageBlog #Main #ContBox01 .subBox:last-of-type{
	border-bottom: 1px solid #e8e8e8;
}

#PageBlog.pageArchive #Main #ContBox01 h3,
#PageBlog.pageCategory #Main #ContBox01 h3,
#PageBlog.pageEntry #Main #ContBox01 h3{
	background-color: #f0f0f0;
	text-align: left;
}

#PageBlog.pageArchive #Main #ContBox01 h3:before,
#PageBlog.pageCategory #Main #ContBox01 h3:before,
#PageBlog.pageEntry #Main #ContBox01 h3:before{
	display: none;
}

/* サイド */
#PageBlog #Sub .contBox{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
}

#PageBlog #Sub .contBox:last-of-type{
	border-bottom: 1px solid #e8e8e8;
}

#PageBlog #Sub .contBox ul li a{
	text-decoration: none;
}

#PageBlog #Sub .contBox ul li.current a{
	color: #999;
}

/*　記事
-------------------------------------*/
#PageBlog.pageEntry #Main #ContBox02 h3{
	text-align: left;
}

#PageBlog.pageEntry #Main #ContBox02 h3:before{
	display: none;
}

#PageBlog.pageEntry #Main #ContBox02 .subBox{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

@media print, screen and (min-width: 768px) {

/*　共通
-------------------------------------*/
	#PageBlog #TopicPath{
		margin-bottom: 60px;
	}

	#PageBlog #Main #ContBox01 .subBox:first-of-type{
		margin-top: 60px;
	}

	#PageBlog.pageIndex #Main #ContBox01 .subBox:first-of-type{
		margin-top: 0;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType{
		margin-bottom: 20px;
		font-size: 30px;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType:before{
		width: 37px;
		height: 37px;
		background: url(../img/contents/arrow_01.png) no-repeat center center #000;
		background-size: 12px auto;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType a{
		margin-left: 50px;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType a:hover{
		text-decoration: underline;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType + span,
	#PageBlog.pageEntry #Main #ContBox02 .subBox > h3 + span{
		margin-bottom: 40px;
		letter-spacing: 1px;
		font-size: 13px;
	}

	#PageBlog.pageCategory #Main #ContBox01 .subBox .pointType + span,
	#PageBlog.pageEntry #Main #ContBox01 .subBox .pointType + span{
		margin-bottom: 0;
	}

	#PageBlog #Main #ContBox01 .subBox{
		padding: 60px 0;
	}

	#PageBlog.pageCategory #Main #ContBox01 .subBox,
	#PageBlog.pageEntry #Main #ContBox01 .subBox{
		padding-bottom: 56px;
	}

	#PageBlog #Main #ContBox01 .subBox:last-of-type{
		margin-bottom: 60px;
	}

	#PageBlog.pageEntry #Main #ContBox01 .subBox:last-of-type{
		margin-bottom: 0;
	}

	#PageBlog.pageArchive #Main #ContBox01 h3,
	#PageBlog.pageCategory #Main #ContBox01 h3,
	#PageBlog.pageEntry #Main #ContBox01 h3{
		margin-bottom: 60px;
		padding: 25px 20px;
		font-size: 24px;
	}

	#PageBlog.pageEntry #Main #ContBox01 h3{
		margin: 0;
	}


/* サイド */
	#PageBlog #Sub .contBox{
		border-top: 1px solid #e8e8e8;
		padding: 46px 0;
	}

	#PageBlog #Sub .contBox h3{
		margin-bottom: 20px;
		text-align: left;
		font-size: 15px;
	}

	#PageBlog #Sub .contBox ul{
		margin-left: 5px;
	}

	#PageBlog #Sub .contBox ul li{
		margin-bottom: 11px;
		padding-left: 15px;
		background: url(../img/contents/arrow_08.png) no-repeat left 5px;
		text-align: left;
		font-size: 13px;
	}

	#PageBlog #Sub .contBox ul li:last-of-type{
		margin-bottom: 0;
	}

	#PageBlog #Sub .contBox ul li a{
		text-decoration: none;
	}

	#PageBlog #Sub .contBox ul li a:hover{
		text-decoration: underline;
	}

/*　記事
-------------------------------------*/
	#PageBlog.pageEntry #TopicPath{
		margin-bottom: 62px;
	}

	#PageBlog.pageEntry #Main #ContBox02 h3{
		margin-bottom: 15px;
		font-size: 30px;
	}

	#PageBlog.pageEntry #Main #ContBox02 .subBox{
		margin: 60px 0;
		padding: 60px 0;
	}

	#PageBlog.pageEntry #Main #ContBox01{
		margin-top: 120px;
	}

	#PageBlog.pageEntry #Main #ContBox01{
		margin-top: 120px;
	}
}

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

/*　共通
-------------------------------------*/
	#PageBlog.pageEntry #Main{
		margin-bottom: 60px;
	}

	#PageBlog #Main #ContBox01 .subBox:first-of-type{
		margin-top: 40px;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType{
		margin-bottom: 17px;
		font-size: 25px;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType:before{
		margin-top: 4px;
		width: 27px;
		height: 27px;
		background: url(../img/contents/arrow_01.png) no-repeat center center #000;
		background-size: 8px auto;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType a{
		margin-left: 38px;
	}

	#PageBlog #Main #ContBox01 .subBox .pointType + span,
	#PageBlog.pageEntry #Main #ContBox02 .subBox > h3 + span{
		margin-bottom: 17px;
		letter-spacing: 1px;
		font-size: 14px;
	}

	#PageBlog.pageCategory #Main #ContBox01 .subBox .pointType + span,
	#PageBlog.pageEntry #Main #ContBox01 .subBox .pointType + span{
		margin-bottom: 0;
	}

	#PageBlog #Main #ContBox01 .subBox{
		padding: 37px 15px;
	}

	#PageBlog #Main #ContBox01 .subBox:last-of-type{
		margin-bottom: 40px;
	}

	#PageBlog.pageArchive #Main #ContBox01 h3,
	#PageBlog.pageCategory #Main #ContBox01 h3,
	#PageBlog.pageEntry #Main #ContBox01 h3{
		margin: 40px 0;
		padding: 22px 15px;
		font-size: 20px;
	}

	#PageBlog.pageEntry #Main #ContBox01 h3{
		margin: 0;
	}

/* サイド */
	#PageBlog #Sub .contBox:last-of-type{
		border-bottom: 1px solid #e8e8e8;
	}

	#PageBlog #Sub .contBox h3{
		border-top: 1px solid #e8e8e8;
		padding: 12px 15px;
		background-color: #f2f2f2;
		text-align: center;
		font-size: 16px;
	}

	#PageBlog #Sub .contBox ul li a{
		display: block;
		border-bottom: 1px solid #e8e8e8;
		padding: 15px 15px 15px 30px;
		background: url(../img/contents/arrow_03.png) no-repeat 15px center;
		background-size: 6px auto;
	}

	#PageBlog #Sub .contBox ul li:last-of-type a{
		border-bottom: none;
	}

/*　記事
-------------------------------------*/
	#PageBlog.pageEntry #Main #ContBox02 h3{
		margin-bottom: 15px;
		font-size: 25px;
	}

	#PageBlog.pageEntry #Main #ContBox02 .subBox{
		margin: 40px 0;
		padding: 40px 15px;
	}

	#PageBlog.pageEntry #Main #ContBox01{
		margin-top: 55px;
	}
}

/*####################　プライバシーポリシー　####################*/
#PagePolicy #MainImg{
	background: url(../img/contents/security/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PagePolicy #Container{
	margin-bottom: 0;
	background-color: #f7f7f7;
}

#PagePolicy #Main h3:before{
	display: none;
}

#PagePolicy #Main #ContBox02{
	background-color: #fff;
}

#PagePolicy #Main #ContBox02 h3{
	background-color: #f2f2f2;
	text-align: left;
}

#PagePolicy #Main #ContBox02 .subBox p:last-of-type{
	margin-bottom: 0;
}

#PagePolicy #Main #ContBox02 ul li{
	text-align: left;
}

#PagePolicy #Main #ContBox02 ul li:before{
	content: "・";
}

@media print, screen and (min-width: 768px) {
	#PagePolicy #Main #ContBox02 .innerBasic{
		padding-top: 100px;
	}

	#PagePolicy #Main #ContBox02 .subBox{
		margin-bottom: 90px;
	}

	#PagePolicy #Main #ContBox02 h3{
		margin-bottom: 37px;
		padding: 26px 20px;
		line-height: 1.2;
		font-size: 24px;
	}

	#PagePolicy #Main #ContBox02 p a{
		cursor: text;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px) {
	#PagePolicy #MainImg h2{
		letter-spacing: -3px;
	}

	#PagePolicy #Main #ContBox01 .innerBasic{
		padding-top: 0;
	}

	#PagePolicy #Main #ContBox02 .innerBasic{
		padding-top: 59px;
	}

	#PagePolicy #Main #ContBox02 .subBox{
		margin-bottom: 54px;
	}

	#PagePolicy #Main #ContBox02 h3{
		margin: 0 -15px 18px;
		padding: 18px 15px;
		line-height: 1.2;
		font-size: 20px;
	}
}

/*####################　兵衛ギャラリー　####################*/
#PageGallery #MainImg{
	background: url(../img/contents/gallery/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

/*　詳細
-------------------------------------*/
#PageGallery.pageEntry #Main #ContBox01 .subBox{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

#PageGallery.pageEntry #Main #ContBox01 .subBox > h3{
	text-align: left;
}

#PageGallery.pageEntry #Main #ContBox01 .subBox > h3:before{
	display: none;
}

#PageGallery.pageEntry #Main #ContBox01 .subBox > h3 + span{
	display: block;
	line-height: 1;
	text-align: left;
	font-family: 'PT Serif', serif;
	font-weight: 400;
	color: #999;
}

@media print, screen and (min-width: 768px) {
	#PageGallery.pageIndex #Main #ContBox01 .innerBasic{
		padding-top: 70px;
	}

/*　詳細
-------------------------------------*/
	#PageGallery.pageEntry #Main #ContBox01 .subBox{
		margin: 60px 0;
		padding: 60px 0;
	}

	#PageGallery.pageEntry #Main #ContBox01 .subBox > h3{
		margin-bottom: 20px;
		font-size: 30px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .subBox > h3 + span{
		font-size: 13px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap{
		margin: 45px 0;
	}
	
	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul:after{
		content:"";
		display:block;
		clear:both;
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul li{
		display: inline-block;
		float: left;
		position: relative;
		margin: 0 20px 20px 0;
		height: 150px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul li:after{
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 26px;
		height: 26px;
		background: url(../img/contents/mark_03.png) no-repeat center center rgba(0, 0, 0, 0.8);
		
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul li img{
		width: auto;
		height: 100%;
	}
}

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

/*　詳細
-------------------------------------*/
	#PageGallery #Main #ContBox01 .innerBasic{
		padding-top: 10px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .subBox{
		margin: 40px -15px;
		padding: 35px 15px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .subBox > h3{
		margin-bottom: 15px;
		font-size: 25px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .subBox > h3 + span{
		font-size: 14px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul{
		margin: 22px 0;
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul li{
		margin-bottom: 15px;
	}

	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul li:last-of-type{
		margin-bottom: 0;
	}
	
	#PageGallery.pageEntry #Main #ContBox01 .entryBoxWrap > ul li img{
		width: 100%;
		height: auto;
	}
}


/*####################　ブログ記事詳細（PC用）　####################*/
#Main .entryBox{
	line-height: 1.3;
	text-align: left;
	color: #222;
}

@media screen and (min-width: 768px) {
	#Main .entryBox{
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	#Main .entryBox{
		font-size: 16px;
	}
}

#Main .entryBox:after{
	content:"";
	display:block;
	clear:both;
}

#Main .entryBox p{
	color: #222;
}

#Main .entryBox p:last-of-type{
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	#Main .entryBox p{
		margin-bottom: 28px;
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	#Main .entryBox p{
		margin-bottom: 15px;
		font-size: 16px;
	}
}

#Main .entryBox p b,
#Main .entryBox b,
#Main .entryBox p strong,
#Main .entryBox strong{
	font-weight: bold;
}

#Main .entryBox p em,
#Main .entryBox em{
	font-style: italic;
}

#Main .entryBox a{
	color: #222;
}

#Main .entryBox h1,
#Main .entryBox h2,
#Main .entryBox h3,
#Main .entryBox h4,
#Main .entryBox h5,
#Main .entryBox h6,
#Main .entryBox h7{
	margin: 0;
	border-radius: 0;
	border: none;
	padding: 0;
	background: none;
	line-height: 1.3;
	text-align: left;
	text-indent: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
	color: #222;
}

#Main .entryBox h1{
	margin: 50px 0 25px;
	border: 1px solid #f0f0f0;
	padding: 13px 19px;
	background-color: #f0f0f0;
	font-size: 19px;
	color: #222;
}

#Main .entryBox h2{
	margin: 50px 0 25px;
	border: 1px solid #f0f0f0;
	padding: 7px 19px;
	background-color: #f0f0f0;
	font-size: 19px;
	color: #222;
}

#Main .entryBox h3{
	margin: 40px 0 20px;
	border-bottom: 1px solid #d3d3d3;
	padding: 12px 0;
	font-size: 18px; 
	color: #222;
}

#Main .entryBox h3:before{
	display: none;
}

#Main .entryBox h4{
	margin: 30px 0 15px;
	font-size: 17px; 
}

#Main .entryBox h5{
	margin: 20px 0 10px;
	font-size: 16px; 
}

#Main .entryBox h6{
	margin: 10px 0 5px;
	font-size: 15px; 
}

#Main .entryBox ul,
#Main .entryBox ul li,
#Main .entryBox ol,
#Main .entryBox ol li{
	margin: 0;
	border-radius: 0;
	border: none;
	padding: 0;
	background: none;
	text-indent: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 100;
}

#Main .entryBox ul li{
	position: relative;
	margin-bottom: px;
	padding-left: 1em;
	line-height: 1.3;
	color: #222;
}

#Main .entryBox ul li:before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background-color: #999; 
}

#Main .entryBox ol{
	counter-reset:number;
	list-style: none;
	margin-bottom: px;
	font-weight: bold;
}

#Main .entryBox ol li{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.3;
	font-weight: 100;
	color: #222;
}

#Main .entryBox ol li:before{
	counter-increment: number;
	content: counter(number) '. ';
	color: #999; 
}

@media screen and (min-width: 768px) {
	#Main .entryBox ul{
		margin-bottom: 28px;
	}

	#Main .entryBox ul li{
		margin-bottom: 12px;
		font-size: 15px;
	}

	#Main .entryBox ol{
		margin-bottom: 28px;
	}

	#Main .entryBox ol li{
		margin-bottom: 12px;
		font-size: 15px;
	}

	#Main .entryBox ol li:before{
		font-size: 15px;
	}
}

@media screen and (max-width: 767px) {
	#Main .entryBox ul{
		margin-bottom: 15px;
	}

	#Main .entryBox ul li{
		margin-bottom: 12px;
		font-size: 16px;
	}

	#Main .entryBox ol{
		margin-bottom: 28px;
	}

	#Main .entryBox ol li{
		margin-bottom: 12px;
		font-size: 16px;
	}

	#Main .entryBox ol li:before{
		font-size: 16px;
	}
}

#Main .entryBox hr{
	display: block;
	height: 1px;
	background-color: #e8e8e8;
}

@media screen and (min-width: 768px) {
	#Main .entryBox hr{
		margin-bottom: 28px;
	}
}

@media screen and (max-width: 767px) {
	#Main .entryBox hr{
		margin-bottom: 15px;
	}
}

#Main .entryBox blockquote,
#Main .entryBox blockquote p{
	font-style: italic;
	color: #999;
}

@media screen and (min-width: 768px) {
	#Main .entryBox blockquote,
	#Main .entryBox blockquote p{
		margin-bottom: 28px;
	}
}

@media screen and (max-width: 767px) {
	#Main .entryBox blockquote,
	#Main .entryBox blockquote p{
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {
	#Main .entryBox img{
		max-width: 720px;
		height: auto;
	}
	
	/* WP用 */
	#Main .entryBox .alignright{
		float: right;
		margin: 0 0 20px 20px !important;
	}
	
	#Main .entryBox .alignleft{
		float: left;
		margin: 0 20px 20px 0 !important;
	}
	
	#Main .entryBox .aligncenter{
		clear: both;
		text-align: center;
		display: block;
		margin: 20px auto !important;
	}
}

@media screen and (max-width: 767px) {
	#Main .entryBox img{
		float: none !important;
		margin: 20px 0 !important;
		width: 100%;
		height: auto;
	}
}

#Main .entryBox table,
#Main .entryBox table caption,
#Main .entryBox table th,
#Main .entryBox table td{
	margin: 0;
	border-radius: 0;
	border: none;
	padding: 0;
	background: none;
	text-indent: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 100;
	color: #222;
}

#Main .entryBox table{
	margin: 15px 0;
}

#Main .entryBox table caption{
	margin-bottom: 10px;
}

#Main .entryBox table th,
#Main .entryBox table td{
	border: 1px solid #e4e4e4;
	padding: 15px;
	line-height: 1.3;
	vertical-align: top;
}

#Main .entryBox table th{
	background-color: #f6f6f6;
	text-align: center;
}

#Main .entryBox table td{
	text-align: left;
}

@media screen and (max-width: 767px) {
	#Main .entryBox table{
		width: 100%;
	}
}



/*####################　英語　############################*/

/*####################　トップページ　####################*/

#PageIndex.en #Main #ContBox01 h2{
		font-family: 'PT Serif', serif;
	}

/*　#ContBox03
-------------------------------------*/
#PageIndex.en #Main #ContBox03 p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#PageIndex.en #Main #ContBox04 p.sub{
		text-align:center;
	}
	
@media print, screen and (min-width: 768px) {

/*　#ContBox04
-------------------------------------*/
#PageIndex.en #Main #ContBox04 h2{
		float: none;
		width: 100%;
		text-align:center;
	}
	
}

@media screen and (max-width: 767px) {
	
/*　#ContBox04
-------------------------------------*/
#PageIndex.en #Main #ContBox04 .formBox{
		padding: 0 15px;
	}

#PageIndex.en #Main #ContBox04 p.sub{
	padding-top:10px;
	}
	
#PageIndex.en #Main #ContBox04 h3{
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		background-color: #f2f2f2;
		font-size: 21px;
		height:30px;
	}
}



/*####################　料理・宿泊　####################*/

#PageMeal.en {
	font-family:helvetica,'arial black',arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}


/*　メイン
-------------------------------------*/
/*　メインイメージ */
#PageRoom.en #MainImg02{
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

#PageRoom.en #MainImg02 h2{
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	position: absolute;
	top:50%;
    left:50%;
    width:100%;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
	color: #fff;
}

#PageRoom.en #MainImg02 img{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#PageRoom.en #MainImg02{
	background: url(../img/contents/room/mainimage.jpg) no-repeat center center;
	background-size: cover;
}


#PageRoom.en #Main #ContBox01 h3,
#PageRoom.en #Main #ContBox02 h3,
#PageRoom.en #Main #ContBox02 .innerBox h4,
#PageMeal.en #Main #ContBox01 ul li dl dt,
#PageMeal.en #Main #ContBox02 .subBox h4,
#PageMeal.en #Main #ContBox03 .subBox h4{
	font-family: 'PT Serif', serif;
}

#PageRoom.en #Main #ContBox02 .innerBox h4{
	letter-spacing: 0;
	font-family: 'PT Serif', serif;
}

@media print, screen and (min-width: 768px) {
	
/*　メイン
-------------------------------------*/
/*　メインイメージ */
#PageRoom.en #MainImg02{
		margin-top: 96px;
		min-width: 1000px;
		height: 340px;
	}

#PageRoom.en #MainImg02 h2{
		letter-spacing: 2px;
		font-size: 46px;
	}

#PageRoom.en #MainImg02 img{
		min-width: 1366px;
	}
	
/*　共通
-------------------------------------*/

#PageMeal.en #Main #ContBox08 .subBox,
#PageRoom.en #Main #ContBox03 .subBox{
		margin: 0 auto;
		width: 640px;
	}

#PageMeal.en #Main #ContBox08 .innerBox01,
#PageRoom.en #Main #ContBox03 .innerBox01{
		width: 360px;
	}

#PageMeal.en #Main #ContBox08 .innerBox02,
#PageRoom.en #Main #ContBox03 .innerBox02{
		width: 240px;
	}

/*　食事
-------------------------------------*/
#PageMeal.en #Main #ContBox01 ul li.li01 dl dt,
#PageMeal.en #Main #ContBox01 ul li.li03 dl dt{
	padding-top:10px;
	}

#PageMeal.en #Main #ContBox01 ul li.li01 dl{
	width:150px;
	}

#PageMeal.en #Main #ContBox01 ul li.li02 dl{
	width:170px;
	}
	
#PageMeal.en #Main #ContBox01 ul li.li01 dl dt{
	padding-left:-30px;
	}
	
#PageMeal.en #Main #ContBox01 ul li dl dt{
	text-align:center;
	}



}


@media screen and (max-width: 767px) {
/*　宿泊
-------------------------------------*/
/*　メインイメージ */
#PageRoom.en #MainImg02{
		margin-top: 50px;
		height: 170px;
	}

#PageRoom.en #MainImg02 img{
		min-width: 437px;
	}

#PageRoom.en #MainImg02 h2{
		letter-spacing: 2px;
		font-size: 29px;
	}

#PageRoom.en #Main #ContBox04 h3{
		padding: 26px 30px 26px 72px;
	}

#PageRoom.en #Main #ContBox04 .subBox03 h3{
		padding-top: 15px;
		padding-bottom: 15px;
	}

/*　食事
-------------------------------------*/
#PageMeal.en #Main #ContBox01 ul li.li01,
#PageMeal.en #Main #ContBox01 ul li.li02,
#PageMeal.en #Main #ContBox01 ul li.li03{
	padding:20px 0 20px 85px;
	}
}

/*####################　カフェ　####################*/
#PageCafe.en #Main #ContBox01 h3,{
	font-family: 'PT Serif', serif;
}

#PageCafe.en #Main #ContBox05 p{
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	}


/*####################　交通案内　####################*/

#PageBus.en #Main #ContBox06 table td ul li:nth-of-type(2) span{
		margin-left: 0;
		padding-left: 0;
		background: url(../img/contents/bus/shape_01.png) no-repeat right center;
		background-size: 23px auto;
	}

#PageBus.en #Main #ContBox06 table td ul li span.nomal{
	color:#222;
	font-size: 16px;
	}

#PageBus.en #Main #ContBox06 table td ul li span.end{
	background: none;
	}
	
@media print, screen and (min-width: 768px) {
	
/*　共通
-------------------------------------*/	

#PageBus.en #Main #ContBox01 .subBox .innerBox dl dd ul li.vertically{
		padding: 23px 0;
	}


#PageBus.en #Main #ContBox01 .subBox01 .innerBox01 ul.list04 li:first-of-type{
		margin-bottom: 0;
		/*padding:14px 0 14px 8px;
		font-size: 15px;
		color:#222;*/
	}

#PageBus.en #Main #ContBox01 .subBox01 .innerBox01 ul.list04 li:first-of-type + li{
		border-top: none;
	}

#PageBus.en #Main #ContBox04 table th,
#PageBus.en #Main #ContBox05 table th{
		width: 200px;
	}

#PageBus.en #Main #ContBox06 table.table01 td ul li:first-of-type{
		width: 650px;
	}

#PageBus.en #Main #ContBox06 table.table01 td ul li:nth-of-type(2){
		width: 650px;
		background:none;
		background-size: 23px auto;
	}

#PageBus.en #Main h5{
		text-transform: uppercase;
	}
}

/*####################　フォーム　####################*/

/*　共通
-------------------------------------*/
.en #Main .formBox table th:before{
	display: inline-block;
	content: "Required";
	background-color: #cc0000;
	font-weight: bold;
	color: #fff;
}

.en #Main .formBox table tr.noAttention th:before{
	padding-right:12px;
	padding-left:12px;
	content: "Optional";
	background-color: #bbbbbb;
}

@media print, screen and (min-width: 768px) {
/*
.en #Main .formBox table{
	margin:0;
}
*/
	
}

@media screen and (max-width: 767px) {
.en #Main .formBox table{
		width: 100%;
	}
}

/*####################　プライバシーポリシー　####################*/
#PagePolicy.en #Main #ContBox02 .innerBasic ul{
	margin-bottom:15px;
	}

@media screen and (max-width: 767px) {
#PagePolicy.en #MainImg h2{
		letter-spacing: 0;
	}
}

/*####################　お問い合わせ　####################*/
#PageRoom.en #MainImg{
	background: url(../img/contents/security/mainimage.jpg) no-repeat center center;
	background-size: cover;
}

#PageRoom.en #Main{
	min-height:300px;
}

#PageRoom.en #Container.form{
	background-color: #fff;
}

#PageRoom.en #Main.form .contBox{
	border-top: none;
}

/* 完了画面 */
#PageRoom.en #Main p.sub,
#PageMeal.en #Main p.sub{
	text-align: center;
}


@media print, screen and (min-width: 768px) {
#PageRoom.en #Main .formBox table tr.arrive input[type="text"],
#PageRoom.en #Main .formBox table tr.depart input[type="text"],
#PageRoom.en #Main .formBox table tr.numberofperson input[type="text"],
#PageRoom.en #Main .formBox table tr.reservationdate input[type="text"]{
	width:80px;
}

#PageRoom.en #Main .formBox h3.title02{
	margin-top:75px;
	padding-bottom:75px;
}

/* ボタン */
#PageRoom.en input[type="submit"] {
    -webkit-appearance: none;
  }
  
#PageRoom.en #Main .formBox p.button{
	margin:66px auto 0;
	width:270px;
}

#PageRoom.en #Main .formBox .submit{
	width:270px;
	height:64px;
	/* background:#000 url(../img/contents/arrow_01.png) no-repeat 190px center; */
	text-align: center;
	color: #fff;
}

#PageRoom.en #Main .formBox .submit:hover{
	opacity: 0.8;
}

/* 確認画面 */
#PageRoom.check #Main .formBox table td{
	display: table-cell;
	vertical-align: middle;
}

#PageRoom.en #Main .formBox ul.button,
#PageMeal.en #Main .formBox ul.button{
	box-sizing:border-box;
	margin:30px auto 0;
	width:1000px;
}

#PageRoom.en #Main .formBox ul.button li.back,
#PageMeal.en #Main .formBox ul.button li.back{
	float:left;
	font-size:12px;
	color: #777;
}

#PageRoom.en #Main .formBox ul.button .back,
#PageMeal.en #Main .formBox ul.button .back{
	margin-right:-50px;
	padding-top:15px;
	font-size:12px;
	color: #777;
	text-decoration:underline;
}

#PageRoom.en #Main .formBox ul.button .back:hover,
#PageMeal.en #Main .formBox ul.button .back:hover{
	text-decoration:none;
}


/* 完了画面 */
#PageRoom.en #Main .formBox p.top a,
#PageMeal.en #Main .formBox p.top a{
	box-sizing:border-box;
	display:block;
	margin:30px auto 0;
	padding-top:18px;
	width:270px;
	height:64px;
	background:#000 url(../img/contents/arrow_01.png) no-repeat 220px center;
	text-align: center;
	color: #fff;
	text-decoration:none;
}

#PageRoom.en #Main .formBox p.top a:hover,
#PageMeal.en #Main .formBox p.top a:hover{
	opacity: 0.8;
}
}

@media screen and (max-width: 767px) {
#PageRoom.en #Main .formBox h3.title02{
	margin-top:40px;
}

#PageRoom.en #Main .formBox h3.title02:first-of-type{
	margin-top:73px;
}

/* ボタン */
#PageRoom.en #Main .formBox p.button,
#PageMeal.en #Main .formBox p.button{
		margin: 50px 0 25px;
		text-align:center;
	}
	
#PageRoom.en #Main .formBox .submit,
#PageMeal.en #Main .formBox .submit{
	display:inline-block;
		width: 228px;
		line-height: 56px;
		letter-spacing: 3px;
		font-size: 16px;
	}
	
#PageRoom.en #Main .formBox .submit,
#PageMeal.en #Main .formBox .submit{
		padding-right: 21px;
		background:#000 url(../img/contents/arrow_01.png) no-repeat 180px center;
		background-size: 10px auto;
		color: #fff;
	}
	

/* 確認画面 */

#PageRoom.en #Main .formBox ul.button{
	text-align:center;
	width: 228px;
	margin:50px auto 0;
}

#PageRoom.en #Main .formBox ul.button li{
	width: 228px;
	display:inline-block;
}

#PageRoom.en #Main .formBox ul.button li:before{
	display: none;
}

#PageRoom.en #Main .formBox ul.button li.back{
	float:none;
	font-size:12px;
	color: #777;
}

#PageRoom.en #Main .formBox ul.button .back{
	padding-top:15px;
	font-size:12px;
	color: #777;
	text-decoration:underline;
}

/* 完了画面 */
#PageRoom.en #Main{
	min-height:150px;
}

#PageRoom.en #Main .formBox p.top,
#PageMeal.en #Main .formBox p.top{
	text-align:center;
}

#PageRoom.en #Main .formBox p.top a,
#PageMeal.en #Main .formBox p.top a{
	box-sizing:border-box;
	display:inline-block;
	margin:30px auto 0;
	padding-top:18px;
	width:270px;
	height:64px;
	background:#000 url(../img/contents/arrow_01.png) no-repeat 220px center;
	text-align: center;
	color: #fff;
	text-decoration:none;
}

}


/*####################　宿泊カレンダー　####################*/

.fc-scroller {
	height: inherit !important;
	overflow: inherit !important;
}
#PageRoom.pageIndex #Main #ContBox05 .subBox {
	height: initial;
}
#PageRoom.pageIndex #Main .calendar table th,
#PageRoom.pageIndex #Main .calendar table td{
	padding: initial;
	width: initial;
}

#PageRoom.pageIndex #Main .calendar table th{
	line-height: 19.1px;
}

.fc-toolbar {
	height: 38px;
}

.fc-scroller {
	height: initial !important;
}

.fc-day-grid-event .fc-content {
	/* */
	white-space: initial !important;
	/* overflow: initial !important; */
	/* */
	word-break: break-word !important;
}

/*
body.en .fc-day-grid-event .fc-content .fc-title{
	font-size: 11px;
	white-space:nowrap;
}

body.en .fc-day-grid-event.price .fc-content .fc-title{
	font-size: 13px;
	white-space:initial;
}
*/

#PageRoom.pageIndex #Main .fc-content-skeleton table td {
	border: 0;
}

/*
#calendar .fc-toolbar .fc-right, .fc-today-button {
	display: none;
}
*/

#PageRoom #ContBox05 .listSmall {
    /* float: left; */
}

#calendars-container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#calendars-container{display:inline-block}
#calendars-container{display:block}

#calendars-container {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 60px;
}

#calendars-container-header {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 60px;
	margin-bottom: 48px;
}

#calendars-container-header span{
	color: #999999;
}

#calendar .fc-right {
	display: none;
}

#calendar-2 .fc-left {
	display: none;
}

#calendar .fc-day-number,
#calendar-2 .fc-day-number {
	text-align: left;
    padding-left: 4px !important;
}

.fc-toolbar h2 {
	font-size: 24px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
	line-height: 13px;
}

.calendar .fc-state-default {
	background-color: initial;
	background-image: initial;
	border: initial;
	text-shadow: initial;
    box-shadow: initial; 
    border-color: initial;
    padding: 0;
}

.calendar .fc-icon-left-single-arrow:before {
	top: 0;
	content: " ";
	color: #666666;
	font-weight: normal;
	font-size: 15px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#000 url(../img/contents/arrow_12.png) no-repeat 0 center;
	background-size: 14px auto;
	display: inline-block; 
	width: 14px;
	height: 13px;
}

.calendar .fc-icon-left-single-arrow:after {
	 top: -1px;
	content: "前月";
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	float: left;
    margin-top: 0;
    margin-left: 4px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    border-bottom: 1px solid #666666;
    display: inline-block;
    height: 14px;
}

.calendar .fc-icon-left-single-arrow:hover:after {
	border-bottom: 1px solid transparent;
}

body.en .calendar .fc-icon-left-single-arrow:after {
	content: "prev";
}


.calendar .fc-icon-right-single-arrow:after {
	top: 0;
	content: " ";
	color: #666666;
	font-weight: normal;
	font-size: 15px;
	float: left;
	margin-left: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#000 url(../img/contents/arrow_13.png) no-repeat 0 center;
	background-size: 14px auto;
	display: inline-block; 
	width: 14px;
	height: 13px;
}

.calendar .fc-icon-right-single-arrow:before {
	top: -1px;
	content: "次月";
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	float: left;
    margin-top: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    border-bottom: 1px solid #666666;
    display: inline-block;
    height: 14px;
}

.calendar .fc-icon-right-single-arrow:hover:before {
	border-bottom: 0px solid #666666;
}

body.en .calendar .fc-icon-right-single-arrow:before {
	content: "next";
}

th.fc-sun, th.fc-holliday,
td.fc-sun, td.fc-holliday {
    color: #df1111 !important;
    /* background-color: rgba(255, 127, 127, 0.25); */
    background-color: #ffeeef;
}

th.fc-sat,
td.fc-sat {
    color: #2d47c8 !important;
    /* background-color: rgba(55, 200, 219, 0.25); */
    background-color: #f2f4ff;
}

.fc-unthemed .fc-today {
    background: #fff4cd !important;
    border-top: 1px solid #d3d3d3 !important;
    border-left: 1px solid #d3d3d3 !important;
}

.calendar .fc-day-number {
	font-size: 11px !important;
	padding-right: 4px !important;
}

.calendar .fc-day-header{
	font-size: 13px !important;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体",  "Yu Mincho", "ＭＳ 明朝", serif;
	background-color: #f0f0f0;
}

.calendar .fc-event.price .fc-title{
	 font-weight: 600;
}

.calendar .fc-day-header.fc-sun{
	color: #df1111;
	background-color: #ffe0e2;
}

.calendar .fc-day-header.fc-sat{
	color: #2d47c8;
	background-color: #e4e8ff;
}

#calendar,
#calendar-2 {
	width: 49%;
}

#calendar {
	float: left;
}

#calendar-2 {
	float: right;
}

@media screen and (min-width: 200px) and (max-width: 768px) {	

	/*
	#calendar .fc-toolbar .fc-right, .fc-today-button {
		display: block;
	}
	*/

	#calendars-container-header {
		margin-bottom: 38px;
	}

	#calendar .fc-right {
		display: block;
	}

	#calendar {
		float: none;
		width: 100%;
	}
	#calendar-2 {
		float: none;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
	}
}

/*end*/