@charset "UTF-8";

/* jsで動的に要素を描写する場合のテンプレートを非表示とするために利用する */
.template-hidden {
  display: none;
}

  .flexBox {
  display: flex;
  justify-content: space-around;
  align-items: space-around;
  margin:10px 0;
  }
  
  
li.addition-size-600-1 a.sidemenu-list-l2__link:before,
li.addition-size-600-2 a.sidemenu-list-l2__link:before,
li.addition-size-600-5 a.sidemenu-list-l2__link:before,
li.addition-size-605-1 a.sidemenu-list-l2__link:before,
li.addition-size-605-2 a.sidemenu-list-l2__link:before,
li.addition-size-605-5 a.sidemenu-list-l2__link:before{
  color:#ff0000;
  content: 'オススメ';
  padding-right:5px;
  font-size:80%;
}

.highlight-box #tegaki {
  padding: 20px;
}
  
/*ローディング*/
.search-loader {
  font-size: 10px;
  margin: 50px auto;
  width: 11em;
  height: 11em;
  text-indent: -9999em;
  border-radius: 50%;
  background: #fabe00;
  background: -moz-linear-gradient(left, #fabe00 10%, rgba(0, 0, 0, 0) 42%);
  background: -webkit-linear-gradient(left, #fabe00 10%, rgba(0, 0, 0, 0) 42%);
  background: -o-linear-gradient(left, #fabe00 10%, rgba(0, 0, 0, 0) 42%);
  background: -ms-linear-gradient(left, #fabe00 10%, rgba(0, 0, 0, 0) 42%);
  background: linear-gradient(to right, #fabe00 10%, rgba(0, 0, 0, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.search-loader:before {
  background: #fabe00;
  width: 50%;
  height: 50%;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.search-loader:after {
  background: #f5f5f5;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.overlay {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.overlay-for-loading {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(256, 256, 256, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.mT10 {
  margin-top: 10px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mT60 {
  margin-top: 60px !important;
}

.mT70 {
  margin-top: 70px !important;
}

.mT80 {
  margin-top: 80px !important;
}

.mT90 {
  margin-top: 90px !important;
}

.mT100 {
  margin-top: 100px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mB60 {
  margin-bottom: 60px !important;
}

.mB70 {
  margin-bottom: 70px !important;
}

.mB80 {
  margin-bottom: 80px !important;
}

.mB90 {
  margin-bottom: 90px !important;
}

.mB100 {
  margin-bottom: 100px !important;
}

.pcNone {
  display: none !important;
}
.spNone {
  display: block;
}

@media (max-width: 991px) {
  .pcNone {
    display: block !important;
  }
  .spNone {
    display: none;
  }
}

#footer_navi {
  background: #e1e1e1;
  padding: 30px;
}

#footer_navi div {
  width: 1080px;
  margin: 0 auto;
}

#footer_navi ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footer_navi ul li {
  display: block;
  list-style: none;
  width: 20%;
  margin: 7px 0;
}
#footer_navi h2 {
  margin-bottom: 20px;
  margin-left: 0;
}

footer h2 {
  margin-bottom: 15px;
}

footer .foot_info {
  background: #000;
}

footer .foot_info ul {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin: 0 auto;
  margin-top: 0px;
  padding: 5px;
  margin-top: 50px;
  flex-wrap: wrap;
}

footer .foot_info ul li a {
  color: #fff;
  font-size: 13px;
  display: block;
}

footer .foot_info ul li a:hover {
  color: orange;
}

footer .footer_gloupsites .ft_groupsite {
  background: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  flex-wrap: wrap;
  padding: 15px 30px;
  font-size: 12px;
  border-radius: 10px;
}

/* 商品詳細画面の指定DIC番号の入力欄 */
.input-dic > div {
  display: flex;
  align-items: center;
}
.input-dic > div > span {
  white-space: nowrap;
  margin-top: 10px;
}

/* 非活性化用のオーバレイ */
.disabled-overlay {
  position: relative;
  pointer-events: none;
}
.disabled-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(256, 256, 256, 0.8);
  border-radius: inherit;
  z-index: 5;
}
/* 固定部だけz-indexを大きく */
.detail-fixed-action__button.disabled-overlay::after {
  z-index: 10;
}

/* 商品詳細専用 クイック印刷入力内容 */
#print_plus {
  display: none;
}
.print_plus {
  display: inline-block;
  padding: 5px 0;
  cursor: pointer;
  text-decoration: underline;
}
.print_over {
  display: none;
  margin: 15px 0 25px 0;
}
#print_plus:checked + label + .print_over {
  display: block;
}
#print_plus_layout_image {
  width: 600px;
  border: solid 3px #666;
  background-color: #fff; /* 画像自体の背景は透過されていない想定で白とする */
  position: fixed;
  top: 50%;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  transform: translate(-100%, -50%);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, visibility 0s linear 0.5s;
}
#print_plus_layout_image.visible {
  visibility: visible;
  opacity: 1;
  transform: translate(-100%, -60%);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, visibility 0s;
}

@media screen and (max-width: 767px) {
  #sticky_nav {
    /*display:none;*/
  }
  /*　画面サイズが767pxまではここを読み込む　*/
  .address-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .address-area__heading {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .address-area__count {
    display: block;
    font-size: 10px;
    font-weight: normal;
  }

  .address-form {
    margin-bottom: 30px;
    padding: 20px 15px 30px;
    border-radius: 4px;
    background: #fff;
  }

  .banner-large {
    display: none;
  }

  .banner-small__image-box {
    display: block;
    margin-bottom: 15px;
  }
  .banner-small__image-box:last-child {
    margin-bottom: 0;
  }
  .banner-small__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  html {
    font-size: 10px;
  }
  html.is-fixed {
    height: 100vh;
    overflow: hidden;
  }

  body {
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .is-fixed body {
    position: fixed;
    width: 100%;
  }

  a {
    transition: 0.3s;
    color: #000;
    text-decoration: none;
  }
  a:hover {
    color: #000;
    text-decoration: none;
  }

  button {
    border: 0;
  }

  a,
  button,
  select {
    cursor: pointer;
  }

  input,
  button,
  textarea {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-size: 14px;
    font-weight: normal;
  }

  input,
  select {
    outline: 0;
    word-break: normal;
  }

  input {
    transition: 0.3s;
  }

  ul,
  li {
    list-style: none;
  }

  h1,
  h2,
  h3,
  h4 {
    padding: 0;
    background: none;
  }

  .sp-hidden {
    display: none;
  }

  .text-box {
    margin-bottom: 30px;
  }
  .text-box--middle {
    margin-bottom: 20px;
  }
  
  .txtRed {
  color: #ff0000;
}

  .text {
    margin-bottom: 20px;
  }
  .text:last-child {
    margin-bottom: 0;
  }
  .text--zero {
    margin-bottom: 0;
  }
  .text--center {
    text-align: center;
  }

  .text-link {
    color: #000;
    text-decoration: underline;
  }

  .text-note {
    color: #ff3b00;
  }
  .text-note--indent {
    padding-left: 1em;
    text-indent: -1em;
  }

  .text-caution {
    color: #ff3b00;
    font-size: 16px;
  }

  .text-small {
    font-size: 12px;
  }

  .text-large {
    font-size: 18px;
  }

  .text-bold {
    font-size: 14px;
	font-weight:bold;
  }
  .text-normal {
    font-size: 12px;
	font-weight:normal;
  }

  .text-underline {
    display: inline-block;
    margin-bottom: 10px;
    background: linear-gradient(transparent 60%, #fcde7f 0%);
    font-weight: bold;
  }
  .text-underline::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-right: 5px;
    background: url("../imgicon/black/flick_black.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .wrapper > .container > .row {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  img:hover {
    opacity: 0.7;
  }

  input:hover {
    opacity: 1;
  }

  .breadcrumb {
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #f5f5f5;
  }
  .breadcrumb__list {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: -10px 0 0 -12px;
  }
  .breadcrumb__item {
    position: relative;
    margin: 10px 0 0 12px;
    font-size: 10px;
    line-height: 1;
  }
  .breadcrumb__item::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 4px;
    margin-left: 6px;
    transform: rotate(-90deg);
    background: url("../img/icon/black/arrow_black_light.svg") no-repeat center/contain;
    vertical-align: 2px;
  }
  .breadcrumb__item:last-child {
    margin-right: 0;
  }
  .breadcrumb__item:last-child::after {
    content: none;
  }
  .breadcrumb__item.is-current {
    color: #666;
  }
  .breadcrumb__link {
    font-weight: bold;
  }
  .breadcrumb__link:hover {
    text-decoration: underline;
  }

  .button-primary {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

  .button-secondary {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #000;
    color: #fff;
  }
  .button-secondary:hover {
    color: #fff;
  }

  .button-tertiary {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 13px 9px;
    transition: 0.3s;
    border: 2px solid #000;
    background: #fff;
    color: #000;
  }

  .detail__heading-box .out-stock {
    border: 0;
    border-radius: 0;
    font-weight: normal;
    background: #f8d3d3;
    color: #d0021b;
  }
  .detail__heading-box .out-stock:hover {
    opacity: 1;
  }

  .button-inactive {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #f5f5f5;
    color: #bababa;
    pointer-events: none;
  }

  .button-base {
    width: 260px;
  }

  .button-small {
    padding: 9px 15px 7px;
    font-size: 12px;
  }
  .button-small.button-tertiary {
    padding: 7px 18px 5px;
    font-size: 12px;
  }

  .button-box {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 40px;
  }
  .button-box--close {
    margin-top: 20px;
  }
  .button-box--start {
    flex-direction: inherit;
    align-items: inherit;
    justify-content: flex-start;
    margin: 20px 0;
  }
  .button-box__button {
    margin-top: 20px;
  }
  .button-box__button:last-child {
    margin-top: 0;
  }

  .campaign-text {
    font-size: 12px;
  }

  .category-select-list__item:last-child {
    margin-bottom: 0;
  }

  .category-select {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    padding: 16px 15px;
    transition: 0.3s;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .category-select.is-inactive {
    background: #f5f5f5;
    color: #bababa;
    pointer-events: none;
  }
  .category-select.is-current {
    pointer-events: none;
  }
  .category-select.is-current::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 3px solid #fabe00;
    border-radius: 4px;
  }
  .category-select__info {
    flex: 1;
    margin-right: 15px;
  }
  .category-select__detail {
    margin-bottom: 6px;
    padding-left: 26px;
  }
  .category-select__price {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1;
  }
  .category-select__price:last-child {
    margin-bottom: 0;
  }
  .category-select__add {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1;
  }
  .category-select__add:last-child {
    margin-bottom: 0;
  }
  .category-select__workday {
    color: #ff3b00;
    font-size: 12px;
    line-height: 1;
  }
  .category-select__text {
    margin-bottom: 8px;
    padding-left: 26px;
    font-size: 12px;
  }
  .category-select__text:last-child {
    margin-bottom: 0;
  }
  .category-select__no-stock {
    padding-left: 26px;
    color: #ff3b00;
    font-size: 12px;
  }
  .category-select__image-box {
    flex-shrink: 0;
    width: 90px;
    height: auto;
    margin-bottom: 6px;
  }
  .category-select__image-box:last-child {
    margin-bottom: 0;
  }
  .category-select.is-inactive .category-select__image-box {
    opacity: 0.8;
  }
  .category-select__image {
    width: 100%;
  }
  .category-select__link {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    pointer-events: auto;
  }

  .category-select-head {
    position: relative;
    margin-bottom: 6px;
    padding-left: 26px;
  }
  .category-select-head::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ededed;
  }
  .category-select.is-current .category-select-head::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #74aaff;
  }
  .category-select-head__name {
    font-weight: bold;
    line-height: 1.4;
  }
  .category-select-head__tag {
    font-size: 10px;
    vertical-align: 8px;
  }

  .counter {
    display: flex;
    align-items: center;
  }
  .counter__minus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("../img/icon/black/minus_black.svg") no-repeat center/contain;
  }
  .counter__plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background: url("../img/icon/black/plus_black.svg") no-repeat center/contain;
  }

  .detail {
    padding-top: 10px;
  }
  .detail__main {
    margin-bottom: 50px;
  }
  .detail__heading-box {
    /*display: flex;*/
    align-items: center;
    margin-bottom: 20px;
  }
  .detail__heading {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
  }
  .detail__heading:last-child {
    margin-bottom: 0;
  }
  .detail__heading--note {
    padding-left: 25px;
  }
  .detail__heading--note::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/exclamation_black.svg") no-repeat center/contain;
  }
  .detail__heading-box .detail__heading {
    margin-bottom: 0;
  }
  .detail__heading-button {
    margin-right: auto;
    /*margin-left: auto;*/
    font-size: 14px;
  }
  .detail__heading-text {
    margin-left: 5px;
    font-size: 14px;
    font-weight: normal;
  }
  .detail__heading-question {
    margin-left: 5px;
  }
  .detail__section {
    /*margin-bottom: 35px;*/
  }
  .detail__section:last-child {
    margin-bottom: 0;
  }
  .detail__section-border {
    margin-bottom: 30px;
    /*padding-bottom: 30px;*/
    border-bottom: 2px solid #dedede;
  }
  
  
  .order_title{
background: #fabe00;
font-size:135%;
line-height:1.25;
width:auto;
margin:10px 0;
padding:10px 5px;
font-weight:bold;
border-radius: 10px 10px 0 0;
text-align:center;
}
.order_title span{
margin-left:10px;
font-feature-settings: 'palt';
}
.order_back{
background: #fff;
width:auto;
height:40px;
margin:0 -30px;
}
		
		/* 未選択項目ハイライト用 */
.detail__heading-box.error-highlight {
    background-color: #ffe6e6; /* 薄い赤 */
    border: 1px solid #ff0000; /* 赤枠 */
    position: relative;
	padding:5px;
}

