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


.photo_box {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 2px;
width: 100%;
}



#rwd-content .photo_box .photo_each {
background: #000;
display: block;
}


#rwd-content .photo_box a {
display: block;
width: 100%;
height: 100%;
transition: 0.7s all ease-out;
}
#rwd-content .photo_box a:hover {
opacity: 0.5;
}


.photo_box img {
width: 100%;
height: auto;
}

.photo_box .photo01 {
grid-row: 1/2;
grid-column: 1/3;
}
.photo_box .photo02 {
grid-row: 1/3;
grid-column: 3/4;
}
.photo_box .photo03 {
grid-row: 2/3;
grid-column: 1/2;
}
.photo_box .photo04 {
grid-row: 2/3;
grid-column: 2/3;
}
.photo_box .photo01 a {
background: url(../img/006/thumb01.jpg) center center no-repeat;
background-size: cover;
}
.photo_box .photo02 a {
background: url(../img/006/thumb02.jpg) center center no-repeat;
background-size: cover;
}