@charset "utf-8";
/* CSS Document */
/* マーカー */
.green-line {
  background: linear-gradient(transparent 30%, #c7ddae 0%);
}

.room_all{
	margin-top:80px;
	margin-left:2%;
	margin-right:2%;
}
.block2 h3{
	font-size:1em;
}
.room{

	padding-bottom:20px;
	padding-left:3%;
	padding-right:3%;
}
.room a img {
	width: 197px;
	height:auto;
}

.room .reserve{
	width: 250px;
	height:auto;
}
#kihon_jyouhou div a .reserve{
	width: 250px;
	height:auto;
}

/*  キャンペーン */
.box7{
	background: #f8dda4;
	border-bottom: solid 6px #f9a03f;
	border-radius: 9px;
	margin-top: 2em;
	margin-right: 5%;
	margin-bottom: 2em;
	margin-left: 5%;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.box7 h1{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 1.6em;
	font-weight: bold;
	color: #FF0000;
}
.red_bb{
	font-size: 1.3em;
	color: #F00;
	font-weight: bold;
}
.box7 h3{
	font-size:1.2em;

}
.box7 p{
	margin-top:-1em;
}
#campain ul .soroe a{
	font-weight: bold;
	text-decoration: underline;
}
.box7 .reserve{
	width: 250px;
	height:auto;
}
.spasi3{
	margin-left:2em;
}

/*  キャンペーンプロモ */
.box8{
	border-radius: 9px;
	margin-top: 2em;
	margin-right: 5%;
	margin-bottom: 2em;
	margin-left: 5%;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	background-color: #FFD2D2;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #800000;
}
.box8 h1{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 1.4em;
	font-weight: bold;
	color: #FF0000;
}
.red_bb{
	font-size: 1.1em;
	color: #F00;
	font-weight: bold;
}

.box8 h3{
	font-size: 1.1em !important;
}
.box8 p{
	margin-top:-1em;
}
#campain p .besar2{
	font-weight: bold !important;
	font-size:1.2em !important;
}
#campain ul .soroe a{
	font-weight: bold;
	text-decoration: underline;
}
.box8 .reserve{
	width: 250px;
	height:auto;
}

/* 各部屋設定 */
.box5 {
	padding: 0.5em 1em;
	margin: 2em 0;
	border: 5px double #FF0000;
}
.box4 {
	padding: 0.5em 1em;
	margin: 2em 0;
	border: 5px double #80FF00;
}
#campain h3{
	color: #FF5809;
	font-size:1.5em;
}

/* 部屋詳細 */
.roomisi{
	padding: 1%;
	margin-top: 5px;
	margin-bottom: 20px;
	}
.roomisi:after{
	content:"";
	display:block;
	clear:both;
	
}
.roomisi_kiri{
	float: left;
	width: 68%;
	margin-right:2%;
}
.roomisi_kanan{
	float: left;
	width: 30%;
}
.roomisi_kanan img{
	width:100%;
	height:auto;
	margin-top:10px;
}
.roomisi h4{
	margin-bottom:-1em;
}


.block2{
	border: 2px double #98B06F;
	width: 93%;
	text-align: center;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
}
.roomisi_kiri ul li a{
	text-decoration: underline;
}

/* リスト文字空け */
.room ul {
	list-style-position:inside;
}
.room ul li {
	padding-left:1em;
	text-indent:-1em;
}

/* 基本情報 */

#kihon_jyouhou h3{
	margin-bottom:0;
}

.room #kihon_jyouhou h1{
	border-bottom-width: 3px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #93a66f;
	border-left-color: #93a66f;
	font-size: 1.3em;
	padding-left:1%;
}
.roomisi_kiri h1 .kecil3{
	font-size:0.8em;
}

/* ########### 414px以下 スマホ＆タブレット縦 ########### */
@media (max-width: 414px) {
.block2 .kecil{
	font-size:0.8em;
}

.room{
	padding-top:0;
}
/* キャンペーン */
.box7 h1{
	font-size: 1.2em;
}
.box7 h3{
	font-size:1em;
}
.red_bb{
	font-size: 1em;
}
/* 部屋詳細 */
.roomisi:after{
	content:"";
	display:block;
	clear:both;
}
.roomisi_kiri{
	float: left;
	width: 100%;
}
.roomisi_kanan{
	float: left;
	width: 100%;
}
.roomisi_kanan img{
	width:80%;
	height:auto;
}
.block2{
	margin-bottom:20px;
}
.roomisi{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:30px;
	padding: 1%;
	margin-top: 0;
}
}

/* ########### 415px以上～767px以下 タブレット縦 ########### */
@media (min-width: 415px) and (max-width: 767px) {
.room{
	padding-top:0;
}
/* 強制改行 */
.br:before {
	content: "\A" ;
	white-space: pre ;
}

/* キャンペーン */
.red_bb{
	font-size: 1em;
}

/* 部屋詳細 */
.roomisi:after{
	content:"";
	display:block;
	clear:both;
}
.roomisi_kiri{
	float: left;
	width: 100%;
}
.roomisi_kanan{
	float: left;
	width: 100%;
}
.roomisi_kanan img{
	width:80%;
	height:auto;
}
.block2{
	margin-bottom:20px;
}
.roomisi{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:30px;
	padding: 1%;
	margin-top: 0;
}

	
	
}


/* ########### 768px以上～1200px以下 小ＰＣ＆タブレット横 ########### */
@media (min-width: 768px) and (max-width: 1100px) {
/* 全体 */
.roomisi_kanan img{
	width:100%;
	height:auto;
}
.roomisi{
		border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
}
}
/* ########### 1201px以上  大ＰＣ ########### */
@media (min-width: 1201px) {
.roomisi{
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
}	
	
	
	
	
}