@charset "UTF-8";
/******************
商品詳細ページ
********************/
main#wrapper {
    margin-top: 0;
    padding: 0 2vw;
}
.shosai-order-area-item input,
.shosai-order-area-item select {
 -webkit-appearance: none;
 appearance: none;
}
.inner_content_shosai{
 padding: 0;
}
#topicPath.shosai-pankuzu {
 min-height: calc( 2 * 1.714em);
 margin-bottom: 0;
}
.shosai-area h1 {
 font-size: 22px;
}
.shosai-area h2 {
    font-size: 18px;
 margin: 20px 0;
    border-bottom: 1px solid #222222;
    display: flex;
    align-content: center;
    align-items: center;
}
.shosai-area h2 i{
    padding-right: 5px;
}

.inner_content_shosai .sub-title{
    font-size: 110%;
    font-weight: bold;
}
.shosai-links{
 display: flex;
 -webkit-align-items: stretch;
 align-items: stretch; -webkit-justify-content: space-between;
 justify-content: space-between;
 margin: 15px 0;
}


/*SNSボタン*/
.shosai-share-button{
 display: inline-flex;
 -webkit-align-items: center;
 align-items: center; -webkit-justify-content: center; justify-content: center;
 gap:0 8px;
}
/* 20250327 T.ABE [シェアボタン追加] ADD STA */
#modal-box{
    display: none;
}
#copy_modal{
    font-size: 16px;
    opacity: 0;
    opacity: -2;
    transition: all .3s;
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: rgba(17, 17, 26, .1) 0 0 16px;
}
#copy_modal.active{
    opacity: 1;
    z-index: 3;
    top: 50%;
    background: #e3e3e3;
    padding: 5px;
    width: min(100%.200px);
    text-align: center;
}
.shosai-share-button.pc{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
}
.shosai-share-button.pc li.headline{
    margin-right: -10px;
}
.shosai-share-button.pc li{
    text-align: center;
}
.shosai-share-button.pc li a{
    width: 32px;
}
.shosai-share-button.pc a span{
    font-size:10px;
    line-height:1;
    display: block;
    margin-top: 5px;
    text-align: center;
}
.icon_mail,.icon_copy{
    font-size: 24px;
    display: flex;
    position: relative;
    justify-content: center;
}
.icon_mail:before{
    text-align: center;
    line-height: 24px;
    content: "Mail";
    font-family: "Material Icons Outlined";
    font-size: 24px;
    font-style: normal;
    animation-direction: reverse;
}
.icon_link:before{
    text-align: center;
    line-height: 24px;
    content: "Link";
    font-family: "Material Icons Outlined";
    font-size: 24px;
    font-style: normal;
    animation-direction: reverse;
}
/* 20250327 T.ABE [シェアボタン追加] ADD EMD */
/* 20240703 M.OKAMOTO DEL[awoo] STA
.shosai-share-button li{
 font-size: 12px;
} 
   20240703 M.OKAMOTO DEL[awoo] END */
