/* html {margin: 0 auto; max-width: 1024px;} */
.basashi_footer {
     background-color:#000000;
     color:#ffffff;
}

img {
	display: block;
	}

.event_news {
    white-space: pre;
}
.event_news:before {
   content: "　キャンペーン　";
   display: inline-block;
   text-align: center;
   font-size: .8em;
   background: #dc143c;
   color: #fff;
   padding: 5px 5px 3px;
   margin-right: .5em;
   border-radius: 5px;
   line-height: 1.2;
}

.oshirase_news {
    white-space: pre;
}

.oshirase_news:before {
   content: "　　お知らせ　　";
   display: inline-block;
   text-align: center;
   font-size: .8em;
   background: #800000;
   color: #fff;
   padding: 5px 5px 3px;
   margin-right: .5em;
   border-radius: 5px;
   line-height: 1.2;
}

.item_news {
    white-space: pre;
}

.item_news:before {
   content: "　商品について　";
   display: inline-block;
   text-align: center;
   font-size: .8em;
   background: #ff8c00;
   color: #fff;
   padding: 5px 5px 3px;
   margin-right: .5em;
   border-radius: 5px;
   line-height: 1.2;
}

.newstime {
     font-size:0.8em;
     color:#6a1917;
     margin-right : 2em;
}
h4 {
     color:#432f2f;
     font-weight: bold;
     text-align: center;
     font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
     margin: 0;
     padding-bottom: 0.5em;
}

h5 {
     color:#606060;
     text-align: center;
     margin: 0;
     padding-top: 1em;
}

.under_text {
     font-weight: bold;
     font-size: 1.5em;
     padding-bottom: 5px;
     border-bottom: 2px solid;
}


/* you tube動画用ここから*/

.movie-bg{
     background-color:#ffead6;
     text-align: center;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding-bottom: 0.5em;
}

/*ボタンここから */
*,
*:before,
*:after {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}

html {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-size: 62.5%;/*rem算出*/
}

.btn,
a.btn,
button.btn {
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 1.5;
     position: relative;
     display: inline-block;
     padding: 1rem 4rem;
     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;
     color: #212529;
     border-radius: 0.5rem;
}

.btn--movie,
a.btn--movie {
     color: #fff;
     background-color: #432f2f;
}
.btn--movie:hover,
a.btn--movie:hover {
     color: #fff;
     background: #f56500;
}
/*ボタンここまで*/

/* you tube動画用ここまで*/

/*Facebook*/
.fb-page {
     width: 100%
}


/*Facebook*/

/*商品詳細の数量ボックスの前に「数量」を入れる*/
.fs-c-quantity{
     display: flex;
     align-items: center;
     position: relative;
}
.fs-c-quantity::before{
     content:"数量";
     white-space:nowrap;
}
.fs-c-quantity__number:focus:not(.is-error) + .fs-c-quantity__message{
left:calc(100% + 4px);
}
/*商品詳細の数量ボックスの前に「数量」を入れる*/


.fs-l-main {
  margin: 17px auto;
  padding: 8px;
  max-width: 1054px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fs-l-pageMain {
  max-width: 1054px;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .fs-l-sideArea {
    max-width: 220px;
  }
  .fs-l-sideArea + .fs-l-pageMain,
  .fs-l-pageMain + .fs-l-sideArea {
    max-width: 800px;
  }
}

/*入力欄が短くなるエラー解消用*/

.fs-c-productQuantityAndWishlist__quantity { 
    position: relative; 
} 

.fs-c-quantity__number:focus:not(.is-error) + .fs-c-quantity__message { 
    position: absolute; 
    right: -80px; 
}

/*入力欄が短くなるエラー解消用*/

/* Amazon Payの定期・頒布会申込は会員登録内容変更からのお届け先情報変更不可の説明追記 */
[for="fs_input_syncDestinationInfo"] > .fs-c-checkbox__labelText::after{
content: "\A（Amazon Payでお支払いの場合、変更されない場合がございます。定期申込履歴をご確認いただき、変更されていない場合は別途ご連絡ください。）";
white-space: pre-wrap;
}