.col-bk { color: #000000; }

.col-wh { color: #ffffff; }

.col-br { color: #e5965b; }

.col-rd { color: #be0000; }

.col-gd { color: #9a783b; }

.pc { display: block !important; }
@media screen and (max-width: 768px) { .pc { display: none !important; } }

.sp { display: none !important; }
@media screen and (max-width: 768px) { .sp { display: block !important; } }

main { color: #ffffff; background-color: #0a0f13; position: relative; z-index: 0; font-size: 15px; }
main:before { content: ""; width: 100%; height: 100%; background-image: url(../bg.jpg); background-size: 100%; background-repeat: no-repeat; position: fixed; z-index: -1; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { main:before { background-image: url(../bg_sp.jpg); } }

.ak-content-title h2 { color: #000000; font-weight: bold !important; }
@media screen and (max-width: 768px) { .ak-content-title .ak-content-title-wp h2 { font-size: clamp(17px, 5vw, 27px); } }

.ak-detail { margin-bottom: 0 !important; }

.cp_tl { display: block; text-align: center; font-size: clamp(30px,4vw,36px) !important; position: relative; padding-bottom: 90px; margin-bottom: 40px; color: #ffffff; letter-spacing: .5rem; font-weight: bold; }
.cp_tl:after { content: ""; display: block; width: 1px; height: 60px; background-color: #ffffff; position: absolute; bottom: 0; left: 50%; }

.cp_tl-bk { color: #000000; }
.cp_tl-bk:after { background-color: #000000; }

h4 { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px; line-height: 1.6; }

h5 { font-size: 1.3rem; line-height: 1.4; padding: 10px 0; border-top: solid 1px; border-bottom: solid 1px; margin-bottom: 1.3rem; }
@media screen and (max-width: 768px) { h5 { font-size: 1.2rem; } }

.soldout { padding-top: 40px; position: relative; }
.soldout:before { content: ""; background-image: url(../soldout.png); background-size: cover; width: 200px; height: 50px; position: absolute; left: 0; right: 0; margin: auto; top: -27px; transform: rotate(-7deg); }

.cont-box { padding: 100px 20px; }
.cont-box .inner { max-width: 900px; margin: 0 auto; }

img { max-width: 100%; }

ul { padding-left: 20px; }
ul li { margin-bottom: 10px; }
.product ul { padding-left: 20px; display: flex;flex-wrap: wrap;column-gap: 1em;}
.product ul li { margin-bottom: 10px; list-style-type: none; width: calc(100% / 3 - 16px); }
@media screen and (max-width: 768px) { .product ul li  { width: calc(100% / 2 - 16px); } }
ul li:last-child { margin-bottom: 0; }

.tab-li { overflow: hidden; display: flex; padding: 0; width: 100%; margin-bottom: 0; }
.tab-li li { list-style: none; padding: 20px; border-bottom: 2px solid #ddd; color: #ffffff; width: 50%; font-weight: bold; transition: all 0.3s; }
.tab-li li:hover { cursor: pointer; }
.tab-li li:hover, .tab-li li.select { border-bottom: 2px solid #ffffff; background-color: #ffffff; color: #000000; }

.hide { display: none; }

.tab-cont { display: table; width: 100%; }
@media screen and (max-width: 768px) { .tab-cont { display: block; } }
.tab-cont .pic { display: inline-block; max-width: 350px; width: 350px; padding-right: 30px; vertical-align: top; }
@media screen and (max-width: 768px) { .tab-cont .pic { display: block; width: 100%; margin: 0 auto; padding: 0 0 30px; } }
.tab-cont .pic .cap { text-align: center; color: #7b7b7b; margin: 10px auto 30px; font-size: 13px; }
.tab-cont .pic .cap:last-of-type { margin-bottom: 0; }
.tab-cont .txt { display: table-cell; width: 100%; vertical-align: top; color: #000000; }
@media screen and (max-width: 768px) { .tab-cont .txt { display: block; } }

.tab-box { background: #fff; padding: 30px; }

.sliderArea { max-width: 100%; margin: 0 auto; }
.sliderArea .slick-slide { margin: 0 5px; }
.sliderArea .slick-slide img { width: 100%; height: auto; }
.sliderArea .slick-prev, .sliderArea .slick-next { z-index: 1; }
.sliderArea .slick-prev:before, .sliderArea .slick-next:before { color: #000; }
.sliderArea .slick-slide { opacity: .2; }
.sliderArea .slick-active { opacity: 1; }
.sliderArea .slick-current { opacity: 1; }

.head { background-color: #000000; }
.head .lead { padding: 60px 20px; text-align: center; line-height: 2.4; font-size: 16px; color: #000000; background-color: #ffffff; position: relative; }
.head .lead .catch{
    display: block;
    margin: 0 auto;
    border: 2px solid #b81c27;
    max-width: 510px;
    margin-bottom: 20px;
    width: 100%;
}
@media screen and (max-width: 768px) { .head .lead { font-size: 14px; } }
/* .head .lead:before { content: ""; width: calc(100% - 18px); height: 95%; border: solid 1px #000000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; } */
@media screen and (max-width: 768px) { .head .lead:before { width: 95%; } }
.head .lead span { display: block; color: #9a783b; font-size: clamp(18px,4vw,28px) !important; line-height: 1.75; font-weight: bold; }
.head .lead button { display: block; margin: 30px auto 20px; background-color: #9a783b; color: #ffffff; border-color: #9a783b !important; }
.head .lead button:hover { background-color: #e43542; border-color: #e43542 !important; }

.product-box { margin-bottom: 80px; }

.fc .fc-cont .txt { font-weight: bold; line-height: 2.4; font-size: 18px; }

.record { background-color: #ffffff; color: #000000; }
@media screen and (max-width: 768px) { .record h4 { font-size: 15px; } }
.record table tbody td, .record table tbody th { padding: 0.5rem; font-size: 14px; }

.special { background-color: #000000; color: #ffffff; }
.special ul { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: auto; padding: 0; width: 100%; }
@media screen and (max-width: 768px) { .special ul { display: block; } }
.special ul li { width: 48%; padding: 30px; background-color: #ffffff; text-align: center; }
@media screen and (max-width: 768px) { .special ul li { width: 100%; }
  .special ul li:first-child { margin-bottom: 30px; } }
.special ul li p { color: #000000; }

@media screen and (max-width: 768px) { .buy .row .col-md { max-width: 300px; display: block; margin: 0 auto 20px; } }

footer { position: relative; }

header { position: relative; z-index: 1; }

/*# sourceMappingURL=app.css.map */

.product .txt{
  margin-top: 1em;
}