@charset "shift_jis";
/******************
商品詳細ページ
********************/ 
:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightbeige: #cbc1ae;

	--main-clr-white: #f4f5f0;
	--main-clr-gray: #7f7c7a;
	--main-clr-red: #d07157;

	--clr-ss-black: #48413b;
	--clr-sale: #cc0000;
}

/* .shosai-order-area-item input,
.shosai-order-area-item select {
	20240509 R.SUGAWARA DEL STA [商品ページレイアウト改修]
	-webkit-appearance: none;
	appearance: none;
	20240509 R.SUGAWARA DEL END [商品ページレイアウト改修] 
}*/
.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: 20px;
	line-height: 1;
	margin: 30px 0;
	padding-bottom: 20px;
    border-bottom: 1px solid #C1B8A9;
    display: flex;
    align-content: center;
    align-items: center;
}
/*20240516 R.SUGAWARA MOD STA [商品名切替修正]
.shosai-area h2.shosai-h2 {
*/
.shosai-area h2.shosai-h1 {
/*20240516 R.SUGAWARA MOD END [商品名切替修正]*/
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
    border-bottom: none;
	margin: 0;
	padding-bottom: 0;
}
.shosai-area h2 i{
	padding-right: 5px;
}


.shosai-links{
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch; 
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 30px 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;
}
.shosai-share-button li{
	font-size: 12px;
}
.shosai-share-button li.headline:after{
	content: "：";
}
.shosai-share-button i{
	font-size: 24px;
	display: flex;
}
.shosai-detail-view-btn{
	border-bottom: 2px solid var(--clr-ss-black);
	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;
}

/*250704 コピーアイコン用モーダル*/
#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%.2px);
    text-align: center
}





/*-------------------*/
/*ボタン・黒（カートに入れる）*/
.shosai-btn-white,
.shosai-btn-black,
.shosai-btn-ar{
	text-decoration: none !important;
    display: inline-flex;
	text-align: center;
	padding: 0.5em;
    background-color: var(--clr-ss-black);
    color: #ffffff !important;
    border: 1px solid var(--clr-ss-black) !important;
    border-radius: 5px;
	justify-content: center;
    align-items: center;
    align-content: center;
}
.shosai-btn-black.flex,
.shosai-btn-white.flex,
.shosai-btn-ar.flex{
	display: flex;
}
.shosai-btn-black:hover,
.shosai-btn-ar:hover{
	background-color: #fff;
	color: var(--clr-ss-black) !important;
}
.shosai-btn-white{
	background-color: #fff;
	color: var(--clr-ss-black) !important;
}
.shosai-btn-white:hover{
	background-color: var(--clr-ss-black);
	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;
    /* //20250521 T.ABE DEL STA [商品ページ改修(追加)] */
	/* margin-bottom: 12px; */
    /* //20250521 T.ABE DEL END [商品ページ改修(追加)] */

}
.shosai-icons img{
    /* 20250521 T.ABE MOD STA [商品ページ改修(追加)] */
	/* width: 70px; */
    width: auto;
    /* 20250521 T.ABE MOD END [商品ページ改修(追加)] */
    /* 20250521 T.ABE ADD STA [商品ページ改修(追加)] */
    height: 24px;
    /* 20250521 T.ABE ADD END [商品ページ改修(追加)] */
}
.shosai-icons .long_icon img{
	width: 100%;
}

/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] STA*/
.shosai-order-soryo {
	font-size: 17px;
	/* font-weight: bold; */
	margin-top: 0.5em;
}
.shosai-order-soryo span {
	color: var(--main-clr-red);
	font-size: 100%;
	/* font-weight: bold; */
}
/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] END*/

.shosai-leadtime {
	text-align: center;
	width: 100%;
	margin-bottom: 12px;
	/*20240501 N.KASAHARA DEL [商品ページレイアウト改修] STA
	padding: 0.25em 0;
	background: #e9e9e9;
	20240501 N.KASAHARA DEL [商品ページレイアウト改修] END*/
    /* //20250515 T.ABE ADD STA [商品ページ改修] */
    background: #e9e9e9;
    margin-top: 20px;
    padding: .25em 0;
    /* //20250515 T.ABE ADD END [商品ページ改修] */
}
.shosai-leadtime[data-leadtime=""]{
	display: none;
}

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

/* 20240405 R.SUGAWARA ADD STA */
.shosai-order-area .shosai-order-pay{
	padding-top: 12px;
	text-align: left;/*20240501 N.KASAHARA ADD [商品ページレイアウト改修]*/
}
.shosai-order-area .shosai-order-pay img{
	width: 84%;
}
/* 20240405 R.SUGAWARA ADD END */

