/* CSS Document */

#tohokuJapan{
	position: relative;
	padding: 0.4em;
	background: #8c6239;
	border-radius: 0.4em;
	color: #fff;
	text-align: center;
	}
	#tohokuJapan i{
		display: block;
		}
		#tohokuJapan i img{
			width: 100%;
			height: auto;
			}
	#tohokuJapan span{
		display: block;
		line-height: 1em;
		}
	#tohokuJapan h4{
		line-height: 1em;
		}
	#tohokuJapan ul{
		display: flex;
		list-style: none;
		}
	#tohokuJapan a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: transparent;
		}


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


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#tohokuJapan{}
	#tohokuJapan span{
		margin-bottom: 0.5em;
		}
	#tohokuJapan h4{
		font-size: 1.4em;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#tohokuJapan{}
	#tohokuJapan i{
		padding: 0.6em 25% 1em 30%;
		}
	#tohokuJapan ul{
		flex-wrap: wrap;
		margin-top: 1em;
		}
	#tohokuJapan li{
		width: 33.33%;
		}
	#tohokuJapan .thumb{
		padding-top: 100%;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#tohokuJapan{
	padding-top: 1em;
	}
	#tohokuJapan i{
		float: left;
		width: 7em;
		margin-top: -0.6em;
		padding: 0.5em;
		background: #fff;
		}
	#tohokuJapan h4+div{
		clear: both;
		}
	#tohokuJapan li{
		width: calc(100% / 6);
		}
	#tohokuJapan .thumb{
		padding-top: 200%;
		}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#tohokuJapan{
	padding-top: 1.5em;
	}
	#tohokuJapan i{
		float: left;
		margin-top: -1.1em;
		background: #fff;
		}
	#tohokuJapan span{
		margin-bottom: 1em;
		}
	#tohokuJapan h4+div{
		clear: both;
		}
	#tohokuJapan li{
		width: calc(100% / 6);
		}
	#tohokuJapan .thumb{
		padding-top: 150%;
		}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#tohokuJapan{}
	#tohokuJapan i{
		width: 11em;
		padding: 0.8em;
		}
	#tohokuJapan span{
		font-size: 1.1428571em;
		}
	#tohokuJapan h4{
		font-size: 1.714285em;
		}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#tohokuJapan{}
	#tohokuJapan i{
		width: 11em;
		padding: 0.8em;
		}
	#tohokuJapan span{
		font-size: 1.125em;
		}
	#tohokuJapan h4{
		font-size: 1.875em;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
#tohokuJapan{
	margin: 0 50px;
	}
}
@media (min-width: 1200px) {
/*1200px以上*/
#tohokuJapan{
	margin: 0 150px;
	}
}


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


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