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

hr { height: 0; margin: 0; padding: 0; border: none; background-color: transparent; border-bottom: dashed 1px #252121; }

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

h2 { font-size: 2.4rem; font-size: clamp(2.4rem, 3.8vw, 3.8rem); font-weight: 700; }

.trim { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; }

.swiper .swiper-wrapper { transition-timing-function: linear; }

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

.eyecatch { background-color: #AA1F23; }
.eyecatch img { width: 100%; height: auto; }

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

.model { background-color: #EAE5DF; }
.model .itemimg { position: relative; }
.model .itemimg .number { position: absolute; top: -1rem; left: 1rem; width: 100%; max-width: 25%; }
@media (min-width: 768px) { .model .itemimg a > img { transform: scale(92%); transform-origin: right bottom; } }
@media (min-width: 1200px) { .model .itemimg .number { top: 0; left: 0; }
  .model .itemimg a > img { transform: scale(94%); transform-origin: right bottom; } }
.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: #AA1F23; font-size: 1.8em; }
.model .price span { font-size: 0.6em; }
.model .btn { position: relative; font-size: 1.8rem; color: #AA1F23; color: #FEFEFE; background-color: #AA1F23; border: solid 2px #AA1F23; 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; }
.model .btn:hover { background-color: transparent; color: #AA1F23; }

/**************************************
							店 舗 情 報
**************************************/
.footer { background: #252121; 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 #D7B98A; 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: #D7B98A; }

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