@charset "UTF-8";
/* =====================
  パンくず
===================== */
.item-contents main .breadcrumb {
  padding: 1vw 2vw;
  position: relative;
  min-width: 100vw;
  overflow-x: scroll;
}
.item-contents main .breadcrumb ul {
  white-space: nowrap;
}
.item-contents main .breadcrumb ul li {
  white-space: nowrap;
}
.item-contents main .breadcrumb ul li:last-child {
  padding-right: 4vw;
}

/* =====================
  画像
===================== */
.item-detail .img {
  margin-top: 3vw;
}
.item-detail .swiper-wrapper {
}
.item-detail .img img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
.item-detail .main-item-image .swiper-slide {
  padding-left: 12vw;
  padding-right: 12vw;
  position: relative;
}
.item-detail .main-item-image .swiper-slide::after {
  cursor: pointer;
  content: '';
  display: block;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAHNUlEQVR4nO2dXWwUVRTH/11AEMEmtXy0fiCfiZpQgSLUqIgb60trjTXAQxt5gEjEF3hogmmNpEajibwYGg0xldiXPlDbSkwKLFqMCTYtho2NSNWIRVqhiNVSQQTNvznTzE5nd2dmZ+5MO/tLNt02u3Pv/HvvPeeee++ZHPjLnQCWALhHXncDuEv+PhPALAD/AvgbwFUA1wD8AeBXAOfl9ROAP/26C9UCUpQiACvldb8LdfgPwM8A4vI6DeC6S/VNiwoBWcYqAFEAj0ir8hK20i4AMQDfiMCe3pxXUKhnADwLYL7HoiXjIoB2AB0irOt4IeBtAMoAVMpYFgQ4RrYA+BTAP27Wx20BnwCwFcA8l6/rFpcAfATghFsXdEtAdtGXAaxx6XpecwrAfuniGeGGgBsB7AAwO7BymTMK4H0An2dykWkZfJdj3U4AVQBmZFIJn2CdS6T30FrfdFINpwLmAtgLYF3QVHHAEvFNu5z4j04EXADgLQCLvbgbn8iX1tglMx7L2BXwXhHPL7/OS+YCeAxAj52poR0BCwC8IXPVqcrtMiyxJY64KSDHvDel+0516E0Ui6+Ydky0IuB0APUy8Q8L7M4PiYtzK1MBX5EgQNigYckD8HUmAm4UPy+sLAUwKOEyUyIphJkvM4ywsyOV15FKwJ2TcHrmBbNFC1OSCcioyupJe8vus1o0mYCZgDMlJJUlka2iTQJmApYFOJ7nJ/NEmwSMAjIM/3xoJLFPpXFNxyjg0wEKwweRuaLROHoBGVytCLtCFnhOH4iervv8qiDMdaPRaG5+fv5YgHZoaOhGLBYb9rtOBuaLVWbUJkHAqF812rx5c/6mTZsKS0tLC+bMmTMhuh2LxQYOHDhwrrm5ecifGk4gqgmoNUWa5yYFi94JLFy4cEZTU9PKaDRaYOXz3d3dQ+Xl5T2Dg4M31NXSFK4xV/OnNgau8kO8zs7O9VbFI8XFxfl9fX1PsZt7W7u0UKuHoTMiSpcjNfFWrFgxLsTAwMBoXV1dvKCgoCMnJ+cwX3zPv7HlaZ9jF29tbV3Pa6isswljmmld+AMAhapKPnbs2Bp9y2tpafmlsrIynuo7+/btW7pr164HtN8p6tq1a096XdcUXADw0jSJNr+oqlQajJqamnEhrIhHOjo6ruTm5t4sKSkZmyUVFhbOPnPmzO+9vb2jXtc5CfQJP2MXXqayVFpb7T27rRXxNHbv3v2jvjtv3759kUfVtMqyiOrlSboq2vuGhoYf7H6/sbHxnPbejgHyiMURlWMfrafez2tvb7ft1zU0NAzof+eQ4Fb9HFAYUTn70GYYGvF43NH4pe/GPrMgIgsnWZyRFxFrogTObfXlOPXl6FAH5B8+NyK7rJRgDAxs27bNthEwzkJ8nh/PjMh2BmUwMKCVVVFRYduA7dmzZ9ztCsBYOCsi5zCUwaiKVha7ImcYVsuura29T++6tLW1XVBZdzOmSRB1wmKJV3DmUFZWlseZBIvgzIIzDM40UhVJ8err61dqv7P1VVdX96qqdxKucS78oertajQejKrofUIKQifZ6OdxzGO3NTrNRUVFx526QS4yTAHf82PjEIVhVMUsgKqNbams7dmzZ4f7+/tHq6qq4j7GB89H/DpnRou8fPny42aGgMKZicfPsuVRPIbC2CoZFvMxtHWFAv7mU+Fgy2FIasuWLSf11tkIhWNckJ9lt2XL0z5CIX0UcZBd+AWV4ax0GOe2Zn6eWUCWrXLDhg0nFXfngzkSWX1dYaGuEBAR97IL2w4pBQGKRLEomlYdH7pzHwVkBZKOP0HGZxHpxA9ri0qnJ6OA8FfEsUi6JmCPhwV5jpmICkhYWOc658eq14bdRjMsvKzHxmR8YV1/WrMGwOPK79pltG7rsSX+EsA7MOzSp6pPKrxXTxgZGbnFl8fFNGqGV7+97ZQbB5BDwEXRCkYBmd2iNezqWKBNnwnEuEP1KIC/glbjAEFtjuirYxSQ4+ChMCpjkUPG9Clmu/QPS3aLLIlcEm0SMBPwuqQGyZLIQbPjr8lOKp3QW5osY0kpOs1kSHVWbr+kBgk7o6KFKamOuzL5wmVJxhBmuGb0rRMBIedk58m52TBCt6451X1bObF+SjZUB2U/iiq+B/B2uoQ8VgS8JcfeS1RuRPIZznNrrdgAq1k7aL67ATwagkPYl0U8S/tu7OSNGZEg4ropLCJFe01ytFrCbuYiLsJ/JSt5fh92cZt+AK9KkgnLOMmdNSqO9oNT6GD2dwDqJEOwLZxmb2MazS8A3ME1HPfuwxc4v31XUi3bJpP8gbTOPeIrrla509UlropwremyE6XCzRSgOydRpo9ApQDVk01C6wLsyuWSvCJIaZA/kZzSgU6DrIeb10sDkoj7iFMjkY5sKvgM8ethBNoDCRa59DCCc7oHEUy5hxGkgrMZZtHlYzCSPQ6DsFVRFI5lnKtqj8PgTz4Ow5/MHgD+B4+XPMfKDDAwAAAAAElFTkSuQmCC');
  position: absolute;
  width: 10.6666666vw;
  height: 10.6666666vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 3.7vw;
  bottom: 2.13333333vw;
  transition: all 250ms ease 0s;
  pointer-events: none;
}
.item-detail .main-item-image .swiper-slide:hover::active {
  opacity: 0.7;
}
.item-detail .main-item-image .swiper-slide a {
  display: block;
}
/* コントローラー */
.item-detail .img .swiper-controller {
  display: none;
}
/* ページャー */
.item-detail .img .swiper-pagination {
  display: none;
}
/* サムネイル */
.item-detail .swiper-thumb {
  margin-top: 6vw;
  padding-left: 2vw;
  padding-right: 2vw;
}
.item-detail .swiper-thumb .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}
.item-detail .swiper-thumb .swiper-wrapper::before,
.item-detail .swiper-thumb .swiper-wrapper::after {
  content: '';
  display: block;
  width: 20vw;
  height: auto;
}
.item-detail .swiper-thumb .swiper-wrapper::before {
  order: 1;
}
.item-detail .swiper-thumb .swiper-slide {
  cursor: pointer;
  width: 20vw;
  height: 20vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.item-detail .swiper-thumb .swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #878787;
}
.item-detail .swiper-thumb .swiper-slide:nth-child(n + 5) {
  margin-top: 4vw;
}