/* ラベル表示 */
.detail__heading-box.error-highlight::after {
    content: "必須項目です";
    color: #ff0000;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 0.9em;
}


  /*---------- クイックfield　----------*/
  .detail__section .input-area input {
    border: 1px solid #b7b7b7;
    width: 100%;
    height: 35px;
    margin-top: 10px;
  }
  .detail__section .input-area .txtsize {
    margin-right: 8px;
  }

  /*-------------------- データ入稿チェック　--------------------*/

  .detail-shipment__text label {
    padding-left: 35px;
  }
  .data-checkbox input[type="file"] {
    margin-bottom: 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .data-checkbox input::file-selector-button {
    /*font-weight: bold;*/
    /*color: dodgerblue;*/
    padding: 0.5em 0.8em;
    border: thin solid grey;
    border-radius: 3px;
  }

  .data-checkbox input[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto;
    height: auto;
    display: inline-block;
  }
  .data-checkbox input[type="checkbox"] {
    cursor: pointer;
    /*padding-left: 35px;*/
    vertical-align: middle;
    position: relative;
    outline: none;
  }
  .data-checkbox input[type="checkbox"]:before,
  .data-checkbox input[type="checkbox"]:after {
    content: "";
    display: block;
    position: absolute;
  }
  .data-checkbox input[type="checkbox"]:before {
    border-radius: 0%;
    border: 1px solid #b7b7b7;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
  }
  .data-checkbox input[type="checkbox"]:after {
    border-bottom: 5px solid #000;
    border-left: 5px solid #000;
    opacity: 0;
    height: 7px;
    width: 12px;
    transform: rotate(-45deg);
    top: -8px;
    left: 5px;
  }
  .data-checkbox input[type="checkbox"]:checked::after {
    opacity: 1;
  }

  /*-------------------- 同意チェック　--------------------*/

  .detail-consent {
    margin-bottom: 30px;
    padding: 15px;
    background: #f5f5f5;
  }
  .detail-consent__title {
    margin-bottom: 13px;
    font-weight: bold;
  }
  .detail-consent__text {
    margin-bottom: 13px;
    text-align: center;
  }
  .detail-consent__text label {
    padding-left: 35px;
  }
  .detail-consent__text:last-child {
    margin-bottom: 0;
  }
  .detail-consent dl dt {
    font-weight: bold;
  }

  .detail__download {
    width: 245px;
  }
  .detail__button {
    margin-left: auto;
  }
  .detail__input-text {
    width: 240px;
  }
  .detail__inquiry {
    margin-bottom: 15px;
  }
  .detail__inquiry:last-child {
    margin-bottom: 0;
  }
  .detail__inquiry--sp-font-small {
    font-size: 12px;
  }
  .detail__color-modify {
    margin-bottom: 35px;
  }
  .detail__note {
    margin-top: 4px;
  }
  .detail__set {
    padding: 30px 0 40px;
    background: #f5f5f5;
  }
  .detail__review {
    padding: 50px 0;
  }
  .detail__review--less-margin {
    padding-bottom: 0;
  }
  .detail__group {
    margin-bottom: 30px;
  }

  .detail-column {
    /*display: flex;*/
    flex-direction: column;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }
  .detail-column__column:first-child {
    order: 2;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dedede;
  }

  .detail-zoomed-item-sp {
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 375px;
    transform: translate(-50%, -50%);
    transition: 0.2s;
    opacity: 0;
  }
  .detail-zoomed-item-sp.is-active {
    visibility: visible;
    opacity: 1;
  }
  .detail-zoomed-item-sp__close {
    position: absolute;
    top: -30px;
    right: 15px;
    width: 15px;
    height: 15px;
    border: 0;
    background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
  }
  .detail-zoomed-item-sp__message {
    position: absolute;
    bottom: -35px;
    left: 15px;
    padding-left: 21px;
    color: #fff;
  }
  .detail-zoomed-item-sp__message::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url("../img/icon/white/zoom_white.svg") no-repeat center/contain;
  }

  .detail-zoomed-item-images-sp__item {
    position: relative;
    width: 100vw;
    max-width: 375px;
  }
  .detail-zoomed-item-images-sp__image {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 70px);
    object-fit: contain;
  }
  .detail-zoomed-item-images-sp.slick-slider {
    -ms-touch-action: auto;
    touch-action: auto;
  }
  .detail-zoomed-item-images-sp .slick-prev,
  .detail-zoomed-item-images-sp .slick-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: 0.5;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/24px 15px;
    font-size: 0;
  }
  .detail-zoomed-item-images-sp .slick-prev {
    right: calc(50% + 150px);
    transform: translateY(-50%) rotate(90deg);
  }
  .detail-zoomed-item-images-sp .slick-next {
    left: calc(50% + 150px);
    transform: translateY(-50%) rotate(-90deg);
  }
  .detail-zoomed-item-images-sp .slick-dots {
    visibility: hidden;
    position: absolute;
    opacity: 0;
  }

  .detail-image-pc {
    display: none;
  }

  .detail-image-sp {
    margin-bottom: 40px;
  }
  .detail-image-sp__zoom {
    margin-bottom: 30px;
  }
  .detail-image-sp__zoom::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    background: url("../img/icon/black/zoom_black.svg") no-repeat center/contain;
    vertical-align: -3px;
  }

  .detail-item-sp {
    position: relative;
    box-sizing: border-box;
    max-width: 345px;
    max-height: 345px;
    margin: 0 auto 10px;
    border: 1px solid #dedede;
  }
  .detail-item-sp__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail-item-sp__image:hover {
    opacity: 1;
  }

  .detail-thumbnail-sp {
    margin: 0 19px 15px 20px;
  }
  .detail-thumbnail-sp__item {
    position: relative;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin-right: 14px;
    border: 1px solid #dedede;
  }
  .detail-thumbnail-sp__item:last-child {
    margin-right: 0;
  }
  .detail-thumbnail-sp__item.slick-active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 3px solid #fabe00;
  }
  .detail-thumbnail-sp__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail-thumbnail-sp.slick-slider button {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 10px;
    padding: 0;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    font-size: 0;
  }
  .detail-thumbnail-sp .slick-prev {
    left: -22px;
    transform: translateY(-50%) rotate(90deg);
  }
  .detail-thumbnail-sp .slick-next {
    right: -22px;
    transform: translateY(-50%) rotate(-90deg);
  }

  .detail-thumbnail {
    display: flex;
    flex-wrap: wrap;
  }
  .detail-thumbnail__item {
    position: relative;
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    margin: 25px 25px 0 0;
    cursor: pointer;
  }
  .detail-thumbnail__item:nth-child(5n) {
    margin-right: 0;
  }
  .detail-thumbnail__item:nth-child(-n + 5) {
    margin-top: 0;
  }
  .detail-thumbnail__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
  }
  .detail-thumbnail__item.active::before {
    border: 3px solid #fabe00;
  }
  .detail-thumbnail__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .detail-info-section {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }

  .detail-price-section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dedede;
  }

  .detail-info__row {
    display: flex;
    margin-bottom: 15px;
  }
  .detail-info__row:last-child {
    margin-bottom: 0;
  }
  .detail-info__head {
    flex-shrink: 0;
    width: 120px;
    padding-right: 20px;
    font-weight: bold;
    vertical-align: top;
  }
  .detail-info__data {
    flex: 1;
  }

  .detail-campaign {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .detail-campaign__tag {
    margin-right: 7px;
    font-size: 12px;
  }

  .detail-star {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .detail-star__link {
    margin-left: 8px;
    font-size: 12px;
    text-decoration: underline;
  }
  .detail-star__number {
    font-weight: bold;
  }

  .detail-coupon {
    margin-bottom: 30px;
    padding: 15px;
    background: #f5f5f5;
  }
  .detail-coupon__heading {
    margin-bottom: 10px;
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-coupon__text {
    margin-bottom: 7px;
  }
  .detail-coupon__note {
    font-size: 12px;
  }

  .detail-brand {
    display: flex;
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: auto;
  }
  .detail-brand__item {
    flex-shrink: 0;
    width: 120px;
    margin-right: 15px;
  }
  .detail-brand__item:last-child {
    margin-right: 0;
  }
  .detail-brand__image-box {
    display: block;
    height: 75px;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 4px;
  }
  .detail-brand__image-box:hover {
    opacity: 0.6;
  }
  .detail-brand__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .detail-category-image-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -15px 0 0;
  }
  .detail-category-image-list__item {
    width: 40px;
    margin: 15px 15px 0 0;
  }

  .detail-category-image {
    display: block;
    transition: 0.3s;
  }
  .detail-category-image__image-box {
    display: block;
    position: relative;
    /*width: 40px;
    height: 40px;
	*/
  }
  .detail-category-image__image-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
  }
  .detail-category-image__input:checked + .detail-category-image__image-box::before {
    border-width: 3px;
    border-color: ##74aaff;
    box-shadow: 1px 1px 1px 1px #c7c7c7;
  }
  .detail-category-image__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .detail-category-image__input {
    position: absolute;
    opacity: 0;
  }
  .detail-category-image__input:hover {
    opacity: 0;
  }

  .detail-category-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .detail-category-tag {
    display: block;
  }
  .detail-category-tag__input {
    position: absolute;
    opacity: 0;
  }
  .detail-category-tag__input:hover {
    opacity: 0;
  }
  .detail-category-tag__label {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    transition: 0.3s;
    line-height: 1.3;
  }
  .detail-category-tag__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .detail-category-tag__input:checked + .detail-category-tag__label::before {
      border: 2px solid #74aaff;
    background: #4cc4ff38;
  }

  .detail-select-list {
    position: absolute;
    z-index: 5;
    top: 45px;
    left: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .detail-select-list__item {
    border-bottom: 1px solid #dedede;
  }
  .detail-select-list__link {
    display: flex;
    position: relative;
    padding: 16px 15px 16px 38px;
    transition: 0.3s;
    background: #fff;
  }
  .detail-select-list__link::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    transition: 0.3s;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .detail-select-list__link:hover::before {
    opacity: 0.5;
  }
  .detail-select-list__link.is-current {
    pointer-events: none;
  }
  .detail-select-list__link.is-current::after {
    content: "";
    position: absolute;
    top: 22px;
    left: 20px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }
  .detail-select-list__link.is-inactive {
    background: #f5f5f5;
    pointer-events: none;
  }
  .detail-select-list__info {
    margin-right: 15px;
  }
  .detail-select-list__title {
    margin-bottom: 5px;
    transition: 0.3s;
    font-weight: bold;
  }
  .detail-select-list__title:last-child {
    margin-bottom: 0;
  }
  .detail-select-list__link.is-inactive .detail-select-list__title {
    color: #bababa;
  }
  .detail-select-list__link:hover .detail-select-list__title {
    opacity: 0.5;
  }
  .detail-select-list__text {
    margin-bottom: 5px;
    transition: 0.3s;
    font-size: 12px;
  }
  .detail-select-list__text:last-child {
    margin-bottom: 0;
  }
  .detail-select-list__link.is-inactive .detail-select-list__text {
    color: #bababa;
  }
  .detail-select-list__link:hover .detail-select-list__text {
    opacity: 0.5;
  }
  .detail-select-list__image-box {
    flex-shrink: 0;
    width: 90px;
    height: 60px;
    margin-top: 5px;
    transition: 0.3s;
  }
  .detail-select-list__link.is-inactive .detail-select-list__image-box {
    opacity: 0.8;
  }
  .detail-select-list__link:hover .detail-select-list__image-box {
    opacity: 0.5;
  }
  .detail-select-list__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail-select-list__tag {
    margin-bottom: 5px;
    font-size: 10px;
    vertical-align: 2px;
  }
  .detail-select-list__message {
    color: #ff3b00;
    font-size: 12px;
  }
  .detail-select-list__price {
    font-size: 12px;
    font-weight: normal;
  }

  .detail-size-box {
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: auto;
  }

  .detail-size__head {
    box-sizing: border-box;
    width: 105px;
    min-width: 105px;
    padding: 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  .detail-size__head--fixed {
    position: sticky;
    z-index: 1;
    left: 0;
  }
  .detail-size__head--fixed::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .detail-size__data {
    box-sizing: border-box;
    width: 105px;
    min-width: 105px;
    height: 50px;
    padding: 7px 9px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    text-align: right;
  }
  .detail-size__data--gray {
    background: #fafafa;
  }
  .detail-size__data--center {
    text-align: center;
  }
  .detail-size__erased {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }
  .detail-size__erased::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .detail-size__data.is-current .detail-size__erased::before {
    background: #000;
  }
  .detail-size__erased-yen {
    margin-left: 4px;
    font-size: 10px;
  }
  .detail-size__value {
    line-height: 1;
  }
  .detail-size__value--discounted {
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-size__value-yen {
    margin-left: 6px;
    font-size: 12px;
  }
  .detail-size__value--discounted .detail-size__value-yen {
    margin-left: 4px;
    font-size: 10px;
  }

  .detail-size-input {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .detail-size-input:last-child {
    margin-bottom: 0;
  }
  .detail-size-input__title {
    width: 2em;
    margin-right: 40px;
  }
  .detail-size-input__input {
    flex: 1;
  }
  .detail-size-input__unit {
    margin-left: 5px;
  }

  .detail-shipment-box {
    margin-top: 30px;
  }

  .detail-shipment {
    margin-bottom: 30px;
    padding: 15px;
    background: #f5f5f5;
  }
  .detail-shipment__title {
    margin-bottom: 13px;
    font-weight: bold;
  }
  .detail-shipment__text {
    margin-bottom: 13px;
  }
  .detail-shipment__text:last-child {
    margin-bottom: 0;
  }
  .detail-shipment__link-box {
    display: flex;
    justify-content: flex-end;
  }
  .detail-shipment__link {
    text-decoration: underline;
  }

  .detail-purchase {
    margin-bottom: 30px;
    padding: 20px 15px;
    border: 1px solid #000;
    border-radius: 4px;
  }
  .detail-purchase__notify {
    width: 136px;
    margin-bottom: 23px;
  }
  .detail-purchase__campaign {
    margin-bottom: 7px;
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-purchase__tax-reduced {
    margin-bottom: 25px;
  }
  .detail-purchase__note {
    margin-bottom: 20px;
    color: #ff3b00;
  }
  .detail-purchase__favorite {
    margin-bottom: 40px;
  }

  .detail-purchase-condition {
    margin-bottom: 20px;
  }
  .detail-purchase-condition__text {
    display: flex;    
    margin-bottom: 15px;
    font-weight: bold;
  }
  .detail-purchase-condition__key {
    flex-shrink: 0;
  }
  .detail-purchase-condition__value {
    color: #ff3b00;
    font-weight: bold;
  }

  .detail-amount {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
  }
  .detail-amount:last-child {
    margin-bottom: 0;
  }
  .detail-amount__title {
    margin-right: 25px;
  }
  .detail-amount__title--near {
    margin-right: 5px;
  }
  .detail-amount__link {
    margin-left: 8px;
  }

  .detail-price {
    margin-bottom: 25px;
  }
  .detail-price__section {
    padding: 25px 0;
    border-top: 1px solid #dedede;
  }
  .detail-price__section:last-child {
    padding-bottom: 0;
  }
  .detail-price__row {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 15px;
    flex-wrap: wrap;
    gap: 0 50px;
  }
  .detail-price__row:last-child {
    padding-bottom: 0;
  }
  .detail-price__note {
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
  }
  .detail-price__title {
    flex: 1;
    font-size: 12px;
  }
  .detail-price-number {
    text-align: right;
    white-space: nowrap;
  }
  .detail-price-number__erased {
    display: inline-block;
    position: relative;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
  }
  .detail-price-number__erased::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .detail-price-number__value {
    font-weight: bold;
  }
  .detail-price-number__value--discounted {
    color: #ff3b00;
  }

  .detail-price-total-sub {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 13px;
  }
  .detail-price-total-sub__title {
    font-size: 12px;
    font-weight: bold;
  }
  .detail-price-total-sub__value {
    min-width: 150px;
    margin-left: 30px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
  }

  .detail-price-total {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #dedede;
  }
  .detail-price-total__title {
    font-size: 15px;
    font-weight: bold;
  }
  .detail-price-total__value {
    min-width: 105px;
    margin-left: 60px;
    font-weight: bold;
    text-align: right;
  }

  .detail-purchase-button-box {
    margin-bottom: 25px;
  }
  .detail-purchase-button-box__button {
    margin-bottom: 20px;
    padding: 16px 15px 15px;
  }
  .detail-purchase-button-box__button:last-child {
    margin-bottom: 0;
  }
  .detail-purchase-button-box__button i {
    vertical-align: -3px;
  }
  .detail-purchase-button-box__button--icon-right i {
    margin-left: 10px;
  }
  .detail-purchase-button-box__button--icon-left i {
    margin-right: 10px;
  }
  .detail-purchase-button-box__note {
    margin-bottom: 10px;
    color: #ff3b00;
    text-align: center;
  }

  .detail-purchase-sns {
    display: flex;
    align-items: center;
  }
  .detail-purchase-sns__text {
    margin-right: 40px;
    font-size: 15px;
    font-weight: bold;
  }

  .detail-purchase-sns-icons {
    display: flex;
  }
  .detail-purchase-sns-icons__icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    transition: 0.3s;
  }
  .detail-purchase-sns-icons__icon:last-child {
    margin-right: 0;
  }
  .detail-purchase-sns-icons__icon:hover {
    opacity: 0.6;
  }
  .detail-purchase-sns-icons__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .detail-price-table {
    position: relative;
    width: 100%;
    table-layout: fixed;
    
    border: 1px solid #dedede;
  }
  .detail-price-table__head {
  /*position: relative;*/
    box-sizing: border-box;
    padding: 7px;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  .detail-price-table__head--fixed,
  .detail-price-table__head--fixed-corner {
   /* position: sticky; */
    top: 0;
    left: 0;
	width:150px;
  }
  .detail-price-table__head--fixed::before,
  .detail-price-table__head--fixed-corner::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
  }
  .detail-price-table__head--fixed {
    z-index: 1;
  }
  .detail-price-table__head--fixed-corner {
  /*z-index: 2;*/
  }
  .detail-price-table__data {
    box-sizing: border-box;
    height: 51px;
    padding: 7px 0;
    border: 1px solid #dedede;
    text-align: right;
  }
  .detail-price-table__data--gray {
    background: #fafafa;
  }
  .detail-price-table__data--center {
    text-align: center;
  }
  .detail-price-table__data.is-inactive {
    background: #f5f5f5;
    color: #bababa;
  }
  .detail-price-table__data-box {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .detail-price-table__stop {
    display: block;
    color: #ff3b00;
    font-size: 10px;
    font-weight: bold;
  }
  .detail-price-table__value {
    margin-bottom: 3px;
    font-size: 11px;
    line-height: 1;
  }
  .detail-price-table__value:last-child {
    margin-bottom: 0;
  }
  .detail-price-table__value--discounted {
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-price-table__value-yen {
    margin-left: 2px;
    font-size: 10px;
  }
  .detail-price-table__eraced-box {
    display: flex;
    justify-content: flex-end;
  }
  .detail-price-table__erased {
    position: relative;
    margin-bottom: 3px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }
  .detail-price-table__erased::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .detail-price-table__erased-yen {
    margin-left: 2px;
  }
  .detail-price-table__sub {
    font-size: 10px;
    line-height: 1;
  }
  .detail-price-table__sub--discounted {
    color: #ff3b00;
  }
  .detail-price-table__sub-yen {
    margin-left: 2px;
  }

  .detail-scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .detail-scroll__total {
    align-self: center;
    color: #7c7c7c;
    font-size: 14px;
    font-weight: normal;
  }

  .detail-price-table-box {
    overflow: auto;
    padding: 20px;
  }
  .detail-price-table-box .scroll-hint-icon {
    z-index: 1;
    top: calc(50% - 65px);
    left: calc(50% - 65px);
    width: 130px;
    height: 130px;
    padding-top: 32px;
  }
  .detail-price-table-box .scroll-hint-icon::before {
    width: 40px;
    height: 60px;
    animation: none;
    background-image: url("../img/icon/white/scroll_hand_white.svg");
  }
  .detail-price-table-box .scroll-hint-icon::after {
    top: 19px;
    width: 49px;
    height: 13px;
    margin-left: 0;
    transform: translateX(-50%);
    transition-delay: unset;
    background-image: url("../img/icon/white/scroll_arrows_white.svg");
  }
  .detail-price-table-box .scroll-hint-text {
    margin-top: 9px;
    font-size: 12px;
  }

  .detail-review-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 20px;
    line-height: 1;
  }
  .detail-review-head__review {
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .detail-review-head__star {
    height: 19px;
  }
  .detail-review-head__number {
    margin-top: 5px;
  }

  .detail-review-list {
    border-top: 1px solid #dedede;
  }
  .detail-review-list__item {
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
  }
  .detail-review-list__title {
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: bold;
  }
  .detail-review-list__info {
    margin-bottom: 15px;
  }
  .detail-review-list__star {
    width: 95px;
    margin-bottom: 7px;
  }
  .detail-review-list__name {
    display: inline-block;
    margin-right: 15px;
  }
  .detail-review-list__date {
    display: inline-block;
    color: #7c7c7c;
  }

  .detail-fixed {
    display: none;
  }

  .delivery {
    padding: 15px 15px 25px;
    border: 1px solid #dedede;
  }
  .delivery__heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .delivery__heading-ico {
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .delivery__heading-button {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-left: 20px;
  }
  .delivery__info {
    margin-bottom: 20px;
  }
  .delivery__type {
    margin-bottom: 6px;
  }
  .delivery__text {
    margin-bottom: 15px;
  }

  .delivery-set {
    margin-bottom: 15px;
  }
  .delivery-set__name {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: bold;
  }
  .delivery-set__sir {
    font-weight: normal;
  }

  .delivery-deal__body {
    padding: 0 10px;
  }
  .delivery-deal__heading {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
    font-weight: bold;
  }
  .delivery-deal__section {
    margin-bottom: 30px;
  }
  .delivery-deal__section:last-child {
    margin-bottom: 0;
  }
  .delivery-deal__text {
    margin-bottom: 15px;
  }
  .delivery-deal__text:last-child {
    margin-bottom: 0;
  }
  .delivery-deal__form {
    margin-bottom: 12px;
  }
  .delivery-deal__form:last-child {
    margin-bottom: 0;
  }

  .delivery-deal-list__item {
    margin-bottom: 30px;
  }
  .delivery-deal-list__item:last-child {
    margin-bottom: 0;
  }

  .delivery-deal-heading-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 11px 10px;
    border-radius: 4px;
    background: #f5f5f5;
  }
  .delivery-deal-heading-box__link {
    color: #000;
    text-decoration: underline;
  }

  .delivery-deal-heading {
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  .delivery-deal-heading__ico {
    flex-shrink: 0;
    margin-right: 8px;
  }
  .delivery-deal-heading__tag {
    margin-left: 8px;
  }

  .delivery-deal-column {
    margin-bottom: 40px;
  }
  .delivery-deal-column__box {
    margin-bottom: 35px;
  }
  .delivery-deal-column__box:last-child {
    margin-bottom: 0;
  }
  .delivery-deal-column__name-box {
    margin-bottom: 13px;
    font-size: 15px;
  }
  .delivery-deal-column__name {
    font-weight: bold;
  }
  .delivery-deal-column__text {
    margin-bottom: 15px;
  }
  .delivery-deal-column__text:last-child {
    margin-bottom: 0;
  }
  .delivery-deal-column__heading {
    margin-bottom: 15px;
    font-weight: bold;
  }
  .delivery-deal-column__heading-ico {
    margin-right: 5px;
    vertical-align: -3px;
  }

  .delivery-detail-item-list {
    display: none;
  }
  .delivery-detail-item-list__item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .delivery-detail-item-list__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .delivery-detail-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
  }
  .delivery-detail-head__heading {
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  .delivery-detail-head__heading-ico {
    flex-shrink: 0;
    margin-right: 5px;
  }
  .delivery-detail-head__toggle-button {
    position: relative;
    padding-right: 17px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
  }
  .delivery-detail-head__toggle-button::before {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 11px;
    height: 7px;
    transition: 0.3s;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .delivery-detail-head__toggle-button.is-open::before {
    transform: rotate(-180deg);
  }

  .delivery-detail-item-head {
    margin-bottom: 25px;
  }
  .delivery-detail-item-head__value {
    font-weight: bold;
  }
  .delivery-detail-item-head__set {
    margin-bottom: 10px;
  }
  .delivery-detail-item-head__set:last-child {
    margin-bottom: 0;
  }
  .delivery-detail-item-head__name {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }

  .delivery-detail-item-option__title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }

  .delivery-detail-item-info-list {
    margin-bottom: 25px;
  }
  .delivery-detail-item-info-list:last-child {
    margin-bottom: 0;
  }
  .delivery-detail-item-info-list__item {
    margin-bottom: 12px;
  }
  .delivery-detail-item-info-list__item:last-child {
    margin-bottom: 0;
  }
  .delivery-detail-item-info-list__all {
    margin-left: 10px;
    text-decoration: underline;
  }
  .delivery-detail-item-info-list__all:hover {
    text-decoration: none;
  }

  .delivery-select-list__item {
    display: flex;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .delivery-select-list__item:last-child {
    margin-bottom: 0;
  }
  .delivery-select-list__checkbox {
    margin-right: 10px;
  }

  .footer {
    padding: 50px 0;
    background: #ededed;
  }
  .footer--less-padding {
    padding: 20px;
  }
  .footer__calendar {
    margin-bottom: 50px;
  }
  .footer__category {
    display: none;
  }
  .footer__heading {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
  }
  .footer__box-search {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
  }
  .footer__box-sub-box {
    display: flex;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
  }
  .footer__box-sub {
    margin-right: 92px;
  }
  .footer__box-sub:last-child {
    margin-right: 0;
  }

  .footer-link-list__item {
    margin-bottom: 20px;
  }
  .footer-link-list__item:last-child {
    margin-bottom: 0;
  }
  .footer-link-list__link {
    color: #000;
    font-size: 16px;
  }

  .footer-sns {
    display: flex;
    justify-content: center;
    margin: 50px 0;
    padding-top: 50px;
    border-top: 1px solid rgba(222, 222, 222, 0.5);
  }
  .footer-sns__icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
  }
  .footer-sns__icon:last-child {
    margin-right: 0;
  }
  .footer-sns__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .footer-calendar {
    box-sizing: border-box;
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 4px;
    background: #fff;
  }
  .footer-calendar__heading {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
  }
  .footer-calendar__month {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .footer-calendar__note::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    background: #ffc5b5;
  }

  .footer-calendar-table {
    width: 100%;
  }
  .footer-calendar-table__day {
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
  }
  .footer-calendar-table__date {
    height: 36px;
    border: 4px solid #fff;
    text-align: center;
  }
  .footer-calendar-table__date.is-dayoff {
    background: #ffc5b5;
  }

  .footer-copyright {
    display: block;
    text-align: center;
  }

  .form__section {
    margin-bottom: 40px;
  }
  .form__section:last-child {
    margin-bottom: 0;
  }
  .form__section--border {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .form__section--border:last-child {
    border-bottom: 0;
  }
  .form__field {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
  }
  .form__field:last-child {
    margin-bottom: 0;
  }
  .form__field--column {
    flex-direction: column;
    align-items: flex-start;
  }
  .form__link {
    display: block;
    margin-top: 10px;
    text-decoration: underline;
  }
  .form__char {
    margin-left: 10px;
  }
  .form__button {
    margin-left: 20px;
  }
  .form__zip {
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
  }

  .form-code {
    position: relative;
    width: 100%;
    margin-top: 15px;
  }
  .form-code__message {
    position: absolute;
    top: 50%;
    left: 160px;
    padding: 6px 8px 7px;
    transform: translateY(-50%);
    border: 1px solid #1e8cdd;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    color: #1e8cdd;
    font-size: 12px;
    line-height: 1.2;
  }

  .form-select-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -20px;
  }
  .form-select-list__item {
    margin: 20px 40px 0 0;
  }
  .form-select-list__item:last-child {
    margin-right: 0;
  }
  .form-select-list__item--sp-row {
    /* SPのみ1列 */
    width: 100%;
    margin-right: 0;
  }
  .form-select-list__item--column {
    /* PC2列・SP1列 */
    width: 100%;
    margin-right: 0;
  }

  .form-tel {
    display: flex;
    justify-items: center;
  }
  .form-tel__item {
    width: 72px;
  }
  .form-tel__item:nth-child(n + 2) {
    position: relative;
    padding-left: 25px;
  }
  .form-tel__item:nth-child(n + 2)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 5px;
    height: 1px;
    transform: translateY(-50%);
    background: #000;
  }

  .form-heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
  }
  .form-heading__required {
    margin-left: 10px;
    font-size: 12px;
  }

  .form-progress {
    display: flex;
    flex-direction: column;
    margin: 0 0 30px 15px;
  }
  .form-progress__bar {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    color: #bababa;
    font-weight: bold;
  }
  .form-progress__bar::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 26px 0 2px;
    border-radius: 50%;
    background-color: #dedede;
  }
  .form-progress__bar::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 5px;
    width: 2px;
    height: 40px;
    background-color: #dedede;
  }
  .form-progress__bar:last-child {
    margin-bottom: 0;
  }
  .form-progress__bar:last-child::after {
    content: none;
  }
  .form-progress__bar--complete::before,
  .form-progress__bar--complete::after {
    background-color: #fabe00;
  }
  .form-progress__bar--active {
    color: #000;
    font-size: 16px;
  }
  .form-progress__bar--active::before {
    width: 12px;
    height: 12px;
    margin: 0 24px 0 0;
    background-color: #fabe00;
  }

  .form-concent {
    margin-bottom: 30px;
  }

  .form-file__input {
    display: none;
  }
  .form-file__button {
    width: 175px;
    max-width: 175px;
  }
  .form-file__text {
    display: block;
    margin-top: 15px;
    font-weight: bold;
  }

  .form-loading {
    position: relative;
    padding-left: 28px;
  }
  .form-loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url("../img/icon/gif/loading.gif") no-repeat center/contain;
  }

  .header-pc {
    display: none;
  }

  .header-sp {
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 10px -5px #777;
  }
  .header-sp.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  .header-sp__main {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    padding: 0 15px;
    transition: 0.3s;
    background: #3c8ff9;
  }
  .header-sp__menu {
    width: 40px;
  }
  .header-sp__logo-box {
    display: block;
    position: absolute;
    top: 50%;
    left: 49%;
    width: 150px;
    /*width: 90px;*/
    transform: translate(-50%, -50%);
  }
  .header-sp__logo {
    width: 100%;
  }
  .header-sp__overlay {
    width: 100vw;
    height: 100vh;
  }

  .header-sp-nav {
    display: flex;
  }
  .header-sp-nav__item {
    margin-right: 10px;
  }
  .header-sp-nav__link {
    display: block;
    position: relative;
  }
  .header-sp-nav__text {
    font-size: 9px;
    font-weight: bold;
    color: #fff;
  }
  .header-sp-nav__icon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 2px;
  }
  .header-sp-nav__icon--mypage {
    background: url("../img/icon/unique/user_unique.svg") no-repeat center/contain;
  }
  .header-sp-nav__icon--cart {
    background: url("../img/icon/unique/cart_unique.svg") no-repeat center/contain;
  }
  .header-sp-nav__number {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 16px;
    left: 14px;
    padding: 0 3px;
    border-radius: 10px;
    background: #ff3b00;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
  }

  .header-sp-menu-button {
    height: 100%;
    padding: 0;
    border: 0;
    background: none;
  }
  .header-sp-menu-button__icon {
    display: flex;
    position: relative;
    align-items: center;
    width: 20px;
    height: 14px;
    margin: 0 auto 6px;
  }
  .header-sp-menu-button__icon::before,
  .header-sp-menu-button__icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #ffffff;
  }
  .header-sp-menu-button__icon::before {
    top: 0;
  }
  .header-sp-menu-button__icon::after {
    bottom: 0;
  }
  .header-sp-menu-button__icon-line {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #ffffff;
  }
  .header-sp-menu-button__text {
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    line-height: 1;
  }

  .header-sp-category {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    background: #fff;
  }
  .header-sp-category__search {
    display: flex;
    flex: 1;
    margin-right: 15px;
  }
  .header-sp-category__input {
    box-sizing: border-box;
    flex: 1;
    margin: 0;
    padding: 4px 15px;
    border: 1px solid #dedede;
    border-right: 0;
    border-radius: 24px 0 0 24px;
    outline: 0;
    background: #f5f5f5;
    -webkit-appearance: none;
    appearance: none;
  }
  .header-sp-category__input::placeholder {
    color: #666;
  }
  .header-sp-category__button {
    position: relative;
    left: -1px;
    width: 50px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 0 24px 24px 0;
    background: #fabe00;
  }
  .header-sp-category__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url("../img/icon/black/search_black.svg") no-repeat center/contain;
  }

  .header-sp-category-button {
    width: 40px;
    height: 32px;
    padding: 0;
    border: 0;
    background: none;
  }
  .header-sp-category-button__icon {
    display: block;
    width: 19px;
    height: 19px;
    margin: 0 auto 3px;
    background: url("../img/icon/unique/category_unique.svg") no-repeat center/contain;
  }
  .header-sp-category-button__text {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
  }

  .header-sp-menu {
    position: fixed;
    z-index: 9;
    top: 0;
    left: -100vw;
    width: calc(100vw - 75px);
    max-width: 300px;
    height: 100%;
    overflow-y: auto;
    transition: 0.3s;
    background: #fff;
  }
  .header-sp-menu.is-active {
    left: 0;
  }
  .header-sp-menu__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border: 0;
    background: #000 url("../img/icon/white/close_white.svg") no-repeat center/15px;
    font-size: 0;
  }
  .header-sp-menu__welcome {
    box-sizing: border-box;
    min-height: 48px;
    padding: 13px 58px 10px 15px;
  }
  .header-sp-menu__name {
    font-weight: bold;
  }
  .header-sp-menu__section {
    margin-bottom: 15px;
  }
  .header-sp-menu__section:last-child {
    margin-bottom: 0;
  }
  .header-sp-menu__heading {
    position: relative;
    padding: 15px 40px;
    background: #007aff;
    font-weight: bold;
  }
  .header-sp-menu__heading--search::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    background: url("../img/icon/unique/search_unique.svg") no-repeat center/contain;
  }
  .header-sp-menu__heading--no-icon {
    padding-left: 15px;
  }

  .header-sp-menu-link__item {
    border-bottom: 1px solid #dedede;
  }
  .header-sp-menu-link__item:last-child {
    border-bottom: 0;
  }
  .header-sp-menu-link__link {
    display: block;
    position: relative;
    padding: 15px 30px 15px 15px;
    font-weight: bold;
  }
  .header-sp-menu-link__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .header-sp-menu-link__link--icon {
    padding: 15px 30px 15px 45px;
  }
  .header-sp-menu-link__link--icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 21px;
    height: 21px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .header-sp-menu-link__link--top::before {
    background-image: url("../img/icon/unique/home_unique.svg");
  }
  .header-sp-menu-link__link--mypage::before {
    background-image: url("../img/icon/unique/user_unique.svg");
  }
  .header-sp-menu-link__link--estimate::before {
    background-image: url("../img/icon/unique/estimate_unique.svg");
  }
  .header-sp-menu-link__link--favorite::before {
    background-image: url("../img/icon/unique/heart_unique02.svg");
  }
  .header-sp-menu-link__link--history::before {
    background-image: url("../img/icon/unique/history_unique02.svg");
  }
  .header-sp-menu-link__link--logout::before {
    background-image: url("../img/icon/black/logout_black.svg");
    background-size: 18px;
  }
  .header-sp-menu-link__link--logout::after {
    content: none;
  }

  .header-sp-category-search {
    display: none;
    position: absolute;
    width: 100%;
  }
  .header-sp-category-search__heading {
    position: relative;
    padding: 9px 35px 9px 15px;
    background: #000;
    color: #fff;
    font-weight: bold;
  }
  .header-sp-category-search__panel {
    position: relative;
    box-shadow: 0px 0px 15px -5px #777777;
  }
  .header-sp-category-search__panel--second {
    display: none;
  }
  .header-sp-category-search__close {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
  }

  .header-sp-category-list {
    width: 100%;
  }
  .header-sp-category-list__item {
    border-bottom: 1px solid #ddd;
  }
  .header-sp-category-list__item:last-child {
    border-bottom: 0;
  }
  .header-sp-category-list__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    min-height: 55px;
    padding: 10px 30px 10px 45px;
    transition: 0.3s;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: bold;
  }
  .header-sp-category-list__button::before {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 19px;
    width: 2px;
    height: 10px;
    transition: 0.3s;
    border-radius: 1px;
    background: #000;
  }
  .header-sp-category-list__button::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 15px;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: #000;
  }
  .header-sp-category-list__button.is-open::before {
    transform: rotate(90deg);
  }
  .header-sp-category-list__link {
    display: block;
    position: relative;
    box-sizing: border-box;
    min-height: 40px;
    padding: 12px 30px 0;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-weight: bold;
  }
  .header-sp-category-list__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    vertical-align: 2px;
  }
  .header-sp-category-list__icon-box {
    position: absolute;
    top: calc(50% - 15px);
    left: 8px;
    width: 30px;
    height: 30px;
  }
  .header-sp-category-list__icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-sp-category-list-middle {
    display: none;
  }
  .header-sp-category-list-middle--deeper {
    display: block;
  }
  .header-sp-category-list-middle__item {
    border-bottom: 1px solid #ddd;
  }
  .header-sp-category-list-middle__item:last-child {
    border-bottom: 0;
  }
  .header-sp-category-list-middle__item:first-child {
    border-top: 1px solid #ddd;
  }
  .header-sp-category-list-middle__button {
    display: block;
    position: relative;
    box-sizing: border-box;
    min-height: 50px;
    padding: 14px 30px 12px;
    transition: 0.3s;
    background: #f5f5f5;
    color: #000;
  }
  .header-sp-category-list-middle__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }

  .heading01 {
    padding: 0;
    font-size: 20px;
    font-weight: bold;
  }
  .heading01__button {
    position: relative;
    align-self: flex-start;
    width: 115px;
    padding-right: 28px;
    padding-left: 15px;
  }
  .heading01__button::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 11px;
    width: 9px;
    height: 5px;
    transform: rotate(-90deg);
    transition: 0.3s;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .heading01__button:hover::after {
    background-image: url("../img/icon/black/arrow_black.svg");
  }
  .heading01--middle {
    margin-bottom: 10px;
  }
  .heading01--far {
    margin-bottom: 20px;
  }

  .heading02 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
  }
  .heading02--data {
    position: relative;
    padding-left: 22px;
  }
  .heading02--data::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 19px;
    background: url("../img/icon/black/data_black.svg") no-repeat center/contain;
  }
  .heading02__button {
    position: relative;
    flex-shrink: 0;
    padding-right: 24px;
    padding-left: 12px;
    transform: translateY(-2px);
  }
  .heading02__button::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 9px;
    width: 9px;
    height: 5px;
    transform: rotate(-90deg);
    transition: 0.3s;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .heading02__button:hover::after {
    background-image: url("../img/icon/white/arrow_white.svg");
  }
  .heading02__button.sp-hidden {
    display: none;
  }
  .heading02__button--no-arrow {
    padding-right: 12px;
  }
  .heading02__button--no-arrow::after {
    content: none;
  }
  .search-area .heading02 {
    justify-content: center;
  }
  .heading02--search {
    justify-content: center;
    margin-bottom: 40px;
    font-size: 14px;
  }

  .heading03 {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
  }

  .heading05 {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
  }
  .heading05--close {
    margin-bottom: 10px;
  }
  .heading05__ico {
    flex: 0 0 auto;
    margin-right: 8px;
  }

  .history-tab {
    display: none;
  }

  .history-sort {
    width: 100%;
    margin-bottom: 30px;
    table-layout: fixed;
  }
  .history-sort__head {
    width: 60px;
    min-width: 60px;
    padding: 0 15px 20px 0;
    font-weight: bold;
  }
  tr:last-child .history-sort__head {
    padding-bottom: 0;
  }
  .history-sort__data {
    padding-bottom: 20px;
  }
  tr:last-child .history-sort__data {
    padding-bottom: 0;
  }
  .history-sort__button {
    font-size: 14px;
  }

  .ico-cart-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/cart_black.svg") no-repeat center/contain;
  }

  .ico-cart-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/gray/cart_gray.svg") no-repeat center/contain;
  }

  .ico-edit-white {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/white/edit_white.svg") no-repeat center/contain;
  }

  .ico-edit-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/gray/edit_gray.svg") no-repeat center/contain;
  }

  .ico-estimate-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/estimate_black.svg") no-repeat center/contain;
  }

  .ico-estimate-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/gray/estimate_gray.svg") no-repeat center/contain;
  }

  .ico-heart-black {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url("../img/icon/black/heart_black.svg") no-repeat center/contain;
    vertical-align: -4px;
  }

  .ico-login-white {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/white/login_white.svg") no-repeat center/contain;
  }

  .ico-download-black {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../img/icon/black/download_black.svg") no-repeat center/contain;
  }
  .detail__download .ico-download-black {
    margin-left: 5px;
    vertical-align: -3px;
  }

  .ico-file-black {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-left: 9px;
    background: url("../img/icon/black/file_black.svg") no-repeat center/contain;
    vertical-align: -2px;
  }

  .ico-calendar-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/calendar_black.svg") no-repeat center/contain;
  }
  .search-date__icon .ico-calendar-black {
    width: 16px;
    height: 16px;
  }

  .ico-location-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/location_unique.svg") no-repeat center/contain;
  }

  .ico-sort-white {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/icon/white/sort_white.svg") no-repeat center/contain;
  }

  .ico-search-white {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/icon/white/search_white.svg") no-repeat center/contain;
  }

  .ico-truck-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/truck_unique.svg") no-repeat center/contain;
  }

  .ico-document-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/document_black.svg") no-repeat center/contain;
  }

  .ico-documents-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/documents_unique.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .ico-user-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/user_black.svg") no-repeat center/contain;
  }

  .ico-user-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/user_unique.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .ico-checkmark-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/icon/black/checkmark_black.svg") no-repeat center/contain;
  }

  .ico-check-black {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url("../img/icon/black/check_black.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .ico-output-black {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/icon/black/output_black.svg") no-repeat center/contain;
  }

  .ico-upload-file-white {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/icon/white/upload_file_white.svg") no-repeat center/contain;
  }

  .input-select--small {
    width: 167px;
  }
  .input-select--margin {
    margin-bottom: 10px;
  }
  .item-search-area__box--flexible .input-select {
    width: calc((100% - 15px) / 2);
  }
  .search-conditions__data .input-select {
    max-width: 330px;
  }
  .order-shipping-split .input-select {
    width: 95px;
  }
  .input-select.is-inactive {
    pointer-events: none;
  }
  .input-select__select {
    display: none;
  }
  .input-select__box {
    position: relative;
  }
  .input-select__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    padding: 11px 35px 10px 15px;
    border-radius: 3px;
    outline: 0;
    background: #f5f5f5;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
  }
  .input-select__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 13px;
    height: 8px;
    transform: translateY(-50%);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .input-select.is-inactive .input-select__button::after {
    opacity: 0.2;
  }
  .input-select__button.is-open {
    border-radius: 3px 3px 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .input-select__button.is-open::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f5f5f5;
  }
  .input-select__button--white {
    padding: 6px 30px 7px 12px;
    border-radius: 0;
    background: #fff;
  }
  .input-select__button--white::after {
    right: 12px;
    width: 14px;
    height: 9px;
  }
  .input-select__button--white.is-open {
    border-radius: 0;
  }
  .input-select__button--white.is-open::before {
    content: none;
  }
  .input-select__button-text {
    display: block;
    overflow: hidden;
    color: #000;
    white-space: nowrap;
    pointer-events: none;
  }
  .input-select.is-inactive .input-select__button-text {
    opacity: 0.2;
  }
  .input-select__list {
    display: none;
    position: absolute;
    z-index: 2;
    top: calc(100% - 1px);
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-height: 150px;
    padding: 10px 15px;
    overflow-y: auto;
    border-radius: 0 0 3px 3px;
    background: #f5f5f5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .input-select__list--white {
    max-height: none;
    padding: 10px 12px;
    overflow-y: visible;
    border-radius: 0;
    background: #fff;
    font-size: 16px;
  }
  .input-select__list--white::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
  }
  .input-select__item {
    cursor: pointer;
  }
  .input-select__item:last-child {
    margin-bottom: 0;
  }
  .input-select__amount {
    font-size: 12px;
  }

  .input-checkbox {
    display: inline-block;
  }
  .delivery-select-list__checkbox .input-checkbox {
    display: block;
  }
  .input-checkbox__input {
    position: absolute;
    opacity: 0;
  }
  .input-checkbox__input:hover {
    opacity: 0;
  }
  .input-checkbox__label {
    display: block;
    position: relative;
    padding-left: 26px;
    font-weight: normal;
    cursor: pointer;
  }
  .input-checkbox__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #f5f5f5;
  }
  .input-checkbox__input:checked + .input-checkbox__label::before {
    border-color: transparent;
    background: #fabe00;
  }
  .input-checkbox--center .input-checkbox__label::before {
    border: 1px solid #000;
  }
  .form-concent .input-checkbox__label::before {
    border: 1px solid #000;
  }
  .input-checkbox__input:checked + .input-checkbox__label::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 12px;
    height: 9px;
    background: url("../img/icon/white/check_white.svg") no-repeat center/contain;
  }
  .input-checkbox--center {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .input-checkbox--left {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
  }

  .input-radio {
    display: inline-block;
  }
  .input-radio__input {
    position: absolute;
    opacity: 0;
  }
  .input-radio__input:hover {
    opacity: 0;
  }
  .input-radio__label {
    display: block;
    position: relative;
    padding-left: 24px;
    font-weight: normal;
    cursor: pointer;
  }
  .input-radio__label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .input-radio__input:checked + .input-radio__label::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }

  .input-text {
    position: relative;
  }
  .input-text--side {
    display: flex;
    align-items: center;
  }
  .input-text.counter__input {
    width: 80px;
  }
  .form__field .input-text {
    width: 100%;
  }
  .form__field--width-auto .input-text {
    width: auto;
  }
  .input-text.form__post {
    width: 104px;
  }
  .input-text__input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    border: 0;
    border-radius: 3px;
    background: #f5f5f5;
    color: #000;
    font-size: 16px;
  }
  .input-text__input:focus {
    box-shadow: none;
  }
  .input-text__input::placeholder {
    color: #bababa;
  }
  .input-text__input::-webkit-calendar-picker-indicator {
    display: none;
  }
  .input-text__input.flatpickr-input {
    min-height: 43px;
    padding: 11px 10px 10px;
    -webkit-appearance: none;
  }
  .input-text__input:-webkit-date-and-time-value {
    text-align: left;
  }

  .input-textarea {
    position: relative;
  }
  .form__field .input-textarea {
    width: 100%;
  }
  .input-textarea__input {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 12px 15px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background: #fff;
    font-size: 16px;
    resize: vertical;
  }
  .input-textarea__input::placeholder {
    color: #bababa;
  }
  .input-textarea__input:focus {
    box-shadow: none;
  }

  .input-box {
    display: flex;
    align-items: center;
  }
  .input-box__text {
    margin-left: 5px;
  }

  .input-error {
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 0;
    padding: 3px 8px 2px;
    background: #ff3b00;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
  }
  .input-error::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 18px;
    border: 8px solid transparent;
    border-bottom: 12px solid #ff3b00;
  }

  .item-list {
    display: flex;
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: auto;
  }
  .item-list--sp-wrap {
    flex-wrap: wrap;
  }
  .item-list__item {
    flex-shrink: 0;
    width: 140px;
    margin-right: 15px;
  }
  .item-list__item:last-child {
    margin-right: 0;
  }
  .item-list__item--large {
    width: calc((100% - 15px) / 2);
    margin: 15px 15px 0 0;
  }
  .item-list__item--large:nth-child(odd) {
    margin-right: 0;
  }
  .item-list__item--large:nth-child(-n + 3) {
    margin-top: 0;
  }
  .item-list__item--larger {
    width: 100%;
    margin: 0 0 20px;
  }
  .item-list__item--larger:last-child {
    margin: 0;
  }

  .item {
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
  }
  .item.detail__tag {
    margin: -10px 0 40px -10px;
  }
  .item__image {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
  }
  .detail__tag .item__image {
    margin: 10px 0 0 10px;
  }
  .item__body {
    flex: 1;
    padding: 10px 10px 15px;
  }
  .item-list__item--large .item__body {
    padding: 10px 15px 15px;
  }
  .item-list__item--larger .item__body {
    padding: 20px 20px 25px;
  }
  .item__text-box {
    margin-bottom: 20px;
  }
  .item__name {
    display: -webkit-box;
    margin-bottom: 6px;
    overflow: hidden;
    font-weight: bold;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .item__name:last-child {
    margin-bottom: 0;
  }
  .item__product,
  .item__design-name,
  .item__size {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .item__product:last-child,
  .item__design-name:last-child,
  .item__size:last-child {
    margin-bottom: 0;
  }
  .item__number,
  .item__number-sub {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1;
    text-align: right;
  }
  .item__number:last-child,
  .item__number-sub:last-child {
    margin-bottom: 0;
  }
  .item__eraced-price {
    margin-bottom: 6px;
    line-height: 1;
    text-align: right;
  }
  .item__eraced-price-inner {
    position: relative;
    font-size: 12px;
    font-weight: bold;
  }
  .item__eraced-price-inner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .item__price {
    margin-bottom: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: right;
  }
  .item__price:last-child {
    margin-bottom: 0;
  }
  .item__price--discounted {
    color: #ff3b00;
  }
  .item__coupon {
    margin-bottom: 12px;
    color: #ff3b00;
    font-size: 12px;
    font-weight: bold;
  }
  .item__desc {
    margin-bottom: 12px;
    font-size: 12px;
  }
  .item__desc:last-child {
    margin-bottom: 0;
  }
  .item__status {
    color: #ff3b00;
    font-weight: bold;
  }
  .item__status--ordered {
    color: #bababa;
    text-align: center;
  }
  .item__review {
    display: flex;
    align-items: center;
    height: 15px;
    margin-bottom: 12px;
  }
  .item__review:last-child {
    margin-bottom: 0;
  }
  .item__review-number {
    margin-left: 8px;
    font-size: 12px;
  }
  .item__campaign {
    margin-bottom: 12px;
    padding: 5px 8px;
    border: 1px solid #ff3b00;
    border-radius: 2px;
    color: #ff3b00;
    font-size: 12px;
    font-weight: bold;
  }
  .item__campaign:last-child {
    margin-bottom: 0;
  }
  .item__ranking-number {
    display: none;
    position: absolute;
    top: 7px;
    left: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
  }
  .item__ranking-number--one {
    background: #fabe00;
  }
  .item__ranking-number--two {
    background: #dedede;
  }
  .item__ranking-number--three {
    background: #d8b1a6;
  }
  .item__ranking-number--other {
    background: #f5f5f5;
  }
  .item-ranking .item__ranking-number {
    display: block;
  }
  .item__action {
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
  }
  .item__action:hover {
    opacity: 0.6;
  }

  .item-button-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
  }
  .item-button-box:last-child {
    margin-bottom: 0;
  }
  .item-button-box__button {
    width: 270px;
    margin-bottom: 20px;
  }
  .item-button-box__button:last-child {
    margin-bottom: 0;
  }

  .item-design {
    margin-bottom: 20px;
  }
  .item-design__name {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .item-design__text {
    margin-bottom: 10px;
  }
  .item-design__text:last-child {
    margin-bottom: 0;
  }
  .item-design__tag {
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px;
    background: #f5f5f5;
    font-size: 12px;
  }

  .item-tag {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0 12px -4px;
  }
  .item-tag:last-child {
    margin-bottom: 0;
  }
  .item-tag.detail__tag {
    margin: -10px 0 40px -10px;
  }
  .item-tag__item {
    width: 37px;
    margin: 4px 0 0 4px;
  }
  .detail__tag .item-tag__item {
    margin: 10px 0 0 10px;
  }
  .item-tag__tag {
    width: 100%;
  }

  .item-condition {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -6px;
    margin-bottom: 12px;
  }
  .item-condition:last-child {
    margin-bottom: 0;
  }
  .item-condition.detail__condition {
    margin-bottom: 30px;
  }
  .item-condition__item {
    margin: 6px 5px 0 0;
    padding: 4px 5px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }
  .item-condition__item:last-child {
    margin-right: 0;
  }
  .detail__condition .item-condition__item {
    margin-right: 10px;
    font-size: 12px;
  }
  .detail__condition .item-condition__item:last-child {
    margin-right: 0;
  }

  .item-service-list {
    display: flex;
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: auto;
  }
  .item-service-list--full {
    flex-wrap: wrap;
    margin: 0;
    padding-right: 0;
  }
  .item-service-list__item {
    flex-shrink: 0;
    width: 240px;
    margin-right: 15px;
  }
  .item-service-list__item:last-child {
    margin-right: 0;
  }
  .item-service-list--full .item-service-list__item {
    width: calc((100% - 15px) / 2);
    margin: 15px 15px 0 0;
  }
  .item-service-list--full .item-service-list__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-service-list--full .item-service-list__item:nth-child(-n + 2) {
    margin-top: 0;
  }

  .item-service {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
  }
  .item-service__image-box {
    height: 150px;
    background: #fff;
  }
  .item-service-list--full .item-service__image-box {
    height: auto;
  }
  .item-service__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .item-service-list--full .item-service__image {
    height: auto;
  }
  .item-service__body {
    display: flex;
    box-sizing: border-box;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px 20px;
    background: #fff;
  }
  .item-service-list--full .item-service__body {
    min-height: 50px;
  }
  .item-service__title {
    font-size: 16px;
    font-weight: bold;
  }
  .item-service-list--full .item-service__title {
    font-size: 14px;
  }
  .item-service__text {
    margin-top: 7px;
  }
  .item-service-list--full .item-service__text {
    display: none;
  }

  .item-service-plain-list {
    display: flex;
    flex-wrap: wrap;
  }
  .item-service-plain-list__item {
    width: calc((100% - 15px) / 2);
    margin: 15px 15px 0 0;
  }
  .item-service-plain-list__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-service-plain-list__item:nth-child(-n + 2) {
    margin-top: 0;
  }

  .item-service-plain {
    display: block;
    box-sizing: border-box;
    height: 100%;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
  }
  .item-service-plain__image-box {
    flex-shrink: 0;
  }
  .item-service-plain__image {
    width: 100%;
  }
  .item-service-plain__name {
    padding: 15px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }

  .item-search-area {
    margin-bottom: 20px;
  }
  .item-search-area__count {
    font-size: 15px;
    font-weight: bold;
  }
  .item-search-area__count-head {
    display: inline-block;
  }
  .item-search-area__show {
    display: block;
    font-size: 10px;
    font-weight: normal;
  }
  .item-search-area__show--inline {
    display: inline-block;
  }
  .item-search-area__box {
    display: flex;
  }
  .item-search-area__box--end {
    justify-content: flex-end;
  }
  .item-search-area__button {
    flex: 0 0 auto;
  }
  .item-search-area__group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .item-search-area__group--end {
    justify-content: flex-end;
  }
  .item-search-area__select {
    margin-right: 15px;
  }
  .item-search-area__select:last-child {
    margin-right: 0;
  }

  .item-service-two-list {
    display: flex;
    flex-wrap: wrap;
  }
  .item-service-two-list__item {
    width: 100%;
    margin: 0 auto 15px;
  }
  .item-service-two-list__item:nth-child(2n) {
    margin-right: 0;
  }

  .item-service-contents {
    display: block;
    box-sizing: border-box;
    height: 100%;
    padding: 10px;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
  }
  .item-service-contents:hover {
    opacity: 0.6;
  }
  .item-service-contents__item {
    display: flex;
    margin-bottom: 10px;
  }
  .item-service-contents__image-box {
    display: flex;
    flex-shrink: 0;
    width: 120px;
    height: 75px;
    margin-right: 10px;
  }
  .item-service-contents__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .item-service-contents__name {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
  }

  .tag-feature {
    display: flex;
    margin-bottom: 6px;
  }
  .tag-feature__item {
    margin-right: 5px;
    padding: 4px 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }
  .tag-feature__item--recommend {
    border-color: #1e8cdd;
    color: #1e8cdd;
  }
  .tag-feature__item--new {
    border-color: #7bcc40;
    color: #7bcc40;
  }
  .tag-feature__item--campaign {
    border-color: #ff4646;
    color: #ff4646;
  }

  .tag-gray {
    display: flex;
    flex-wrap: wrap;
    margin: -15px 0 0 -15px;
  }
  .tag-gray__item {
    margin: 15px 0 0 15px;
    padding: 5px;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1;
  }

  .tag-black {
    display: inline-block;
    padding: 5px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
  }

  .tag-strong {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #ff3b00;
    border-radius: 2px;
    color: #ff3b00;
    font-weight: bold;
    line-height: 1.2;
  }
  .tag-strong--campaign {
    border: 1px solid #ff4646;
    color: #ff4646;
  }
  .tag-strong--optional {
    border: 1px solid #666;
    color: #666;
  }
  .list-table__data--coupon-period .tag-strong {
    margin: 3px 0;
  }
  .list-table__data--coupon-period .tag-strong:first-child {
    margin-top: 0;
  }
  .list-table__data--coupon-period .tag-strong:last-child {
    margin-bottom: 0;
  }

  .tag-tab {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tag-tab__item {
    display: block;
    position: relative;
    flex-shrink: 0;
    margin-right: 5px;
    padding: 10px;
    border-radius: 4px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
  }
  .tag-tab__item.is-current {
    background: #fabe00;
    color: #000;
    pointer-events: none;
  }
  .tag-tab__item.is-current::after {
    content: " ";
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    border: solid transparent;
    border-width: 14px;
    border-top-color: #fabe00;
  }

  .tag-content {
    display: none;
    padding: 30px;
    background: #fff;
  }
  .tag-content--open {
    display: block;
  }

  .tag-list {
    display: flex;
    flex-wrap: wrap;
    margin: -30px;
    padding: 10px;
    list-style-type: none;
  }
  .tag-list__item {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    margin: 10px;
    border-radius: 20px;
  }
  .tag-list__link {
    display: block;
    padding: 15px 20px;
  }

  .list-item__item {
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }
  .list-item__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .list-item__image-box {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    margin-right: 15px;
  }
  .list-item__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .list-item__text-box {
    margin-bottom: 15px;
  }
  .list-item__text-box:last-child {
    margin-bottom: 0;
  }
  .list-item__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .list-item__text {
    margin-bottom: 10px;
  }
  .list-item__text:last-child {
    margin-bottom: 0;
  }

  .list-table__head {
    display: none;
  }
  .list-table__item {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .list-table__item:last-child {
    margin-bottom: 0;
  }
  .list-table__item-disabled {
    margin-bottom: 20px;
  }
  .list-table__data {
    margin-bottom: 10px;
  }
  .list-table__data:last-child {
    margin-bottom: 0;
  }
  .list-table__data--campaign,
  .list-table__data--discount-small {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .list-table__data--color {
    flex-shrink: 0;
    margin-left: 15px;
  }
  .list-table__data--button {
    margin-top: 15px;
  }
  .list-table__data--product-name {
    padding-right: 40px;
  }
  .list-table__data--action {
    margin-top: 20px;
  }
  .list-table__image {
    width: 100%;
  }
  .list-table__link {
    display: block;
    padding: 18px 15px;
    background: #fff;
  }
  .list-table__row {
    display: block;
    position: relative;
    padding: 18px 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
  }
  .list-table__item-disabled .list-table__row {
    background: #bababa;
  }
  .list-table__name {
    font-weight: bold;
  }
  .list-table__name--coupon {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .list-table__name-link {
    display: block;
    font-weight: bold;
    text-decoration: underline;
  }
  .list-table__item-desc {
    margin-top: 10px;
    font-size: 12px;
  }
  .list-table__tag {
    display: inline-block;
    margin-top: 10px;
    font-size: 10px;
  }
  .list-table__color {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 2px;
  }
  .list-table__color-image {
    width: 100%;
  }
  .list-table__desc {
    font-size: 14px;
  }
  .list-table__delete {
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
  }

  .list-vertical__item {
    margin-bottom: 25px;
  }
  .list-vertical__item:last-child {
    margin-bottom: 0;
  }

  .list-note {
    margin-bottom: 20px;
  }
  .list-note--less-margin {
    margin-bottom: 10px;
  }
  .list-note:last-child {
    margin-bottom: 0;
  }
  .list-note__item {
    position: relative;
    margin-bottom: 8px;
    padding-left: 14px;
  }
  .list-note__item:last-child {
    margin-bottom: 0;
  }
  .list-note__item::before {
    content: "※";
    position: absolute;
    left: 0;
  }

  .list-arrow__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 12px;
    font-size: 16px;
  }
  .list-arrow__item:last-child {
    margin-bottom: 0;
  }
  .list-arrow__item::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    background: url("../img/icon/black/arrow_black_solid.svg") no-repeat center/contain;
  }
  .list-arrow__link {
    text-decoration: underline;
  }

  .list-number {
    counter-reset: num;
  }
  .list-number__item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
  }
  .list-number__item:last-child {
    margin-bottom: 0;
  }
  .list-number__item::before {
    content: counter(num) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    counter-increment: num;
  }
  .list-number__title {
    font-weight: bold;
  }

  .list-dot {
    margin-bottom: 20px;
  }
  .list-dot:last-child {
    margin-bottom: 0;
  }
  .list-dot__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 1em;
  }
  .list-dot__item:last-child {
    margin-bottom: 0;
  }
  .list-dot__item::before {
    content: "・";
    position: absolute;
    left: 0;
  }

  .login__section {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dedede;
  }
  .login__section:last-child {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .login__heading {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }
  .login__button {
    margin-top: 0;
  }

  .login-form__section {
    margin-bottom: 15px;
  }
  .login-form__section:last-child {
    margin-bottom: 0;
  }
  .login-form__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
  }
  .login-form__field {
    margin-bottom: 12px;
  }
  .login-form__field:last-child {
    margin-bottom: 0;
  }
  .login-form__note {
    margin-top: 20px;
  }

  .login-button-box {
    margin-top: 30px;
  }

  .login-link {
    display: block;
    margin-top: 20px;
    text-align: center;
    text-decoration: underline;
  }

  .login-message {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #dedede;
  }
  .login-message__heading {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }

  .login-message-list__item {
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .login-message-list__item::before {
    content: "・";
  }
  .login-message-list__item:last-child {
    margin-bottom: 0;
  }

  .ly-container {
    margin: 0 15px;
  }

  .ly-section {
    margin-bottom: 40px;
  }
  .ly-section--search {
    display: none;
    visibility: hidden;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow-y: scroll;
    transition: opacity 0.3s, visibility 0s 0.3s;
    opacity: 0;
    background: #fff;
  }
  .ly-section--search.is-active {
    display: block;
    visibility: visible;
    transition: opacity 0.3s, visibility 0s 0s;
    opacity: 1;
  }

  .ly-section-small {
    margin-bottom: 20px;
  }
  .ly-section-small:last-child {
    margin-bottom: 0;
  }

  .ly-section-border {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dedede;
  }

  .ly-side {
    display: none;
  }

  .ly-small {
    margin-top: 30px;
  }
  .main--with-simple-header .ly-small {
    margin-top: 0;
  }

  .ly-box {
    padding: 20px 15px 30px;
    border-radius: 4px;
    background: #fff;
  }
  .ly-box__border {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .ly-box__border:last-child {
    margin-bottom: 0;
  }

  .main {
    flex: 1;
    padding: 50px 0 40px;
    background: #f5f5f5;
    width: 100%;
  }
  .main--detail {
    padding-top: 20px;
  }
  .main--with-simple-header {
    padding-top: 85px;
  }

  .box-2column {
    box-sizing: border-box;
    margin-bottom: 30px;
  }
  .box-2column:last-child {
    margin-bottom: 0;
  }

  .message-box {
    margin-bottom: 30px;
  }

  .message {
    margin-bottom: 20px;
    padding: 12px 15px 11px;
    border: 1px solid #1e8cdd;
    background: #fff;
    color: #1e8cdd;
    font-weight: bold;
  }
  .message:last-child {
    margin-bottom: 0;
  }
  .message--alert {
    border: 1px solid #ff3b00;
    color: #ff3b00;
  }
  .message--success {
    border: 1px solid #1e8cdd;
    color: #1e8cdd;
  }
  .message--error {
    border: 1px solid #ff3b00;
    background: #ffeded;
    color: #ff3b00;
  }
  .message__text {
    margin-bottom: 8px;
  }
  .message__text:last-child {
    margin-bottom: 0;
  }
  .message--gray {
    background: #f5f5f5;
    font-weight: normal;
  }

  .message-coupon {
    margin-bottom: 30px;
    padding: 30px;
    background: #f5f5f5;
    text-align: center;
    font-weight: normal;
  }
  .message-coupon__box {
    margin-bottom: 15px;
  }
  .message-coupon__box:last-child {
    margin-bottom: 0;
  }
  .message-coupon__title {
    margin-bottom: 0.5em;
    font-size: 16px;
    font-weight: bold;
  }
  .message-coupon__text {
    font-size: 12px;
    font-weight: normal;
  }
  .message-coupon:last-child {
    margin-bottom: 0;
  }

  .modal-basic {
    display: flex;
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 30%;
    left: 0;
    flex-direction: column;
    width: calc(100% - 30px);
    max-height: calc(100% - 80px);
    margin: 0 15px;
    transition: 0.2s;
    opacity: 0;
  }
  .modal-basic.is-active {
    visibility: visible;
    opacity: 1;
  }
  .modal-basic__box {
    box-sizing: border-box;
    max-height: 100%;
    padding: 25px 15px;
    overflow: auto;
    border-radius: 5px;
    background: #fff;
  }
  .modal-basic__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .modal-basic__close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 15px;
    height: 15px;
    border: 0;
    background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
  }
  .modal-basic__mv-box {
    margin-bottom: 25px;
  }
  .modal-basic__mv {
    width: 100%;
  }
  .modal-basic__item-design-image-box {
    height: 100%;
  }

  .modal-heading {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

  .modal-section {
    margin-bottom: 30px;
  }
  .modal-section:last-child {
    margin-bottom: 0;
  }

  .modal-table-form-box {
    margin-bottom: 30px;
  }
  .modal-table-form-box:last-child {
    margin-bottom: 0;
  }

  .modal-table-form {
    display: block;
  }
  .modal-table-form__head {
    display: block;
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 15px;
    font-weight: bold;
  }
  .modal-table-form__head:last-child {
    margin-bottom: 0;
  }
  .modal-table-form__data {
    display: block;
    padding-bottom: 30px;
    border-bottom: #dedede 1px solid;
  }

  .news {
    border-radius: 4px;
    background: #fff;
  }

  .news-list__item {
    padding: 16px 20px;
    border-bottom: 1px solid #dedede;
  }
  .news-list__item:last-child {
    border-bottom: 0;
  }
  .news-list__head {
    margin-bottom: 10px;
  }
  .news-list__tag {
    display: inline-block;
    box-sizing: border-box;
    width: 106px;
    height: 22px;
    padding-top: 2px;
    background: #dedede;
    font-size: 12px;
    text-align: center;
  }
  .news-list__tag--remarkable {
    background: #000;
    color: #fff;
  }
  .news-list__link {
    line-height: 1.7;
    text-decoration: underline;
  }

  .order {
    position: relative;
    padding: 25px 15px;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
  }
  .order::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
  }
  .order__heading {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .order__number {
    margin-bottom: 30px;
    font-size: 12px;
  }

  .order-list {
    margin-bottom: 40px;
  }
  .order-list:last-child {
    margin-bottom: 0;
  }
  .order-list__item {
    margin-bottom: 30px;
  }
  .order-list__item:last-child {
    margin-bottom: 0;
  }
  .order-list__item--border {
    border-bottom: 1px solid #dedede;
  }
  .order-list__item--border:last-child {
    border-bottom: 0;
  }

  .order-head {
    margin-bottom: 10px;
  }
  .order-head__heading {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 1.6;
  }
  .order-head__heading-link {
    position: relative;
  }
  .order-head__heading-link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: calc(100% - 11px);
    height: 1px;
    background: #000;
  }
  .order-head__heading-link::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 5px;
    transform: rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    vertical-align: 3px;
  }
  .order-head__heading-date {
    font-size: 16px;
  }
  .order-head__link {
    display: none;
  }

  .order-utility {
    margin-bottom: 30px;
  }
  .order-list__item--border:last-child .order-utility {
    margin-bottom: 0;
  }
  .order-utility__button-box {
    display: flex;
    align-items: center;
  }
  .order-utility__button {
    margin-right: 20px;
  }
  .order-utility__button:last-child {
    margin-right: 0;
  }

  .order-info {
    margin-bottom: 30px;
  }
  .order-list__item--border:last-child .order-info {
    margin-bottom: 0;
  }
  .order-info__box {
    display: flex;
    margin-bottom: 15px;
  }
  .order-info__box:last-child {
    margin-bottom: 0;
  }
  .order-info__title {
    width: 145px;
    min-width: 145px;
    padding-right: 15px;
    font-size: 12px;
    font-weight: bold;
  }
  .order-info__text {
    font-size: 12px;
  }

  .order-detail__number {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .order-detail__state {
    margin-bottom: 15px;
    color: #ff3b00;
    font-size: 16px;
    font-weight: bold;
  }
  .order-detail__output {
    display: inline-flex;
    margin-bottom: 20px;
  }

  .order-detail-heading {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .order-detail-heading__time {
    font-size: 12px;
  }

  .order-detail-action {
    margin-bottom: 30px;
  }
  .order-detail-action__text {
    margin-bottom: 15px;
  }

  .order-detail-action-button-box {
    display: flex;
    flex-wrap: wrap;
    margin: -15px 0 0 -20px;
  }
  .order-detail-action-button-box__button {
    margin: 15px 0 0 20px;
  }

  .order-payment {
    margin-bottom: 40px;
  }
  .order-payment__section {
    margin-bottom: 40px;
  }
  .order-payment__section:last-child {
    margin-bottom: 0;
  }
  .order-payment__heading {
    margin-bottom: 20px;
    padding-bottom: 2px;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
  }
  .order-payment__contents {
    display: flex;
    align-items: center;
    margin-top: -10px;
  }
  .order-payment__text {
    margin-bottom: 10px;
  }
  .order-payment__text:last-child {
    margin-bottom: 0;
  }
  .order-payment__contents .order-payment__text {
    margin-bottom: 0;
  }
  .order-payment__button {
    margin-left: 15px;
  }

  .order-payment-set {
    margin-bottom: 15px;
  }
  .order-payment-set:last-child {
    margin-bottom: 0;
  }
  .order-payment-set__name {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
  }
  .order-payment-set__sir {
    font-weight: normal;
  }
  .order-payment-set__update {
    margin-top: 10px;
  }

  .order-payment-detail-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .order-payment-detail-list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .order-payment-detail-list__item:last-child {
    margin-bottom: 0;
  }
  .order-payment-detail-list__name {
    font-size: 12px;
  }
  .order-payment-detail-list__discounted {
    color: #ff3b00;
  }

  .order-payment-detail-total__total {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .order-payment-detail-total__total-price {
    min-width: 110px;
    margin-left: 20px;
    text-align: right;
  }
  .order-payment-detail-total__sub {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .order-payment-detail-total__sub:last-child {
    margin-bottom: 0;
  }
  .order-payment-detail-total__sub-name {
    font-size: 12px;
  }
  .order-payment-detail-total__sub-price {
    min-width: 110px;
    margin-left: 20px;
    text-align: right;
  }

  .order-payment-detail-button-box {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }

  .order-step {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .order-step__title {
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
  }

  .order-step-list__item {
    display: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
  }
  .order-step-list__item.is-current {
    display: block;
    padding: 4px 5px;
    border: 1px solid #fabe00;
  }

  .order-completion {
    margin-bottom: 30px;
    text-align: center;
  }
  .order-completion:last-child {
    margin-bottom: 0;
  }
  .order-completion__text {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .order-completion__text:last-child {
    margin-bottom: 0;
  }
  .order-completion__number {
    margin: 0 5px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
  }
  .order-completion__date {
    margin-top: -20px;
    font-size: 12px;
  }
  .order-completion__note {
    margin-bottom: 20px;
    color: #ff3b00;
    font-size: 18px;
    font-weight: bold;
  }
  .order-completion__lead {
    margin-bottom: 20px;
  }
  .order-completion__lead:last-child {
    margin-bottom: 0;
  }

  .order-completion-button-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .order-completion-button-box:last-child {
    margin-bottom: 0;
  }

  .order-shipping-split__item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .order-shipping-split__item:last-child {
    margin-bottom: 0;
  }
  .order-shipping-split__name {
    width: 80px;
    margin-left: 10px;
    font-weight: bold;
  }

  .page-top {
    display: none;
    position: fixed;
    z-index: 1;
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    transform: rotate(180deg);
    border-radius: 50%;
    background: #fabe00 url("../img/icon/black/arrow_black.svg") no-repeat center/16px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  }

  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }
  .pagination__box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-width: 240px;
    margin: 0 15px;
  }
  .pagination__link {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 0 4px;
    transition: 0.3s;
    border: 1px solid #000;
    border-radius: 100vh;
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: bold;
  }
  .pagination__link.is-current {
    border: 1px solid #fabe00;
    background: #fabe00;
  }
  .pagination__arrow {
    display: flex;
    position: relative;
    align-items: center;
    transition: 0.3s;
    color: #000;
  }
  .pagination__arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 12px;
    height: 8px;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
  }
  .pagination__arrow.is-disabled {
    display: none;
  }
  .pagination__prev {
    position: relative;
    margin-right: 20px;
  }
  .pagination__prev::before {
    transform: translateY(-50%) rotate(90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
  }
  .pagination__next {
    position: relative;
    margin-left: 20px;
  }
  .pagination__next::before {
    right: 0;
    transform: translateY(-50%) rotate(270deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
  }
  .pagination__dots {
    font-size: 12px;
  }
  .pagination__dots:last-of-type {
    margin-right: 0;
  }
  .pagination__dots.is-disabled {
    display: none;
  }

  .payment-list--border {
    padding: 20px 0;
    border: 1px solid #dedede;
    border-width: 1px 0;
  }

  .payment-list-subtotal {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .payment-list-subtotal__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .payment-list-subtotal__item:last-child {
    margin-bottom: 0;
  }
  .payment-list-subtotal__discounted {
    color: #ff3b00;
  }
  .payment-list-subtotal__text,
  .payment-list-subtotal__price {
    font-size: 12px;
  }

  .payment-list-total__item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .payment-list-total__item:last-child {
    margin-bottom: 0;
  }
  .payment-list-total__total {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .payment-list-total__total:last-child {
    margin-bottom: 0;
  }
  .payment-list-total__total-name {
    font-size: 12px;
  }
  .payment-list-total__total-price {
    flex-shrink: 0;
    min-width: 110px;
    margin-left: 20px;
    font-size: 16px;
    text-align: right;
  }
  .payment-list-total__sub {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .payment-list-total__sub:last-child {
    margin-bottom: 0;
  }
  .payment-list-total__sub-name {
    font-size: 12px;
  }
  .payment-list-total__sub-price {
    flex-shrink: 0;
    min-width: 110px;
    margin-left: 20px;
    text-align: right;
  }

  .payment-button-list__item {
    margin-bottom: 20px;
  }
  .payment-button-list__item:last-child {
    margin-bottom: 0;
  }

  .payment-select {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 15px 18px 39px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
  }
  .payment-select.is-selected {
    border-color: transparent;
  }
  .payment-select.is-selected::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    box-sizing: border-box;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 3px solid #fabe00;
    border-radius: 4px;
  }

  .payment-select-contents {
    position: relative;
  }
  .payment-select-contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: -23px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .payment-select.is-selected .payment-select-contents::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -18px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }
  .payment-select-contents__name {
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.4;
  }
  .payment-select-contents__name:last-child {
    margin-bottom: 0;
  }
  .payment-select-contents__text-box {
    margin-bottom: 10px;
  }
  .payment-select-contents__text {
    margin-bottom: 2px;
    font-size: 12px;
  }
  .payment-select-contents__desc {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .payment-select-contents__note {
    color: #ff3b00;
    font-size: 12px;
  }

  .payment-select-contents-field {
    margin-bottom: 10px;
  }
  .payment-select-contents-field:last-child {
    margin-bottom: 0;
  }
  .payment-select-contents-field__note {
    margin-top: 5px;
    color: #ff3b00;
    font-size: 12px;
  }

  .payment-select-credit {
    display: flex;
    align-items: center;
  }
  .payment-select-credit__name {
    flex-shrink: 0;
    font-weight: bold;
  }

  .payment-logo-list {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .payment-logo-list__item {
    max-height: 32px;
    margin-right: 5px;
  }
  .payment-logo-list__image {
    width: 100%;
  }

  .question {
    display: inline-block;
    position: relative;
    height: 24px;
  }
  .detail-price-question__wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
    
  }
  .detail-price-question {
    display: block;
    width: 20px;
    height: 20px;
  }
  .detail-price-question__wrapper p {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    padding-left: 10px;
  }
  .detail-price-question__wrapper p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.4em solid transparent;
    border-left: 0.7em solid #fabe00;
  }
  .question.is-animation {
    z-index: 4;
  }
  .question__icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/question.svg") no-repeat center/contain;
  }
  .detail-price-question__icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: #fabe00;
    border-radius: 50%;
    margin-left: 5px;
  }
  .question__icon::before,
  .detail-price-question__icon::before
   {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    transition: linear 0.3s;
    border-top: 12px solid #bababa;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    z-index: 999;
  }
  .is-top .question__icon::before {
    top: 34px;
    border-top: 0;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #bababa;
    border-left: 8px solid transparent;
  }
  .is-open .question__icon::before,
  .is-open .detail-price-question__icon::before {
    top: -15px;
    opacity: 1;
  }
  .is-top.is-open .question__icon::before,
  .is-top.is-open .detail-price-question__icon::before {
    top: 24px;
  }
  .question__icon::after,
  .detail-price-question__icon::after {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    transition: linear 0.3s;
    border-top: 12px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    z-index: 999;
  }
  .is-top .question__icon::after {
    top: 35px;
    border-top: 0;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #fff;
    border-left: 8px solid transparent;
  }
  .is-animation .question__icon::after,
  .is-animation .detail-price-question__icon::after {
    opacity: 1;
  }
  .is-open .question__icon::after,
  .is-open .detail-price-question__icon::after {
    top: -16px;
  }
  .is-top.is-open .question__icon::after,
  .is-top.is-open .detail-price-question__icon::after {
    top: 25px;
  }

  .question-bubble-outer {
    position: absolute;
    z-index: 3;
    top: 0;
    box-sizing: border-box;
  }

  .question-bubble-wrap {
    width: 150px;
    padding: 13px 15px;
    border: 1px solid #bababa;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .question-bubble-wrap.is-tall {
    width: calc(100% - 30px);
    max-width: 500px;
  }

  .question-bubble__heading {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
  }
  .question-bubble__text {
    display: block;
    font-size: 12px;
    font-weight: normal;
  }

  .question-tooltip {
    display: inline-block;
    position: relative;
    z-index: 4;
  }
  .question-tooltip__trigger {
    text-decoration: underline;
    cursor: pointer;
  }
  .question-tooltip__trigger:hover {
    text-decoration: none;
  }
  .question-tooltip__contents {
    padding: 15px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  .question-table__head {
    padding: 0 15px 10px;
    border-bottom: 1px #000 solid;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  .question-table__data {
    padding: 15px;
    border-bottom: 1px #dedede solid;
  }
  .question-table tr:last-child .question-table__data {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  .question-table__data--right {
    font-size: 12px;
    text-align: right;
  }

  .recent-slider {
    display: flex;
    margin-right: -15px;
    padding-right: 15px;
    overflow-x: auto;
  }
  .recent-slider__item {
    display: block;
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 4px;
  }
  .recent-slider__item:last-child {
    margin-right: 0;
  }
  .recent-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .search {
    padding-top: 30px;
  }

  .search-conditions--box {
    padding: 20px 20px 10px;
    border-radius: 4px;
    background: #fff;
  }
  .search-conditions__body {
    padding-top: 30px;
  }
  .search-conditions__input {
    margin-bottom: 10px;
  }
  .search-conditions__field {
    margin-bottom: 12px;
  }
  .search-conditions__field:last-child {
    margin-bottom: 0;
  }

  .search-conditions-close {
    position: absolute;
    top: 6px;
    right: 27px;
    width: 48px;
    height: 48px;
    border: 0;
    background: url("../img/icon/black/close_black.svg") no-repeat center/15px;
    font-size: 0;
  }

  .search-conditions-table {
    width: 100%;
    table-layout: fixed;
  }
  .search-conditions-table__head {
    display: block;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .search-conditions-table__data {
    display: block;
    padding-bottom: 30px;
  }
  tr:last-child .search-conditions-table__data {
    padding-bottom: 0;
  }

  .search-button-box {
    display: flex;
    justify-content: center;
    margin-bottom: 90px;
  }
  .search-button-box--zero {
    margin-bottom: 0;
  }
  .search-button-box__link {
    display: none;
  }
  .search-button-box__button {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  .search-button-box__clear {
    width: 115px;
    margin-right: 15px;
    white-space: nowrap;
  }

  .search-action {
    margin-top: 20px;
  }
  .search-action__link-box {
    display: none;
  }

  .search-clear {
    display: none;
  }

  .search-date {
    display: flex;
    align-items: center;
  }
  .search-date__box {
    display: flex;
    flex: 1;
    align-items: center;
  }
  .search-date__input {
    flex: 1;
    margin-right: 5px;
  }
  .search-date__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
  }
  .search-date__tilde {
    margin: 0 12px;
  }

  .sitemap-box {
    padding: 0 10px;
  }

  .sitemap-list {
    display: flex;
    flex-wrap: wrap;
  }
  .sitemap-list__item {
    width: 100%;
    margin-bottom: 10px;
  }
  .sitemap-list__item:last-child {
    margin-bottom: 0;
  }
  .sitemap-list__link {
    text-decoration: underline;
  }
  .sitemap-list__punctuation {
    display: none;
  }

  .sitemap-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 11px 10px;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 14px;
  }
  .sitemap-heading__link {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
  }

  .sitemap-category {
    margin-bottom: 30px;
  }
  .sitemap-category:last-child {
    margin-bottom: 0;
  }
  .sitemap-category__heading {
    margin-bottom: 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
    font-weight: bold;
  }
  .sitemap-category__heading-link {
    position: relative;
  }
  .sitemap-category__heading-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }

  .star__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .top-slider {
    margin-bottom: 70px;
  }
  .top-slider__link {
    display: block;
  }
  .top-slider__image {
    width: 100%;
  }
  .top-slider .slick-next,
  .top-slider .slick-prev {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 15px;
    border: 0;
    opacity: 0.5;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    font-size: 0;
	   z-index: 2;
  }
  .top-slider .slick-next {
    right: 10px;
    transform: translateY(-50%) rotate(-90deg);
  }
  .top-slider .slick-prev {
    left: 10px;
    transform: translateY(-50%) rotate(90deg);
  }
  .top-slider .slick-dots {
    display: flex;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
  }
  .top-slider .slick-dots li {
    margin-right: 15px;
  }
  .top-slider .slick-dots li:last-child {
    margin-right: 0;
  }
  .top-slider .slick-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #dedede;
    font-size: 0;
  }
  .top-slider .slick-dots .slick-active button {
    background: #000;
  }

  .top-about {
    color: #666;
    font-size: 16px;
  }

  .top-image-box {
    margin: 20px calc(50% - 50vw) 40px;
  }
  .top-image-box--less-margin {
    margin: 0 calc(50% - 50vw) 20px;
  }
  .top-image-box__image-pc {
    display: none;
  }
  .top-image-box__image-sp {
    width: 100%;
  }

  .mypage-user {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }

  .mypage-user-heading {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: normal;
  }
  .mypage-user-heading__name {
    margin: 0 20px;
    font-weight: bold;
  }

  .mypage-user-coupon__text {
    margin-bottom: 16px;
    font-size: 16px;
  }
  .mypage-user-coupon__text::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("../img/icon/unique/coupon_unique.svg") no-repeat center/contain;
    vertical-align: -3px;
  }

  .cart {
    padding-top: 30px;
  }

  .cart-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 30px 0;
  }
  .cart-in__box {
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    background: #fff;
  }
  .cart-in__head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-right: 5px;
    font-size: 12px;
  }
  .cart-in__head::before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url("../img/icon/unique/cart_unique.svg") no-repeat center/contain;
  }
  .cart-in__data {
    font-size: 18px;
    font-weight: bold;
  }
  .cart-in__unit {
    margin-left: 3px;
    font-size: 10px;
    font-weight: normal;
  }
  .cart-in__button-box {
    margin-top: 15px;
  }

  .cart-section {
    margin-bottom: 30px;
  }
  .cart-section:last-child {
    margin-bottom: 0;
  }

  .cart-list {
    margin-bottom: 30px;
  }
  .cart-list:last-child {
    margin-bottom: 0;
  }
  .cart-list__item {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: #dedede 1px solid;
  }
  .cart-list__item:last-child {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .cart-item-message {
    margin: 20px 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }

  .cart-item {
    position: relative;
    min-height: 115px;
    padding-left: 115px;
  }
  .cart-item--image-small {
    padding-left: 85px;
  }
  .cart-item--no-image {
    min-height: 0;
    padding-left: 0;
  }
  .cart-item__image-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
  }
  .cart-item__image-box--small {
    width: 75px;
    height: 75px;
  }
  .cart-item__image {
    width: 100%;
    height: auto;
  }
  .cart-item__name {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .cart-item__name-link {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }
  .cart-item__name-sub {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: normal;
  }
  .cart-item__section {
    margin-bottom: 18px;
  }
  .cart-item__section:last-child {
    margin-bottom: 0;
  }
  .cart-item__data {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .cart-item__data:last-child {
    margin-bottom: 0;
  }
  .cart-item__set-name {
    margin-bottom: 3px;
    font-weight: bold;
  }
  .cart-item__set-name:last-child {
    margin-bottom: 0;
  }
  .cart-item__tag {
    font-size: 12px;
  }
  .cart-item__more {
    margin-left: 8px;
  }
  .cart-item__status {
    margin-right: 15px;
    font-weight: bold;
  }
  .cart-item__status--attention {
    color: #ff3b00;
  }
  .cart-item__complete {
    display: inline-flex;
  }
  .cart-item__text {
    margin-bottom: 20px;
  }
  .cart-item__note {
    max-width: 200px;
    margin: 0 auto 10px;
    padding: 0 25px;
    color: #ff3b00;
  }
  .cart-item__button-box {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 0 25px;
  }
  .cart-item__button-box:last-child {
    margin-bottom: 0;
  }
  .cart-item__button {
    width: 200px;
  }
  .cart-item__button-or {
    flex-direction: column;
  }
  .cart-item__button-or-text {
    margin-right: 4px;
    font-size: 10px;
  }
  .cart-item__question {
    position: absolute;
    right: 0;
  }
  .cart-item__link {
    margin-bottom: 10px;
    text-align: center;
  }
  .cart-item__link:last-child {
    margin-bottom: 0;
  }
  .cart-item__link--pdf::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url("../img/icon/black/pdf_black.svg") no-repeat center/contain;
    vertical-align: -3px;
  }
  .cart-item__condition {
    max-width: 200px;
    margin: 0 auto 10px;
    padding: 0 25px;
  }
  .cart-item__option-info {
    margin-top: 25px;
    padding-left: 85px;
  }

  .cart-item-body {
    margin-bottom: 20px;
  }
  .cart-item-body:last-child {
    margin-bottom: 0;
  }
  .cart-item-body__item {
    margin-bottom: 20px;
  }
  .cart-item-body__item:last-child {
    margin-bottom: 0;
  }
  .cart-item-body__item--status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .cart-item-body__item--action {
    margin-left: -115px;
  }
  .cart-item-body__item--pc-action-small {
    margin-left: -115px;
  }
  .cart-item-body__item--amount {
    margin-bottom: 10px;
    text-align: right;
  }
  .cart-item-body__item--amount-add {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
  }
  .cart-item-body__item--subtotal {
    text-align: right;
  }
  .cart-item-body__chunk {
    margin-bottom: 20px;
  }
  .cart-item-body__chunk:last-child {
    margin-bottom: 0;
  }
  .cart-item-body__basic-info {
    margin-bottom: 18px;
  }
  .cart-item-body__basic-info:last-child {
    margin-bottom: 0;
  }
  .cart-item-body__section {
    margin-bottom: 18px;
  }
  .cart-item-body__section:last-child {
    margin-bottom: 0;
  }

  .cart-item-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .cart-item-action:last-child {
    margin-bottom: 0;
  }
  .cart-item-action__delete,
  .cart-item-action__copy {
    margin-bottom: 20px;
    text-decoration: underline;
  }
  .cart-item-action__delete:last-child,
  .cart-item-action__copy:last-child {
    margin-bottom: 0;
  }
  .cart-item-action__delete:hover,
  .cart-item-action__copy:hover {
    text-decoration: none;
  }

  .cart-item-form {
    margin-bottom: 20px;
  }
  .cart-item-form:last-child {
    margin-bottom: 0;
  }
  .cart-item-form__heading {
    margin-bottom: 8px;
  }

  .cart-option-list {
    width: 100%;
    margin-bottom: 20px;
  }
  .cart-option-list:last-child {
    margin-bottom: 0;
  }
  .cart-option-list__item {
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #dedede;
  }
  .cart-option-list__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .cart-option-list__name {
    margin-bottom: 6px;
  }

  .cart-option-table {
    width: 100%;
  }
  .cart-option-table__item {
    padding-bottom: 6px;
  }
  .cart-option-table__price {
    display: block;
    padding-bottom: 6px;
  }
  .cart-option-table__contents {
    display: block;
  }
  .cart-option-table__amount {
    display: block;
    margin-bottom: 10px;
  }
  .cart-option-table__amount:empty {
    display: none;
  }
  .cart-option-table__subtotal {
    display: block;
    padding-bottom: 15px;
  }
  tr:last-child .cart-option-table__subtotal {
    padding-bottom: 0;
  }
  .cart-option-table__subtotal:empty {
    display: none;
  }

  .cart-amount {
    font-size: 16px;
    line-height: 1.2;
    text-align: right;
  }
  .cart-amount__number {
    font-weight: bold;
  }

  .cart-subtotal {
    font-size: 16px;
    line-height: 1.2;
    text-align: right;
  }
  .cart-subtotal__number {
    font-size: 16px;
    font-weight: bold;
  }
  .cart-subtotal__number--discounted {
    color: #ff3b00;
  }
  .cart-subtotal__yen {
    font-size: 16px;
    font-weight: bold;
  }

  .cart-recalculation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
    background: #f5f5f5;
  }
  .cart-recalculation__text {
    margin-right: 20px;
    font-size: 12px;
  }
  .cart-recalculation__button-box {
    flex: 0 0 auto;
  }

  .cart-table-form {
    width: 100%;
  }
  .cart-table-form__head {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
  }
  .cart-table-form__head:last-child {
    padding-right: 0;
  }
  .cart-table-form__data {
    display: block;
    margin-bottom: 20px;
  }
  .cart-table-form__data:last-child {
    padding-right: 0;
  }

  .cart-option-info-list {
    margin-bottom: 25px;
  }
  .cart-option-info-list__item {
    margin-bottom: 25px;
    padding-top: 25px;
    border-top: 1px solid #dedede;
  }
  .cart-option-info-list__item:last-child {
    margin-bottom: 0;
  }
  #footer_navi {
    background: #e1e1e1;
    padding: 20px !important;
  }
  #footer_navi div {
    width: 100% !important;
    margin: 0 auto;
  }
  #footer_navi ul li {
    display: block;
    list-style: none;
    width: 48% !important;
    margin: 7px 0;
  }
  #footer_gloupsites {
    padding: 15px;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .btn,
  a.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.5rem 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
  }

  .dialog[open] {
    animation-name: fadeIn;
    animation-fill-mode: forwards;
    animation-duration: 200ms;
    animation-timing-function: ease-out;
    width: 80%;
    border-radius: 10px;
    border: none;
    padding: 0;
  }

  .sidemenu_estimate_button-sp {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 5;
  }

  .display-flex {
    display: flex;
    justify-content: center;
  }

  .estimate-icon {
    width: 30px;
    height: 30px;
    margin-top: 6px;
    margin-right: 5px;
  }

  .btn--green,
  .header--green,
  p.fontsize-small,
  p.fontsize-large {
    color: #fff;
    background-color: #22b675;
  }
  .btn--green,
  .header--green {
    width: auto;
    text-align: center;
  }
  p.fontsize-small {
    font-size: 10px;
  }
  p.fontsize-large {
    font-size: 18px;
  }
  .prices-field {
    padding: 4px 10px;
    border-radius: 4px;
    border: 0.1rem solid #dedede;
    background: #fff;
  }

  .prices-formField {
    margin-top: 10px;
    /*margin-bottom: 8px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .prices-formField .prices-formField-label {
    width: 40%;
    padding-right: 8px;
    font-size: 12px;
    color: #797a7a;
    font-weight: normal;
    cursor: default;
  }

  .prices-formField .prices-formField-content {
    width: 60%;
  }

  .prices-formField .select {
    position: relative;
    overflow: hidden;
    border: 1px solid #c9cacb;
    border-radius: 3px;
    background-color: #ffffff;
    text-align: center;
  }

  .prices-formField .select select {
    width: 100%;
    padding: 4px 8px 4px 8px;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.3rem;
    color: #1a1004;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .prices-formField .select:before {
    position: absolute;
    top: 56%;
    right: 10px;
    width: 13px;
    height: 8px;
    transform: translateY(-50%);
    /*margin-top: -2px;*/
    padding: 0;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    /*
    top: 50%;
    right: 13px;
    width: 0;
    height: 0;
    border-top: 5px solid #454341;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    */
    pointer-events: none;
    content: "";
  }

  .prices-formField-total {
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .prices-formField__title {
    margin-top: 14px;
    padding: 10px 8px 6px;
    font-size: 14px;
    font-weight: bold;
    border-top: 1px solid #dedede;
  }

  .prices-formField__price {
    margin-right: 2px;
    color: #ff3b00;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
  }

  .prices-formField__tax-included {
    font-size: 12px;
  }

  .prices-formField__yen {
    align-self: flex-end;
    font-weight: bold;
    line-height: 1;
  }

  .prices-formField-action__button-box {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 10px;
  }

  /* オプション モーダル 拡大画像リンク */
  .zoom-image-link {
    text-align: left;
    text-decoration: underline;
    margin-top: 3px;
    font-size: 10px;
    /* 親要素にpointer-events: noneが入っているため、
    クリックを利かすために追加 */
    pointer-events: auto;
  }
}
@media screen and (min-width: 768px) {
  /*　画面サイズが769pxからはここを読み込む　*/
  .address-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .address-area__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .address-area__heading {
    font-size: 24px;
    font-weight: bold;
  }
  .address-area__count {
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
  }

  .address-form {
    margin-bottom: 50px;
    padding: 30px 40px 40px;
    border-radius: 4px;
    background: #fff;
  }

  .banner-large {
    display: flex;
    margin-bottom: 30px;
  }
  .banner-large__image-box {
    display: block;
    width: calc((100% - 40px) / 2);
    transition: 0.3s;
  }
  .banner-large__image-box:not(:last-child) {
    margin-right: 40px;
  }
  .banner-large__image-box:hover {
    opacity: 0.6;
  }
  .banner-large__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-small {
    display: flex;
  }
  .banner-small__image-box {
    display: block;
    width: calc((100% - 60px) / 3);
    transition: 0.3s;
  }
  .banner-small__image-box:not(:last-child) {
    margin-right: 30px;
  }
  .banner-small__image-box:hover {
    opacity: 0.6;
  }
  .banner-small__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  html {
    font-size: 10px;
  }
  html.is-fixed {
    height: 100%;
    overflow: hidden;
  }

  body {
    min-width: 1180px;
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .is-fixed body {
    position: fixed;
    width: 100%;
  }

  a {
    transition: 0.3s;
    color: #000;
    text-decoration: none;
  }
  a:hover {
    color: #000;
    text-decoration: none;
  }
  a img:hover {
    opacity: 1;
  }

  a,
  button,
  select {
    cursor: pointer;
  }

  button {
    border: 0;
  }

  input,
  button,
  textarea {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-size: 14px;
    font-weight: normal;
  }

  input {
    margin: 0;
    transition: 0.3s;
  }
  input:hover {
    opacity: 1;
  }

  input,
  select {
    outline: 0;
    word-break: normal;
  }

  ul,
  li {
    list-style: none;
  }

  h1,
  h2,
  h3,
  h4 {
    padding: 0;
    background: none;
  }

  .pc-hidden {
    display: none;
  }

  .text-box {
    margin-bottom: 30px;
  }
  .text-box--middle {
    margin-bottom: 20px;
  }

  .text {
    margin-bottom: 20px;
  }
  .text:last-child {
    margin-bottom: 0;
  }
  .text--zero {
    margin-bottom: 0;
  }
  .text--center {
    text-align: center;
  }

  .text-link {
    color: #000;
    text-decoration: underline;
  }
  .text-link:hover {
    text-decoration: none;
  }

  .text-small {
    font-size: 12px;
  }

  .text-large {
    font-size: 20px;
  }
  
  .text-bold {
    font-size: 14px;
	font-weight:bold;
  }
  .text-note {
    color: #ff3b00;
  }
  .text-note--indent {
    padding-left: 1em;
    text-indent: -1em;
  }

  .text-caution {
    color: #ff3b00;
    font-size: 16px;
  }

  .text-underline {
    display: inline-block;
    margin-bottom: 15px;
    background: linear-gradient(transparent 60%, #fcde7f 0%);
    font-weight: bold;
  }
  .text-underline::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-right: 5px;
    background: url("../img/icon/black/flick_black.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .wrapper > .container > .row {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  .ccm-page {
    position: relative;
  }

  .breadcrumb {
    margin-bottom: 30px;
    padding: 14px 0;
    background: #f5f5f5;
  }
  .breadcrumb__list {
    display: flex;
    box-sizing: border-box;
    width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .breadcrumb__item {
    position: relative;
    margin-right: 12px;
    font-size: 12px;
    line-height: 1;
  }
  .breadcrumb__item::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-left: 12px;
    transform: rotate(-90deg);
    background: url("../img/icon/black/arrow_black_light.svg") no-repeat center/contain;
    vertical-align: 1px;
  }
  .breadcrumb__item:last-child {
    margin-right: 0;
  }
  .breadcrumb__item:last-child::after {
    content: none;
  }
  .breadcrumb__item.is-current {
    color: #666;
  }
  .breadcrumb__link {
    font-weight: bold;
  }
  .breadcrumb__link:hover {
    text-decoration: underline;
  }

  .button-primary {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    transition: 0.3s;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .button-primary:hover {
    background: #000;
    color: #fff;
  }

  .button-secondary {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    transition: 0.3s;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #000;
    color: #fff;
  }
  .button-secondary:hover {
    background: #7e7e7e;
    color: #fff;
  }

  .button-tertiary {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    transition: 0.3s;
    border: 0;
    border-radius: 100vh;
    background: #fabe00;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 13px 9px;
    transition: 0.3s;
    border: 2px solid #000;
    background: #f8d3d3;
    background: #fff;
    color: #000;
  }

  .detail__heading-box .out-stock {
    border: 0;
    border-radius: 0;
    font-weight: normal;
    background: #f8d3d3;
    color: #d0021b;
  }
  .detail__heading-box .out-stock:hover {
    opacity: 1;
  }

  .button-tertiary:hover {
    opacity: 0.5;
  }
  .detail-review__button-box .button-tertiary {
    display: none;
  }

  .button-inactive {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 12px 15px 11px;
    transition: 0.3s;
    border: 0;
    border-radius: 100vh;
    background: #74aaff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #f5f5f5;
    color: #bababa;
    pointer-events: none;
  }

  .button-base {
    width: 180px;
  }

  .button-middle {
    padding: 9px 20px 7px;
    font-size: 14px;
  }
  .button-middle.button-tertiary {
    padding: 7px 12px 5px;
    font-size: 14px;
  }

  .button-small {
    padding: 7px 20px 5px;
    font-size: 14px;
  }
  .button-small.button-tertiary {
    padding: 5px 18px 3px;
    font-size: 14px;
  }

  .button-sidemenu {
    width: 128px;
    padding: 7px 0 5px;
    font-size: 13px;
  }
  .button-box__button--clear .button-sidemenu {
    width: 65px;
  }

  .button-box {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }
  .button-box--close {
    margin-top: 30px;
  }
  .button-box--start {
    margin-top: 0;
  }
  .button-box__button {
    margin-right: 40px;
  }
  .button-box__button:last-child {
    margin-right: 0;
  }
  .button-box__button--clear {
    margin: 0 20px 0 0;
  }

  .category-select-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 25px;
    justify-content: center;
  }
  .category-select-list__item {
    width: 30%;
  }
  .category-select-list__item:nth-child(4n) {
    margin-right: 0;
  }
  .category-select-list__item:nth-child(-n + 4) {
    margin-top: 0;
  }

  .category-select {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 18px;
    transition: 0.3s;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .category-select.is-inactive {
    background: #f5f5f5;
    color: #bababa;
    pointer-events: none;
  }
  .category-select.is-current {
    pointer-events: none;
  }
  .category-select.is-current::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 3px solid #74aaff;
    border-radius: 4px;
  }
  .category-select:hover {
    border-color: #74aaff;
  }
  .category-select__image-box {
    margin-bottom: 10px;
  }
  .category-select__image-box:last-child {
    margin-bottom: 0;
  }
  .category-select.is-inactive .category-select__image-box {
    opacity: 0.8;
  }
  .category-select__image {
    width: 100%;
  }
  .category-select__link {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    pointer-events: auto;
  }
  .category-select__link:hover {
    text-decoration: none;
  }
  .category-select__info {
    /*margin-bottom: 10px;*/
  }
  .category-select__detail {
    margin-bottom: 9px;
  }
  .category-select__price {
    margin-bottom: 3px;
    font-size: 12px;
  }
  .category-select__price:last-child {
    margin-bottom: 0;
  }
  .category-select__add {
    margin-bottom: 3px;
    font-size: 12px;
  }
  .category-select__add:last-child {
    margin-bottom: 0;
  }
  .category-select__workday {
    color: #ff3b00;
    font-size: 12px;
  }
   /* .category-select__text {
  margin-bottom: 8px;
    font-size: 12px;
  }*/
  .category-select__text:last-child {
    margin-bottom: 0;
  }
  .category-select__no-stock {
    color: #ff3b00;
    font-size: 12px;
  }

  .category-select-head {
    position: relative;
    /*margin-bottom: 18px;*/
    padding-left: 26px;
  }
  .category-select-head::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .category-select.is-current .category-select-head::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #74aaff;
  }
  .category-select-head__name {
    font-weight: bold;
  }
  .category-select-head__tag {
    font-size: 10px;
  }

  .color {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 2px;
  }
  .color__image {
    width: 100%;
  }

  .counter {
    display: flex;
    align-items: center;
  }
  .counter__minus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("../img/icon/black/minus_black.svg") no-repeat center/contain;
  }
  .counter__plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background: url("../img/icon/black/plus_black.svg") no-repeat center/contain;
  }

  .delivery {
    padding: 25px 20px 30px;
    border: 1px solid #dedede;
  }
  .delivery__heading {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
    font-size: 18px;
    font-weight: bold;
  }
  .delivery-select-list__item .delivery__heading {
    margin-bottom: 15px;
  }
  .delivery__heading-ico {
    flex: 0 0 auto;
    margin-right: 5px;
  }
  .delivery__heading-button {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-left: 20px;
  }
  .delivery__info {
    margin-bottom: 25px;
  }
  .delivery__info:last-child {
    margin-bottom: 0;
  }
  .delivery__type {
    margin-bottom: 6px;
  }
  .delivery__text {
    margin-bottom: 15px;
  }
  .delivery__text:last-child {
    margin-bottom: 0;
  }

  .delivery-list__item {
    margin-bottom: 30px;
  }
  .delivery-list__item:last-child {
    margin-bottom: 0;
  }

  .delivery-set {
    margin-bottom: 15px;
  }
  .delivery-set__name {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
  }
  .delivery-set__sir {
    font-weight: normal;
  }

  .delivery-deal__body {
    padding: 0 20px;
  }
  .delivery-deal__heading {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
    font-size: 18px;
    font-weight: bold;
  }
  .delivery-deal__section {
    margin-bottom: 40px;
  }
  .delivery-deal__section:last-child {
    margin-bottom: 0;
  }
  .delivery-deal__text {
    margin-bottom: 15px;
  }
  .delivery-deal__text:last-child {
    margin-bottom: 0;
  }
  .delivery-deal__form {
    margin-bottom: 15px;
  }
  .delivery-deal__form:last-child {
    margin-bottom: 0;
  }

  .delivery-deal-list__item {
    margin-bottom: 40px;
  }
  .delivery-deal-list__item:last-child {
    margin-bottom: 0;
  }

  .delivery-deal-heading-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 13px 20px;
    border-radius: 4px;
    background: #f5f5f5;
  }
  .delivery-deal-heading-box__link {
    color: #000;
    text-decoration: underline;
  }
  .delivery-deal-heading-box__link:hover {
    text-decoration: none;
  }

  .delivery-deal-heading {
    display: flex;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  .delivery-deal-heading__ico {
    flex-shrink: 0;
    margin-right: 8px;
  }
  .delivery-deal-heading__tag {
    margin-left: 25px;
  }

  .delivery-deal-column {
    display: flex;
    margin-bottom: 40px;
  }
  .delivery-deal-column__box {
    width: calc((100% - 61px) / 2);
  }
  .delivery-deal-column__box:first-child {
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #dedede;
  }
  .delivery-deal-column__name-box {
    margin-bottom: 13px;
    font-size: 16px;
  }
  .delivery-deal-column__name {
    font-weight: bold;
  }
  .delivery-deal-column__text {
    margin-bottom: 15px;
  }
  .delivery-deal-column__text:last-child {
    margin-bottom: 0;
  }
  .delivery-deal-column__heading {
    margin-bottom: 17px;
    font-size: 16px;
    font-weight: bold;
  }
  .delivery-deal-column__heading-ico {
    margin-right: 8px;
    vertical-align: -3px;
  }

  .delivery-detail-item-list {
    display: none;
  }
  .delivery-detail-item-list__item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }
  .delivery-detail-item-list__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .delivery-detail-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
  }
  .delivery-detail-head__heading {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
  }
  .delivery-detail-head__heading-ico {
    flex-shrink: 0;
    margin-right: 5px;
  }
  .delivery-detail-head__toggle-button {
    position: relative;
    padding-right: 17px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
  }
  .delivery-detail-head__toggle-button::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 11px;
    height: 7px;
    transition: 0.3s;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .delivery-detail-head__toggle-button.is-open::before {
    transform: rotate(-180deg);
  }
  .delivery-detail-head__toggle-button:hover {
    text-decoration: none;
  }

  .delivery-detail-item-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
  }
  .delivery-detail-item-head__info {
    display: flex;
  }
  .delivery-detail-item-head__value {
    font-weight: bold;
  }
  .delivery-detail-item-head__set {
    margin-right: 40px;
  }
  .delivery-detail-item-head__set:last-child {
    margin-right: 0;
  }
  .delivery-detail-item-head__name {
    max-width: 580px;
    font-size: 16px;
    font-weight: bold;
  }

  .delivery-detail-item-option__title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }

  .delivery-detail-item-info-list {
    margin-bottom: 25px;
  }
  .delivery-detail-item-info-list:last-child {
    margin-bottom: 0;
  }
  .delivery-detail-item-info-list__item {
    margin-bottom: 15px;
  }
  .delivery-detail-item-info-list__item:last-child {
    margin-bottom: 0;
  }
  .delivery-detail-item-info-list__all {
    margin-left: 10px;
    text-decoration: underline;
  }
  .delivery-detail-item-info-list__all:hover {
    text-decoration: none;
  }

  .delivery-select-list__item {
    display: flex;
    margin-bottom: 20px;
    padding: 25px 20px 30px;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .delivery-select-list__item:last-child {
    margin-bottom: 0;
  }
  .delivery-select-list__checkbox {
    margin-right: 10px;
  }

  .detail__main {
    margin-bottom: 50px;
  }
  .detail__heading-box {
    /*display: flex;*/
    align-items: center;
    margin-bottom: 20px;
  }
  .detail__heading {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .detail__heading:last-child {
    margin-bottom: 0;
  }
  .detail__heading--note {
    padding-left: 25px;
  }
  .detail__heading--note::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/exclamation_black.svg") no-repeat center/contain;
  }
  .detail__heading-box .detail__heading {
    margin-bottom: 0;
  }
  .detail__heading-button {
    margin-right: auto;
    /*margin-left: auto;*/
    /*margin-left: 15px;*/
    font-size: 14px;
  }
  .detail__heading-text {
    margin-left: 5px;
    font-size: 14px;
    font-weight: normal;
  }
  .detail__heading-question {
    margin-left: 5px;
  }
  .detail__section {
    /*margin-bottom: 35px;*/
  }
  .detail__section:last-child {
    margin-bottom: 0;
  }
  .detail__section-border {
    margin-bottom: 30px;
    /*padding-bottom: 40px;*/
    border-bottom: 2px solid #dedede;
  }


  /* 未選択項目ハイライト用 */
.detail__heading-box.error-highlight {
    background-color: #ffe6e6; /* 薄い赤 */
    border: 1px solid #ff0000; /* 赤枠 */
    position: relative;
	padding:5px;
}

/* ラベル表示 */
.detail__heading-box.error-highlight::after {
    content: "必須";
    color: #ff0000;
    font-weight: bold;
    position: absolute;
    top: 40%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 0.9em;
}
  
.order_title{
background: #fabe00;
font-size:125%;
line-height:1.25;
width:auto;
margin:-10px -30px 20px -30px;
padding:10px 5px;
font-weight:bold;
border-radius: 10px 10px 0 0;
text-align:center;
}
.order_title span{
margin-left:10px;
font-feature-settings: 'palt';
}
.order_back{
background: #fff;
width:auto;
height:40px;
margin:0 -30px;
}
  /*-------------------- 吹き出し　--------------------*/

  .tooltip1 {
    position: relative;
    cursor: pointer;
    display: inline-block;
  }
  .tooltip1 span {
    margin: 0;
    padding: 0;
  }
  .description1 {
    display: none;
    position: absolute;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    /*width: auto;
    text-align: center;*/
    letter-spacing: 0.2em;
  }
  .description1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 6px solid transparent;
    border-top: 10px solid #000;
    margin-left: -6px;
  }
  .tooltip1:hover .description1 {
    display: inline-block;
    bottom: 65px;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
    z-index: 2;
  }

  /*-------------------- クイックfield　--------------------*/
  .detail__section .input-area input {
    border: 1px solid #b7b7b7;
    width: 100%;
    height: 35px;
    margin-top: 10px;
  }
  .detail__section .input-area .txtsize {
    margin-right: 8px;
  }

  /*-------------------- データ入稿チェック　--------------------*/

  .detail-shipment__text label {
    padding-left: 35px;
  }
  .data-checkbox input[type="file"] {
    margin-bottom: 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .data-checkbox input::file-selector-button {
    /*font-weight: bold;*/
    /*color: dodgerblue;*/
    padding: 0.5em 0.8em;
    border: thin solid grey;
    border-radius: 3px;
  }

  .data-checkbox input[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto;
    height: auto;
    display: inline-block;
  }
  .data-checkbox input[type="checkbox"] {
    cursor: pointer;
    /*padding-left: 35px;*/
    vertical-align: middle;
    position: relative;
    outline: none;
  }
  .data-checkbox input[type="checkbox"]:before,
  .data-checkbox input[type="checkbox"]:after {
    content: "";
    display: block;
    position: absolute;
  }
  .data-checkbox input[type="checkbox"]:before {
    border-radius: 0%;
    border: 1px solid #b7b7b7;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
  }
  .data-checkbox input[type="checkbox"]:after {
    border-bottom: 5px solid #000;
    border-left: 5px solid #000;
    opacity: 0;
    height: 7px;
    width: 12px;
    transform: rotate(-45deg);
    top: -8px;
    left: 5px;
  }
  .data-checkbox input[type="checkbox"]:checked::after {
    opacity: 1;
  }
  /*.data-checkbox label {
    margin-bottom: 10px;
}
*/

  /*-------------------- 同意チェック　--------------------*/
  .detail-consent {
    margin-bottom: 30px;
    padding: 15px;
    background: #f5f5f5;
  }
  .detail-consent__title {
    margin-bottom: 13px;
    font-weight: bold;
  }
  .detail-consent__text {
    margin-bottom: 13px;
    text-align: center;
  }
  .detail-consent__text label {
    padding-left: 35px;
  }
  .detail-consent__text:last-child {
    margin-bottom: 0;
  }
  .detail-consent dl dt {
    font-weight: bold;
  }

  #sticky_nav {
    width: 100%;
    position: sticky;
    left: 10;
    top: 20px;
  }

  .detail__download {
    margin-top: 20px;
    width: 290px;
  }
  .detail__button {
    margin-left: auto;
  }
  .detail__inquiry {
    margin-bottom: 15px;
  }
  .detail__inquiry:last-child {
    margin-bottom: 0;
  }
  .detail__color-modify {
    margin-bottom: 35px;
  }
  .detail__note {
    margin-top: 4px;
  }
  .detail__set {
    padding: 30px 0 40px;
    background: #f5f5f5;
  }
  .detail__review {
    padding: 50px 0;
  }
  .detail__review--less-margin {
    padding-bottom: 0;
  }
  .detail__group {
    margin-bottom: 40px;
  }

  .detail-column {
    /*display: flex;*/
  }
  .detail-column__column:first-child {
    /*width: 550px;*/
  }
  .detail-column__column:last-child {
    flex-shrink: 0;
    /*width: 530px;
    margin-left: 40px;*/
    /*padding: 15px 30px;
    background: #f5f5f5;*/
  }

  .detail-item-slider-pc#cboxOverlay {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
  }
  .detail-option-item-slider-pc#cboxOverlay,
  .detail-bunrui-item-slider-pc#cboxOverlay {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
  }
  .detail-option-item-slider-pc#colorbox,
  .detail-option-item-slider-pc #cboxContent,
  .detail-option-item-slider-pc #cboxWrapper,
  .detail-bunrui-item-slider-pc#colorbox,
  .detail-bunrui-item-slider-pc #cboxContent,
  .detail-bunrui-item-slider-pc #cboxWrapper,
  .detail-item-slider-pc#colorbox,
  .detail-item-slider-pc #cboxContent,
  .detail-item-slider-pc #cboxWrapper {
    overflow: visible !important;
  }
  .detail-option-item-slider-pc#colorbox,
  .detail-bunrui-item-slider-pc#colorbox,
  .detail-item-slider-pc#colorbox {
    pointer-events: none;
  }
  .detail-option-item-slider-pc #cboxContent,
  .detail-bunrui-item-slider-pc #cboxContent,
  .detail-item-slider-pc #cboxContent {
    background: none;
  }
  .detail-option-item-slider-pc #cboxLoadedContent,
  .detail-bunrui-item-slider-pc #cboxLoadedContent,
  .detail-item-slider-pc #cboxLoadedContent {
    margin-bottom: 0;
  }
  .detail-option-item-slider-pc #cboxCurrent,
  .detail-bunrui-item-slider-pc #cboxCurrent,
  .detail-item-slider-pc #cboxCurrent {
    display: none !important;
  }
  .detail-option-item-slider-pc #cboxPrevious,
  .detail-option-item-slider-pc #cboxNext,
  .detail-bunrui-item-slider-pc #cboxPrevious,
  .detail-bunrui-item-slider-pc #cboxNext,
  .detail-item-slider-pc #cboxPrevious,
  .detail-item-slider-pc #cboxNext {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5) url("../img/icon/white/arrow_white.svg") no-repeat center/13px 8px;
    font-size: 0;
    pointer-events: auto;
  }
  .detail-option-item-slider-pc #cboxPrevious,
  .detail-bunrui-item-slider-pc #cboxPrevious,
  .detail-item-slider-pc #cboxPrevious {
    left: 20px;
    transform: translateY(-50%) rotate(90deg);
  }
  .detail-option-item-slider-pc #cboxNext,
  .detail-bunrui-item-slider-pc #cboxNext,
  .detail-item-slider-pc #cboxNext {
    display: none;
    right: 20px;
    left: auto;
    transform: translateY(-50%) rotate(-90deg);
  }
  .detail-option-item-slider-pc #cboxTopRight,
  .detail-option-item-slider-pc #cboxTopLeft,
  .detail-option-item-slider-pc #cboxTopCenter,
  .detail-option-item-slider-pc #cboxMiddleRight,
  .detail-option-item-slider-pc #cboxMiddleLeft,
  .detail-option-item-slider-pc #cboxBottomLeft,
  .detail-option-item-slider-pc #cboxBottomCenter,
  .detail-option-item-slider-pc #cboxBottomRight,
  .detail-bunrui-item-slider-pc #cboxTopRight,
  .detail-bunrui-item-slider-pc #cboxTopLeft,
  .detail-bunrui-item-slider-pc #cboxTopCenter,
  .detail-bunrui-item-slider-pc #cboxMiddleRight,
  .detail-bunrui-item-slider-pc #cboxMiddleLeft,
  .detail-bunrui-item-slider-pc #cboxBottomLeft,
  .detail-bunrui-item-slider-pc #cboxBottomCenter,
  .detail-bunrui-item-slider-pc #cboxBottomRight,
  .detail-item-slider-pc #cboxTopRight,
  .detail-item-slider-pc #cboxTopLeft,
  .detail-item-slider-pc #cboxTopCenter,
  .detail-item-slider-pc #cboxMiddleRight,
  .detail-item-slider-pc #cboxMiddleLeft,
  .detail-item-slider-pc #cboxBottomLeft,
  .detail-item-slider-pc #cboxBottomCenter,
  .detail-item-slider-pc #cboxBottomRight {
    width: 0;
    height: 0;
    background: none;
  }
  .detail-option-item-slider-pc #cboxClose,
  .detail-bunrui-item-slider-pc #cboxClose,
  .detail-item-slider-pc #cboxClose {
    position: absolute;
    top: -30px;
    right: 0;
    width: 20px;
    height: 20px;
    border: 0;
    background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
    cursor: pointer;
    pointer-events: all;
  }
  .detail-option-item-slider-pc .cboxPhoto,
  .detail-bunrui-item-slider-pc .cboxPhoto,
  .detail-item-slider-pc .cboxPhoto {
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    object-fit: contain !important;
  }

  .detail-item-pc {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 550px;
    margin-bottom: 40px;
    border: 1px solid #dedede;
    cursor: pointer;
  }
  .detail-item-pc__item {
    display: block;
  }
  .detail-item-pc__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .zoomWindow {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  .detail-image-sp {
    display: none;
  }

  .detail-thumbnail-pc {    
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    gap: 15px 15px;
    justify-content: flex-start;
  }
  .detail-thumbnail-pc__item {
    position: relative;
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    /*margin: 25px 25px 0 0;*/
    cursor: pointer;
  }
  .detail-thumbnail-pc__item:nth-child(5n) {
    margin-right: 0;
  }
  .detail-thumbnail-pc__item:nth-child(-n + 5) {
    margin-top: 0;
  }
  .detail-thumbnail-pc__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
  }
  .detail-thumbnail-pc__item.active::before {
    border: 3px solid #fabe00;
  }
  .detail-thumbnail-pc__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .zoomLens {
    border: 0 !important;
  }

  .detail-info {
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
  }
  .detail-info__row {
    display: flex;
    margin-bottom: 15px;
  }
  .detail-info__row:last-child {
    margin-bottom: 0;
  }
  .detail-info__head {
    flex-shrink: 0;
    width: 140px;
    padding-right: 20px;
    font-weight: bold;
  }
  .detail-info__data {
    flex: 1;
  }

  .detail-campaign {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }
  .detail-campaign__tag {
    margin-right: 9px;
  }

  .detail-star {
    display: flex;
    margin-bottom: 15px;
  }
  .detail-star__link {
    margin-left: 10px;
    text-decoration: underline;
  }
  .detail-star__link:hover {
    text-decoration: none;
  }
  .detail-star__number {
    font-weight: bold;
  }

  .detail-coupon {
    margin-bottom: 40px;
    padding: 25px;
    background: #f5f5f5;
  }
  .detail-coupon__heading {
    margin-bottom: 15px;
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-coupon__text {
    margin-bottom: 7px;
  }
  .detail-coupon__note {
    font-size: 12px;
  }

  .detail-brand {
    display: flex;
    flex-wrap: wrap;
  }
  .detail-brand__item {
    width: calc((100% - 48px) / 4);
    margin: 16px 16px 0 0;
  }
  .detail-brand__item:nth-child(4n) {
    margin-right: 0;
  }
  .detail-brand__item:nth-child(-n + 4) {
    margin-top: 0;
  }
  .detail-brand__image-box {
    display: block;
    height: 75px;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 4px;
  }
  .detail-brand__image-box:hover {
    opacity: 0.6;
  }
  .detail-brand__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .detail-category-image-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
  }
  .detail-category-image-list__item {
    width: 50px;
    margin: 15px 15px 0 0;
  }
  .detail-category-image-list__item:nth-child(8n) {
    margin-right: 0;
  }
  .detail-category-image-list__item:nth-child(-n + 8) {
    margin-top: 0;
  }

  .detail-category-image {
    display: block;
    transition: 0.3s;
  }
  .detail-category-image:hover {
    opacity: 0.6;
  }
  .detail-category-image__image-box {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
  }
  .detail-category-image__image-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
  }
  .detail-category-image__input:checked + .detail-category-image__image-box::before {
    border-width: 3px;
    border-color: #74aaff;
    box-shadow: 1px 1px 1px 1px #c7c7c7;
  }
  .detail-category-image__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .detail-category-image__input {
    position: absolute;
    opacity: 0;
  }
  .detail-category-image__input:hover {
    opacity: 0;
  }

  .detail-category-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .detail-category-tag {
    display: block;
  }
  .detail-category-tag__input {
    position: absolute;
    opacity: 0;
  }
  .detail-category-tag__input:hover {
    opacity: 0;
  }
  .detail-category-tag__label {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    transition: 0.3s;
    line-height: 1.3;
  }
  .detail-category-tag__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .detail-category-tag__input:checked + .detail-category-tag__label::before {
     border: 2px solid #74aaff;
    background: #4cc4ff38;
  }
  .detail-category-tag__label:hover {
    opacity: 0.6;
  }

  .detail-select-list {
    position: absolute;
    z-index: 5;
    top: 45px;
    left: 0;
    width: 480px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .detail-select-list__item {
    border-bottom: 1px solid #dedede;
  }
  .detail-select-list__link {
    display: flex;
    position: relative;
    padding: 16px 30px 16px 54px;
    transition: 0.3s;
    background: #fff;
  }
  .detail-select-list__link::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 29px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    transition: 0.3s;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .detail-select-list__link:hover {
    background: #fef2cc;
  }
  .detail-select-list__link.is-current {
    pointer-events: none;
  }
  .detail-select-list__link.is-current::after {
    content: "";
    position: absolute;
    top: 22px;
    left: 34px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }
  .detail-select-list__link.is-inactive {
    background: #f5f5f5;
    pointer-events: none;
  }
  .detail-select-list__info {
    margin-right: 20px;
  }
  .detail-select-list__title {
    margin-bottom: 8px;
    transition: 0.3s;
    font-weight: bold;
  }
  .detail-select-list__title:last-child {
    margin-bottom: 0;
  }
  .detail-select-list__link.is-inactive .detail-select-list__title {
    color: #bababa;
  }
  .detail-select-list__text {
    margin-bottom: 5px;
    transition: 0.3s;
    font-size: 12px;
  }
  .detail-select-list__text:last-child {
    margin-bottom: 0;
  }
  .detail-select-list__link.is-inactive .detail-select-list__text {
    color: #bababa;
  }
  .detail-select-list__image-box {
    flex-shrink: 0;
    width: 75px;
    height: 50px;
    margin-top: 5px;
    transition: 0.3s;
  }
  .detail-select-list__link.is-inactive .detail-select-list__image-box {
    opacity: 0.8;
  }
  .detail-select-list__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail-select-list__tag {
    margin-bottom: 7px;
    font-size: 10px;
  }
  .detail-select-list__message {
    color: #ff3b00;
    font-size: 10px;
  }
  .detail-select-list__price {
    font-size: 12px;
    font-weight: normal;
  }

  .detail-size-box {
    overflow-x: auto;
  }

  .detail-size__head {
    box-sizing: border-box;
    width: 130px;
    min-width: 130px;
    padding: 20px 10px 19px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #f5f5f5;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .detail-size__head--fixed {
    position: sticky;
    z-index: 1;
    left: 0;
  }
  .detail-size__head--fixed::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .detail-size__head.is-hover {
    background: #fef2cc;
  }
  .detail-size__data {
    box-sizing: border-box;
    width: 130px;
    min-width: 130px;
    height: 60px;
    padding: 7px 10px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 1.5;
    text-align: right;
    cursor: pointer;
  }
  .detail-size__data--gray {
    background: #fafafa;
  }
  .detail-size__data--center {
    text-align: center;
  }
  .detail-size__data.is-hover {
    background: #fef2cc;
  }
  .detail-size__data.is-current {
    background: #fabe00;
  }
  .detail-size__erased {
    display: inline-block;
    position: relative;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
  }
  .detail-size__erased::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .detail-size__data.is-current .detail-size__erased::before {
    background: #000;
  }
  .detail-size__erased-yen {
    margin-left: 4px;
    font-size: 10px;
  }
  .detail-size__value {
    line-height: 1;
  }
  .detail-size__value--discounted {
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-size__data.is-current .detail-size__value {
    color: #000;
  }
  .detail-size__value-yen {
    margin-left: 6px;
    font-size: 12px;
  }
  .detail-size__value--discounted .detail-size__value-yen {
    margin-left: 4px;
    font-size: 10px;
  }

  .detail-size-input {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .detail-size-input:last-child {
    margin-bottom: 0;
  }
  .detail-size-input__title {
    width: 2em;
    margin-right: 40px;
  }
  .detail-size-input__unit {
    margin-left: 5px;
  }

  .detail-shipment-box {
    margin-top: 40px;
  }

  
  .detail-shipment {
    margin-bottom: 30px;
    padding: 25px;
    background: #fff7f7;
    border: 1px solid #ffd7d7;
  }
  .detail__section.data-checkbox .detail-shipment {
    margin-bottom: 0;
    padding: 20px;
    background: #fff7f7;
    border: 1px solid #ffd7d7;
  }
  .detail-shipment__title {
    margin-bottom: 15px;
    font-weight: bold;
  }
  .detail-shipment__text {
    margin-bottom: 13px;
  }
  .detail-shipment__text:last-child {
    margin-bottom: 0;
  }
  .detail-shipment__link-box {
    display: flex;
    justify-content: flex-end;
  }
  .detail-shipment__link {
    text-decoration: underline;
  }
  .detail-shipment__link:hover {
    text-decoration: none;
  }

  .detail-datafile__text {
    padding: 0 0 0 15px;
  }
  .detail-datafile__text li {
    list-style-type: disc !important;
  }

  .detail-purchase {
    margin-bottom: 20px;
    padding: 30px 25px;   
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    background: #fff;
  }
  .detail-purchase__notify {
    width: 152px;
    margin-bottom: 30px;
  }
  .detail-purchase__campaign {
    margin-bottom: 10px;
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-purchase__tax-reduced {
    margin-bottom: 25px;
  }
  .detail-purchase__note {
    margin-bottom: 20px;
    color: #ff3b00;
  }
  .detail-purchase__favorite {
    margin-bottom: 40px;
  }

  .detail-purchase-condition {
    margin-bottom: 20px;
  }
  .detail-purchase-condition__text {    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
  }
  .detail-purchase-condition__value {
    color: #ff3b00;
    font-weight: bold;
  }

  .detail-shukka-date__text {
    padding-left: 25px;
  }
  .detail-shukka-date__text li {
    list-style-type: disc !important;
  }

  .detail-amount {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  .detail-amount__title {
    margin-right: 40px;
  }
  .detail-amount__title--near {
    margin-right: 5px;
  }
  .detail-amount__link {
    margin-left: 20px;
  }

  .detail-price {
    margin-bottom: 35px;
  }
  .detail-price__section {
    padding: 30px 0;
    border-top: 1px solid #dedede;
  }
  .detail-price__section:last-child {
    padding-bottom: 0;
  }
  .detail-price__row {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px;
    flex-wrap: wrap;
  }
  .detail-price__row:last-child {
    padding-bottom: 0;
  }
  .detail-price__title {
    font-size: 16px;
  }
  .detail-price__note {
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
  }
  .detail-price-number {
    text-align: right;
  }
  .detail-price-number__erased {
    display: inline-block;
    position: relative;
    font-weight: bold;
  }
  .detail-price-number__erased::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .detail-price-number__value {
    font-size: 16px;
    font-weight: bold;
  }
  .detail-price-number__value--discounted {
    color: #ff3b00;
  }

  .detail-price-total-sub {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 13px;
  }
  .detail-price-total-sub__title {
    font-size: 16px;
    font-weight: bold;
  }
  .detail-price-total-sub__value {
    min-width: 150px;
    margin-left: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
  }

  .detail-price-total {
    display: flex;
    justify-content: flex-end;
    /*margin-top: 30px;*/
    padding-top: 30px;
    border-top: 1px solid #dedede;
  }
  .detail-price-total__title {
    font-size: 20px;
    font-weight: bold;
  }
  .detail-price-total__value {
    min-width: 150px;
    margin-left: 60px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
  }

  .detail-purchase-button-box {
    margin-bottom: 15px;
  }
  .detail-purchase-button-box__button {
    margin-bottom: 15px;
    padding: 16px 15px 15px;
  }
  .detail-purchase-button-box__button.button-tertiary {
    padding: 14px 20px 13px;
  }
  .detail-purchase-button-box__button:last-child {
    margin-bottom: 0;
  }
  .detail-purchase-button-box__button i {
    vertical-align: -3px;
  }
  .detail-purchase-button-box__button--icon-right i {
    margin-left: 10px;
  }
  .detail-purchase-button-box__button--icon-left i {
    margin-right: 10px;
  }
  .detail-purchase-button-box__note {
    margin-bottom: 5px;
    color: #ff3b00;
    
    text-align: center;
  }

  .detail-purchase-sns {
    display: flex;
    align-items: center;
  }
  .detail-purchase-sns__text {
    margin-right: 40px;
    font-weight: bold;
  }

  .detail-purchase-sns-icons {
    display: flex;
  }
  .detail-purchase-sns-icons__icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    transition: 0.3s;
  }
  .detail-purchase-sns-icons__icon:last-child {
    margin-right: 0;
  }
  .detail-purchase-sns-icons__icon:hover {
    opacity: 0.6;
  }
  .detail-purchase-sns-icons__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .detail-price-table__head {
   /* position: relative;*/
    box-sizing: border-box;
    padding: 11px 10px 9px;
    transition: 0.3s;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #f5f5f5;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .detail-price-table__head--fixed,
  .detail-price-table__head--fixed-corner {
    /*position: sticky;*/
    top: 0;
    left: 0;
	width:150px;
  }
  .detail-price-table__head--fixed::before,
  .detail-price-table__head--fixed-corner::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
  }
  .detail-price-table__head--fixed {
    z-index: 1;
  }
  .detail-price-table__head--fixed-corner {
   /* z-index: 2;*/
  }
  .detail-price-table__head.is-hover {
    background: #eaf4ff;
  }
  .detail-price-table__data {
    box-sizing: border-box;
    padding: 10px 0;
    border: 1px solid #dedede;
    line-height: 1.5;
    text-align: right;
    cursor: pointer;
	background:#fff;
  }
  .detail-price-table__data--gray {
    background: #fafafa;
  }
  .detail-price-table__data--center {
    text-align: center;
  }
  .detail-price-table__data.is-inactive {
    background: #f5f5f5;
    color: #bababa;
    pointer-events: none;
  }
  .detail-price-table__data.is-hover {
    background: #e9f1fb;
  }
  .detail-price-table__data.is-current {
    background: #daeafc;
  }
  .detail-price-table__data-box {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .detail-price-table__pc-small {
    width: 130px;
    min-width: 130px;
    padding: 5px;
  }
  .detail-price-table__stop {
    display: block;
    color: #ff3b00;
    font-size: 12px;
    font-weight: bold;
  }
  .detail-price-table__value {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1;
  }
  .detail-price-table__value:last-child {
    margin-bottom: 0;
  }
  .detail-price-table__value--discounted {
    color: #ff3b00;
    font-weight: bold;
  }
  .detail-price-table__data.is-current .detail-price-table__value--discounted {
    color: #000;
  }
  .detail-price-table__value--pc-font-base {
    font-size: 14px;
  }
  .detail-price-table__value-yen {
    margin-left: 5px;
    font-size: 14px;
  }
  .detail-price-table__erased {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1;
  }
  .detail-price-table__erased::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .detail-price-table__erased--pc-font-small {
    font-size: 12px;
  }
  .detail-price-table__data.is-current .detail-price-table__erased::before {
    background: #000;
  }
  .detail-price-table__sub {
    font-size: 12px;
    line-height: 1;
  }
  .detail-price-table__sub--discounted {
    color: #ff3b00;
  }
  .detail-price-table__data.is-current .detail-price-table__sub--discounted {
    color: #000;
  }
  .detail-price-table__sub-yen {
    margin-left: 5px;
  }

  .detail-scroll {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    
    padding: 0 30px;
  }
  .detail-scroll__total {
    align-self: center;
    color: #7c7c7c;
    font-size: 14px;
    font-weight: normal;
  }

  .detail-price-table {
    width: 100%;
    table-layout: fixed;
  }
  .detail-price-table-box {
    padding: 0 20px 20px;
    overflow: auto;
  }
  .detail-price-table-box--pc-small {
    max-height: 525px;
  }
  .detail-price-table-box .scroll-hint-icon {
    width: 130px;
    height: 130px;
    padding-top: 32px;
  }
  .detail-price-table-box .scroll-hint-icon::before {
    width: 40px;
    height: 60px;
    animation: none;
    background-image: url("../img/icon/white/scroll_hand_white.svg");
  }
  .detail-price-table-box .scroll-hint-icon::after {
    top: 19px;
    width: 49px;
    height: 13px;
    margin-left: 0;
    transform: translateX(-50%);
    transition-delay: unset;
    background-image: url("../img/icon/white/scroll_arrows_white.svg");
  }
  .detail-price-table-box .scroll-hint-text {
    margin-top: 9px;
    font-size: 12px;
  }

  .detail-review-head {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    line-height: 1;
  }
  .detail-review-head__review {
    margin-right: 15px;
    font-size: 20px;
    font-weight: bold;
  }
  .detail-review-head__star {
    height: 30px;
  }

  .detail-review-list {
    border-top: 1px solid #dedede;
  }
  .detail-review-list__item {
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
  }
  .detail-review-list__title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .detail-review-list__info {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
  }
  .detail-review-list__star {
    margin-right: 30px;
  }
  .detail-review-list__name {
    margin-right: 15px;
  }
  .detail-review-list__date {
    color: #7c7c7c;
  }

  .detail-fixed {
    position: fixed;
    z-index: 6;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1180px;
    height: 110px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .detail-fixed__inner {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    width: 1180px;
    height: 105%;
    margin: 0 auto;
    padding: 0 5px;
  }
  .detail-fixed__info {
    display: flex;
  }
  .detail-fixed__right {
    display: flex;
    align-items: center;
  }

  .detail-fixed-info {
    flex: 1;
    margin-right: 40px;
  }
  .detail-fixed-info:last-child {
    margin-right: 0;
  }
  .detail-fixed-info__title {
    margin-bottom: 5px;
    font-size: 14px;
    /*font-weight: bold;*/
  }
  .detail-fixed-info__date {
    color: #ff3b00;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
  }
  .detail-fixed-info__amount {
    font-size: 16px;
    font-weight: bold;
  }

  .detail-fixed-action__button-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .detail-fixed-action__button {
    width: 180px;
    margin-right: 10px;
  }
  .detail-fixed-action__button:last-child {
    margin-right: 0;
  }
  .detail-fixed-action__text {
    /*display: flex;
    justify-content: flex-end;*/
    font-size: 12px;
  }
  .detail-fixed-action__note {
    margin-right: 10px;
    color: #ff3b00;
  }

  .detail-fixed-total {
    display: flex;
    align-items: center;
    margin-right: 50px;
  }
  .detail-fixed-total__title {
    margin-right: 8px;
    font-size: 16px;
    font-weight: bold;
  }
  .detail-fixed-total__price {
    margin-right: 2px;
    color: #ff3b00;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
  }
  .detail-fixed-total__yen {
    align-self: flex-end;
    font-weight: bold;
    line-height: 1;
  }

  .footer {
    padding-top: 50px;
    background: #f5f5f5;
  }
  .footer--less-padding {
    padding-top: 0;
  }
  .footer__inner {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 1180px;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .footer__links {
    flex: 1;
  }
  .footer__category {
    margin-bottom: 85px;
  }
  .footer__heading {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
  }
  .footer__category-inner {
    display: flex;
    justify-content: space-between;
  }
  .footer__box {
    width: 160px;
  }
  .footer__sub-heading {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 8px;
    font-weight: bold;
  }
  .footer__sub-heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to Right, #000, #000 2px, transparent 2px, transparent 5px);
    background-size: 5px 2px;
  }
  .footer__search {
    display: flex;
    position: relative;
  }
  .footer__box-search {
    margin-right: 80px;
  }
  .footer__box-sub-box {
    display: flex;
  }
  .footer__box-sub {
    margin-right: 40px;
  }

  .footer-link-list__item {
    margin-bottom: 10px;
  }
  .footer-link-list__item:last-child {
    margin-bottom: 0;
  }
  .footer-link-list__link {
    color: #000;
  }
  .footer-link-list__link:hover {
    text-decoration: underline;
  }

  .footer-sns {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .footer-sns__icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    transition: 0.3s;
  }
  .footer-sns__icon:last-child {
    margin-right: 0;
  }
  .footer-sns__icon:hover {
    opacity: 0.6;
  }
  .footer-sns__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #footer_navi {
    background: #e1e1e1;
    padding: 30px;
  }

  #footer_navi div {
    width: 1080px;
    margin: 0 auto;
  }

  #footer_navi ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #footer_navi ul li {
    display: block;
    list-style: none;
    width: 20%;
    margin: 7px 0;
  }
  #footer_navi h2 {
    margin-bottom: 20px;
    margin-left: 0;
  }

  footer h2 {
    margin-bottom: 15px;
    margin-left: 5px;
  }

  footer .foot_info {
    background: #000;
  }

  footer .foot_info ul li a {
    color: #fff;
    font-size: 13px;
    display: block;
  }

  footer .foot_info ul li a:hover {
    color: orange;
  }

  footer .footer_gloupsites .ft_groupsite {
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
    padding: 15px 30px;
    font-size: 12px;
    border-radius: 10px;
  }

  .footer-calendar {
    box-sizing: border-box;
    width: 280px;
    margin-right: 30px;
    padding: 0 10px;
    border-radius: 4px;
    /*background: #fff;*/
  }
  .footer-calendar__heading {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  .footer-calendar__section {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
  }
  .footer-calendar__month {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .footer-calendar__note {
    font-size: 12px;
    text-align: center;
  }
  .footer-calendar__note::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    background: #ffc5b5;
  }

  .footer-calendar-table {
    width: 100%;
  }
  .footer-calendar-table__day {
    padding-bottom: 5px;
    font-size: 12px;
    text-align: center;
  }
  .footer-calendar-table__date {
    height: 27px;
    border: 3px solid #fff;
    text-align: center;
  }
  .footer-calendar-table__date.is-dayoff {
    background: #ffc5b5;
  }

  .footer-copyright {
    display: block;
    padding: 15px 0;
    text-align: center;
  }

  .form__section {
    margin-bottom: 40px;
  }
  .form__section:last-child {
    margin-bottom: 0;
  }
  .form__section--border {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .form__section--border:last-child {
    border-bottom: 0;
  }
  .form__field {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  .form__field:last-child {
    margin-bottom: 0;
  }
  .form__field--column {
    display: block;
  }
  .form__link {
    margin-left: 20px;
    text-decoration: underline;
  }
  .form__link:hover {
    text-decoration: none;
  }
  .form__char {
    margin-left: 10px;
  }
  .form__button {
    margin-left: 20px;
  }
  .form__zip {
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
  }

  .form-code {
    position: relative;
    margin-left: 20px;
  }
  .form-code__message {
    position: absolute;
    bottom: 44px;
    left: 0;
    min-width: 216px;
    padding: 10px;
    border: 1px solid #1e8cdd;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    color: #1e8cdd;
    font-size: 12px;
  }

  .form-select-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -20px;
  }
  .form-select-list__item {
    margin: 20px 40px 0 0;
  }
  .form-select-list__item:last-child {
    margin-right: 0;
  }
  .form-select-list__item--column {
    /* PC2列・SP1列 */
    width: calc(50% - 20px);
  }
  .form-select-list__item--column:nth-child(even) {
    margin-right: 0;
  }

  .form-tel {
    display: flex;
    justify-items: center;
  }
  .form-tel__item {
    width: 67px;
  }
  .form-tel__item:nth-child(n + 2) {
    position: relative;
    padding-left: 25px;
  }
  .form-tel__item:nth-child(n + 2)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 5px;
    height: 1px;
    transform: translateY(-50%);
    background: #000;
  }

  .form-heading {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
  }
  .form-heading__required {
    margin-left: 10px;
    font-size: 14px;
  }

  .form-progress {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
  .form-progress__bar {
    position: relative;
    z-index: 1;
    width: 153px;
    color: #bababa;
    font-weight: bold;
    text-align: center;
  }
  .form-progress__bar::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 2px auto 22px;
    border-radius: 50%;
    background-color: #dedede;
  }
  .form-progress__bar::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 7px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #dedede;
  }
  .form-progress__bar:last-child::after {
    content: none;
  }
  .form-progress__bar--complete::before,
  .form-progress__bar--complete::after {
    background-color: #fabe00;
  }
  .form-progress__bar--active {
    color: #000;
  }
  .form-progress__bar--active::before {
    width: 16px;
    height: 16px;
    margin: 0 auto 20px;
    background-color: #fabe00;
  }

  .form-concent {
    text-align: center;
  }
  .form-concent__box {
    display: inline-block;
  }
  .form-concent--left {
    margin-bottom: 30px;
    text-align: left;
  }

  .form-file {
    display: flex;
    align-items: center;
  }
  .form-file__input {
    display: none;
  }
  .form-file__button {
    width: 193px;
    min-width: 193px;
  }
  .form-file__text {
    margin-left: 40px;
    font-weight: bold;
  }

  .form-loading {
    position: relative;
    padding-left: 28px;
  }
  .form-loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url("../img/icon/gif/loading.gif") no-repeat center/contain;
  }

  .header-sp {
    display: none;
  }

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

  .header-pc-main {
    background: #3c8ff9;
    padding: 15px 0;
  }
  .header-pc-main__inner {
    box-sizing: border-box;
    width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .header-pc-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
  }
  .header-pc-action__welcome {
    margin-right: 15px;
    font-size: 12px;
  }
  .header-pc-action__name {
    font-weight: bold;
  }
  .header-pc-action__button-box {
    display: flex;
  }
  .header-pc-action__button {
    display: block;
    margin-right: 5px;
    padding: 10px 20px;
    transition: 0.3s;
    border-radius: 0 0 3px 3px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
  }
  .header-pc-action__button:last-child {
    margin-right: 0;
  }
  .header-pc-action__button:hover {
    background: #808080;
    color: #fff;
  }
  .header-pc-action__button--white {
    background: #fff;
    color: #000;
  }
  .header-pc-action__button--white:hover {
    background: #fff;
    color: #808080;
  }

  .header-pc-contents {
    display: flex;
    align-items: center;
  }
  .header-pc-contents--padding-top {
    padding-top: 15px;
  }
  .header-pc-contents__logo-box {
    display: block;
    width: 300px;
    height: 52px;
    margin-right: 40px;
    transition: 0.3s;
    position: absolute;
    left: -10px;
  }
  .header-pc-contents__logo-box:hover {
    opacity: 0.6;
  }
  .header-pc-contents__logo {
    width: 100%;
  }
  .header-pc-contents__search {
    display: flex;
    align-items: center;
  }
  .header-pc-contents__search-detail {
    box-sizing: border-box;
    padding: 10px 18px;
    transition: 0.3s;
    border-radius: 17px;
    background: #000;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
  }
  .header-pc-contents__search-detail:hover {
    background: #808080;
  }
  .header-pc-contents__nav {
    margin-left: auto;
  }

  .header-pc-search {
    display: flex;
    height: 34px;
    margin-right: 10px;
  }
  .header-pc-search__select-box {
    position: relative;
  }
  .header-pc-search__select {
    display: none;
  }
  .header-pc-search__select-button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    width: 125px;
    height: 100%;
    padding: 0 24px 0 12px;
    border: 0;
    border-right: 1px solid #f5f5f5;
    border-radius: 20px 0 0 20px;
    outline: 0;
    background: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
  }
  .header-pc-search__select-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .header-pc-search__select-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    width: 13px;
    height: 8px;
    transform: translateY(-50%);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .header-pc-search__select-button-text {
    overflow: hidden;
    white-space: nowrap;
  }
  .header-pc-search__input {
    box-sizing: border-box;
    width: 250px;
    height: 100%;
    padding: 10px 10px 7px;
    border: 0;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
  }
  .header-pc-search__input::placeholder {
    color: #666;
  }
  .header-pc-search__input:focus {
    outline: 0;
    box-shadow: none;
  }
  .header-pc-search__button {
    position: relative;
    width: 40px;
    height: 100%;
    transition: 0.3s;
    border-radius: 0 20px 20px 0;
    background: #000;
  }
  .header-pc-search__button::before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    width: 16px;
    height: 16px;
    background: url("../img/icon/white/search_white.svg") no-repeat center/contain;
  }
  .header-pc-search__button:hover {
    background: #808080;
  }

  .header-pc-search-list {
    display: none;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: 240px;
    padding: 20px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .header-pc-search-list__item {
    margin-bottom: 15px;
  }
  .header-pc-search-list__item:last-child {
    margin-bottom: 0;
  }
  .header-pc-search-list__link {
    font-size: 13px;
  }
  .header-pc-search-list__link:hover {
    text-decoration: underline;
  }

  .header-pc-nav {
    display: flex;
  }
  .header-pc-nav__item {
    position: relative;
    box-sizing: border-box;
    width: 96px;
  }
  .header-pc-nav__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to Bottom, #000, #000 2px, transparent 2px, transparent 5px);
    background-size: 2px 5px;
  }
  .header-pc-nav__item:last-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to Bottom, #000, #000 2px, transparent 2px, transparent 5px);
    background-size: 2px 6px;
  }

  .header-pc-contents__nav li.telBox {
    height: 70px;
    width: auto;
    background: #fff;
    border-radius: 5px;
    padding: 7px;
    box-sizing: border-box;
    margin-right: 15px;
  }

  .header-pc-contents__nav li.telBox a {
    display: block;
    font-size: 25px;
    font-family: Helvetica;
    font-weight: bold;
    position: relative;
    line-height: normal;
    text-align: center;
    margin-bottom: 3px;
  }

  .header-pc-contents__nav li.telBox a img {
    width: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
  }

  .header-pc-contents__nav li.telBox p {
    font-size: 11px;
    font-feature-settings: "palt";
    font-family: Noto sans;
    font-weight: lighter;
    line-height: normal;
    text-align: center;
    bottom: 0;
  }

  .header-pc-contents__nav .header_payment {
    height: 70px;
    width: auto;
    margin-right: 20px;
  }

  .header-pc-nav__link {
    display: block;
    position: relative;
    padding-bottom: 5px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
  }
  .header-pc-nav__icon {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 8px auto 5px;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .header-pc-nav__icon--favorite {
    background-image: url("../img/icon/unique/heart_unique.svg");
  }
  .header-pc-nav__icon--history {
    background-image: url("../img/icon/unique/history_unique.svg");
  }
  .header-pc-nav__icon--estimate {
    background-image: url("../img/icon/unique/estimate_unique.svg");
  }
  .header-pc-nav__icon--cart {
    background-image: url("../img/icon/unique/cart_unique.svg");
  }
  .header-pc-nav__link:hover .header-pc-nav__icon {
    opacity: 0.5;
  }
  .header-pc-nav__text {
    transition: 0.3s;
  }
  .header-pc-nav__link:hover .header-pc-nav__text {
    opacity: 0.5;
  }
  .header-pc-nav__number {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 18px;
    left: 47px;
    padding: 3px 5px;
    border-radius: 10px;
    background: #ff3b00;
    color: #fff;
    font-weight: bold;
  }
  .header-pc-category__inner {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .header-pc-category__box {
    position: relative;
  }
  .header-pc-category__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 40px;
    padding-right: 20px;
    border-radius: 3px;
    background: #000;
    color: #fff;
    font-weight: bold;
    line-height: 1;
  }
  .header-pc-category__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 13px;
    height: 8px;
    transform: translateY(-50%);
    background: url("../img/icon/white/arrow_white.svg") no-repeat center/contain;
  }
  .header-pc-category__panel {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    height: 570px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  .header-pc-category-nav {
    display: flex;
  }
  .header-pc-category-nav__item {
    position: relative;
    padding: 0 22px;
  }
  .header-pc-category-nav__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 12px;
    border-radius: 1px;
    background: #f5f5f5;
  }
  .header-pc-category-nav__link {
    position: relative;
    color: #000;
    font-size: 15px;
    font-weight: bold;
  }

  .header-pc-category-list {
    width: 200px;
    height: 100%;
    overflow-y: auto;
    border-radius: 5px 0 0 5px;
    background: #f5f5f5;
  }
  .header-pc-category-list::-webkit-scrollbar-track {
    background: #dedede;
  }
  .header-pc-category-list__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    min-height: 55px;
    padding: 10px 30px 10px 45px;
    transition: 0.3s;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 13px;
    font-weight: bold;
  }
  .header-pc-category-list__button::before {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 19px;
    width: 2px;
    height: 10px;
    transition: 0.3s;
    border-radius: 1px;
    background: #000;
  }
  .header-pc-category-list__button::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 15px;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: #000;
  }
  .header-pc-category-list__button.is-open::before {
    transform: rotate(90deg);
  }
  .header-pc-category-list__button:hover {
    background: #fabe00;
  }
  .header-pc-category-list__icon-box {
    position: absolute;
    top: calc(50% - 15px);
    left: 8px;
    width: 30px;
    height: 30px;
  }
  .header-pc-category-list__icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .header-pc-category-list-l2 {
    display: none;
  }
  .header-pc-category-list-l2__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    min-height: 40px;
    padding: 12px 8px 7px 13px;
    transition: 0.3s;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 12px;
  }
  .header-pc-category-list-l2__button.is-current {
    background: #fabe00;
  }

  .header-pc-item {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 200px;
    box-sizing: border-box;
    flex-direction: column;
    width: 260px;
    height: 570px;
    padding: 20px 30px;
    border-radius: 0 5px 5px 0;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .header-pc-item__heading-box {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 3px solid #dedede;
  }
  .header-pc-item__heading {
    display: inline-block;
    position: relative;
    padding-right: 17px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
  }
  .header-pc-item__heading::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .header-pc-item__heading:hover {
    text-decoration: underline;
  }

  .header-pc-category-link {
    overflow-y: auto;
  }
  .header-pc-category-link__item {
    margin-bottom: 20px;
  }
  .header-pc-category-link__item:last-child {
    margin-bottom: 0;
  }
  .header-pc-category-link__link {
    color: #000;
    font-size: 13px;
  }
  .header-pc-category-link__link:hover {
    text-decoration: underline;
  }

  .heading01 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
  }
  .heading01__button {
    position: relative;
    align-self: flex-start;
    padding-right: 28px;
    padding-left: 15px;
  }
  .heading01__button::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 11px;
    width: 9px;
    height: 5px;
    transform: rotate(-90deg);
    transition: 0.3s;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .heading01__button:hover::after {
    background-image: url("../img/icon/white/arrow_white.svg");
  }
  .heading01--middle {
    margin-bottom: 30px;
  }
  .heading01--far {
    margin-bottom: 40px;
  }

  .heading02 {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
  }
  .heading02--data {
    padding-left: 22px;
    padding-top: 10px;
  }
  .heading02--data::before {
    content: "";
    position: absolute;
    top: 60%;
    left: 0;
    width: 17px;
    height: 22px;
    transform: translateY(-50%);
    background: url("../img/guide/guide_icon_ai.svg") no-repeat center/contain;
  }
  .heading02__button {
    position: relative;
    align-self: flex-start;
    padding-right: 28px;
    padding-left: 15px;
  }
  .heading02__button::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 11px;
    width: 9px;
    height: 5px;
    transform: rotate(-90deg);
    transition: 0.3s;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .heading02__button:hover::after {
    background-image: url("../img/icon/white/arrow_white.svg");
  }
  .heading02__button--no-arrow {
    padding-right: 15px;
  }
  .heading02__button--no-arrow::after {
    content: none;
  }
  .heading02--distributing {
    justify-content: initial;
  }
  .heading02--search-modal {
    display: none;
  }

  .heading03 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
  }

  .heading05 {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
  }
  .heading05--close {
    margin-bottom: 10px;
  }
  .heading05__ico {
    flex: 0 0 auto;
    margin-right: 5px;
  }

  .history-tab {
    margin-bottom: 40px;
  }
  .history-tab__panel {
    display: none;
    padding: 30px;
    border-radius: 0 0 4px 4px;
    background: #fff;
  }
  .history-tab__panel.is-active {
    display: block;
  }
  .history-tab__panel-bottom {
    display: none;
  }
  .history-tab__panel-bottom.is-active {
    display: block;
  }

  .history-tab-button {
    display: flex;
  }
  .history-tab-button__item {
    width: calc(100% / 5);
  }
  .history-tab-button__button {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 15px;
    transition: 0.3s;
    border-bottom: 2px solid #dedede;
    background: transparent;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
  }
  .history-tab-button__button:hover {
    opacity: 0.6;
  }
  .history-tab-button__button.is-current {
    pointer-events: none;
  }
  .history-tab-button__button.is-current::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fabe00;
  }
  .history-tab-button__amount {
    font-size: 12px;
    font-weight: normal;
  }

  .history-tab-button-middle {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 2px solid #dedede;
  }
  .history-tab-button-middle__button {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 30px 10px;
    transition: 0.3s;
    background: transparent;
    font-weight: bold;
  }
  .history-tab-button-middle__button:hover {
    opacity: 0.6;
  }
  .history-tab-button-middle__button.is-current {
    pointer-events: none;
  }
  .history-tab-button-middle__button.is-current::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #000;
  }

  .history-tab-button-bottom {
    display: flex;
  }
  .history-tab-button-bottom__item {
    margin-right: 20px;
  }
  .history-tab-button-bottom__item:last-child {
    margin-right: 0;
  }
  .history-tab-button-bottom__input {
    position: absolute;
    opacity: 0;
  }
  .history-tab-button-bottom__input:hover {
    opacity: 0;
  }
  .history-tab-button-bottom__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    padding: 7px 20px 7px 43px;
    transition: 0.3s;
    border: 1px solid #dedede;
    border-radius: 100vh;
    background: #fff;
    font-weight: bold;
    text-align: center;
  }
  .history-tab-button-bottom__button:hover {
    opacity: 0.6;
  }
  .history-tab-button-bottom__button.is-current {
    pointer-events: none;
  }
  .history-tab-button-bottom__button.is-current::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 2px solid #fabe00;
    border-radius: 100vh;
  }
  .history-tab-button-bottom__button-text {
    position: relative;
  }
  .history-tab-button-bottom__button-text::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -24px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .history-tab-button-bottom__button.is-current .history-tab-button-bottom__button-text {
    pointer-events: none;
  }
  .history-tab-button-bottom__button.is-current .history-tab-button-bottom__button-text::after {
    content: "";
    position: absolute;
    top: 7px;
    left: -19px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }

  .history-sort {
    display: none;
  }

  .ico-cart-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: 0.3s;
    background: url("../img/icon/black/cart_black.svg") no-repeat center/contain;
  }
  .button-primary:hover .ico-cart-black {
    background-image: url("../img/icon/white/cart_white.svg");
  }

  .ico-cart-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/gray/cart_gray.svg") no-repeat center/contain;
  }

  .ico-edit-white {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/white/edit_white.svg") no-repeat center/contain;
  }

  .ico-edit-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/gray/edit_gray.svg") no-repeat center/contain;
  }

  .ico-estimate-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: 0.3s;
    background: url("../img/icon/black/estimate_black.svg") no-repeat center/contain;
  }

  .ico-estimate-gray {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/gray/estimate_gray.svg") no-repeat center/contain;
  }

  .ico-heart-black {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: url("../img/icon/black/heart_black.svg") no-repeat center/contain;
    vertical-align: -4px;
  }

  .ico-login-white {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/white/login_white.svg") no-repeat center/contain;
  }

  .ico-download-black {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    background: url("../img/icon/black/download_black.svg") no-repeat center/contain;
  }

  .ico-file-black {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-left: 9px;
    background: url("../img/icon/black/file_black.svg") no-repeat center/contain;
    vertical-align: -2px;
  }

  .ico-calendar-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/calendar_black.svg") no-repeat center/contain;
  }
  .search-date__icon .ico-calendar-black {
    width: 16px;
    height: 16px;
  }

  .ico-location-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/location_unique.svg") no-repeat center/contain;
  }

  .ico-sort-white {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background: url("../img/icon/white/sort_white.svg") no-repeat center/contain;
  }

  .ico-search-white {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    background: url("../img/icon/white/search_white.svg") no-repeat center/contain;
  }

  .ico-truck-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/truck_unique.svg") no-repeat center/contain;
  }

  .ico-document-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/document_black.svg") no-repeat center/contain;
  }

  .ico-documents-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/documents_unique.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .ico-user-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/black/user_black.svg") no-repeat center/contain;
  }

  .ico-user-unique {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/user_unique.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .ico-checkmark-black {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/icon/black/checkmark_black.svg") no-repeat center/contain;
  }

  .ico-check-black {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url("../img/icon/black/check_black.svg") no-repeat center/contain;
    vertical-align: middle;
  }

  .ico-output-black {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/icon/black/output_black.svg") no-repeat center/contain;
  }

  .ico-upload-file-white {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url("../img/icon/white/upload_file_white.svg") no-repeat center/contain;
  }

  .input-select {
   /* width: 320px;*/
  }
  .input-select.sidemenu-search__select {
    width: 200px;
  }
  .order-shipping-split .input-select {
    width: 90px;
  }
  .input-select--small {
    width: 120px;
  }
  .input-select.is-inactive {
    pointer-events: none;
  }
  .input-select__select {
    display: none;
  }
  .input-select__box {
    position: relative;
  }
  .input-select__button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    padding: 10px 35px 9px 15px;
    border-radius: 3px;
    outline: 0;
    background: #f5f5f5;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
  }
  .input-select__button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .input-select__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 13px;
    height: 8px;
    transform: translateY(-50%);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .input-select.is-inactive .input-select__button::after {
    opacity: 0.2;
  }
  .sidemenu-search__select .input-select__button::after {
    width: 11px;
    height: 7px;
  }
  .input-select__button.is-open {
    border-radius: 3px 3px 0 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .input-select__button--white {
    border-radius: 0;
    background: #fff;
  }
  .input-select__button--white::after {
    right: 8px;
    width: 11px;
    height: 7px;
  }
  .input-select__button--white.is-open {
    border-radius: 0;
  }
  .sidemenu-search__select .input-select__button {
    font-size: 12px;
  }
  .input-select__button-text {
    display: block;
    overflow: hidden;
    color: #000;
    white-space: nowrap;
  }
  .input-select.is-inactive .input-select__button-text {
    opacity: 0.2;
  }
  .input-select__list {
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.24);
    margin-top: 3px;
    border-radius: 5px;
  }

