#lp-sp-btc { margin: 0 auto; background-color: #e7e4d9; line-height: 1.75;}
#lp-sp-btc img { display: initial; max-width: 100%;}
#lp-sp-btc .brand-wrap { width: 1200px; margin: 0px auto;}

/*visumoエリア*/
#lp-sp-btc .hacobune-gallery { margin: -30px auto; }
#lp-sp-btc .hacobune-mix-load-more-button  { font-family: futura-pt, sans-serif; }
#lp-sp-btc .hacobune-grid-container { background-color: #e7e4d9; }
#lp-sp-btc .hacobune-mix-grid { background-color: #e7e4d9; }
#lp-sp-btc .hacobune-mix-list-item { background-color: #e7e4d9; }

@media only screen and (max-width: 979px) {
    #lp-sp-btc { width: 100%; background-color: #e7e4d9; }
    #lp-sp-btc .brand-wrap { width:100%; margin: 0px auto;}
}

#lp-sp-btc .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-btc .cfix { min-height: 1px;}
#lp-sp-btc .sp_main { overflow: hidden;}
#lp-sp-btc #brand-main { margin-bottom: 6%;}
#lp-sp-btc .blanket { text-align: center;}
#lp-sp-btc .blanket p { text-align: center; letter-spacing: 0.01em; font-size: 14px; line-height: 1.7;}
#lp-sp-btc .blanket #COORDINATE p,
#lp-sp-btc .blanket #RANKING p { margin: 0 auto;}
#lp-sp-btc .blanket #COORDINATE .hacobune-gallery .hacobune-app-container { background: none; }
#lp-sp-btc .blanket li { list-style: none;}
#lp-sp-btc .blanket h1 { margin: 0; padding: 0; border: none;}
#lp-sp-btc .blanket h2 { margin: 3% 0%; font-weight: 500; font-size: 50px; font-family: futura-pt, sans-serif;}
#lp-sp-btc .blanket h3 { margin: 100px 0 0px; font-weight: 500; font-size: 36px; font-family: futura-pt, sans-serif;}
#lp-sp-btc .blanket #RANKING h3 { margin: 75px 0 10px;}
#lp-sp-btc .blanket h4 { padding-top: 20px; font-weight: 500; font-size: 28px; font-family: futura-pt, sans-serif;}
#lp-sp-btc .blanket section:first-of-type { border-top: none;}
#lp-sp-btc .blanket .center a { margin: 0 auto !important; padding: 25px 125px; background-color: #fff; font-size: 14px;}
#lp-sp-btc .blanket .center a img{ width: auto; magin: 0 30px 0 0;}
#lp-sp-btc .blanket .navi_area a { display: block; padding: 20px 0; width: 100%; background-color: #f4f4f4; color: #000; font-size: 16px;}
#lp-sp-btc .blanket .navi_area a:hover { color: #000;}
#lp-sp-btc .blanket #salesranking .tab_ttl { display: none;}
#lp-sp-btc .blanket .top_area { margin-bottom: 4%;}

/* 表示領域全体 */
#lp-sp-btc .blanket .top_area div.container.itmFade_3 {
  position : relative;
  max-width : 960px;
  max-height : 400px;
  margin : 0 auto;
}
/* 表示領域の「position: relative;」により，領域高さが0になるため，paddingで高さを確保する */
#lp-sp-btc .blanket .top_area div.container.itmFade_3::before {
  content : "";
  display : block;
  padding-top : 45%;
}


