/* カスタマイズ用CSS */

small {
    font-size: 0.75em;
}

.btn-success {
    font-size: 16px;
    color: #ffffff !important;
}

.btn-success:hover {
    text-decoration: none !important;
}

.ec-role {
    font-size: inherit !important;
    color: inherit !important;
}

.ec-newsRole .ec-newsRole__newsCloseBtn {
    font-size: 16px;
}

#below-classcategory .option_Label {
    display: inline-block;
}

.p-right {
    display: inline-block;
}
.ec-price {
    font-size: 16px;
}
.ec-price__price {
    color: #f56C11;
}
.ec-productRole__actions {
    margin-top: 15px;
}
.attr {
    font-size: 13px;
    margin-bottom: 10px;
}
.option_Label {
    margin-bottom: 3px;
}
.tab_content input {
    margin: 0px;

}
.product-options-toggle {
    clear: both;
}
.ec-numberInput {
    clear: both;
    margin-top: 20px;
}
.radio-wrap {
    float: left;
}

.ec-blockRadio {
    clear: both;
}

.ec-select {
    clear: both;
}

.option_description h3 {
    font-size: 16px;
}
.ec-cartCompleteRole .ec-off4Grid__cell a {
    color: white;
}
a.ec-blockBtn--cancel {
    color: white;
}
.pdf-btn {
    margin-bottom: 10px;
}
a.ec-blockBtn--primary {
    color: white;
    font-size: 18px;
}

a.ec-blockBtn--action {
    color: white;
    font-size: 18px;
}
.ec-productRole__actions {
    font-size: 16px;
}
.ec-blockBtn--cancel {
    color: white;
}
.radio-wrap {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.radio-wrap img {
    max-width: 180px;
}

.form-check-input {
    margin-top: 6px;
}
.ec-cartRow__name {
    font-weight: normal;
}
label {
    font-size: 15px;
}

.ec-productRole__description {
    font-size: 16px;
}
.ec-blockTopBtn {
  display: none;
  position: fixed;
  width: 120px;
  height: 40px;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  opacity: 0.8;
  background-color: #9da3a9;
  background: none;
  width: auto;
  height: auto;
  position: none;
  
}

.detail_image_main {
    border: none;
}

.detail2 {
    padding: 0px 12px;
}
.ec-numberInput {
    font-size: 16px;
}
.slick-arrow {
    height: 111px;
}

.detail_header_text {
    margin-bottom: 20px;
}
.ec-productRole__btn {
    margin-bottom: 12px;
}
.ec-modal-wrap {
    font-size: 16px;
}
.ec-modal-wrap a {
    color: white;
}
.ec-inlineBtn--cancel {
    font-size: 16px;
}

.ec-inlineBtn--action {
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .ec-borderedDefs dl {
    flex-wrap: nowrap;
    padding: 15px 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .ec-borderedDefs dd {
    width: 70%;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .ec-borderedDefs dt {
    padding-top: 0px;
    width: 30%;
  }
}

.ec-progress .ec-progress__label {
  font-size: 14px;
}

.ec-radio input {
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.ec-inlineBtn {
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .ec-newsRole .ec-newsRole__newsDate {
    display: inline-block;
    margin: 0;
    min-width: 120px;
    font-size: 16px;
    color: #666;
  }
}

.ec-newsRole .ec-newsRole__newsTitle {
  display: inline-block;
  margin-bottom: 10px;
  width: 90%;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  line-height: 1.6;
  font-weight: normal;
}

.ec-layoutRole__contents li {
    font-size: 16px;
}
.ec-layoutRole__contents p {
    font-size: 16px;
}

/* スマホのみ */
@media only screen and (max-width: 768px) {
    .ec-layoutRole__contents li {
        font-size: 14px;
    }
    .ec-layoutRole__contents p {
        font-size: 14px;
    }
}

.ec-layoutRole__contents table,.ec-layoutRole__contents td,.ec-layoutRole__contents th {
    font-size: 16px;
}
.detail_image_sub_inner .slick-prev, .detail_image_sub_inner .slick-next {
    top: 50px;
}

#page_product_detail .ec-price .ec-price__tax {
    display: none;
}

@media only screen and (min-width: 768px) {
  .ec-price .ec-price__price {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .ec-price .ec-price__tax {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .ec-pageHeader h1, .ec-pageHeader .h1 {
    border-top: none;
    border-bottom: 1px solid #ccc;
    margin: 20px 16px 48px;
    padding: 7px;
    font-size: 26px;
    font-weight: bold;
  }
}

@media only screen and (min-width: 768px) {
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    font-size: 16px;
  }
  
  .ec-select option,.ec-select select {
      font-size: 16px;
  }
}

.ec-input button, .ec-input textarea {
    font-size: 16px;
}
.ec-blockBtn--action {
    font-size: 16px;
}

.ec-blockBtn--cancel {
    font-size: 16px;
}

.ec-cartRole__actions a {
    color: white;
}

.ec-RegisterRole__actions {
    color: white;
}
.ec-productRole__tags {
  margin-top: 16px;
  padding: 0;
    padding-bottom: 0px;
  padding-bottom: 16px;
  border-bottom: 1px dotted #ccc;
}

.ec-productRole__tag {
  display: inline-block;
  padding: 3px 5px;
  list-style: none;
  color: #525263;
  border: solid 1px #D7DADD;
  border-radius: 3px;
  background-color: #F5F7F8;
}

.ec-pagerRole {
    margin-top: 30px;
}
.ec-layoutRole__left {
    padding-top: 40px;
}
@media only screen and (min-width: 768px) {
  .ec-itemNav__nav li {
    float: left;
    width: auto;
    width: 100%;
  }
  
.ec-itemNav__nav li a {
  display: block;
  border-bottom: 1px solid #E8E8E8;
  margin: 0;
  padding: 8px;
  height: auto;
  color: #2e3233;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #E8E8E8;
}

.ec-itemNav__nav li ul {
  top: 0%;
  left: 100%;
}

}

.other_page .ec-layoutRole .ec-layoutRole__contents {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: none;
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 1;
}
/* スマホのみ */
@media only screen and (max-width: 767px) {
    .ec-layoutRole .ec-layoutRole__contents {
    margin-top: 60px;
    }
}

.ec-topicpath__item a {
    font-size: 17px;
}
.ec-secHeading-new {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .ec-newsRole .ec-newsRole__news {
    border: 16px solid #F8F8F8;
    padding: 20px 30px;
    border: none;
  }
}

@media only screen and (min-width: 768px) {
  .ec-searchnavRole {
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
  }
}


@media only screen and (min-width: 768px) {
  .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 31.33333333333%;
  }
  
  .ec-shelfGrid__item  {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    margin-right: 2%;
}

}

.product-option-description {
    clear: both;
    font-size: 13px;
}

/*HOME*/
#page_homepage section.banner {
    padding: 60px;
    text-align: center;
}

.front_page #businessday_calendar {
    border-top: 1px solid #dddddd;
}

/* スマホのみ */
@media only screen and (max-width: 575.98px) {
	#businessday_calendar {
	    padding: 30px 15px !important;
	}
}