/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] STA*/
/* カート内：お問い合わせ */
.shosai-order-area .shosai-otoiawase {
	text-align: left;
	margin-top: 30px;
}
.shosai-order-area .shosai-otoiawase img {
	vertical-align: text-bottom;
	margin-right: 3px;
}
.shosai-order-area .shosai-otoiawase a {
	text-decoration: underline;
}

/* カート内：レビュー*/
.shosai-review-star {
	position: relative;
	text-align: left;
	margin-top: 8px;
}
.review-summary {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 3px;
}
.review-summary > img {
	display: inline-block;
	width: 17px;
	height: auto;
	padding-bottom: 2px;
}
.review-summary > dd > a {
	text-decoration: underline;
}
/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] END*/

/*.shosai-order-area .shosai-order-area-item-inner{
	padding: 20px;
	border: 1px solid var(--clr-ss-black) !important;
	border-radius: 5px;

}*/

/*価格*/
.shosai-price-area {
	/* text-align: center; 20240501 N.KASAHARA ADD [商品ページレイアウト改修] */
	margin: 10px auto;
}
/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] STA*/
.shosai-price-area .price-flex-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
    /* //20250519 T.ABE MOD STA [商品ページ改修(追加)] */
	/* gap: 20px; */
    gap: 5px;
    /* //20250519 T.ABE MOD END [商品ページ改修(追加)] */
	margin: 20px auto;
    /* //20250519 T.ABE ADD STA [商品ページ改修(追加)] */
    flex-direction: column;
    align-items: flex-start;
    /* //20250519 T.ABE ADD END [商品ページ改修(追加)] */
}
/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] END*/

.shosai-price-area .price-detail *{
	line-height: 1.2;
}
.shosai-price-area .price-detail{
	display: inline-block;
	margin: auto;
	text-align: left;
}
.shosai-price-area .price-detail .price-type{
	color: var(--clr-ss-black);
}
.shosai-price-area .price-detail.red .price-type{
	color: #EA0012;
}
.shosai-price-area .price-detail.default .price-type{
	display: none;
}
/* 20221221 M.OIKAWA [ポイントUPアイコン] ADD STA */
.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{
	/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] STA*/
	/* 2024.01 変更*/
	/*
	color: #cc0000;
	font-size: 80%;
	*/
	/*color: #383838;*/
	color: var(--main-clr-red);
	font-size: 80%;
	/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] END*/
}
/* 20250519 T.ABE ADD STA [商品ページ改修(追加)] */
.shosai-price-area .price-detail .price-intax img{
    height: 24px;
    width: auto;
    margin-bottom: 5px;
    margin-left: 5px;
}
/* 20250519 T.ABE ADD END [商品ページ改修(追加)] */
/* 20221221 M.OIKAWA [ポイントUPアイコン] ADD END */
.shosai-price-area .price{
	/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] STA*/
	/* 2024.01 変更*/
	/*
	color: #cc0000;
	*/
	/*color: #EA0012;*/
	color: var(--main-clr-red);
	/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] END*/
	font-weight: bold;
	font-size: 30px;
}
.shosai-price-area .price.del{
	color: inherit;
	text-decoration:line-through;
}
/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] STA
.shosai-price-area .price_tax{
*/
.shosai-price-area .price-tax{
	/*
	font-size: 13px;
	*/
	font-size: 12px;
	color: var(--main-clr-red);
}
/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] END*/
.shosai-price-area .point-datail{
	text-align: center;
	margin-bottom: 0.5em;
}
.shosai-price-area .point-detail dd{
	display: inline-block;
	/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] STA*/
	background-color: var(--main-clr-white);
	padding: 3px 17px;
	/*20240501 N.KASAHARA ADD [商品ページレイアウト改修] END*/
}
.shosai-price-area .point,
.shosai-price-area .rate{
	/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] STA*/
	/* 2024.01 変更*/
	/*
	color: #cc0000;
	*/
	/*color: #EA0012;*/
	/* 2024.05 変更*/
	color: var(--clr-ss-black);
	/*color: #cc0000;*/
	/*20240501 N.KASAHARA MOD [商品ページレイアウト改修] END*/
    /* 20250521 T.ABE ADD STA [商品ページ改修(追加)] */
    background-color: var(--main-clr-white);
    padding: 3px 17px;
    /* 20250521 T.ABE ADD END [商品ページ改修(追加)] */

}
/*カートエリア・テキスト*/
.event-comment{
    display: inline-block;
    background-color: #FFe8e8;
    padding: 0.25em 1em;
    margin: 0.25em 0;
}
.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;
}
.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;
}

.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;
	gap:40px;
}
.shosai-main-slider .swiper-slide a {
	position: relative;
	display: block;
}
.shosai-main-slider img {
	width: 100%;
	max-height: 100%;
}
.shosai-main-slider .swiper-container {
	max-width: 600px;
	/* max-height: 600px; */
	max-height: 700px; /* 20231109 A.TAHARA ADD [商品ページ]*/
	margin: 0;
	height: auto;
	text-align: left;
	width: 100%;
}

