@charset "UTF-8";

/* ===================================================================

file name  :  magazine.css

=================================================================== */
.list-archive{ display: flex; margin: 30px 0 0; padding: 0 2px; width: 100%; border-bottom: 1px solid rgba(178,170,166,.7); justify-content: center;}
.list-archive > li{ padding: 0 4px;}
.list-archive a{ position: relative; display: flex; padding: 0 12px; height: 45px; border: 1px solid rgba(178,170,166,.7); border-bottom: none; border-radius: 4px 4px 0 0; text-align: center; white-space: nowrap; letter-spacing: .02em; font-weight: 400; font-size: 11px; font-family: trajan-pro-3, serif; line-height: 1.4; align-items: center;}
.list-archive .current a{ background: rgba(178,170,166,.7);}

.content{ padding: 30px;}

.list-entry{ font-family: trajan-pro-3, serif;}
.list-entry > li + li{ margin: 45px 0 0;}
.list-entry a{ display: block;}
.list-entry figure{ overflow: hidden; border-radius: 0 30px 0 0;}
.list-entry img{ width: 100%; transition: all .6s ease; transform: scale(1);}
.list-entry a:hover img{ transform: scale(1.1);}
.list-entry .detail{ display: flex; margin: 12px 0 0; flex-wrap: wrap; justify-content: space-between; align-items: baseline;}
.list-entry .cat{ display: flex; padding: 0 .75em; height: 24px; border: 1px solid rgba(0,0,0,.5); border-radius: 5px; font-weight: 400; font-size: 12px; line-height: 1; align-items: center; justify-content: center;}
.list-entry time{ font-size: 12px;}
.list-entry h2{ margin: .5em 0 0; width: 100%; font-size: 14px; line-height: 1.75;}
.list-entry h2 span{ font-weight: 600;}

section .date{ display: flex; padding: 0 0 1em; font-size: 12px; font-family: trajan-pro-3, serif; line-height: 1; align-items: center;}
section .date .cat{ display: flex; padding: 0 .75em; height: 30px; border: 1px solid rgba(0,0,0,.5); border-radius: 5px; color: #3e3a39; font-weight: 400; align-items: center; justify-content: center;}
section .date time{ margin: 0 0 0 1em;}
section h2{ color: #3e3a39; letter-spacing: .02em; font-weight: 400; font-size: 18px; font-family: trajan-pro-3, serif; line-height: 1.75;}
section h2 span{ font-weight: 600;}
section .detail{ margin: 30px 0 0; font-size: 14px; line-height: 1.75;}
section .detail > *:first-child{ margin: 0;}
section .detail h3{ margin: 3em 0 0; padding: 0 0 .5em; border-bottom: 1px solid rgba(0,0,0,.5); letter-spacing: normal; font-weight: 500; font-size: 120%; line-height: 1.75;}
section .detail p{ margin: 1.5em 0 0;}
section .detail figure{ margin: 30px calc(50% - 50vw) 0;}
section .detail figure.hero{ margin: 0 calc(50% - 50vw);}
section .detail figcaption{ display: flex; text-align: center; font-size: 10px; justify-content: center;}
section .menu{ margin: 30px 0 0; padding: 30px; border-radius: 5px; background: #fff; color: #3e3a39;}
section .menu dt{ font-weight: 700;}
section .menu dd{ padding: .5em 0 0;}
section .menu dd ol{ margin: 0 0 0 1.15em;}
section .menu dd ol > li{ list-style: disc;}
section .menu dd ol > li + li{ margin: .5em 0 0;}
section .detail a{ color: #988575; text-decoration: underline;}
section .detail a:hover{ text-decoration: none;}
section .more{ margin: 1.5em 0 0;}
section .more a{ display: flex; padding: .5em; background: #988575; color: #fff; text-decoration: none; letter-spacing: normal; justify-content: center; align-items: center;}

.reserve{ margin: 60px 0 0; padding: 30px; border: 1px solid rgba(178,170,166,.7); text-align: center;}
.reserve dt{ color: #988575; letter-spacing: .1em; font-weight: 500; font-size: 18px; font-family: trajan-pro-3, serif; line-height: 1;}
.reserve dd{ padding: 15px 0 0;}
.reserve a{ display: flex; height: 45px; border: 1px solid rgba(178,170,166,.7); background: rgba(255,255,255,.7); color: #3e3a39; font-weight: 400; font-size: 14px; font-family: trajan-pro-3, serif; align-items: center; justify-content: center;}