@charset "UTF-8";
/*============================================================================*\
    リゾートの春
\*============================================================================*/

.page-header__teikyo {
	position: absolute;
	right: 5px;
	bottom: 0px;
	z-index: -1;
	max-width: 40%;
}
.page-header {
	/* background-image: url(../kanko/img/headerbg.png); */
	background-color: #10a1f0;
	background-size: repeat;
}
.imgsize {
	width:100%;
	height:100%;
}
.pc-only {display: block;}
.sp-only {display: none;}
@media screen and (max-width:780px) {
	.pc-only {display: none;}
	.sp-only {display: block;}
}
@media screen and (max-width:980px) {
	.page-header {
		background-image: none;
	}
}
/* エリアマップ */
.map { display: none; }
@media (min-width:64em) {
	.map { display: block; }
}
@media print {
	.map {
		display: block;
		padding: 0 10%;
	}
}

/* ナビゲーション */
.page-nav a {
	color: #5CAD75;
	border: 1px solid #5CAD75;
	background: #fff;
}
/* .page-nav li:nth-child(1) a { background: #1D4062; } */
/* .page-nav li:nth-child(2) a { background: #63A0D0; } */
/* .page-nav li:nth-child(3) a { background: #EC85B3; } */
/* .page-nav li:nth-child(4) a { background: #F29600; } */
/* .page-nav li:nth-child(5) a { background: #C78D54; } */
/* .page-nav li:nth-child(6) a { background: #EC6D2A; } */
/* .page-nav li:nth-child(5) a { background: #6EA69D; } */
@media (max-width:30em) {
	.page-nav a { font-size: 1.2rem; }
}
.p6-kanko .mbl{
	margin: 10px 0 40px!important;
}

/* エリアブロック */
.area {
	position: relative;
	z-index: 0;
	padding: 0 10px 40px 10px;
	/*background-image: url(../img/bg-area.png);*/
	/*background-position: center 40px;*/
	/*background-repeat: no-repeat;*/
}
/* .area ~ .area {
	margin-top: 40px;
} */
.area__heading {
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
}
/*.area__heading:before,
.area__heading:after {
	position: absolute;
	top: 10px;
	z-index: -1;
	width: 100px;
	height: 88px;
	background-image: url(../img/ill.png);
	background-repeat: no-repeat;
	background-size: 200px 700px;
	content: "";
}*/
.area__heading:before {
	left: 3%;
	background-position: left top;
}
.area__heading:after {
	right: 3%;
	background-position: right top;
}
.area__subheading {
	margin-bottom: 20px;
	color: #000;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	page-break-inside: avoid;
}
.area__subheading small {
	display: inline-block;
	margin-top: -2px;
	margin-right: 4px;
	padding: 4px 10px 3px;
	border: 1px solid rgba(91,58,0,.8);
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
}
/*.area__subheading:before,
.area__subheading:after {
	display: inline-block;
	width: 60px;
	height: 1px;
	margin: 0 10px;
	border-top: 3px double;
	content: "";
	vertical-align: middle;
}*/
.area__subheading .u-ib {
	vertical-align: middle;
}
@media screen and (max-width:47.9375em) {
	.area {
		margin-left: -16px;
		margin-right: -16px;
		background-size: contain;
		padding: 20px 40px 45px;
	}
	.area__heading {
		/*max-width: 85%;*/
		margin: 0 auto 24px;
	}
	.area__subheading:before,
	.area__subheading:after {
		display: block;
		width: 100%;
		margin: 8px 0;
	}
}
@media screen and (min-width:48em) {
	.area {
		padding: 20px 50px 60px;
		background-position: center 55px;
	}
	/* .area ~ .area {
		margin-top: 20px;
	} */
	.area__heading:before,
	.area__heading:after {
		top: 20px;
		width: 160px;
		height: 140px;
		background-size: auto;
	}
	.area__heading:before {
		left: 50%;
		margin-left: -350px;
	}
	.area__heading:after {
		right: 50%;
		margin-right: -350px;
	}
	.area__subheading {
		font-size: 2.5rem;
	}
}

