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

.drop-shadow { filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5)); }

.hr div { border-bottom: solid 1px #EEE; }

.sold { font-size: 2em; font-weight: 700; text-align: center; color: #FF0004; }

/**************************************
						コ ン テ ン ツ
**************************************/
h1 { font-weight: 700; font-size: 1.4em; font-size: clamp(1.4em, calc(1.4rem + ((1vw - 0.234375em) * 1.561)), 2.4em); line-height: 1.5; }

.model { position: relative; width: 100%; text-align: left; }
.model img { width: 100%; height: auto; }
.model .logo { width: 50%; max-width: 400px; margin: auto; transform: translateY(20%); margin-bottom: -1.75em; }
.model .typo { position: absolute; left: 1em; bottom: 1em; color: #FFF; }
.model .typo h3 { font-size: 1em; font-size: clamp(1em, calc(1rem + ((1vw - 0.234375em) * 3.122)), 3em); }
.model .typo h3 span { font-size: 1.8em; font-weight: 700; }

.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; }
.tips p { font-size: 1.2rem; font-size: clamp(1.2rem, 1.6vw, 1.6rem); }
.tips p span { font-style: italic; font-weight: 700; text-align: right; width: 100%; display: inline-block; }
@media (min-width: 992px) { .tips { background-position: top 1.5rem left 1.5rem, bottom 1.5rem right 1.5rem; padding: 3.0rem; } }

h2 { font-weight: 700; text-align: center; font-size: 1.2em; font-size: clamp(1.2em, calc(1.2rem + ((1vw - 0.234375em) * 2.8098)), 3em); }
h2 span { font-size: 1.8em; }

.cart { position: relative; width: 100%; font-weight: 700; line-height: 2; font-size: 1.4em; border-radius: 1em; color: #FFF; background-color: #333; text-align: center; border: solid 2px #333; transition: .4s; }
.cart a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.cart:hover { background-color: transparent; color: #333; }

.gallery li { width: calc(100% / 3); }
@media (min-width: 576px) { .gallery li { width: calc(100% / 6); } }
.gallery li img { width: 100%; height: auto; }

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

.shopinfo { text-align: center; }
.shopinfo .shopinfo-txt1 { font-size: 3.6rem; font-size: clamp(3.6rem, 4.6vw, 5rem); font-weight: 700; letter-spacing: -0.1rem; line-height: 1.0; }
.shopinfo .shopinfo-txt2 { font-size: 1.8rem; font-size: clamp(1.8rem, 2.35vw, 2.55rem); font-weight: 700; }
.shopinfo p.shopelement { margin: auto; border-top: 1px dashed #FEFEFE; font-size: 1.4rem; font-size: clamp(1.4rem, 1.6vw, 1.6rem); text-align: left; width: 80%; }
.shopinfo p.shopelement span { display: block; font-size: 1.8rem; font-size: clamp(1.8rem, 2vw, 2rem); font-weight: 700; letter-spacing: -0.1rem; }
.shopinfo a { color: #FEFEFE; transition: color .3s ease-out; }
@media (min-width: 992px) { .shopinfo { text-align: left; }
  .shopinfo p.shopelement { width: 100%; } }

.shopelement a { color: #FEFEFE; transition: color .3s ease-out; }

.shopinfo a:hover, .shopelement a:hover { color: #88CD00; }

.mapimg { text-align: center; }
.mapimg img { width: 90%; height: auto; }

.copyright { color: #CCC; width: 100%; font-size: 1.2rem; text-align: center; }