/* 商品説明類
================================================ */
/* 動画コンテンツ */
.itemLook{
	padding-top: 2em;
}
.itemLook video{
	width: 100%;
	max-width: 700px;
}

/*youtube*/
.itemDetailCC .youtube{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
	margin: 3em auto;
}
.itemDetailCC .youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*topページ用youtube*/
.youtube{
	margin: 3em 20%;
}fs-pt-carousel

.youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* 商品詳細メイン画像、フリックコンテンツ */
.fs-c-productCarouselMainImage__thumbnailList{
	width: 100%;
	flex-wrap: wrap;
}
.fs-c-productCarouselMainImage__thumbnailList > li {
	flex-basis: 77px!important;
	display: inline-block!important;
	box-sizing:content-box;
	margin: 5px;
	font-size: 0.8em;
}
/* ヘッダー送料：cssのキャッシュ強いためこちらに記載　反映次第消す　２０２１０３０８_イシハラ
================================================ */
.notice {
    text-align: center;
    background: #eaeaea;
    padding: 5px;
    font-size: small;
    color: #3c3b3b;
}
.fixed .notice {
    margin: 0 -10px;
}
.fixed .fs-l-page header#main-header {
	height:104px;
}

/* メルマガ購読のチェックボックス非表示　20210610_石原
================================================ 
.fs-c-agreementConfirmation__message--newsletterUnchecked+span{
display:none;
}

.fs-c-agreementConfirmationArea .cou{
  display: block;
  font-size: small;
  color:#c00;
}*/
/* 商品詳細 詳細情報追加 独自コメント（3）	　20211202_石原　20240409_近藤
================================================ */
.itemDetail_caption{
max-width:600px;
margin:3em auto;
}
/*.itemDetail_caption{
padding: 120px 0 0 ;
margin: -120px 0 0 ;
}*/
.itemDetail_caption p{
margin: 1em 0 4em;
line-height: 1.8em;
font-size: 16px;
}
.itemDetail_caption .ttlM01{
    font-size:20px;
    margin: 0 0 20px;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-weight: bold;
    padding: 0 0 0.7em;
    border-bottom:1px solid #000;
}
.itemDetail_caption .ttlM02{
    font-size:20px;
    margin: 0 0 15px;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-weight: bold;
}

.itemDetail_caption .ttlL02{
    font-size:40px;
    margin: 0 0 10px;
    letter-spacing: 5px;
    text-align: center;
}

/* 商品詳細 特集コンテンツ紹介　20210611_石原
================================================ */
.itemDetail_feature{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin: 3em auto 0;
}
.itemDetail_feature.fs-pt-column>*{
  width: calc(100% / 2);
}
.itemDetail_feature.fs-pt-column>a{
  color: #111;
}
.itemDetail_feature.fs-pt-column>a:hover{
  opacity: 0.9;
}
.itemDetail_feature.fs-pt-column>*:nth-child(n+3){
  display:none;
}
.itemDetail_feature.fs-pt-column .fs-pt-column__heading{
  font-size: 1.2em;
}
.itemDetail_feature.fs-pt-column .fs-pt-column__description{
  font-size: 1em;
}

/* 商品詳細 特集コンテンツ紹介　20210611_石原
================================================ */
.itemDetail_feature{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin: 3em auto 0;
}
.itemDetail_feature.fs-pt-column>*{
  width: calc(100% / 2);
}
.itemDetail_feature.fs-pt-column>a{
  color: #111;
}
.itemDetail_feature.fs-pt-column>a:hover{
  opacity: 0.9;
}
.itemDetail_feature.fs-pt-column>*:nth-child(n+2){
  display:none;
}
.itemDetail_feature.fs-pt-column .fs-pt-column__heading{
  font-size: 1.1em;
  margin: 15px 0 5px;
}
.itemDetail_feature.fs-pt-column .fs-pt-column__description{
  font-size: 1em;
}
#main-header+.itemDetail_feature{
  width: 100%;
  margin: 0 auto 1em ;
}
#main-header+.itemDetail_feature img{
  display: block;
  margin: auto;
}
#main-header+.itemDetail_feature .fs-pt-column__description,
#main-header+.itemDetail_feature .fs-pt-column__heading{
	display:none;
}