#businessday_calendar .calendar_title {
    background-color: transparent;
    border-bottom: none;
    font-size: 30px;
    font-weight: bold;
}

#businessday_calendar .businesstime {
    text-align: center;
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
}

/* スマホのみ */
@media only screen and (max-width: 575.98px) {
#businessday_calendar .businesstime {
    font-size: 14px;
}
}

#businessday_calendar .note {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 10px !important;
}
/* スマホより大きい */
@media only screen and (min-width: 576px) {
    #businessday_calendar .calendarLayout {
        display: flex;
        justify-content: space-between;
        gap: 30px;
    }	
}

#businessday_calendar td {
    font-size: 16px;
    padding: 6px;
}

/*新規会員登録*/
#page_entry #entry_company_name {
    width: 100%;
}

/*サイドバーの検索*/
/* .ec-layoutRole__left 内の #productplus_13 のチェックボックスを非表示に */
.ec-layoutRole__left #productplus_13 input[type="checkbox"] {
  display: none;
}

/* .ec-layoutRole__left 内の #productplus_13 のラベルを正方形のカラーチップとしてスタイリング */
.ec-layoutRole__left #productplus_13 .ec-checkbox-item label {
  cursor: pointer;
  display: inline-block;
  width: 30px; /* 正方形のサイズ */
  height: 30px; /* 正方形のサイズ */
  border: 1px solid #ccc; /* 枠線 */
  position: relative;
}

.ec-layoutRole__left #productplus_13 .ec-checkbox-item label span {
  display: none; /* テキストラベル非表示 */
}

/* カラーの更新 */
.ec-layoutRole__left #productplus_13 #productplus_13_1 + label { background-color: #fff; }
.ec-layoutRole__left #productplus_13 #productplus_13_2 + label { background-color: #ffd700; }
.ec-layoutRole__left #productplus_13 #productplus_13_3 + label { background-color: #06c; }
.ec-layoutRole__left #productplus_13 #productplus_13_4 + label { background-color: #32b45a; }
.ec-layoutRole__left #productplus_13 #productplus_13_5 + label { background-color: #05254c; }
.ec-layoutRole__left #productplus_13 #productplus_13_6 + label { background-color: #ebe6e6; }
.ec-layoutRole__left #productplus_13 #productplus_13_7 + label { background-color: #ff2717; }
.ec-layoutRole__left #productplus_13 #productplus_13_8 + label { background-color: #f90; }
.ec-layoutRole__left #productplus_13 #productplus_13_9 + label { background-color: #000; }
.ec-layoutRole__left #productplus_13 #productplus_13_10 + label { background-color: #fee9a8; }
.ec-layoutRole__left #productplus_13 #productplus_13_11 + label { background-color: #800000; }
.ec-layoutRole__left #productplus_13 #productplus_13_12 + label { background-color: #24a3d8; }
.ec-layoutRole__left #productplus_13 #productplus_13_13 + label { background-color: #fb3e99; }
.ec-layoutRole__left #productplus_13 #productplus_13_14 + label { background-color: #f1d4ca; }
.ec-layoutRole__left #productplus_13 #productplus_13_15 + label { background-color: #922088; }

/* チェックボックスがチェックされた時にチェックマークを表示 */
.ec-layoutRole__left #productplus_13 input[type="checkbox"]:checked + label::after {
  content: '✓';
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
}