.shosai-share-button li.headline:after{
 content: "：";
}
.shosai-share-button i{
 font-size: 24px;
 display: flex;
 /* 20250327 T.ABE [シェアボタン追加] ADD STA */
 justify-content: center;
  /* 20250327 T.ABE [シェアボタン追加] ADD EMD */
}
.shosai-detail-view-btn{
 border-bottom: 2px solid #222222;
 padding: 5px 15px;
}
.shosai-detail-view-btn a{
 display: flex;
 -webkit-align-items: center;
 align-items: center; -webkit-justify-content: center; justify-content: center;
 gap:5px;
}
.shosai-detail-view-btn a:after{
 font-family: "Material Icons";
 content: "add";
 
 font-size: 22px;
}
/*-------------------*/
/*ボタン・黒（カートに入れる）*/
.shosai-btn-white,
.shosai-btn-black{
 text-decoration: none !important;
    display: inline-flex;
 text-align: center;
 padding: 0.5em;
 color: #ffffff !important;
    /* background-color: #222222; 20230613 R.WATANANE MOD STA */
    background-color: #e50012;
    /* border: 1px solid #222222 !important; */
    border: 1px solid #e50012 ;/*20230613 R.WATANABE MOD END*/
    border-radius: 5px;
 justify-content: center;
    align-items: center;
    align-content: center;
}
.shosai-btn-black2{
    text-decoration: none !important;
    display: inline-flex;
    text-align: center;
    padding: 0.5em;
    color: #ffffff !important;
    background-color: #222222;
    border: 1px solid #222222 !important;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.shosai-btn-black.flex,
.shosai-btn-white.flex,
.shosai-btn-black2.flex{
 display: flex;
}
.shosai-btn-black:hover,
.shosai-btn-black2:hover{
 background-color: #fff;
 color: #222222 !important;
 border: 1px solid #222222 !important;/*20230613 R.WATANABE ADD*/
}
.shosai-btn-white{
 background-color: #fff;
 color: #222222 !important;
}
.shosai-btn-white:hover{
 background-color: #222222;
 color: #ffffff !important;
}
/*-------------------*/

/*アイコン・発送納期*/
.shosai-icons{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start;
 gap:3px;
 flex-wrap: wrap;
 margin-bottom: 5px;
}
.shosai-icons img{
 width: 70px;
}
.shosai-icons .long_icon img{
 width: 100%;
}
.shosai-leadtime{
 text-align: center;
 width: 100%;
 margin-bottom: 12px;
 padding: 0.25em 0;
 background: #e9e9e9;
}
.shosai-leadtime[data-leadtime=""]{
 display: none;
}

/*価格・カートボタンエリア*/
.shosai-order-area {
 position: sticky;
 top:0px;
 text-align: center;
 overflow-y: scroll;
}
.shosai-order-area::-webkit-scrollbar {
 display: none;
}


.item-selects .btns div{
    width: 100%;
    border-radius: 5px;
    border: solid 1px #000;
}
.item-selects .btns .active div{
    background: #ffe8e8;
}
.item-selects .btns div a{
    display: block;
    padding: 10px;
}

.shosai-order-area .shosai-order-area-item-inner{
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #222222 !important;
	border-radius: 5px;
	margin-bottom: 1px;
}


/*20231106 KOMATUBARA [カートボタン改修]ADD STA*/
.shosai-order-area .shosai-order-area-item-inner .cart-in-area .cartbtns{
    display: flex;
    gap: 5px;
}
.shosai-order-area .shosai-order-area-item-inner .cart-in-area .cartbtns>*{
   width: 100%;
}
    
 /*20231106 KOMATUBARA [カートボタン改修]ADD END*/
/*価格*/
.shosai-price-area {
 text-align: center;
 margin: 10px auto;
}
.shosai-price-area .price-detail *{
 line-height: 1.2;
 vertical-align: bottom;
}
.shosai-price-area .price-detail{
 display: inline-block;
 /* 20240123 M.OKAMOTO ADD */
 margin: auto;
 text-align: left;
}
.shosai-price-area .price-detail .price-type{
 color: #222222;
 font-size: 12px;/* 20240123 M.OKAMOTO ADD */
}
.shosai-price-area .price-arrow .material-icons{
	font-size: 15px; /* 20240123 M.OKAMOTO ADD */
}
.shosai-price-area .price-detail.red .price-type{
 color: #EA0012;
}
.shosai-price-area .price-detail.default .price-type{
 display: none;
}

.shosai-price-area .price-box{
    width: fit-content;
    margin: auto;
    text-align: left;
}

.shosai-price-area .price-detail .small span{
    /* color: #222; */
}
.shosai-price-area .price-detail .small span.price{
    font-size: 16px;
}
.shosai-price-area .price-detail .small span.price-intax{
    font-size: 14px;
}

/* 20221221 M.OIKAWA [ポイントUPアイコン] ADD STA */
/*20230323 KOMATUBARA MOD STA*/
.shosai-price-area .price-detail dt {
 display: inline-flex;
    gap: 3px;
    align-items: center;
}
/* .shosai-price-area .price-detail .pointup-icon{
 background-color: #a6a40e;
    color: #fff;
    padding: 0 5px;
}
.shosai-price-area .price-detail.red .pointup-icon{
 margin-left: 4px;
} */
.shosai-price-area .price-detail .price-intax{
 /*20240925 R.SUGAWARA MOD STA [CSS修正]
 color: #383838;
 */
 color: #EA0012;
    font-size: 16px;
 /*20240925 R.SUGAWARA MOD END [CSS修正]*/
}
/* 20221221 M.OIKAWA [ポイントUPアイコン] ADD END */
/* 20230828 A.TAHARA [ビジネスリニューアル] ADD STA */
.biz_icon span.one_shohin{
    color: #EA0012;
    font-weight: normal;
}
.biz_icon span.buisiness_price{
    color: #EA0012;
    font-weight: bold;
    font-size: 120%;
}
/* 20230828 A.TAHARA [ビジネスリニューアル] ADD END */

/*20230323 KOMATUBARA MOD END*/
.shosai-price-area .price{
 font-family: "Lato";
 color: #EA0012;
 font-weight: bold;
 font-size: 30px;
}
.shosai-price-area .price.del{
 color: inherit;
 text-decoration:line-through;
 font-size: 20px;/* 20240123 M.OKAMOTO ADD */
}
.shosai-price-area .price_tax{
 font-size: 13px;
}
.shosai-price-area .point-datail{
 text-align: center;
 margin-bottom: 0.5em;
}
.shosai-price-area .point-detail dd{
 display: inline-block;
}
.shosai-price-area .point,
.shosai-price-area .rate{
 color: #EA0012;
}
/*カートエリア・テキスト*/
.event-comment{
	/*20231024 KANDA MOD STA*/
	/*
    display: inline-block;
    background-color: #FFe8e8;
    padding: 0.25em 1em;
    margin: 0.25em 0;
    */
    display: flex;
    background-color: #FFe8e8;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 1%;
	/*20231024 KANDA MOD END*/
}
.shosai-order-area .item-status-comment{
 margin: 1em 0;
}
.shosai-order-area .item-status-comment .red{
 color:#EA0012;
}
.shosai-order-area .item-status-comment .blue{
 color:#080ea0;
}
.shosai-order-area .comment-attention{
 font-size: 80%;
 color: #383838;
}
/*プルダウン(設置・数量)*/
.shosai-order-area .pulldown-area{
 margin: 10px 0;
 text-align: left;/*20231106 KOMATUBARA [カートボタン改修]ADD */
}
.shosai-order-area .pulldown-area a:after{
 content: " ";
 display: block;
}
.shosai-order-area .cart-in-quantity *,
.shosai-order-area .pulldown-area *{
 color: #383838;
}
.shosai-order-area .cart-in-quantity select,
.shosai-order-area .pulldown-area select{
 width: 100%;
 margin: 5px 0 10px 0;
 padding: 0.5em;
 background-color: #efefef;
 border-radius: 3px;
 min-width: 8em;
 position: relative;
 appearance:auto;
}
/*20231106 KOMATUBARA [カートボタン改修]ADD STA*/
.shosai-order-area .cart-in-quantity {
    text-align: left;
}
.shosai-order-area .cart-in-quantity select{
    text-align: center;
}
/*20231106 KOMATUBARA [カートボタン改修]ADD END*/
.shosai-order-area .cart-in-quantity select{
 text-align: center;
}
/*カート↓お気に入り・レビューボタン*/
.shosai-wish-review-link{
 display: flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
 margin-top: 20px;
}
.shosai-wish-review-link .link{
 display: flex;
    flex-direction: column;
 justify-content: space-between;
    align-content: center;
    align-items: center;
}
.shosai-wish-review-link .link .icon{
 display: flex;
}
.shosai-wish-review-link .link .wish{
 width: 32px;
 height: 32px;
}
.shosai-wish-review-link .link .icon .action-wish:before,
.shosai-wish-review-link .link .icon .action-wish:after
{
 font-size: 32px;
}
.shosai-wish-review-link .link .icon i{
 font-size: 32px;
}
.shosai-wish-review-link .link .text{
 font-size: 12px;
}


/*スライダー*/
.shosai-main-slider * {
 box-sizing: border-box;
}

.shosai-main-slider {
 margin-top: 20px;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start;
 justify-content: center;
 /* 20231010 M.OKAMOTO MOD[速度改善] 
 gap:40px; */
 gap:0;
}
.shosai-main-slider img {
 width: 100%;
 max-height: 100%;
 max-width: 500px !important; /* 20231010 M.OKAMOTO ADD[速度改善] */
}
.shosai-main-slider .swiper-container {
 max-width: 600px;
 max-height: 600px;
 margin: 0;
 height: auto;
 text-align: left;
 width: 100%;
}

.shosai-main-slider .shosai-main-slider-nav {
    /* 20231010 M.OKAMOTO MOD[速度改善] 
    width: 20%;
    aspect-ratio: 2 / 10;
    max-height: 600px; */
    width: 30%;
    aspect-ratio: 2 / 10;
    max-height: 500px;
    height: auto;
    overflow-y: scroll;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 0;
    flex-wrap: wrap;
    align-content: flex-start;
}

.shosai-main-slider .shosai-main-slider-nav li {
 width: 50%;
 cursor: pointer;
 border: 3px solid #ffffff;
}
.shosai-main-slider .shosai-main-slider-nav li {

}
.shosai-main-slider .shosai-main-slider-nav li.current {
 border-color: #222222;
}

.shosai-main-slider .shosai-main-slider-nav::-webkit-scrollbar {
 width: 8px;
}

.shosai-main-slider .shosai-main-slider-nav::-webkit-scrollbar-track {
 background-color: #efefef;
 border-radius: 4px;
}

.shosai-main-slider .shosai-main-slider-nav::-webkit-scrollbar-thumb {
 background-color: #727272;
 border-radius: 4px;
}
/*20240325 R.SUGAWARA ADD STA*/
/*
.shosai-main-slider .shosai-icons{
    display: inline-flex !important;
    flex-wrap: nowrap !important;
}
*/
/*20240325 R.SUGAWARA ADD END*/
/*20200823 [バッジ追加]M.OKAMOTO ADD STA*/
div.top-icon-area {
 font-size: 80% !important;
 height: 23px;
 color: #fff;
 font-weight: 500;
}
div.top-icon-area span {
 margin-right: 3px;
}
div.top-icon-area img {
 margin: 0 !important;
 padding: 0 !important;
 width: calc(100%/3);
 margin-right: 0px !important;
 margin-bottom: 3px !important;
}
div.top-icon-area .icon-gentei {
 background: #EB0007;
 padding: 5px;
}
div.top-icon-area .icon-tv {
 background: #ff3167;
 padding: 5px;
}
div.top-icon-area .icon-select {
 background: #FEDE31;
 color: #EB0007;
 padding: 5px 5px 5px 0;
 position: relative;
}
div.top-icon-area .icon-select::before {
 content: "";
 background-size: 100%;
 background-repeat: no-repeat;
 display: block;
 position: absolute;
 width: 19px;
 height: 20px;
 top: 5px;
 left: 6px;
 background-image: url(/image/common/icon/iris-logo.png);
}

div.badges {
 position: relative;
}
div.badges::after {
 content:"";
 color: #fff;
 display: block;
 position: absolute;
 background-size: 100%;
 background-repeat: no-repeat;
 background-image: none;
 width: 80px;
 height: 80px;
 top: -12px;
 right: -12px;
 z-index: 99;
 pointer-events: none;
}
/* .badges[data-badges="1"]::after {background-image: url("/image/common/icon/icon_recommend2.png");} */
.badges[data-badges="2"]::after {background-image: url("/image/common/icon/point_plus5.png");}
.badges[data-badges="3"]::after {background-image: url("/image/common/icon/point_plus10.png?1");}
.badges[data-badges="4"]::after {background-image: url("/image/common/icon/point_plus20.png");}
.badges[data-badges="5"]::after {background-image: url("/image/common/icon/point_max10.png");}
.badges[data-badges="6"]::after  {background-image: url("/image/common/icon/fd22_bat.png");}
.badges[data-badges="7"]::after {background-image: url("/image/common/icon/fd22_bat.png");}
.badges[data-badges="10"]::after  {background-image: url("/image/common/icon/zaikosale.png");}
.badges[data-badges="11"]::after {background-image: url("/image/common/icon/saiyasune.png");}
.badges[data-badges="12"]::after  {background-image: url("/image/common/icon/sale.png");}
.badges[data-badges="13"]::after {background-image: url("/image/common/icon/wrapping.png"); width: 237px;top: -35px;}
.badges[data-badges="14"]::after  {background-image: url("/image/common/icon/seikatu.png");}
.badges[data-badges="15"]::after {background-image: url("/image/common/icon/kogata_sen.png");}
.badges[data-badges="16"]::after {background-image: url("/image/common/icon/kogata_muryo_1.png");}
.badges[data-badges="17"]::after {background-image: url("/image/common/icon/longsitei.png");}
.badges[data-badges="18"]::after {background-image: url("/image/common/icon/seikatuouen.png");}
.badges[data-badges="19"]::after {background-image: url("/image/common/icon/rapping.png");}
.badges[data-badges="20"]::after {background-image: url("/image/common/icon/rappingmess.png"); width: 120px;height: 120px;}



/*商品説明・タブ切り替え*/
.shosai-area-explanation {
 width: 100%;
 padding: 20px 0
}
.shosai-area-explanation input[type="radio"] {
 display: none;
}
.shosai-area-explanation .tab-area {
    background: #ffffff;
    padding: 10px 0;
    /* border-bottom: 1px solid #222222; */
    display: flex;
}
.shosai-area-explanation .tab-area label {
 width: 50%;
    padding: 0.4em;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #222222;
}
.shosai-area-explanation .tab-area label:after{
 content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: -14px;
    margin: auto;
    border: 6px solid transparent;
    border-top: 7px solid #222222;
 opacity: 0;
}

.shosai-area-explanation .panel-area{
 padding: 20px 0;
}
.shosai-area-explanation .panel-area .panel{
 display: none;
}

.shosai-area-explanation input[type="radio"]:checked:nth-of-type(2) ~ .tab-area label:nth-of-type(2),
.shosai-area-explanation input[type="radio"]:checked:nth-of-type(1) ~ .tab-area label:nth-of-type(1){
 background: #222222;
 color: #ffffff;
 opacity: 1;
}
.shosai-area-explanation input[type="radio"]:checked:nth-of-type(2) ~ .tab-area label:nth-of-type(2):after,
.shosai-area-explanation input[type="radio"]:checked:nth-of-type(1) ~ .tab-area label:nth-of-type(1):after{
 opacity: 1;
}

.shosai-area-explanation input[type="radio"]:checked:nth-of-type(2) ~ .panel-area .panel:nth-of-type(2),
.shosai-area-explanation input[type="radio"]:checked:nth-of-type(1) ~ .panel-area .panel:nth-of-type(1){
 display: block;
}

/*注意文言*/
.shosai-attention{
 padding: 20px 0;
}

.attention-mask{
 padding: 20px;
 margin: 20px 0;
 border: 1px solid #ddd;;
}

/*保証・キャンペーンバナー*/
.shosai-banner-list{
 text-align: center;
}
.shosai-banner-list li{
 margin-bottom: 10px;
}
.shosai-banner-list li:last-of-type{
 margin-bottom: 20px;
}
/*肉付けエリア*/
.shosai-satail-area{
 max-width: 750px;
 margin: auto;
 overflow: hidden;
}


/*20210831 [バッジ]M.OIKAWA ADD END*/
/*20211221 [ビジネスリニューアル]M.OIKAWA ADD STA*/
div.biz_icon {
 border: 2px solid;
 display: inline-block;
 margin: 2px;
 padding: 2px;
 font-size: 90%;
 border-radius: 5px;
 /* width: 200px; */
 width: 45%;/* 20230828 A.TAHARA [ビジネスリニューアル] ADD */
}


/* div.biz_icon span {
 color: red;
 font-size: 120%;
} */

/*20211221 [ビジネスリニューアル]M.OIKAWA ADD STA*/

/*20220628 [カート遷移ポップアップ]KOMATUBARA ADD STR */
/* 20230228 KOMATUBARA default.cssに移管.alcohol-check * ,
.cart_in_complete * {
 box-sizing: border-box;
}

.alcohol-check,
.cart_in_complete {
 text-align: center;
 font-size: 16px;
}

.alcohol-check ,
.cart_in_complete .cart_in_txt {
 line-height: 2em;
 vertical-align: bottom;
 display: flex;
    align-content: center;
    align-items: center;
 justify-content: center;
}

.cart_in_complete .cart_in_txt i {
 font-size: 30px;
 margin: 0 0.3em;
}

.alcohol-check #alcohol-check ,
.cart_in_complete #cart_in_popup {
 display: none;
}

.alcohol-check .overlay ,
.cart_in_complete .overlay {
 display: none;
}

.alcohol-check #alcohol-check:checked+.overlay ,
.cart_in_complete #cart_in_popup:checked+.overlay {
 display: block;
 z-index: 9999;
 background-color: rgba(0, 0, 0, 0.7);
 position: fixed;
 width: 100%;
 height: 100vh;
 top: 0;
 left: 0;
}

.alcohol-check .window ,
.cart_in_complete .window {
 padding: 20px;
 width: auto;
 height: auto;
 background-color: #ffffff;
 border-radius: 6px;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 overflow: auto;
 max-height: 95vh;
}

@media screen and (max-width: 1000px) {
 .alcohol-check .window ,
 .cart_in_complete .window {
  min-width: 60%;
 }
}

@media screen and (max-width: 700px) {
 .alcohol-check .window ,
 .cart_in_complete .window {
  min-width: 90%;
 }
}

.alcohol-check p ,
.cart_in_complete p {
 padding: 1em 0;
}

.alcohol-check label.button_close,
.alcohol-check label.button_move,
.cart_in_complete label.button_close,
.cart_in_complete label.button_move {
 box-sizing: border-box;
 border: 1px solid #222222;
 border-radius: 3px;
 padding: 0.1em 0.5em;
 display: inline-block;
 cursor: pointer;
 color: #222222;
 margin: 0.2em;
}

.alcohol-check label.button_move ,
.cart_in_complete label.button_move {
 background-color: #222222;
 color: #fff;
}
*/
/*20220628 [カート遷移ポップアップ]KOMATUBARA ADD END */
/*20220822 [発送納期表示] M.OIKAWA ADD */



/*20220915 [AR導入] M.OIKAWA ADD STA*/
.AR {
 text-align: center;
}

.AR img {
 width: 90%;
 cursor: pointer;
}

.AR p {

 width: 90%;
 margin: auto;
 padding: 5px 0px;
 margin-top: 5px;
}

.AR .ar_info {
 margin-bottom: 10px;
 pointer-events: none;
}

/*20220915 [AR導入] M.OIKAWA ADD END*/


/*20220830 [代表KSU] KOMATUBARA ADD STR*/
.item-selects * {
 box-sizing: border-box;
}
.item-selects {
 padding: 10px 0;
}

.item-selects .select-name {
 font-size: 110%;
 margin-top: 1em;
}

.item-selects .btns {
 display: flex;
 flex-wrap: wrap;
 gap:5px;
}

.item-selects .btns[data-count]>li {
 box-sizing: border-box;
 display: flex;
 width: calc((100% - 10px)/3);
 text-align: center;
}
.item-selects .btns[data-count="2"]>li {
 width: calc((100% - 5px)/2);
}

/*TODO*/
@media screen and (max-width:1300px){
 .item-selects .btns[data-count]>li {
  width: calc((100% - 5px)/2);
 }
}
@media screen and (max-width:1200px){
 .item-selects .btns[data-count]>li {
  width: 100%;
 }
}
@media screen and (max-width:1120px){
 .item-selects .btns[data-count]>li {
  width: calc((100% - 10px)/3);
 }
 .item-selects .btns[data-count="2"]>li {
  width: calc((100% - 5px)/2);
 }
}
@media screen and (max-width:500px){
 .item-selects .btns[data-count]>li {
  width: calc((100% - 5px)/2);
 }
}


.item-selects input[type="radio"] {
 display: none;
}

.item-selects label {
 background-color: #fff;
 padding: 0.75em 0.25em;
 border-radius: 3px;
 border: solid 1px #222222;
 font-size: 80%;
 cursor: pointer;
 width: 100%;
 line-height: 1.2;

 display: flex;
    align-items: center;
    justify-content: center;
}

.item-selects input[type="radio"].disabled+label,
.item-selects input[type="radio"]:disabled+label {
 background-color: #ddd;
 color: #eee;
 cursor: pointer;
}
.item-selects input[type="radio"]:checked+label {
 background-color: #FFE8E8;
}

.item-selects .item-selects_info{
 text-align: center;
}
.item-selects .colorcircle{
 gap:10px;
}
.item-selects .colorcircle>li{
 min-width: auto;
 width: 32px !important; 
 height: 32px !important;
 border-radius: 50%;
}
.item-selects .colorcircle>li label{
 border-radius: 50%;
 padding: 0;
 border-color: #c7c7c7;
 overflow: hidden;
 position: relative;
}
.item-selects .colorcircle>li img{
 max-width: 100%;
 border-radius: 50%;
 padding: 1px;
}
.item-selects .colorcircle input[type="radio"]:checked+label {
 background-color: #ffffff;
 /*outline:2px solid #222222;*/
 box-shadow: 0 0 0 1.5px #222222;
 border-color: #ffffff;

}
.item-selects .colorcircle input[type="radio"].disabled+label {
 background-color: #fff;
 border-color: #eee;
}
.item-selects .colorcircle input[type="radio"].disabled+label img{
 opacity: 0.3;
}

.item-selects .colorcircle input[type="radio"].disabled+label:after {
 content:"";
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 top:0;
 left: 0;
 background-image:linear-gradient(to left top, transparent 47.5%, rgb(255, 255, 255) 47.5%, rgb(255, 255, 255) 52.5%, transparent 52.5%);
}



/*20220830 [代表KSU] KOMATUBARA ADD END*/


.shosai-supprt-area .links *{
 box-sizing: border-box;
}
.shosai-supprt-area .links{
 display: flex;
 justify-content: space-between;
 gap :5px;
 margin:50px 0;
 
}
.shosai-supprt-area .links li{
 width: 100%;
 text-align: center;

 border: 1px solid #222222;
 border-radius: 5px;
}
.shosai-supprt-area .links li a{
 line-height: 1.2;
 display: block;
 width: 100%;
 height: 100%;
 padding: 0.75em;
 
 display: flex;
 align-items: center;
    justify-content: center;
}
.shosai-supprt-area .links li:hover {
 background-color: #222222;
}
.shosai-supprt-area .links a:hover{
 color:#ffffff !important;
}
.shosai-supprt-area .shosai-support-qa dl{
 background-color: #EFEFEF;
 margin: 10px auto;
 padding: 20px;
}
.shosai-supprt-area .shosai-support-qa dt{
 margin-bottom: 10px;
 font-weight: bold;
 border-bottom: 1px solid #222222;
 display: flex;
}
.shosai-supprt-area .shosai-support-qa dt:before{
 content:"Q.";
 padding-right:10px;
}
.shosai-supprt-area .shosai-support-qa dd:before{
 content:"A.";
 padding-right:10px;
}

/*レビュー*/
.shosai-review .star_rating{
 font-size: 18px;
}
.shosai-review .review-head{
 display: flex;
 align-items: center;
    align-content: center;
 justify-content: space-between;
}
.shosai-review .review-head.no-review {
    justify-content: center;
}
.shosai-review .review-summary {
 display: inline-flex;
 align-items: center;
    align-content: center;
 gap:8px;
}
.shosai-review .review-summary .score{
 font-size: 22px;
}
.shosai-review .review-summary .count{
 font-size: 11px;
 color:#383838;
 padding-left: 0.5em;
}
.shosai-review .review-head .review-btns a{
 border: 1px solid #222222;
 border-radius: 5px;
 padding: 0.5em ;
 display: inline-flex;
 gap:5px;
}
.shosai-review .review-head .review-btns .write{
 background: #ffffff;
 color: #222222;
}
.shosai-review .review-head .review-btns .write:hover{
 background: #222222;
 color: #ffffff !important;
}
.shosai-review .review-head .review-btns .view{
 background: #222222;
 color: #ffffff;
}
.shosai-review .review-head .review-btns .view:hover{
 background: #ffffff;
 color: #222222 !important;
}

.shosai-review-detail{
 background-color: #EFEFEF;
 margin: 15px 0;
 padding: 20px;
}
.shosai-review-detail dd{
 display: flex;
 justify-content: space-between;
    align-items: center;
    align-content: center;
}
.shosai-review-detail .star_rating{
 font-size: 12px;
}
.shosai-review-detail .user{
 font-size: 14px;
 font-weight: bold;
}
.shosai-review-detail .date{
 font-size: 12px;
}
.shosai-review-detail .item{
 font-size: 11px;
}
.shosai-review-detail .comment{
 padding: 10px 0;
}

.service-guide-links li{
 
 margin: 0.25em 0;
 
}
.service-guide-links li a{

 display: flex;
 align-items: center;
    align-content: center;
    justify-content: flex-start;

}
.service-guide-links li.text a:before{
    content:"help_outline";
    font-family: "Material Icons Outlined";
    font-weight: 300;
    font-size: 24px; 
}
/*20230629 KOMATUBARA ADD STA*/
.service-guide-links li.img img{
    max-width: 100%;
}
/*20230629 KOMATUBARA ADD END*/

/*202301 KOMATUBARA ADD STR [定期便改修]*/
.shosai-teiki-container{
 border: 1px solid #222;
 border-radius: 3px;
 margin: 10px 0;
 margin-top: 30px;
 padding: 5px;
 background: #FDF5F2;
 text-align: center;
}
.shosai-teiki-title{
 display: flex;
 align-items: center;
 justify-content: center;
 border-bottom: #222 1px solid;
 font-weight: bold;
 margin: 10px;
 
}
.shosai-teiki-title i{
 font-size: 40px;;
}
.shosai-teiki-price-container{
 display: inline-block;
}
.shosai-teiki-price-container dd{
 display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
}
.shosai-teiki-price-off{
    display: inline-block;
    background: #E50012;
    /* border-radius: 5em; */
    padding: 3px 10px;
    color: #fff;
    line-height: 1.1;
    font-size: 85%;
}
.shosai-teiki-price{
 color: #E50012;
 font-size: 30px;
 font-weight: bold;
 font-family: "Lato";
 font-family: "Lato";
}
.shosai-teiki-info{
 display: inline-block;
 text-align: left;
}
.shosai-teiki-info li{
 list-style: none;
 padding-left: 1em;
 position: relative;
}
.shosai-teiki-info li:before{
 content: "・";
 position: absolute;
 left: 0;
 top:0;
}
.shohin-teiki-event-comment {
    background: #FFE400;
    color: #222;
    padding: 0.25em 1em;
    margin: 5px 0;
}


.shosai-teiki-btn a{
 display: flex;
 align-items: center;
 background-color: #D5570B;
 color: #fff;
 border: 1px solid #D5570B;
 border-radius: 2em;
 padding: 0.5em;
 margin: 5px 0;
 justify-content: center;
}
.shosai-teiki-btn a:hover{
 color: #D5570B !important;
 background-color: #fff;
}
.shosai-teiki-container .point-detail {
 display: flex;
 align-items: center;
    justify-content: center;
}
.shosai-teiki-container .point-detail .point,
.shosai-teiki-container .point-detail .rate {
 color: #EA0012;
}
/*202301 KOMATUBARA ADD END [定期便改修]*/

/*20230511 KOMATUBARA ADD [クーポン表示]*/

.shosai-coupon-link{
    display: flex;
    align-items: center;
    background-color: #1051c9;
    color: #fff !important;
    border: 1px solid #1051c9 !important;
    border-radius: 2em;
    padding: 0.5em;
    margin: 5px 0;
    justify-content: center;
 text-align: center;

}
.shosai-coupon-link:after{
 font-family: 'Material Icons';
    content: "navigate_next";
    font-size: 1.5em;
 
}
.shosai-coupon-link:hover{
    color: #1051c9 !important;
    background-color: #fff;
 
}
/*20230511 KOMATUBARA ADD [クーポン表示]*/

/*--------------------*/

/*全体レイアウト*/
.shosai-area {
 margin: 20px auto;
 display: grid;
 grid-template-columns: 750px 1fr;
 gap:0 40px;
}

.shosai-area-1 {
 grid-row: 1 / 2;
 grid-column: 1 / 2;
 z-index: 1;
 
}
.shosai-area-2 {
 grid-row: 1 / 3;
 grid-column: 2 / 3;
 z-index: 9;
 min-height: 100%;
 
}
.shosai-area-3 {
 grid-row: 2 / 3;
 grid-column: 1 / 2;
 /*z-index設定しない!*/
}

.smp{display: none;}
/*20241210 R.SUGAWARA MOD STA
@media screen and (max-width:1180px){
*/
@media screen and (max-width:980px){
/*20241210 R.SUGAWARA MOD END*/
 .shosai-area {
  display: flex;
  flex-direction: column;
 }
 .shosai-order-area .shosai-order-area-item-inner{
  border: none;
  padding: 10px;
  text-align: left;
 }
 /* .smp{display: block;} */
 .shosai-price-area,
 .shosai-point-area{
  text-align: left;
 }
 .shosai-order-area-item-inner .shosai-price-area,
 .shosai-order-area-item-inner .shosai-point-area{
  display: none;
 }
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area,
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area *{
  box-sizing: border-box;
 }
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-around;
  gap:10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  gap:20px;
 }
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area *{
  height: 100%;
  margin: 0;
 }
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area .item-status-comment .comment{
  white-space: nowrap;
 }

 .shosai-order-area .shosai-order-area-item-inner .cart-in-area > div:nth-child(2){
  width: 100%;

 }

 .shosai-order-area .shosai-order-area-item-inner .shosai-wish-review-link{
  /*display: none;*/
 }

 .shosai-main-slider .shosai-main-slider-nav::-webkit-scrollbar {
 width: 8px;
 }

 .shosai-main-slider .shosai-main-slider-nav::-webkit-scrollbar-track {
  background-color: #efefef;
  border-radius: 4px;
 }

 .shosai-main-slider .shosai-main-slider-nav::-webkit-scrollbar-thumb {
  background-color: #727272;
  border-radius: 4px;
 }
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area .cart-in-quantity select,
 .shosai-order-area .shosai-order-area-item-inner .cart-in-area .buy-btn{
  padding: 1.5em 0.5em;
  text-align: center;
 }
}
@media screen and (max-width:700px){
 .shosai-main-slider .shosai-main-slider-nav li{
  width: 100%;
 }

}
/*20241210 R.SUGAWARA ADD STA*/
@media screen and (max-width:980px){
    .shosai-order-area .shosai-order-area-item-inner .shosai-price-area{
     display: block;
     text-align: center;
    }
}
@media screen and (min-width:981px) and (max-width:1200px){
    .shosai-order-area .shosai-order-area-item-inner .cart-in-area .cartbtns{
        display: unset;
    }
    .shosai-order-area .shosai-order-area-item-inner .cart-in-area .cartbtns a{
        width: auto;
        margin-bottom: 4px;
    }
}
/*20241210 R.SUGAWARA ADD END*/
/*--------------------*/

