@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
hr { margin: 0; }

h2 { font-size: 2.4rem; font-size: clamp(2.4rem, 3.8vw, 3.8rem); letter-spacing: -1px; /*line-height: 1;*/ font-weight: 700; }

h3 { font-size: 3.0em; font-weight: 700; position: relative; padding-left: 1.0rem; }
h3::before { position: absolute; top: 50%; left: 0; width: 0.5rem; height: 95%; transform: translateY(-50%); content: ""; display: block; background-color: #333; border-radius: 0.25rem; }
.manrope.headline { letter-spacing: -0.22rem; }
/**************************************
						コ ン テ ン ツ
**************************************/
.header > a { width: 50%; max-width: 300px; height: auto; }

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

.intro { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); 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; }
.spec-heading { letter-spacing: -0.15rem; border-bottom: solid 1px #666; }
.spec-text { letter-spacing: -0.1rem; border-bottom: dashed 1px #666; height: 100%; line-height: 1.4; color: #ffdb48;}
.spec-text span { color: #ffffff; }
@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.8em; }
.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: #1b0605; background-color: #F9AE3B; }

.other-model { background: #330000; color: #FEFEFE; }
.other-model h3 { font-size:1.6em; }
.other-model h3::before { display: none; }
.other-model ol li { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.6; }
.other-model h5 { text-align: left; font-weight: 700; font-size: 1.4em; color: #f1bfae; line-height: 1.6; }
.other-model ul li { font-size: initial; padding-left: 1em; text-indent: -1em; }

/**************************************
							店 舗 情 報
**************************************/
.footer { background: #000; color: #FEFEFE; }
.footer h4 { text-align: center; font-size: 1.4em; font-weight: 700; }
.footer .shop > p { font-size: 1.8rem; font-weight: 700; border-bottom: solid 1px #F9AE3B; 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: #F9AE3B; }

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