@charset "UTF-8";

/*
==================================
	北海道　#hokkaidoWrap
==================================
*/


/*タイトル下テキスト*/
#hokkaidoWrap .areaTxt{
}
#hokkaidoWrap .areaTxt strong{
	color:#d42568;
}

/*エリアコメント*/
#hokkaidoWrap .areaComment{
	text-align:left;
}

/*アンケート==================================*/
.questionnaire .question{
	margin:10px 0 15px 0;
	padding:5px 15px 5px 15px;
	color:#fff;
	font-size:130%;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	background-color: #a28371;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #a78978), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #a78978 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #a78978 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #a78978 50%, transparent 50%, transparent);
}
.questionnaire .floatL{
	padding:0 10px 10px 10px;
}
.questionnaire .floatR{
	padding:0 10px 10px 0;
}
.questionnaire .rank{
	padding:5px 20px;
	font-size:110%;
}
.questionnaire .rank span{
	padding:0 5px 0 0;
	font-weight:bold;
	color:#d42568;
}
.questionnaire .rankNo1 {
	text-align:center;
}
.questionnaire .rankNo1 img{
	max-width:100%;
	width:80%;
}
.questionnaire .rankNo1 .rank{
	font-size:130%;
	font-weight:bold;
}
.questionnaire .rankComment{
	clear:both;
	margin:0 10px 10px 10px;
	padding:10px;
	background:#fef0f0;
}



/*モデルコース==================================*/
/*告知*/
.announce{
	display:table;
	width:100%;
	text-align:center;
	margin:20px auto;
	padding:0 0 0 10px;
}
.announce span{
	vertical-align:middle;
	display: table-cell;
	width:70%;
	font-size:120%;
	font-weight:bold;
	color:#d42568;
	line-height:1.5;
	padding:10px;
	margin-top:5px;
	background:#fff7b3;
	border-radius:10px;
}
.announce img{
	display: table-cell;
	width:100%;
	max-width:100%;
}



@media screen and (min-width: 481px) {
.questionnaire .floatL{
	float:left;
	width:40%;
	padding:0 10px 10px 10px;
}
.questionnaire .floatR{
	float:right;
	width:60%;
	padding:30px 10px 10px 0;
}
.questionnaire .rankNo1 {
	padding:0 10px 10px 10px;
	text-align:left;
}
.questionnaire .rankNo1 img{
	max-width:100%;
	width:100%;
	padding-top:5px;
}
.questionnaire .rank {
    padding: 5px 0;
    font-size: 120%;
}
.questionnaire .rankComment{
    font-size: 110%;
		line-height:1.5;
}


.announce{
	width:80%;
	margin:20px auto;
	padding:0;
}
.announce span{
	width:80%;
}

}



/*お宿のご紹介==================================*/
.boxHotel{
	padding: 20px 10px;
}
.boxHotel .day,
.boxHotel div{
}
.boxHotel .day{
  display: block;
	vertical-align: top;
	background:#f5a5a5;
	color: #fff;
	font-size: 120%;
	font-weight:bold;
	text-align: center;
	padding: 10px;
  background: url(../img/ptt_brown.png);
}
.boxHotel .day br{display: none;}
.boxHotel div{
  display: block;
	vertical-align: top;
  width: 100%;
	margin: 0;
  padding: 15px 0;
}
.boxHotel .imgHotel{
  width: 50%;
	margin: 0 10px 15px 0;
	float: left;
}
.boxHotel p{
	line-height: 1.4em;
}

@media screen and (min-width: 481px) {
.boxHotel .day,
.boxHotel div{
	clear: both;
}
.boxHotel .imgHotel{
  width: 30%;
}
}


/*キャンペーンバナー*/
.bnCP{
	margin: 0 10px 20px 10px;
	text-align: center;

}