@charset "Shift_JIS";

/* ****************************************************
style.css
-----------------------------------
1: common
2: heading
3: text
4: image
5: list
6: button
7: box
8: col
9: other
-----------------------------------
ex: clearfix

***************************************************** */

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

	1: common

================================ */
.pcnone {
	display: none !important;
}
	.spnone {
		display: block !important;
	}
	

#topicPath ul li {
	font-size: 10px;
}
#summer {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.5;
	color: #333333;
}
#summer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*----------------------条件から探す----------------------*/

#serchBox{
	position: relative;
	margin:0;
	padding:0 0;
	font-size: 100%;
}

#serchBox #In{
	padding:0;
	margin:0;
}

#serchBox #In form{
	padding:0;
	margin:0;
}

#serchBox #In dl.oneCell{
	margin:0;
	padding:0 0 10px 0;
	display:block;
}

#serchBox #In dl.oneCell dt{
	clear: both;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	border-left: 4px solid #ff7f40;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
}

#serchBox #In dl.oneCell dd{
	margin:0;
	padding:0 0 0 0;
	display:block;
}

#serchBox #In dl.oneCell dd select{
	margin-bottom:8px;
	float:left;
}

#serchBox #In dl.oneCell dd span.arrow{
	display:block;
	padding:0 2px 0 0;
	float:left;
}

#serchBox #In dl.oneCell dd input{
	width:56px;
	background-color: #FFFFFF;
	border: 1px solid #7f9db9;
	margin-bottom:7px;
}

.mb17px{
	margin-bottom:10px;
}

.mb17px .title{
	display: inline-block;
	width: 150px;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	border-left: 4px solid #ff7f40;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
}

.btn{
	margin:0 0 0 -5px;
	padding:22px 0;
	text-align:center;
	display:block;
	background:#d5fdff;
}

.btn input{
	margin:0;
	padding:0;
}



/* summer
================================ */

#summer .sp {
	display:none;
}
#summer .heading,
#summer .heading2,
#summer .heading3 {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* pageTitle */
#summer .pageTitle {
	position: relative;
}
#summer .pageTitle .titleBtn {
	position: absolute;
	top: 256px;
	left: 816px;
}




/*end*/


body{
	height:100% !important;
}


.endContents{
	border-bottom:dotted 4px #BCBCBC;
	border-top:dotted 4px #BCBCBC;
	padding:30px 0;
	margin-top:25px;
}
.endContents .leadHeading{
		text-align:center;
		color:#ff0000;
		font-size:25px;
		font-weight:bold;
	border-bottom:dotted 1px #BCBCBC;
	padding-bottom:20px;
}

.endContents .endLink{
	padding-top:30px;
		text-align:center;
		color:#ff0000;
		font-size:18px;
}




/* anchorLink */
#summer .anchorLink {
	margin:14px -20px 8px 35px ;
	width:930px;
}
#summer .anchorLink li {
	float:left;
	color:#fff;
	margin-right:20px;
}
#summer .anchorLink li span {
	color:#f9ff58;
	font-size:120%;
	margin-right:0.15em;
}
#summer .anchorLink li a {
	display:block;
	color:#fff;
	text-decoration:none;
	width:290px;
	height:76px;
	padding:14px 0 0 15px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	background: url(../img/index_bg01.png) no-repeat 0 0;
}
#summer .anchorLink li.anc02 a {
	background: url(../img/index_bg02.png) no-repeat 0 0;
}
#summer .anchorLink li.anc03 a {
	background: url(../img/index_bg03.png) no-repeat 0 0;
}
#summer .anchorLink li:hover a {
	background: url(../img/index_bg01on.png) no-repeat 0 0;
}
#summer .anchorLink li.anc02:hover a {
	background: url(../img/index_bg02on.png) no-repeat 0 0;
}
#summer .anchorLink li.anc03:hover a {
	background: url(../img/index_bg03on.png) no-repeat 0 0;
}





/* termsAreaBlock */
#summer .termsAreaBlock .termsCol {
	float: left;
	width: 290px;
	min-height:409px;
	margin-top: 10px;
	padding: 18px 20px 15px 20px;
	background: #caefff url(../img/index_bg12.png) no-repeat 100% 0;
	border: solid 2px #8edafb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#summer .termsAreaBlock .termsCol .heading {
	width: 191px;
	height: 37px;
	margin: 0 0 18px -3px;
	background: url(../img/index_ti01.png) no-repeat 0 0;
}
#summer .termsAreaBlock .termsCol .relatedBox {
	padding: 0;
	background:#fff;
}
#summer .termsAreaBlock .termsCol .relatedBox .related {
	background: url(../img/index_ic01.gif) no-repeat 11px 50%;
	font-weight: bold;
	font-size: 14px;
	padding:11px 11px 11px 31px;
	border-bottom:2px solid #139dd7;
}
#summer .termsAreaBlock .termsCol .relatedBox .relatedLinks {
	padding:10px ;
}
#summer .termsAreaBlock .termsCol .relatedBox .relatedLinks li {
	float: left;
	margin: 10px 5px 0 0;
	padding-right: 5px;
	border-right: solid 1px #81909a;
	line-height: 1;
}



/* pickupBlock */
#summer .pickupBlock {
	float:right;
	width:680px;
	background: #f3e9d0 url(../img/index_bg10.gif) no-repeat 0 100%;
}
#summer .pickupBlock .heading2 {
	width: 179px;
	height: 79px;
	margin: -2px 0 -27px -2px;
	background: url(../img/index_ti06.png) no-repeat 0 0;
}
#summer .pickupBlock .pickupBlockWrap {
	padding: 0 0 29px 9px;
	background: url(../img/index_bg11.gif) no-repeat 0 0;
}
#summer .pickupBlock .inner .col {
	float: left;
	width: 304px;
	margin-top: 10px;
	margin-right:10px;
	padding: 10px 10px 7px 10px ;
	background:#fff url(../img/index_bg13.gif) no-repeat 100% 100%;
	box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-moz-box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-ms-box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position:relative;
}
#summer .pickupBlock .inner .col a span {
	display: block;
	padding-top: 3px;
	font-size: 11px;
}

#summer .pickupBlock .inner .col .imgArea {
	float:left;
	width:130px;
}
#summer .pickupBlock .inner .col .textArea {
	float:right;
	width:162px;
}
#summer .pickupBlock .inner .col .category {
	color:#fff;
	text-align:center;
	padding:2px 0 1px;
	margin-bottom:10px;
}
#summer .pickupBlock .inner .col .category.type01 {
	background:#ff519b;
}
#summer .pickupBlock .inner .col .category.type02 {
	background:#ff620c;
}
#summer .pickupBlock .inner .col .category.type03 {
	background:#139dd7;
}
#summer .pickupBlock .inner .col .category.type04 {
	background:#049d5e;
}

#summer .pickupBlock .inner .col .category.type05 {
	background:#973dcb;
}

#summer .pickupBlock .inner .col .category.type06 {
	background:#ea9500;
}

#summer .pickupBlock .inner .col .category.type07 {
	background:#26c7df;
}

#summer .pickupBlock .inner .col .priceTxt {
	float:right;
	width:164px;
	padding:8px 5px 7px 5px;
	background:#fae5e3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	font-weight:bold;
	font-size: 15.5px;
	color:#cc0000;
}
#summer .pickupBlock .inner .col .priceTxt span {
	display:block;
	font-size: 12px;
	color:#333333;
}
#summer .pickupBlock .inner .col .planTxt {
	color:#0077b3;
	font-size: 14px;
	font-weight:bold;
	margin-bottom:5px;
}
#summer .pickupBlock .inner .col .hotel a {
	color:#333333;
}
#summer .pickupBlock .inner .col .hotel {
	font-size: 12px;
	line-height:1.3;
}
#summer .pickupBlock .inner .col .hotel span {
	font-size: 13px;
	font-weight:bold;
}