/* =====================
  info
===================== */
.item-detail .info {
  margin-top: 3vw;
  margin-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
}

/* 受注商品 */
.item-detail .is-order {
  font-family: var(--hirakaku);
  font-weight: normal;
  color: var(--pink);
  font-size: 2.53333333vw;
}
/* 商品名 */
.item-detail .headtext {
  word-break: break-all;
  font-size: 4.66666666vw;
  color: #000;
  font-weight: bold;
  line-height: 1.653;
}
/* 価格 */
.item-detail .price {
  display: flex;
  margin-top: 4vw;
  font-size: 3.73333333vw;
  font-family: var(--hirakaku);
  align-items: flex-start;
}
.item-detail .price .unit {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.item-detail .price .unit.is-sale {
  text-decoration: line-through;
}
.item-detail .price .unit + .unit {
  margin-left: 4vw;
}
.item-detail .price .unit.sale {
  color: var(--pink);
}
.item-detail .price .unit .value {
  word-break: break-all;
}
.item-detail .price .unit .value::after {
  content: ' 税込';
  font-weight: normal;
  font-size: 2.53333333vw;
}
.item-detail .price .unit.sale .text {
  display: inline-block;
  font-weight: normal;
  font-size: 1.86666666vw;
  color: #fff;
  padding: 0.5vw 2vw;
  vertical-align: middle;
  margin-left: 4vw;
  background: var(--pink);
}
/* タグ */
.item-detail .tag {
  padding-left: 4vw;
  padding-right: 4vw;
}

/* =====================
  anchor
===================== */
.item-detail .anchor {
  padding: 5.2vw 4vw;
  margin-bottom: 1em;
}
/* count */
.item-detail .count-wrapper {
  display: flex;
  align-items: center;
}
.item-detail .count {
  margin-left: 5vw;
}
.item-detail .countupdown {
  display: inline-block;
  width: 8.26666666vw;
  vertical-align: middle;
  height: 8.26666666vw;
  background: #f1f1f1;
  border-radius: 50%;
  position: relative;
  transition: all 250ms ease 0s;
}
.item-detail .countupdown:active {
  background: var(--purple);
}
.item-detail .countupdown::before {
  pointer-events: none;
  font-family: var(--icon);
  font-size: 5.33333333vw;
  font-weight: bold;
  color: #929293;
  display: block;
  position: absolute;
  line-height: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 250ms ease 0s;
}
.item-detail .countupdown[data-type='increment']::before {
  content: 'add';
}
.item-detail .countupdown[data-type='decriment']::before {
  content: 'remove';
}
.item-detail .countupdown:active::before {
  color: #fff;
}
.item-detail .countupdown + .countupdown {
  margin-left: 2vw;
}
/* select */
.item-detail .option {
  display: table;
  width: auto;
  border-collapse: collapse;
}
.item-detail .option-unit {
  display: table-row;
  vertical-align: middle;
}
.item-detail .option-unit .head,
.item-detail .option-unit .body {
  display: table-cell;
  padding-bottom: 7vw;
  vertical-align: middle;
}
.item-detail .option-unit .head {
  font-size: 14px;
  font-family: var(--hirakaku);
  white-space: nowrap;
}
.item-detail .option-unit .body {
  padding-left: 1em;
  width: 100%;
}
.item-detail .option-unit .body input[type='tel'],
.item-detail .option-unit .body select {
  background-color: #fff;
  transition: all 250ms ease 0s;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 0.75em 5vw;
  font-size: 16px;
  font-family: var(--hirakaku);
  font-weight: normal;
}
.item-detail .option-unit .body input[type='tel'] {
  width: 24vw;
  text-align: right;
}
.item-detail .option-unit .body input[type='tel']:focus,
.item-detail .option-unit .body select:focus {
  border: 1px solid var(--purple);
}
.item-detail .option-unit .body select {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAtklEQVQYlXXQMUuCURSH8d8rLi1uLuIQEbT1OYTARfwCrg01FPcD1C6Eiy0itLQptOXU2hI42hgtTUEUuCQH7guvgs947vM/95xTpJTqOMPcfk7xh1UNj5jhYo9+ggVecBSBJ/xjiMGOfJjlJt7wEYEJLlHgHv0st/CMdu7ewzrmD+7QwA0ecIArHOMVXfyGWAaC2xy6xjTXlvkg36UUI1VJGOfCOzr4qgrVH4JY/hw/GOFz6xUbdE0hd8CNfIEAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 3.2vw 2.13333333vw;
  background-position: 95% center;
  padding: calc(0.75em + 2px) 1em;
  padding-right: 10vw;
  width: 100%;
}

/* submit */
.item-detail .submit {
  margin-top: 3vw;
}
.item-detail .submit button {
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--hirakaku);
  font-weight: normal;
  font-size: 3.46666666vw;
  background: var(--sky);
  border-radius: 4px;
  outline: none;
  padding: 16px 2vw;
  transition: all 250ms ease 0s;
}
.item-detail .submit button::after {
  content: '';
  width: 2.66666666vw;
  height: 3.73333333vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAABs0lEQVRIia2VPUsDQRCG35wfKKgh4iXGQPxCA3YBEUsLS8HS0p9gY28tljb+ARsRa4v8AREbUxhs/AKjQsCgRhPFkbm8K0vImXiXF/Zmd273YW5ndw4i0qpticin1LXban47MFVZRIrs7wcFRgnIW74j+ub81jnw1wLf7FgztmmX/Fb9BYzRPlu+d9poEGA/7avlM/DBIMBe2kvLd9sKGPEyU9cygE0ALoBvAEkAKQAXAN44pwtAFkAJwBUDKgPYA3DgzWB20hJeWTvL67SrAPrYDukb4X6aptEXrHmLnLehj24OZmiPAdTYd2lLDdtUAZAAUOX4hDZjJyXVZH+nffa9ah0poy/DMBFO6nZa0anWAAw0Aa4AGGrwafbHvR6TUhORmzYKhV/LMaUR88k9PAZBdc11Mce6RmGAd7RJhwfYdgZRkWtGbeB9COAjbVyBcQ6eOgD0Ikw0OIPIfHJKgWMcFEMATTBp5/dAAg8hgB+0Uwqc4KASAqh6MRHOWvUujPTYuQocBnDeAWBeH+bqmSIRRnp9PVCO5f+MZSjyT6pWKQ1s3vtdiIgrIqcd+AUURCTzA1YQ1XMSRs8oAAAAAElFTkSuQmCC');
  display: inline-block;
  margin-left: 1.8vw;
}
.item-detail .submit button:active {
  background: var(--skyHover);
}