/* 白と黄色とグレーのチェックマークを#525263に */
.ec-layoutRole__left #productplus_13 #productplus_13_1:checked + label::after,
.ec-layoutRole__left #productplus_13 #productplus_13_2:checked + label::after,
.ec-layoutRole__left #productplus_13 #productplus_13_6:checked + label::after,
.ec-layoutRole__left #productplus_13 #productplus_13_10:checked + label::after,
.ec-layoutRole__left #productplus_13 #productplus_13_14:checked + label::after {
  color: #525263; /* チェックマークの色を変更 */
}


.product-options-toggle #productoption5 .form-check-input,
        .product-options-toggle #productoption6 .form-check-input,
        .product-options-toggle #productoption7 .form-check-input,
        .product-options-toggle #productoption13 .form-check-input,
        .product-options-toggle #productoption14 .form-check-input,
        .product-options-toggle #productoption15 .form-check-input,
        .product-options-toggle #productoption21 .form-check-input,
        .product-options-toggle #productoption22 .form-check-input,
        .product-options-toggle #productoption23 .form-check-input,
        .product-options-toggle #productoption29 .form-check-input,
        .product-options-toggle #productoption30 .form-check-input,
        .product-options-toggle #productoption31 .form-check-input,
        .product-options-toggle #productoption34 .form-check-input {
            display: none;
        }

        .product-options-toggle #productoption5 .form-check-label,
        .product-options-toggle #productoption6 .form-check-label,
        .product-options-toggle #productoption7 .form-check-label,
        .product-options-toggle #productoption13 .form-check-label,
        .product-options-toggle #productoption14 .form-check-label,
        .product-options-toggle #productoption15 .form-check-label,
        .product-options-toggle #productoption21 .form-check-label,
        .product-options-toggle #productoption22 .form-check-label,
        .product-options-toggle #productoption23 .form-check-label,
        .product-options-toggle #productoption29 .form-check-label,
        .product-options-toggle #productoption30 .form-check-label,
        .product-options-toggle #productoption31 .form-check-label,
        .product-options-toggle #productoption34 .form-check-label {
            position: relative;
            display: inline-block;
            padding: 5px 10px;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        .product-options-toggle #productoption5 .radio-wrap,
        .product-options-toggle #productoption6 .radio-wrap,
        .product-options-toggle #productoption7 .radio-wrap,
        .product-options-toggle #productoption13 .radio-wrap,
        .product-options-toggle #productoption14 .radio-wrap,
        .product-options-toggle #productoption15 .radio-wrap,
        .product-options-toggle #productoption21 .radio-wrap,
        .product-options-toggle #productoption22 .radio-wrap,
        .product-options-toggle #productoption23 .radio-wrap,
        .product-options-toggle #productoption29 .radio-wrap,
        .product-options-toggle #productoption30 .radio-wrap,
        .product-options-toggle #productoption31 .radio-wrap,
        .product-options-toggle #productoption34 .radio-wrap {
            display: inline-flex;
            margin-right: 9px;
            margin-bottom: 9px;
        }
        
        .product-options-toggle #productoption5 .radio-wrap .form-check,
        .product-options-toggle #productoption6 .radio-wrap .form-check,
        .product-options-toggle #productoption7 .radio-wrap .form-check,
        .product-options-toggle #productoption13 .radio-wrap .form-check,
        .product-options-toggle #productoption14 .radio-wrap .form-check,
        .product-options-toggle #productoption15 .radio-wrap .form-check,
        .product-options-toggle #productoption21 .radio-wrap .form-check,
        .product-options-toggle #productoption22 .radio-wrap .form-check,
        .product-options-toggle #productoption23 .radio-wrap .form-check,
        .product-options-toggle #productoption29 .radio-wrap .form-check,
        .product-options-toggle #productoption30 .radio-wrap .form-check,
        .product-options-toggle #productoption31 .radio-wrap .form-check,
        .product-options-toggle #productoption34 .radio-wrap .form-check {
            padding-left: 0px;
        }

        .product-options-toggle #productoption5,
        .product-options-toggle #productoption6,
        .product-options-toggle #productoption7,
        .product-options-toggle #productoption13,
        .product-options-toggle #productoption14,
        .product-options-toggle #productoption15,
        .product-options-toggle #productoption21,
        .product-options-toggle #productoption22,
        .product-options-toggle #productoption23,
        .product-options-toggle #productoption29,
        .product-options-toggle #productoption30,
        .product-options-toggle #productoption31,
        .product-options-toggle #productoption34 {
            display: flex;
            flex-wrap: wrap;
        }

        /* 指定なし */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_262"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_243"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_224"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_205"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_186"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_167"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_148"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_129"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_110"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_53"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_72"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_91"] {
            background-color: #FFFFFF;
            color: black;
            border-color: gray;
        }

        /* 白 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_263"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_244"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_225"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_206"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_187"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_168"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_149"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_130"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_111"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_54"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_73"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_92"] {
            background-color: #FFFFFF;
            color: black;
            border-color: gray;
        }

        /* 灰色 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_264"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_245"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_226"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_207"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_188"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_169"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_150"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_131"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_112"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_55"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_74"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_93"] {
            background-color: #808080;
            color: white;
            border-color: #808080;
        }

        /* 黒 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_265"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_246"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_227"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_208"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_189"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_170"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_151"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_132"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_113"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_56"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_75"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_94"] {
            background-color: #000000;
            color: white;
            border-color: #000000;
        }

        /* 紺 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_266"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_247"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_228"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_209"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_190"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_171"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_152"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_133"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_114"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_57"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_76"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_95"] {
            background-color: #000080;
            color: white;
            border-color: #000080;
        }

        /* 青 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_267"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_248"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_229"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_210"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_191"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_172"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_153"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_134"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_115"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_58"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_77"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_96"] {
            background-color: #0000FF;
            color: white;
            border-color: #0000FF;
        }

        /* 水色 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_268"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_249"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_230"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_211"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_192"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_173"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_154"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_135"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_116"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_59"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_78"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_97"] {
            background-color: #00FFFF;
            color: black;
            border-color: #00FFFF;
        }

        /* ピンク */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_269"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_250"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_231"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_212"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_193"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_174"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_155"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_136"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_117"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_60"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_79"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_98"] {
            background-color: #FF69B4;
            color: black;
            border-color: #FF69B4;
        }

        /* 紫 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_270"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_251"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_232"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_213"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_194"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_175"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_156"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_137"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_118"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_61"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_80"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_99"] {
            background-color: #800080;
            color: white;
            border-color: #800080;
        }

        /* 赤 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_271"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_252"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_233"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_214"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_195"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_176"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_157"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_138"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_119"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_62"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_81"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_100"] {
            background-color: #FF0000;
            color: white;
            border-color: #FF0000;
        }

        /* オレンジ */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_272"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_253"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_234"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_215"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_196"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_177"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_158"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_139"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_120"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_63"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_82"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_101"] {
            background-color: #FFA500;
            color: black;
            border-color: #FFA500;
        }

        /* 黄色 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_273"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_254"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_235"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_216"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_197"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_178"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_159"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_140"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_121"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_64"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_83"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_102"] {
            background-color: #FFFF00;
            color: black;
            border-color: #FFFF00;
        }

        /* レモン */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_274"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_255"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_236"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_217"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_198"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_179"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_160"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_141"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_122"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_65"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_84"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_103"] {
            background-color: #FFFACD;
            color: black;
            border-color: #FFFACD;
        }

        /* 黄緑 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_275"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_256"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_237"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_218"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_199"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_180"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_161"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_142"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_123"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_66"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_85"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_104"] {
            background-color: #ADFF2F;
            color: black;
            border-color: #ADFF2F;
        }

        /* 緑 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_276"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_257"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_238"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_219"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_200"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_181"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_162"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_143"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_124"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_67"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_86"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_105"] {
            background-color: #008000;
            color: white;
            border-color: #008000;
        }

        /* 深緑 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_277"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_258"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_239"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_220"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_201"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_182"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_163"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_144"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_125"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_68"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_87"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_106"] {
            background-color: #006400;
            color: white;
            border-color: #006400;
        }

        /* 茶色 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_278"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_259"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_240"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_221"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_202"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_183"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_164"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_145"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_126"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_69"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_88"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_107"] {
            background-color: #A52A2A;
            color: white;
            border-color: #A52A2A;
        }

        /* 金 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_279"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_260"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_241"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_222"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_203"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_184"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_165"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_146"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_127"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_70"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_89"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_108"] {
            background: linear-gradient(135deg, #FFD700 50%, #FFA500 50%);
            color: black;
            border-color: #FFD700;
        }

        /* 銀 */
        .product-options-toggle #productoption5 .form-check-label[for="productoption5_280"],
        .product-options-toggle #productoption6 .form-check-label[for="productoption6_261"],
        .product-options-toggle #productoption7 .form-check-label[for="productoption7_242"],
        .product-options-toggle #productoption13 .form-check-label[for="productoption13_223"],
        .product-options-toggle #productoption14 .form-check-label[for="productoption14_204"],
        .product-options-toggle #productoption15 .form-check-label[for="productoption15_185"],
        .product-options-toggle #productoption21 .form-check-label[for="productoption21_166"],
        .product-options-toggle #productoption22 .form-check-label[for="productoption22_147"],
        .product-options-toggle #productoption23 .form-check-label[for="productoption23_128"],
        .product-options-toggle #productoption29 .form-check-label[for="productoption29_71"],
        .product-options-toggle #productoption30 .form-check-label[for="productoption30_90"],
        .product-options-toggle #productoption31 .form-check-label[for="productoption31_109"] {
            background: linear-gradient(135deg, #C0C0C0 50%, #808080 50%);
            color: black;
            border-color: #C0C0C0;
        }

        /* チェックマーク */
        .product-options-toggle #productoption5 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption6 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption7 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption13 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption14 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption15 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption21 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption22 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption23 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption29 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption30 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption31 .form-check-input:checked+.form-check-label,
        .product-options-toggle #productoption34 .form-check-input:checked+.form-check-label {
            padding-left: 25px;
        }

        .product-options-toggle #productoption5 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption6 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption7 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption13 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption14 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption15 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption21 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption22 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption23 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption29 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption30 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption31 .form-check-input:checked+.form-check-label::before,
        .product-options-toggle #productoption34 .form-check-input:checked+.form-check-label::before {
            content: '✔';
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
            color: inherit;
            /* 文字色と同じにする */
        }


        /* 各色名に合わせた背景色 */
        .product-options-toggle .form-check-label[for="productoption34_36"] {
            background-color: #FFFFFF;
            color: black;
            border-color: gray !important;
        }

        /* 指定なし */
        .product-options-toggle .form-check-label[for="productoption34_37"] {
            background-color: #FFFFFF;
            color: black;
            border-color: gray !important;
        }

        /* 白 */
        .product-options-toggle .form-check-label[for="productoption34_38"] {
            background-color: #808080;
            color: white;
            border-color: #808080;
        }

        /* 灰 */
        .product-options-toggle .form-check-label[for="productoption34_39"] {
            background-color: #000000;
            color: white;
            border-color: #000000;
        }

        /* 黒 */
        .product-options-toggle .form-check-label[for="productoption34_40"] {
            background-color: #000080;
            color: white;
            border-color: #000080;
        }

        /* 紺 */
        .product-options-toggle .form-check-label[for="productoption34_41"] {
            background-color: #0000FF;
            color: white;
            border-color: #0000FF;
        }

        /* 青 */
        .product-options-toggle .form-check-label[for="productoption34_42"] {
            background-color: #00FFFF;
            color: black;
            border-color: #00FFFF;
        }

        /* 水 */
        .product-options-toggle .form-check-label[for="productoption34_43"] {
            background-color: #FF0000;
            color: white;
            border-color: #FF0000;
        }

        /* 赤 */
        .product-options-toggle .form-check-label[for="productoption34_44"] {
            background-color: #FFA500;
            color: black;
            border-color: #FFA500;
        }

        /* 橙 */
        .product-options-toggle .form-check-label[for="productoption34_45"] {
            background-color: #FFFF00;
            color: black;
            border-color: #FFFF00;
        }

        /* 黄 */
        .product-options-toggle .form-check-label[for="productoption34_46"] {
            background-color: #FFFACD;
            color: black;
            border-color: #FFFACD;
        }

        /* レモン */
        .product-options-toggle .form-check-label[for="productoption34_47"] {
            background-color: #008000;
            color: white;
            border-color: #008000;
        }

        /* 緑 */
        .product-options-toggle .form-check-label[for="productoption34_48"] {
            background-color: #006400;
            color: white;
            border-color: #006400;
        }

        /* 深緑 */
        .product-options-toggle .form-check-label[for="productoption34_49"] {
            background-color: #A52A2A;
            color: white;
            border-color: #A52A2A;
        }

        /* 茶 */
        .product-options-toggle .form-check-label[for="productoption34_50"] {
            background: linear-gradient(135deg, #FFD700 50%, #FFA500 50%);
            color: black;
            border-color: #FFD700;
        }

        /* 金 */
        .product-options-toggle .form-check-label[for="productoption34_51"] {
            background: linear-gradient(135deg, #C0C0C0 50%, #808080 50%);
            color: black;
            border-color: #C0C0C0;
        }

        /* 銀 */

        /* 指定色のラベルに虹色グラデーションを適用 */
        .product-options-toggle .form-check-label[for="productoption34_52"] {
            background: linear-gradient(-45deg, red, orange, green, blue, indigo, violet);
            color: white;
            border-color: gray;
        }
    
/*詳細検索のチェックボックスレイアウト*/
#page_product_list #tag_id .ec-checkbox-item,
#page_product_list #maker_id .ec-checkbox-item {
    display: block !important;
}


/*配送方法・お届け時間などの非表示*/
#page_shopping .ec-orderDelivery__actions .ec-select,
#page_shopping_confirm .ec-orderDelivery__actions .ec-select,
#page_shopping .ec-orderAccount,
#page_shopping .ec-orderDelivery__item,
#page_shopping .ec-orderDelivery__edit,
#page_shopping .ec-orderDelivery__actions {
    display: none;
}

