@charset "utf-8";

h1.category-ttl{ text-align:center; font-size:32px; color:#381d12; line-height:1; padding:40px 0 0 0;}
hr.ttl_section{ height:1px; background-color:#444; width:80px; margin:14px auto; border:0;}
h1.todays-ttl{ text-align:center; font-size:18px; padding-bottom:50px;}

#todays{ width:1024px; margin:0 auto; padding:64px 0;}
#todays-detail{ width:1024px; margin:0 auto; padding-bottom:64px;}

ul.todays-list{ display: flex; flex-wrap: wrap; justify-content: center;}
ul.todays-list li { position:relative; width:226px; background:#FFF;}
ul.todays-list li:not(:nth-child(4n+1)) { margin-left: 40px; }
ul.todays-list li:nth-child(n+5) { margin-top: 40px; }
ul.todays-list li .cover-zoom { height: auto; }
ul.todays-list li .todays-txt{ background:#FFF; padding:15px; box-sizing:border-box;}
ul.todays-list li .todays-txt p{ font-weight:bold; margin-bottom:1em;}
ul.todays-list li img{ width:100%; height:auto;}
ul.todays-detail-list{ margin-left:-8px;}
ul.todays-detail-list li{ float:left; margin:0 0 8px 8px; position:relative; width:250px;}
ul.todays-detail-list li div{ width:250px; height:250px; overflow:hidden; text-align:center;}
ul.todays-detail-list li img{ width:auto; height:100%;}
.todays-modal-txt{ color:#fff; padding:10px 0;}

.item-info-area{ margin:14px 0; color:#FFF; }
.item-info-area a { color:#FFF; text-decoration: underline; transition: 0.3s; }
.item-info-area a:hover { text-decoration: none; }


.mfp-auto-cursor .mfp-content { max-width: 700px; }
.mfp-container { margin: 100px auto; }