/* themeBlock */
#summer .themeBlock {
	margin-top: 10px;
	padding: 0 0 2px;
	background: #ffeff6 url(../img/index_bg09.png) no-repeat 100% 0;
	border: solid 3px #ffbcd9;
}
#summer .themeBlock .heading2 {
	width: 636px;
	height: 94px;
	margin: 7px 0 -24px -3px;
	background: url(../img/index_ti05.png) no-repeat 0 0;
}


#summer .themeBlock .heading3 {
	width: 636px;
	height: 94px;
	margin: 7px 0 -24px -3px;
	background: url(../img/index_ti08.png) no-repeat 0 0;
}

#summer .themeBlock .inner {
	padding: 5px 0 10px 12px ;
}
#summer .themeBlock .inner .col {
	float: left;
	width: 230px;
	margin-top: 10px;
	margin-right:10px;
	padding-bottom:10px;
	background:#fff;
	box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-moz-box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-ms-box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position:relative;
	/*cursor:pointer;*/
}
#summer .themeBlock .inner .col .catch {
	text-indent:-9999px;
	background: url(../img/index_tx01.png) no-repeat 0 0;
	width:230px;
	height:70px;
}
#summer .themeBlock .inner .col .lead {
	display:none;
}
#summer .themeBlock .inner .col.theme01 .catch {
	background: url(../img/index_tx01.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme02 .catch {
	background: url(../img/index_tx02.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme03 .catch {
	background: url(../img/index_tx03.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme04 .catch {
	background: url(../img/index_tx04.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme05 .catch {
	background: url(../img/index_tx05.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme06 .catch {
	background: url(../img/index_tx06.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme07 .catch {
	background: url(../img/index_tx07.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme08 .catch {
	background: url(../img/index_tx08.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme09 .catch {
	background: url(../img/index_tx09.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme10 .catch {
	background: url(../img/index_tx10.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme11 .catch {
	background: url(../img/index_tx11.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme12 .catch {
	background: url(../img/index_tx12.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme13 .catch {
	background: url(../img/index_tx13.jpg) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme14 .catch {
	background: url(../img/index_tx15.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme15 .catch {
	background: url(../img/index_tx16.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme16 .catch {
	background: url(../img/index_tx17.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme17 .catch {
	background: url(../img/index_tx18.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme18 .catch {
	background: url(../img/index_tx19.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme19 .catch {
	background: url(../img/index_tx20.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme20 .catch {
	background: url(../img/index_tx21.png) no-repeat 0 0;
}
#summer .themeBlock .inner .col.theme21 .catch {
	background: url(../img/index_tx22.png) no-repeat 0 0;
}

#summer .themeBlock .inner .col.theme22 .catch {
	background: url(../img/index_tx23.png) no-repeat 0 0;
}


#summer .themeBlock .inner .col .catchPhoto {
	margin-bottom:10px;
	}


#summer .themeBlock .inner .col .title {
	text-align:center;
	margin:10px 0;
}
#summer .themeBlock .inner .col .ranking {
	width:211px;
	font-size:14px;
	margin:0 auto 10px;
	padding-bottom:10px;
	background: url(../img/index_bg17.gif) repeat-x 0 100%;
}
#summer .themeBlock .inner .col .ranking .hotel {
	color:#0077b3;
	font-weight:bold;
	padding:0 0 0 35px;
	min-height:30px;
	margin-bottom:2px;
}
#summer .themeBlock .inner .col .ranking.rank01 .hotel {
	background: url(../img/index_ic12.gif) no-repeat 0 0;
}
#summer .themeBlock .inner .col .ranking.rank02 .hotel {
	background: url(../img/index_ic13.gif) no-repeat 0 0;
}
#summer .themeBlock .inner .col .ranking.rank03 .hotel {
	background: url(../img/index_ic14.gif) no-repeat 0 0;
}
#summer .themeBlock .inner .col .ranking .img {
	float:left;
	width:85px;
	margin-right:10px;
	margin-bottom:10px;
}
#summer .themeBlock .inner .col .ranking .area {
	/*font-size:12px;*/
}
#summer .themeBlock .inner .col .detail {
	padding-bottom:8px;
}
#summer .themeBlock .inner .col .button {
	width:210px;
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	display:block;
	text-align:center;
	background: url(../img/index_bg18.png) no-repeat 50% 0;
}


#summer .themeBlock .inner .col .buttonnon {
	width:210px;
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	display:block;
	text-align:center;
	background: #A2A2A2 no-repeat 50% 0;
	padding:7px 0;
	border-radius:3px;
}

#summer .themeBlock .inner .col .button:hover {
	background: url(../img/index_bg18on.png) no-repeat 50% 0;
}
#summer .themeBlock .inner .col .button a {
	color:#fff;
	height:43px;
	display:block;
	padding-top:7px;
	padding-left:10px;
	text-decoration:none;
}


#summer .themeBlock .inner .col .spot {
	width:210px;
	margin:0 auto 10px;
	background:#f3e9d0;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#summer .themeBlock .inner .col .spot .head {
	font-size:14px;
	font-weight:bold;
	background:#ead8ac;
	padding:5px 0 5px 8px;
	
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
#summer .themeBlock .inner .col .spot .head span {
	background:url(../img/index_ic12.gif) no-repeat 0 50%;
	padding-left:20px;
}
#summer .themeBlock .inner .col .spot ul {
	padding:0px 10px 10px 10px;
}
#summer .themeBlock .inner .col .spot ul li {
	float: left;
	margin: 10px 5px 0 0;
	padding-right: 5px;
	border-right: solid 1px #81909a;
	line-height: 1;
}
#summer .themeBlock .inner .col .spot ul li:last-child {
	border-right: none;
}



/* featureBlock */
#summer .featureBlock {
	margin-top: 20px;
	padding: 0 0 15px;
	background: #ddf5ff url(../img/index_bg08.png) no-repeat 100% 0;
	border: solid 3px #9addf9;
}
#summer .featureBlock .heading {
	width: 636px;
	height: 62px;
	margin: 12px 0 0 -3px;
	background: url(../img/index_ti04.png) no-repeat 0 0;
}
#summer .featureBlock .inner {
	padding: 0 0 0 12px ;
}
#summer .featureBlock .inner li {
	float: left;
	width: 230px;
	margin: 10px 10px 0 0 ;
	
	background:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#summer .featureBlock .inner li a {
	font-size:14px;
	border:3px solid #139dd7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: rgba(145, 218, 250, 1) 0 3px 0;
	-moz-box-shadow: rgba(145, 218, 250, 1) 0 3px 0;
	-ms-box-shadow: rgba(145, 218, 250, 1) 0 3px 0;
	
	text-decoration:none;
	padding:8px 8px 0 67px ;
	display:block;
}
#summer .featureBlock .inner li a:hover {
	opacity:0.7;
}
#summer .featureBlock .inner li dl {
	padding-bottom:22px;
}
#summer .featureBlock .inner li dt {
	font-size:18px;
	color:#139dd7;
	font-weight:bold;
}
#summer .featureBlock .inner li dd {
	font-size:14px;
	color:#333;
}
#summer .featureBlock .inner li.ic01 a {
	background: #fff url(../img/index_ic03.gif) no-repeat 13px 25%;
}
#summer .featureBlock .inner li.ic02 a {
	background: #fff url(../img/index_ic04.gif) no-repeat 5px 25%;
}
#summer .featureBlock .inner li.ic03 a {
	background: #fff url(../img/index_ic05.gif) no-repeat 13px 25%;
}
#summer .featureBlock .inner li.ic04 a {
	background: #fff url(../img/index_ic06.gif) no-repeat 13px 25%;
}
#summer .featureBlock .inner li.ic05 a {
	background: #fff url(../img/index_ic07.gif) no-repeat 13px 25%;
}
#summer .featureBlock .inner li.ic06 a {
	background: #fff url(../img/index_ic08.gif) no-repeat 5px 25%;
}
#summer .featureBlock .inner li.ic07 a {
	background: #fff url(../img/index_ic09.gif) no-repeat 13px 25%;
}
#summer .featureBlock .inner li.ic08 a {
	background: #fff url(../img/index_ic10.gif) no-repeat 13px 25%;
}




