@charset "UTF-8";
/* CSS Document */
/***********************************************
								共 通 項 目
***********************************************/
body { overflow-x: hidden; background-color: #FEFEFE; }

@media (min-width: 769px) { a[href^="tel:"] { pointer-events: none; } }
a { color: #000; }
a:visited { color: #000; }
a:hover { color: #E60044; }
a img { transition: 0.6s; }

hr { border: none; border-bottom: solid 1px #DCDDDD; }

.oshirase p { text-align: center; border: solid 2px #E60012; color: #E60012; font-weight: 500; font-size: 2em; position: relative; transition: .4s; line-height: 2; }
.oshirase p a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; }
.oshirase p:hover { background-color: #FEFEFE; }

/***********************************************
								コ ン テ ン ツ
***********************************************/
.hero img { height: 40vw; max-height: 508px; width: 100%; object-fit: cover; }
@media (min-width: 768px) { .hero img { height: 35vw; } }
@media (min-width: 1921px) { .hero img { object-fit: contain; } }

.box h2 { font-size: 2.0rem; text-align: center; }
.box h2 span { font-weight: 700; border-bottom: solid 0.2rem #E60012; font-size: 4.0rem; line-height: 1; letter-spacing: -1px; }

.intro h3 { font-size: initial; font-size: 1.6rem; text-align: center; }
.intro h3 span { font-weight: 700; font-size: 2.0rem; }
.intro p { font-size: initial; display: flex; justify-content: center; }

.products, .history { background-color: #FFF8EE; }

#products .item-card { position: relative; filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.1)); }
#products .item-card .caption { background-color: #FEFEFE; }
#products .item-card .caption .text { font-size: initial; }
#products .item-card .caption .text span { font-weight: 700; font-size: 1.8rem; font-size: clamp(1.8rem, 2.4vw, 2rem); transition: .2s; }
#products .item-card:hover .caption .text span { color: #BC955C; }
#products .item-card a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

@media (min-width: 769px) { #products .row div[class^="col-"] { padding: 0.5rem; margin-bottom: 0.5rem; } }
.purchase { color: #444; text-align: center; }
.purchase li { font-size: 3.0rem; display: inline-block; margin: 0; padding: 0.25rem; text-align: center; position: relative; transition: 0.4s; }
.purchase li:first-child { font-size: 1.4rem; font-weight: 500; pointer-events: none; }
.purchase li:hover { color: #FF0004; }
.purchase li a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -9999px; }

.backorder { color: #CCC; pointer-events: none; }

.button { font-size: initial; font-weight: 500; border-radius: 1em; color: #FEFEFE !important; text-align: center; background-color: #00CB69; transition: .4s; position: relative; display: inline-block; margin: 0 auto; }
.button:hover { background-color: #00B15B; }
.button a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

#kamaka .button { width: auto; }

.about { width: 100%; max-width: 860px; }
.about p { font-size: initial; line-height: 1.6; }
.about p.caption { font-size: 1.0rem; font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.2; color: #666; }