/* カートまわり　20210820_玉垣
================================================ */

.fs-p-linkButton2 {
    border: 1px solid currentColor;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    line-height: 0.9;
    padding: 4px 8px;
    text-align: center;
}
#fs_ShoppingCart .fs-c-cartPayment .fs-c-buttonContainer--unregisteredUserPurchase a{
    background: #333;
    border: none;
}

/* 商品グループ　20210909_林
================================================ */
.fs-c-subgroupList__label,
a.fs-c-subgroupList__label {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  color: #000000;
  background-color: #eeeeee;
}

.fs-c-subgroupList__label:hover,
a.fs-c-subgroupList__label:hover {
  color: #fff;
  background: #333333;
}

/* スタッフコメント、整理収納アドバイザーのワンポイント見出し　20210928_林　20240222_近藤更新 20250122_青山追加
================================================ */
.itemDetailCC .item-advisor h2,
.itemDetailCC .item-staff h2 {
	margin:0 auto 20px;
	/*
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	*/
	white-space: nowrap;
  overflow: hidden;
}

.itemDetailCC .item-staff h2::before{
	content: '';
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-width: 340px;
  height: 60px;
  background: url(https://zakkaya3.itembox.design/item/img/cmn/staffcomment.jpg) no-repeat;
	}

.itemDetailCC .item-advisor h2::before{
	content: '';
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-width: 340px;
  height: 60px;
  background: url(https://zakkaya3.itembox.design/item/img/cmn/staffcomment2.jpg) no-repeat;
	}

/* 商品情報情報 追記（４〜７）　20220921_石原
================================================ */
.addTxt{
	max-width: 600px;
	margin: auto;
	/* text-align: center; */
	line-height: 2;
}
.addTxt+.addTxt{
	margin: 3em auto;
}
.addTxt+.addTxt:empty{
	margin: auto;
}
.addTxt img{
	margin: 1em 0 ;
}
/* カルーセル前後半透明 20211007_林
================================================ */
.slick-track {
	background: #fff;
}

.main-visual_pc .slick-track {}
.main-visual_pc .slick-track img {
	opacity: 0.6;
}
.main-visual_pc .slick-slide.slick-active img {
	opacity: 1;
}


/* 特集バナー　20220112_石原
================================================ */
.topFeatureBnr{
	margin: 0 0 5em;
}
.topFeatureBnr>.fs-pt-column{
	display:flex;
	flex-wrap: wrap;
}
.topFeatureBnr>.fs-pt-column>*{
	width: calc(100% / 3);
}
.topFeatureBnr>.fs-pt-column>*+*+*+*{
	display:none;
}
.topFeatureBnr .fs-pt-column__heading{
	font-size: 1.2em;
}
.topFeatureBnr .fs-pt-column__description{
	font-size: 0.9em;
}

/* 記事下部のデフォルトスタイル修正　202200603_石原
================================================ */
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

/*.fs-c-slick .slick-slide img {
    display: block;
    width: 700px;
}*/


/* PC・SPで別の改行　20231026_近藤
================================================ */
@media screen and (min-width: 650px){	
.br-pc { display:block; }
.br-sp { display:none; }
}

@media screen and (max-width: 650px){	
.br-pc { display:none; }
.br-sp { display:block; }
}


/* 商品ページLP・カテゴリ用CSS追加　20240319更新_近藤
================================================ */
.link{
text-align:center;
font-size:18px;
padding:10px;
margin-bottom:5px;
border:1px solid #000;
width:75%;
}
.link a {
text-decoration: none!important;
color:#000!important;
}


/* font-size */
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f26{font-size:26px !important;}
.f28{font-size:28px !important;}
.f30{font-size:30px !important;}
.f32{font-size:32px !important;}
.f34{font-size:34px !important;}
.f36{font-size:36px !important;}
.f38{font-size:38px !important;}
.f40{font-size:40px !important;}
.f42{font-size:42px !important;}
.f48{font-size:48px !important;}
.f60{font-size:60px !important;}


/* font decoration */
.fn {font-weight:normal !important;}
.fb {font-weight:bold !important;}


.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.lh150 , .lh15 {line-height:1.5 !important;}
.lh16 {line-height:1.6 !important;}
.lh17 {line-height:1.7 !important;}
.lh180 , .lh18 {line-height:1.8 !important;}
.lh19 {line-height:1.9 !important;}
.lh200 , .lh2 {line-height:2 !important;}
.lh220 , .lh22 {line-height:2.2 !important;}
.lh230 , .lh23 {line-height:2.3 !important;}
.lh240 , .lh24 {line-height:2.4 !important;}

.m0 {margin:0 !important;}

.mlra {margin-left:auto;margin-right:auto;}

.mtop0 {margin-top:0 !important;}
.mtop10 {margin-top:10px !important;}
.mtop20 {margin-top:20px !important;}
.mtop30 {margin-top:30px !important;}
.mtop40 {margin-top:40px !important;}
.mtop50 {margin-top:50px !important;}
.mtop60 {margin-top:60px !important;}

.mbot0 img , .mbot0 {margin-bottom:0px !important;}
.mbot10 img , .mbot10 {margin-bottom:10px !important;}
.mbot15 img , .mbot15 {margin-bottom:15px !important;}
.mbot20 img , .mbot20 {margin-bottom:20px !important;}
.mbot25 img , .mbot25 {margin-bottom:25px !important;}
.mbot30 img , .mbot30 {margin-bottom:30px !important;}
.mbot35 img , .mbot35 {margin-bottom:35px !important;}
.mbot40 img , .mbot40 {margin-bottom:40px !important;}
.mbot50 img , .mbot50 {margin-bottom:50px !important;}
.mbot60 img , .mbot60 {margin-bottom:60px !important;}
.mbot70 img , .mbot70 {margin-bottom:70px !important;}
.mbot80 img , .mbot80 {margin-bottom:80px !important;}
.mbot90 img , .mbot90 {margin-bottom:90px !important;}
.mbot100 img , .mbot100 {margin-bottom:100px !important;}

.ls2 {letter-spacing: 2px !important;}
.ls3 {letter-spacing: 3px !important;}
.ls5 {letter-spacing: 5px !important;}
.ls10 {letter-spacing: 10px !important;}


/* パソコンで見たときは"pc"、スマホでは"sp"のclassがついた画像が表示される */
@media screen and (min-width: 650px){	
.pc { display:block; }
.sp { display:none; }
}

@media screen and (max-width: 650px){	
.pc { display:none; }
.sp { display:block; }
}

.similar{
text-align:center;
font-size:20px;
padding:20px;
margin-bottom:10px;
border:1px solid #000;
width:60%;
}
.similar a {
text-decoration: none!important;
color:#000!important;
}

/* 商品ページLP関連記事用 */
.related{
display: flex;
padding: 20px;
margin-bottom: 10px;
border: 1px solid #666;
}
.related-image{
width: 40%;
height: 40%;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
.related-ttltxt{
margin: 0 0 0 20px;
padding: 0;
width: 60%;
}
.related-ttl{
margin: 0 !important;
padding: 0;
font-weight: bold;
font-size: 18px !important;
}
.related-txt{
margin: 5px 0 0 !important;
padding: 0;
font-size: 16px !important;
}
a:visited {
    color: #111111;
}

/* カテゴリLP 子階層リンク用 */
.childcate{
display: flex;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #666;
border-radius: 15px;
margin-right: 20px;
position: relative;
}
.childcate-image{
width: 35%;
height: 35%;
margin: 0 0 0 5px;
padding: 0;
overflow: hidden;
position: relative;
}
.childcate-ttl{
margin: 0 !important;
padding: 0;
font-weight: bold;
font-size: 18px !important;
position: absolute;
top: 40%;
left: 50%;
}

.cate_ttlM01{
    font-size:20px;
    margin: 60px 0 30px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0 0 0.7em;
    border-bottom:1px solid #000;
}
.cate_txt{
    font-size:16px;
    margin: 10px 0 20px;
    font-weight: bold;
}
.cate_txt2{
    font-size:14px;
    margin: -15px 0 20px;
}
.tbl{
    border-collapse: separate;
    border-spacing: 20px;
    width: 100%;
}

/* 廃盤表記のCSS変更　20231116_青山
================================================ */
.fs-c-productNotice--outOfStock, .fs-c-productNotice--subscriptionOutOfStock {
  background: #333;
  padding: 6px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

/* ページ内リンク追加　20231130_青山
================================================ */
#page-link{
  display: flex;
  justify-content: center;
  padding: 20px 200px;
}

#page-link li{
  list-style: none;
  margin: 0 auto;
}

#page-link li a{
  width: 300px;
  color: #333;
  padding: 15px 50px 15px 15px;
  text-decoration: none;
}

/*
#page-link .mark{
  content:'▼';
  padding:0 10px 0 0;
  color: #ccc;
}*/

#page-link .mark {
    background-image: url("https://zakkaya3.itembox.design/item/img/cmn/down_arrow.png");
    background-position: right 20px top 28px;
    background-repeat: no-repeat;
}

