@charset "UTF-8";
/* CSS Document */

.page_title{
background-image: url("images/pagetitle.jpg");
background-image: -webkit-image-set(url("images/pagetitle.jpg") 1x, url("images/pagetitle@2x.jpg") 2x);
}

/* 中身-モバイルファースト======================================================================================================== */

#contents h2{
	font-size: 5vw;
	font-weight: bold;
	margin-bottom: 10px;
}
#contents .day{
	display: block;
	color: #2b8c31;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
#contents .comment{
	margin-bottom: 20px;
}
#contents .gallery{
}
#contents .gallery ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#contents .gallery li{
	width: 48%;
	margin-top: 4%;
}



/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){
#detail{
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#contents h2{
	font-size: 30px;
	margin-bottom: 0px;
}

#contents .gallery ul{
	justify-content: flex-start;
}
#contents .gallery li{
	width: 300px;
	margin-top: 50px;
	margin-left: 50px;
}
#contents .gallery li:nth-child(3n-2){
	margin-left: 0px;
}
#contents .gallery li img{
	max-width: 100%;
	height: auto;
}



}