@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
hr { margin: 0; }

/**************************************
						コ ン テ ン ツ
**************************************/

.header img { width: 55%; max-width: 260px; }

#title {background: #000;}
.eyecatch {background: #000;color: #fff;}
.eyecatch img { width: 100%; height: auto; }

.intro { font-size: 1.6rem; font-size: clamp(1.6rem, 2vw, 2rem); line-height: 1.6; }

.stagelink a:hover {color: #f90;text-decoration: underline;}

a {transition: all ease 0.4s;}

.gallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
.gallery > li { width: 100%; margin-bottom: 4.0rem; }
@media (min-width: 610px) { .gallery > li { width: calc((100% / 2) - 1.0rem); margin-bottom: 3.0rem; }}
@media (min-width: 992px) { .gallery > li { width: calc((100% / 3) - 2.0rem); margin-bottom: 4.0rem; } }
ul.gallery, .gallery li {font-size: 1em;}
.gallery li img {width: 100%;}
.gallery li h6 {font-size: 1.5em;font-weight: 600;padding-top: 0.5em;}
.gallery li p.price {font-weight: 600;color: red;}
.gallery li p.price:before {content:"￥";}
.gallery li p.price:after {content:"（tax incl.）";font-size: 80%;}
.gallery li p.cap {background: #ccc;padding: 0.5em;border-radius: 3px;font-size: 90%;margin-bottom: 0.5em;}
.gallery li p.next {font-size: 90%;}
.gallery li .purchase a {background: #333;color: #fff;padding: 1em;text-align: center;border-radius: 3px;display: block;width: 100%;margin: 0.5em 0;border-bottom: 1px solid #000;border-right: 1px solid #000;}
.gallery li .purchase a:hover {background: #f90;border-bottom: 0px none;border-right: 0px none;border-top: 1px solid #333;border-left: 1px solid #333;}
.gallery li .purchase.size4 {display: flex;flex-wrap: wrap; justify-content: space-between;}
.gallery li .purchase.size4 a {width: calc((100% / 2) - 0.25em);margin-bottom: 0;}

.intnlinfo a {background: #09c;color: #fff;text-align: center;display: block;padding: 1em;}
.intnlinfo a:hover {background: #c90;}

.inactivelink img {opacity: 0.5;width: 100%;}

/**************************************
							店 舗 情 報
**************************************/
.footer { background: #000; color: #FEFEFE; }
.footer h3 { text-align: center; font-size: 2.2rem; font-weight: 700; }
.copy { width: 100%; text-align: center; background-color: #000; color: #666; font-size: 1.4rem; }
.footer .shop {font-size: 80%;}
.footer .shop a {color: #fff;}
.footer .shop a:hover {color: #09f; text-decoration: underline;}