/* areaBlock */
#summer .areaBlock {
	margin-top: 20px;
	padding: 0 0 2px;
	background: #caffe9 url(../img/index_bg07.png) no-repeat 100% 0;
	border: solid 3px #86e5bd;
}
#summer .areaBlock .heading2 {
	width: 636px;
	height: 58px;
	margin: 12px 0 0 -3px;
	background: url(../img/index_ti03.png) no-repeat 0 0;
}
#summer .areaBlock .inner {
	margin-top: 10px;
	padding: 5px 0 0 12px;
}
#summer .areaBlock .inner .col {
	float: left;
	width:230px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	background:#fff;
	box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-moz-box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-ms-box-shadow: rgba(150, 150, 150, 0.75) 1px 1px 2px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position:relative;
}
#summer .areaBlock .inner .col .title {
	color:#fff;
	font-size:22px;
	font-weight:bold;
	height:126px;
	margin-bottom:10px;
	padding:5px 0 0 10px ;
	text-shadow: rgba(0, 0, 0, 1) 0px 0px 4px,rgba(0, 0, 0, 1) 0px 0px 4px,rgba(0, 0, 0, 1) 0px 0px 4px;
	-moz-text-shadow: rgba(0, 0, 0, 1) 0px 0px 4px,rgba(0, 0, 0, 1) 0px 0px 4px,rgba(0, 0, 0, 1) 0px 0px 4px;
	-ms-text-shadow: rgba(0, 0, 0, 1) 0px 0px 4px,rgba(0, 0, 0, 1) 0px 0px 4px,rgba(0, 0, 0, 1) 0px 0px 4px;
}
#summer .areaBlock .inner .col .title span {
	font-size:14px;
}
#summer .areaBlock .inner .col.area01 .title {
	background: url(../img/index_ph15.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area02 .title {
	background: url(../img/index_ph16.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area03 .title {
	background: url(../img/index_ph17.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area04 .title {
	background: url(../img/index_ph18.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area05 .title {
	background: url(../img/index_ph19.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area06 .title {
	background: url(../img/index_ph20.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area07 .title {
	background: url(../img/index_ph21.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area08 .title {
	background: url(../img/index_ph22.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area09 .title {
	background: url(../img/index_ph23.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area10 .title {
	background: url(../img/index_ph24.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area11 .title {
	background: url(../img/index_ph25.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col.area12 .title {
	background: url(../img/index_ph26.jpg) no-repeat 0 0;
}
#summer .areaBlock .inner .col .ranking {
	width:211px;
	font-size:14px;
	margin:0 auto 10px;
	padding:0 0 0 0 ;
	background: url(../img/index_bg17.gif) repeat-x 0 100%;
}
#summer .areaBlock .inner .col .ranking .photo {
	float:left;
	padding:0 10px 10px 0 ;
}
#summer .areaBlock .inner .col .ranking .hotel {
	font-size:12px;
	line-height:1.35;
	font-weight:bold;
	min-height:30px;
	padding-bottom:2px;
}
#summer .areaBlock .inner .col .ranking .hotel a {
	font-size:14px;
	color:#0077b3;
	display:block;
	margin-bottom:2px;
}
#summer .areaBlock .inner .col .ranking .hotel img {
	float:left;
	margin:0 5px 0 0;
}
#summer .areaBlock .inner .col .spot {
	width:210px;
	margin:0 auto 10px;
	background:#f3e9d0;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#summer .areaBlock .inner .col .spot .head {
	font-size:14px;
	font-weight:bold;
	background:#ead8ac;
	padding:5px 0 5px 8px;
	
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
#summer .areaBlock .inner .col .spot .head span {
	background:url(../img/index_ic11.gif) no-repeat 0 50%;
	padding-left:20px;
}
#summer .areaBlock .inner .col .spot ul {
	padding:0px 10px 10px 10px;
}
#summer .areaBlock .inner .col .spot ul li {
	float: left;
	margin: 10px 5px 0 0;
	padding-right: 5px;
	border-right: solid 1px #81909a;
	line-height: 1;
}
#summer .areaBlock .inner .col .spot ul li:last-child {
	border-right: none;
}
#summer .areaBlock .inner .col .ranking .img {
	float:left;
	margin-right:10px;
}
#summer .areaBlock .inner .col .ranking .area {
	/*font-size:12px;*/
}
#summer .areaBlock .inner .col .button {
	width:210px;
	margin:0 auto;
	font-size:18px;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
	display:block;
	text-align:center;
	background: url(../img/index_bg19.png) no-repeat 50% 0;
}
#summer .areaBlock .inner .col .button:hover {
	background: url(../img/index_bg19on.png) no-repeat 50% 0;
}
#summer .areaBlock .inner .col .button span {
	font-size:14px;
}
#summer .areaBlock .inner .col .button a {
	color:#fff;
	height:57px;
	display:block;
	padding-top:7px;
	padding-left:32px;
	text-decoration:none;
}
#summer .areaBlock .inner .col.area05 .button a {
	padding-top:10px;
}





/* otherBlock */
#summer .otherBlock {
	margin-top: 20px;
	padding: 0 20px 18px;
	background: #fde4fc url(../img/index_bg06.png) no-repeat 100% 0;
	border: solid 3px #f5b9f3;
}
#summer .otherBlock .heading {
	width: 636px;
	height: 57px;
	margin: 13px 0 0 -23px;
	background: url(../img/index_ti02.png) no-repeat 0 0;
}
#summer .otherBlock .inner {
	padding: 5px 10px 10px;
}
#summer .otherBlock .inner .col {
	float: left;
	width: 25%;
	margin-top: 10px;
	padding: 0 5px;
	text-align: center;
}

#summer .otherBlock .inner .col img {
	width: 200px;
}

#summer .otherBlock .inner .col a span {
	display: block;
	font-size: 14px;
}
#summer .otherBlock .inner .col dt img {
	margin-bottom:5px;
}
#summer .otherBlock .inner .col dd {
	margin-top: 3px;
	font-size: 11px;
	color: #666666;
	text-align: left;
}



/* tabWrap
================================ */
#summer .tabWrap {
	overflow: hidden;
	width: 980px;
	margin:5px 0 0;
}
#summer .contentsBox3 {
	padding:0;
}

#summer .btnList05 {
	overflow: hidden;
	width: 952px;
	margin: 0px 0 0 -5px;
}

#summer .btnList05 li {
	float: left;
	width: 155px;
	margin: 0 0 0 5px;
	line-height: 1.2;
	padding:11px 0px 0 0;
}

#summer .btnList05 li a {
	display: block;
	position: relative;
	text-align: center;
	color: #ffffff;
	font-size: 100%;
	text-decoration: none;
	zoom: 1;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

#summer .btnList05 li a span {
	display: block;
	padding: 6px 0 6px 8px;
}


#summer .btnList05 li a span span {
	display: block;
	background: none;
	padding: 2px 0 0 0;
	font-size: 71.4%;
	text-decoration: none;
}


#summer .btnList05 li a span.link {
	display: block;
	padding: 12px 24px 12px 24px;
	background: url(../img/index_ic10.png) no-repeat 10px 40%;
}
#summer .type08 a,
#summer .type08 li a {
	background:#448c28 repeat 0 0;
	border-right: 2px solid #2c6814;
}

#summer .type08 a:hover,
#summer .type08 li a:hover,
#summer .type08 li.tabon a{
	background:#83c56a repeat 0 0;
}



