@charset "utf-8";

/*  メインビジュアル
============================================================================= */
.mv-area { background: url("/kokunai/area/shikoku/_images/bg-mv-01.jpg") no-repeat center top; background-size: cover; }


/*  地図
============================================================================= */
.map-sect__list{ background-image: url("/kokunai/area/shikoku/_images/map.png"), url("/kokunai/area/shikoku/_images/map.png"); }
.map-tokushima{ background-image: url("/kokunai/area/shikoku/_images/map_tokushima.png"), url("/kokunai/area/shikoku/_images/map.png"); }
.map-kagawa{ background-image: url("/kokunai/area/shikoku/_images/map_kagawa.png"), url("/kokunai/area/shikoku/_images/map.png"); }
.map-ehime{ background-image: url("/kokunai/area/shikoku/_images/map_ehime.png"), url("/kokunai/area/shikoku/_images/map.png"); }
.map-kochi{ background-image: url("/kokunai/area/shikoku/_images/map_kochi.png"), url("/kokunai/area/shikoku/_images/map.png"); }

.map-sect__tokushima{ left: 75.65%; top: 55.90%; }
.map-sect__kagawa{ left: 73.46%; top: 12.15%; }
.map-sect__ehime{ left: 25.73%; top: 45.66%; }
.map-sect__kochi{ left: 52.67%; top: 80.56%; }


/*  感動12エリア
============================================================================= */

.kando12-sect__inner{
    position: relative;
    margin: 0px;
    padding: 0 5px;
    width: 100%;
    min-width: 970px;
    max-width: 1246px;
}

.kando12-sect__cassette{
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto;
	justify-content: center;
	/*width: 100%;*/
	max-width: 1246px;
}
/*.kando12-sect__item{
	margin: 20px 0 0 3%;
}*/
/*.-bn-cassette .kando12-sect__item{
	width: calc(100% / 2 - 3%);
	
}*/
.-img-cassette .kando12-sect__item{
	width: calc(100% / 3 - 3%);
}

.kando12-sect__item a{
	position: relative;
	transition: opacity .2s;
	color: #323743;
	border-radius: 8px;
}
.-bn-cassette .kando12-sect__item a{
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 5px;
}
.-img-cassette .kando12-sect__item a{
	flex-direction: column-reverse;
	padding: 20px;
}
.kando12-sect__item a:hover{
	opacity: .6;
}

.-bn-cassette .kando12-sect__detail{
	padding: 15px calc(3% - 5px) 15px 0;
	width: 65%;
}
.-img-cassette .kando12-sect__detail{
	margin-top: 10px;
}
.kando12-sect__txt{
	margin-top: 10px;
}
.kando12-sect__detail h3{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.kando12-sect__detail span{
	font-size: 1.1rem;
}
.kando12-sect__img figure{
	position: relative;
}
.kando12-sect__img figcaption{
	position: absolute;
	right: 0;
	bottom: 2px;
	padding: 0 5px;
	color: #fff;
	line-height: 1.1;
	font-size: 1.0rem;
	font-feature-settings: "palt";
	text-align: right;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
.kando12-sect__img img{
	vertical-align: bottom;
}
.kando12-sect__bt{
	position: relative;
	margin-top: 15px;
	padding: 10px 30px;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	border-radius: 50vw;
	background: #1a5178;
}
.kando12-sect__bt:after{
	position: absolute;
	right: 15px;
	top: 50%;
	display: inline-block;
	transform: translateY(-50%);

	font-family: 'kkrs-dp' !important;
	content: "\e902";
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.kando12-sect__item p{
 text-align:center;
}
.-bn-cassette .kando12-sect__img{
	align-items: center;
	width: 100%;
	border-radius: 8px;
	text-align:center;
}
.kando12-sect__bookbt{
	margin-top: 5px;
	padding: 10px;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 50vw;
	background: #1a5178;
}

/*  旅の過ごし方
============================================================================= */
.jtbonly_slider img{
	object-fit: contain !important;
}