@charset "UTF-8";

.first-wrapper{
	margin:50px 0;
}

.title{
	width:600px;
	margin:30px auto;
}

.second-wrapper{
	margin:40px 0;
}

.place-wrap{
	width:800px;
	margin:auto;
	padding:60px 0;
	box-sizing: border-box;
}

.place-top-img{
	width:100%;
	margin:50px 0 30px;
}

.credit-flex{
	display: flex;
	justify-content: space-around;
	height: auto;
	align-items: flex-start;
	gap:30px;
}

.item-list-box{
	width:48%;
}

.new-item-list li{
	line-height:1.9;
}

.illust{
	width:20%;
	margin:15px;
}

.illust img{
	position:relative;
}

.place-mid-wrap, .place-information{
	width:100%;
	display: flex;
	justify-content: space-between;
	height: auto;
	align-items:center;
	box-sizing: border-box;
}

.reverse{
	flex-flow: row-reverse;
}

.place-mid-wrap{
	margin-bottom:50px;
}

.place-information{
	margin:50px 0;
}

.flex-img{
	width:40%;
}

.place-caption{
	width:55%;
}

.place-caption p, .information p{
	font-size:1.3rem;
	padding:20px 0;
}

.information h2{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:1.8rem;
	text-align: center;
	color:#fff;
}

.blue-bg{
	background-color:#364f72;
	padding:5px;
}

.url{
	font-size:1.1rem;
	text-decoration:underline;
	line-height:1.9;
	color:#000;
}

.url:hover{
	color:#cccccc;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.access_button{
	display:inline-block;
	width:70px;
	margin-top:5px;
	padding:4px;
	background-color:#666;
	border-radius:5px;
	color:#fff;
	font-size:1.1rem;
	font-weight:bold;
	text-align: center;
	text-decoration: none!important;
}

.access_button .fa-map-marker-alt{
	margin-right:5px;
}

.access_button:hover{
	background-color:#ccc;
	color:#fff!important;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.place-img{
	width:40%;
}

.information{
	width:48%;
}

.slide-box{
	padding:40px 0 50px;
	box-sizing: border-box;
}

/*kawachi*/

.kawachi{
	background-color:#fef7fa;
}

.kawachi .place-title{
	width:250px;
}

.kawachi .place-mid-wrap{
	margin-top:-170px;
}

.kawachi .illust img{
	right:120%;
	bottom:120px;
}

.kawachi .place-caption h2 img{
	width:60%;
}

/*toyosato*/

.toyosato{
	background-color:#f5fbfe;
}

.toyosato .place-title{
	width:450px;
}

.toyosato .one img{
	right:120%;
	bottom:40px;
}

.toyosato .two img{
	left:520%;
	bottom:120px;
}

.toyosato .place-mid-wrap{
	margin-top:-80px;
}

.toyosato .place-caption h2 img{
	width:55%;
}

.toyosato .slide-box{
	margin-top:-190px;
}

/*hachiman*/

.hachiman{
	background-color:#fffef7;
}

.hachiman .place-title{
	width:180px;
}

.hachiman .illust{
	width:30%!important;
}

.hachiman .illust img{
	left:300%;
	bottom:100px;
}

.hachiman .place-mid-wrap{
	margin-top:-110px;
}

.hachiman .place-caption h2 img{
	width:65%;
}

/*azuchi*/

.azuchi{
	background-color:#f6faf6;
}

.azuchi .place-title{
	width:250px;
}

.azuchi .place-mid-wrap{
	margin-top:-100px;
}

.azuchi .illust{
	width:15%!important;
}

.azuchi .illust img{
	right:130%;
	bottom:60px;
}

.azuchi .place-caption h2 img{
	width:60%;
}


/*毎月変わるところ*/

.flex-fr{
	width:30%!important;
}

.july_yomoyama_img{
	width:60%;
	margin:20px auto;
}


/* タブレット */
@media screen and (max-width: 768px){

	.title{
		width:450px;
	}

	.place-wrap{
		width:650px;
	}
	
	.place-information{
		align-items:flex-start;
	}
	
	.information{
		margin-top:15px;
	}
	
	.kawachi .place-mid-wrap{
		margin-top:-120px;
	}
	
	.kawachi .illust img{
		right:30px;
		top:1070px;
	}
	
	.toyosato .one img{
		right:30px;
		top:1200px;
	}
	
	.toyosato .two img{
		left:150px;
		top:650px;
	}

	.hachiman .illust img{
		left:30px;
		top:1150px;
	}

	.azuchi .illust img{
		left:30px;
		top:1180px;
	}
	
	.pre-img{
		width:300px!important;
	}

}

/*スマホ*/
@media screen and (max-width:640px){

	.title{
		width:300px;
	}

	.place-wrap{
		width:330px;
	}
	
	.credit-flex, .place-mid-wrap, .place-information{
		display:block;
	}
	
	.item-list-box, .place-caption, .place-img, .information{
		width:100%;
	}
	
	.item-list-box:first-of-type{
		margin-bottom:30px;
	}
	
	.credit-flex{
		margin-bottom:60px;
	}
	
	.flex-img{
		width:80%;
		margin:auto;
	}
	
	.slick-prev:before, .slick-next:before{
		font-size:1.4rem!important;
	}
	
	.slide-box{
		width:96%;
		margin:auto;
	}
	
	.information{
		margin-top:30px;
	}

	.information h2{
		font-size:1.6rem;
	}
	
	.access_button{
		display: block;
		width:80%;
		margin:15px auto;
	}
	
	.illust{
		width:28%;
	}
	
	.kawachi .illust img{
		left:260%;
		top:1860px;
	}
	
	.toyosato .one img{
		left:10%;
		top:1120px;
		z-index:1;
	}
	
	.toyosato .two img{
		left:260%;
		top:1100px;
	}
	
	.hachiman .illust{
		width:40%!important;
	}
	
	.hachiman .illust img{
		left:140%;
		top:1860px;
	}
	
	.azuchi .illust{
		width:20%!important;
	}
	
	.azuchi .illust img{
		left:370%;
		top:1830px;
	}

	.kawachi .place-title, .azuchi .place-title{
		width:50%;
	}
	
	.hachiman .place-title{
		width:37%;
	}
	
	.toyosato .place-title{
		width:100%;
	}
	
	.azuchi .place-caption h2 img{
		width:72%;
	}

	.toyosato .slide-box{
		margin-top:-100px;
	}
	
	.kawachi .credit-flex, .toyosato .credit-flex{
		margin-bottom:80px;
	}
	
	.hachiman .credit-flex{
		margin-bottom:80px;
	}
	
	.azuchi .credit-flex{
		margin-bottom:70px;
	}
		
	.f_img{
		flex-flow: wrap;
		justify-content: space-around;
		gap:10px;
	}
	
	.flex-fr{
		width:48%!important;
		margin-bottom:30px;
	}

	.july_yomoyama_img{
		width:90%;
	}
	

}



/* CSS Document */