.shosai-main-slider .shosai-main-slider-nav {
    width: 20%;
    aspect-ratio: 2 / 10;
    max-height: 600px;
    height: auto;
    overflow-y: scroll;
    display: flex;
    align-items: 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.current {
	border-color: var(--clr-ss-black);
}
.shosai-main-slider .shosai-main-slider-nav li a {
	pointer-events: none!important;
}
.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-main-slider .swiper-button-next,
.shosai-main-slider .swiper-container-rtl .swiper-button-prev,
.shosai-main-slider .swiper-button-prev,
.shosai-main-slider .swiper-container-rtl .swiper-button-next {
	background: none;
	top: auto;
	bottom: 24px;
	height: 500px;
	margin-top: 0;
}
.shosai-main-slider .swiper-button-next::after,
.shosai-main-slider .swiper-container-rtl .swiper-button-prev::after,
.shosai-main-slider .swiper-button-prev::after,
.shosai-main-slider .swiper-container-rtl .swiper-button-next::after {
	position: absolute;
	bottom: 16px;
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.shosai-main-slider .swiper-button-next::after {
	right: 16px;
	transform: rotate(45deg);
}
.shosai-main-slider .swiper-button-prev::after {
	left: 16px;
	transform: rotate(-135deg);
}

.shosai-main-slider > .swiper-container > .swiper-wrapper li a { position: relative;}
.shosai-main-slider > .swiper-container > .swiper-wrapper li a::before {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	display: inline-block;
	content: "";
	width: 48px;
	height: 48px;
	background: url(/IMAGE/common/icon/icon_expansion.png) no-repeat center center;
	background-size: 24px auto;
}

/**/
.shosai-main-slider-hide {
	display: none;
}
.modaal-fullscreen .modaal-content-container{
	background: #333;
	color: #fff;
	text-align: center;
}
.modaal-fullscreen .modaal-close{
	background: none!important;
	right: 24px!important;
}
/*クローズボタンの×の色変更*/
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666!important;
}

ul.smsh {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
ul.smsh li {
    max-width: 600px;
	display: flex;
	flex-direction: column;
    text-align: left;
}
ul.smsh li img {
    width: 600px;
	height: auto;
}
ul.smsh li p {
    padding: 10px 0;
}

/* 20240405 R.SUGAWARA ADD STA [商品訴求アイコン設置] */
.shosai-main-slider .shosai-icons{
	display: inline-flex;
	flex-wrap: nowrap;
	gap: 4px;
}
.shosai-main-slider .shosai-icons img{
	height: 24px;
}
/* 20240405 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");}



/*商品説明・タブ切り替え*/
.shosai-area-explanation {
	width: 100%;
	padding: 20px 0
}
.shosai-area-explanation input[type="radio"] {
	display: none;
}
.shosai-area-explanation .tab-area {
    background: transparent;
    padding: 10px 0;
    /* border-bottom: 1px solid var(--clr-ss-black); */
    display: flex;
}
.shosai-area-explanation .tab-area label {
	width: 50%;
    /* padding: 0.4em; */
	padding: 1em 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background: #7E7C7F;

    /* border-bottom: 1px solid var(--clr-ss-black); */
}
.shosai-area-explanation .tab-area label:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    border: 12px solid transparent;
    /* border-top: 7px solid var(--clr-ss-black); */
	border-top: 14px solid var(--main-clr-red);
	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: var(--clr-ss-black);*/
	background: var(--main-clr-red);
	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;
}

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

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

/*20220628 [カート遷移ポップアップ]KOMATUBARA ADD STR */
.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;
	/* label でコントロールするので input は非表示に */
}

.alcohol-check .overlay ,
.cart_in_complete .overlay {
	display: none;
	/* input にチェックが入るまでは非表示に */
}

.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 var(--clr-ss-black);
	border-radius: 3px;
	padding: 0.1em 0.5em;
	display: inline-block;
	cursor: pointer;
	color: var(--clr-ss-black);
	margin: 0.2em;
}

.alcohol-check label.button_move ,
.cart_in_complete label.button_move {
	background-color: var(--clr-ss-black);
	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;
	/* 20240508 N.KASAHARA ADD [商品ページレイアウト改修] STA */
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	/* 20240508 N.KASAHARA ADD [商品ページレイアウト改修] END */
}
/* 20240508 N.KASAHARA ADD [商品ページレイアウト改修] STA */
/* .item-selects .cart-in-quantity, */
.item-selects .ciq-area,
.item-selects .cart-in-area { width: 100px; }
.item-selects .item-kikaku,
.item-selects .item-selects_info,
.item-selects .item-kikaku-colorcircle { width: 100%;}
.item-selects .item-kikaku-colorcircle .select-name { margin-top: 0!important; }