/* pageTop */
#summer .pageTop {
	display: block;
	bottom: 0px;
	z-index: 9999;
}
#summer .pageTop a {
	overflow: hidden;
	display: block;
	width: 136px;
	height: 100px;
	background: url(../img/pagetop_bt01.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
}
#summer .pageTop a:hover {
	background: url(../img/pagetop_bt01on.png) no-repeat 0 0;
}


@media only screen and (max-width: 767px) {
	
	
	#header, #tourNav {
             display: none !important;
}
#nwf_color, #footer {
             display: none !important;
}
/*end*/
.endContents{
	border-bottom:dotted 4px #BCBCBC;
	padding:30px 0;
}
.endContents .leadHeading{
		text-align:center;
		color:#ff0000;
		font-size:130%;
		font-weight:bold;
	border-bottom:dotted 1px #BCBCBC;
	padding-bottom:20px;
	line-height:1.6;
}

.endContents .endLink{
	padding-top:30px;
		text-align:center;
		color:#ff0000;
		font-size:110%;
}
	
	.sp {
		display:block !important;
	}
	.pc {
		display:none !important;
	}


	#wrapper980 img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	#wrapper980,
	#mainContainer,
	#wrapper {
		width: 100% !important;
	}
	#topicPath {
		display: none;
	}
	#wrapper > div:first-child:not(#wrapper980),
	#nwheader,
	#nwfooter,
	#footer {
		display: none;
	}
	.pcnone {
		display: block !important;
	}

	.spnone {
		display: none !important;
	}
	
	/*sphead*/
	.logo .ci img{
		width : auto;
	}
	.logo{
		background-color : #0B499D;
		width : 100%;
		padding : 4.9375% 4.71875%;
		box-sizing: border-box;
	}
	
	/*spfoot*/
	#spFooter {
		width : 100%;
		padding : 10px 0;
	}
	#spFooter ul{
		margin : 0 auto;
		width: intrinsic;
		margin-bottom : 5px;
	}
	#spFooter ul li{
		float : left;
		text-align: center;
	}
	#spFooter ul li:first-child{
		border-left : none;
	}
	#spFooter p{
		text-align: center;
	}
	
	#summer .heading {
		position: relative;
		text-indent: 0;
		white-space: normal;
		overflow: visible;
		font-weight: bold;
		font-size: 18px;
		color: #ffffff;
	}
	#summer .heading span {
		color: #ffee62;
	}
	#summer .heading a {
		color:#3f3f35 !important;
		display: inline-block;
		position: absolute;
		top: 37%;
		right: 10px;
		margin-top: -0.7em;
		padding: 5px 25px 5px 0;
		background: url(../img/index_ic23.png) no-repeat 100% 50%;
		background-size: 22px 22px;
		font-weight: normal;
		font-weight:bold;
		font-size: 12px;
		color: #ffffff;
		line-height: 1.4;
		text-decoration:none;
	}
	#summer .heading a.close {
		color:#3f3f35;
		background: url(../img/index_ic24.png) no-repeat 100% 50%;
		background-size: 22px 22px;
	}
	
	#summer .heading + div {
		display: none;
	}
	
	/* pageTitle */
	#summer .pageTitle {
		position: relative;
	}
	#summer .pageTitle .titleBtn {
		position: absolute;
		top:auto;
		bottom: 8px;
		left:auto;
		right: 4px;
		width:19%;
	}

	
	/* topInfo */
	#summer .topInfo {
		display: none !important;
	}
	
	
	

	/* anchorLink */
	#summer .anchorLink {
		margin:14px 10px 8px ;
		width:auto;
	}
	#summer .anchorLink li {
		float:left;
		width:32%;
		height:73px;
		color:#fff;
		margin-right:2%;
		
		background: url(../img/index_bg22.png) no-repeat 0 0;
		background-size:114px auto ;
	}
	#summer .anchorLink li.anc02 {
		background: url(../img/index_bg23.png) no-repeat 0 0;
		background-size:114px auto ;
	}
	#summer .anchorLink li.anc03 {
		background: url(../img/index_bg24.png) no-repeat 0 0;
		background-size:114px auto ;
	}
	#summer .anchorLink li:last-child {
		margin-right:0;
	}
	#summer .anchorLink li span {
		display:block;
		color:#f9ff58;
		font-size:120%;
		margin-right:0.15em;
	}
	#summer .anchorLink li a,
	#summer .anchorLink li a:hover {
		display:table-cell;
		text-align:left;
		vertical-align:middle;

		font-size:12px;
		font-weight:bold;
		line-height:1.3;
		height:60px;
		padding:0 0 0 24px;

		color:#fff;
		text-decoration:none;
		
		text-align:left;
		letter-spacing:0.05em;
		background:none !important;
	}
	#summer .anchorLink li a span {
		font-size:13px;
	}
	#summer .anchorLink li.anc02 a span {
		display:inline;
	}



	
	/* termsAreaBlock */
	#summer .termsAreaBlock {
		width: auto;
		height: auto;
		margin: 0 10px;
	}
	#summer .termsAreaBlock .termsCol {
		float:none;
		overflow: hidden;
		width: 100%;
		height: auto;
		min-height: 0;
		margin: 10px 0 0;
		padding: 0;
		background:#caefff;
	}
	#summer .termsAreaBlock .termsCol .heading {
		color:#3f3f35;
		width: auto;
		height: auto;
		margin: 0;
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic25.png), linear-gradient(to bottom, #b3e8fd 0%, #84d5fa 100%) !important;*/
		background-image: url(../img/index_ic25.png), url(../img/index_bg25.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 10px 50%,  50% 50%;
		background-size:23px auto , 100% auto ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .termsAreaBlock .termsCol .heading.open {
		border-bottom:2px solid #8edafb;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
	}
	#summer .termsAreaBlock .termsCol .heading span {
		color:#f25500;
	}
	#summer .termsAreaBlock .termsCol .button input {
		width:100%;
	}
	#summer .termsAreaBlock .termsCol .wrapCol {
		display: none;
	}
	#serchBox {
		padding: 15px 15px 0;
	}
	#summer .termsAreaBlock .termsCol .relatedBox {
		padding: 0 0 5px;
		margin:0px 16px 15px;
	}
	
	.mb17px .title {
		width: auto;
	}


	/* pickupBlock */
	#summer .pickupBlock {
		float:none;
		overflow: hidden;
		width: auto;
		height: auto;
		margin: 10px 0 0;
		padding: 0;
		
		border: solid 2px #d1bc86;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		
		background:#f3e9d0;
	}

	#summer .pickupBlock .pickupBlockWrap,
	#summer .pickupBlock .inner {
		background:none;
		padding:0 ;
	}
	#summer .pickupBlock .heading2 {
		text-indent:0;
		border-bottom:2px solid #d1bc86;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;

		color:#7f4511;
		font-size:18px;
		font-weight:bold;
		width: auto !important;
		height: auto;
		margin: 0;
		
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic29.png), linear-gradient(to bottom, #fee4f0 0%, #fed0e4 100%) !important;*/
		background-image: url(../img/index_ic28.png), url(../img/index_bg26.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 5px 50%,  50% 50%;
		background-size:32px auto , 100% 100% ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .themeBlock .heading2 span {
		font-size:12px;
		margin-left:1em;
	}

	#summer .themeBlock .heading3 span {
		font-size:12px;
		margin-left:1em;
	}

	
	#summer .pickupBlock .heading2 {
		color:#7f4511;
		width: auto;
		height: auto;
		margin: 0;
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic28.png), linear-gradient(to bottom, #efe4c7 0%, #e2cea0 100%) !important;*/
		background-image: url(../img/index_ic28.png), url(../img/index_bg26.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 5px 50%,  50% 50%;
		background-size:32px auto , 100% 100% ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .termsAreaBlock .termsCol .heading span {
		color:#f25500;
	}
	#summer .pickupBlock .inner .col {
		width:100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:10px auto 0 !important;
	}
	#summer .pickupBlock .inner .col .imgArea {
		width:46%;
	}
	#summer .pickupBlock .inner .col .textArea {
		width:52%;
	}
	#summer .pickupBlock .inner .col .imgArea img {
		width:100%;
	}
	#summer .pickupBlock .inner .col .imgArea .category {
		width:100%;
	}
	#summer .pickupBlock .inner .col .priceTxt {
		width:100%;
		font-size:12px;
	}
	#summer .pickupBlock .inner .col .priceTxt span {
		display:block;
	}

		#summer .pickupBlock p.moreBtn {
			font-size:14px;
			font-weight:bold;
			color:#ffffff;
			padding:10px 5% 10px 5%;
			background-color:rgba(183,129,51,1.00);
			margin:15px 5% 10px;
					border-radius: 4px ;
		-webkit-border-radius: 4px ;
		-moz-border-radius: 4px ;