/* =====================
  tab
===================== */
.item-detail .tab {
  padding-left: 2vw;
  padding-right: 2vw;
  font-size: 3.2vw;
  display: flex;
  justify-content: space-between;
}
.item-detail .tab .tab-item {
  width: 50%;
}
.item-detail .tab .tab-item a {
  display: inline-flex;
  width: 100%;
  font-family: var(--hirakaku);
  padding: 4.5vw 2vw;
  color: #b1b1b1;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #e1e1e1;
}
.item-detail .tab .tab-item a.on {
  border-bottom: 2px solid var(--brown);
  font-weight: bold;
  color: var(--black);
}

/* =====================
  text
===================== */
.item-detail .text {
  padding-left: 4vw;
  padding-right: 4vw;
}
.item-detail .text p {
  margin-top: 8vw;
  line-height: var(--lh);
  font-size: 3.2vw;
  line-height: 2;
  font-family: var(--hirakaku);
  font-weight: normal;
  word-break: break-all;
  line-break: anywhere;
}

/* =====================
  share
===================== */
.item-detail .share {
  display: flex;
  margin-top: 8vw;
  margin-bottom: 8vw;
  align-items: center;
  justify-content: center;
}
.item-detail .share-icon {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 3vw;
}
.item-detail .share-icon[data-type='twitter'] {
  background-image: url('../../img/icon/twitter-s_2x.png?c415b578-4222-5722-a783-cda53bd4a589');
  width: 6.13333333vw;
  height: 5.06666666vw;
}
.item-detail .share-icon[data-type='facebook'] {
  background-image: url('../../img/icon/facebook-s_2x.png');
  width: 5.73333333vw;
  height: 5.46666666vw;
}
.item-detail .share-icon[data-type='line'] {
  background-image: url('../../img/icon/line-s_2x.png');
  width: 5.33333333vw;
  height: 5.33333333vw;
}

