@charset "utf-8";
/* archive css */

.bg_imgbox {
background: url("../img/archive/title_bg.jpg");
background-size: cover;
}
@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/archive/title_bg_sp.jpg") ;
background-size: cover;
}
}

.archive_box {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 40px;
}
.archive_box:nth-child(3n) {
margin-right: 0px;
}
.archive_box dt {
position: relative;
font-family: "cormorant-garamond", serif;
font-weight: 500;
font-size: 2.2rem;
letter-spacing: 0.05em;
line-height: 100%;
padding-left: 10px;
margin-bottom: 10px;
}
.archive_box dt::before {
content: "";
display: inline-block;
background-color: #73001C;
width: 2px;
height: 15px;
position: absolute;
left: 0;
top: 3px;
}
.archive_box dd {
background: #000;
overflow: hidden;
}
.archive_box dd img {
width: 100%;
transition-duration: 0.7s;	
}
.archive_box dd img:hover {
transform: scale(1.05);	
transition-duration: 0.7s;	
opacity: 0.8;
}
.archive_box_wrap {
display: flex;
flex-wrap: wrap;
}

@media all and (max-width : 820px ){
.content {
padding: 20px 0 30px;
}
}

@media all and (max-width : 767px ){
.archive_box {
width: calc(50% - 15px / 2);
margin-right: 15px;
margin-bottom: 20px;
}
.archive_box:nth-child(3n) {
margin-right: 15px;
}
.archive_box:nth-child(2n) {
margin-right: 0px;
}
.archive_box dt {
font-size: 1.6rem;
padding-left: 8px;
margin-bottom: 8px;
}
.archive_box dt::before {
content: "";
display: inline-block;
background-color: #73001C;
width: 2px;
height: 11px;
position: absolute;
left: 0;
top: 2px;
}
}