@charset "shift_jis";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";
@import "http://rurubu.travel/sns/css/snsButtons.css";

/*調整用CSS*/
@import "/common/css/adjust.css";

/* ========================================== 

	Common

========================================== */

body { 
	background: #FFFFFF;
	} 

h2{ 
/*	border: none; 
	margin-bottom:18px;
	padding-top:25px;
	font-size: 14px;
*/	}


/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* IE6 hack */
* html .clearfix {
	height: 1%;
}

/* IE7 hack */
*:first-child+html .clearfix {
	min-height: 1%;
}

#MAIN h3 {
	background: none;
	border: none;
	padding: 0;
}

#MAIN .button:hover {
	filter: alpha(opacity=70);
	opacity:0.7;
}

/* ========================================== 
	レイアウト
========================================== */


/* タイトル */
#MAIN .titleArea {
	background: url(../images/title_bk.jpg) no-repeat left top;
	min-height: 350px;
}

#MAIN .titleArea h2 {
	padding-top: 10px;
}

#MAIN .titleArea .titleBox {
	
}

#MAIN .titleArea .titleBox .txtArea {
	width: 570px;
	float: left;
	text-shadow: 1px 1px 1px #fff,
	-1px 1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
	color: #000;
}

#MAIN .titleArea .titleBox .txtArea p {
	padding-top: 10px;
	font-size: 15px;
	line-height: 1.6;
}

#MAIN .titleArea .titleBox .txtArea ul {
	padding-top: 10px;
}

#MAIN .titleArea .titleBox .txtArea ul li {
	font-size: 12px;
	margin-top: 5px;
	text-indent: -1.1em;
	margin-left: 1.2em;
}

#MAIN .titleArea .titleBox p.leader {
	float: right;
	padding: 10px 15px 0 0;
}


/* タイトル（終了） */
#MAIN .titleAreaEnd {
	position: relative;
}

#MAIN .titleAreaEnd p {
	position: absolute;
	top: 90px;
	left: 0px;
	font-size: 15px;
	line-height: 1.6;
	text-shadow: 1px 1px 1px #fff,
	-1px 1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
}

#MAIN .titleAreaEnd p strong {
	font-size: 18px;
	color: #ac440b;
}

#MAIN .titleAreaEndText {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 15px;
}

/* アンカーリンクボタン */
#MAIN .btLinkArea {
	padding: 20px 0;
	text-align: center;
}

#MAIN a.btDetailR {
	display: inline-block;
	background: #ff5555;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	padding: 15px 20px;
	border-radius: 8px;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
	box-shadow: rgba(0,0,0,0.52) 1px 1px 2px;
	font-weight: bold;
}

#MAIN a.btDetailR span {
	background: url(../images/bt_mark.png) no-repeat right center;
	padding-right: 20px;
}

#MAIN a.btDetailR:link, a.btDetailR:visited {
	text-decoration: none;
}

#MAIN a.btDetailR:hover, a.btDetailR:active {
	text-decoration: none;
	filter: alpha(opacity=75);
	opacity:0.75;
}



/* ポスター */
#MAIN .posterArea {

}

#MAIN .posterArea ul li {
	float: left;
	margin-left: 10px;
	width: 280px;
	height: 373px;
	margin-top: 10px;
}

#MAIN .posterArea ul li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}

#MAIN .posterArea ul li img {
	transform: scale(1);
	transition: .2s ease-in-out;
}

#MAIN .posterArea ul li img:hover {
	transform: scale(1.05);
	z-index: 1000;
}

/* サブタイトル */
#MAIN h3.subTitle {
	background: #001458;
	font-size: 20px;
	line-height: 1.1;
	padding: 8px 0 7px 13px;
	color: #fff;
	font-weight: normal;
}


/* スケジュール */
#MAIN .scheduleArea {
	margin-top: 50px;
}

#MAIN .scheduleArea ol {

}

#MAIN .scheduleArea ol li {
	padding: 8px 0 8px 75px;
	border-bottom: 1px dotted #aaa;
	background: url(../images/schedule_01.gif) no-repeat left center;
	position: relative;
}

#MAIN .scheduleArea ol li.sc02 {
	background-image: url(../images/schedule_02.gif);
}

#MAIN .scheduleArea ol li.sc03 {
	background-image: url(../images/schedule_03.gif);
}

#MAIN .scheduleArea ol li.sc04 {
	background-image: url(../images/schedule_04.gif);
}

#MAIN .scheduleArea ol li.sc05 {
	background-image: url(../images/schedule_05.gif);
}

#MAIN .scheduleArea ol li p {
	float: left;
	line-height: 1.1;
}

#MAIN .scheduleArea ol li p.day {
	font-size: 18px;
	width: 20em;
	padding: 3px 0 0;
}

#MAIN .scheduleArea ol li p.match {
	font-size: 15px;
	background: #f0f0f0;
	border-radius: 3px;
	padding: 5px 10px;
	margin: 0 7px;
}

#MAIN .scheduleArea ol li img.endMark {
	display: none;
}

#MAIN .scheduleArea ol li.scEnd {
	background-color: #efefef;
		opacity:0.7;
}

#MAIN .scheduleArea ol li.scEnd p.match {
	background: #fff;
}

#MAIN .scheduleArea ol li.scEnd img.endMark {
	display: block;
	position: absolute;
	top: 1px;
	left: 395px;
}

#MAIN .scheduleArea .result {
	margin-top: 15px;
	text-align: center;
}

#MAIN .scheduleArea .result p {
	background: #ff8758;
	font-size: 18px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
	line-height: 1.1;
	padding: 15px 20px;
	display: inline-block;
	border-radius: 3px;
	color: #fff;
}



/* 組み合わせ */
#MAIN .combiArea {
	margin-top: 50px;
}


