@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------
スペシャル
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.PageBody.-special .layout { overflow:hidden; padding:16px; }
.PageBody.-special .layout > ul { display:flex; flex-wrap:wrap; align-items:stretch; margin-right:-1px; }
.PageBody.-special .layout li { width:25%; margin-bottom:80px; padding-right:1px; box-sizing:border-box; }
.PageBody.-special .layout a.thumArea { display:block; overflow:hidden; width:100%; padding-top:56.25%; position:relative; cursor:pointer; }
.PageBody.-special .layout .img { width:100%; position:absolute; top:0; right:0; width:100% !important; height:auto !important; transform:scale(1.01); transition-duration:0.3s; z-index:1; }
.PageBody.-special .layout .textArea { padding:26px 40px 0 0; }
.PageBody.-special .layout .name { font-size:0; margin-bottom:4px; }
.PageBody.-special .layout .name p { display:block; font-size:12px; line-height:2; margin-bottom:32px; font-feature-settings:"palt"; letter-spacing:.04em; }

/* hover */
.hover .PageBody.-special .layout a.thumArea:hover .img { transform:scale(1.1) rotate(0.1deg); opacity:.8; }



@media screen and (max-width:1600px) {
	.PageBody.-special .layout li { width:33.33%; }
}
@media screen and (max-width:1199px) {
	.PageBody.-special .layout li { width:50%; }
}
@media screen and (max-width:1023px) {
	.PageBody.-special .layout li { margin-bottom:40px; }
}
@media screen and (max-width:767px) {
	.PageBody.-special .layout li { width:100%; margin-bottom:36px; }
	.PageBody.-special .layout .textArea { padding:12px 0 0 0; }
	.PageBody.-special .layout .name { margin-bottom:0; }
	.PageBody.-special .layout .name p {  margin-bottom:0; line-height:1.5; }
}