.input-select__item.js-select-item:hover {
  background: #e9f7ff;
  text-decoration: none;
}
.input-select__item.js-select-item {
  background: #fff;
  padding: 10px 15px;
  font-size: 14px;
  color: #4f4f4f;
  font-weight: 600;
}

  .input-select__list::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #f5f5f5;
  }
  .input-select__list--white {
    max-height: none;
    overflow-y: visible;
    border-radius: 0;
    background: #fff;
  }
  .input-select__list--white::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
  }
  .sidemenu-search__select .input-select__list {
    font-size: 12px;
  }
  .input-select__item {
    cursor: pointer;
  }
  .input-select__item:last-child {
    margin-bottom: 0;
  }
  .input-select__item:hover {
    text-decoration: underline;
  }
  .input-select--margin {
    margin-bottom: 20px;
  }

  
.input-select__item.js-select-item:hover {
  background: #e9f7ff;
  text-decoration: none;
}
.input-select__item.js-select-item {
  background: #fff;
  padding: 10px 15px;
  font-size: 14px;
  color: #4f4f4f;
  font-weight: 600;
}
  .input-checkbox {
    display: inline-block;
  }
  .input-checkbox--center {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .input-checkbox--left {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
  }
  .delivery-select-list__checkbox .input-checkbox {
    display: block;
  }
  .input-checkbox__input {
    position: absolute;
    opacity: 0;
  }
  .input-checkbox__input:hover {
    opacity: 0;
  }
  .input-checkbox__label {
    display: block;
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
  }
  .input-checkbox__label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #f5f5f5;
  }
  .input-checkbox__input:checked + .input-checkbox__label::before {
    border-color: transparent;
    background: #fabe00;
  }
  .input-checkbox--center .input-checkbox__label::before {
    border: 1px solid #000;
  }
  .form-concent .input-checkbox__label::before {
    border: 1px solid #000;
  }
  .input-checkbox__input:checked + .input-checkbox__label::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 12px;
    height: 9px;
    background: url("../img/icon/white/check_white.svg") no-repeat center/contain;
  }

  .input-radio {
    display: inline-block;
  }
  .input-radio__input {
    position: absolute;
    opacity: 0;
  }
  .input-radio__input:hover {
    opacity: 0;
  }
  .input-radio__label {
    display: block;
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
  }
  .input-radio__label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .input-radio__input:checked + .input-radio__label::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }

  .input-text {
    position: relative;
    width: 400px;
    max-width: 100%;
  }
  .input-text--wide {
    width: 640px;
  }
  .input-text.detail-size-input__input {
    width: 240px;
  }
  .input-text.detail__input-text {
    width: 300px;
  }
  .input-text.counter__input {
    width: 80px;
  }
  .input-text.sidemenu-search__input {
    width: 200px;
  }
  .input-text.form__post {
    width: 94px;
  }
  .input-text__input {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 15px 9px;
    border: 0;
    border-radius: 3px;
    background: #f5f5f5;
  }
  .input-text__input:focus {
    box-shadow: none;
  }
  .input-text__input::placeholder {
    color: #bababa;
  }
  .sidemenu-search__input .input-text__input {
    padding: 8px 15px 9px;
    font-size: 12px;
  }
  .sidemenu-search__input--price .input-text__input {
    width: 100px;
    padding: 8px 15px 9px;
    font-size: 12px;
  }

  .input-textarea {
    position: relative;
  }
  .form__field .input-textarea {
    width: 100%;
  }
  .input-textarea__input {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 10px 15px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background: #fff;
    resize: vertical;
  }
  .input-textarea__input::placeholder {
    color: #bababa;
  }
  .input-textarea__input:focus {
    box-shadow: none;
  }
  .input-textarea__input--tall {
    height: 300px;
  }

  .input-box {
    display: flex;
    align-items: center;
  }
  .input-box__text {
    margin-left: 5px;
  }

  .input-item-search {
    position: relative;
    margin-right: 10px;
  }
  .input-item-search:last-child {
    margin-right: 0;
  }
  .input-item-search__select {
    display: none;
  }
  .input-item-search__select-button {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    width: 120px;
    height: 100%;
    padding: 6px 8px;
    border: 0;
    outline: 0;
    background: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
  }
  .input-item-search__select-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .input-item-search__select-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .input-item-search__select-button-text {
    overflow: hidden;
    white-space: nowrap;
  }

  .input-error {
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 0;
    padding: 3px 8px 2px;
    background: #ff3b00;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
  }
  .input-error::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 18px;
    border: 8px solid transparent;
    border-bottom: 12px solid #ff3b00;
  }

  .item-list {
    display: flex;
    flex-wrap: wrap;
  }
  .item-list--slider {
    display: block;
    position: relative;
    width: 1030px;
    margin: 0 auto;
  }
  .item-list--slider .slick-prev,
  .item-list--slider .slick-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000 url("../img/icon/white/arrow_white.svg") no-repeat center/13px 8px;
    font-size: 0;
  }
  .item-list--slider .slick-prev {
    left: -50px;
    transform: translateY(-50%) rotate(90deg);
  }
  .item-list--slider .slick-next {
    right: -50px;
    transform: translateY(-50%) rotate(-90deg);
  }
  .item-list__item {
    width: calc((100% - 100px) / 5);
    margin-right: 25px;
  }
  .item-list__item:last-child {
    margin-right: 0;
  }
  .item-list__item--large {
    width: calc((100% - 90px) / 4);
    margin: 30px 30px 0 0;
  }
  /* 商品情報表示の仕様で先頭にhiddenの要素があるためすべて1つずつずらす */
  .item-list__item--large:nth-child(4n + 1) {
    margin-right: 0;
  }
  .item-list__item--large:nth-child(-n + 5) {
    margin-top: 0;
  }
  .item-list__item--larger {
    width: calc((100% - 60px) / 4);
    margin: 30px 20px 0 0;
  }
  .item-list__item--larger:nth-child(4n) {
    margin-right: 0;
  }
  .item-list__item--larger:nth-child(-n + 4) {
    margin-top: 0;
  }
  .item-list__item--slider {
    width: 190px;
    margin-right: 20px;
  }

  .item {
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
  }

  .item:hover {
    opacity: 0.6;
  }
  .item--no-hover {
    background: transparent;
  }
  .item--no-hover:hover {
    opacity: 1;
  }
  .item-list__item--larger .item:hover {
    opacity: 1;
  }
  .item__image {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
  }
  .item__body {
    flex: 1;
    padding: 10px 10px 15px;
  }
  .item-list__item--large .item__body,
  .item-list__item--larger .item__body {
    padding: 15px 15px 25px;
  }
  .item__text-box {
    margin-bottom: 20px;
  }
  .item__text-box:last-child {
    margin-bottom: 0;
  }
  .item__name {
    display: -webkit-box;
    margin-bottom: 7px;
    overflow: hidden;
    font-weight: bold;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .item__name:last-child {
    margin-bottom: 0;
  }
  .item__product,
  .item__design-name,
  .item__size {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .item__product:last-child,
  .item__design-name:last-child,
  .item__size:last-child {
    margin-bottom: 0;
  }
  .item__number,
  .item__number-sub {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1;
    text-align: right;
  }
  .item__number:last-child,
  .item__number-sub:last-child {
    margin-bottom: 0;
  }
  .item__eraced-price {
    margin-bottom: 6px;
    line-height: 1;
    text-align: right;
  }
  .item__eraced-price-inner {
    position: relative;
    font-size: 12px;
    font-weight: bold;
  }
  .item__eraced-price-inner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background: #ff3b00;
  }
  .item__price {
    margin-bottom: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: right;
  }
  .item__price:last-child {
    margin-bottom: 0;
  }
  .item__price--discounted {
    color: #ff3b00;
  }
  .item__coupon {
    margin-bottom: 12px;
    color: #ff3b00;
    font-size: 12px;
    font-weight: bold;
  }
  .item__desc {
    margin-bottom: 12px;
    font-size: 12px;
  }
  .item__desc:last-child {
    margin-bottom: 0;
  }
  .item__status {
    color: #ff3b00;
    font-weight: bold;
  }
  .item__status--ordered {
    color: #bababa;
    text-align: center;
  }
  .item__review {
    display: flex;
    align-items: center;
    height: 15px;
    margin-bottom: 12px;
  }
  .item__review:last-child {
    margin-bottom: 0;
  }
  .item__review-number {
    margin-left: 8px;
    font-size: 12px;
    line-height: 1;
  }
  .item__campaign {
    margin-bottom: 12px;
    padding: 5px 8px;
    border: 1px solid #ff3b00;
    border-radius: 2px;
    color: #ff3b00;
    font-size: 12px;
    font-weight: bold;
  }
  .item__campaign:last-child {
    margin-bottom: 0;
  }
  .item__ranking-number {
    display: none;
    position: absolute;
    top: 7px;
    left: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
  }
  .item__ranking-number--one {
    background: #fabe00;
  }
  .item__ranking-number--two {
    background: #dedede;
  }
  .item__ranking-number--three {
    background: #d8b1a6;
  }
  .item__ranking-number--other {
    background: #f5f5f5;
  }
  .item-ranking .item__ranking-number {
    display: block;
  }
  .item__action {
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
  }
  .item__action:hover {
    opacity: 0.6;
  }

  .item-button-box {
    margin-bottom: 20px;
  }
  .item-button-box:last-child {
    margin-bottom: 0;
  }
  .item-button-box__button {
    margin-bottom: 15px;
  }
  .item-button-box__button:last-child {
    margin-bottom: 0;
  }

  .item-design {
    margin-bottom: 20px;
  }
  .item-design__name {
    margin-bottom: 7px;
    font-weight: bold;
  }
  .item-design__text {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .item-design__text:last-child {
    margin-bottom: 0;
  }
  .item-design__tag {
    display: inline-block;
    padding: 5px;
    background: #f5f5f5;
    font-size: 12px;
  }

  .item-tag {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0 12px -4px;
  }
  .item-tag.detail__tag {
    margin: -10px 0 40px -10px;
  }
  .item-tag:last-child {
    margin-bottom: 0;
  }
  .item-tag__item {
    width: 37px;
    margin: 4px 0 0 4px;
  }
  .detail__tag .item-tag__item {
    margin: 10px 0 0 10px;
  }
  .item-tag__tag {
    width: 100%;
  }

  .item-condition {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -6px;
    margin-bottom: 12px;
  }
  .item-condition:last-child {
    margin-bottom: 0;
  }
  .item-condition.detail__condition {
    margin-bottom: 40px;
  }
  .item-condition__item {
    margin: 6px 5px 0 0;
    padding: 1px 5px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
  }
  .item-condition__item:last-child {
    margin-right: 0;
  }
  .detail__condition .item-condition__item {
    margin-right: 10px;
    font-size: 12px;
  }
  .detail__condition .item-condition__item:last-child {
    margin-right: 0;
  }

  .item-service-list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px;
  }
  .item-service-list__item {
    width: calc((100% - 60px) / 3);
    margin: 20px 0 0 20px;
  }
  .item-service-list--full .item-service-list__item {
    width: calc((100% - 80px) / 4);
  }

  .item-service {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 4px;
  }
  .item-service:hover {
    opacity: 0.6;
  }
  .item-service__image-box {
    background: #fff;
  }
  .item-service-list--large .item-service__image-box {
    height: 226.875px;
  }
  .item-service__image {
    width: 100%;
  }
  .item-service__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 17px 20px;
    background: #fff;
  }
  .item-service__title {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: bold;
  }
  .item-service__title:last-child {
    margin-bottom: 0;
  }

  .item-service-plain-list {
    display: flex;
    flex-wrap: wrap;
  }
  .item-service-plain-list__item {
    width: calc((100% - 40px) / 3);
    margin: 20px 20px 0 0;
  }
  .item-service-plain-list__item:nth-child(3n) {
    margin-right: 0;
  }
  .item-service-plain-list__item:nth-child(-n + 3) {
    margin-top: 0;
  }

  .item-service-plain {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    height: 100%;
    padding: 10px;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
  }
  .item-service-plain:hover {
    opacity: 0.6;
  }
  .item-service-plain__image-box {
    flex-shrink: 0;
    width: 96px;
    height: 60px;
    margin-right: 10px;
  }
  .item-service-plain__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .item-service-plain__name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
  }

  .item-search-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .item-search-area__count {
    font-size: 16px;
    font-weight: bold;
  }
  .item-search-area__show {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
  }
  .item-search-area__box {
    display: flex;
  }
  .search-table__data .item-search-area__box {
    width: 80%;
  }
  .item-search-area__button {
    display: none;
  }
  .item-search-area__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .item-search-area__select {
    margin-right: 10px;
  }
  .item-search-area__select:last-child {
    margin-right: 0;
  }

  .item-service-two-list {
    display: flex;
    flex-wrap: wrap;
  }
  .item-service-two-list__item {
    width: 415px;
    margin: 20px 20px 0 0;
  }
  .item-service-two-list__item:nth-child(2n) {
    margin-right: 0;
  }
  .item-service-two-list__item:nth-child(-n + 2) {
    margin-top: 0;
  }

  .item-service-contents {
    display: block;
    box-sizing: border-box;
    height: 100%;
    padding: 10px;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
  }
  .item-service-contents:hover {
    opacity: 0.6;
  }
  .item-service-contents__item {
    display: flex;
    margin-bottom: 10px;
  }
  .item-service-contents__image-box {
    display: flex;
    flex-shrink: 0;
    width: 160px;
    height: 100px;
    margin-right: 10px;
  }
  .item-service-contents__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .item-service-contents__name {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
  }

  .item-search-list {
    display: none;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: 120px;
    background: #fff;
  }
  .item-search-list__item:last-child {
    margin-bottom: 0;
  }
  .item-search-list__link {
    display: block;
    padding: 2px 8px;
  }
  .item-search-list__link:hover {
    background: #7e7e7e;
    color: #fff;
  }

  .list-item__item {
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }
  .list-item__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .list-item__image-box {
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    margin-right: 20px;
  }
  .list-item__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .list-item__body {
    margin-right: 30px;
  }
  .list-item__text-box {
    margin-bottom: 10px;
  }
  .list-item__text-box:last-child {
    margin-bottom: 0;
  }
  .list-item__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .list-item__text {
    margin-bottom: 5px;
  }
  .list-item__text:last-child {
    margin-bottom: 0;
  }

  .list-table {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
  }
  .list-table__head {
    display: flex;
    align-items: center;
    background: #f5f5f5;
  }
  .list-table__title {
    flex-shrink: 0;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  .list-table__title--image {
    width: 220px;
  }
  .list-table__title--image-small {
    width: 180px;
  }
  .list-table__title--name {
    width: 460px;
  }
  .list-table__title--name-medium {
    width: 380px;
  }
  .list-table__title--name-small {
    width: 340px;
  }
  .list-table__title--desc {
    width: 460px;
  }
  .list-table__title--span {
    width: 240px;
  }
  .list-table__title--discount {
    width: 80px;
  }
  .list-table__title--discount-small {
    width: 40px;
  }
  .list-table__title--product-name {
    flex: 1;
  }
  .list-table__title--color {
    width: 120px;
  }
  .list-table__title--price {
    width: 96px;
  }
  .list-table__title--campaign {
    width: 140px;
  }
  .list-table__title--button {
    width: 100px;
  }
  .list-table__title--coupon-info {
    width: 440px;
  }
  .list-table__title--coupon-period {
    width: 320px;
  }
  .list-table__title--coupon-desc {
    width: 120px;
  }
  .list-table__title--status {
    width: 300px;
  }
  .list-table__title--action {
    flex-grow: 1;
  }
  .list-table__item {
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    background: #fff;
  }
  .list-table__item:nth-of-type(2n + 1) {
    background: #fafafa;
  }
  .list-table__item-disabled {
    background: #bababa;
  }
  .list-table__data {
    flex-shrink: 0;
    padding: 13px 10px;
    font-size: 12px;
  }
  .list-table__data--image {
    width: 220px;
  }
  .list-table__data--image-small {
    width: 180px;
  }
  .list-table__data--name {
    width: 460px;
  }
  .list-table__data--name-medium {
    width: 380px;
  }
  .list-table__data--name-small {
    width: 340px;
  }
  .list-table__data--desc {
    width: 460px;
  }
  .list-table__data--span {
    width: 240px;
  }
  .list-table__data--discount {
    width: 80px;
    text-align: center;
  }
  .list-table__data--discount-small {
    width: 40px;
    text-align: center;
  }
  .list-table__data--multi {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .list-table__data--product-name {
    flex: 1;
  }
  .list-table__data--color {
    width: 120px;
  }
  .list-table__data--price {
    width: 96px;
    text-align: right;
  }
  .list-table__data--campaign {
    width: 140px;
  }
  .list-table__data--button {
    width: 100px;
  }
  .list-table__data--coupon-info {
    display: flex;
    flex-direction: column;
    width: 440px;
  }
  .list-table__data--coupon-period {
    width: 320px;
  }
  .list-table__data--coupon-desc {
    width: 120px;
    text-align: center;
  }
  .list-table__data--status {
    width: 300px;
  }
  .list-table__data--action {
    flex-grow: 1;
  }
  .list-table__image-box {
    display: block;
    height: 90px;
  }
  .list-table__image-box-item {
    display: block;
    height: 150px;
  }
  .list-table__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .list-table__image-link:hover {
    opacity: 0.6;
  }
  .list-table__link {
    display: flex;
    align-items: center;
  }
  .list-table__link:hover {
    opacity: 0.6;
  }
  .list-table__link--no-hover:hover {
    opacity: 1;
  }
  .list-table__row {
    display: flex;
    align-items: center;
  }
  .list-table__name {
    font-weight: bold;
  }
  .list-table__name--large {
    font-size: 16px;
  }
  .list-table__name--coupon {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .list-table__name-link {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }
  .list-table__name-link:hover {
    opacity: 0.6;
  }
  .list-table__item-desc {
    margin-top: 20px;
    font-size: 12px;
  }
  .list-table__tag {
    margin-left: 20px;
    font-size: 10px;
    white-space: nowrap;
  }
  .list-table__text {
    display: none;
  }
  .list-table__color {
    margin: 0 auto;
  }
  .list-table__product-color {
    display: flex;
    flex: 1;
    align-items: center;
  }
  .list-table__delete {
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
  }
  .list-table__delete:hover {
    opacity: 0.6;
  }

  .list-vertical__item {
    margin-bottom: 15px;
  }
  .list-vertical__item:last-child {
    margin-bottom: 0;
  }

  .list-note {
    margin-bottom: 20px;
  }
  .list-note--less-margin {
    margin-bottom: 0;
  }
  .list-note:last-child {
    margin-bottom: 0;
  }
  .list-note__item {
    position: relative;
    padding-left: 1em;
  }
  .list-note__item::before {
    content: "※";
    position: absolute;
    left: 0;
  }

  .list-arrow__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 12px;
    font-size: 16px;
  }
  .list-arrow__item:last-child {
    margin-bottom: 0;
  }
  .list-arrow__item::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    background: url("../img/icon/black/arrow_black_solid.svg") no-repeat center/contain;
  }
  .list-arrow__link {
    text-decoration: underline;
  }
  .list-arrow__link:hover {
    text-decoration: none;
  }

  .list-number {
    counter-reset: num;
  }
  .list-number__item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
  }
  .list-number__item:last-child {
    margin-bottom: 0;
  }
  .list-number__item::before {
    content: counter(num) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    counter-increment: num;
  }
  .list-number__title {
    font-weight: bold;
  }

  .list-dot {
    margin-bottom: 20px;
  }
  .list-dot:last-child {
    margin-bottom: 0;
  }
  .list-dot__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 1em;
  }
  .list-dot__item:last-child {
    margin-bottom: 0;
  }
  .list-dot__item::before {
    content: "・";
    position: absolute;
    left: 0;
  }

  .login__heading {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
  }
  .login__button {
    margin-top: 0;
  }

  .login-form__section {
    margin-bottom: 30px;
  }
  .login-form__section:last-child {
    margin-bottom: 0;
  }
  .login-form__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
  }
  .login-form__field {
    margin-bottom: 12px;
  }
  .login-form__field:last-child {
    margin-bottom: 0;
  }
  .login-form__note {
    margin-top: 20px;
  }

  .login-link {
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  .login-link:hover {
    text-decoration: underline;
  }

  .login-message {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #dedede;
  }
  .login-message__heading {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }

  .login-message-list__item {
    margin-bottom: 5px;
  }
  .login-message-list__item::before {
    content: "・";
  }

  .ly-container {
    box-sizing: border-box;
    width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .ly-section {
    margin-bottom: 40px;
  }
  .ly-box .ly-section:last-child {
    margin-bottom: 0;
  }

  .ly-section-small {
    margin-bottom: 20px;
  }
  .ly-section-small:last-child {
    margin-bottom: 0;
  }

  .ly-section-border {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
  }

  .ly-column {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px !important;
  }

  .ly-side {
    width: 240px;
  }

  .ly-main {
    width: 850px;
  }
   
  .detail__main .ly-main {
    width: 850px;
    background-color: #fff;
  }

  .ly-small {
    width: 720px;
    margin: 50px auto 0;
  }
  .main--with-simple-header .ly-small {
    margin-top: 0;
  }

  .ly-box {
    padding: 30px 40px 40px;
    border-radius: 4px;
    background: #fff;
  }
  .ly-box__border {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }
  .ly-box__border:last-child {
    margin-bottom: 0;
  }
  .ly-box--wide {
    padding: 30px;
  }

  .main {
    flex: 1;
    /* padding-bottom: 80px;
    padding-top: 30px;*/
    background: #f5f5f5;
  }
  .main--detail {
    padding-top: 30px;
  }
  .main--with-simple-header {
    padding-top: 50px;
  }

  .box-column {
    display: flex;
    flex-wrap: wrap;
  }

  .box-2column {
    box-sizing: border-box;
    width: calc(50% - 20px);
  }
  .box-2column:nth-child(even) {
    margin-left: 40px;
  }

  .message-box {
    margin-bottom: 30px;
  }

  .message {
    margin-bottom: 20px;
    padding: 25px 30px 24px;
    border: 1px solid #1e8cdd;
    background: #fff;
    color: #1e8cdd;
    font-size: 16px;
    font-weight: bold;
  }
  .message:last-child {
    margin-bottom: 0;
  }
  .message--alert {
    border: 1px solid #ff3b00;
    color: #ff3b00;
  }
  .message--success {
    border: 1px solid #1e8cdd;
    color: #1e8cdd;
  }
  .message--error {
    border: 1px solid #ff3b00;
    background: #ffeded;
    color: #ff3b00;
  }
  .message__text {
    margin-bottom: 12px;
  }
  .message__text:last-child {
    margin-bottom: 0;
  }

  .message-coupon {
    margin-bottom: 30px;
    padding: 40px;
    background: #f5f5f5;
    color: #000;
    font-size: 16px;
    font-weight: normal;
  }
  .message-coupon__box {
    margin-bottom: 20px;
    text-align: center;
  }
  .message-coupon__box:last-child {
    margin-bottom: 0;
  }
  .message-coupon__title {
    margin-bottom: 0.5em;
    font-size: 20px;
    font-weight: bold;
  }
  .message-coupon__text {
    font-size: 12px;
    font-weight: normal;
  }

  .modal-basic {
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 30%;
    left: 50%;
    width: 100%;
    max-width: 900px;
    height: 100%;
    max-height: calc(100vh - 150px);
    transform: translateX(-50%);
    transition: 0.2s;
    opacity: 0;
    pointer-events: none;
  }
  .modal-basic.is-active {
    visibility: visible;
    opacity: 1;
  }
  .modal-basic__box {
    box-sizing: border-box;
    max-height: 100%;
    padding: 40px 50px;
    overflow: auto;
    border-radius: 5px;
    background: #fff;
    pointer-events: all;
  }
  .modal-basic__box--only-padding-top-and-bottom {
    padding: 20px 0 50px;
  }
  .modal-basic__close {
    position: absolute;
    top: -45px;
    right: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background: url("../img/icon/white/close_white.svg") no-repeat center/contain;
    cursor: pointer;
    pointer-events: all;
  }
  .modal-basic__item-design-image-box {
    max-width: 500px;
    height: 100%;
    margin: 0 auto;
  }
  .modal-basic__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .modal-basic__mv-box {
    margin-bottom: 25px;
  }
  .modal-basic__mv {
    width: 100%;
  }
  .modal-basic__button-box {
    margin-top: 20px;
  }

  .modal-heading {
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }

  .modal-section {
    margin-bottom: 30px;
  }
  .modal-section:last-child {
    margin-bottom: 0;
  }

  .modal-table-form-box {
    margin-bottom: 30px;
  }
  .modal-table-form-box:last-child {
    margin-bottom: 0;
  }

  .modal-table-form__head {
    width: 170px;
    padding: 30px 0 30px 30px;
    border-bottom: #dedede 1px solid;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
  }
  .modal-table-form__head:first-child {
    padding-left: 0;
  }
  .modal-table-form__data {
    padding: 30px 0 30px 30px;
    border-bottom: #dedede 1px solid;
    font-size: 16px;
    vertical-align: top;
  }
  .modal-table-form__data:first-child {
    padding-left: 0;
  }

  .news {
    padding: 30px;
    background: #fff;
  }

  .news-list__item {
    display: flex;
    margin-bottom: 30px;
  }
  .news-list__item:last-child {
    margin-bottom: 0;
  }
  .news-list__date {
    margin-right: 14px;
  }
  .news-list__tag {
    display: inline-block;
    box-sizing: border-box;
    width: 106px;
    height: 22px;
    margin-right: 26px;
    padding-top: 2px;
    background: #dedede;
    font-size: 12px;
    text-align: center;
  }
  .news-list__tag--remarkable {
    background: #000;
    color: #fff;
  }
  .news-list__link {
    flex: 1;
    text-decoration: underline;
  }
  .news-list__link:hover {
    text-decoration: none;
  }

  .order {
    position: relative;
    padding: 35px 30px;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
  }
  .order::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
  }
  .order__heading {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: bold;
  }
  .order__number {
    margin-bottom: 35px;
    font-size: 12px;
  }

  .order-list {
    margin-bottom: 40px;
  }
  .order-list:last-child {
    margin-bottom: 0;
  }
  .order-list__item {
    margin-bottom: 40px;
  }
  .order-list__item:last-child {
    margin-bottom: 0;
  }
  .order-list__item--border {
    border-bottom: 1px solid #dedede;
  }
  .order-list__item--border:last-child {
    border-bottom: 0;
  }

  .order-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .order-head__heading {
    margin-bottom: 0;
    font-size: 16px;
  }
  .order-head__heading-link {
    position: relative;
  }
  .order-head__heading-link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
  }
  .order-head__heading-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .order-head__heading-link:hover::before {
    content: none;
  }
  .order-head__heading-date {
    font-size: 20px;
  }
  .order-head__link {
    text-decoration: underline;
  }
  .order-head__link:hover {
    text-decoration: none;
  }

  .order-utility {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
  }
  .order-list__item--border:last-child .order-utility {
    margin-bottom: 0;
  }
  .order-utility__button-box {
    display: flex;
    align-items: center;
  }
  .order-utility__button {
    margin-right: 20px;
  }
  .order-utility__button:last-child {
    margin-right: 0;
  }

  .order-info {
    display: flex;
  }
  .order-info__box {
    margin-right: 40px;
  }
  .order-info__box:last-child {
    margin-right: 0;
  }
  .order-info__title {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
  }
  .order-info__yen {
    margin-left: 1px;
    font-size: 12px;
  }

  .order-detail__number {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .order-detail__state {
    margin-bottom: 15px;
    color: #ff3b00;
    font-size: 18px;
    font-weight: bold;
  }
  .order-detail__output {
    display: inline-flex;
    margin-bottom: 20px;
  }

  .order-detail-heading {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
  }
  .order-detail-heading__time {
    font-size: 16px;
  }

  .order-detail-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .order-detail-action__head {
    margin: 0 10px 0 0;
  }

  .order-detail-action-button-box {
    display: flex;
  }
  .order-detail-action-button-box__button {
    margin-right: 20px;
  }
  .order-detail-action-button-box__button:last-child {
    margin-right: 0;
  }

  .order-payment {
    margin-bottom: 40px;
  }
  .order-payment__section {
    margin-bottom: 40px;
  }
  .order-payment__section:last-child {
    margin-bottom: 0;
  }
  .order-payment__heading {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
    font-size: 18px;
  }
  .order-payment__contents {
    display: flex;
    align-items: center;
    margin-top: -10px;
  }
  .order-payment__text {
    margin-bottom: 10px;
  }
  .order-payment__text:last-child {
    margin-bottom: 0;
  }
  .order-payment__contents .order-payment__text {
    margin-bottom: 0;
  }
  .order-payment__button {
    margin-left: 20px;
  }

  .order-payment-set {
    margin-bottom: 15px;
  }
  .order-payment-set:last-child {
    margin-bottom: 0;
  }
  .order-payment-set__name {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
  }
  .order-payment-set__sir {
    font-weight: normal;
  }
  .order-payment-set__field {
    display: flex;
    align-items: center;
  }
  .order-payment-set__update {
    margin-left: 20px;
  }

  .order-payment-detail-list {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .order-payment-detail-list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .order-payment-detail-list__item:last-child {
    margin-bottom: 0;
  }
  .order-payment-detail-list__discounted {
    color: #ff3b00;
  }

  .order-payment-detail-total__total {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
  }
  .order-payment-detail-total__total-price {
    min-width: 180px;
    margin-left: 20px;
    text-align: right;
  }
  .order-payment-detail-total__sub {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .order-payment-detail-total__sub:last-child {
    margin-bottom: 0;
  }
  .order-payment-detail-total__sub-price {
    min-width: 180px;
    margin-left: 20px;
    text-align: right;
  }

  .order-payment-detail-button-box {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }

  .order-step {
    margin-bottom: 20px;
  }
  .order-step__title {
    display: none;
  }

  .order-step-list {
    display: flex;
  }
  .order-step-list__item {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 48px;
    margin-right: 30px;
    background: #f5f5f5;
    color: #bababa;
    font-weight: bold;
    line-height: 1;
  }
  .order-step-list__item::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -19px;
    width: 10px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/gray/arrow_gray.svg") no-repeat center/contain;
  }
  .order-step-list__item:last-child {
    margin-right: 0;
  }
  .order-step-list__item:last-child::before {
    content: none;
  }
  .order-step-list__item.is-current {
    border: 2px solid #fabe00;
    background: #fff;
    color: #000;
  }

  .order-completion {
    margin-bottom: 30px;
    text-align: center;
  }
  .order-completion:last-child {
    margin-bottom: 0;
  }
  .order-completion__text {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .order-completion__text:last-child {
    margin-bottom: 0;
  }
  .order-completion__number {
    margin: 0 5px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
  }
  .order-completion__number:hover {
    text-decoration: none;
  }
  .order-completion__date {
    margin-top: -20px;
  }
  .order-completion__note {
    margin-bottom: 20px;
    color: #ff3b00;
    font-size: 20px;
    font-weight: bold;
  }
  .order-completion__lead {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .order-completion__lead:last-child {
    margin-bottom: 0;
  }

  .order-completion-button-box {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .order-completion-button-box:last-child {
    margin-bottom: 0;
  }

  .order-shipping-split__item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .order-shipping-split__item:last-child {
    margin-bottom: 0;
  }
  .order-shipping-split__name {
    width: 175px;
    margin-left: 15px;
    font-weight: bold;
  }

  .page-top {
    display: none;
    position: fixed;
    z-index: 1;
    bottom: 30px;
    left: calc(50% + 580px);
    width: 60px;
    height: 60px;
    transform: rotate(180deg);
    border-radius: 50%;
    background: #fabe00 url("../img/icon/black/arrow_black.svg") no-repeat center/24px 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  }

  .sp {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .page-top {
    right: 10px;
    left: auto;
  }
}

@media screen and (min-width: 768px) {
  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }
  .pagination__box {
    display: flex;
    align-items: center;
  }
  .pagination__link {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    margin-right: 20px;
    padding: 0 2px;
    transition: 0.3s;
    border: 1px solid #000;
    border-radius: 100vh;
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: bold;
  }
  .pagination__link.is-current {
    border: 1px solid #fabe00;
    background: #fabe00;
    pointer-events: none;
  }
  .pagination__link.is-current:hover {
    opacity: 1;
  }
  .pagination__link:hover {
    opacity: 0.6;
  }
  .pagination__arrow {
    display: flex;
    align-items: center;
    width: 70px;
    height: 32px;
    transition: 0.3s;
    border: 1px solid #000;
    border-radius: 16px;
    background: #fff;
    color: #000;
  }
  .pagination__arrow:hover {
    opacity: 0.6;
  }
  .pagination__arrow.is-disabled {
    display: none;
  }
  .pagination__prev {
    position: relative;
    margin-right: 30px;
  }
  .pagination__prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    width: 10px;
    height: 7px;
    transform: translateY(-50%) rotate(90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
  }
  .pagination__prev::after {
    content: "前へ";
    position: absolute;
    right: 15px;
    font-size: 12px;
    font-weight: bold;
  }
  .pagination__next {
    position: relative;
    margin-left: 30px;
  }
  .pagination__next::before {
    content: "次へ";
    position: absolute;
    left: 15px;
    font-size: 12px;
    font-weight: bold;
  }
  .pagination__next::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 7px;
    transform: translateY(-50%) rotate(270deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/cover;
  }
  .pagination__dots {
    margin-right: 20px;
    font-size: 12px;
  }
  .pagination__dots:last-of-type {
    margin-right: 0;
  }
  .pagination__dots.is-disabled {
    display: none;
  }

  .payment-list {
    display: flex;
  }
  .payment-list--border {
    padding: 40px 0;
    border: 1px solid #dedede;
    border-width: 1px 0;
  }
  .payment-list__box {
    width: calc((100% - 31px) / 2);
  }

  .payment-list-subtotal {
    padding-right: 40px;
    border-right: 1px solid #dedede;
  }
  .payment-list-subtotal__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .payment-list-subtotal__item:last-child {
    margin-bottom: 0;
  }
  .payment-list-subtotal__discounted {
    color: #ff3b00;
  }

  .payment-list-total__item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .payment-list-total__item:last-child {
    margin-bottom: 0;
  }
  .payment-list-total__total {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
  }
  .payment-list-total__total:last-child {
    margin-bottom: 0;
  }
  .payment-list-total__total-price {
    flex-shrink: 0;
    min-width: 210px;
    margin-left: 20px;
    text-align: right;
  }
  .payment-list-total__sub {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .payment-list-total__sub:last-child {
    margin-bottom: 0;
  }
  .payment-list-total__sub-price {
    flex-shrink: 0;
    min-width: 210px;
    margin-left: 20px;
    text-align: right;
  }

  .payment-button-list__item {
    margin-bottom: 20px;
  }
  .payment-button-list__item:last-child {
    margin-bottom: 0;
  }

  .payment-select {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 18px 18px 42px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
  }
  .payment-select:hover {
    border-color: #fabe00;
  }
  .payment-select.is-selected {
    border-color: transparent;
  }
  .payment-select.is-selected::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    box-sizing: border-box;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 3px solid #fabe00;
    border-radius: 4px;
  }

  .payment-select-contents {
    position: relative;
  }
  .payment-select-contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: -23px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .payment-select.is-selected .payment-select-contents::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -18px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fabe00;
  }
  .payment-select-contents__name {
    margin-bottom: 12px;
    font-weight: bold;
  }
  .payment-select-contents__name:last-child {
    margin-bottom: 0;
  }
  .payment-select-contents__text-box {
    margin-bottom: 12px;
  }
  .payment-select-contents__text {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .payment-select-contents__desc {
    margin-bottom: 12px;
    font-size: 12px;
  }
  .payment-select-contents__note {
    color: #ff3b00;
    font-size: 12px;
  }

  .payment-select-contents-field {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .payment-select-contents-field:last-child {
    margin-bottom: 0;
  }
  .payment-select-contents-field__name {
    flex-shrink: 0;
    font-weight: bold;
  }
  .payment-select-contents-field__note {
    margin-left: 15px;
    color: #ff3b00;
    font-size: 12px;
  }

  .payment-select-credit {
    display: flex;
    align-items: center;
  }
  .payment-select-credit__name {
    flex-shrink: 0;
    font-weight: bold;
  }

  .payment-logo-list {
    display: flex;
    align-items: center;
    margin-left: 20px;
  }
  .payment-logo-list__item {
    margin-right: 7px;
  }
  .payment-logo-list__image {
    width: 100%;
  }

  .question {
    display: inline-block;
    position: relative;
    height: 24px;
  }
  .detail-price-question__wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .detail-price-question {
    display: block;
    width: 20px;
    height: 20px;
  }
  .detail-price-question__wrapper p {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    padding-left: 10px;
  }
  .detail-price-question__wrapper p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.4em solid transparent;
    border-left: 0.7em solid #fabe00;
  }
  .question.is-animation {
    z-index: 4;
  }
  .question__icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: url("../img/icon/unique/question.svg") no-repeat center/contain;
    cursor: pointer;
  }
  .detail-price-question__icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: #fabe00;
    border-radius: 50%;
    margin-left: 5px;
  }
  .question__icon::before,
  .detail-price-question__icon::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    transition: linear 0.3s;
    border-top: 12px solid #bababa;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    z-index: 999;
  }
  .is-top .question__icon::before {
    top: 34px;
    border-top: 0;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #bababa;
    border-left: 8px solid transparent;
  }
  .is-open .question__icon::before,
  .is-open .detail-price-question__icon::before {
    top: -15px;
    opacity: 1;
  }
  .is-top.is-open .question__icon::before,
  .is-top.is-open .detail-price-question__icon::before {
    top: 24px;
  }
  .question__icon::after,
  .detail-price-question__icon::after {
    content: "";
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    transition: linear 0.3s;
    border-top: 12px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    z-index: 999;
  }
  .is-top .question__icon::after {
    top: 35px;
    border-top: 0;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #fff;
    border-left: 8px solid transparent;
  }
  .is-animation .question__icon::after,
  .is-animation .detail-price-question__icon::after {
    opacity: 1;
  }
  .is-open .question__icon::after,
  .is-open .detail-price-question__icon::after {
    top: -16px;
  }
  .is-top.is-open .question__icon::after,
  .is-top.is-open .detail-price-question__icon::after {
    top: 25px;
  }

  .question-bubble-outer {
    position: absolute;
    z-index: 3;
    top: 0;
    box-sizing: border-box;
  }

  .question-bubble-wrap {
    width: 180px;
    padding: 13px 15px;
    border: 1px solid #bababa;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .question-bubble-wrap.is-tall {
    width: calc(100% - 30px);
    max-width: 500px;
  }

  .question-bubble__heading {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
  }
  .question-bubble__text {
    display: block;
    font-size: 12px;
    font-weight: normal;
  }

  .question-tooltip {
    display: inline-block;
    position: relative;
    z-index: 4;
  }
  .question-tooltip__trigger {
    text-decoration: underline;
    cursor: pointer;
  }
  .question-tooltip__trigger:hover {
    text-decoration: none;
  }
  .question-tooltip__contents {
    padding: 20px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  .question-table__head {
    padding: 0 30px 10px;
    border-bottom: 1px #000 solid;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  .question-table__data {
    padding: 20px;
    border-bottom: 1px #dedede solid;
  }
  .question-table tr:last-child .question-table__data {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  .question-table__data--right {
    font-size: 12px;
    text-align: right;
  }

  .recent-slider {
    margin: 0 55px;
  }
  .recent-slider.slick-slider {
    margin-bottom: 0;
  }
  .recent-slider__item {
    display: block;
    width: 120px;
    height: 120px;
    margin-right: 10px;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 4px;
  }
  .recent-slider__item:last-child {
    margin-right: 0;
  }
  .recent-slider__item:hover {
    opacity: 0.6;
  }
  .recent-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .recent-slider .slick-prev {
    position: absolute;
    top: 50%;
    left: -55px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #000;
    font-size: 0;
  }
  .recent-slider .slick-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 8px;
    transform: translate(-50%, -50%) rotate(90deg);
    background: url("../img/icon/white/arrow_white.svg") no-repeat center/contain;
  }
  .recent-slider .slick-next {
    position: absolute;
    top: 50%;
    right: -55px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #000;
    font-size: 0;
  }
  .recent-slider .slick-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 8px;
    transform: translate(-50%, -50%) rotate(-90deg);
    background: url("../img/icon/white/arrow_white.svg") no-repeat center/contain;
  }
  .recent-slider button:hover {
    transition: 0.3s;
    opacity: 0.6;
  }

  .sidemenu__banner-box {
    display: block;
    margin-bottom: 20px;
    transition: 0.3s;
  }
  .sidemenu__banner-box:hover {
    opacity: 0.6;
  }
  .sidemenu__banner-box:last-child {
    margin-bottom: 0;
  }
  .sidemenu__banner {
    width: 100%;
  }
  .sidemenu__section,
  .sidemenu__group {
    margin-bottom: 40px;
  }
  .sidemenu__banner-section {
    margin-bottom: 50px;
  }
  .sidemenu__heading {
    position: relative;
    margin-bottom: 15px;
    padding-left: 27px;
    font-size: 18px;
    font-weight: bold;
  }
  .sidemenu__heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 19px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .sidemenu__heading--search::before {
    background-image: url("../img/icon/unique/search_unique.svg");
  }
  .sidemenu__heading--category::before {
    background-image: url("../img/icon/unique/category_unique.svg");
  }
  .sidemenu__heading--keyword::before {
    background-image: url("../img/icon/unique/keyword_unique.svg");
  }
  .sidemenu__heading--sort::before {
    background-image: url("../img/icon/unique/sort_unique.svg");
  }
  .sidemenu__heading--hierarchy::before {
    background-image: url("../img/icon/unique/hierarchy_unique.svg");
  }

  .sidemenu-list {
    border-radius: 4px;
    background: #fff;
  }
  .sidemenu-list__link {
    display: block;
    position: relative;
    padding: 15px 20px 15px 15px;
    border-bottom: 1px solid #dedede;
    font-size: 15px;
    font-weight: bold;
  }
  .sidemenu-list__link--icon {
    padding: 12px 20px 12px 15px;
  }
  .sidemenu-list__link::before {
    content: "";
    position: absolute;
    top: calc(50% - 3.5px);
    right: 20px;
    width: 11px;
    height: 7px;
    transform: rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .sidemenu-list__link:hover {
    text-decoration: underline;
  }
  .sidemenu-list__item:last-child .sidemenu-list__link {
    border-bottom: 0;
  }
  .sidemenu-list__link--no-arrow {
    padding: 10px 20px;
    border-bottom: 0;
    font-weight: normal;
  }
  .sidemenu-list__link--no-arrow::before {
    content: none;
  }
  .sidemenu-list__link--no-arrow:first-child {
    padding-top: 0;
  }
  .sidemenu-list__icon-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    vertical-align: 3px;
  }
  .sidemenu-list__icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .sidemenu-list__item:last-child .sidemenu-list-l2 {
    border-top: 1px solid #afafaf;
  }
  .sidemenu-list-l2__item {
    position: relative;
  }
  .sidemenu-list-l2__item::before,
  .sidemenu-list-l2__item::after {
    visibility: hidden;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    opacity: 0;
  }
  .sidemenu-list-l2__item::before {
    content: "";
    position: absolute;
    right: -5px;
    border-top: 8.5px solid transparent;
    border-right: 12px solid #bababa;
    border-bottom: 8.5px solid transparent;
  }
  .sidemenu-list-l2__item::after {
    content: "";
    position: absolute;
    right: -7px;
    border-top: 8.5px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 8.5px solid transparent;
  }
  .sidemenu-list-l2__item.is-hover::before,
  .sidemenu-list-l2__item.is-hover::after {
    visibility: visible;
    opacity: 1;
  }
  .sidemenu-list-l2__link {
    display: block;
    position: relative;
    padding: 10px 15px;
    transition: 0.3s;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;    
    /*font-family: 'Noto sans';*/
    letter-spacing: 0.03em;
  }
  .sidemenu-list-l2__link::after {
    content: "";
    position: absolute;
    top: calc(50% - 2.5px);
    right: 10px;
    width: 8px;
    height: 5px;
    transform: rotate(-90deg);
    background: url("../img/icon/black/arrow_black_light.svg") no-repeat center/contain;
  }
  .sidemenu-list-l2__link.is-current {
    background: #f5f5f5;
  }
  .sidemenu-list-l2__link.is-current::after {
    content: none;
  }
  .sidemenu-list-l2__panel {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(100% + 5px);
    box-sizing: border-box;
    width: 240px;
  }
  .sidemenu-list-l2__panel-inner {
    overflow: hidden;
    border: 1px solid #bababa;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }

  .sidemenu-list-l3 {
    box-sizing: border-box;
    max-height: 500px;
    padding: 20px;
    overflow-y: auto;
  }
  .sidemenu-list-l3__item {
    margin-bottom: 15px;
  }
  .sidemenu-list-l3__item:last-child {
    margin-bottom: 0;
  }
  .sidemenu-list-l3__link {
    font-size: 13px;
    line-height: 1.5;
  }
  .sidemenu-list-l3__link:hover {
    text-decoration: underline;
  }
  .sidemenu-list-l3.is-current {
    max-height: 100%;
    padding-top: 10px;
  }


  /*---------- 左メニュー　ドロップダウン　----------*/

  /*==ナビゲーション全体の設定*/
  nav.dropdown ul {
    list-style: none;
    text-align: center;
  }

  /*下の階層のulや矢印の基点にするためliにrelativeを指定*/
  nav.dropdown ul li {
    position: relative;
  }

  /*ナビゲーションのリンク設定*/
  nav.dropdown ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 7px;
    transition: all 0.3s;
  }

  nav.dropdown ul li a:hover {
    color: #666;
  }

  /*2階層目を持つliの矢印の設定*/
  /*3階層目を持つliの矢印の設定*/
  /*

nav.dropdown ul li.has-child::before{
  content:'';
  position: absolute;
  right:30px;
  top:20px;
  width:6px;
  height:6px;
  border-top: 2px solid #999;
    border-right:2px solid #999;
    transform: rotate(45deg);
}


nav.dropdown ul ul li.has-child::before{
  content:'';
  position: absolute;
  left:15px;
  top:21px;
  width:6px;
  height:6px;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}
==矢印の設定*/

  /*== 2・3階層目の共通設定 */

  /*下の階層を持っているulの指定*/
  nav.dropdown li.has-child ul {
    /*絶対配置で位置を指定*/
    position: absolute;
    left: 100%;
    top: 10px;
    z-index: 4;
    /*形状を指定*/
    background: #fff;
    width: 180px;
    /*はじめは非表示*/
    visibility: hidden;
    opacity: 0;
    /*アニメーション設定*/
    transition: all 0.3s;
  }

  /*hoverしたら表示*/
  nav.dropdown li.has-child:hover > ul,
  nav.dropdown li.has-child ul li:hover > ul,
  nav.dropdown li.has-child:active > ul,
  nav.dropdown li.has-child ul li:active > ul {
    visibility: visible;
    opacity: 1;
  }

  /*ナビゲーションaタグの形状*/
  nav.dropdown li.has-child ul li a {
    color: #333;
    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
  }

  nav.dropdown li.has-child ul li:last-child > a {
    border-bottom: none;
  }

  nav.dropdown li.has-child ul li a:hover,
  nav.dropdown li.has-child ul li a:active {
    background: #fff;
  }

  /*==3階層目*/

  /*3階層目の位置*/
  nav.dropdown li.has-child ul ul {
    top: 0;
    left: 182px;
    background: #fff;
  }

  nav.dropdown li.has-child ul ul li a:hover,
  nav.dropdown li.has-child ul ul li a:active {
    background: #fff;
  }

  /*==768px以下の形状*/

  @media screen and (max-width: 768px) {
    nav.dropdown {
      background: #333;
      color: #fff;
    }

    nav.dropdown li.has-child ul,
    nav.dropdown li.has-child ul ul {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      visibility: visible; /*JSで制御するため一旦表示*/
      opacity: 1; /*JSで制御するため一旦表示*/
      display: none; /*JSのslidetoggleで表示させるため非表示に*/
      transition: none; /*JSで制御するためCSSのアニメーションを切る*/
    }

    nav.dropdown ul li a {
      border-bottom: 1px solid #ccc;
      color: #fff;
    }

    /*矢印の向き*/
    nav.dropdown ul li.has-child::before,
    nav.dropdown ul ul li.has-child::before {
      transform: rotate(135deg);
      left: 20px;
    }

    nav.dropdown ul li.has-child.active::before {
      transform: rotate(-45deg);
    }
  }

  /*---------- スピード見積り　----------*/
  .prices-field {
    padding: 4px 10px;
    border-radius: 4px;
    border: 0.1rem solid #dedede;
    background: #fff;
  }

  .prices-formField {
    margin-top: 10px;
    /*margin-bottom: 8px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .prices-formField .prices-formField-label {
    width: 40%;
    padding-right: 8px;
    font-size: 12px;
    color: #797a7a;
    font-weight: normal;
    cursor: default;
  }

  .prices-formField .prices-formField-content {
    width: 60%;
  }

  .prices-formField .select {
    position: relative;
    overflow: hidden;
    border: 1px solid #c9cacb;
    border-radius: 3px;
    background-color: #ffffff;
    text-align: center;
  }

  .prices-formField .select select {
    width: 100%;
    padding: 4px 8px 4px 8px;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.3rem;
    color: #1a1004;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .prices-formField .select:before {
    position: absolute;
    top: 56%;
    right: 10px;
    width: 13px;
    height: 8px;
    transform: translateY(-50%);
    /*margin-top: -2px;*/
    padding: 0;
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
    /*
    top: 50%;
    right: 13px;
    width: 0;
    height: 0;
    border-top: 5px solid #454341;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    */
    pointer-events: none;
    content: "";
  }

  .prices-formField-total {
    display: flex;
    text-align: center;
    justify-content: center;
  }

  .prices-formField__title {
    margin-top: 14px;
    padding: 10px 8px 6px;
    font-size: 14px;
    font-weight: bold;
    border-top: 1px solid #dedede;
  }

  .prices-formField__price {
    margin-right: 2px;
    color: #ff3b00;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
  }

  .prices-formField__tax-included {
    font-size: 12px;
  }

  .prices-formField__yen {
    align-self: flex-end;
    font-weight: bold;
    line-height: 1;
  }

  .prices-formField-action__button-box {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 10px;
  }

  .sidemenu-search {
    padding: 20px 0 30px;
    border-radius: 4px;
    background: #fff;
  }
  .sidemenu-search__section {
    margin-bottom: 30px;
  }
  .sidemenu-search__section:last-child {
    margin-bottom: 0;
  }
  .sidemenu-search__box {
    padding: 0 20px;
  }
  .sidemenu-search__input {
    margin-bottom: 10px;
  }
  .sidemenu-search__input--price {
    display: flex;
    align-items: center;
  }
  .sidemenu-search__button {
    margin-top: 25px;
  }
  .sidemenu-search__heading {
    margin-bottom: 20px;
    padding: 0 20px 15px;
    border-bottom: 1px solid #dedede;
    font-weight: bold;
  }
  .sidemenu-search__text {
    margin: 0 3px;
    font-size: 10px;
    white-space: nowrap;
  }

  .sitemap-box {
    padding: 0 20px;
  }

  .sitemap-list {
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: -10px;
  }
  .sitemap-list__item {
    margin-top: 10px;
  }
  .sitemap-list__link {
    text-decoration: underline;
  }
  .sitemap-list__link:hover {
    opacity: 0.6;
  }
  .sitemap-list__punctuation {
    margin: 0 1em;
  }

  .sitemap-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 13px 20px;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 16px;
  }
  .sitemap-heading__link {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
  }

  .sitemap-category {
    margin-bottom: 30px;
  }
  .sitemap-category:last-child {
    margin-bottom: 0;
  }
  .sitemap-category__heading {
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dedede;
    font-size: 18px;
    font-weight: bold;
  }
  .sitemap-category__heading-link {
    position: relative;
  }
  .sitemap-category__heading-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    width: 11px;
    height: 7px;
    transform: translateY(-50%) rotate(-90deg);
    background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
  }
  .sitemap-category__heading-link:hover {
    opacity: 0.6;
  }

  .star__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .search {
    padding-top: 50px;
  }

  .search-heading {
    display: flex;
    justify-content: space-between;
  }

  .search-conditions {
    padding: 30px 30px 15px;
    border-radius: 4px;
    background: #fff;
  }
  .search-conditions__body {
    display: none;
    padding-top: 20px;
  }
  .search-conditions__field {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  .search-conditions__field:last-child {
    margin-bottom: 0;
  }
  .search-conditions__input {
    margin-right: 8px;
  }

  .search-conditions-close {
    display: none;
  }

  .search-conditions-table {
    width: 100%;
  }
  .search-conditions-table__head {
    box-sizing: border-box;
    width: 170px;
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
    font-weight: bold;
  }
  tr:first-child .search-conditions-table__head {
    padding-top: 0;
  }
  .search-conditions-table__head--pc-wide {
    width: 200px;
  }
  .search-conditions-table__data {
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
  }
  tr:first-child .search-conditions-table__data {
    padding-top: 0;
  }

  .search-action {
    margin-top: 20px;
  }
  .search-action__link-box {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
  }
  .search-action__link {
    display: inline-block;
    position: relative;
    margin-left: auto;
    padding-right: 17px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
  }
  .search-action__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -5px;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    transition: 0.3s;
    background: url("../img/icon/black/plus_black.svg") no-repeat center/contain;
  }
  .search-action__link.is-open::after {
    top: 15%;
    background: url("../img/icon/black/minus_black.svg") no-repeat center/contain;
    transform: rotate(180deg);
  }

  .search-button-box {
    display: flex;
    justify-content: center;
    margin-left: 10px;
  }
  .search-button-box__clear {
    display: none;
  }

  .search-date {
    display: flex;
    align-items: center;
  }
  .search-date__box {
    display: flex;
    align-items: center;
  }
  .search-date__input {
    width: 145px;
    margin-right: 8px;
  }
  .search-date__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
  }
  .search-date__tilde {
    margin: 0 30px;
  }

  .tag-feature {
    display: flex;
    margin-bottom: 7px;
  }
  .tag-feature__item {
    margin-right: 5px;
    padding: 4px 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
  }
  .tag-feature__item--recommend {
    border-color: #1e8cdd;
    color: #1e8cdd;
  }
  .tag-feature__item--new {
    border-color: #7bcc40;
    color: #7bcc40;
  }
  .tag-feature__item--campaign {
    border-color: #ff4646;
    color: #ff4646;
  }
  .sidemenu-list-l3__item .tag-feature__item:last-child {
    margin-right: 0;
  }

  .tag-gray {
    display: flex;
    flex-wrap: wrap;
    margin: -15px 0 0 -15px;
  }
  .tag-gray__item {
    margin: 15px 0 0 15px;
    padding: 5px;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1;
  }

  .tag-black {
    display: inline-block;
    padding: 5px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
  }

  .tag-strong {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ff3b00;
    border-radius: 2px;
    color: #ff3b00;
    font-weight: bold;
    line-height: 1;
  }
  .tag-strong--campaign {
    border: 1px solid #ff4646;
    color: #ff4646;
  }
  .tag-strong--optional {
    border: 1px solid #666;
    color: #666;
  }
  .list-table__data--coupon-period .tag-strong {
    margin-bottom: 2px;
  }
  .list-table__data--coupon-period .tag-strong:last-child {
    margin-bottom: 0;
  }

  .tag-tab {
    display: flex;
    align-items: center;
    width: 850px;
    margin-bottom: 5px;
    padding-bottom: 14px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tag-tab__item {
    display: block;
    position: relative;
    flex-shrink: 0;
    margin-right: 10px;
    padding: 10px 1.3em;
    border-radius: 4px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
  }
  .tag-tab__item:hover {
    background: #fabe00;
    color: #000;
  }
  .tag-tab__item.is-current {
    background: #fabe00;
    color: #000;
    pointer-events: none;
  }
  .tag-tab__item.is-current::after {
    content: " ";
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translateX(-50%);
    border: solid transparent;
    border-width: 14px;
    border-top-color: #fabe00;
  }

  .tag-content {
    display: none;
    padding: 30px;
    background: #fff;
  }
  .tag-content--open {
    display: block;
  }

  .tag-list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: 0;
    list-style-type: none;
  }
  .tag-list__item {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    margin: 10px;
    border-radius: 20px;
  }
  .tag-list__link {
    display: block;
    padding: 15px 20px;
  }

  .top-slider {
    margin: 30px 0 75px;
  }
  .top-slider__item {
    width: 850px;
    /*height: 300px;*/
    margin: 0 10px;
  }
  .top-slider__item:not(.slick-active) {
    opacity: 0.5;
  }
  .top-slider__link {
    display: block;
    transition: 0.3s;
  }
  .top-slider__link:hover {
    opacity: 0.6;
  }
  .top-slider__image {
    width: 100%;
  }
  .top-slider .slick-next,
  .top-slider .slick-prev {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    transform: translateY(-50%);
    transition: 0.3s;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    font-size: 0;
    z-index: 2;
  }
  .top-slider .slick-next::before,
  .top-slider .slick-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 10px;
    background: url("../img/icon/white/arrow_white.svg") no-repeat center/contain;
  }
  .top-slider .slick-next:hover,
  .top-slider .slick-prev:hover {
    opacity: 0.6;
  }
  .top-slider .slick-next {
    right: calc(50% - 440px);
  }
  .top-slider .slick-next::before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .top-slider .slick-prev {
    left: calc(50% - 440px);
  }
  .top-slider .slick-prev::before {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .top-slider .slick-dots {
    display: flex;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
  }
  .top-slider .slick-dots li {
    margin-right: 20px;
  }
  .top-slider .slick-dots li:last-child {
    margin-right: 0;
  }
  .top-slider .slick-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background: #dedede;
    font-size: 0;
  }
  .top-slider .slick-dots .slick-active button {
    background: #000;
  }

  .top-about {
    color: #666;
  }

  .top-image-box {
    max-width: 1140px;
    margin: 0 auto 50px;
  }
  .top-image-box--less-margin {
    margin: 0 auto 20px;
  }
  .top-image-box__image-pc {
    width: 100%;
  }
  .top-image-box__image-sp {
    display: none;
  }

  .mypage-user {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
  }
  .mypage-user__text {
    font-size: 16px;
  }

  .mypage-user-heading {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: normal;
  }
  .mypage-user-heading__company,
  .mypage-user-heading__name {
    margin-right: 25px;
    font-weight: bold;
  }

  .mypage-user-coupon {
    display: flex;
    align-items: center;
  }
  .mypage-user-coupon__text {
    margin-right: 20px;
    font-size: 16px;
  }
  .mypage-user-coupon__text::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("../img/icon/unique/coupon_unique.svg") no-repeat center/contain;
    vertical-align: -3px;
  }
  .mypage-user-coupon__button {
    flex: 0 0 auto;
  }

  .cart {
    padding-top: 50px;
  }

  .cart-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0;
  }
  .cart-in__box {
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    width: 510px;
    padding: 15px 30px;
    border-radius: 4px;
    background: #fff;
  }
  .cart-in__head {
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
  .cart-in__head::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url("../img/icon/unique/cart_unique.svg") no-repeat center/contain;
  }
  .cart-in__data {
    font-size: 20px;
    font-weight: bold;
  }
  .cart-in__unit {
    margin-left: 3px;
    font-size: 14px;
    font-weight: normal;
  }

  .cart-section {
    margin-bottom: 40px;
  }
  .cart-section:last-child {
    margin-bottom: 0;
  }

  .cart-list {
    margin-bottom: 40px;
  }
  .cart-list:last-child {
    margin-bottom: 0;
  }
  .cart-list__item {
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: #dedede 1px solid;
  }
  .cart-list__item:last-child {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .cart-item-message {
    margin: 30px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

  .cart-item {
    position: relative;
    min-height: 150px;
    padding-left: 170px;
  }
  .cart-item--image-small {
    padding-left: 120px;
  }
  .cart-item--no-image {
    min-height: 0;
    padding-left: 0;
  }
  .cart-item__image-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
  }
  .cart-item__image-box--small {
    width: 100px;
    height: 100px;
  }
  .cart-item__image {
    width: 100%;
    height: auto;
  }
  .cart-item__name {
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: bold;
  }
  .cart-item__name-link {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }
  .cart-item__name-sub {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: normal;
  }
  .cart-item__section {
    margin-bottom: 15px;
  }
  .cart-item__section:last-child {
    margin-bottom: 0;
  }
  .cart-item__data {
    margin-bottom: 3px;
  }
  .cart-item__data:last-child {
    margin-bottom: 0;
  }
  .cart-item__set-name {
    margin-bottom: 3px;
    font-weight: bold;
  }
  .cart-item__set-name:last-child {
    margin-bottom: 0;
  }
  .cart-item__tag {
    font-size: 12px;
  }
  .cart-item__more {
    margin-left: 5px;
  }
  .cart-item__status {
    margin-bottom: 10px;
    font-weight: bold;
  }
  .cart-item__status:last-child {
    margin-bottom: 0;
  }
  .cart-item__status--attention {
    color: #ff3b00;
  }
  .cart-item__complete {
    display: inline-flex;
  }
  .cart-item__text {
    margin-bottom: 15px;
  }
  .cart-item__note {
    margin-bottom: 15px;
    color: #ff3b00;
  }
  .cart-item__button-box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .cart-item__button {
    width: 230px;
    margin-right: 10px;
  }
  .cart-item__button--pc-small {
    width: 200px;
  }
  .cart-item__button-or {
    flex-direction: column;
  }
  .cart-item__button-or-text {
    margin-right: 4px;
    font-size: 10px;
  }
  .cart-item__link {
    margin-bottom: 10px;
  }
  .cart-item__link--pdf::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url("../img/icon/black/pdf_black.svg") no-repeat center/contain;
    vertical-align: -3px;
  }
  .cart-item__condition {
    margin-bottom: 10px;
  }
  .cart-item__option-info {
    padding-left: 170px;
  }

  .cart-item-body {
    display: flex;
    margin-bottom: 20px;
  }
  .cart-item-body:last-child {
    margin-bottom: 0;
  }
  .cart-item-body__item {
    flex: 1 1 auto;
    margin-left: 20px;
  }
  .cart-item-body__item:first-child {
    margin-left: 0;
  }
  .cart-item-body__item--status {
    flex: 0 0 auto;
    width: 210px;
    text-align: center;
  }
  .cart-item-body__item--action {
    flex: 0 0 auto;
    width: 260px;
  }
  .cart-item-body__item--pc-action-small {
    flex: 0 0 auto;
    width: 230px;
  }
  .cart-item-body__item--amount {
    flex: 0 0 auto;
    width: 120px;
  }
  .cart-item--no-image .cart-item-body__item--amount {
    margin-left: 100px;
  }
  .cart-item-body__item--amount-wide {
    flex: 0 0 auto;
    width: 120px;
    margin-left: 40px;
  }
  .cart-item-body__item--amount-add {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    width: 180px;
    margin-left: 80px;
  }
  .cart-item-body__item--subtotal {
    flex: 0 0 auto;
    width: 140px;
  }
  .cart-item--no-image .cart-item-body__item--subtotal {
    margin-left: 80px;
  }
  .cart-item-body__item--subtotal-cart {
    flex: 0 0 auto;
    width: 170px;
  }
  .cart-item-body__item--shipping-split {
    flex: 0 0 auto;
    width: 280px;
  }
  .cart-item-body__basic-info {
    display: flex;
    margin-bottom: 40px;
  }
  .cart-item-body__basic-info:last-child {
    margin-bottom: 0;
  }
  .cart-item-body__section {
    margin-bottom: 40px;
  }
  .cart-item-body__section:last-child {
    margin-bottom: 0;
  }

  .cart-item-action {
    display: flex;
    margin-bottom: 15px;
  }
  .cart-item-action:last-child {
    margin-bottom: 0;
  }
  .cart-item-action__delete,
  .cart-item-action__copy {
    margin-right: 20px;
    text-decoration: underline;
  }
  .cart-item-action__delete:hover,
  .cart-item-action__copy:hover {
    text-decoration: none;
  }

  .cart-item-form {
    margin-bottom: 15px;
  }
  .cart-item-form:last-child {
    margin-bottom: 0;
  }
  .cart-item-form__heading {
    margin-bottom: 8px;
  }

  .cart-option-list {
    width: 100%;
    margin-bottom: 20px;
  }
  .cart-option-list:last-child {
    margin-bottom: 0;
  }
  .cart-option-list__item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .cart-option-list__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .cart-option-list__name {
    margin-bottom: 6px;
  }

  .cart-option-table {
    width: 100%;
  }
  .cart-option-table__item {
    padding-bottom: 8px;
  }
  .cart-option-table__price {
    padding-bottom: 4px;
  }
  .cart-option-table__contents {
    padding-bottom: 4px;
  }
  .cart-option-table__amount {
    width: 120px;
    padding: 0 0 4px 20px;
  }
  .cart-option-table--wide .cart-option-table__amount {
    width: 180px;
    padding-left: 80px;
  }
  .cart-option-table__subtotal {
    width: 140px;
    padding-left: 0 0 4px 20px;
  }
  .cart-option-table--wide .cart-option-table__subtotal {
    width: 170px;
    padding-left: 20px;
  }

  .cart-amount__number {
    font-weight: bold;
  }

  .cart-subtotal {
    text-align: right;
  }
  .cart-subtotal__number {
    font-weight: bold;
  }
  .cart-subtotal__number--discounted {
    color: #ff3b00;
  }
  .cart-subtotal__yen {
    font-weight: bold;
  }

  .cart-recalculation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px 30px;
    background: #f5f5f5;
  }
  .cart-recalculation__text {
    margin-right: 20px;
  }

  .cart-table-form {
    width: 100%;
  }
  .cart-table-form__head {
    width: 180px;
    padding: 0 20px 20px 0;
    font-size: 16px;
    font-weight: bold;
  }
  .cart-table-form__head:last-child {
    padding-right: 0;
  }
  .cart-table-form__data {
    padding: 0 20px 20px 0;
  }
  .cart-table-form__data:last-child {
    padding-right: 0;
  }

  .cart-option-info-list {
    margin-bottom: 20px;
  }
  .cart-option-info-list__item {
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #dedede;
  }
  .cart-option-info-list__item:last-child {
    margin-bottom: 0;
  }

  /* オプション モーダル 拡大画像リンク */
  .zoom-image-link {
    text-align: left;
    text-decoration: underline;
    margin-top: 10px;
    font-size: 12px;
    /* 親要素にpointer-events: noneが入っているため、
    クリックを利かすために追加 */
    pointer-events: auto;
  }
}