border-bottom:4px solid #A05012;
text-align:center;
			
	}

	
	
	
	





	/* themeBlock */
	#summer .themeBlock {
		overflow: hidden;
		width: auto;
		height: auto;
		margin: 10px 10px 0;
		padding: 0;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		background: #ffeff6;
	}
	#summer .themeBlock .heading2 {
		text-indent:0;
		border-bottom:2px solid #ffbcd9;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;

		color:#ff519b;
		font-size:18px;
		font-weight:bold;
		width: auto !important;
		height: auto;
		margin: 0;
		
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic29.png), linear-gradient(to bottom, #fee4f0 0%, #fed0e4 100%) !important;*/
		background-image: url(../img/index_ic29.png), url(../img/index_bg27.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 8px 100%,  50% 50%;
		background-size:23px auto , 100% auto ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .themeBlock .heading2 span {
		font-size:12px;
		margin-left:1em;
	}

	#summer .themeBlock .heading3 {
		text-indent:0;
		border-bottom:2px solid #ffbcd9;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;

		color:#ff519b;
		font-size:18px;
		font-weight:bold;
		width: auto !important;
		height: auto;
		margin: 0;
		
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic29.png), linear-gradient(to bottom, #fee4f0 0%, #fed0e4 100%) !important;*/
		background-image: url(../img/index_ic29.png), url(../img/index_bg27.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 8px 100%,  50% 50%;
		background-size:23px auto , 100% auto ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .themeBlock .heading3 span {
		font-size:12px;
		margin-left:1em;
	}
	
	
	/* anc */
		#summer .themeBlock .themeAnc li a {
			display:block;
			color:#ffffff;
			font-weight:bold;
			font-size:14px;
			text-decoration:none;
			text-align:center;
		}

	#summer .themeBlock .themeAnc{
		margin:20px 0;
	}
	#summer .themeBlock .themeAnc li {
		float:left;
		width:32%;
		margin-right:2%;
		background-color:rgba(255,116,118,1.00);
		padding:18px 5% 40px;
		box-shadow: rgba(255, 204, 226, 1) 0 3px 0;
		-moz-box-shadow: rgba(255, 204, 226, 1) 0 3px 0;
		-ms-box-shadow: rgba(255, 204, 226, 1) 0 3px 0;

		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;

	}
		
	#summer .themeBlock .themeAnc li:last-child {
		margin-right:0;
	}
	
	
	#summer .themeBlock .detailWrap {
		padding:5px 10px;
		display: none;
		margin:0;
	}
	#summer .themeBlock .inner {
		width: auto;
		margin:0 10px;
		padding:0 0 10px;
	}
	#summer .themeBlock .inner .col {
		width: 49%;
		width: 100%;
		height:auto !important;
		margin-right:2%;
		padding-bottom:0;
	}