#MAIN .combiArea table.basic {
	border-top: 1px solid #aaa;
	border-left: 1px dotted #ccc;
	width: 860px;
	font-size: 14px;
}

#MAIN .combiArea table.basic th,
#MAIN .combiArea table.basic td {
	line-height: 1.3;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #aaa;
	border-right: 1px dotted #ccc;
	padding: 8px 0;
}

#MAIN .combiArea table.basic th {
	background: #f0f0f0;
	min-width: 2em;
}

#MAIN .combiArea table.basic th.thHead {
	width: 180px;
	color: #004f89;
}

#MAIN .combiArea table.basic th.hName {
	background: #ddd;
}

#MAIN .combiArea table.basic th.hName2 {
	background: #ffe8d4;
}


#MAIN .combiArea table.basic td {
	background: #fff;
}

#MAIN .combiArea table.basic tr.win th,
#MAIN .combiArea table.basic tr.win td {
	font-weight: bold;
	background: #ffe5e5;
}


#MAIN .combiArea p.addComment {
	font-size: 14px;
	line-height: 1.5;
	background: #fff8e6;
	padding: 10px;
}


/* エリアの紹介 */
#MAIN .areaArea {
	margin-top: 50px;
}

#MAIN .areaArea .areaBox {
	background: url(../images/area_bk_a.gif);
	margin-top: 20px;
}

#MAIN .areaArea .areaBox.boxB {
	background: url(../images/area_bk_b.gif);
}

#MAIN .areaArea .areaBox.boxC {
	background: url(../images/area_bk_c.gif);
}

#MAIN .areaArea .areaBox .inBox {
	padding: 15px 11px 10px;
	width: 400px;
	font-size: 14px;
	line-height: 1.5;
}

#MAIN .areaArea .areaBox .inBox.boxL {
	float: left;
}

#MAIN .areaArea .areaBox .inBox.boxR {
	float: right;
}

#MAIN .areaArea .areaBox .inBox h3 {
	text-align: center;
}

#MAIN .areaArea .areaBox .inBox p.areaTxt {
	color: #fff;
	margin-top: 15px;
}

#MAIN .areaArea .areaBox .inBox p.planPhoto {
	margin-top: 15px;
}

#MAIN .areaArea .areaBox .inBox p.planTxt {
	background: #fff;
	padding: 10px 10px 15px;
}

#MAIN .areaArea .areaBox .inBox p.planTxt strong {
	color: #ec2e2e;
	font-weight: normal;
}

#MAIN .areaArea .areaBox .inBox p.planBt {
	text-align: center;
	margin-top: -10px;
}

#MAIN .areaArea .areaBox .inBox p.planBt img {
	transform: scale(1);
	transition: .2s ease-in-out;
}
#MAIN .areaArea .areaBox .inBox p.planBt:hover img {
	transform: scale(1.05);
}



/* ２回宿泊してお得！ */
#MAIN .dealsArea {
	background: #fffbf2;
	border: 1px solid #fe5710;
	border-radius: 3px;
	padding: 20px;
	margin-top: 50px;
}

#MAIN .dealsArea .dealsTitle {

}

#MAIN .dealsArea .dealsTitle p.chu05 {
	float: left;
}

#MAIN .dealsArea .dealsTitle .titleTxt {
	margin-left: 125px;
}

#MAIN .dealsArea .dealsTitle .titleTxt p {
	font-size: 18px;
	line-height:1.4;
	margin: 10px 0 0 5px;
}

#MAIN .dealsArea dl {
	padding-top: 20px;
}

#MAIN .dealsArea dl dt {
	font-size: 14px;
	margin-top: 15px;
	font-weight: normal;
}

#MAIN .dealsArea dl dt span {
	color: #fe5710
}

#MAIN .dealsArea dl dd {
	margin-left: 1em;
}

#MAIN .dealsArea dl dd p {
	margin-top: 5px;
}

#MAIN .dealsArea dl dd p.attent {
	text-indent: -1.1em;
	margin-left: 1.2em;
}

#MAIN .dealsArea dl dd ul li {
	margin-top: 5px;
	text-indent: -1.1em;
	margin-left: 1.2em;
}

#MAIN .dealsArea dl dd ol li {
	margin-top: 5px;
	text-indent: -1.6em;
	margin-left: 1.7em;
}

/* 栃木パスポート */
#MAIN .tochigiArea {
	background: #5a77ae;
	padding: 7px 10px 10px;
	margin-top: 50px;
}

#MAIN .tochigiArea h3 {
	text-align: center;
	padding-bottom: 7px;
	padding-top: 8px;
}

#MAIN .tochigiArea p.catch {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 8px;
	font-weight: bold;
}


#MAIN .tochigiArea p.kome {
	color: #fff;
	font-size: 13px;
	text-align: center;
	margin-top: 8px;
	padding-bottom: 10px;
}

#MAIN .tochigiArea ul {
	text-align: center;
	padding: 30px;
	background: #fff;
}

#MAIN .tochigiArea ul li img {
	vertical-align: top;
}


/* アンケート */
#MAIN .enqArea {
	background: #e7f7f4;
	border: 4px solid #a4c2e7;
	border-radius: 10px;
	padding: 20px;
	margin-top: 50px;
}

#MAIN .enqArea .graph {
	margin-top: 20px;
}

#MAIN .enqArea .graph img {
	float: left;
}

#MAIN .enqArea .graph .gText {
	float: right;
	width: 375px;
	font-size: 15px;
	line-height: 1.6;
}

#MAIN .enqArea .graph .gText p {
	margin-top: 1.5em;
}

#MAIN .enqArea .graph .gText p:first-child {
	margin-top: 0;
}

#MAIN .enqArea p.cmt {
	text-align: center;
	margin-top: 20px;
}