#page_shopping .ec-orderDelivery__actions .ec-select.ec-select__delivery,
#page_shopping_confirm .ec-orderDelivery__actions .ec-select.ec-select__delivery {
    display: inline-block !important;
}

#page_shopping .ec-orderDelivery__actions .ec-select.ec-select__delivery::after {
    white-space: pre;
    content: "※「指定なし」の場合には、最短でのお届けとなります。\A※お届けご希望日はお問い合わせ欄にご記入ください";
    display: block;
}



/*商品ページの加工有無ラジオボタンのUI変更*/
#above-product-options {
    padding-top: 20px;
}

#above-product-options label[for="productoption40"] {
    display: none;
}

#productoption40 .form-check-input {
  display: none; /* デフォルトのラジオボタンを隠す */
}

#productoption40 .form-check {
  padding-left: 0; /* 左側のパディングを削除 */
}

#productoption40 .radio-wrap {
    margin-right: 0px;
}

#productoption40 .form-check-label {
  padding: 10px 20px;
  padding-left: 40px; /* チェックマークのスペースを確保 */
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  position: relative; /* チェックマークの位置調整のため */
  color: #666666;
  background-color: #eeeeee;
}

#productoption40 .form-check-input:checked + .form-check-label {
  background-color: #000000;
  color: #ffffff;
}

