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

/**************************************
						コ ン テ ン ツ
**************************************/
.header img { width: 55%; max-width: 260px; }

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

.intro { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.6; }

.model h1 { font-size: 1.8rem; font-size: clamp(1.8rem, 2.8vw, 2.8rem); letter-spacing: -1px; line-height: 1; }
.model h1 span { font-weight: 700; font-size: 2.4rem; font-size: clamp(2.4rem, 3.8vw, 3.8rem); }
.model .caption { font-size: 1.4rem; font-size: clamp(1.4rem, 1.8vw, 1.8rem); line-height: 1.6; }
.model .tips { background-color: #EEE; background-image: url("../img/quot.svg"), url("../img/quot2.svg"); background-position: top 1.0rem left 1.0rem, bottom 1.0rem right 1.0rem; background-size: 100px 100px; background-repeat: no-repeat; color: #666; border-radius: 0.5em; position: relative; padding: 2.0rem; }
.model .tips h2 { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); font-weight: 700; }
.model .tips p { font-size: 1.2rem; font-size: clamp(1.2rem, 1.6vw, 1.6rem); }
@media (min-width: 992px) { .model .tips { background-position: top 1.5rem left 1.5rem, bottom 1.5rem right 1.5rem; padding: 3.0rem; } }
.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 .detail h2 { color: #778899; font-weight: 700; border-bottom: solid 2px #778899; font-size: 3.0rem; font-size: clamp(3rem, 4.2vw, 4.2rem); letter-spacing: -0.125rem; }
.model .detail .spec { display: flex; flex-wrap: wrap; }
.model .detail .spec li { font-size: 1.8rem; border-bottom: dashed 1px #CCC; padding: 0.25em 0; display: flex; align-items: center; }
.model .detail .spec li:nth-child(odd) { width: 30%; }
.model .detail .spec li:nth-child(even) { width: 70%; font-weight: 700; }
.model .detail .price { font-size: 2.0rem; }
.model .detail .price span { font-size: 0.7em; }
.model .detail .price.selling { font-size: 2.8rem; font-size: clamp(2.8rem, 3.6vw, 3.6rem); font-weight: 700; color: #B28901; }
.model .btn { position: relative; font-size: 1.8rem; color: #FEFEFE; background-color: #778899; border: solid 2px #778899; width: 100%; line-height: 3.0rem; }
.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: #778899; background-color: transparent; }

.other-model { background-color: #778899; color: #FEFEFE; }
.other-model h3 { text-align: center; }
.other-model h3 span { font-size: 2.2rem; font-weight: 700; }

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

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