/* 個数があるときの色玉の幅*/
/*.item-selects .cart-in-quantity + .item-kikaku-colorcircle,*/
.item-selects .ciq-area + .item-kikaku-colorcircle,
.item-selects .cart-in-area + .item-kikaku-colorcircle { width: calc(100% - 100px)!important;}

/* 20240508 N.KASAHARA ADD [商品ページレイアウト改修] END */

.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 var(--clr-ss-black);
	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;
	margin-top: 5px; /*20240508 N.KASAHARA ADD [商品ページレイアウト改修]*/
}
.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 var(--clr-ss-black);*/
	box-shadow: 0 0 0 1.5px var(--clr-ss-black);
	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 var(--clr-ss-black);
	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: var(--clr-ss-black);
}
.shosai-supprt-area .links a:hover{
	color:#ffffff !important;
}
.shosai-supprt-area .shosai-support-qa{
	margin: 0 auto 60px;
}
.shosai-supprt-area .shosai-support-qa dl{
	/*background-color: #EFEFEF;*/
	margin: 10px auto;
	padding: 0 20px;
}
.shosai-supprt-area .shosai-support-qa dt{
	margin-bottom: 15px;
	/* font-weight: bold; */
	/* border-bottom: 1px solid var(--clr-ss-black); */
	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 {
	margin-bottom: 60px;
}
.shosai-review .star_rating{
	font-size: 16px;
}
.shosai-review .review-head{
	display: flex;
	align-items: center;
    align-content: center;
	/* justify-content: space-between; */
	justify-content: center;
	margin-bottom: 20px; /*20240202 R.SUGAWARA ADD*/
}
.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: 16px;
	margin-right: 0.5em;
}
.shosai-review .review-summary .count{
	font-size: 16px;
	color:#383838;
	/* padding-left: 0.5em; */
}

.shosai-review .review-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}

.shosai-review .review-btns a {
	position: relative;
	width: 300px;
	/* border: 1px solid var(--clr-ss-black); */
	border-radius: 0;
	padding: 0.5em 0;
	display: inline-flex;
	gap: 5px;
}
.shosai-review .review-btns .write{
	background: #ffffff;
	color: var(--clr-ss-black);
}
.shosai-review .review-btns .write:hover{
	background: var(--clr-ss-black);
	color: #ffffff !important;
}
.shosai-review .review-btns .view{
	background: var(--clr-ss-black);
	color: #ffffff;
}
.shosai-review .review-btns .view:hover{
	background: #ffffff;
	color: var(--clr-ss-black) !important;
}

.shosai-review-detail{
	width: calc(100% - 20px*2);
	background-color: #fff;
	margin: 15px auto 0;
	padding: 20px;
	border: solid 1px #e1e1e1;
	border-radius: 10px;
	box-sizing: border-box;
}
.shosai-review-detail dd{
	display: flex;
	justify-content: space-between;
    align-items: center;
    align-content: center;
}
.shosai-review-detail dd:nth-of-type(n+2) { margin-top: 5px;}
.shosai-review-detail .star_rating{
	font-size: 12px;
}

.shosai-review-detail .user{
	font-size: 14px;
	font-weight: bold;
}
.shosai-review-detail .date{
	color: #aaa;
	font-size: 12px;
	padding-left: 1em;
}
.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 a:before{
	content:"help_outline";
	font-family: "Material Icons Outlined";
	font-weight: 300;
	font-size: 24px;	
}

/*202301 KOMATUBARA ADD STR [定期便改修]*/
/*TODO:作業中*/
.shosai-teiki-container{
	border: 1px solid var(--clr-ss-black);
	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: var(--clr-ss-black) 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: var(--clr-sale);
    /* border-radius: 5em; */
    padding: 3px 10px;
    color: #fff;
    line-height: 1.1;
    font-size: 85%;
}
.shosai-teiki-price{
	color: var(--clr-sale);
	font-size: 30px;
	font-weight: bold;
}
.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: var(--clr-ss-black);
    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 [定期便改修]*/

/*202310 KOMATUBARA ADD [クーポン] STA*/
.shosai-coupon-link {
    display: flex;
    align-items: center;
    background-color: #EA0012;
    color: #fff!important;
    border: 2px solid #000!important;
    border-radius: 5px;
    padding: 0.5em;
    margin: 5px 0;
    justify-content: center;
    text-align: center;
	font-weight: bold;
}
.shosai-coupon-link:after {
    font-family: 'Material Icons';
    content: "navigate_next";
    font-size: 1.5em;
}
.shosai-coupon-link:hover {
	background-color: #ffffff;
	color: #000 !important;
}
/*202310 KOMATUBARA ADD [クーポン] END*/

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