/******************************************
20230314 M.OKAMOTO ADD[ｻｲﾄ内検索ﾘﾆｭｰｱﾙ]
*******************************************/
#main_hashtag .hashtag {
 /* margin: 5px 0; */
}
#main_hashtag .hashtag ul{
 list-style: none;
 padding-left: 0;
 display:flex;
 flex-wrap: wrap;
}
#main_hashtag .hashtag a{
    margin-right: 3px;
    /*font-size: 90%; 20240703 M.OKAMOTO DEL[awoo] */
}

/**************************************
20230612 R.WATANABE ADD[アコーディオン]
***************************************/
.inner_content_shosai .more{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    background-color: #fff;
    color: #222222;
    padding: 8px;
    border-radius: 7px;
    margin: 9px 215px;
    border: solid 1px #222222;
}
div#more_view {
    transition: .3s;
    overflow: hidden;
}
.grade::before{
    position: absolute;
    background: linear-gradient(0deg, rgba(255,255,255,1) 13%, rgba(255,255,255,0.49343487394957986) 36%, rgba(255,255,255,0) 60%);
    height: 160px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    pointer-events: none;
}
.grade {
    position: relative;
}
.inner_content_shosai .more:hover{
    background-color: #222222;
    color: #fff;
    transition: .2s;
}