#productoption40 .form-check-input:checked + .form-check-label:before {
  content: '\2713'; /* チェックマーク */
  position: absolute;
  left: 10px; /* ラベル内のチェックマークの位置 */
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff; /* チェックマークの色 */
  font-size: 20px; /* チェックマークのサイズ */
}

#productoption40 .form-check-label:hover {
  background-color: #000000; /* ホバーカラーを暗めに設定 */
  color: #ffffff;
}

#productoption35 {
    overflow: auto;
}

/*前後左右の区分け*/
.helmet-direction-front,
.helmet-direction-left,
.helmet-direction-right,
.helmet-direction-behind {
    margin: 5px 0px;
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 5px;
}

.ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid {
    padding: 16px 0 17px;
}

.ec-searchnavRole .ec-searchnavRole__topicpath {
    display: none;
}

.ec-searchnavRole .ec-searchnavRole__infos {
    margin-top: 20px !important;
    border-top: none !important;
}

/*サイドバー詳細検索関連*/
.ec-layoutRole__left dl dd input {
    vertical-align: baseline;
}
@media (max-width: 767px) {
    .ec-layoutRole .ec-layoutRole__contents {
        display: block !important;
    }
    .ec-layoutRole__left {
        width: 100%;
        display: block !important;
    }
    .ec-layoutRole__left dl {

    }
    .ec-layoutRole__left dl dt {
        font-size: 18px;
    }
    .ec-layoutRole__left dl dd {
        line-height: 1.2;
    }
    .ec-layoutRole__left .ec-priceRange p {
        font-size: 16px;
    }
}