/*全体レイアウト*/
.shosai-area {
	margin: 20px auto;
	display: grid;
	grid-template-columns: 750px 1fr;
	gap:0 40px;
	padding-top: 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;*/
	grid-row: 1 / 2;
    grid-column: 2 / 3;
    /* 20250521 T.ABE ADD STA [商品ページ改修(追加)] */
    margin-top: 20px;
    /* 20250521 T.ABE ADD END [商品ページ改修(追加)] */

}
.shosai-area-3 {
	/* grid-row: 2 / 3;
	grid-column: 1 / 2; */
	/*z-index設定しない!*/
	grid-row: 2 / 3;
    grid-column: 1 / 3;
	width: 900px;
	margin: 0 auto;
}
.shosai-area-4 {
	/* grid-row: 2 / 3;
	grid-column: 1 / 2; */
	/*z-index設定しない!*/
	grid-row: 3 / 4;
    grid-column: 1 / 3;
	width: 900px;
	margin: 0 auto;
}

.smp{display: none;}

/*20240510 N.KASAHARA ADD [商品ページレイアウト改修] STA*/
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}

.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .wish-circle {
	background: none!important;
	width: 40px;
	height: 40px;
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .wish-circle .action-wish:before,
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .wish-circle .action-wish:after {
	color: #3C3C3C;
	font-size: 40px;
}

.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .cartbtns,
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .oshirase-mail {
	position: relative;
	width: calc(100% - (40px + 20px));
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .cartbtns a,
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .oshirase-mail a {
	width: 100%;
	max-width: 270px;
	border: none!important;
	border-radius: 100px;
	font-size: 14px;
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .cartbtns a {
	background-color: var(--main-clr-red);
	border: solid 1px var(--main-clr-red)!important;
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .oshirase-mail a {
	border: solid 1px #000!important;
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area .cartbtns a:hover {
	color: var(--main-clr-red)!important;
	background-color: #fff;
}

/*20240510 N.KASAHARA ADD [商品ページレイアウト改修] END*/

@media screen and (max-width:1180px){
	.shosai-area {
		display: flex;
		flex-direction: column;
	}
	.shosai-order-area .shosai-order-area-item-inner{
		border: none;
		padding: 0;
		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%;
	}

}
/*--------------------*/
/*20231107 A.TAHARA ADD [商品ページ] STA*/

.shohin-sub-page-wrap {
	position: relative;
	margin-bottom: 80px;
}
.shohin-sub-grad-trigger {
	position: absolute;
	bottom: 0;
	left: calc(50% - 160px);
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 48px;
	color: #000;
	line-height: 1;
	text-align: center;
	background-color: #fff;
	border: solid 1px #000;
	border-radius: 4px;
	margin: 0 auto;
	cursor: pointer;
}
.shohin-sub-grad-trigger::before {
	position: absolute;
	display: inline-block;
	content: "";
}
.shohin-sub-grad-trigger.is-show {
	bottom: -4em;
}
.shohin-sub-grad-trigger.is-show::after {
	content: "閉じる";
}
.shohin-sub-grad-trigger::after {
	content: "もっと見る";
}
.shohin-sub-page-inr {
	position: relative;
	overflow: hidden;
}
.shohin-sub-page-inr.is-hide {
	height: 560px;
}
.shohin-sub-page-inr::before {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 96px; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.shohin-sub-grad-trigger.is-show + .shohin-sub-page-inr::before {
	display: none;
}


.shohin-sub-page {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.shohin-sub-page .shohin-sub {
	position: relative;
	width: calc((100% - 20px*1)/2);
}
.shohin-sub-page .sub-img img {
	width: 100%;
	height: auto;
}
/* .shohin-sub-page .shohin-sub {
    margin-bottom: 40px;
} */
.shohin-sub .sub-text {
	font-size: 15px;
	line-height: 1.6;
    margin: 10px 0;
	/*display: none;*/
}
li.shosai-main-slider-nav-item span {
    display: none;
}
li.swiper-slide {
	background: transparent;
}
li.swiper-slide span {
    font-size: 15px;
    font-weight: bold;
    flex-direction: row;
    text-align: left;
    margin: 10px 0;
    height: 5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*20231107 A.TAHARA ADD [商品ページ] END*/

/* 20240124 R.SUGAWARA ADD STA [関連商品] */

/*.item-kanren span{ font-size: 150% !important;}*/

.item-kanren { width: 100%; }
.item-kanren h3.sho_t{
	margin: 30px 0 10px 10px;
	border-bottom: 1px solid var(--clr-ss-black);
	padding-bottom: 10px;
	text-align: left;
	
}

/* 20240410 N.KASAHARA 修正 */
.item-kanren-area {
	display: flex;
	margin: 0 auto;
	gap: 15px;
	/* padding: 11px 13px; */
}
.item-kanren-area li{
	width: calc((100% - 15px*4)/5);
	/* font-size:14px; */
}
.item-kanren-area li a { display: block; }
.item-kanren-area li a:nth-child(2){
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    letter-spacing: normal;
    word-break: break-all;
	margin: 6px auto 0;
}
.item-kanren-area li:last-child{
	border:none;
}
.item-kanren-area li img {
	/* margin-right: 8px; */
    border: none;
    width: 100%;
    /* padding: 0px 0px 8px; */
	border-radius: 10px;
	
}
.item-kanren-area li span:nth-of-type(1){
	font-weight:bold;
	font-size: 1.5em;
	color: var(--main-clr-red);
}
.item-kanren-area li .price_tax{
	font-size:10px;
}
.item-kanren-area li .wrap_prices { margin: 0 auto; }
.item-kanren-area li .wrap_prices .fs_pc { font-size: 16px;}
.item-kanren-area li .wrap_prices .fs_smp { font-size: 15px;}

/* 20240124 R.SUGAWARA ADD END [関連商品] */

/* ▼ 20240410 N.KASAHARA 改修のため削除 ▼ */
/* 20240202 R.SUGAWARA ADD STA [回遊追加] 
#top-sale-slider,
#top-newitem-slider  {
	position: relative;
	width: 100%;
}
#top-sale-slider .top-inner-contents,
#top-newitem-slider .top-inner-contents  {
	position: relative;
	overflow: unset;
	box-sizing: border-box;
}
#top-sale,
#top-newitem {
	position: relative;
	box-sizing: border-box;
}
#top-sale .swiper-container,
#top-newitem .swiper-container {
	position: relative;
	overflow: unset;
}
#top-sale .swiper-slide,
#top-newitem .swiper-slide {
	width: 238px!important;
}

#top-sale .swiper-slide dl,
#top-newitem .swiper-slide dl {
	position: relative;
	width: 100%;
}
#top-sale .swiper-slide .img img,
#top-newitem .swiper-slide .img img {
	border-radius: 10px;
	transition: all 0.2s;
}
#top-sale .swiper-slide .img a:hover img,
#top-newitem .swiper-slide .img a:hover img {
	opacity: 0.8;
	transition: all 0.2s;
}
#top-sale .swiper-slide .p_wish,

#top-sale-slider .swiper-slide .p_wish {
	padding-top: 6px;
	padding-bottom: 3px;
	position: relative;
    width: 100%;
	height: 24px;
    text-align: right;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#top-sale-slider .swiper-slide .p_wish .icon {
	display: flex;
	gap: 2px;
}
#top-sale-slider .swiper-slide .p_name{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: normal;
    letter-spacing: normal;
    word-break: break-all;
}
#top-sale-slider .buy_price .price-icons{
	border-spacing: 5px 0;
    margin: 5px 0 -5px -5px;
}
#top-sale-slider .buy_price .price-icons .m_price_grid{
	background: #7e7c7f;
    color: #fff;
    padding: 2px 10px;
    font-size: 0.7em;
    display: table-cell;
}
#top-sale-slider .buy_price .price-icons .m_pointup{
	background: #a6a40e;
    color: #fff;
    padding: 0 6px;
    font-size: 0.7em;
    display: table-cell;
}
#top-sale-slider .buy_price .m_price{
	font-size: 1.5em;
    font-weight: bold;
    color: var(--main-clr-red);
}
#top-sale-slider .buy_price .intax{
	font-size: 80%;
    position: relative;
    color: var(--clr-ss-black);
}
#top-sale-slider .buy_price.sale span.m_price_grid {
	background-color: #cc0000 !important;
}
#top-sale-slider .buy_price.sale .m_price{
	color: #cc0000;
}
#top-sale-slider .price_comment{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
#top-sale-slider .price_comment * {
	line-height: 1;
    font-size: 90%;
    padding: 4px 4px;
}
#top-sale-slider .coupon_price {
	color: #fff;
    background-color: #cc0000;
}
#top-sale-slider .p_review{
	text-align: left;
}
#top-sale-slider .p_review .star{
	font-size: 18px;
}
#top-sale .swiper-slide .p_name{
	text-align: left;
}
 20240202 R.SUGAWARA ADD END [回遊追加] */
/* ▲ 20240410 N.KASAHARA 改修のため削除 ▲ */

/* 20240410 N.KASAHARA ADD STA [回遊追加] */
#shosai-featured-products {
	position: relative;
	width: 100%;
	margin: 0 auto 60px;
}
#shosai-featured-products .shosai-products {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
}
#shosai-featured-products .shosai-products li {
	position: relative;
	width: calc((100% - 15px*4)/5);
}
#shosai-featured-products .shosai-products li span {
    margin: 10px 0 0!important;
    height: auto!important;
}
#shosai-featured-products .shosai-products li dl {
	position: relative;
	width: 100%;
}
#shosai-featured-products .shosai-products li dl dt.img img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
#shosai-featured-products .shosai-products li dl dd.p_wish {
    position: relative;
    width: 100%;
    height: 24px;
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
	padding: 6px 0 3px;
}
#shosai-featured-products .shosai-products li dl dd.p_wish .icon {
	display: flex;
	gap: 2px;
}
#shosai-featured-products .shosai-products li dl dd.p_wish .icon img {
	width: auto;
	height: 24px;
}
#shosai-featured-products .shosai-products li dl dd.p_name {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: normal;
    letter-spacing: normal;
    word-break: break-all;
}
#shosai-featured-products .shosai-products li dl dd.price .buy_price .m_price {
	font-size: 16px;
    font-weight: bold;
    color: var(--main-clr-red);
}
#shosai-featured-products .shosai-products li dl dd.price .buy_price.sale .m_price { color: var(--clr-sale); }


