@charset "UTF-8";

.anniv-cam { padding: 20% 5% 10%; }
.anniv-cam-title { margin-bottom: 6vw; font-size: 6vw; font-family: var(--mincho); text-align: center; line-height: 1.6; }
.anniv-cam-title b { margin-bottom: 2vw; padding: 2vw 0; color: #b99a56; display: block; font-size: 6.8vw; font-family: var(--mincho); text-align: center; line-height: 1.6; border-top: 1px solid #b99a56; border-bottom: 1px solid #b99a56; }
.anniv-cam-title span { display: block; }
.anniv-cam-title .jp { margin-bottom: 2vw; font-weight: 600; }
.anniv-cam-title .date { width: fit-content; margin: auto; padding: 1vw 4vw; color: #fff; font-size: 5vw; font-weight: 600; background: #b99a56; }
.anniv-cam img { width: 100%; margin-bottom: 6vw; }

.price dl { margin-bottom: 4vw; padding: 4vw; background: #f1f1f1; }
.price dt { width:100%; font-family:var(--mincho); font-size: 7vw; font-weight: 600; margin-bottom: 2%; font-feature-settings: "palt"; letter-spacing: 0.04em; line-height: 1.4; }
.option dt small { font-size: 80%; }
.price dd { margin-bottom: 4vw; color: rgb(133, 11, 11); font-size: 10vw; font-family: var(--mincho); font-weight: 400;}
.price dd .time { margin-right: 4vw; padding: 2vw 4vw; display: inline-block; color: #fff; font-size: 5vw; font-weight: 600; background: #968472; vertical-align: top; }
.price dd small { font-size: 60%; }
.price .flow { padding-top: 5vw; border-top:2px dotted #ccc; margin: 4vw 0 6vw 0;}
.price .flow { color: #000; font-size: 4vw; }
.price .flow span { margin: 0 2vw 2vw; display: inline-table; background: #f1f1f1; padding: 1% 3%; font-family: var(--mincho); line-height:1; font-size: 4vw; position: relative;top: -3px;}
.price .flow span.flow-title { width: fit-content; margin-bottom: 2vw; padding: 2vw 4vw; color: #fff; display: block; font-weight: 600; background: #968472; }

.anniv-cam .option { margin-bottom: 6vw; }
.anniv-cam .option-title { margin-bottom: 4vw; padding: 1vw 4vw; font-size: 6vw; font-family: var(--mincho); font-weight: 600; border-bottom: 1px solid #968472; border-left: 6px solid #968472 ; }
.anniv-cam .option-title small { font-size: 60%; }
.option dl { margin-bottom: 4vw; padding: 4vw; background: #f1f1f1; }
.option dt { width:100%; font-family: var(--mincho); font-size: 5vw; font-weight: 600; margin-bottom: 2%; letter-spacing: 0.04em; line-height: 1.4; border-bottom: 2px dotted #ccc; }
.option dd { color: rgb(133, 11, 11); font-size: 8vw; font-family: var(--mincho); font-weight: 400;}
.option dd.l02 { line-height: 1.6;}
.option dd.l02 span { padding: 1vw 4vw; vertical-align: text-bottom; }
.option dd span { margin-right: 4vw; padding: 2vw 4vw; display: inline-block; color: #fff; font-size: 5vw; font-weight: 600; background: #968472; vertical-align: bottom; }

.repeater { margin-bottom: 6vw; }
.repeater dl { margin-bottom: 4vw; padding: 4vw; background: #f1f1f1; }
.repeater dt { width:100%; margin-bottom: 4vw; padding: 1vw 4vw; font-size: 6vw; font-family: var(--mincho); font-weight: 600; border-bottom: 1px solid #968472; border-left: 6px solid #968472 ; }
.repeater dd { padding-left: 1.2rem; text-indent: -1.2rem; font-size: 5vw; font-family: var(--mincho); line-height: 1.6; }
.repeater dd.l02 { line-height: 1.6;}
.repeater dd span { margin-right: 4vw; padding: 2vw 4vw; display: inline-block; color: #fff; font-size: 5vw; background: #968472; vertical-align: bottom; }
.repeater dd b { color: rgb(133, 11, 11); text-decoration: underline; }

@media screen and (min-width: 736px) { 

.anniv-cam { padding: 0 10px 40px; }
.anniv-cam-title { margin-bottom: 30px; font-size: 30px; }
.anniv-cam-title b { margin-bottom: 10px; padding: 10px 0; font-size: 40px; }
.anniv-cam-title .jp { margin-bottom: 10px; }
.anniv-cam-title .date { padding: 4px 20px; font-size: 26px; }
.anniv-cam img { margin-bottom: 30px; }

.price dl { margin-bottom: 20px; padding: 20px; }
.price .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.price dt { width: fit-content; margin-bottom: 0; font-size: 30px; }
.price dd { width: fit-content; font-size: 40px; margin-bottom: 0; }
.price dd .time { margin-right: 10px; padding: 8px 12px; font-size: 26px; }
.price .flow { padding-top: 24px; margin: 10px 0 20px 0;}
.price .flow { font-size: 18px; }
.price .flow span { margin: 0 10px 10px; display: inline-table; background: #f1f1f1; padding: 1% 3%; font-family: var(--mincho); line-height:1; font-size: 18px; position: relative;top: -3px;}
.price .flow span.flow-title { width: fit-content; margin-bottom: 2vw; padding: 1vw 4vw; color: #fff; display: block; }

.anniv-cam .option { margin-bottom: 30px; }
.anniv-cam .option-title { margin-bottom: 20px; padding: 6px 12px; font-size: 24px; }
.option dl { margin-bottom: 20px; padding: 20px; }
.option dt { font-size: 20px; }
.option dd { font-size: 30px; }
.option dd span { margin-right: 10px; padding: 6px 12px; font-size: 20px; }
.option dd.l02 span { padding: 2px 12px; }

.repeater { margin-bottom: 30px; }
.repeater dl { margin-bottom: 20px; padding: 20px; }
.repeater dt { width:100%; margin-bottom: 20px; padding: 6px 12px; font-size: 30px; }
.repeater dd { padding-left: 1.8rem; text-indent: -1.8rem;  font-size: 24px; }
.repeater dd span { margin-right: 10px; padding: 6px 12px; font-size: 20px; }
}