/* アニメーションの設定 */
#lp-sp-btc .blanket .top_area div.container.itmFade_3 div.ph {
  position: absolute;
  top : 0;
  left : 0;
  max-width : 100%;
  max-height : 100%;
  opacity : 0;
  animation : itmFade3-chg-itm-anim 30s infinite;  /* アニメーション : 下記「@keyframes chg-itm-anim の 0% から 100% まで」を「15秒」で「無限」に繰り返す */
}
/* 1つ目のアイテム */
#lp-sp-btc .blanket .top_area div.container.itmFade_3 div.ph:nth-of-type( 1 ) {
  animation-delay : 0s;  /* アニメーション(下記「@keyframes chg-itm-anim」)の開始を0秒遅らせる */
}
/* 2つ目のアイテム */
#lp-sp-btc .blanket .top_area div.container.itmFade_3 div.ph:nth-of-type( 2 ) {
  /**
   * アニメーションの進行(下記「@keyframes chg-itm-anim」)の開始を5秒遅らせる
   * (上記アニメーション全体15秒の1/3，1枚目のアニメーションが33%に到達(フェードアウト開始)した時に2枚目のアニメーション(フェードイン)開始)
  **/
  animation-delay : 10s;
}
/* 3つ目のアイテム */
#lp-sp-btc .blanket .top_area div.container.itmFade_3 div.ph:nth-of-type( 3 ) {
  /**
   * アニメーションの進行(下記「@keyframes chg-itm-anim」)の開始を10秒遅らせる
   * (上記アニメーション全体15秒の1/3，2枚目のアニメーションが33%に到達(フェードアウト開始)した時に3枚目のアニメーション(フェードイン)開始)
  **/
  animation-delay : 20s;
}

/* アニメーションの進行 */
@keyframes itmFade3-chg-itm-anim {
  0% {
    opacity : 0;
  }
  10%{
    opacity : 1;
    z-index : 3;
  }
  33%{
    opacity : 1;
  }
  /**
   * 画像が3枚のため1枚当たり33%
   * 1枚目->2枚目(33%・不透明から50%・透明)にフェードして切り替える
   * 50%到達(全体アニメーション時間の半分)で前の画像が見えなくなる
   */
  50%{
    opacity : 0;
    z-index : 1;
  }
  100% {
    opacity : 0;
  }
}

#lp-sp-btc .blanket .top_img { margin-bottom: 3%;}
#lp-sp-btc .blanket .sec_txt { margin: 0 auto 40px;}
#lp-sp-btc .blanket .sec_item_txt { margin: 30px auto 0; max-width: 630px; text-align: left;}
#lp-sp-btc .blanket .item { margin-top: 40px;}
#lp-sp-btc .blanket .navi_area ul { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-evenly; margin: 3% auto;}
#lp-sp-btc .blanket .navi_area ul li { display: inline-block; width: 280px; background: #f4f4f4; font-weight: bold;}
#lp-sp-btc .blanket .navi_area ul li img { margin-right: 12px; width: auto;}
#lp-sp-btc .blanket #COLUMN .navi_area ul li:nth-child(3) { width: 370px;}
#lp-sp-btc .blanket #COLUMN hr { border: 1px dotted #ffffff; width: 90%; margin: 20px auto 50px; }
#lp-sp-btc .blanket .ecbn-selection-widget .ttle_instagram h2 { display: none;}
#lp-sp-btc #COLUMN .code_clm { margin: 3.5% auto 8%;}
#lp-sp-btc #COLUMN .code_clm p { font-size: 14px;}
#lp-sp-btc #COLUMN .code_clm p span.sub_ttl { display: block; margin: 20px auto 10px; text-decoration: underline; font-weight: normal;}
#lp-sp-btc #COLUMN .code_clm p span.ttl { display: block; margin-bottom: 15px; font-weight: 600; font-size: 18px;}
#lp-sp-btc #BEST_SELLER ul.item_list > li { margin-bottom: 30px;}
#lp-sp-btc #BRAND .sec_item_txt { display: flex; margin: 50px auto 0; max-width: 96%;}
#lp-sp-btc #BRAND .brand_item_detail { width: 55%;}
#lp-sp-btc #BRAND .brand_item_detail p { margin-left: 30px; text-align: left; letter-spacing: 0.1em; line-height: 1.8;}
#lp-sp-btc #BRAND .brand_item_detail span { display: inline-block; margin-top: 15px; padding: 2px 10px; border: 1px solid #426fc4; color: #426fc4;}
#lp-sp-btc #BRAND .brand_item_img { margin-bottom: 15px; width: 55%;}
#lp-sp-btc #BRAND .item1,
#lp-sp-btc #BRAND .item2,
#lp-sp-btc #BRAND .item3,
#lp-sp-btc #BRAND .item4,
#lp-sp-btc #BRAND .item5 { width: 85%;}
#lp-sp-btc #BRAND .brandDetail__link { margin-bottom: 150px;}
#lp-sp-btc #ALLITEM .brandDetail__link { margin-bottom: 150px;}

