/* CSS Document */
@charset:"Shift_JIS";
/*=====================================================================
CSS information

last-updated : 2016/2/23
file name	 : pc.css
author		 : y.tohno
style info	 : 特選の宿　HTMLテンプレート
=====================================================================*/

#main {
	width: 98%;
	margin:0px 1%;
	}

#main img{
	width: 100%;
	}

#main #hotelname{
	color:#333;
	font-size:18px;
	line-height:140%;
	width:97%;
	margin:0px 1% 5px 2%;
	clear:both;
	font-weight:300;
	}

#main #hotelname .areaname{
	font-size:12px;
	line-height:140%;
	}

.areaname:before{
	content: "\A" ;
	white-space: pre;
	}

	
#contentsleft
 {
    width:100%;
	margin:0px 20px 0px 0px;
	float:left;
	}
	
#contentsright
 {
    width:80%;
	margin:0px 10% 20px 10%;
	float:left;
	}

a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

#main #maintitle{
	color:#333;
	font-size:16px;
	width:97%;
	line-height:130%;
	padding:5px 0px 5px 10px;
	border-left:4px solid #0059B2;
	margin:10px 1% 10px 2%;
	clear:both;
	font-family: 'Noto Sans Japanese', serif !important;
	font-weight:100;
	}

#main #subtitle{
	color:#0059B2;
	font-size:12px;
	width:97%;
	line-height:140%;
	font-family: 'Noto Sans Japanese', serif !important;
	font-weight:200;
	margin:10px 1% 10px 2%;
	}

.m_t20{
	margin-top:15px;
}

#mainarea {
	width: 94%;
	margin: 0px 3% 0px 3%;
	padding: 0;
	text-align: left;
	}

#caption{
	width: 100%;
	text-align: right;
	margin:7px 0px 0px 0px;
	font-size:9px;
	color:#333;
}

#main p {
	color:#333;
	width:97%;
	font-size:11px;
	line-height:160%;
	margin:0px 1% 20px 2%;
	}

#photomap01{
	width:25%;
	float:left;
	margin:5px 0px 5px 0;
	
}

#photomap01_word{
	width:70%;
	margin:5px 2% 20px 3%;
	font-size:8px;
	line-height:140%;
	color:#333;
	float:left;
	
}

#layout_left{
	width:70%;
	margin:0px 15% 0px 15%;
	float:left;
	
}

#layout_right{
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	
}

#layout_left02{
	width:50%;
	margin:0px 25% 0px 25%;
	float:left;
	
}

#layout_right02{
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	
}

#pagetop01{
	width:100%;
	margin:0px 0px 0px 0px;
	font-size:10px;
	line-height:160%;
	color:#333;	
}

#pagetop01 img{
	width:25%;
}

#pagetop02{
	width:100%;
	background-color:#fff;
	text-align:right;
	display:none;
}

/*========================
ヘッダー（スライドバナー）
========================*/
.flexslider {
  height:auto !important;
}

#fkr-main_base{
	width:100%;
	height:auto;
	font-size: 10px;
	line-height:120% !important;
	-webkit-text-size-adjust: 100%;
}
#fkr-main_base img{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

#fkr_headerBox {
	width: 100% !important;
	margin-bottom: 10px !important;
	padding: 0;
	float:left;
}
#header_title {
	display:none;
}
#header_title_s {
	display:block;
	width: 100% !important;
	margin-bottom:1px !important;
	padding:0;
}
#header_pr {
	width: 100% !important;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

.custom-controls-container{
	padding-top:7px !important;
}

/*========================
キャンペーンプラン
========================*/

#campaign {
	width: 100% !important;
	border: 1px solid #AD8936; 
	box-sizing: border-box;
	background-color:#FAF5ED;
	text-align:center;
	margin:15px 0px;
}

#campaign p{
	font-size:10px;
	line-height:160%;
	margin:10px 0px;
}

#campaign_title{
	width: 100%;
	background-color:#D2B571;
	color:#FFF;
	text-align:center;
	padding:3px 0px;
	font-weight:bold;
	font-size:14px;
}

.number{
	font-size:14px;
	color:#D80000;
	line-height:180%;
}

.price{
	font-size:24px;
	color:#D80000;
	line-height:100%;
}



/*====================================================
クリアフィックス
====================================================*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
}

.cf {
    *zoom: 1;
}

.rhs_btn{
	max-width:80%;
	margin:10px auto;
}