/*商品ページ（おちゃのこから移動）*/
.spec h1 {
color: #000000; padding: 2px 0; border-top: solid 1px #000000; border-bottom: solid 1px #000000; font-size: x-large; font-weight: bold;
}

.pagettl h3 {
color: #000000; padding: 8px; border: solid 1px #aaaaaa; font-weight: bold; border-radius: 5px; font-size: 108%;
}

/*商品ページ新タグ用*/
h1.spec2 {
color: #000000; padding: 2px 0; border-top: solid 1px #000000; border-bottom: solid 1px #000000; font-size: large; font-weight: bold;
}

h2.specttl-redL {
    color: #ff0000; font-size: large; font-weight: bold; margin-bottom: 0;
}

.specttl-redbg {
    color: #ffffff; font-size: x-large; font-weight: bold; margin-bottom: 0;background-color: #FF0000;
}

.specttl-bluebg {
    color: #ffffff; font-size: x-large; font-weight: bold; margin-bottom: 0;background-color: #004e89;
}


.mrgn-top {
    margin-top: 0.3em;
}

.mrgn-btm {
    margin-bottom: 1.5em;
}

.c-left{
    margin-left:0px;
}

.spec3 {
    font-size: 110%; 
}

.pagettl2 {
color: #000000; padding: 6px; border: solid 1px #aaaaaa; font-weight: bold; border-radius: 5px; font-size: 110%;
}

.delivery-redXL {
    font-size: x-large; color: #ff0000; font-weight: bold;
}

.material {
    list-style: none; padding-left: 0; margin-bottom: 0;
}

.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-wrapper2 {
  position: relative;
  padding-bottom: 40.5%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

dl.specList {
    overflow: hidden; zoom: 1;
}
dl.specList dt {
    float: left; clear: both; font-size: large;
}
dl.specList dd {
    padding: 0 0 ; font-size: large;
}




/*商品ページ商品名大きさ*/
.fs-c-productNameHeading__name {
 font-size: x-large; font-weight: bold; color: #000000;
}

/*商品ページカラー名*/
.fs-c-variationList__item__title {
 font-size: large; font-weight: bold; color: #000000; text-align: left; padding: 2px 10px; 
}

/*商品ページサイズ名*/
.fs-c-variationCart__variationName__name {
 font-size: medium; color: #000000;
}

.table-border tr td {
border: solid 1px;              /* 枠線指定 */
border-collapse:  collapse;     /* セルの線を重ねる */
}

.table-border {
border-collapse:  collapse;     /* セルの線を重ねる */
}

/*商品ページタブ用*/
/*ベース*/
section.typeA{
	display: flex;
	flex-wrap: wrap;
}
section.typeA::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: rgba(0,0,0,.7);
}
section.typeA .tabLabel {	/* タブ */
	margin-right: 3px;
	padding: 6px 12px;
	flex: 1;
	order: -1;
	border-radius: 3px 3px 0 0;
	color: #444;
	background: rgba(0,0,0,.1);
	transition: .5s ;
	cursor: pointer;
}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeA .content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
	color: #fff;
	background: rgba(0,0,0,.7);
}
section.typeA input:checked + .tabLabel + .content {
	padding: 0px;
	height: auto;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
}

/*お気に入りボタンを右側に移動*/
.fs-c-variationCart > li {
  -ms-grid-columns: 1fr 144px 3em;
  grid-template-columns: 1fr 144px 3em;
}
.fs-c-variationCart__cartButton {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}
.fs-c-variationCart__wishlist {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-cgrid-row: 1;
}



/*margin下スペース用*/

.mb2 {
    margin-bottom: 2em;
}

.mb3 {
    margin-bottom: 3em;
}

.mb5 {
    margin-bottom: 5em;
}


/*お問合せ用*/
.otoiawase-center {
    margin: 0 auto;
    width: 90%;
}

.otoiawase-ttl-blk {
font-weight: bold;
}

.otoiawase-ttl-red {
font-weight: bold; color: #FF0000;
}

.hissu {
font-size: small; color: #FF0000;
}

.btn-flat-border {
  display: inline-block;
  padding: 0.4em 2em;
  text-decoration: none;
  color: #FFFFFF;
  background: #880007;
  border: solid 2px #444444;
  border-radius: 2px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #a03339;
  color: white;
}

.otoiawase-dl {
  display: flex;
  justify-content: space-between;
  margin: 2px;
}

