/* CSS Document */

body{
	color: #4d4d4d;
	fill: #4d4d4d;
	}

#pagePath{}
	#pagePath li{}
		#pagePath li:last-child{
			pointer-events: none;
			}
			#pagePath li:last-child i{
				display: none;
				}

#main{}
	#main article{
		padding-top: 0;
		}
	#main .linkBut.more{
		background: #101a63;
		}
		#main .linkBut.more:hover{
			background: #e50012;
			}
	#main .recommendMore{
		background: #383838;
		color: white;
		margin: 3em auto;
		padding: 1em 3em;
		border-radius: 0.5em;
	}

#hero{
	position: relative;
	padding: 0;
	}
	#hero p{
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		color: #fff;
		font-family: 'YuMincho', 'Yu Mincho', '游明朝体', serif;
		font-weight: bold;
		filter: drop-shadow(0 0 0.2em rgba(0,0,0,1));
		pointer-events: none;
		z-index: 1;
		}
	#hero .slide{
		margin-top: 0;
		}
	#hero .thumb{
		padding-top: 50%;
		}
	#hero .slick-arrow{}
		#hero .slick-arrow svg{
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			}

#category{}
	#category section{
		position: relative;
		margin: 0 0.5em;
		cursor: pointer;
		overflow: hidden;
		}
		#category section:hover h3+div{
			top: 0;
			}
		#category section:hover a{
			top: 0;
			}
	#category h3{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 1em;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		color: #fff;
		z-index: 1;
		}
	#category h3+div{
		position: absolute;
		top: 100%;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 1em;
		background: rgba(0,0,0,0.8);
		color: #fff;
		text-align: center;
		transition: top 0.2s ease-out;
		z-index: 2;
		}
	#category a{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		color: transparent;
		transition: top 0.2s ease-out;
		z-index: 3;
		}
	#category .slick-arrow{}
		#category .slick-arrow svg{
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			}

#topics{}
/*	#topics .subject{
		border-top: 1px solid #ccc;
		} */
/*	#topics .subject+div{
		margin: 0;
		background: #f2ece8;
		}*/

	#topics .area{
		background: #000;
		color: #fff;
		}
	#topics .area.aomori{
		background: #147fa3;
		border-color: #147fa3;
		}
	#topics .area.akita{
		background: #d9383a;
		border-color: #d9383a;
		}
	#topics .area.iwate{
		background: #bf8f17;
		border-color: #bf8f17;
		}
	#topics .area.yamagata{
		background: #539e2e;
		border-color: #539e2e;
		}
	#topics .area.miyagi{
		background: #f08426;
		border-color: #f08426;
		}
	#topics .area.niigata{
		background: #829799;
		border-color: #829799;
		}
	#topics .area.fukushima{
		background: #e56e80;
		border-color: #e56e80;
		}

#searchMenu{
	margin: 2em auto;
	padding-bottom: 2em;
	}
	#searchMenu+section{
		padding-top: 0;
		}

#recommend{}
	#recommend h2 {
		margin: 0;
	}
	#recommend .recommendHeader{
		margin: 0;
		padding: 0;
	}
	#recommend .tabMenu li{
		padding: 0.8em;
	}
	#recommend .tabMenu li:before,
	#recommend h3+div:after{
		display: none;
	}

	#recommend h3+div{
		overflow: hidden;
	}
	#recommend h3+div dl:not(:first-child):nth-child(3n-2):before,
	#recommend h3+div dl:not(:first-child):nth-child(odd):before{
		content: "";
		display: inline-block;
		background: #ccc;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
	}

#feature{}
.seminar{}
	.seminar .subject{
		border-top: 5px solid #101a63;
	}

article#guide {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
	padding-top: 4em;
}
	#guide h2 {
		text-align: center;
		margin-bottom: 1em;
		font-weight: bold;
	}
	#guide > svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		fill: rgba(18,44,64,0.06);
		color: #122c54;
		background: #d3f0f0;
		z-index: -1;
	}
#lead {
    background: #fff;
	filter: drop-shadow(0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1));
	}
	#lead span {
		margin-left: 1em;
		line-height: 1.6em;
		display: block;
		}

#movie{background: none;}
	#movie h2{
		color: black;
	}

#movieBody{
	display: flex;
	}
	#movieBody dl{
		display: flex;
		flex-direction: column;
		align-items: stretch;
		margin-top: 2em;
		}
	#movieBody dt{
		line-height: 1.4em;
		}
	#movieBody dt+dd{
		position: relative;
		margin-bottom: 1em;
		padding-top: 66.66%;
		order: -1;
		}
	#movieBody dd{}
		#movieBody dd iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}

#banner{}
	#banner ul{
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		}
	#banner li{
		background: #f2f2f2;
		}
	#banner .thumb{
		padding-top: 28%;
		background-size: contain;
		object-fit: contain;
		}