/* =====================
  表
===================== */
.item-detail .table {
  padding-left: 4vw;
  padding-right: 4vw;
  margin-top: 8vw;
  margin-bottom: 12vw;
}
.item-detail .table .table-head {
  font-weight: bold;
  font-family: var(--hirakaku);
  font-size: 3.2vw;
  display: none;
}
.item-detail .table .u-table {
  margin-top: 0.75em;
  font-size: 3.2vw;
  font-family: var(--hirakaku);
}
.item-detail .table .u-table th,
.item-detail .table .u-table td {
  padding: 3vw;
}
.item-detail .table .u-table td {
  font-weight: normal;
  background: #fff;
  line-height: var(--lh);
}

/* =====================
  artilce2
===================== */
.item-contents main article[data-id='2'] {
  margin-top: 6vw;
}
.item-contents main article[data-id='2'] h3 {
  text-align: center;
  font-size: 5.33333333vw;
}
.item-contents main article[data-id='2'] .unit {
  margin-top: 7vw;
}

/* =====================
  recent-check
===================== */
.item-contents main .recent-check {
  margin-top: 12vw;
}
.item-contents main .recent-check .unit {
  padding-bottom: 0;
}

/* =====================
  tab
===================== */
.js-tabContents {
  display: none;
}
.js-tabContents.on {
  display: block;
}

/* =====================
  artilce3
===================== */
.item-contents main article[data-id='3'] {
  display: none;
}

.popup-item .swiper-container {
  padding-top: 8vw;
}