summary.accordion {
  display: block;
}
details summary.accordion::marker {
  display: none;
}

details[open] .sidemenu-accodion::before {
  content: "";
  position: absolute;
  top: calc(50% - 3.5px);
  right: 20px;
  width: 11px;
  height: 7px;
  transform: rotate(0deg);
  background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
}
.sidemenu-accodion {
  position: relative;
  border-bottom: 1px solid #dedede;
  height: 30px;
  line-height: 30px;
  padding: 12px 20px 12px 15px;
  cursor: pointer;
}
.sidemenu-accodion::before {
  content: "";
  position: absolute;
  top: calc(50% - 3.5px);
  right: 20px;
  width: 11px;
  height: 7px;
  transform: rotate(-90deg);
  background: url("../img/icon/black/arrow_black.svg") no-repeat center/contain;
}
.sidemenu-list-accordion__link {
  font-size: 15px;
  font-weight: bold;
}
.sidemenu-list-accordion__link:hover {
  text-decoration: underline;
}
.sidemenu-list-accordion__link {
  border-bottom: 0;
}
/*-----------------------
  クーポン
------------------------*/

#CouponInput{  
  margin: 15px 0;
  background: #ededed;
  padding: 15px 20px;
  border-radius: 5px;

}
#CouponInput button{
    border: 1px solid #aaa;
  padding: 10px;
  margin: 0 5px;
  border-radius: 5px;
  background: #fabe00;;
  font-weight: bold;
  color: #333;
  vertical-align: middle;
}
input#txtCoupon {
    padding: 5px 0 10px 11px;
    border-radius: 5px;
    vertical-align: middle;
    width: 300px;
  }
  .couponttlRed {
  font-size: 12px;
  margin-top: 5px;
  color: #f00;
  font-weight: bold;
}

