@charset "UTF-8";
/**************************************
							共 通 項 目
**************************************/
h2 { font-size: 1.4em; font-weight: 700; color: #111; }

/**************************************
						コ ン テ ン ツ
**************************************/
header h1.k-logo { width: 45%; max-width: 300px; }

.intro { border-bottom: dashed 1px #333; }

.model-info h2 { font-weight: 900; font-size: 1.6em; padding-left: 1em; position: relative; }
.model-info h2 span { display: inline-block; }
.model-info h2::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.5em; height: 95%; content: ""; display: block; background-color: #E72D18; }
.model-info .price { color: #ff0000; font-weight: 700; }
.model-info .price span { font-size: 1.6em; }
.model-info .cart { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; color: #FEFEFE; background-color: #28BD68; position: relative; font-size: 1.2em; border-radius: 20px; transition: .4s; }
.model-info .cart:hover { background-color: #1DA263; }
.model-info .cart a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.model-info .color { width: 100%; display: flex; flex-wrap: wrap; font-size: 1.4rem; font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 0.7273)), 1.8rem); line-height: 1.4; }
.model-info .color li:first-child { font-size: 1.2em; font-weight: 700; letter-spacing: -1px; margin-right: 0.75rem; display: flex; align-items: center; width: 100%; margin-bottom: 0.5rem; }
.model-info .color li:first-child span { font-weight: 400; }
.model-info .color li:nth-child(n+2) { width: 40px; margin-right: 0.5rem; border-radius: 50%; overflow: hidden; }
.model-info .color li:last-child { margin-right: 0; }
.model-info .color li img { width: 100%; }
.model-info .color li:hover { cursor: pointer; }
.model-info .color .switchingBtn.active { border: solid 2px #999; }
.model-info .switchingItem { display: none; }
.model-info .switchingItem.active { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 1.0s; }
.model-info .switchingItem .tbn { width: 90%; max-width: 900px; margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; }
.model-info .switchingItem .tbn li { width: calc((100% / 4) - 1rem); margin-bottom: 1rem; }
.model-info .switchingItem .tbn li img { border: solid 1px #DDD; }
@media (min-width: 992px) { .model-info .switchingItem .tbn li { width: calc((100% / 6) - 2rem); margin-bottom: 2rem; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.spec h2 { border-bottom: solid 1px #111; }
.spec .spec-wrapper { font-size: 1.4rem; font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 0.7273)), 1.8rem); line-height: 1.4; display: flex; flex-wrap: wrap; }
.spec .spec-wrapper li { font-size: 1em; font-weight: 500; border-bottom: dashed 1px #999; }
.spec .spec-wrapper li:nth-child(odd) { width: 30%; }
.spec .spec-wrapper li:nth-child(even) { width: 70%; color: #E72D18; }
@media (min-width: 992px) { .spec .spec-wrapper li:nth-child(odd) { width: 15%; }
  .spec .spec-wrapper li:nth-child(even) { width: 35%; } }

.point { background-color: #E72D18; color: #FEFEFE; }
.point h2 { text-align: center; color: #FEFEFE; }
.point h3 { font-size: 1.4em; font-weight: 700; }
.point p { font-weight: 300; }
.point img { border: solid 2px #FEFEFE; }
.point .bb1 { border-bottom: solid 1px rgba(255, 255, 255, 0.3); }

/**************************************
							店 舗 情 報
**************************************/
#shop { background-color: #000; color: #FEFEFE; }
#shop h4 { font-size: 1.3em; }
#shop .shop { border-bottom: dashed 1px #FEFEFE; display: flex; flex-wrap: wrap; padding: 0.5rem 0; }
#shop .shop p { font-size: 0.9em; width: 100%; }
#shop .shop a { color: #FEFEFE; }
#shop .shop a:visited { color: #FEFEFE; }
#shop .shop a:hover { text-decoration: underline; }
@media (min-width: 576px) { #shop .shop p.shopname { width: 30%; }
  #shop .shop p.shopinfo { width: 70%; } }

.copy { background-color: #000; color: #666; text-align: center; font-size: 0.8em; line-height: 1; }