.page-link-btn {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  transition: .2s;
  font-size: 24px;
}

.page-link-btn:hover {
  /*background: #FF6F61;*/
  color: #999999 !important;
}

.itemDetailCC #comment {
  padding-top: 130px;
  margin-top: -130px;
}

.itemDetailCC #description {
  padding-top: 130px;
  margin-top: -130px;
}

.itemDetailCC #spec {
  padding-top: 130px;
  margin-top: -130px;
}

#page-link li a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color:#333;
}

/* 配送方法のレイアウト調整　20231206_青山
================================================ */
.fs-c-checkout-multiDestination__title {
  background: #000000;
  color: #ffffff;
  font-size: 1.4rem;
  padding: 4px;
  text-align: center;
}

.fs-c-checkout-multiDestination__subtitle {
  border-left: 2px solid #999999;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  padding-left: 8px;
  margin-bottom: 8px;
}

.delivery_notice {
    padding: 10px;
    margin: 10px auto;
    color: #ff7d6e;
    background: #ffebe9;
}

/* 配送方法変更_メール便選択肢への文言追加　20231228_青山
================================================ */
label[for="fs_input_deliveryMethod_MAIL_1"] .fs-c-radio__radioLabelText::after {
  content: '（メール便をご希望の場合はこちらをご選択ください）';
  color: #f33e29;
  display: block;
  font-size: inherit;
  width: inherit;
}