#CouponInput h3 {
  font-size: 16px;
}
#CouponInput h3 span {
  font-size: 13px;
  margin-left: 20px;
  font-weight: lighter;
}
.couponflex {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

   .header-pc-contents p.head-txt{
                              font-size: 11px;
                              text-align: justify;
                              font-weight: lighter;
                              line-height: 1.4;
                              color: #fff;
                              margin-top: 5px;
                            }

                            .header-pc-contents .site-logo{
                            }

                            .header-pc-contents .actionBox {
                              display: flex;
                              justify-content: space-between;
                              flex-wrap: wrap;
                              align-items: baseline;
                              margin-top: 8px;
                            }
                            
                            .header-pc-contents .gekkeiju {
                              margin-left: auto;
                              margin-right: 20px;
                            }

                            .header-pc-contents.actionBox p.welcome {
                              display: block;
                              margin: 0 auto;
                              text-align: center;
                              color: #fff;
                            }

                            .header-pc-contents .actionBox li.span-4 {
                              align-items: baseline;
                              margin-bottom: 15px;
                            }

                            .header-pc-contents .actionBox li.span-6 {
                              width: 48%;
                            }

                            .header-pc-contents .actionBox a.action__button {
                              display: block;
                              margin: 0 auto;
                              text-align: center;
                              color: #fff;
                              text-decoration: underline;
                              text-underline-offset: 5px;
                              font-weight: bold;
                            }

                            .header-pc-contents .actionBox a.action__button img {
                              margin-right: 5px;
                            }
                            .header-pc-contents .actionBox li{
                              width: 49% !important;
                            }
                            .header-pc-contents .actionBox li .cartbtn {
                              display: block;
                              margin: 0 auto;
                              text-align: center;
                              background-color: #ffef00;
                              font-weight: bold;
                              padding: 5px;
                              border-radius: 50px;
                            }

                            .header-pc-contents .actionBox li .contactbtn {
                              display: block;
                              margin: 0 auto;
                              text-align: center;
                              background-color: #ffffff;
                              font-weight: bold;
                              padding: 5px;
                              border-radius: 50px;
                            }

                            .header-pc-contents .actionBox li.span-6 a img {
                              margin-right: 5px;
                              margin-bottom: 2px;
                            }

                            .header-pc-contents .header-pc-category-nav__link {
  font-size: 12px !important;
  line-height: 2.3;
}


#main-form {
  background: #efefef;
  padding: 20px 30px;
}