/*トップページに動画を配置する*/
.main-visual {
    overflow: hidden;
    padding: 0px;
}

.main-visual .main-visual_text {
    width: 1100px;
    margin: 0px auto;
    text-align: left;
}

.main-visual .whiteMarker {
    background-color: #ffffff;
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 20px 3px 20px;
    font-size: 40px;
}

@media (max-width: 767px) {
.main-visual .whiteMarker {
    margin-bottom: 3px;
    padding: 2px 10px 2px 10px;
    font-size: 20px;
}
}

.main-visual .mvVideo {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.main-visual .mvVideo:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('/assets/video/mvDot.png');
}

.main-visual .mvVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-button-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: white;
    padding: 10px 0;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
    z-index: 10;
}
.contact-button {
    display: block;
    width: 300px;
    max-width: 100%;
    background-color: #f56c11;
    color: #ffffff !important;
    text-align: center;
    padding: 15px 10px;
    text-decoration: none;
    font-size: 18px;
}

.contact-button:hover {
    background-color: #ff8f46;
    text-decoration: none;
}

/* スマホのみ */
@media only screen and (max-width: 575.98px) {
    .contact-button {
        font-size: 16px;
        padding: 10px;
    }
}

/*指名ステッカー関連スタイリング*/
#page_product_detail #productoption8,
#page_product_detail #productoption16,
#page_product_detail #productoption24,
#page_product_detail #productoption32 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#page_product_detail #productoption8 .radio-wrap,
#page_product_detail #productoption16 .radio-wrap,
#page_product_detail #productoption24 .radio-wrap,
#page_product_detail #productoption32 .radio-wrap {
    flex-basis: 31%;
    margin-right: 0px;
}

@media (max-width: 767px) {
    #page_product_detail #productoption8 .radio-wrap,
    #page_product_detail #productoption16 .radio-wrap,
    #page_product_detail #productoption24 .radio-wrap,
    #page_product_detail #productoption32 .radio-wrap {
        flex-basis: 45%;
    }
}

#page_product_detail #productoption8 .radio-wrap label,
#page_product_detail #productoption16 .radio-wrap label,
#page_product_detail #productoption24 .radio-wrap label,
#page_product_detail #productoption32 .radio-wrap label {
    font-size: 14px;
    line-height: 1.3;
}

#page_product_detail #productoption8 .radio-wrap img,
#page_product_detail #productoption16 .radio-wrap img,
#page_product_detail #productoption24 .radio-wrap img,
#page_product_detail #productoption32 .radio-wrap img {
    max-width: 100%;
    width: 140px;
}

#page_product_detail #productoption8 .radio-wrap .form-check-label,
#page_product_detail #productoption16 .radio-wrap .form-check-label,
#page_product_detail #productoption24 .radio-wrap .form-check-label,
#page_product_detail #productoption32 .radio-wrap .form-check-label {
    position: relative;
    top: -4px;
    left: -5px;
}

#page_product_detail #productoption8 .radio-wrap p,
#page_product_detail #productoption16 .radio-wrap p,
#page_product_detail #productoption24 .radio-wrap p,
#page_product_detail #productoption32 .radio-wrap p {
    margin-top: 0px;
}

/*見積もり関係*/
#to_getestima span {
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    border-radius: none !important;
}

/*商品情報でタグをハイライトさせる*/
#page_product_detail .mod-tag ul,
#page_product_list .mod-tag ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#page_product_detail .mod-tag li,
#page_product_list .mod-tag li {
    flex-basis: 32%;
    margin: 0px 0px 5px;
    border-color: #eeeeee;
    color: #eeeeee;
    text-align: center;
    white-space: nowrap;
}

