@charset "UTF-8";
/* CSS Document */
/*************************************
						共 通 項 目
*************************************/
.fc-wht { color: #FFFFFF; }

.fc-blk { color: #000000; }

.bg-blk { background-color: #000000; }

.bg-wht { background-color: #FFFFFF; }

.bg-darkgray { background-color: #101010; }

.bg-lightgray { background-color: #282828; }

.bg-image1 { background-image: linear-gradient(135deg, transparent, #000000), url("../img/bg1.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: multiply; max-width: 1920px; }

.bg-image2 { background-image: linear-gradient(325deg, transparent, #000000), url("../img/bg2.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: multiply; max-width: 1920px; }

/******** コンテナのフェード  ********/
.effect-fade { opacity: 0; transform: translate(-50px, 0); transition: all 2000ms; }
.effect-fade.effect-scroll { opacity: 1; transform: translate(0, 0); }

/******** ぼかしエフェクト  ********/
.blur { -ms-filter: blur(20px); filter: blur(20px); transition: all 1500ms; }
.blur.blur-scroll { -ms-filter: blur(0); filter: blur(0); }

.drop-shadow { -webkit-filter: drop-shadow(0px 3px 10px rgba(205, 205, 195, 0.8)); filter: drop-shadow(0px 0px 10px rgba(195, 205, 195, 0.8)); filter: drop-shadow(0px 0px 5px rgba(195, 205, 195, 0.9)); filter: drop-shadow(0px 0px 3px #646464); }

h2 { font-weight: 600; }

.heading { font-size: 3em; border-bottom: solid 1px #cdb455; }

.txt-1st { font-size: 3em; }

.txt-2nd { font-size: 1.5em; }

.txt-3rd { font-size: initial; }

.cart { background-color: #b70404; color: #FFFFFF; border: none; position: relative; height: 4rem; border-radius: 2rem; transition: .4s; width: 100%; }
.cart a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; overflow: hidden; border-radius: inherit; }
.cart:hover { background-color: #AAAAAA; }

.sticky { position: sticky; top: 1.5rem; }

.gallery { max-width: 1920px; }

/*************************************
					  コ ン テ ン ツ
*************************************/
.main-title { bottom: 3rem; left: 3rem; font-size: 3.5em; font-size: clamp(3.5em, calc(3.5rem + ((1vw - 0.48em) * 8.8608)), 7em); }
.main-title span.txt-1st { font-size: 1em; }
.main-title span.txt-2nd { font-size: 0.5em; line-height: 1; }
.main-title span.txt-3rd { font-size: initial; }
.main-title img.logo { width: 50%; height: auto; }

.spec tr:nth-child(odd) { background-color: #282828; }
.spec th { color: #cdb455; border-right: solid 2px #101010; width: 35%; }

.shopinfo h2 { aspect-ratio: 1 / 1; border-radius: 50%; border: solid 2px #FFF; max-width: 100px; color: #FFFFFF; }
.shopinfo .shop > p { font-size: 1.8rem; font-weight: 700; border-bottom: solid 1px #a0bb1e; line-height: 1.2; }
.shopinfo .shop ul li { font-size: 1.6rem; border-bottom: dashed 1px #AAAAAA; line-height: 1.3; }
.shopinfo .shop ul li span { font-weight: 700; }
.shopinfo .shop a, .shopinfo .shop a:visited { color: #FEFEFE; }
.shopinfo .shop a:hover { color: #a0bb1e; }

footer div { color: #AAAAAA; }