.order_form_ttl {
  margin-top: 50px;
  padding: 5px 20px;
  font-size: 18px;
  font-weight: bold;
  background: #3c8ff9;
  color: #fff;
  text-align: center;
}


/* ===============================
  Flow block（共通）
================================ */
#tegaki_service_guide .flow-block {  color: #2b2421;
  background: #fff;
  padding: 25px;
  margin: 30px 20px;
  border-radius: 10px;
  border: 2px solid #00ac38;
}

#tegaki_service_guide .flow-title {
  text-align: center;
  font-weight: 800;
  color: #00ac38;
  font-size: 24px;
}

/* ===============================
  STEP list（PC）
================================ */
#tegaki_service_guide .steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 25px;
}

#tegaki_service_guide .step {
  position: relative;
  flex: 1;
  text-align: center;
}

/* 画像（丸＋タグ込み） */
#tegaki_service_guide .stepimg {
  --img-size: 200px; /* PCの画像サイズ */
  width: var(--img-size);
  height: var(--img-size);
  display: block;
  margin: 0 auto 12px;
  object-fit: contain;
}

/* ===============================
  三角矢印（imgの中心に揃える）
================================ */
#tegaki_service_guide .step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 103%;
  top: 35%; /* 画像の中心 */
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #8de7ac;
}