/* スポット情報レイアウト */
.spot {
	background: #fff;
	/* border-radius: 15px; */
	padding: 30px;
}
.spot + .spot {
	margin-top: 40px;
}
.spot__image {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 10px;
}
.spot__image figure {
	margin: 0;
    width: 49%;
}
.spot__image img {
	width: 100%;
    height: 254px;
    object-fit: cover;
    object-fit: contain;
}
.spot__body {
	width: 780px;
	margin: 20px auto 0 auto;
}
@media print, (max-width:980px) {
	.spot {
		max-width: 100%;
		clear: both;
		page-break-inside: avoid;
		padding: 25px 5px;
	}
	.spot__info {
		margin-top: auto;
		page-break-inside: avoid;
	}
	.spot__image {
		padding: 0 1rem;
	}
	.no-flexbox .spot:after {
		display: table;
		clear: both;
		content: "";
	}
	.no-flexbox .spot__image {
		float: left;
		max-width: none;
		width: 340px;
		padding: 0 20px 0 20px;
	}
	.no-flexbox .spot__body {
		margin-left: 360px;
	}
	.spot__image img {
		height: auto;
	}
	.spot__image figure {
		margin: 0 10px;
		width: 100%;
	}
}
@media print, (max-width:780px) {
	.spot__body {
		width: 100%;
		padding: 0 2rem;
	}
}
@media screen and (min-width:64em) {
	.spot + .spot {
		margin-top: 60px;
	}
	.spot__image {
		-webkit-flex-basis: 980px;
		flex-basis: 980px;
		max-width: 980px;
	}
	/* .spot__body {
	} */
	.no-flexbox .spot__image {
		width: 530px;
	}
	.no-flexbox .spot__body {
		margin-left: 530px;
	}
}

/* スポット情報内容 */
/*.skate .spot__image:before,
.snowshoe .spot__image:before,
.strawberry .spot__image:before,
.orange .spot__image:before,
.illumi .spot__image:before,
.firework .spot__image:before {
	display: block;
	position: absolute;
	left: 6px;
	top: -14px;
	z-index: 1;
	width: 110px;
	height: 111px;
	background-image: url(../img/spot-tag.png);
	background-repeat: no-repeat;
	background-size: 663px 111px;
	content: "";
}
.leaves .spot__image:before { background-position: left top;}
.snowshoe .spot__image:before { background-position: -110px top;}
.strawberry .spot__image:before { background-position: -220px top;}
.orange .spot__image:before { background-position: -330px top;}
.illumi .spot__image:before { background-position: -440px top;}
.firework .spot__image:before { background-position: -550px top;}
.spot__body {
	font-size: 1.3rem;
	padding-right: 20px;
}*/
.spot__detail table {
	width: 100%;
	border-top: 1px dashed #1e3d6e;
}
.spot-title span {
	color: #1D4062;
	font-size: 2rem;
	font-weight: bold;
}
.spot-title {
	font-weight: normal;
	margin-bottom: 15px;
	padding: 8px 15px 4px;
	/* border-bottom: 2px solid #1D4062; */
	color: #1D4062;
	font-size: 1.5rem;
	line-height: 1.4;
	border-left: 8px solid;
    box-shadow: 1px 1px 0 #eaeaea;
    background: #f9f9f9;
}
@media only screen and (max-width: 768px) {
	.spot-title {line-height: 3rem;}
	.spot__detail table {
		width: 100%;
		border-top: none;
		border-bottom: 1px solid #1e3d6e;
	}
}
.spot-subtitle {
	font-weight: bold;
	margin: 20px 0 10px;
	padding: 8px 15px 4px;
	color: #1D4062;
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: left;
}
.spot__detail table tr th,td {
    text-align: left;
	border-bottom: 1px dashed #1e3d6e;
    /*line-height: 3;*/
	padding: 1em 0;
}
.spot__detail table tr th {
    width: 25%;
	vertical-align: top;
	text-align: center;
	color: #042d6f;
    font-weight: bold;
	/* padding-left: 3.5%; */
	position: relative;
}
/* .spot__detail table tr th::before {
	content:""; 
    width: 13px;
    height: 13px;
    background: #1D4062;
    border-radius: 10px;
	position:absolute;
	left:0px;
	top:4px;
} */
.spot__detail table tr td {
    width: 75%;
}
.spot-copy {
	margin-bottom: 30px;
    font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.33;
}
.spot-desc {
	position: relative;
}
.spot-desc span {
	position: relative;
	left: 17.7%;
}
@media only screen and (max-width: 768px) {
	.spot__detail table tr th, td {
		display: block;
		font-size: 1.3rem;
	}
	.spot__detail table tr th {
		width: 100%;
		padding-left: 4%;
		text-align: left;
		border-top: 1px solid #1e3d6e;
    border-bottom: 1px dashed #1e3d6e;
	}
	.spot__detail table tr td {
		width: 100%;
		border-top: none;
    border-bottom: none;
	}
	.spot__detail table tr th::before {
		width: 8px;
		height: 8px;
	}
	.spot-copy {font-size: 1.4rem;}
}