/*	#summer .themeBlock .inner .col:nth-child(even) {
		width: 49%;
		margin-right:0;
	}
*/	#summer .themeBlock .inner .col .catchPhoto {
		display:none;
	}
	#summer .themeBlock .inner .col .catchWrap {
		height:50px;
	}
	#summer .themeBlock .inner .col.theme01 .catchWrap {
		background:url(../img/index_ph07.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme02 .catchWrap {
		background:url(../img/index_ph08.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme03 .catchWrap {
		background:url(../img/index_ph09.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme04 .catchWrap {
		background:url(../img/index_ph10.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme05 .catchWrap {
		background:url(../img/index_ph11.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme06 .catchWrap {
		background:url(../img/index_ph12.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme07 .catchWrap {
		background:url(../img/index_ph13.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme08 .catchWrap {
		background:url(../img/index_ph14.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme09 .catchWrap {
		background:url(../img/index_ph27.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme10 .catchWrap {
		background:url(../img/index_ph28.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme11 .catchWrap {
		background:url(../img/index_ph29.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme12 .catchWrap {
		background:url(../img/index_ph30.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme13 .catchWrap {
		background:url(../img/index_ph31.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}

	#summer .themeBlock .inner .col.theme14 .catchWrap {
		background:url(../img/index_ph32.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme15 .catchWrap {
		background:url(../img/index_ph33.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}

	#summer .themeBlock .inner .col.theme16 .catchWrap {
		background:url(../img/index_ph34.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme17 .catchWrap {
		background:url(../img/index_ph35.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme18 .catchWrap {
		background:url(../img/index_ph36.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme19 .catchWrap {
		background:url(../img/index_ph37.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme20 .catchWrap {
		background:url(../img/index_ph38.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme21 .catchWrap {
		background:url(../img/index_ph39.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}
	#summer .themeBlock .inner .col.theme22 .catchWrap {
		background:url(../img/index_ph40.jpg) no-repeat 0 50%;
		background-size: 56% auto;
	}

	
	
	
	#summer .themeBlock .inner .col .title {
		text-align:center;
		margin:10px 0;
	}
	#summer .themeBlock .inner .col .catch {
		float:right;
		width:80%;
		height:50px;
		text-indent:0;
		color:#fff;
		font-size:15px;
		font-weight:bold;
		line-height:1.3;
		padding:16px 32px 0 8px;
		display:table-cell;
		vertical-align:middle;
	}
	#summer .themeBlock .inner .col.theme01 .catchWrap .catch {
		background:#45c0f5 url(../img/index_ic15.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme01 .catchWrap.close .catch {
		background:#45c0f5 url(../img/index_ic39.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme02 .catch {
		background:#e8a80d url(../img/index_ic16.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme02 .catchWrap.close .catch {
		background:#e8a80d url(../img/index_ic40.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme03 .catch {
		background:#f36608 url(../img/index_ic17.png) no-repeat 95% 50%;
		background-size: 22px auto;
/*		line-height:1.2;
		padding-top:5px;
*/	}
	#summer .themeBlock .inner .col.theme03 .catchWrap.close .catch {
		background:#f36608 url(../img/index_ic41.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme04 .catch {
		background:#ff6c76 url(../img/index_ic18.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme04 .catchWrap.close .catch {
		background:#ff6c76 url(../img/index_ic42.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme05 .catch {
		background:#87c60f url(../img/index_ic19.png) no-repeat 95% 50%;
		background-size: 22px auto;
/*		line-height:1.3;
		font-size:10px;
		padding-top:5px;
*/	}
	#summer .themeBlock .inner .col.theme05 .catchWrap.close .catch {
		background:#87c60f url(../img/index_ic43.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme06 .catch {
		background:#3175f1 url(../img/index_ic20.png) no-repeat 95% 50%;
		background-size: 22px auto;
/*		line-height:1.2;
		padding-top:6px;
*/	}
	#summer .themeBlock .inner .col.theme06 .catchWrap.close .catch {
		background:#3175f1 url(../img/index_ic44.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme07 .catch {
		background:#ff519b url(../img/index_ic21.png) no-repeat 95% 50%;
		background-size: 22px auto;
	/*		padding-top:8px;
	line-height:1.3;
		font-size:10px;
		padding-top:6px;
*/	}
	#summer .themeBlock .inner .col.theme07 .catchWrap.close .catch {
		background:#ff519b url(../img/index_ic45.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme08 .catch {
		background:#aa3fa4 url(../img/index_ic22.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme08 .catchWrap.close .catch {
		background:#aa3fa4 url(../img/index_ic46.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme09 .catch {
		background:#16850b url(../img/index_ic50.png) no-repeat 95% 50%;
		background-size: 22px auto;
		line-height:1.3;
		font-size:12px;
		padding-top:18px;
	}
	#summer .themeBlock .inner .col.theme09 .catchWrap.close .catch {
		background:#16850b url(../img/index_ic49.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme10 .catch {
		background:#1dbc91 url(../img/index_ic52.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme10 .catchWrap.close .catch {
		background:#1dbc91 url(../img/index_ic51.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme11 .catch {
		background:#4a3cca url(../img/index_ic54.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme11 .catchWrap.close .catch {
		background:#4a3cca url(../img/index_ic53.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme12 .catch {
		background:#dd3e3e url(../img/index_ic56.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme12 .catchWrap.close .catch {
		background:#dd3e3e url(../img/index_ic55.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	
	#summer .themeBlock .inner .col.theme13 .catch {
		background:#124478 url(../img/index_ic57.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme13 .catchWrap.close .catch {
		background:#124478 url(../img/index_ic58.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}


	#summer .themeBlock .inner .col.theme14 .catch {
		background:#176bc1 url(../img/index_ic60.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme14 .catchWrap.close .catch {
		background:#176bc1 url(../img/index_ic59.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}


	#summer .themeBlock .inner .col.theme15 .catch {
		background:#1cc60f url(../img/index_ic62.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme15 .catchWrap.close .catch {
		background:#1cc60f url(../img/index_ic61.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme16 .catch {
		background:#7a4ef8 url(../img/index_ic64.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme16 .catchWrap.close .catch {
		background:#7a4ef8 url(../img/index_ic63.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme17 .catch {
		background:#8b590a url(../img/index_ic66.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme17 .catchWrap.close .catch {
		background:#8b590a url(../img/index_ic65.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme18 .catch {
		background:#799a06 url(../img/index_ic68.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme18 .catchWrap.close .catch {
		background:#799a06 url(../img/index_ic67.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme19 .catch {
		background:#2544e5 url(../img/index_ic74.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme19 .catchWrap.close .catch {
		background:#2544e5 url(../img/index_ic73.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}


	#summer .themeBlock .inner .col.theme20 .catch {
		background:#cd69d1 url(../img/index_ic72.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme20 .catchWrap.close .catch {
		background:#cd69d1 url(../img/index_ic71.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme21 .catch {
		background:#ed2655 url(../img/index_ic70.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme21 .catchWrap.close .catch {
		background:#ed2655 url(../img/index_ic69.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}

	#summer .themeBlock .inner .col.theme22 .catch {
		background:#f54c30 url(../img/index_ic75.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}
	#summer .themeBlock .inner .col.theme22 .catchWrap.close .catch {
		background:#f54c30 url(../img/index_ic76.png) no-repeat 95% 50%;
		background-size: 22px auto;
	}




	
	#summer .themeBlock .inner .col .catch span {
		display:none;
	}
	#summer .themeBlock .inner .col .lead {
		display:block;
		padding:3px 0 0;
		margin-bottom:15px;
	}
	#summer .themeBlock .inner .col.theme01 .lead {
		color:#45c0f5;
	}
	#summer .themeBlock .inner .col.theme02 .lead {
		color:#e8a80d;
	}
	#summer .themeBlock .inner .col.theme03 .lead {
		color:#f36608;
	}
	#summer .themeBlock .inner .col.theme04 .lead {
		color:#ff6c76;
	}
	#summer .themeBlock .inner .col.theme05 .lead {
		color:#87c60f;
	}
	#summer .themeBlock .inner .col.theme06 .lead {
		color:#3175f1;
	}
	#summer .themeBlock .inner .col.theme07 .lead {
		color:#ff519b;
	}
	#summer .themeBlock .inner .col.theme08 .lead {
		font-size:12px;
		color:#aa3fa4;
	}
	#summer .themeBlock .inner .col.theme09 .lead {
		font-size:12px;
		color:#16850b;
	}
	#summer .themeBlock .inner .col.theme10 .lead {
		font-size:12px;
		color:#1dbc91;
	}
	#summer .themeBlock .inner .col.theme11 .lead {
		font-size:12px;
		color:#4a3cca;
	}
	#summer .themeBlock .inner .col.theme12 .lead {
		font-size:12px;
		color:#dd3e3e;
	}
	#summer .themeBlock .inner .col.theme13 .lead {
		font-size:12px;
		color:#124478;
	}
	#summer .themeBlock .inner .col.theme14 .lead {
		font-size:12px;
		color:#176bc1;
	}
	#summer .themeBlock .inner .col.theme15 .lead {
		font-size:12px;
		color:#1cc60f;
	}
	#summer .themeBlock .inner .col.theme16 .lead {
		font-size:12px;
		color:#7a4ef8;
	}
	#summer .themeBlock .inner .col.theme17 .lead {
		font-size:12px;
		color:#8b590a;
	}
	#summer .themeBlock .inner .col.theme18 .lead {
		font-size:12px;
		color:#799a06;
	}
	#summer .themeBlock .inner .col.theme19 .lead {
		font-size:12px;
		color:#2544e5;
	}
	#summer .themeBlock .inner .col.theme20 .lead {
		font-size:12px;
		color:#cd69d1;
	}

	#summer .themeBlock .inner .col.theme21 .lead {
		font-size:12px;
		color:#ed2655;
	}
	#summer .themeBlock .inner .col.theme22 .lead {
		font-size:12px;
		color:#f54c30;
	}




	#summer .themeBlock .inner .col .detail {
		font-size:12px;
		display:block;
		padding:5px 5px 8px 5px ;
	}
	#summer .themeBlock .inner .col .ranking {
		width:100%;
	}
	#summer .themeBlock .inner .col .button,
	#summer .themeBlock .inner .col .button:hover {
		width:100%;
		font-size:12px;
		font-weight:bold;
		color:#fff;
		display:block;
		text-align:center;
		margin-bottom:8px;
		
		background-image: url(../img/index_ic48.png) , url(../img/index_bg32.png) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 10px 50%, 0 50% ;
		background-size:15px auto , 100% 100% ;
		
		box-shadow: rgba(255, 204, 226, 1) 0 3px 0;
		-moz-box-shadow: rgba(255, 204, 226, 1) 0 3px 0;
		-ms-box-shadow: rgba(255, 204, 226, 1) 0 3px 0;

		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	#summer .themeBlock .inner .col .buttonnon {
		width:100%;
		font-size:12px;
		font-weight:bold;
		color:#fff;
		display:block;
		text-align:center;
		margin-bottom:8px;
		background-color:#A2A2A2;
		padding:10px 0;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	#summer .themeBlock .inner .col .button a {
		color:#fff;
		display:block;
		height:auto;
		padding:14px 0 13px 14px;
		text-decoration:none;
	}
	#summer .themeBlock .inner .col .ranking {
		width:auto;
		font-size:14px;
		margin:0 auto 10px;
		background: url(../img/index_bg17.gif) repeat-x 0 100%;
	}
	#summer .themeBlock .inner .col .ranking .hotel {
		color:#0077b3;
		font-size:13px;
		font-weight:normal;
		padding:0 0 0 25px;
		margin-bottom:5px;
	}
	#summer .themeBlock .inner .col .ranking.rank01 .hotel {
		background: url(../img/index_ic12.gif) no-repeat 0 0%;
		background-size: 19px auto;
	}
	#summer .themeBlock .inner .col .ranking.rank02 .hotel {
		background: url(../img/index_ic13.gif) no-repeat 0 0%;
		background-size: 19px auto;
	}
	#summer .themeBlock .inner .col .ranking.rank03 .hotel {
		background: url(../img/index_ic14.gif) no-repeat 0 0%;
		background-size: 19px auto;
	}
	#summer .themeBlock .inner .col .ranking .img {
		float:left;
		width:40%;
		margin-right:10px;
	}
	#summer .themeBlock .inner .col .ranking .area {
		font-size:12px;
	}

	#summer .themeBlock .inner .col .spot {
		width:100% !important;
	}


	/* featureBlock */
	#summer .featureBlock {
		float:none;
		overflow: hidden;
		width: auto;
		height: auto;
		margin: 10px 10px 0;
		padding: 0;
		
		border: solid 2px #9addf9;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		
		background:#ddf5ff;
	}
	#summer .featureBlock .featureBlockWrap,
	#summer .featureBlock .inner {
		background:none;
		padding:0 ;
	}
	#summer .featureBlock .heading {
		color:#139dd7;
		width: auto;
		height: auto;
		margin: 0;
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic30.png), linear-gradient(to bottom, #d3f3ff 0%, #b3e8ff 100%) !important;*/
		background-image: url(../img/index_ic30.png), url(../img/index_bg28.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 5px 50%,  50% 50%;
		background-size:31px auto , 100% auto ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .featureBlock .heading.open {
		border-bottom:2px solid #9addf9;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
	}
	#summer .featureBlock .heading span {
		color:#139dd7;
		font-size:12px;
	}
	#summer .featureBlock .heading a {
		color:#3f3f35 !important;
		display: inline-block;
		position: absolute;
		top: 35%;
		right: 10px;
		margin-top: -0.7em;
		padding: 5px 25px 5px 0;
		background: url(../img/index_ic31.png) no-repeat 100% 50%;
		background-size: 22px 22px;
		font-weight: normal;
		font-weight:bold;
		font-size: 12px;
		color: #ffffff;
		line-height: 1.4;
	}
	#summer .featureBlock .heading a.close {
		color:#3f3f35;
		background: url(../img/index_ic32.png) no-repeat 100% 50%;
		background-size: 22px 22px;
	}
	#summer .featureBlock .heading + .inner {
		display: none;
		margin: 0;
		padding:0 10px 10px;
	}
	
	
	
	
	#summer .featureBlock .inner li {
		float: left;
		width: 49%;
		margin: 10px 2% 0 0 ;
		
		background:#fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	#summer .featureBlock .inner li:nth-child(even) {
		margin-right:0;
	}
	#summer .featureBlock .inner li a {
		font-size:14px;
		border:2px solid #139dd7;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
		box-shadow: rgba(145, 218, 250, 1) 0 2px 0;
		-moz-box-shadow: rgba(145, 218, 250, 1) 0 2px 0;
		-ms-box-shadow: rgba(145, 218, 250, 1) 0 2px 0;
		
		text-decoration:none;
		padding:8px 3% 0 25%;
		display:block;
	}
	#summer .featureBlock .inner li a:hover {
		opacity:1;
	}
	#summer .featureBlock .inner li dl {
		padding-bottom:20px;
	}
	#summer .featureBlock .inner li dt {
		color:#139dd7;
		font-size:12px;
		font-weight:bold;
		line-height:1.3;
		margin-bottom:3px;
	}
	#summer .featureBlock .inner li dd {
		font-size:10px;
		color:#333;
	}
	#summer .featureBlock .inner li.ic01 a {
		background: #fff url(../img/index_ic03.gif) no-repeat 9px 25%;
		background-size: 14% auto;
	}
	#summer .featureBlock .inner li.ic02 a {
		background: #fff url(../img/index_ic04.gif) no-repeat 6px 25%;
		background-size: 19% auto;
	}
	#summer .featureBlock .inner li.ic03 a {
		background: #fff url(../img/index_ic05.gif) no-repeat 11px 25%;
		background-size: 14% auto;
	}
	#summer .featureBlock .inner li.ic04 a {
		background: #fff url(../img/index_ic06.gif) no-repeat 10px 25%;
		background-size: 14% auto;
	}
	#summer .featureBlock .inner li.ic05 a {
		background: #fff url(../img/index_ic07.gif) no-repeat 9px 25%;
		background-size: 16% auto;
	}
	#summer .featureBlock .inner li.ic06 a {
		background: #fff url(../img/index_ic08.gif) no-repeat 4px 25%;
		background-size: 19% auto;
	}
	#summer .featureBlock .inner li.ic07 a {
		background: #fff url(../img/index_ic09.gif) no-repeat 8px 25%;
		background-size: 17% auto;
	}
	#summer .featureBlock .inner li.ic08 a {
		background: #fff url(../img/index_ic10.gif) no-repeat 8px 25%;
		background-size: 15% auto;
	}




	/* areaBlock */
	#summer .areaBlock {
		overflow: hidden;
		width: auto;
		height: auto;
		margin: 10px 10px 0;
		padding: 0;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		background: #caffe9;
	}
	#summer .areaBlock .heading2 {
		text-indent:0;
		border-bottom:2px solid #86e5bd;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;

		color:#049d5e;
		font-size:18px;
		font-weight:bold;
		width: auto !important;
		height: auto;
		margin: 0;
		
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic36.png), linear-gradient(to bottom, #cfffec 0%, #aeffdd 100%) !important;*/
		background-image: url(../img/index_ic36.png), url(../img/index_bg29.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 5px 50%,  50% 50%;
		background-size:33px auto , 100% auto ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .areaBlock .heading2 span {
		font-size:12px;
		margin-left:1em;
	}
	#summer .areaBlock .detailWrap {
		padding:10px;
		display: none;
		margin:0;
	}

	#summer .areaBlock .inner {
		width: auto;
		margin:0 10px;
		padding:10px 0 0;
		display:none;
	}
	#summer .areaBlock .inner .col {
		width: 49% !important;
		height:auto !important;
		margin-right:2%;
		padding-bottom:0;
	}
	#summer .areaBlock .inner .col:nth-child(even) {
		width: 49% !important;
		margin-right:0;
	}
	#summer .areaBlock .inner .col .title {
		padding:12px 0 0 10px ;
		margin-bottom:0;
		height:50px;
		font-size:15px;
	}
	#summer .areaBlock .inner .col .title span {
		display:block;
		font-size:9px;
	}
	#summer .areaBlock .inner .col.area01 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph15.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area01 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph15.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area02 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph16.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area02 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph16.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area03 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph17.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area03 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph17.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area04 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph18.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area04 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph18.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area05 .title {
		padding:8px 0 0 10px ;
		background-image: url(../img/index_ic37.png) , url(../img/index_ph19.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area05 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph19.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area06 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph20.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area06 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph20.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area07 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph21.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area07 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph21.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area08 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph22.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area08 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph22.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area09 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph23.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area09 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph23.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area10 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph24.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area10 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph24.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area11 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph25.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area11 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph25.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area12 .title {
		background-image: url(../img/index_ic37.png) , url(../img/index_ph26.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col.area12 .title.close {
		background-image: url(../img/index_ic38.png) , url(../img/index_ph26.jpg) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 95% 50%, 0 50% ;
		background-size:22px auto , 100% auto ;
	}
	#summer .areaBlock .inner .col .ranking {
		width:100%;
	}
	#summer .areaBlock .inner .col .ranking .hotel {
		float:none;
		width:auto;
		line-height:1.35;
		color:#333;
		font-weight:normal;
		padding-bottom:5px;
	}
	#summer .areaBlock .inner .col .ranking .hotel a {
		font-size:12px;
		color:#0077b3;
	}
	#summer .areaBlock .inner .col .ranking .photo {
		float:left;
		width:35%;
		padding:0 0 5px 0 ;
		margin-right:10px;
		padding-bottom:8px;
	}
	#summer .areaBlock .inner .col .ranking .hotel img {
		float:left;
		width:19px;
		height:auto;
		margin:0 6px 4px 0;
	}
	#summer .areaBlock .inner .col .ranking .area {
		font-size:12px;
		padding-bottom:8px;
	}
	#summer .areaBlock .inner .col .spot {
		width:100% !important;
	}
	#summer .areaBlock .inner .col .spot .head {
		padding-right:5px;
	}
	#summer .areaBlock .inner .col .button,
	#summer .areaBlock .inner .col .button:hover {
		width:100%;
		height:auto;
		font-size:12px;
		
		background-image: url(../img/index_ic47.png) , url(../img/index_bg31.png) !important;
		background-repeat:no-repeat, no-repeat;
		background-position: 10px 50%, 0 50% ;
		background-size:15px auto , 100% 100% ;
		
		box-shadow: rgba(166, 232, 205, 1) 0 3px 0;
		-moz-box-shadow: rgba(166, 232, 205, 1) 0 3px 0;
		-ms-box-shadow: rgba(166, 232, 205, 1) 0 3px 0;

		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	#summer .areaBlock .inner .col .button:hover {
		width:100%;
		height:auto !important;
	}
	#summer .areaBlock .inner .col .button a {
		height:auto;
		padding:7px 0 6px 20px;
	}
	#summer .areaBlock .inner .col .button a span {
		font-size:10px;
		font-size:9px;
	}
	#summer .areaBlock .inner .col.area05 .button a {
		line-height:1.25;
		padding:9px 0 7px 20px;
	}

	
	
	/* otherBlock */
	#summer .otherBlock {
		float:none;
		overflow: hidden;
		width: auto;
		height: auto;
		margin: 10px 10px 0;
		padding: 0;
		
		border: solid 2px #f5b9f3 ;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		
		background:#fde4fc;
	}
	#summer .otherBlock .inner {
		background:none;
		padding:0 ;
	}
	#summer .otherBlock .heading {
		color:#aa3fa4;
		width: auto;
		height: auto;
		margin: 0;
		padding: 7px 10px 7px 40px;
		/*background-image: url(../img/index_ic33.png), linear-gradient(to bottom, #ffe6fe 0%, #ffd2fd 100%) !important;*/
		background-image: url(../img/index_ic33.png), url(../img/index_bg30.png) !important;
		background-repeat:no-repeat, repeat;
		background-position: 5px 50%,  50% 50%;
		background-size:32px auto , 100% auto ;
		border-radius: 7px ;
		-webkit-border-radius: 7px ;
		-moz-border-radius: 7px ;
	}
	#summer .otherBlock .heading.open {
		border-bottom:2px solid #f5b9f3;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
	}
	#summer .otherBlock .heading span {
		color:#aa3fa4;
		font-size:12px;
	}
	#summer .otherBlock .heading a {
		color:#3f3f35 !important;
		display: inline-block;
		position: absolute;
		top: 35%;
		right: 10px;
		margin-top: -0.7em;
		padding: 5px 25px 5px 0;
		background: url(../img/index_ic34.png) no-repeat 100% 50%;
		background-size: 22px 22px;
		font-weight: normal;
		font-weight:bold;
		font-size: 12px;
		color: #ffffff;
		line-height: 1.4;
	}
	#summer .otherBlock .heading a.close {
		color:#3f3f35;
		background: url(../img/index_ic35.png) no-repeat 100% 50%;
		background-size: 22px 22px;
	}
	#summer .otherBlock .heading + .inner {
		display: none;
		margin: 0;
		padding:10px 10px 10px;
	}
	#summer .otherBlock .inner .col {
		width: 48%;
		margin-right:2%;
		padding-bottom:0;
	}
	#summer .otherBlock .inner .col img {
		width:90%;
		margin-bottom:3px;
	}
	#summer .otherBlock .inner .col dt a span,
	#summer .otherBlock .inner .col dd {
		font-size:5px !important;
		font-size:9px !important;
	}
	#summer .otherBlock .inner .col:nth-child(4) {
		margin-right:0; 
	}