/* 20240329 R.SUGAWARA ADD STA [クーポン表示] */
.shosai-coupon-price{
    display: flex;
    /*background-color: #FFe8e8;*/
	background-color: #f1f0ed;
    padding: 0.25em 1em;
    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;
	padding: 5px; /*20250724 R.SUGAWARA ADD [調整] */
  }

.shosai-coupon-price  .coupon-info{
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 5px;
	/* 20250724 R.SUGAWARA DEL STA [調整]
    white-space: nowrap;
	20250724 R.SUGAWARA DEL END [調整] */
	font-weight: bold;
	margin-left: 8px;
  }

.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;*/
	color: #d07157;
    white-space: nowrap;
	font-size: 16px;
}

.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;
}
.shosai-coupon-price .action-cpget{
	display: inline-block;
	border-radius: 5px;
	background-color: #1051c9;
	color: #fff;
	border: 1px solid #1051c9;
	padding: 0.25em 1em;
	margin: 0.25em 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	font-weight: bold;
}

/* 20240329 R.SUGAWARA ADD END [クーポン非遷移獲得] */
.action-cpget {
    padding: 3px;
    display: inline-block;
    border-radius: 5px;
    align-items: center;
    background-color: #1051c9;
    color: #fff;
    border: 1px solid #1051c9;
    padding: 0.25em 1em;
    margin: 0.25em 0;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	cursor: pointer;
}
.action-cpget:hover {
    background-color: #fff;
    color: #1051c9;
    border: 1px solid #1051c9;
}
.action-cpget:before {
    content:"獲得する";
}
.action-cpget.disabled {
    pointer-events: none;
    background-color: #a5a5a5 ;
	border-color: #a5a5a5;
}
.action-cpget.disabled:before {content:"獲得済";}
.action-cpget.status-1:before {content:"獲得済";}
.action-cpget.status-2:before {content:"ご利用済";}
.action-cpget.status-3:before {content:"配布期間終了";}
.action-cpget.status-4:before {content:"ご利用いただけません";}
.action-cpget.status-6:before {content:"配布上限に達しました";}
#cpget_result{
    position: fixed;
    right: 5px;
    bottom: 65px;
    margin-left: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}