.otoiawase-dt {
  padding: 10px 15px;
  flex-basis: 30%;
  background-color: #f1f1f1;
}

.otoiawase-dd {
  padding: 10px 15px;
  flex-basis: 70%;
  margin:0;
  background-color: #fff;
}

@media screen and (max-width: 559px) {
.otoiawase-dl {
flex-flow: column;
}
}

/*品質保証ページ*/
.hinshitsu-dt {
  padding: 10px 15px;
  flex-basis: 75%;
}

.hinshitsu-dd {
  padding: 30px 15px;
  flex-basis: 35%;
  margin:0;
}

/*ご利用ガイド（アプリ）*/
.guideapp-dl {
  display: flex;
  justify-content: space-between;
  margin: 2px;
}

.guideapp-dt {
  padding: 10px 10px;
  flex-basis: 30%;
  background-color: #fff;
}

.guideapp-dd {
  padding: 10px 10px;
  flex-basis: 70%;
  margin:0;
  background-color: #fff;
}

.guideapp-ogback
{
width:#90%;
background-color:#f8e593;
padding: 30px;
}

.guideapp-step
{
line-height: 3em;
color:#666666;
font-weight:bold; 
}

/*ご利用ガイド（PC）*/
.guidepc div {
	display:flex;
	justify-content:flex-start;
}

.guidepc div dt {
  padding: 10px 10px;
  flex-basis: 50%;
  background-color: #d6d6d6;
  text-align:center;
  border:#ffffff 1px solid;
}

.guidepc div dd {
  padding: 10px 10px;
  flex-basis: 50%;
  margin:0;
  background-color: #d6d6d6;
  text-align:center;
  border:#ffffff 1px solid;
}

/*ご利用ガイド（会員ランク・送料）*/

.rank_title {
    padding: 0 0;
    margin: 0px 0px 0px 0px; 
    border: 0px;
    text-align:center;
}

.table_rank {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
 
}

.table_rank td {
  border: solid 1px #cccccc;
  /*実線 1px 黒*/
  padding: 10px 10px;/*上下3pxで左右10px*/
 width: 25%;
}