/*	#summer .otherBlock .inner .col:nth-child(5) {
		display:none;
	}
*/	
	
	/*moreinner*/
	
	
	#summer .pickupBlock .moreInner .inner {
		padding:10px;
		display: none;
		margin:0;
	}


/*tabWrap*/
	
#summer .tabWrap {
		overflow: hidden;
		width:100%;
		margin:0;

}

#summer .contentsBox3 {
	padding: 0;
}


#summer .btnList05 {
	margin: 0;
	width:100%;
}

#summer .btnList05 li {
	float: left;
	width: 24%;
	margin: 0 0 0 1%;
	line-height: 1.2;
	padding-top:6px;
}

#summer .btnList05 li:first-child {
	margin-left: 0;
}

#summer .btnList05 li a {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#summer .btnList05 li a span {
	display: block;
	padding: 5px 0; 
}

#summer .btnList05 li a span span {
	display: block;
	background: none;
	padding: 2px 0 0 0;
	font-size: 10px;
	text-decoration: none;
}


#summer .type08 a,
#summer .type08 li a {
	position: relative;
	background: #448c28;
	border: 1px solid #2c6814;
	border-left: none;
	border-bottom: none;
}
#summer .type08 li.tabon a {
		background:#83c56a repeat 0 0;
}


	
	
	/* pageTop */
	#summer .pageTop {
		display: none !important;
	}
	
}


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

	ex: clearfix

