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

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

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; }

.headline span { font-size: 2.4rem; font-size: clamp(2.4rem, 3.8vw, 3.8rem); }
.headline.bebas { text-align: center; }
@media (min-width: 992px) { .headline.bebas { text-align: left; } }
.headline.bebas span { font-size: 2.6em; }

.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: 200px; height: auto; }

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

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

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

.spec tr:nth-child(odd) { background-color: #EFEBE1; }
.spec tr th, .spec tr td { padding: 1.2rem; }

/**************************************
							店 舗 情 報
**************************************/
.footer { background: #271704; color: #FEFEFE; }

.shopinfo a, .shopinfo a:visited { color: #FEFEFE; }
.shopinfo a:hover { text-decoration: underline; }

.shop-text { border-top: solid 1px #FEFEFE; }

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