#page_product_detail .mod-tag li {
    flex-basis: 24%;
}

@media (min-width: 768px) {
    #page_product_detail .mod-tag li {
        font-size: 14px;
    }
}

#page_product_detail .mod-tag li.highlight,
#page_product_list .mod-tag li.highlight {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
}


#page_mypage_history .ec-blockBtn--primary:hover {
    color: #ffffff;
}

#page_mypage_history .documents-container {
    flex-wrap: wrap;
    gap: 2%;
}

#page_mypage_history .documents-container > * {
    margin: 0px !important;
}

#page_mypage_history .documents-container div {
    flex-basis: 32%;
    margin-bottom: 15px !important;
}

#page_mypage_history .documents-container div a {
    display: block;
}

#page_mypage_history .btn.btn-success.btn-lg {
    padding: 0px 16px;
    text-decoration: none;
    color: #eeeeee !important;
    background-color: #ffffff;
    border-color: #eeeeee;
    display: block;
    width: 100%;
    border-radius: 0px;
    font-size: 16px;
    padding: 15px;
}

.ec-layoutRole__left .ec-searchDetailRole {
    background-color: #f3f3f3;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
.ec-layoutRole__left .ec-contactRole {
    padding-left: 15px;
    padding-right: 15px;
}
.ec-layoutRole__left .ec-searchDetailRole {
    padding: 15px;
}
}

.ec-layoutRole__left .ec-searchDetailRole .ec-borderedDefs {
    border-top: none;
}

.ec-layoutRole__left .ec-searchDetailRole .ec-borderedDefs input[type="search"] {
    margin-bottom: 0px;
}

.ec-layoutRole__left .ec-searchDetailRole .ec-borderedDefs dl dt {
    margin-bottom: 5px;
    font-weight: bold;
}

/* 詳細検索開閉：スマホ表示用 */
@media (max-width: 767px) {
    #page_product_list .searchDetailToggle a {
        display: block;
        padding: 10px;
        background-color: #000000;
        color: #fff;
        text-decoration: none;
        position: relative;
    }

    /* ハンバーガーメニューのアイコン */
    #page_product_list .searchDetailToggle a:before {
        content: '\25BC';
        font-size: 16px;
        position: absolute;
        right: 20px;
        top: 45%;
        transform: translateY(-45%);
    }

    /* フォームを最初は非表示 */
    #page_product_list #searchDetailForm {
        display: none;
        overflow: hidden;
    }

    /* トグル状態でアイコンを切り替える */
    #page_product_list .searchDetailToggle.active a:before {
        content: '\00d7';
    }
}

/* PC向けには特にフォームを非表示にしない */
@media (min-width: 768px) {
    #page_product_list #searchDetailForm {
        display: block;
    }

    #page_product_list .searchDetailToggle {
        display: none;
    }
}

#page_mypage_withdraw .ec-blockBtn {
    font-size: inherit !important;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle,
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
    font-size: inherit !important;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
    font-weight: normal;
}

/* 会員情報で生年月日、性別、職業、メルマガ */
#page_mypage_change dl:has(#entry_birth_year),
#page_entry dl:has(#entry_birth_year) {
    display: none;
}

#page_mypage_change dl:has(#entry_sex),
#page_entry dl:has(#entry_sex) {
    display: none;
}

#page_mypage_change dl:has(#entry_job),
#page_entry dl:has(#entry_job) {
    display: none;
}

#page_mypage_change dl:has(#entry_mailmaga_flg),
#page_entry dl:has(#entry_mailmaga_flg) {
    display: none;
}

#page_mypage_login #login_mypage .ec-login__link,
#page_shopping_login #shopping_login .ec-login__link {
    font-size: 16px !important;
}

.confirmBtnMsg {
  padding: 10px 0px 20px;
  color: #525263;
}

.priceMsg {
    background-color: #ffffff;
    color: #DE5D50;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 15px;
}

.afterFlow {
    margin-bottom: 30px;
    text-align: left;
    border: 5px solid #EEEEEF;
    padding: 15px;
}

.afterFlow h3 {
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px;
}

.afterFlow h4 {
    margin-bottom: 10px;
    background-color: #f4f4f4;
    padding: 3px;
}

.afterFlow ol {
    counter-reset: list-counter;
  }
  
  .afterFlow ol li {
    position: relative;
    list-style: none;
    margin-left: 2em;
    margin-bottom: 10px;
  }
  
  .afterFlow ol li span {
    color: red;
  }

  .afterFlow ol li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    left: -2em;
    top: 0;
    width: 1.6em;
    height: 1.6em;
    background-color: #525263; /* 背景色は黒 */
    color: #fff; /* 文字色は白 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }
  
.ec-reportDescription {
    text-align: left;
    font-size: 14px;
}

/*詳細検索のメーカーからオリジナルを非表示にする*/
.ec-searchDetail__toggleArea #maker_id .ec-checkbox-item #maker_id_6,
.ec-searchDetail__toggleArea #maker_id .ec-checkbox-item label[for="maker_id_6"] {
    display: none;
}

/*ログイン画面の新規会員登録カラム*/
.hajimeteEntry h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.hajimeteEntry p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
}

.siteSearchWrap {
    position: absolute;
    top: 0px;
    left: 200px;
    width: 300px;
}