/* ===============================
  テキスト
================================ */
#tegaki_service_guide .text h3 {
  margin: 6px 0;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}

#tegaki_service_guide .text p {
  margin: 0 auto;
  text-align: left;
  line-height: 1.7;
  max-width: 230px;
  font-size: 14px;
}

/* 4step時：テキスト幅を少し広げる */
#tegaki_service_guide .steps.is-4 .text p {
  max-width: 260px;
}


/* ===============================
  商品仕様（Spec）
================================ */
#tegaki_service_guide .spec-block{
  max-width: 850px;
  margin: 0 auto;
  padding: 26px 16px 8px;
  font-size: 13px;
  color: #2b2421;
}

#tegaki_service_guide .spec-title{
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 900;
}

#tegaki_service_guide .spec-card{
  border: 1px solid #cfcfcf;
  border-radius: 14px;
  padding: 16px;
  display: grid;
  grid-template-columns: 260px 1fr;
  column-gap: 18px;
  align-items: start;
  background: #fff;
}

/* 左：画像 */
#tegaki_service_guide .spec-media{
  display: grid;
  place-items: center;
}
#tegaki_service_guide .spec-media img{
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

/* DM：画像2枚 */
#tegaki_service_guide .spec-media.is-stack{
  gap: 14px;
}
#tegaki_service_guide .spec-media.is-stack img{
  height: 150px;
}