.itemSlide{}
	.itemSlide dl{
		position: relative;
		display: flex !important;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 0.5em;
		}
	.itemSlide dt{
		width: 100%;
		margin-top: 0.5em;
		color: #1a1a1a;
		font-weight: bold;
		line-height: 1.4em;
		order: 3;
		}
	.itemSlide dd{}
		.itemSlide dd:nth-of-type(1){
			width: 100%;
			margin-bottom: 0.5em;
			order: 1;
			}
		.itemSlide dd:nth-of-type(2){
			padding: 0.5em 1em;
			color: #fff;
			background: #ccc;
			font-size: 0.8em;
			order: 2;
			}
		.itemSlide dd:nth-of-type(3){
			order: 4;
			}
		.itemSlide dd.aomori{
			background: #147fa3;
			}
		.itemSlide dd.akita{
			background: #d9383a;
			}
		.itemSlide dd.iwate{
			background: #bf8f17;
			}
		.itemSlide dd.yamagata{
			background: #539e2e;
			}
		.itemSlide dd.miyagi{
			background: #f08426;
			}
		.itemSlide dd.niigata{
			background: #829799;
			}
		.itemSlide dd.fukushima{
			background: #e56e80;
			}
	.itemSlide a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: transparent;
		}
	.itemSlide .thumb{
		padding-top: 66.66%;
		}
	.itemSlide .slick-arrow{}
		.itemSlide .slick-arrow svg{
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			}


/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#recommend{}
	#recommend li {
    	width: calc(12% - 0.375em);
	}
	#recommend h3+div dl:not(:first-child):nth-child(odd):before {
		height: 1px;
	}
#category{}
	#category .thumb{
		padding-top: 66.66%;
		}
	#category .slide{
		margin-left: -1em;
		margin-right: -1em;
		}
#banner{}
	#banner ul{
		justify-content: space-between;
		}
	#banner li{
		width: calc(50% - 0.5em);
		}
		#banner li:nth-child(n+3){
			margin-top: 1em;
			}
.itemSlide{
	margin-left: -1em;
	margin-right: -1em;
	}
.subject{}
	.subject+*{
		margin-top: 2em;
		}
#lead {
	margin: 2em 0;
	padding: 1em;
	}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#recommend{}
	#recommend .tabMenu li:nth-child(n+3) {
    	margin-top: 0;
	}
#movieBody{
	flex-direction: column;
	}
	#movieBody dl{}
		#movieBody dl:first-child{
			margin-top: 0;
			}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#movieBody{
	flex-wrap: wrap;
	justify-content: space-between;
	}
	#movieBody dl{
		width: calc(50% - 0.5em);
		}
		#movieBody dl:nth-of-type(-n+2){
			margin-top: 0;
			}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#category{}
	#category .wrap{
		overflow: hidden;
		}
	#category .thumb{
		padding-top: 120%;
		}
	#category .slide{
		margin-left: -0.5em;
		margin-right: -0.5em;
		}
	#category .slick-prev{
		left: 0.5em;
		}
	#category .slick-next{
		right: 0.5em;
		}
#program{}
	#program .wrap{
		overflow: hidden;
		}
#attractions{}
	#attractions .wrap{
		overflow: hidden;
		}
#itineraries{}
	#itineraries .wrap{
		overflow: hidden;
		}
#recommned{}
	#recommend h3+div dl:last-child {
		margin-left: 4em;
	}
	#recommend h3+div dl:nth-child(3n-2),
	#recommend h3+div dl:nth-child(3n){
		margin-left: 0;
	}
	#recommend h3+div dl:not(:first-child):nth-child(3n-2):before {
		height: 1px;
	}
#movieBody{
	flex-wrap: wrap;
	justify-content: space-between;
	}
	#movieBody dl{
		width: calc(50% - 1em);
		}
		#movieBody dl:nth-of-type(-n+2){
			margin-top: 0;
			}
.itemSlide{
	margin-left: -0.5em;
	margin-right: -0.5em;
	}
	.itemSlide .slick-prev{
		left: 0.5em;
		}
	.itemSlide .slick-next{
		right: 0.5em;
		}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
#lead {
	margin: 3em 0;
	padding: 1.5em;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#banner{}
	#banner li{
		width: calc(33.33% - 0.67em);
		}
		#banner li:nth-child(3n+2){
			margin: 0 1em;
			}
		#banner li:nth-child(n+4){
			margin-top: 1em;
			}
.subject{}
	.subject+*{
		margin-top: 3em;
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#banner{}
	#banner li{
		width: calc(25% - 0.75em);
		margin-left: 1em;
		}
		#banner li:nth-child(4n+1){
			margin-left: 0;
			}
		#banner li:nth-child(n+5){
			margin-top: 1em;
			}
.subject{}
	.subject+*{
		margin-top: 4em;
		}
	#main .subject h2.headline {
		font-size: 2em;
	}
#lead {
	margin: 4em 0;
	padding: 2em;
	}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}



/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none) {
}