@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
body { color: #333; }

hr { margin: 0; }

h1, h2, h3, h4 { color: #000; text-align: center; font-weight: 700; }

h1 { font-size: 1em; line-height: 1.6; }
h1 span { font-size: 2.6em; line-height: 1; }

h2 { font-size: 1.2em; line-height: 1.4; }
h2 span { font-size: 1.4em; }

h3 { font-size: 1.6em; position: relative; }
h3::after { position: absolute; left: 0; bottom: -5px; content: ""; width: 100%; height: 1px; border-radius: 1px; background-color: #666; }

h4 { font-size: 1em; }
h4 span { font-size: 1.4em; }

.ratio-169 { aspect-ratio: 16 / 9; width: 100%; height: auto; object-fit: contain; background-color: #000; }

/**************************************
						コ ン テ ン ツ
**************************************/
.header > a { width: 50%; max-width: 300px; height: auto; }

.eyecatch img { width: 100%; height: auto; }

.intro { font-size: 1.2em; line-height: 1.6; }

.model .caption { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.6; }
.model .gallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
.model .gallery li { width: calc((100% / 4) - 0.5rem); margin-bottom: 0.5rem; }
@media (min-width: 992px) { .model .gallery li { width: calc((100% / 6) - 1.0rem); margin-bottom: 1.0rem; } }
.model .price { font-weight: 700; color: #FF0000; font-size: 1.6em; }
.model .btn { position: relative; font-size: 1.8rem; color: #F9AE3B; background-color: transparent; border: solid 2px #F9AE3B; width: 100%; line-height: 3.0rem; font-weight: 700; }
.model .btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
@media (min-width: 992px) { .model .btn { width: auto; } }
.model .btn:hover { color: #431819; background-color: #F9AE3B; }

.other-model h3 { text-align: center; }
.other-model h3::before { display: none; }
.other-model ol li { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.4; list-style-type: none; display: flex; align-items: center; border-bottom: dashed 1px rgba(0, 0, 0, 0.5); }
.other-model ol li span { width: 50%; display: inline-block; }
.other-model ol li span:first-child { font-weight: 400; color: #000; font-weight: 700; }

/**************************************
							店 舗 情 報
**************************************/
.footer { background: #000; color: #FEFEFE; }
.footer h4 { text-align: center; font-size: 1.4em; font-weight: 700; color: #FEFEFE; }
.footer .shop > p { font-size: 1.8rem; font-weight: 700; border-bottom: solid 1px #E49B44; line-height: 1.2; }
.footer .shop ul li { font-size: 1.6rem; border-bottom: dashed 1px #666; line-height: 1.3; }
.footer .shop ul li span { font-weight: 700; }
.footer .shop a, .footer .shop a:visited { color: #FEFEFE; }
.footer .shop a:hover { color: #E49B44; }

.copy { width: 100%; text-align: center; background-color: #000; color: #666; font-size: 1.4rem; }