/* スマホのみ */
@media only screen and (max-width: 767px) {
	.siteSearchWrap {
        display: none;
    }
}

/*加工案内一覧ページ*/
#customizeOption .customLayout {
    display: flex;
    justify-content: space-between;
}

#customizeOption .customLayout .picLeft {
    flex-basis: 480px;
}

#customizeOption .customLayout .picLeft img {
    margin-bottom: 15px;
}

#customizeOption .customLayout .picLeft .col2gap15 {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

#customizeOption .customLayout .picLeft .col2gap15 img {
    margin-bottom: 0px;
}

#customizeOption .customLayout .bodyRight {
    flex-basis: 600px;
}

#customizeOption .customLayout .bodyRight {
}

#customizeOption .toggle-wrapper {
    margin-bottom: 30px;
  }
  
#customizeOption .toggle-button {
background-color: #f56c11;
color: white;
border: none;
padding: 10px;
cursor: pointer;
display: block;
align-items: center;
width: 100%;
text-align: center;
font-size: 16px;
position: relative;
border-radius: 5px;
}

#customizeOption .toggle-button .arrow {
    position: absolute;
    top: -2px;
    right: 0px;
margin-right: 10px;
display: inline-block;
transform-origin: 7px 25px;
transition: transform 0.3s ease;
font-size: 22px;
}

#customizeOption .toggle-content {
display: none;
text-align: center;
}

#customizeOption .toggle-content img {
    width: 500px;
    max-width: 100%;
}


#customizeOption .priceSet {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #f56c11;
    align-items: flex-end;
    margin-bottom: 30px;
}

#customizeOption .priceSet .itemName {
    font-size: 16px;
}

#customizeOption .priceSet .itemPrice {
    color: #f56c11;
    font-size: 20px;
    font-weight: bold;
}

#customizeOption .priceSet .itemPrice span {
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

#customizeOption .bodyRight h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
}

#customizeOption .bodyRight table {
    width: 100%;
    margin-bottom: 40px;
}

#customizeOption .bodyRight table th {
    background-color: #fce4d7;
    border-top: 2px solid #f56c11;
    border-bottom: 2px solid #f56c11;
    border-right: 1px solid #dddddd;
    font-size: 12px;
    text-align: center;
    padding: 5px;
}

#customizeOption .bodyRight table th:last-child {
    border-right: none;
}

#customizeOption .bodyRight table td {
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-size: 16px;
    padding: 10px;
}

#customizeOption .bodyRight table td:last-child {
    border-right: none;
}

#customizeOption .bodyRight table td.price {
    color: #f56c11;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

#customizeOption .bodyRight table td.name,
#customizeOption .bodyRight table th.name {
    border-right: 2px solid #f56c11;
}


#customizeOption .bodyRight .thumbPrice {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

#customizeOption .bodyRight .thumbPrice .price {
    flex-basis: 70%;
}

#customizeOption .bodyRight .thumbPrice .thumb {
    flex-basis: 25%;
}

.mod-section-title h2 span {
    font-size: 12px;
}

/* スマホのみ */
@media only screen and (max-width: 767px) {
	#customizeOption .customLayout {
        display: block;
    }
}

.ec-blockBtn--cancel.sidebarBtn {
    height: auto;
}

.ec-login .ec-login__input {
    margin-bottom: 0px !important;
}

@media only screen and (min-width: 768px) {
	.ec-login{
        padding-bottom: 30px !important;
    }
}

.ec-totalBox .sideTitle h2 {
    border-bottom: 1px solid #cccccc;
    font-size: 22px;
    margin-bottom: 15px;
}

.orderIdComplete {
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    margin: 0px auto 30px;
    width: 66.666%;
    padding: 10px;
}

input#credit_payment_card_no {
    font-size: 16px !important;
    padding: 6px 12px !important;
}


body#page_product_detail .font-sample-link {
    font-size: 14px;
    margin-left: 10px;
    color: #f56c11;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
  padding-left: 18px; /* アイコン分の余白 */
  display: inline-block;
  }
  body#page_product_detail .font-sample-link:hover {
    text-decoration: underline;
  }

  body#page_product_detail .font-sample-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border: 2px solid #f56c11;
    border-radius: 50%;
  }
  
  body#page_product_detail .font-sample-link::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 60%;
    width: 6px;
    height: 2px;
    background-color: #f56c11;
    transform: rotate(45deg);
    transform-origin: left center;
  }

  #fontSampleModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
  }

  #fontSampleModal .modal-content {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 50px auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
  }

  @media (max-width: 767px) {
    #fontSampleModal .modal-content {
        max-width: 90vw;
      }
  }

  #fontSampleModal .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
  }

  #fontSampleModal img {
    width: 100%;
    height: auto;
  }


#page_product_list .result-content_list {
    display: flex;
    flex-wrap: wrap;
}

#page_product_list .result-content_list .result-content_item {
    float: none;
    margin-top: 0px;
    margin-bottom: 25px;
}

#page_product_list .result-content_list .result-content_item.maker6 {
    display: none !important;
}


#page_product_detail .maker6 .detail2 .detail_header .mod-tag,
#page_product_detail .maker6 .detail2 .detail_body,
#page_product_detail .maker6 .detail2 form {
    display: none !important;
}