@charset "utf-8";

/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#page-ttl{
		height: 37.7rem;
	}
	#tourism{
	}
	#tourism_bloc{
	}
	#tourism_bloc .inner {
		position: relative;
		padding-top: 0;
		padding-bottom: 17.7rem;
	}
	#tourism_bloc .txt_area {
		text-align: center;
		margin-bottom: 11.1rem;
		width: 100%;
	}
	#tourism_bloc .txt_area h3 {
		color: #222;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1em;
		letter-spacing: -0.05em;
		margin-bottom: 2.4rem;
	}
	#tourism_bloc .txt_area p{
		font-size: 1.4rem;
		line-height: 1.7em;
		letter-spacing: 0;
	}

	#spot_bloc {
		margin-bottom: 11.3rem;
	}
	#spot_bloc h3 {
		margin-bottom: 5.6rem;
	}

	#culture_bloc{
		margin-bottom: 14.1rem;
	}
	#culture_bloc h3{
		margin-bottom: 5.6rem;
	}

	#leisure_bloc{
	}
	#leisure_bloc h3{
		margin-bottom: 5.6rem;
	}

	ul.tourism_list{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		width:100%;
	}
	ul.tourism_list li{
		max-width:36rem;
		margin-top:5.6rem;
		width:31.6%;
		margin-right:2.6%;
	}
	ul.tourism_list li:nth-child(-n+3){
		margin-top:0;
	}
	ul.tourism_list li:nth-child(3n){
		margin-right:0;
	}
	ul.tourism_list li .img{
		width: 100%;
		margin-bottom: 2.5rem;
	}
	ul.tourism_list li .img img{
		width:100%;
	}
	ul.tourism_list li h4 {
		color: #222;
		font-size: 2.4rem;
		font-weight: normal;
		line-height: 1.3em;
		letter-spacing: 0;
		margin-bottom: 2rem;
		text-align: center;
	}
	ul.tourism_list li p{
		font-size: 1.4rem;
		line-height: 1.7em;
		letter-spacing: 0;
	}
}
/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	#page-ttl {
		height: 4.27rem;
	}
	#tourism{
	}
	#tourism_bloc{
	}
	#tourism_bloc .inner {
		position: relative;
		padding-top: 0;
		padding-bottom: 1.77rem;
	}
	#tourism_bloc .txt_area {
		text-align: center;
		margin-bottom: 1.08rem;
		width: 100%;
	}
	#tourism_bloc .txt_area h3 {
		color: #222;
		font-size: 0.36rem;
		font-weight: bold;
		line-height: 1em;
		letter-spacing: -0.03em;
		margin-bottom: 0.21rem;
	}
	#tourism_bloc .txt_area p{
		font-size: 0.26rem;
		line-height: 1.4em;
		letter-spacing: 0;
	}

	#spot_bloc {
		margin-bottom: 1.1rem;
	}
	#spot_bloc h3 {
		margin-bottom: 0.55rem;
	}

	#culture_bloc{
		margin-bottom: 1.1rem;
	}
	#culture_bloc h3{
		margin-bottom: 0.55rem;
	}

	#leisure_bloc{
	}
	#leisure_bloc h3{
		margin-bottom: 0.55rem;
	}

	ul.tourism_list{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		width:100%;
	}
	ul.tourism_list li{
		margin-top:0.56rem;
		width:47.1%;
		margin-right:5.8%;
	}
	ul.tourism_list li:nth-child(-n+2){
		margin-top:0;
	}
	ul.tourism_list li:nth-child(2n){
		margin-right:0;
	}
	ul.tourism_list li .img{
		width: 100%;
		margin-bottom: 0.22rem;
	}
	ul.tourism_list li .img img{
		width:100%;
	}
	ul.tourism_list li h4 {
		color: #222;
		font-size: 0.32rem;
		font-weight: normal;
		line-height: 1.3em;
		letter-spacing: 0;
		margin-bottom: 0.16rem;
		text-align: center;
	}
	ul.tourism_list li p{
		font-size: 0.26rem;
		line-height: 1.4em;
		letter-spacing: 0;
	}
}