/* 右：仕様 */
#tegaki_service_guide .spec-body{
  min-width: 0;
}

#tegaki_service_guide .spec-list{
  margin: 0;
}

#tegaki_service_guide .spec-row{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  align-items: center;
  margin: 0 0 12px;
}

#tegaki_service_guide .spec-row dt{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2b2421;
  padding: 6px 8px;
  font-weight: 800;
  line-height: 1.2;
  background: #fff;
}

#tegaki_service_guide .spec-row dd{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

/* 注釈 */
#tegaki_service_guide .spec-notes{
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
#tegaki_service_guide .spec-notes li{
  margin: 6px 0 0;
  line-height: 1.7;
}
#tegaki_service_guide .spec-notes a{
  color: #1b6bd1;
  text-decoration: underline;
}


/* ===============================
  Mobile
================================ */
@media (max-width: 640px){

  #tegaki_service_guide .steps{
    display: block;
  }

  #tegaki_service_guide .step{
    display: grid;
    grid-template-columns: 120px 1fr;
    column-gap: 16px;
    padding-bottom: 28px;
    text-align: left;
  }

  /* 縦ライン（画像中心） */
  #tegaki_service_guide .step::before{
    content: "";
    position: absolute;
    left: 56px;
    top: 0;
    height: 100%;
    width: 6px;
    background: #cfcfcf;
    border-radius: 999px;
  }

  #tegaki_service_guide .step:last-child::before{
    height: calc(var(--img-size) + 10px);
  }

  /* PC用矢印を消す */
  #tegaki_service_guide .step::after{
    display: none;
  }

  #tegaki_service_guide .stepimg{
    --img-size: 110px;
    margin: 0;
    z-index: 1;
  }

  #tegaki_service_guide .text{
    padding-top: 6px;
  }

  #tegaki_service_guide .text h3{
    margin: 0 0 8px;
    font-size: 20px;
  }

  #tegaki_service_guide .text p{
    max-width: none;
    font-size: 13px;
  }

  #tegaki_service_guide .spec-card{
    grid-template-columns: 1fr;
    row-gap: 14px;
    padding: 14px;
  }

  #tegaki_service_guide .spec-title{
    font-size: 20px;
  }

  #tegaki_service_guide .spec-media img{
    height: 150px;
  }

  #tegaki_service_guide .spec-row{
    grid-template-columns: 104px 1fr;
  }

  #tegaki_service_guide .spec-row dd{
    font-size: 14px;
  }
}

      

      /* ===============================
   手紙代筆プラン（文字サイズ調整版）
   title: 30px 基準
   =============================== */

   
#tegaki ul.tegaki-lineup li a{  
  background-color: #f5fff5;
  padding: 30px;
  border: 2px solid #4aa14a;
  border-radius: 5px;
  display: block;
  box-sizing: border-box;
}

   
#tegaki ul.tegaki-lineup li .plan-flex{
  display: flex;
  justify-content: space-between;
  align-items: end;
}
#tegaki ul.tegaki-lineup li .plan-flex .img-BOX{
  width: 35%;
}


#tegaki ul.tegaki-lineup li .plan-flex .plan__inner{
  width: 64%;

}
      #tegaki .plan__title {
        font-size: 26px;
        font-weight: bold;
        margin: 0 0 10px;
        letter-spacing: .02em;
        text-align: left;
      }

      #tegaki .plan__lead {
        font-size: 14px;
        margin: 0px 0 10px;
        letter-spacing: .01em;
      }

      /* 下段：左（項目）＋右（価格） */
      #tegaki .plan__bottom {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 30px;
      }

      /* 左側の2行 */
      #tegaki .plan__spec {
        margin: 0;
      }

      #tegaki .plan__row {
        display: flex;
        align-items: center;
        gap: 15px;
        margin: 10px 0 0 0;
      }

      /* 緑ラベル */
      #tegaki .plan__tag {
        width: 90px;
        background: #4aa14a;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        padding: 5px 10px;
        line-height: 1.2;
        text-align: center;
      }

      /* 値テキスト */
      #tegaki .plan__val {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
      }

      /* 価格 */
      #tegaki .plan__price {
        font-size: 27px;
        font-weight: 800;
        color: #cf0000;
        letter-spacing: .02em;
        white-space: nowrap;
        line-height: 30px;
      }

      /* レスポンシブ */
      @media (max-width: 900px) {
        #tegaki .plan__bottom {
          flex-direction: column;
          align-items: flex-start;
          gap: 16px;
        }

        #tegaki .plan__price {
          font-size: 28px;
        }
      }
    
    
      
            #service_guide #tegaki h3.scene {
              color: #fff;
              padding: 5px;
              background: #65c230;
              text-align: center;
              border-radius: 5px 5px 0 0;
              box-sizing: border-box;
              font-size: 18px;
              margin-bottom: 0;
            }

            #service_guide #tegaki .scenebox {
              display: flex;
              gap: 20px 20px;
              background-color: #efffe7;
              padding: 20px;
            }


            #tegaki h3.jisseki {
              font-size: 18px;
              text-align: center;
              font-weight: bold;
              padding: 10px;
              background-color: #65c230;
              color: #fff;
              margin: 50px 0 0 0;
            }

            #tegaki ul.tegaki_voice {
              list-style: none;
              padding: 20px;
              background-color: #e8faeb;
            }

            #tegaki ul.tegaki_voice li div.catch {
              display: flex;
              justify-content: space-between;
              align-items: baseline;
            }

            #tegaki ul.tegaki_voice li .catch-sub {
              font-size: 14px;
              font-weight: bold;
            }

            #tegaki ul.tegaki_voice li .catch-main {
              font-size: 16px;
              font-weight: bold;
              border-bottom: 1px dotted #555;
              margin-bottom: 10px;
              padding-bottom: 5px;
            }

            #tegaki ul.tegaki_voice li .catch-main span {
              font-size: 20px;
              font-weight: bold;
              color: rgb(198, 0, 0);
            }

            #tegaki div.commentBox {
              display: flex;
              justify-content: space-between;
            }

            #tegaki ul.tegaki_voice div.commentBox .comment {
              padding: 15px;
              background-color: #fff;
              border-radius: 5px;
              font-size: 14px;
              line-height: 1.6;
              color: #555;
              max-width: 80%;
            }


            #tegaki div.commentBox .img-item {
              width: 15% !important;
              height: auto;
            }

            #tegaki div.commentBox .img-item {
              width: 100px !important;
            }

            #tegaki div.commentBox .img-item p {
              font-size: 12px;
              font-weight: bold;
              text-align: center;
            }

            #tegaki .video {
              width: 100%;
              height: auto;
              display: block;
              background: #000;
            }

            #tegaki .videoThumb {
              position: relative;
              padding: 0;
              border: 0;
              background: none;
              cursor: pointer;
              display: block;
              width: 100%;
            }

            /* 再生ボタン（丸＋三角） */
            #tegaki .videoThumb::before {
              content: "";
              position: absolute;
              inset: 0;
              margin: auto;
              width: 72px;
              height: 72px;
              background: rgba(0, 0, 0, .6);
              border-radius: 50%;
              z-index: 2;
            }

            #tegaki .videoThumb::after {
              content: "";
              position: absolute;
              inset: 0;
              margin: auto;
              width: 0;
              height: 0;
              border-left: 18px solid #fff;
              border-top: 12px solid transparent;
              border-bottom: 12px solid transparent;
              z-index: 3;
            }

            /* ホバーで少し強調（PC） */
            #tegaki .videoThumb:hover::before {
              background: rgba(0, 0, 0, .75);
            }

            #tegaki .videoThumb img {
              width: 100%;
              height: auto;
              display: block;
            }

            /* ===============================
   手書き文字ギャラリー（#tegaki）
   =============================== */

            #tegaki .font-flex {
              margin: 0 auto;
              display: flex;
              flex-wrap: wrap;
              gap: 30px 20px;
              /* 縦 横 */
              justify-content: space-between;
              font-size: 16px;
            }

            #tegaki .font-item {
              width: 240px;
              /* サムネ幅 */
              text-align: center;
            }

            #tegaki .font-item p {
              margin: 12px 0 0;
              font-weight: 700;
              font-size: 16px;
            }

            /* checkboxを隠す */
            #tegaki .font-toggle {
              position: absolute;
              width: 1px;
              height: 1px;
              overflow: hidden;
              clip: rect(0 0 0 0);
              clip-path: inset(50%);
              white-space: nowrap;
            }

            /* ===== サムネ ===== */
            #tegaki .font-thumb {
              display: block;
              border: 1px solid #d9d9d9;
              padding: 12px;
              background: #fff;
              cursor: zoom-in;
            }

            #tegaki .font-thumb img {
              display: block;
              width: 270px;
              height: 100px;
              object-fit: scale-down;
            }

            /* ===== モーダル ===== */
            #tegaki .font-modal {
              position: fixed;
              inset: 0;
              display: grid;
              place-items: center;
              padding: 24px;
              background: rgb(0 0 0 / .75);
              opacity: 0;
              pointer-events: none;
              transition: opacity .2s ease;
              z-index: 9999;
              cursor: zoom-out;
            }

            #tegaki .font-panel {
              position: relative;
              width: 500px;
              /* 拡大サイズ */
              max-width: 92vw;
            }

            #tegaki .font-panel img {
              display: block;
              width: 100%;
              height: auto;
              border-radius: 10px;
              box-shadow: 0 20px 60px rgb(0 0 0 / .45);
              background: #fff;
            }

            /* 閉じるボタン */
            #tegaki .font-close {
              position: absolute;
              top: -12px;
              right: -12px;
              width: 42px;
              height: 42px;
              display: grid;
              place-items: center;
              border-radius: 50%;
              background: rgb(255 255 255 / .95);
              color: #111;
              font: 700 20px/1 system-ui, sans-serif;
              box-shadow: 0 10px 30px rgb(0 0 0 / .25);
            }

            /* チェックONで表示 */
            #tegaki .font-toggle:checked~.font-modal {
              opacity: 1;
              pointer-events: auto;
            }

            /* ===== レスポンシブ（任意） ===== */
            @media (max-width:920px) {
              #tegaki .font-flex {
                width: 100%;
                justify-content: center;
              }

.highlight-box #tegaki {
  padding: 20px;
}
.highlight-box {
  background: #fff;
}

.plan__inner {
  width: 100%;
}
#tegaki ul.tegaki-lineup li .plan-flex .img-BOX {
  width: 100%;
  text-align: center;
}
#tegaki ul.tegaki-lineup li .plan-flex .plan__inner {
  width: 100%;
}
#tegaki ul.tegaki-lineup li .plan-flex {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
}
            }
            #tegaki ul.tegaki-lineup li a:hover {
  cursor: pointer;
  opacity: 0.6;
}
.detail-price-number {
  min-width: 150px;
  margin-left: 30px;
}
.detail-purchase-button-box a {
  width: 90%;
  margin: 20px auto;
}
.button_area {
  vertical-align: middle;
  padding: 15px 0;
  text-align: center;
  margin: 0 auto;
  width: 80%;
}