@charset "utf-8";

#vol-51-2{}
#vol-51-2 .main_title{ text-align: center; margin-bottom: 2em;}
#vol-51-2 .main_title h3,
#vol-51-2 .main_title h3 small,
#vol-51-2 .main_title h3 strong{ color: black; font-weight: 300;}
#vol-51-2 .main_title h3{ line-height: 1.6; border: 2px solid black; display: inline-block; position: relative;}
#vol-51-2 .main_title h3 small,
#vol-51-2 .main_title h3 strong{ line-height: 0.8;}
#vol-51-2 .main_title h3 small{}
#vol-51-2 .main_title h3 strong{}

#vol-51-2 .main_title h3>span{ position: absolute;}
#vol-51-2 .main_title h3>span:first-child{ bottom: 0; left: 0; width: 40px; height: 40px;}
#vol-51-2 .main_title h3>span:last-child{ top: 0; right: 0;}
#vol-51-2 .main_title h3>span::before,
#vol-51-2 .main_title h3>span::after{ content: ""; display: block; width: 0; height: 0; border-style: solid; position: absolute;}
#vol-51-2 .main_title h3>span::before{ z-index:1;}

#vol-51-2 .main_title h3>span:first-child::before,
#vol-51-2 .main_title h3>span:first-child::after{ border-width: 40px 0 0 40px;}
#vol-51-2 .main_title h3>span:first-child::before{ border-color: transparent transparent transparent #ffffff; bottom: -2px; left: -2px;}
#vol-51-2 .main_title h3>span:first-child::after{ border-color: transparent transparent transparent #000000; bottom: -1px; left: -1px;}

#vol-51-2 .main_title h3>span:last-child::before,
#vol-51-2 .main_title h3>span:last-child::after{ border-width: 0 40px 40px 0;}
#vol-51-2 .main_title h3>span:last-child::before{ border-color: transparent #ffffff transparent transparent; top: -2px; right: -2px;}
#vol-51-2 .main_title h3>span:last-child::after{ border-color: transparent #000000 transparent transparent; top: -1px; right: -1px;}
@media (min-width:768px){
#vol-51-2 .main_title{}
#vol-51-2 .main_title h3{ font-size: 16px; padding: 1em 5em;}
#vol-51-2 .main_title h3 small{ font-size: 10px;}
#vol-51-2 .main_title h3 strong{ font-size: 22px;}

}
@media (max-width:767px){
#vol-51-2 .main_title{}
#vol-51-2 .main_title h3{ font-size: 14px; padding: 1em 5em;}
#vol-51-2 .main_title h3 small{ font-size: 8px;}
#vol-51-2 .main_title h3 strong{ font-size: 18px;}


#vol-51-2 .sp_display div{ margin-bottom: 5px; }
#vol-51-2 .sp_display div,
#vol-51-2 .sp_display figcaption{ display: block; padding: 0;}
}


#vol-51-2.box51_3{ background-color: #faf9f0;}

@media (min-width:768px){
#vol-51-2.box51_3{ padding: 20px;}
#vol-51-2.box51_3 .main_img{ margin: 0 -20px; width: 700px; max-width: 700px; height: auto; display: block;}
.vol_51_shop{ vertical-align: middle;}
}
@media (max-width:767px){
#vol-51-2.box51_3{ padding: 15px; margin: 0 -5px;}
.vol_51_shop{ text-align: center;}
#vol-51-2.box51_3 .sp_display div.vol_51_shop_img{ padding:0 60px;}
}







.vol51_05img{}
.note-editable h4.vol51_05h4,
.note-editable h4.vol51_05h4 small{ color: black; font-weight: 600;}
@media (min-width:768px){
.vol51_05h4{ padding-bottom: 10px; padding-top: 60px;}
}
@media (max-width:767px){
.vol51_05img{ width: 200px;}
.note-editable h4.vol51_05h4{ margin-top: 50px; padding-bottom: 20px; font-size: 18px;}
}













@media (min-width:768px){}
@media (max-width:767px){}