/*トップページバナー（横2列450px）*/
.bnyoko2-dl {
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.bnyoko2-dt {
  padding: 0px 0px 0px 0px;
  flex-basis: 472px;
  background-color: #fff;
}

.bnyoko2-dd {
  padding: 0px 0px 0px 0px;
  flex-basis: px;
  margin:0;
  background-color: #fff;

}

@media screen and (max-width: 559px) {
.bnyoko2-dl {
flex-flow: column;
}
}




/*フリーページ用装飾*/
.dwred-back
{
background-color:#880007;
}

.orange-back
{
background-color:#f8b62b;
}
.gray-box
{
border:1px solid #555555;
padding: 6px;
margin-bottom: 20px;
}

.graybg-box
{
background-color:#cccccc;
padding: 6px;
font-weight: bold;
}

.margin-10
{
margin-bottom: 10px;
}
.margin-20
{
margin-bottom: 20px;
}
.margin-30
{
margin-bottom: 30px;
}
.margin-40
{
margin-bottom: 40px;
}
.margin-50
{
margin-bottom: 50px;
}
.margin-60
{
margin-bottom: 60px;
}
.margin-70
{
margin-bottom: 70px;
}
.margin-80
{
margin-bottom: 80px;
}



.font80
{ 
font-size: 80%; 
}
.font120
{ 
font-size: 120%; 
}
.center
{ 
text-align: center; 
}

.blk-bold {
font-weight: bold;
}

.cartniireru
{ 
font-size: 90%; 
color:#666666;
}

.txind {
text-indent: 1em;
}


/*公式アプリリリースとサイトリニューアルのお知らせ(f/ocnk)*/
.appinfo-dl {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.appinfo-dt {
flex-basis: 33%;
padding: 20px;
}
.appinfo-dd {
flex-basis: 67%;
padding: 20px;
background-color: #fff;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 559px) {
.appinfo-dl {
flex-flow: column;
}
}

/*パスワード再設定のお願い(f/ocnk)*/
.passreset1{
  text-align: center;
  margin: 0 auto;
  padding: 0px 0px 0px 10px;
}

.passreset2 {
  text-align: left;
 display: inline-block;
}



/*トップバナー*/
.topbn-dl {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.topbn-dt {
flex-basis: 50%;
padding: 0px;
}
.topbn-dd {
flex-basis: 50%;
padding: 0px;
background-color: #fff;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 559px) {
.topbn-dl {
flex-flow: column;
}
}

/*トップページ　もっと見るリンクボックス*/
.mottomiru{
width:100%;
border:0px #999999 solid;
border-radius: 12px;
background-color: #dedede;
height: 50px;
font-weight:bold;
color:#666666;
  display: flex;
  justify-content: center;
  align-items: center;

}
.mottomiru:hover{
    background: #b4b4b4;
}

.mottomiru-控え文字右寄せ{
width:100%;
border:0px #999999 solid;
 border-radius: 10px;
background-color: #cacaca;
height: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mottomirutxt{
    color:#666666;
}


/*トップページ　もっと見るリンクボックス　グリーン*/
.mottomiru-g{
width:100%;
border:0px #999999 solid;
border-radius: 12px;
background-color: #aac2c2;
height: 50px;
font-weight:bold;
color:#666666;
  display: flex;
  justify-content: center;
  align-items: center;

}
.mottomiru-g:hover{
    background: #669999;
}

/*トップページ　もっと見るリンクボックス　orange*/
.mottomiru-o{
width:100%;
border:0px #999999 solid;
border-radius: 12px;
background-color: #f1beac;
height: 50px;
font-weight:bold;
color:#666666;
  display: flex;
  justify-content: center;
  align-items: center;

}
.mottomiru-o:hover{
    background: #f09a7c;
}


/*トップページ　もっと見るリンクボックス　イエローポイント10％用*/
.mottomiru-y{
width:100%;
border:0px #999999 solid;
border-radius: 12px;
background-color: #ebd161;
height: 50px;
font-weight:bold;
color:#666666;
  display: flex;
  justify-content: center;
  align-items: center;

}
.mottomiru-y:hover{
    background: #efcd39;
}

/*トップページ　もっと見るリンクボックス　ベージュ*/
.mottomiru-beige{
width:100%;
border:3px #666666 solid;
border-radius: 12px;
background-color: #c7b299;
height: 50px;
font-weight:bold;
color:#000000;
  display: flex;
  justify-content: center;
  align-items: center;

}
.mottomiru-y:hover{
    background: #998675;
}

/*トップページ　CSS商品カテゴリボタン*/
.itembutton{
width:100%;
background-color: #dedede;
border:1px #b4b4b4 solid;
height: 40px;
font-size:1.1em;
font-weight:bold;
color:#000000;
  display: flex;
  justify-content: center;
  align-items: center;

}
.itembutton:hover{
    background: #b4b4b4;
}



/*トップページフッターメニュー用*/
.list_footmenuwrap {
  list-style-type: none;
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
}
 
.list_footmenu::before {
    content:  ""; /* 空の要素作成 */
}
.list_footmenu {
    padding-bottom: 10px;                     /* 要素と要素の間指定 */
}

/*トップページカテゴリータイトルボックス*/

.toppagecatetitle{
    padding: 0.5em 0em;
    margin: 2em 0;
    font-weight: bold;
    font-size : 120%;
    color : #666666 ;
    border-bottom: solid 2px #666666;
}

.toppagecatetitle p {
    margin: 0; 
    padding: 0;
}

/* 任意商品表示パーツの余白を調整する　カルーセル表示の調整 */
@media screen and (min-width: 600px) {
  .fs-c-productListCarousel__list__item {
      margin:0 4px;
  }
}

/*トップページのカルーセルパーツを全て表示、携帯で画像左が切れていた*/
@media screen and (max-width: 768px){
    .fs-pt-carousel--fitImage .fs-pt-carousel__slide img{
        padding-right: 15px;
    }
}


/* トップページおすすめの横並び3個 */
.toppage_newreco {
    width: 32.3333%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 0px;        /* 要素同士の隙間調整 */
    padding:  0px 6px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}

/* トップページおすすめの横並び2個 */
.toppage_newreco2 {
    width: 49%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 0px;        /* 要素同士の隙間調整 */
    padding:  0px 6px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}

/* トップページおすすめの横並び4個 */
.toppage_newreco4 {
    width: 23.6666%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 0px;        /* 要素同士の隙間調整 */
    padding:  3px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}


/* トップページおすすめのNEW文字 */
.toppage_newbox
{
width:100%;
padding:1px 1px 1px 1px;
margin:0px; 
color:#ffffff;
background-color:#990000;
font-weight:bold;
font-size:x-small;
border-bottom: 0px solid #cc0000;
border-top: 0px solid #cc0000;
display: inline-block;
}

/* トップページおすすめの近日入荷文字 */
.toppage_kinbox
{
padding:1px 1px 1px 1px;
margin:0px; 
color:#006699;
font-weight:bold;
border-bottom: 1px solid #006699;
border-top: 1px solid #006699;
display: inline-block;
}

/* トップページ新着の四角NEWラベル */
.newflag{
    position: relative;
    background-color: #;
    margin: 0px auto;
}

.newflag::before{
    content: "新着";
    background-color: #cc0c0c;
    color:#ffffff;
    font-weight: bold;
    padding: 1px 3px;
    position: absolute;
}

/* トップページ新着の四角再入荷ラベル */
.restockflag{
    position: relative;
    background-color: #;
    margin: 0px auto;
}

.restockflag::before{
    content: "再入荷";
    background-color: #dc990a;
    color:#ffffff;
    font-weight: bold;
    padding: 1px 3px;
    position: absolute;
}

/* トップページ表示カテゴリー名のBOX */
.toppage_catebox
{
padding:10px 1px 10px 3px;
margin:0px; 
color:#666666;
font-weight:bold;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

div.center{
margin : 0 auto;
text-align:center;
}


ul.topbn-yoko {
    display: flex;
    justify-content: center;
  }

.topbn-yoko li {
    list-style: none;
  }

.topbn-yoko li:nth-child(2) {
    margin: 0 10px;
  }

/* トップページランキング */
.toppage_ranking {
    width: 19%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 0px;        /* 要素同士の隙間調整 */
    padding:  2px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}



/* 商品詳細ページ用 */
.syouhin-dl {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
  font-size: large;
}

.syouhin-dt {
  flex-basis: 11%;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}

.syouhin-dd {
  flex-basis: 89%;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}

@media screen and (max-width: 559px) {
.syouhin-dl {
flex-flow: column;
}
}


/*カートに入れるボタン非表示*/
.fs-body-category .cartniireru {
    display: none;
}
/*お気に入りボタン非表示*/
.fs-body-category .fs-c-button--addToWishList--icon {
    display: none;
}

/*カートに入れるボタン非表示*/
.fs-body-search .cartniireru {
    display: none;
}
/*お気に入りボタン非表示*/
.fs-body-search .fs-c-button--addToWishList--icon {
    display: none;
}

/*グループ一覧ページ品名太字*/
.fs-c-productName__name {
    font-weight: bold;
}


/*トップページヘッダー配送等注記用*/
.dtable{
display: table; /* ブロックレベル要素をtableと同じように表示にする */
}
.dtable_c{
display: table-cell;　　/* ブロックレベル要素をtd(th)と同じように表示にする */
border: 1px solid #666;
}

.cyuu-oya1 {　　/* 横枠を1200の中に揃える用 */
  max-width: 100%;
margin:0 auto;
  background-color: #fff;
}

.cyuu-oya2 {
  max-width: 1200px;
margin:0 auto;
  background-color: #fff;
}


/*トップページ特集用 グリーン*/
.topfeaturetitle_grn {
    font-weight:bold;
    color:#006666;
    font-size:1.2em;
}

/*トップページ特集用 グレー*/
.topfeaturetitle_gray {
    font-weight:bold;
    color:#666666;
    font-size:1.2em;
}

/*トップページ特集用 タイトル太字グリーン*/
.topyoyaku_grn {
    font-weight:bold;
    color:#006666;
}

/*トップページ特集用 予約太字smallグリーン*/
.topyoyaku_grnS {
    font-weight:bold;
    color:#006666;
    font-size:small;
}

/*トップページ特集用 2025SS予約太字small*/
.topyoyaku_orgS {
    font-weight:bold;
    color:#D16300;
    font-size:small;
}


/*トップページ特集用 商品名太字*/
.topyoyaku_bold {
    font-weight:bold;
}

/*トップページ特集用 一言コメント*/
.topyoyakutxt {
    line-height: 1.3em;
    display:block;
    font-size:small;
}




/*トップページミニバナー600　横2個*/
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 0px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }

  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*トップページミニバナー400　横3個*/
.tbl-r03 td {
　border: solid 1px #ccc;
  padding: 0px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r03 {
    width: 100%;
  }

  .tbl-r03 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*トップヘッダーメニュー　ヘッダーゾーンでセンターの1200の中に入れようとした時にできた*/

.navy-oya1 {
  max-width: 100%;
margin:0 auto;
  background-color: #fff;
}

.navy-oya2 {
  max-width: 1200px;
margin:0 auto;
  background-color: #fff;
}

.navy-container {
  padding: 8px 0px 0 0px;
  background-color: #fff;

}

.top-navy {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
flex-wrap: wrap;
}

.top-navy li {
  padding: 0 10px 0 0px;
  border-top: 0px solid #72818f;
}

.top-navy a {
  display: block;
  padding: 10px 0;
  border-bottom: 0px solid #ffffff;
  text-decoration: none;
  text-align: left;
　font-size: 80%;
  line-height: 100%;
  color: #333333;
}
.top-navy a:hover {
  border-bottom: 0px solid #505b66;
background-color:#999999;
}


/*トップヘッダー検索*/

.kensaku-oya1 {
  max-width: 100%;
  margin:0 auto;
  background-color: #fff;
}

.kensaku-oya2 {
  max-width: 1200px;
  margin:0 auto;
  background-color: #cccccc;
}
.kensaku-oya3 {
  max-width: 400px;
  margin-right: 0;
  margin-left: auto;
  background-color: #;
}

/*トップヘッダーメニュー　コンテンツゾーンに入れた時*/

.mnu-oya1 {
  max-width: 100%;
  background-color: #fff;
border-top:1px solid #666;
border-bottom:0px solid #666;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

.mnu-oya2 {
  max-width: 1200px;
  background-color: #fff;
}

.mnu-container {
padding: 0px 0px 0px 0px;
  background-color: #fff;

}

.top-mnu {
  margin: 0;
padding: 0px 0px 0px 0px;
  list-style: none;
  display: flex;
flex-wrap: wrap;
align-items: center;
}

.top-mnu li {
  padding: 10px 15px 0px 0px;
  border-top: 0px solid #72818f;

}

.top-mnu a {
  display: block;
  padding: 0px 0;
  border-bottom: 0px solid #ffffff;
  text-decoration: none;
  text-align: left;
　font-size: 80%;
  line-height: 100%;
  color: #333333;
}
.top-mnu a:hover {
  border-bottom: 0px solid #505b66;
background-color:#999999;
}

    .a_button {
      display: inline-block;
      border-style: solid;
      background-color: #FFFFFF;
      border-width:1px;
      border-color: darkgray;
      color: black;
      text-decoration: none;
    }

/*映像テスト*/

.c-video{
  position: relative;
  width: 100%;

  &__embed{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/*フッター送料無料・３営業日発送・品質保証用*/
.ichigyou img{
    vertical-align: middle;
    display: inline-block;
}

.ft-souryou {
  font-size: 1.8rem; font-weight: bold; 
}


/*TOPページSOLD OUT表記*/
.soldout {
    padding: 0 0;
    margin: 0 0;
    border: solid 1px #000000;
    text-align:center;
    font-size: 0.9em;
}


/*2023年始企画開始時間*/
.bgred {
    padding: 0 0;
    margin: 0 0;
    color: #FFFFFF;
    background-color: #FF0000;
    text-align:center;
    font-size: 0.9em;
}
.bgred p {
    margin: 0; 
    padding: 0;
}

/*076-401XX８つの特徴*/
@media(min-width:700px){
  /*PC版のみ*/
  .yokonarabe{
    display:flex;
    align-items: flex-end;
    width:100%;
    margin:0;
  }
  .yokonarabe>div{
    width:49%;
  }
}
/*PC・スマホ共通*/
.yokonarabe>div{
  margin:0 1%;
  text-align: center;
}

/*STACKMAN特集ページ*/
@media(min-width:700px){
  /*PC版のみ*/
  .yokonarabe2{
    display:flex;
    align-items: flex-start;
    width:100%;
    margin:0;
  }
  .yokonarabe2>div{
    width:49%;
  }
}
/*PC・スマホ共通*/
.yokonarabe2>div{
  margin:0 1%;
}

/*STACKMAN特集ページ　ブラウン*/
.topfeaturetitle_brn {
    font-weight:bold;
    color:#774b23;
    font-size:1.6em;
}

/*STACKMAN特集ページ　購入はコチラ*/
.stackman_purchase {
    padding: 0 0;
    margin: 2px 0px 0px 0px; 
    border: 0px;
    background-color:#C39E61;
    text-align:center;
    font-weight: bold;
    font-size: 1.2em;
}
.stackman_purchase p {
    margin: 0; 
    padding: 0;
}

/*STACKMANレビューページ　インスタネーム*/
.stackman_instaname {
    padding: 0.5rem 2rem;
    margin: 2px 0px 0px 0px; 
    border: 0px;
    background-color:#000000;
    color:#FFFFFF;
    font-weight: bold;
}
.stackman_instaname p {
    margin: 0; 
    padding: 0;
}


/*STACKMAN特集ページ　タイトルライン*/
.stackman-title2 {
    margin:  0;             /* デフォルトCSS打ち消し */
    font-size:  1.2em;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    display:  inline-block; /* インラインブロックにする */
    background-color: #fff; /* 背景色指定 */
    margin-left: 20px;      /* 周りの余白指定 */
    padding: 0 10px;        /* 余白指定 */
    font-weight: bold;
}
.stackman-title2-wrap {
    position: relative;     /* 位置調整 */
    margin-bottom:15px;     /* 周りの余白指定 */
}
.stackman-title2-wrap:before {
    content:  '';           /* 空白の要素を作る */
    background-color: #000; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    width:  100%;           /* 幅指定 */
    height:  1px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
}


/* STACKMANページ横並び3個 */
.stackman_newreco {
    width: 32.3333%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 0px;        /* 要素同士の隙間調整 */
    padding:  0px 2px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}

/*STACKMAN 商品名太字*/
.stackman_bold {
    font-weight:bold;
    font-size: 0.9em;
}

/*STACKMAN 商品詳細ページサイズ表示*/
.stackman-ul {
  column-count: 2;
}

/* 商品詳細ページの画像表示幅を固定 */
@media only screen and (min-width: 960px) {
.fs-c-productCarouselMainImage .slick-list.draggable {
  width: 500px;
  margin: auto;
}
 
.fs-c-productCarouselMainImage__image > img{
    width: 500px!important;
}
 
.fs-c-productCarouselMainImage__image > img {
    max-height: none;
}
}

/* 進呈ポイントの背景 */
.fs-c-productPointDisplay {
  background: #2572ef;
  color: #ffffff;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  padding: 4px 8px;
}

.fs-c-breadcrumb__list {
  box-sizing: border-box;
  width: 100%;
}


/* 週末10％ポイントアップ企画用 */
.ribon {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.ribon .caption {
  display: inline;
}

.ribon span {
  position: absolute;
  display: inline-block;
  bottom: 10px;
  right: -25px;
  width: 90px;
  padding: 2px 10px;
  background: #3fd0ff;
  color: #000000;
  font-weight: bold;
  text-align: center;
  transform: rotate(-45deg);
}


/* 日替わりポイント2倍企画用 */
.ribon2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.ribon2 .caption {
  display: inline;
}

.ribon2 span {
  position: absolute;
  display: inline-block;
  bottom: 10px;
  right: -25px;
  width: 90px;
  padding: 2px 10px;
  background: #3798c4;
  color: #000000;
  font-weight: bold;
  text-align: center;
  transform: rotate(-45deg);
}



/* 文字点滅 */

.text-tikatika {
   animation: tikatika 1.5s step-end infinite;
}
.text-tikatika {
    font-weight:bold; color:#cc0000; font-size:1.2em; margin-bottom: 0;
}

@keyframes tikatika {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

/* オルダクトフリーページ見出し */
.oldact_ttl {
  padding: 5px;
  border-left: 8px solid #7c8790;
  border-bottom: 2px solid #7c8790;
  font-weight:bold;
  color:#774b23;
  font-size: 1.2em;
}

/* オルダクトフリーページ横並べ */
@media(min-width:700px){
  /*PC版のみ*/
  .oldact_yokonarabe{
    display:flex;
    align-items: flex-start;
    width:100%;
    margin:0;
  }
  .oldact_yokonarabe>div{
    width:49%;
  }
}
/*PC・スマホ共通*/
.oldact_yokonarabe>div{
  margin:0 10px;
}

  .oldact_yokohaba{
    text-align: left;
    width:98%;
  }

/*　カート画面の送料無料表記を変えるCSS　*/
.fs-c-cartDiscountInfo__info {
    padding: 5px 10px;

}


/*　ショート動画可変　*/
.youtube_short{
 width: 70%; /* 伸縮する横幅 */
 max-width: 400px; /* 最大の横幅 */
}
.youtube_short iframe{
 aspect-ratio: 9 / 16;
 width: 100%;
 height: 100%;
}