.fs-c-checkout-deliveryMethod__title {
  background: #dcdcdc;
  color: #333333;
}

/* キーワード検索フォーム PC非表示　20240125_青山
================================================ */
.fs-l-main .keySearch{
	display:none;
}

/* topページロゴ　20240227_青山
================================================ */
#hdWrap #logo {
	width:100%;
	max-width: initial !important;
	/* margin: 10px auto 10px; */
	margin: 10px 0 10px 50px;
	transition: 0.3s;
}

 /* カルーセルCLS対策　スペース予約　20241118竹國
================================================ */
.main-visual_pc {
  width: 100%;
  aspect-ratio: 1200 / 550; /* 必要に応じて固定比率 */
  max-height: 700px; /* 最大高さを制限 */
  overflow: hidden; /* はみ出しを防ぐ */
  display: flex; /* 子要素を横並びに */
}

.main-visual_pc img {
  width: 100%;
  height: auto;
  flex-shrink: 0; /* 画像の縮小を防ぐ */
}

/* 商品タグ文字サイズ変更　20250411_青山
================================================
.tag-recommended,.tag-bestseller,.tag-limited,.tag-jp{
  font-size: 1.0em;
} */


 /* CSSボタン　20250709_守山
================================================ */
.button01 a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 450px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button01 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button01 a:hover {
  background: #000000;
  color: #FFF;
}
.button01 a:hover:after {
  right: 1.4rem;
}