#cpget_result div{
    display: none;
}
#cpget_result div.active{
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 90%;
    padding : 8px;
    display: inline-block;
    opacity:0;
    animation-name: coupon-smooth-fadein-out;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
}
@keyframes coupon-smooth-fadein-out {
    0% {opacity: 0;}
    10% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
  }
/* 20240329 R.SUGAWARA ADD END [クーポン非遷移獲得] */
.shosai-coupon-price  .no-action-cpget button{
	border-radius: 5px;
	/*background-color: #1051c9;
	border: 1px solid #1051c9;*/
	color: #fff;
	background-color: #d07157;
	border: 1px solid #d07157;
	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;
	font-weight: bold;
}
/* 20240329 R.SUGAWARA ADD END [クーポン表示] */

/* 20240411 N.KASAHARA ADD */
#shosai-ranking-tab {
	margin-bottom: 60px;
}
#shosai-ranking-tab .sr-tabMenu {
	position: relative;
	width: calc(100% - 50px*2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
#shosai-ranking-tab .sr-tabMenu li {
	position: relative;
	height: 50px;
	background-color: var(--main-clr-white);
	flex: 1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
#shosai-ranking-tab .sr-tabMenu li:not(:nth-of-type(1)) { border-left: solid 1px #dfdfdf;}
#shosai-ranking-tab .sr-tabMenu li.active {
	position: relative;
	color: #fff;
	background-color: var(--main-clr-red);
}
#shosai-ranking-tab .sr-tabMenu li.active::after {
	position: absolute;
	top: 100%;
	left: 50%;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 10px 12px;
	border-top-color: var(--main-clr-red);
	border-bottom: 0;
	transform: translateX(-50%);
}

#shosai-ranking-tab .sr-tabContent {
	display: none;
	padding: 30px 0 0 0;
}
#shosai-ranking-tab .sr-tabContent.active {
	display: block;
}