/*20230615 KOMATUBARA ADD [会員限定商品] STA*/
.shosai-order-area-item .login_btn *{
    box-sizing: border-box;
}
.shosai-order-area-item .login_btn ul{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap:5px;
    margin: 10px auto;
}
.shosai-order-area-item .login_btn ul li{
    width: 100%;
}
.shosai-order-area-item .login_btn ul li a{
    display: block;
    width: 100%;   
    padding: 3px 0 ; 
    cursor: pointer;
}
/*20230615 KOMATUBARA ADD [会員限定商品] END*/


/*20230904 KOMATUBARA ADD [youtube読み込み検証]*/
.shosai-datail-area .youtube_box{
    margin-bottom: 15px;
}
.shosai-datail-area iframe{
    border: none;
}
.shosai-datail-area .yt {
    position:relative;
  }
  .shosai-datail-area .yt_play {
    position: absolute;
  }
  .shosai-datail-area   .yt_play:hover {
    cursor:pointer;
  }
  .shosai-datail-area   .yt_play::before { /* YouTubeアイコン */
    position: absolute;
    background: url(/IMAGE/movie/yt_icon_mono_light.png);
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    width: 70px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform : translate(-50%,-50%);
    opacity: .90;
    transition:.5s;
  }
  /*20230904 KOMATUBARA ADD [youtube読み込み検証]*/
  
  .shosai-datail-area   .yt_play:hover::before { /* YouTubeアイコン */
    cursor: pointer;
    background-image:url(/IMAGE/movie/yt_icon_rgb.png);
  }

  /* 20231017 M.OKAMOTO ADD[日めくりﾎﾟｲﾝﾄ倍率計算] STA */  
