.BOO0 .box .ccc{margin-top:80px;margin-bottom:80px}@media media_m{.BOO0 .box .ccc{margin-top:64px}}@media screen and (max-width: 640px){.BOO0 .box .ccc{margin-bottom:64px}}.BOO0 .box .ccc .PhotoList_i1 ul{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto auto;grid-template-columns:auto auto auto auto;grid-gap:5px;width:100%}@media (max-width: 768px){.BOO0 .box .ccc .PhotoList_i1 ul{-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}}.BOO0 .box .ccc .PhotoList_i1 ul li a{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:url(../images/loading_0.svg) no-repeat center;background-size:3.8vw}.BOO0 .box .ccc .PhotoList_i1 ul li a img{width:100%;height:100%;opacity:1;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:"ease";transition-timing-function:"ease";-o-object-fit:cover;object-fit:cover}.BOO0 .box .ccc .PhotoList_i1 ul li a h4{position:absolute;z-index:5;left:0;width:100%;bottom:0;text-align:center;mix-blend-mode:hard-light;color:#fff;opacity:0;line-height:3;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:"ease";transition-timing-function:"ease"}.BOO0 .box .ccc .PhotoList_i1 ul li span{display:none}.BOO0 .box .ccc .PhotoList_i1 ul li:nth-of-type(3){-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:1 / 3 / span 2 / span 2}@media (max-width: 768px){.BOO0 .box .ccc .PhotoList_i1 ul li:nth-of-type(3){-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:1 / 1 / span 2 / span 2}}.BOO0 .box .ccc .PhotoList_i1 ul li:hover a img{-webkit-transform:scale(1.1);transform:scale(1.1)}.BOO0 .box .ccc .PhotoList_i1 ul li:hover a h4{opacity:1}.BOO0 .box .ccc .page{margin-top:60px}@media media_m{.BOO0 .box .ccc .page{margin-top:48px}}@media (max-width: 768px){.BOO0 .box .ccc .page{display:none}}.BOO0 .box .ccc .more{display:none}@media (max-width: 768px){.BOO0 .box .ccc .more{display:block;margin-top:30px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:2.5;color:#fff;background:#0168b7;text-align:center;font-size:16px}}@media media_m and (max-width: 768px){.BOO0 .box .ccc .more{margin-top:24px}}@media (max-width: 768px) and (max-width: 990px){.BOO0 .box .ccc .more{font-size:14.4px}}@media (max-width: 768px) and (max-width: 768px){.BOO0 .box .ccc .more{font-size:12.8px}}