@charset "UTF-8";


/* sass */
/* 追加 */
.hdg-lv1 { display: none; }

.u-sp-br { display: inline; }

.u-sp-disp { display: block; }

.u-pc-disp { display: none; }

body { min-width: 320px; }

.l-all img { max-width: 100%; }

.l-body { background: #fff; }

.l-body .list-share { padding: 10px 0 0; text-align: center; font-size: 0; margin-top: 5px; }

.l-body .list-share > li { display: inline-block; vertical-align: top; margin: 0 10px; }

.l-body .list-share > li a { display: block; }

.l-body .list-share > li a img { width: 45px; height: auto; }

.l-head { background-color: #f7f8f8; padding: 18px; }

.l-head .img-logo { text-align: center; }

.l-head .img-logo svg { height: 18px; width: auto; color: #898989; }

.l-body-simulation { text-align: center; }

.l-body-simulation #YMK-module > * { margin: 0 auto; }

.l-body-main { padding: 0 20px 0px; overflow: hidden; /* タブメニュー
-------------------------*/ /* タブコンテンツ
-------------------------*/ /* ご購入はこちら */ /* モデル使用色 */ /* モデル使用色 */ /* リセット */ /* SNSでシェアする */ }

.l-body-main .wrap-select { position: relative; margin: 0 -15px; /* 厚塗り 薄塗り */ /* 外側 */ /* 内側 */ }

.l-body-main .wrap-select .scrollable { position: absolute; width: 100%; height: 100%; z-index: 11; cursor: pointer;}

.l-body-main .wrap-select .scrollable img{ position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%);}

.l-body-main .wrap-select .inner-sel { overflow-x: auto; overflow-y: hidden; padding-top: 2px; padding-left: 20px; padding-right: 20px; padding-bottom: 0; font-size: 0; width: 100%; }
.l-body-main .wrap-select .list-sel { overflow: visible; white-space: nowrap; }

.l-body-main .wrap-select .list-sel > li { display: inline-block; vertical-align: top; margin-right: 7px; width: 70px; position: relative; font-size: 1.1rem; padding-bottom: 4.5em; /* 1 */ /* 1-2 */ /* 2 */ /* 3 */ /* 3-2 */ }

.l-body-main .wrap-select .list-sel > li .cno,
.l-body-main .wrap-select .list-sel > li .cname { display: block; margin: 5px 1px 0 3px; font-size: 1.1rem; line-height: 1.4; white-space: normal; color: #191919; }
.l-body-main .wrap-select .list-sel > li .cno   { font-weight: bold; color: #333; text-align: center; }

.l-body-main .wrap-select .list-sel > li .colbtn { text-align: left; cursor: pointer; }
.l-body-main .wrap-select .list-sel > li .colbtn .chip { display: block; position: relative; font-size: 1.2rem; font-weight: bold; text-indent: 3px; width: 58px; height: 58px;}
.l-body-main .wrap-select .list-sel > li .colbtn .chip:before { transition: border-color 0.3s; content: ""; display: block; width: 50px; height: 50px; padding: 2px; font-size: 0; border: #fff 1px solid; margin-bottom: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.l-body-main .wrap-select .list-sel > li .colbtn:focus { outline: 0; }
.l-body-main .wrap-select .list-sel > li .colbtn.active .chip:before { border: #333 1px solid; }

/* 商品情報があった場所 */

.l-body-main .txt-select { font-weight: bold; }

.l-body-main .wrap-detail { border-top: #eee 1px solid; text-align: center; padding-top: 25px; }

.l-body-main .inner-dtl { margin: 0 -20px; position: relative; display: inline-block; }

.l-body-main .inner-dtl .img-dtl { position: absolute; top: 50%; left: 0; margin-top: -95px; }

.l-body-main .inner-dtl .img-dtl img { width: auto; height: 190px; }

.l-body-main .inner-dtl .wrap-pdt { min-height: 190px; padding-left: 75px; text-align: left; }

.l-body-main .inner-dtl .txt-pdt-name { font-size: 1.2rem; font-weight: bold; line-height: 1.6; margin-top: 25px; }

.l-body-main .inner-dtl .txt-pdt-dtl { font-size: 1.2rem; font-weight: bold; margin-top: 15px; }

.l-body-main .hdg-lv1 { padding-top: 25px; }

.l-body-main .hdg-lv1 img { width: auto; height: 24px; }

.l-body-main .hdg-lv1 .img-hdg { display: block; }

.l-body-main .hdg-lv1 .img-hdg + .img-hdg { margin-top: 7px; }

.l-body-main .txt-detail { line-height: 1.8; padding-top: 20px; }

.l-body-main .btn-detail { text-align: center; font-weight: bold; margin-top: 35px; }

.l-body-main .btn-detail a { display: block; background: #535353; color: #fff; padding: 18px; text-decoration: none; }

.l-body-main .btn-detail-soon { text-align: center; margin-top: 35px; }

.l-body-main .btn-detail-soon span { display: block; background: transparent url(../image/bg_btn_soon.png) repeat left top; padding: 18px; }

.l-body-main .list-detail { margin-top: 30px; border-top: #eee 1px solid; text-align: center; padding-top: 20px; }

.l-body-main .list-detail > li a { display: inline-block; }

.l-body-main .list-detail > li img { width: auto; height: 40px; }

.l-body-main .txt-notice { margin-top: 30px; font-size: 1.2rem; line-height: 1.5; color: #666; }

.l-body-main .list-notice { margin-top: 20px; }

.l-body-main .list-notice > li { font-size: 1.2rem; line-height: 1.5; color: #666; }

.l-body-main .wrap-tab-contents .wrap-one-content { display: none; }

.l-body-main .wrap-tab-contents .wrap-one-content.tabActive { display: block; }

.l-body-main .wrap-tab-contents .wrap-one-content .one-content { margin: 0 -20px; padding: 5px 20px 0; border-bottom: 1px solid #e6e6e6; }

.l-body-main .wrap-tab-contents .wrap-one-content .one-content:last-child { border-bottom-style: none; }

.l-body-main .wrap-tab-menu { background-color: #664e38; padding-top: 8px; margin: 0 -20px; }

.l-body-main .tab-menu { display: flex; }

.l-body-main .tab-menu > li { width: 24%; height: 40px; display: flex; font-family: 'Open Sans', sans-serif; text-align: center; }

.l-body-main .tab-menu > li + li { margin-left: 1px; }

.l-body-main .tab-menu > li a { display: flex; align-items: center; justify-content: center; width: 100%; }

.l-body-main .tab-menu > li a:link { text-decoration: none; }

.l-body-main .tab-menu > li a:link, .l-body-main .tab-menu > li a:hover, .l-body-main .tab-menu > li a:visited { color: #fff; font-weight: 600; }

.l-body-main .tab-menu > li a.tabActive { background-color: #fff; color: #333333; font-weight: 600; }

.l-body-main .tab-menu > li.model { width: 25%; margin-left: auto; }

.l-body-main .tab-menu > li.model a { background-color: #000; }

.l-body-main .tab-menu > li.model a span { width: 52px; background-position: -394px -14px; }

.l-body-main .tab-menu > li.model a.tabActive { background-color: #fff; }

.l-body-main .tab-menu > li.model a.tabActive span { background-position: -394px -71px; }

.l-body-main .hdg-lv2-pt1 { font-size: 1.4rem; line-height: 1.6; font-weight: bold; }

.l-body-main .wrap-itemname { display: flex; align-items: center; margin: 20px -5px; }

.l-body-main .wrap-itemname .inner-itemneme { order: 2; }

.l-body-main .wrap-itemname .ph-item { order: 1; flex: 0 0 60px; }

.l-body-main .wrap-itemname .sm { width: 57px;  order: 1; flex: 0 0 57px; }
.l-body-main .wrap-itemname .gl { width: 57px;  order: 1; flex: 0 0 57px; }
.l-body-main .wrap-itemname .mt { width: 57px;  order: 1; flex: 0 0 57px; }

.l-body-main .wrap-itemname .sm img { width: 57px; height: auto;}
.l-body-main .wrap-itemname .gl img { width: 57px; height: auto;}
.l-body-main .wrap-itemname .mt img { width: 57px; height: auto;}

.l-body-main .btn-buyhere { margin-top: 12px; }

.l-body-main .btn-buyhere > li { font-size: 1.1rem; line-height: 1.4; }

.l-body-main .btn-buyhere > li a:link { color: #333; text-decoration: none; }

.l-body-main .btn-buyhere > li a:visited { color: #333; }

.l-body-main .btn-buyhere > li a:active, .l-body-main .btn-buyhere > li a:focus { color: #333; }

.l-body-main .btn-buyhere > li a::before { content: ""; display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-top: 1px solid #898989; border-right: 1px solid #898989; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.l-body-main .hdg-lv2-pt2 { font-size: 1.6rem; line-height: 1.6; font-weight: bold; margin-top: 10px; }

.l-body-main .hdg-lv3-pt1 { font-size: 1.4rem; line-height: 1; font-weight: bold; margin-top: 5px; }

.l-body-main .list-used-model { margin: 5px 5px 20px; display: flex; flex-wrap: wrap; }

.l-body-main .list-used-model > li { display: flex; flex: 1 0 50%; align-items: center; }

.l-body-main .list-used-model > li:nth-child(n+3) { margin-top: 10px; }

.l-body-main .list-used-model > li .chip { flex: 0 0 50px; width: 50px; }

.l-body-main .list-used-model > li .chip img { width: 50px; }

.l-body-main .list-used-model > li .wrap-color { margin-left: 8px; margin-right: 5px; }

.l-body-main .list-used-model > li .txt-number { font-size: 1.2rem; line-height: 1.5; font-weight: bold; }

.l-body-main .list-used-model > li .txt-name { font-size: 1.1rem; line-height: 1.5; }

.l-body-main #model-color .one-content { border-bottom-style: none; }

.l-body-main #model-color .one-content:last-child { border-bottom: 1px solid #e6e6e6; }

.l-body-main #model-color .wrap-model-color { border-bottom: 1px solid #e6e6e6; }

.l-body-main #model-color .blk-2b-pc.bdr-none-pc .inner-2b-pc { padding-top: 5px; }

.l-body-main #model-color .blk-2b-pc.bdr-none-pc .inner-2b-pc:last-child .one-content { border-bottom-style: none; }

.l-body-main .btn-reset { margin: 0 -20px 0; padding: 15px 0; text-align: center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.l-body-main .btn-reset > li { font-size: 1.4; line-height: 1.6; }

.l-body-main .btn-reset > li a:link { color: #dd656b; text-decoration: none; }

.l-body-main .btn-reset > li a:visited { color: #dd656b; }

.l-body-main .btn-reset > li a:active, .l-body-main .btn-reset > li a:focus { color: #dd656b; }

.l-body-main .btn-reset > li a::before { content: ""; display: inline-block; vertical-align: -0.25em; width: 18px; height: 18px; background: transparent url(../image/ico_reset.png) 0 0 no-repeat; background-size: 18px 18px; margin-right: 5px; }

.l-body-main .txt-share { margin-top: 30px; font-weight: bold; font-size: 1.4rem; line-height: 1.6; text-align: center; }

/* バナー以下
-----------------------*/
.l-body-sub { padding: 0 20px 40px; }

.list-banner { margin-top: 30px; text-align: center; }

.list-banner > li { display: inline-block; vertical-align: middle; position: relative; }

.list-banner > li a { display: block; padding: 2px; }

.list-banner > li a img { width: 100%; }

.txt-banner { margin-top: 10px; font-size: 1.2rem; line-height: 1.6; text-align: center; }

.txt-banner a:link { color: #5a5a5a; text-decoration: none; }

.txt-banner a:visited { color: #a7b3bf; }

.txt-banner a:active, .txt-banner a:focus { color: #a7b3bf; }

.lnk-banner { text-align: center; }

.lnk-banner > li { font-size: 1.4rem; line-height: 1.6; }

.lnk-banner > li a:link { color: #5a5a5a; text-decoration: none; }

.lnk-banner > li a:visited { color: #a7b3bf; }

.lnk-banner > li a:active, .lnk-banner > li a:focus { color: #a7b3bf; }

.lnk-banner > li a::before { content: ""; display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-top: 1px solid #a8b3bf; border-right: 1px solid #a8b3bf; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; }

.wrap-sns { text-align: center; margin-top: 40px; }

.wrap-sns .txt-sns { color: #666; }

.wrap-sns .list-sns { font-size: 0; margin-top: 10px; }

.wrap-sns .list-sns > li { display: inline-block; margin: 0 4px; }

.wrap-sns .list-sns > li a { display: block; }

.wrap-sns .list-sns > li a img { width: 40px; height: auto; }

.l-foot { padding: 18px; background-color: #f4f3f4; }

.l-foot .copyright { text-align: center; color: #333333; }

.l-foot .copyright small { font-size: 1.2rem; }

@media print, all and (min-width: 768px) {
  .u-sp-br { display: none; }
  .u-sp-disp { display: none; }
  .u-pc-disp { display: block; }
  body { min-width: 0; background: #f7f8f8}
  .l-all { padding: 0 20px; min-width: 1030px; }
  .l-head { max-width: 1224px; margin: 0 auto; padding: 30px; background-color: transparent; }
  .l-head .img-logo svg { height: 26px; width: auto; color: #898989; }
  .l-body { max-width: 1224px; margin: 0 auto; /* box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); padding: 70px 4%; */ padding: 70px 68px; }
  .l-body:after { content: ""; display: block; clear: both; }
  .l-body .wrap-list-share { display: flex; align-items: center; position: absolute; top: -50px; right: -50px; z-index: 2; }
  .l-body .txt-share { margin: 0; }
  .l-body .list-share { margin-top: 0; padding: 0; }
  .l-body .list-share > li { margin: 0 0 0 18px; }
  .l-body .list-share > li a img { width: 30px; height: 30px; }
  .l-body-simulation { float: left; /*40.761% 450px;*/ width: 360px; }
  .l-body-main { float: right; width: calc(100% - 420px); padding: 0 0 0; position: relative; overflow: visible; /* タブメニュー
  -------------------------*/ /* タブコンテンツ -------------------------*/ /* ご購入はこちら */ /* モデル使用色 */ /* pc 2block */ /* モデル使用色 */ /* リセット */ }
  .l-body-main .wrap-select { margin: 0 0 0 4px; /* 厚塗り 薄塗り */ /* 外側 */ /* 内側 */ }
  .l-body-main .wrap-select .inner-sel { overflow-x: visible; overflow-y: visible; padding: 0 0 15px 0; }
  .l-body-main .wrap-select .list-sel { white-space: normal; margin-left: -24px; }
  .l-body-main .wrap-select .list-sel > li { margin-right: 0; margin-left: 24px; margin-top: 10px; padding-bottom: 4px; }
  .l-body-main .wrap-select .list-sel > li .colbtn .chip:before { width: 50px; height: 50px; padding: 3px; }
  .l-body-main .wrap-select .list-sel > li .colbtn .cname { margin-left: 0; }
  .l-body-main .wrap-select .list-sel > li .colbtn:hover .chip:before { border: #333 1px solid; }
  .l-body-main .wrap-select .list-sel-pt2 { margin: -3px 0 15px -30px; white-space: normal; }
  .l-body-main .wrap-select .list-sel-pt2 > li { margin: 13px 0 0 30px; }
  .l-body-main .wrap-select .list-sel-pt2 > li .colbtn:hover:before { border: 1px solid #363636; }
  .l-body-main .wrap-select .list-sel-pt2 > li .colbtn:hover:after { border: 3px solid #fff; }
  .l-body-main .wrap-select .list-sel-pt2-2 { margin: -3px 0 15px -30px; white-space: normal; }
  .l-body-main .wrap-select .list-sel-pt2-2 > li { margin: 13px 0 0 30px; }
  .l-body-main .wrap-select .list-sel-pt2-2 > li .colbtn:hover:before { border: 1px solid #363636; }
  .l-body-main .wrap-select .list-sel-pt2-2 > li .colbtn:hover:after { border: 3px solid #fff; }
  .l-body-main .wrap-detail { text-align: left; }
  .l-body-main .inner-dtl { margin: 0; }
  .l-body-main .inner-dtl .img-dtl { top: 50px; margin-top: 0; }
  .l-body-main .inner-dtl .wrap-pdt { min-height: 0; padding-left: 90px; }
  .l-body-main .inner-dtl .txt-pdt-dtl { margin-top: 10px; }
  .l-body-main .hdg-lv1 { padding-top: 0; }
  .l-body-main .hdg-lv1 img { width: auto; height: 28px; }
  .l-body-main .hdg-lv1 .img-hdg { display: inline-block; margin-right: 10px; }
  .l-body-main .hdg-lv1 .img-hdg + .img-hdg { margin-top: 0; }
  .l-body-main .txt-detail { line-height: 2.0; padding-top: 20px; padding-left: 90px; }
  .l-body-main .btn-detail { text-align: left; margin-left: 90px; }
  .l-body-main .btn-detail a { padding: 18px 5px; text-align: center; max-width: 20em; transition: opacity 0.3s; }
  .l-body-main .btn-detail a:hover { opacity: 0.8; }
  .l-body-main .btn-detail-soon { text-align: left; margin-left: 90px; }
  .l-body-main .btn-detail-soon span { padding: 18px 5px; text-align: center; max-width: 20em; }
  .l-body-main .list-detail { margin-top: 40px; text-align: right; }
  .l-body-main .list-detail > li a { display: inline-block; }
  .l-body-main .list-detail > li img { width: auto; height: 40px; }
  .l-body-main .txt-notice { margin-top: 20px; }
  .l-body-main .list-notice > li { font-size: 1.2rem; line-height: 1.5; color: #666; }
  .l-body-main .wrap-tab-contents .wrap-one-content { display: none; }
  .l-body-main .wrap-tab-contents .wrap-one-content.tabActive { display: block; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content { margin: 0 0px; padding: 30px 0 0 0; border-bottom: 1px solid #e6e6e6; }
  .l-body-main .wrap-tab-contents .wrap-one-content .one-content + .one-content { padding: 10px 0 0 0; }
  .l-body-main .wrap-tab-menu { padding: 8px 8px 0; margin: 0; }
  .l-body-main .tab-menu > li { width: 25%; max-width: 120px; display: flex; }
  .l-body-main .tab-menu > li.model { width: 25%; max-width: 120px; }
  .l-body-main .tab-menu > li a span { opacity: 1.0; transition: opacity 0.3s; }
  .l-body-main .tab-menu > li a:hover span { opacity: 0.6; }
  .l-body-main .tab-menu > li a.tabActive:hover span { opacity: 1; }
  .l-body-main .wrap-itemname { margin-left: 0; }
  .l-body-main .btn-buyhere > li a:link { color: #333333; text-decoration: none; }
  .l-body-main .btn-buyhere > li a:visited { color: #333333; }
  .l-body-main .btn-buyhere > li a:hover { color: #333333; }
  .l-body-main .btn-buyhere > li a:active, .l-body-main .btn-buyhere > li a:focus { color: #333333; }
  .l-body-main .btn-buyhere > li a:hover::before { border-color: #898989; }
  .l-body-main .hdg-lv2-pt2 { margin-top: 20px; margin-left: 20px; }
  .l-body-main .hdg-lv3-pt1 { margin-left: 20px; margin-top: 15px; }
  .l-body-main .list-used-model { margin: 10px 0 0 20px; }
  .l-body-main .list-used-model > li:nth-child(n+3) { margin-top: 20px; }
  .l-body-main .blk-2b-pc { display: flex; justify-content: flex-end; }
  .l-body-main .blk-2b-pc .inner-2b-pc { width: 50%; }
  .l-body-main .blk-2b-pc .inner-2b-pc.one-content, .l-body-main .blk-2b-pc .inner-2b-pc .one-content { padding-left: 0; }
  .l-body-main #model-color .wrap-itemname { margin-left: 10px; }
  .l-body-main #model-color .wrap-itemname .inner-itemneme { margin-left: 5px; margin-right: 5px; }
  .l-body-main #model-color .blk-2b-pc .inner-2b-pc { width: calc(50% + 10px); padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; }
  .l-body-main #model-color .blk-2b-pc .inner-2b-pc + .inner-2b-pc { width: calc(50% - 10px); }
  .l-body-main #model-color .blk-2b-pc .inner-2b-pc + .inner-2b-pc .hdg-lv3-pt1 { margin-left: 0px; }
  .l-body-main #model-color .blk-2b-pc .inner-2b-pc + .inner-2b-pc .wrap-itemname { margin-left: -10px; }
  .l-body-main #model-color .blk-2b-pc .inner-2b-pc + .inner-2b-pc .list-used-model { margin-left: 0px; }
  .l-body-main #model-color .blk-2b-pc.bdr-none-pc .inner-2b-pc { border-bottom-style: none; padding-top: 0; }
  .l-body-main #model-color .blk-2b-pc.bdr-none-pc .one-content:last-child { border-bottom-style: none; }
  .l-body-main #model-color .one-content { padding-top: 5px; }
  .l-body-main #model-color .one-content + .one-content { padding-left: 0; }
  .l-body-main #model-color .wrap-model-color { border-bottom-style: none; }
  .l-body-main .btn-reset { margin: 0; }
  .l-body-main .btn-reset > li a:hover { opacity: 0.64; }

  .l-body-main .wrap-select .scrollable { display: none; }

    /* バナー以下
  -----------------------*/
  .l-body-sub { clear: left; padding: 35px 0 0; width: 360px; }
  .txt-banner a:link { color: #5a5a5a; text-decoration: none; }
  .txt-banner a:visited { color: #5a5a5a; }
  .txt-banner a:hover { color: #5a5a5a; }
  .txt-banner a:active, .txt-banner a:focus { color: #5a5a5a; }
  .lnk-banner > li a:link { color: #5a5a5a; text-decoration: none; }
  .lnk-banner > li a:visited { color: #5a5a5a; }
  .lnk-banner > li a:hover { color: #5a5a5a; }
  .lnk-banner > li a:active, .lnk-banner > li a:focus { color: #5a5a5a; }
  .lnk-banner > li a:hover::before { border-color: #5a5a5a; }
  .list-banner { margin-top: 0px; }
  .wrap-sns { margin-top: 20px; }
  .wrap-sns .list-sns { margin-top: 10px; }
  .l-foot { background-color: transparent; max-width: 1224px; margin: 0 auto; padding: 20px; }
  a img.u-btn { filter: alpha(opacity=100); opacity: 1.0; transition: opacity 0.3s; }
  a:hover img.u-btn { filter: alpha(opacity=70); opacity: 0.7; }
  /*img.btn*/
  img.u-btn { filter: alpha(opacity=30); opacity: 0.3; }
}

/* 表示・非表示 */
.is-pc    { display: block; }
.is-pc-ib { display: inline-block; }
.is-sp,
.is-sp-ib { display: none; }
@media all and (max-width: 767px) {
  .is-pc,
  .is-pc-ib { display: none; }
  .is-sp    { display: block; }
  .is-sp-ib { display: inline-block; }
}

/* 商品情報 */
.l-body-main .wrap-itemname                                             { gap: 20px; margin-bottom: 10px; }
.l-body-main .wrap-itemname .ph-item                                    { width: 146px !important; flex: 0 0 146px !important;  }
.l-body-main .wrap-itemname .hdg-lv2-pt1 span                           { font-size: 12px; font-weight: normal; }
.l-body-main .wrap-select                                               { margin: 0; }
.l-body-main .wrap-select .list-sel > li                                { width: 50px; }
.l-body-main .wrap-select .list-sel > li .cno                           { margin: 5px 0 0; }
.l-body-main .wrap-select .list-sel > li .colbtn .chip                  { width: 50px; height: 50px; }
.l-body-main .wrap-select .list-sel > li .colbtn .chip:before           { width: 50px; height: 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0101 .colbtn .chip:before { background: transparent url(../image/col_c01_01.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0102 .colbtn .chip:before { background: transparent url(../image/col_c01_02.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0103 .colbtn .chip:before { background: transparent url(../image/col_c01_03.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0104 .colbtn .chip:before { background: transparent url(../image/col_c01_04.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0105 .colbtn .chip:before { background: transparent url(../image/col_c01_05.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0106 .colbtn .chip:before { background: transparent url(../image/col_c01_06.png) no-repeat center center; background-size: 50px 50px; }

.l-body-main .wrap-select .list-sel > li.col-c0201 .colbtn .chip:before { background: transparent url(../image/col_c02_01.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0202 .colbtn .chip:before { background: transparent url(../image/col_c02_02.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0203 .colbtn .chip:before { background: transparent url(../image/col_c02_03.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0204 .colbtn .chip:before { background: transparent url(../image/col_c02_04.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-c0205 .colbtn .chip:before { background: transparent url(../image/col_c02_05.png) no-repeat center center; background-size: 50px 50px; }

@media all and (max-width: 767px) { /* sp */
  .l-body-main .wrap-itemname {  margin-top: 20px; margin-bottom: 20px; }
  .l-body-main .wrap-itemname .ph-item { width: 121px !important; flex: 0 0 121px !important;  }
  .l-body-main .wrap-select .list-sel  { display: flex; /* justify-content: center; */ gap: 10px; }
  .l-body-main .wrap-select .list-sel > li { padding-bottom: 0; }
  .l-body-main .btn-reset { margin: 0; }
}

/* 2連 
.l-body-main .wrap-select .list-sel.list-sel-w .list-sel-w-inner { display: flex; }
.l-body-main .wrap-select .list-sel.list-sel-w  > li             { width: 130px; }
.l-body-main .wrap-select .list-sel > li.col-la0301 .colbtn:nth-child(1) .chip:before { background: transparent url(../image/col_la0301_1.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0301 .colbtn:nth-child(2) .chip:before { background: transparent url(../image/col_la0301_2.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0302 .colbtn:nth-child(1) .chip:before { background: transparent url(../image/col_la0302_1.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0302 .colbtn:nth-child(2) .chip:before { background: transparent url(../image/col_la0302_2.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0303 .colbtn:nth-child(1) .chip:before { background: transparent url(../image/col_la0303_1.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0303 .colbtn:nth-child(2) .chip:before { background: transparent url(../image/col_la0303_2.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0304 .colbtn:nth-child(1) .chip:before { background: transparent url(../image/col_la0304_1.png) no-repeat center center; background-size: 50px 50px; }
.l-body-main .wrap-select .list-sel > li.col-la0304 .colbtn:nth-child(2) .chip:before { background: transparent url(../image/col_la0304_2.png) no-repeat center center; background-size: 50px 50px; }

.l-body-main .wrap-select .thin-thick { font-size: 0; }
.l-body-main .wrap-select .thin-thick > li { display: inline-block; vertical-align: top; font-size: 1.2rem; }
.l-body-main .wrap-select .thin-thick > li .chip { display: block; width: 70px; height: 50px; background-repeat: no-repeat; background-position: 0 0; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0101-1 .chip { background-image: url(../image/bcc_sd0101_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0101-2 .chip { background-image: url(../image/bcc_sd0101_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0102-1 .chip { background-image: url(../image/bcc_sd0102_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0102-2 .chip { background-image: url(../image/bcc_sd0102_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0103-1 .chip { background-image: url(../image/bcc_sd0103_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0103-2 .chip { background-image: url(../image/bcc_sd0103_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0104-1 .chip { background-image: url(../image/bcc_sd0104_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0104-2 .chip { background-image: url(../image/bcc_sd0104_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0105-1 .chip { background-image: url(../image/bcc_sd0105_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0105-2 .chip { background-image: url(../image/bcc_sd0105_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0106-1 .chip { background-image: url(../image/bcc_sd0106_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0106-2 .chip { background-image: url(../image/bcc_sd0106_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0107-1 .chip { background-image: url(../image/bcc_sd0107_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0107-2 .chip { background-image: url(../image/bcc_sd0107_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0201-1 .chip { background-image: url(../image/bcc_sd0201_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0201-2 .chip { background-image: url(../image/bcc_sd0201_2.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0202-1 .chip { background-image: url(../image/bcc_sd0202_1.png); background-size: 70px 50px; }
.l-body-main .wrap-select .thin-thick > li.bcc-sd0202-2 .chip { background-image: url(../image/bcc_sd0202_2.png); background-size: 70px 50px; }
*/

/* タブ非表示 */
.l-body-main .wrap-tab-menu { display: none; }
.l-body-main .wrap-tab-contents .wrap-one-content .one-content { padding-top: 15px !important; }
.l-body-main .wrap-itemname { margin: 0 auto 30px; }

/* 商品に戻るボタン */
.btn-return { display: block; margin: 25px 0; }

.btn-return a { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; padding: .5em; text-decoration: none; text-align: center; color: #333333; background: #fff; border: 1px solid #535353; }
.btn-return a:after { content: ""; display: inline-block; margin-left: 5px; margin-bottom: 1px; width: 6px; height: 6px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media print, all and (min-width: 768px) { /* pc */
  .btn-return   { display: block; margin: 8px auto 28px 0; }
  .btn-return a { max-width: 288px; margin-right: auto; }
}

/* 非表示対応 */
/* .btn-buyhere, .btn-return { display: none; } */

/* 2024 holiday */
.l-body-main .btn-reset > li a:link { color: #DD656B; }
.l-body-main .btn-reset { border-color: #E0E0E0; }