#shosai-ranking-tab .ul_shosai_ranking {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
}
#shosai-ranking-tab .ul_shosai_ranking li {
	position: relative;
	width: calc((100% - 15px*4)/5);
}
#shosai-ranking-tab .ul_shosai_ranking li:nth-child(n+6) { display: none;}
#shosai-ranking-tab .ul_shosai_ranking li span {
	height: auto;
	margin: auto;
}

#shosai-ranking-tab .ul_shosai_ranking li dl {
	position: relative;
}
#shosai-ranking-tab .ul_shosai_ranking li dl dt.img {
	position: relative;
}
#shosai-ranking-tab .ul_shosai_ranking li dl dt.img img {
	border-radius: 10px;
	width: 100%;
	height: auto;
}
/*#shosai-ranking-tab .ul_shosai_ranking li dl dt.img::before,
#shosai-ranking-tab .ul_shosai_ranking li dl dt.img::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
}
#shosai-ranking-tab .ul_shosai_ranking li dl dt.img::after {
	left: 0;
	bottom: 0;
	z-index: 1;
	content: "";
	width: 36px;
	height: 36px;
	background: rgb(0, 0, 0);
    background: linear-gradient(225deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
}
#shosai-ranking-tab .ul_shosai_ranking li dl dt.img::before {
	left: 4px;
	bottom: 3px;
	z-index: 2;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}
#shosai-ranking-tab .ul_shosai_ranking li:nth-child(1) dl dt.img::before { content: "1"; }
#shosai-ranking-tab .ul_shosai_ranking li:nth-child(2) dl dt.img::before { content: "2"; }
#shosai-ranking-tab .ul_shosai_ranking li:nth-child(3) dl dt.img::before { content: "3"; }
#shosai-ranking-tab .ul_shosai_ranking li:nth-child(4) dl dt.img::before { content: "4"; }
#shosai-ranking-tab .ul_shosai_ranking li:nth-child(5) dl dt.img::before { content: "5"; }*/

#shosai-ranking-tab .ul_shosai_ranking li dl dd.p_wish {
	position: relative;
    width: 100%;
    height: 24px;
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 6px 0 3px;
}
#shosai-ranking-tab .ul_shosai_ranking li dl dd.p_name,
#shosai-ranking-tab .ul_shosai_ranking li dl dd.name {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: normal;
    letter-spacing: normal;
    word-break: break-all;
}
#shosai-ranking-tab .ul_shosai_ranking li dl dd.price .buy_price .m_price,
#shosai-ranking-tab .ul_shosai_ranking li dl dd.price .buy_price .price {
    font-size: 16px;
    font-weight: bold;
    color: var(--main-clr-red);
}
#shosai-ranking-tab .ul_shosai_ranking li dl dd.price .buy_price.sale .m_price {
	color: var(--clr-sale);
}

#shosai-ranking-tab .ul_shosai_ranking li .m_price_grid,
#shosai-ranking-tab .ul_shosai_ranking li .intax,
#shosai-ranking-tab .ul_shosai_ranking li .p_review,
#shosai-ranking-tab .ul_shosai_ranking li .spesicalprice { display: none;}

#shosai-ranking-tab .ul_shosai_ranking li dl dt div[class^="rank-num"] {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	content: "";
	width: 36px;
	height: 36px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	background: rgb(0, 0, 0);
    background: linear-gradient(225deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
	padding: 0 0 3px 4px;
	box-sizing: border-box;
}
/* 20240411 N.KASAHARA END */

/* 20240417 N.KASAHARA ADD */
.modaal-gallery-label {
    margin: 12px 0 0!important;
    font-size: 16px!important;
    text-align: left!important;
}
/* 20240417 N.KASAHARA END */

/* 20240424 R.SUGAWARA ADD STA [商品ページレイアウト改修] */
.shosai-order-area .shosai-order-area-item-inner .shosai-price-area{
	display: none;
}
/* 20240424 R.SUGAWARA ADD END [商品ページレイアウト改修] */


/* //20250519 T.ABE ADD STA [商品ページ改修(追加)] */
.cart-in-quantity select{
    width: 100%;
    margin: 5px 0 10px 0;
    padding: .5em;
    background-color: #efefef;
    border-radius: 3px;
    min-width: 8em;
    position: relative;
    appearance: auto;
    text-align: center;
}
.item-selects .ciq-area{
    width: 100%;
    text-align: center;
}
.item-selects .ciq-area{
    width: 100%;
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-quantity{
    width: 100%;
}
.shosai-order-area-item .shosai-order-area-item-inner .cart-in-area{
    width: 100%;
}
.shosai-price-area .price-detail dd{
    display: flex;
    align-items: center;
    margin-top: 5px;
}
/* //20250519 T.ABE ADD END [商品ページ改修(追加)] */