#lp-sp-btc .slide_all { width: 730px; height: 426px;}
#lp-sp-btc .slide { width: 630px !important;}
#lp-sp-btc .slide_wrap { left: 56.5%;}
#lp-sp-btc .bx-wrapper .bx-controls-direction a.bx-next { left: 712px;}
#lp-sp-btc #PICKUP,
#lp-sp-btc #BRAND{ margin-top: -5px; padding-top: 5px;}
#lp-sp-btc #COLUMN { margin: 0px auto; width: 80%;}

@media only screen and (min-width:767px) and (max-width: 979px) {
    #lp-sp-btc .slide_wrap { left: 11.5%;}
    #lp-sp-btc .bx-wrapper .bx-controls-direction a.bx-next { left: 555px;}
}

@media only screen and (max-width: 767px) {
    #lp-sp-btc .blanket p { text-align: justify; letter-spacing: 0; font-size: 12px; line-height: 1.6;}
    #lp-sp-btc .blanket .top_area p.readtext { text-align: justify; padding: 0 25px; }
    #lp-sp-btc .blanket h2 { margin-bottom: 4%; font-size: 30px;}
    #lp-sp-btc .blanket h3 { margin: 50px 0 10px; font-size: 26px;}
    #lp-sp-btc .blanket #RANKING h3 { margin: 55px 0 10px;}
    #lp-sp-btc .blanket h4 { margin: 16px 0 8px; padding-top: 0; font-size: 24px;}
    #lp-sp-btc .blanket .center a { padding: 12px 0; width: 90%; font-size: 12px;}
    #lp-sp-btc .blanket .navi_area a { padding: 15px 0; font-size: 13px;}
    #lp-sp-btc .blanket .sec_txt { width: 100%;}
    #lp-sp-btc .blanket .sec_txt p { width: 85%; text-align: justify; margin: 0 auto;}
    #lp-sp-btc .blanket .top_area { margin-bottom: 7%;}
    #lp-sp-btc .blanket .top_img { margin-bottom: 5%;}
    #lp-sp-btc .blanket .item { margin: 30px auto 0; width: 90%;}
    #lp-sp-btc .blanket .navi_area ul li { margin: 2% 1%; width: 46%;}
    #lp-sp-btc #COLUMN .code_clm { margin: 7% auto 20%;}
    #lp-sp-btc #COLUMN .code_clm p { font-size: 12px;}
    #lp-sp-btc #COLUMN .code_clm p span.ttl { margin-bottom: 15px; font-size: 16px;}
    #lp-sp-btc #BRAND .sec_item_txt { display: block; margin: 30px auto 0; max-width: 85%;}
    #lp-sp-btc #BRAND .brand_item_detail { width: 100%;}
    #lp-sp-btc #BRAND .brand_item_detail p { text-align: justify;  margin-top: 20px; margin-bottom: 16px; margin-left: 0; letter-spacing: 0; line-height: 1.8;}
    #lp-sp-btc #BRAND .brand_item_img { width: 50%;}
    #lp-sp-btc #NEWARRIVAL,
    #lp-sp-btc #PICKUP,
    #lp-sp-btc #BRAND { margin-top: -80px; padding-top: 80px;}
    #lp-sp-btc .blanket li { list-style: none;}
    #lp-sp-btc #BRAND .brandDetail__link { margin-bottom: 20%;}
	#lp-sp-btc #ALLITEM .brandDetail__link { margin-bottom: 20%;}
}

@media only screen and (max-width: 550px) {
    #lp-sp-btc .slide.smp { width: 2.18% !important;}
    #lp-sp-btc .slide_wrap { left: 1.5%;}
    #lp-sp-btc .bx-wrapper .bx-controls-direction a.bx-next { left: 84% !important;}
    #lp-sp-btc .bx-controls { bottom: -20px;}
}

@media only screen and (max-width: 320px) {
    #lp-sp-btc .slide img { width: 86%;}
}