@charset "UTF-8";


/* ================================================
　カテゴリ共通
================================================ */


.seasons {
	margin-top: -100px;
	text-align: left;
}
.seasons_box {
	padding: 5%;
	height: 85vh;
}
.seasons_box p a {
	color: #000;
}
.seasons_title {
	line-height: 1.15;
	font-size: 24vw;
	color: #fff;
	font-style: italic;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.seasons_copy {
	letter-spacing: 0.1em;
	line-height: 1.4;
	display: block;
	font-size: 4vw;
}
.seasons_copy span {
	background: url(../common/img/arrow_w.png) no-repeat left center;
	background-size: 9px 15px;
	padding-left: 12px;
	letter-spacing: 0;
	line-height: 2.2;
	font-size: 3vw;
	display: inline-block;
	font-style: normal;
	font-family: "a-otf-ud-shin-go-pr6n", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.seasons_copy span a {
	color: #fff;
}


/* TB以上 */
@media screen and (min-width:768px) {
.seasons_copy span {
	font-size: 1.5vw;
}
}


.su .seasons_title {
	text-shadow: -1px 0 5px hsla(80,100%,10%,0.40), 0 1px 5px hsla(80,100%,10%,0.40), 1px 0 5px hsla(80,100%,10%,0.40), 0 -1px 5px hsla(80,100%,10%,0.40);
}
.su .seasons_copy {
	text-shadow: -1px 0 5px hsla(80,100%,10%,0.80), 0 1px 5px hsla(80,100%,10%,0.80), 1px 0 5px hsla(80,100%,10%,0.80), 0 -1px 5px hsla(80,100%,10%,0.80);
}
.au .seasons_title {
	text-shadow: -1px 0 5px hsla(80,100%,10%,0.40), 0 1px 5px hsla(80,100%,10%,0.40), 1px 0 5px hsla(80,100%,10%,0.40), 0 -1px 5px hsla(80,100%,10%,0.40);
}
.au .seasons_copy {
	text-shadow: -1px 0 5px hsla(80,100%,10%,0.80), 0 1px 5px hsla(80,100%,10%,0.80), 1px 0 5px hsla(80,100%,10%,0.80), 0 -1px 5px hsla(80,100%,10%,0.80);
}
.wi .seasons_title {
	text-shadow: -1px 0 5px hsla(210,100%,10%,0.40), 0 1px 5px hsla(210,100%,10%,0.40), 1px 0 5px hsla(210,100%,10%,0.40), 0 -1px 5px hsla(210,100%,10%,0.40);
}
.wi .seasons_copy {
	text-shadow: -1px 0 5px hsla(210,100%,10%,0.80), 0 1px 5px hsla(210,100%,10%,0.80), 1px 0 5px hsla(210,100%,10%,0.80), 0 -1px 5px hsla(210,100%,10%,0.80);
}


/* TB以上 */
@media screen and (min-width:768px) {
.seasons_title {
	font-size: 14vw;
}
.seasons_copy {
	font-size: 28px;
}
}


.sp {
	background: url(images/sp.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.sp .seasons_title {
	position: absolute;
	left: 5%;
	top: 8%;
}
.su {
	background: url(images/su.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	text-align: right;
}
.su .seasons_title {
	position: absolute;
	right: 5%;
	bottom: 5%;
}
.au {
	background: url(images/au.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.au .seasons_title {
	position: absolute;
	left: 5%;
	bottom: 5%;
}
.wi {
	background: url(images/wi.jpg) no-repeat center center;
	background-size: cover;
	text-align: right;
	position: relative;
}
.wi .seasons_title {
	position: absolute;
	right: 5%;
	top: 5%;
}

/* SP以下 */
@media screen and (max-width:767px) {
.seasons p {
	position: absolute;
	width: 28%;
	font-size: 12px;
	text-align: left;
}
.sp p a {
	color: #fff;
}
.sp01 {
	left: 5%;
	bottom: 2.5%;
}
.sp02 {
	left: 36%;
	bottom: 2.5%;
}
.sp03 {
	left: 67%;
	bottom: 2.5%;
}
.sp img {
	width: 100%;
}
.su01 {
	left: 5%;
	top: 5%;
}
.su02 {
	left: 36%;
	top: 5%;
}
.su03 {
	left: 67%;
	top: 5%;
}
.su img {
	width: 100%;
}
.au01 {
	left: 5%;
	top: 5%;
}
.au02 {
	left: 36%;
	top: 5%;
}
.au03 {
	left: 67%;
	top: 5%;
}
.au img {
	width: 100%;
}
.wi01 {
	left: 5%;
	bottom: 2.5%;
}
.wi02 {
	left: 36%;
	bottom: 2.5%;
}
.wi03 {
	left: 67%;
	bottom: 2.5%;
}
.wi img {
	width: 100%;
}
}

/* TB以上 */
@media screen and (min-width:768px) {
.sp p {
	position: absolute;
	width: 14%;
}
.sp p a {
	color: #fff;
}
.au p a {
	color: #fff;
    text-shadow: -1px 0 5px 
hsla(210,100%,10%,0.80), 0 1px 5px hsla(210,100%,10%,0.80), 1px 0 5px hsla(210,100%,10%,0.80), 0 -1px 5px
    hsla(210,100%,10%,0.80);
}
.sp01 {
	right: 5%;
	bottom: 5%;
}
.sp02 {
	right: 20%;
	bottom: 5%;
}
.sp03 {
	right: 35%;
	bottom: 5%;
}
.sp img {
	width: 100%;
}

.su p {
	position: absolute;
	width: 14%;
	text-align: left;
}
.su01 {
	left: 5%;
	top: 5%;
}
.su02 {
	left: 20%;
	top: 5%;
}
.su03 {
	left: 35%;
	top: 5%;
}
.su img {
	width: 100%;
}

.au p {
	position: absolute;
	width: 14%;
}
.au01 {
	left: 5%;
	top: 5%;
}
.au02 {
	left: 20%;
	top: 5%;
}
.au03 {
	left: 35%;
	top: 5%;
}
.au img {
	width: 100%;
}

.wi p {
	position: absolute;
	width: 14%;
	text-align: left;
}
.wi01 {
	left: 5%;
	bottom: 5%;
}
.wi02 {
	left: 20%;
	bottom: 5%;
}
.wi03 {
	left: 35%;
	bottom: 5%;
}
.wi img {
	width: 100%;
}
}



/* ================================================
　観光案内
================================================ */

/* SP以下 */
@media screen and (max-width:767px) {
.bnr img {
	width: 100%;
}
}

.info p > img {
	width: 100%;
}