@charset "utf-8";
/* 下層ページcss */

/*===============================================
●共通
===============================================*/


.boxContents .articleBox .photoBox {
	width: 75%;
	margin: 0 auto 2.5em;
}
.boxContents .articleBox .photoBox li a{
	display: block;
	width: 100%;
	padding-top: 75%;
	border-radius: 1em;
}
.boxContents .articleBox .photoBox img {
	width: 100%;
	height: auto;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px){
	
	.boxContents .articleBox:not(:first-child) {
		padding-top: 9.4%;
	}
	
	.boxContents .articleBox .photoBox { margin-top: 2em;}
	.boxContents .articleBox .photoBox li {
		margin-bottom: 1%;
	}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px){
	
	.boxContents .articleBox:not(:first-child)  {
		padding-top: 9.4%;
	}
	.boxContents .articleBox .photoBox { margin-top: 2em;}
	.boxContents .articleBox .photoBox li {
		margin-bottom: 1%;
	}

}