================================ */
#summer .tabWrap:after,
#summer .themeBlock .themeAnc:after,
#summer .anchorLink:after,
#summer .areaBlock .inner .col .spot ul:after,
#summer .areaBlock .inner .col .ranking:after,
#summer .areaBlock .inner:after,
#summer .featureBlock .inner:after,
#summer .themeBlock .inner .col .spot ul:after,
#summer .themeBlock .inner .col .catchWrap:after,
#summer .themeBlock .inner .col .ranking:after,
#summer .themeBlock .inner:after,
#summer .pickupBlock .inner:after,
#summer .pickupBlock .col:after,
#summer .pickupBlock .textArea:after,
#summer .pickupBlock .imgArea:after,

#summer .topInfo:after,
#summer .dateBlock:after,
#summer .dateBlock .calendar:after,
#summer .termsAreaBlock:after,
#summer .termsAreaBlock .termsCol .relatedLinks:after,
#summer .termsAreaBlock .wrapCol:after,
#summer .termsAreaBlock .areaCol .regionBox .regionLinks:after,
#summer .otherBlock .inner:after,
#serchBox #In dl.oneCell:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
}
#summer .tabWrap,
#summer .themeBlock .themeAnc,
#summer .anchorLink,
#summer .areaBlock .inner .col .spot ul,
#summer .areaBlock .inner .col .ranking,
#summer .areaBlock .inner,
#summer .featureBlock .inner,
#summer .themeBlock .inner .col .catchWrap,
#summer .themeBlock .inner .col .ranking,
#summer .themeBlock .inner,
#summer .themeBlock .inner .col .spot ul,
#summer .pickupBlock .inner,
#summer .pickupBlock .col,
#summer .pickupBlock .textArea,
#summer .pickupBlock .imgArea,

#summer .topInfo,
#summer .dateBlock,
#summer .dateBlock .calendar,
#summer .termsAreaBlock,
#summer .termsAreaBlock .areaCol .regionBox .regionLinks,
#summer .termsAreaBlock .wrapCol,
#summer .otherBlock .inner,
#serchBox #In dl.oneCell {
	zoom: 1;
	display: block;
	min-height: 1%;
}