.element {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	padding: 10px;
	background: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.2;
}
.element span {
	color: #FFF;
	padding: 2px 10px;
}
.element span.no_color {
	padding: 2px 10px;
	background-color: transparent !important;
}
.price-box {
	padding: 10px 20px;
	background: #fff;
	font-size: 1.2rem;
	line-height: 1.4;
}
.price-box b {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 4px;
	padding: 4px 16px;
	background: #c71c11;
	color: #fff;
	line-height: 1;
}
.info-box {
	margin-top: 16px;
	padding: 6px 20px;
	border-radius: 3px;
	background: #FFF;
	border: 1px solid;
}
.spot__detail i {
	position: relative;
	top: -1px;
	margin-right: .4em;
	vertical-align: middle;
}
@media print, (min-width:64em) {
	.kouyou .spot__image:before,
	.mikaku .spot__image:before,
	.migoro .spot__image:before { top: 12px; }
}

/* スポット情報　特別提携施設用 */
.teikei .area__heading {
	max-width: none;
}
.area__heading span {
	display: inline-block;
	position: relative;
	z-index: 0;
	width: 2em;
	height: 1.8em;
	margin-right: .1em;
	color: #fff;
	font-size: 1.7em;
	line-height: 1.85;
	text-align: center;
}
.area__heading span:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 50px 50px 60px 50px;
	background: #e04865;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
	content: "";
}
.area__heading span + span {
	margin-left: -.6em;
}
.area__heading span + span:before {
	border-radius: 50px 50px 70px 50px;
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
.area__heading span + span + span:before {
	border-radius: 40px 45px 60px 50px;
	-webkit-transform: rotate(80deg);
	transform: rotate(80deg);
}
.teikei .area__heading:before,
.teikei .area__heading:after { display: none; }
@media (min-width: 48em) {
	.teikei .area__heading span {
		font-size: 2.5em;
	}
}

/* 予約ブロック */
.mod-reserve {
	margin-top: 30px;
	text-align: center;
}
.mod-reserve__heading {
	margin: 30px 0 10px;
	color: #000;
	font-size: 1.6rem;
}
.mod-reserve__heading:after {
	display: block;
	width: 100px;
	height: 2px;
	margin: 4px auto 0;
	background: #c71c11;
	content: "";
}
.mod-reserve__web {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.mod-reserve__web > li {
	width: 80%;
	max-width: 400px;
	margin: 0 auto 10px;
}
.mod-reserve__web a {
	display: block;
	position: relative;
	padding: 16px 20px 16px 10px;
	background: #aaa;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
}
.mod-reserve__web a:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mod-reserve__web a:hover {
	opacity: .7;
}
a.type-hotel { background: #f0787f; }
a.type-cottage { background: #afc31c; }
a.type-other { background: #84cedd; }
.mod-reserve__tel {
	line-height: 1;
}
.mod-reserve__tel b {
	display: block;
	width: 20em;
	margin: 0 auto 10px;
	padding: 4px;
	border-radius: 20px;
	background: #7c4e22;
	color: #fff;
	font-size: 1.2rem;
}
.mod-reserve__tel .call {
	color: #7c4e22;
	font-size: 3rem;
	font-size: 8vw;
	font-weight: bold;
	letter-spacing: -.025em;
	text-decoration: none;
}
.mod-reserve__tel a.call:before {
	margin-right: .2em;
	font-family: "icomoon";
	font-size: .8em;
	content: "\e900";
}

.mod-reserve{margin-bottom:2rem;}
@media print, (min-width:48em) {
	.mod-reserve {
		margin-top: 60px;
	}
	.mod-reserve__heading {
		margin: 40px 0 20px;
		font-size: 2rem;
	}
	.mod-reserve__web {
		display: table;
		width: 100%;
	}
	.mod-reserve__web > li {
		display: table-cell;
		width: 33%;
		padding: 5px;
	}
	.mod-reserve__web a {
		max-width: 450px;
		margin: 0 auto;
		white-space: nowrap;
		font-size: 1.8rem;
	}
	.mod-reserve__tel b { font-size: 1.4rem; }
	.mod-reserve__tel .call { font-size: 3.6rem; }
}
@media (min-width:64em) {
	.mod-reserve__web a {
		padding: 18px 24px 18px 12px;
		font-size: 2.2rem;
	}
	.mod-reserve__web a:after {
		right: 15px;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		border-width: 2px;
	}
	.mod-reserve__tel .call { font-size: 4.5rem; }
}

/* エリア別スタイル */
.yatsu.area { background-color: #F0F7F1; }
/* .yatsu.area { background-color: #EEF6DD; } */
/*.yatsu .spot-title { border-left-color: #824D2F;}*/
/*.yatsu .spot-title,*/
.yatsu .best-time,
.yatsu .spot__detail i { color: #1D4062; }
.yatsu .info-box { border-color: #1D4062; }
.yatsu .element span { background-color: #1D4062; }
.yatsu .price-box b { background: #1D4062; }

.kiyo.area { background-color: #F0F7F1; }
/* .kiyo.area { background-color: #E4EFF6; } */
/*.kiyo .spot-title { border-left-color: #64A1D0;}*/
/*.kiyo .spot-title,*/
.kiyo .best-time,
.kiyo .spot__detail i { color: #64A1D0; }
.kiyo .info-box { border-color: #64A1D0; }
.kiyo .element span { background-color: #64A1D0; }
.kiyo .price-box b { background: #64A1D0; }

.azumino.area { background-color: #F0F7F1; }
/* .azumino.area { background-color: #FDEFD9; } */
/*.azumino .spot-title { border-left-color: #F29600;}*/
/*.azumino .spot-title,*/
.azumino .best-time,
.azumino .spot__detail i { color: #F29600; }
.azumino .info-box { border-color: #F29600; }
.azumino .element span { background-color: #F29600; }
.azumino .price-box b { background: #FFF; }
/*.azumino .area__heading:before { background-position: left -88px; }*/
/*.azumino .area__heading:after { background-position: right -88px; }*/

.tateshina.area { background-color: #F0F7F1; }
/* .tateshina.area { background-color: #FCEDF4; } */
/*.tateshina .spot-title { border-left-color: #ED86B3;}*/
/*.tateshina .spot-title,*/
.tateshina .best-time,
.tateshina .spot__detail i { color: #ED86B3; }
.tateshina .info-box { border-color: #ED86B3; }
.tateshina .element span { background-color: #ED86B3; }
.tateshina .price-box b { background: #ED86B3; }
/*.tateshina .area__heading:before { background-position: left -176px; }*/
/*.tateshina .area__heading:after { background-position: right -176px; }*/

.izu.area { background-color: #F0F7F1; }
/* .izu.area { background-color: #f7eee5; } */
/*.izu .spot-title { border-left-color: #A1598E;}*/
/*.izu .spot-title,*/
.izu .best-time,
.izu .spot__detail i { color: #A1598E; }
.izu .info-box { border-color: #A1598E; }
.izu .element span { background-color: #A1598E; }
.izu .price-box b { background: #A1598E; }
/*.izu .area__heading:before { background-position: left -264px; }*/
/*.izu .area__heading:after { background-position: right -264px; }*/

.hamanako.area { background-color: #FCE9DF; }
/*.hamanako .spot-title { border-left-color: #EC6D2A;}*/
/*.hamanako .spot-title,*/
.hamanako .best-time,
.hamanako .spot__detail i { color: #EC6D2A; }
.hamanako .info-box { border-color: #EC6D2A; }
.hamanako .element span { background-color: #EC6D2A; }
.hamanako .price-box b { background: #EC6D2A; }
/*.hamanako .area__heading:before { background-position: left -352px; }*/
/*.hamanako .area__heading:after { background-position: right -352px; }*/

.yamanakako.area { background-color: #F7EEE5; }
/*.yamanakako .spot-title { border-left-color: #C78D54;}*/
/*.yamanakako .spot-title,*/
.yamanakako .best-time,
.yamanakako .spot__detail i { color: #C78D54; }
.yamanakako .info-box { border-color: #C78D54; }
.yamanakako .element span { background-color: #C78D54; }
.yamanakako .price-box b { background: #C78D54; }

/*.takayama.area { background-color: #EEF1F8; }
.takayama .spot-title { border-left-color: #457FA4; }
.takayama .spot-title,
.takayama .spot__detail i { color: #457FA4; }
.takayama .info-box { border-color: #457FA4; }
.takayama .price-box b { background: #457FA4; }
.takayama .element span { background-color: #457FA4; }
.takayama .area__heading:before { background-position: left -440px; }
.takayama .area__heading:after { background-position: right -440px; }*/

.takayama.area { background-color: #EFE7F1; }
/*.takayama .spot-title { border-left-color: #925DA2;}*/
/*.takayama .spot-title,*/
.takayama .best-time,
.takayama .spot__detail i { color: #925DA2; }
.takayama .info-box { border-color: #925DA2; }
.takayama .price-box b { background: #925DA2; }
.takayama .element span { background-color: #925DA2; }
/*.toba .area__heading:before { background-position: left -528px; }*/
/*.toba .area__heading:after { background-position: right -528px; }*/

.toba.area { background-color: #F0F7F1; }
/* .toba.area { background-color: #E9F2F0; } */
/*.toba .spot-title { border-left-color: #6EA69D;}*/
/*.toba .spot-title,*/
.toba .best-time,
.toba .spot__detail i { color: #6EA69D; }
.toba .info-box { border-color: #6EA69D; }
.toba .price-box b { background: #6EA69D; }
.toba .element span { background-color: #6EA69D; }
/*.toba .area__heading:before { background-position: left -528px; }*/
/*.toba .area__heading:after { background-position: right -528px; }*/

.matsu.area { background-color: #F7E8EB; }
/*.matsu .spot-title { border-left-color: #C7687A;}*/
/*.matsu .spot-title,*/
.matsu .best-time,
.matsu .spot__detail i { color: #C7687A; }
.matsu .info-box { border-color: #C7687A; }
.matsu .price-box b { background: #C7687A; }
.matsu .element span { background-color: #C7687A; }
/*.matsu .area__heading:before { background-position: left -616px; }*/
/*.matsu .area__heading:after { background-position: right -616px; }*/

.teikei.area { background-color: #fbe6ea; }
/*.teikei .spot-title { border-left-color: #ce2444;}*/
/*.teikei .spot-title,*/
.teikei .best-time,
.teikei .spot__detail i { color: #e04865; }
.teikei .info-box { border-color: #e04865; }
.teikei .price-box b { background: #e04865; }

@media (min-width:48em) {
	.azumino .area__heading:before { background-position: left -140px; }
	.azumino .area__heading:after { background-position: right -140px; }
	.tateshina .area__heading:before { background-position: left -280px; }
	.tateshina .area__heading:after { background-position: right -280px; }
	.izu .area__heading:before { background-position: left -420px; }
	.izu .area__heading:after { background-position: right -420px; }
	.hamanako .area__heading:before { background-position: left -560px; }
	.hamanako .area__heading:after { background-position: right -560px; }
	.takayama .area__heading:before { background-position: left -700px; }
	.takayama .area__heading:after { background-position: right -700px; }
	.toba .area__heading:before { background-position: left -840px; }
	.toba .area__heading:after { background-position: right -840px; }
	.matsu .area__heading:before { background-position: left -980px; }
	.matsu .area__heading:after { background-position: right -980px; }
}
.photodetail {
	margin: -30px 5px 0px 0px;
	text-align: right;
	color: black;
	font-size: 13px;
	z-index: 50;
	text-shadow: #ffffff 1px 1px 0px, #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px -1px 0px;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.photodetail {
		margin: -20px 5px 5px 0px;
		font-size: 10px;
	}
}

.section_link {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
/*.section_link li {
     margin: 0 14px 0; 
}*/
.section_link li a {
    display: block;
    margin: 0 auto;
    width: 266px;
    padding: 18px 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    /*background: url(../kanko/img/btn_arrow.png) right center no-repeat #ccc;*/
    background-size: 32px 54px;
    cursor: pointer;
}
.section_link li a.hotel {background-color: #66b4f0;}
.section_link li a.cotage {background-color: #66b4f0;}
.section_link li a.dog {background-color: #66b4f0;}
/* .section_link li a.hotel {background-color: #c388b9;}
.section_link li a.cotage {background-color: #c9a063;}
.section_link li a.dog {background-color: #8cb9b2;} */

@media (max-width: 767px) {
	.section_link {display: block;}
	.section_link li {margin: 10px 0;}
}

.mod-subnav a:after {
	color: #5CAD75;
}