[class^="win-navi-modal-"]{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}
.win-navi-wrap {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    white-space: nowrap;
}
.win-navi-wrap::-webkit-scrollbar {
    display: none;
}
.win-navi-wrap:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
}
.win-navi-bg {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.3);
    width: 100%;
    height: 100%;
}
.win-navi {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    min-width: 500px;
    padding: 30px;
    margin: auto;
    border: solid 1px #222;
    border-radius: 5px;
    background: #FFF;
    text-align: left;
    overflow-y: auto;
    max-height: 90%;
}
.win-navi-close{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.win-navi-close span {
    font-size: 3em;
}
[class^="win-navi-modal-"] .point-detail{
    margin: 20px 10px;
}
[class^="win-navi-modal-"] .point-detail dd{
    float: left;
}
[class^="win-navi-modal-"] .point-detail dd.pt{
    float: right;
}
[class^="win-navi-modal-"] .point-detail .title{    
    border-bottom: solid 1px #b10e1b;
    color: #b10e1b;
    margin: 10px 0 5px;
}
[class^="win-navi-modal-"] .point-detail hr.summary{
    border-top: double;
    margin: 15px 0 5px;
}
[class^="win-navi-modal-"] .point-detail dd.summary{
    font-size: 1.3em;
    font-weight: bold;
}
[class^="win-navi-open-"] {
    border: none;
    background: none;
    font-weight: lighter;
    cursor: pointer;
}
[class^="win-navi-open-"] .material-icons-outlined {
    position: relative;
    top: 5px;
    font-size: 1.5em;
}
[class^="win-navi-modal-"] .info{    
    color: #797979;
    font-size: 90%;
    font-weight: lighter;
    text-align: left;
    width: 100%;
    float: right;
    margin: 30px 0 0 0;
}
/* 20231017 M.OKAMOTO ADD[日めくりﾎﾟｲﾝﾄ倍率計算] END */  

/* 20231024 KANDA ADD[クーポン獲得]STA*/

  .shosai-coupon-price{
    display: flex;
    background-color: #FFe8e8;
    padding: 0.25em 0.4em;
    overflow: hidden;
    /* margin: 10.25em 10; */
    vertical-align: middle;
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }

.shosai-coupon-price  .get-button{
    display: inline-block;
    border-radius: 5px;
    align-items: center;
    background-color: #1051c9;
    color: #fff !important;
    border: 1px solid #1051c9 !important;
    padding: 0.25em 1em;
    margin: 0.25em 0;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }

.shosai-coupon-price  .coupon-info{
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 5px;
    /* white-space: nowrap; */
    width: 100%;
    justify-content: center;
  }

.shosai-coupon-price .get-button:after{
 font-family: 'Material Icons';
    font-size: 1.5em;
 
}
.shosai-coupon-price .get-button:hover{
    color: #1051c9 !important;
    background-color: #fff;
 
}

.shosai-coupon-price .get-button a:hover{
    color: #1051c9 !important;
}

.shosai-coupon-price .get-button a{
    display: block;
}

.shosai-coupon-price .discount-price{
    color: red;
    white-space: nowrap;
}

.shosai-coupon-price .plazaicon-coupon{
    top: 100px;
    border: 2px solid #8b8c96;
    background-color: #8b8c96;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    white-space: nowrap;
    border-radius: 50%;
    text-align: center;
}

/* 20231024 KANDA ADD[クーポン獲得]END*/


/*20231107 KOMATUBARA [二重価格表記] ADD STA*/

.shosai-price-area .price-detail .original_price{
    padding-bottom: 0.25em;
}
.shosai-price-area .price-detail .original_price *{

    font-size: 90%;
    color: #8a8585;
}
.shosai-price-area .price-detail .original_price .price_dell{  
    position: relative;
    font-family: "Lato";
    font-weight: bold;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

/*20231107 KOMATUBARA [二重価格表記] ADD END*/

/* 20240208 M.OKAMOTO ADD[Smartpay] STA */
.smartpay-osm-product {
	padding: 5px 0 0;
}
.smartpay-osm-product button{
	display: none !important;
}
/* 20240208 M.OKAMOTO ADD[Smartpay] END */

/* 20240129 M.OIKAWA ADD [ビジネス訴求] STA */
.business_display{
    color:#34377b;
    margin-top: 10px;
    padding-top: 0 !important;
    background-color: #f0f7ff;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}
.business_display .price{
    font-weight: bold;
    font-size: 20px;
    color: #34377b;
}
.business_display .win-navi-close{
    font-family: 'Material Icons Outlined';
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    background-color: #e9e9e9;
    height: 22px;
    width: 22px;
    font-size: 22px;
    cursor: pointer;
}
.business_display .business_price a {
    text-decoration: underline;
}
/* 20240129 M.OIKAWA ADD [ビジネス訴求] END */

/* 20240206 R.SUGAWARA ADD STA [ログイン/未ログイン クーポン切替] */
.shosai-coupon-price  .no-action-cpget button{
	border-radius: 5px;
	background-color: #1051c9;
	color: #fff;
	border: 1px solid #1051c9;
	padding: 0.25em 1em;
	margin: 0.25em 0;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: .06em;
	line-height: 1.714em;
}
/* 20240206 R.SUGAWARA ADD END [ログイン/未ログイン クーポン切替] */

/* 20240308 M.OIKAWA MOD [セット革命] STA */
li.set_kakumei_badge {
    position: relative;
}
li.set_kakumei_badge.swiper-slide-active::after {
    content:"";
    color: #fff;
    display: block;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: none;
    width: 140px;
    height: 140px;
    top: 0px;
    right: 420px;
    z-index: 99;
    pointer-events: none;
    background-image: url("/image/common/icon/set_icon.png");
}

/* 20240308 M.OIKAWA MOD [セット革命] END */

/*20240514 R.SUGAWARA ADD STA [アイリス祭ビンゴ制御]*/
.shosai-icons .icon{
    font-size: 12px;
    padding: 1.8px;
}
.shosai-icons .irisfesbingo{
    /*20240515 R.SUGAWARA MOD STA [アイリス祭ビンゴアイコン修正]
    border: solid 1px #565656;
    color: #565656;
    */
    background-color: #35c518;
    color: #fff;
    /*20240515 R.SUGAWARA MOD END [アイリス祭ビンゴアイコン修正]*/
}
/*20240514 R.SUGAWARA ADD END [アイリス祭ビンゴ制御]*/

.shosai-area .m_medama{
    display: none;
}

/*20241026 KOMATUBARA ADD[Mirakl] STA*/
.link-blue{
    color: #3a5a95 !important;
}
.shop-name,
.other-shop{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.other-shop,
.other-shop *,
.shop-name ,
.shop-name *{
    font-size: 12px;
}
.other-shop i{
    font-size: 14px;
}

.other-shop{
    cursor: pointer;
}
/*オファーモーダル*/
.shohin-offer{
    position: fixed;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    top: 0;
    right: 0;
    width: fit-content;
    height: 100vh;
    overflow-y: scroll;
    pointer-events: auto;
    

    transform: translateX(100%);
    transition: .5s;
}
.shohin-offer.active{
    transform: translateX(0);    
}
.shohin-offer.active:before{
    font-family: 'Material Icons';
    content: 'close';
    font-size: 30px;
    color: #fff;
    padding: 3px;
    cursor: pointer;
}
.shohin-offer-list{
    z-index: 998;
    position: fixed;
    top: 0;
    right: 0;
}
.shohin-offer-list:has(.active){
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
    transition: .5s;
    pointer-events: auto;
}

.shohin-offer .offers{
    padding: 20px  0;
    background-color:#fff;
        height: 100%;
    box-sizing: border-box;
}
.shohin-offer .offers li{
    padding: 20px 30px;
}
.shohin-offer .offers li+li{
    border-top: 1px solid #ddd;
}
.shohin-offer .price-detail,
.shohin-offer .price-detail * {
    color: #EA0012;
    line-height: 1.2;
    font-size: 12px;
}
.shohin-offer .price{
    font-family: "Lato";
    font-weight: bold;
    font-size: 24px;
}
.shohin-offer .point-detail *{
    color: #EA0012;
}
.shohin-offer .point-detail{
    display: flex;
}
.shohin-offer .lead-time{
    padding: 10px 0;
}
.shohin-offer .lead-time div{
    background-color: #e9e9e9;
    text-align: center;
    padding: 2px 10px;
}
.shohin-offer .contact{
    text-align: right;
}
.shohin-offer .contact a{
    font-size: 12px;
}
.shohin-offer .cart-in{
  
    display: flex;
    align-items: center;
    justify-content: center;
}
.shohin-offer .cart-in{
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 5px;
    width: fit-content;
}

.shohin-offer .cart-in a{
    text-decoration: none !important;
    display: inline-flex;
    text-align: center;
    padding: 0.5em;

    color: #ffffff !important;
    background-color: #e50012;
    border: 1px solid #e50012;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}

.shohin-offer .cart-in a:hover{
    background-color: #fff;
    color: #222222 !important;
    border: 1px solid #222222 !important;
}

.shohin-add-info {
    border: none;
    margin-top: 2em;
}
.shohin-add-info.type1 th{
    vertical-align: top;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: normal;
}
.shohin-add-info.type1 th:after{
    content: ":";
    padding: 0 0.5em;
}
.shohin-add-info.type2 th{
    background-color: #efefef;
	font-weight: normal;
	padding: 2px 0.5em;
    min-width: 10em;
}
.shohin-add-info.type2 td{
    padding: 0 0.5em;
}
.shohin-add-info td{
    vertical-align: middle;
}
.shohin-add-info span{
    padding-left: 0.3em;
    font-size: 11px;
}
/*20241026 KOMATUBARA ADD[Mirakl] END*/

/*20250210 Y.ABE ADD STA [決算セール]*/
.inner_content_shosai .shosai-teiki-btn .kessan_teiki_btn{
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #d5570b;
    color: #d5570b;
}
.inner_content_shosai .shosai-teiki-btn .kessan_teiki_btn:hover{
      background-color: #d5570b;
      color: #fff !important;
  }
  /*20250210 Y.ABE ADD END [決算セール]*/

  /*20250411 Y.ABE ADD STA [ビジネス申込番号]*/
.business-no{
	padding-top: 5px;
    text-align: left;
}
/*20250411 Y.ABE ADD END [ビジネス申込番号]*/
  

/* 20250418 T.ABE [べビサポ会員UI作成] ADD STA */
.baby_stamp {
    position: relative;
 }
 .baby_stamp::before{
    content: "";
    position: absolute;
    top: 10px;
    right: 50px;
    background-image: url("/IMAGE/common/icon/icon_stamp_baby.png");
    width: 100px;
    height: 100px;
    background-size: 100px;
 }

 .pet_stamp {
    position: relative;
 }
 .pet_stamp::before{
    content: "";
    position: absolute;
    top: 10px;
    right: 50px;
    background-image: url("/IMAGE/common/icon/icon_stamp_pet.png");
    width: 100px;
    height: 100px;
    background-size: 100px;
 }
/* 20250418 T.ABE [べビサポ会員UI作成] ADD END */

.cart-in-area .btn-entry{
    background: #e50012;
    color: #FFF;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    margin: 8px 0;
}

#contactChoice1, 
#contactChoice2{
    appearance: auto;
}
.ancate{
    border: solid 1px #838383;
    padding: 5px;
    border-radius: 5px;
    background: #f1f1f1;
}
.small {
    line-height: 1.3em;
}
.small span{
    font-size: 12px;
}