@charset "Shift_JIS";


/* 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%;
}



/* ========================================== 
	レイアウト
========================================== */
/* 初期化 */
.mainContents {
	margin-top: 5px;
	line-height: 1.5;
	width: 970px;
}

.mainContents h2 {
	background: none;
}

.mainContents * {
	box-sizing: content-box;
}

.mainContents img {
	vertical-align: top;
}

.mainContents em {
	background: url(../images/underline.png) repeat-x left bottom 2px;
	font-weight: normal;
	padding-bottom: 3px;
}

.mainContents .contPC {
	display: block;
}

.mainContents .contSP {
	display: none;
}

.mainContents a:link,
.mainContents a:visited {
	color:#1879b6;
	text-decoration: underline;
}

.mainContents a:hover,
.mainContents a:active {
	color:#fb6799;
	text-decoration: none;
}

.mainContents section {
	margin-top: 50px;
}

.mainContents section:first-child {
	margin-top: 0px;
}

/* ボタンオーバー */
.mainContents img.button:hover {
	opacity:0.8;
}


/*----------------------------------------------------
	ページ内容
----------------------------------------------------*/
/* タイトルエリア */
.mainContents .titleArea {
	background: url(../images/title_bk_ring.png) repeat-y right top;
	padding: 17px 56px 17px 17px;
}

.mainContents .titleArea .titleAreaIn {
	background: url(../images/title_bk_saitama.jpg) no-repeat right top #fff;
	border-radius: 5px;
}

.mainContents .titleArea .titleAreaIn h2 {
	text-align: center;
	padding-top: 20px;
}

.mainContents .titleArea .titleAreaIn p.catchTxt {
	text-align: center;
}

.mainContents .titleArea .titleAreaIn .infoArea {
	margin: 30px 20px 0px 20px;
	background: url(../images/title_bk_flower.jpg);
	font-size: 18px;
	padding: 20px;
	border-radius: 5px;
}

.mainContents .titleArea .titleAreaIn .infoArea p em {
	font-size: 22px;
	color: #ff3333;
	font-weight: bold;
}

.mainContents .titleArea .titleAreaIn .infoArea ul {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.mainContents .titleArea .titleAreaIn .infoArea ul li {
	width: 395px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 5px;
	padding: 10px 15px;
}

.mainContents .titleArea .titleAreaIn .infoArea ul li dl dt {
	background: #fb896f;
	color: #fff;
	text-align: center;
	font-size: 22px;
	border-radius: 5px;
	letter-spacing: 2px;
}

.mainContents .titleArea .titleAreaIn .infoArea ul li dl dd {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}

.mainContents .titleArea .titleAreaIn .infoArea ul li dl dd span {
	font-size: 15px;
	display: block;
}

.mainContents .titleArea .titleAreaIn .infoArea ul li:nth-of-type(2) dl dt {
	background: #6dacbf;
}

.mainContents .titleArea .titleAreaIn .infoArea p.attent {
	font-size: 14px;
	color: #b41322;
	margin-top: 10px;
}

.mainContents .titleArea .titleAreaIn .mapArea {
	padding: 10px 0 40px;
	text-align: center;
}

/* 私のおすすめ */
.mainContents .siteArea {
	background: url(../images/site_bk.gif);
	position: relative;
	padding: 40px 20px 20px 20px;
	border-radius: 5px;
}

.mainContents .siteArea h3 {
	position: absolute;
	top: -20px;
	left: 0px;
	text-align: center;
	width: 100%;
}

.mainContents .siteArea ul {
	padding: 20px 10px;
	background: #fff;
	border-radius: 5px;
}

.mainContents .siteArea ul li {
	background: url(../images/line.png) no-repeat center top;
	margin-top: 20px;
	padding-top: 30px;
}

.mainContents .siteArea ul li:first-child {
	background: none;
	margin-top: 0px;
	padding-top: 0px;
}

.mainContents .siteArea ul li .siteIn {
	display: flex;
	justify-content: space-between;
}

.mainContents .siteArea ul li .siteTitle {
	width: 240px;
	font-size: 21px;
	color: #55a07a;
}

.mainContents .siteArea ul li .siteTitle h4 {
	border-left: 9px solid #f6ba93;
	line-height: 1.1;
	padding: 3px 0 0  10px;
}

.mainContents .siteArea ul li .siteTitle h4 span {
	font-size: 16px;
	font-weight: normal;
}

.mainContents .siteArea ul li .siteTitle p {
	color: #675e50;
	font-size: 15px;
	margin-top: 10px;
}

.mainContents .siteArea ul li .siteDetail {
	width: 650px;
	color: #675e50;
	font-size: 15px;
}

.mainContents .siteArea ul li .siteDetail p {
	margin-top: 20px;
}

.mainContents .siteArea ul li .siteDetail p.siteList {
	text-indent: -1.1em;
	margin-left: 1.2em;
}


.mainContents .siteArea ul li .siteDetail p:first-child {
	margin-top: 0px;
}


.mainContents .siteArea ul li ul.areaMark {
	padding: 0px;
	background: none;
	border-radius: 0px;
	display: flex;
	margin-top: 10px;
	margin-left: 20px;
}

.mainContents .siteArea ul li ul.areaMark li {
	background: none;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
	margin-right: 10px;
}


.mainContents .siteArea ul li ul.siteImg {
	padding: 0px;
	background: none;
	border-radius: 0px;
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
}

.mainContents .siteArea ul li ul.siteImg li {
	background: none;
	margin-top: 0px;
	padding-top: 0px;
	width: 275px;
	display: block;
}

.mainContents .siteArea ul li ul.siteImg li p {
	margin-top: 5px;
	text-align: center;
}



/* 対象のお宿はこちら */
.mainContents .hotelArea {
	background: url(../images/hotel_bk.gif);
	position: relative;
	padding: 10px 20px 20px 20px;
	border-radius: 5px;
}

.mainContents .hotelArea h3 {
	position: absolute;
	top: -20px;
	left: 0px;
	text-align: center;
	width: 100%;
}

.mainContents .hotelArea ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mainContents .hotelArea ul li {
	width: 208px;
	background: url(../images/hotel_box_bk_top.gif) no-repeat left top, url(../images/hotel_box_bk_bottom.gif) no-repeat left bottom;
	padding: 20px 21px;
	box-sizing: border-box;
	position: relative;
	margin-top: 30px;
}

.mainContents .hotelArea ul li.listEnd {
    height: 0px;
    margin: 0;
    background: none;
    border: none;
}

.mainContents .hotelArea ul li p.imgArea {

}

.mainContents .hotelArea ul li h4 {
	font-size: 17px;
	font-weight: normal;
	color: #1f81a7;
	margin-top: 10px;
}

.mainContents .hotelArea ul li p.mainTxt {
	color: #675e50;
	font-size: 13px;
	margin-top: 8px;
}

.mainContents .hotelArea ul li p.btArea {
	margin-top: 8px;
}

.mainContents .hotelArea ul li p.areaIcon {
	position: absolute;
	top: -10px;
	right: -10px;
}

.mainContents .hotelArea .btArea {
	margin-top: 30px;
	text-align: center;
}