﻿@charset "utf-8";

/* --------------------------------------------------------------------------------------------
  2017-01-06 ニュース欄を2行から1行にしたので、スマホのサイズを1行分に変更。
  2017-01-10 ニュース欄を1行から2行にしたので、スマホのサイズを2行分に変更。  79 85
  2017-01-13 ニュース欄を2行から3行にしたので、スマホのサイズを3行分に変更。  108 116
  2017-01-16 ニュース欄を3行から2行にしたので、スマホのサイズを2行分に変更。  79 85
  2017-01-20 ニュース欄、スマホのサイズを1行分に変更。  50　54　に変更
 2017-03-07 ニュース欄、スマホのサイズを2行から3行へ55→80、79→108、85→116分に変更。
 2017-03-13 ニュース欄、スマホのサイズを80→55、108→79、116→85分に変更。
 2017-03-30 ニュース欄、スマホのサイズを55→60、79→85、85→92分に変更。
 2017-05-02 ニュース欄のサイズを60、128、140に変更。  ２行分として。多めに。
 2017-06-16 ニュース欄のサイズを60→80、128→128、140→140に変更。  PCのみ2行分として。多めに。
 2017-06-30 ニュース欄のサイズを80→0、128→0、140→0に変更。
 2017-07-06 ニュース欄のサイズを0→70、0→110、0→150に変更。  (2行(文章長い（雨遅延（2行）+楽天マラソン（4行）））
 2017-07-21 ニュース欄のサイズを70→80、110→120、150→160に変更。  (3行）））
 2017-07-28 ニュース欄のサイズを70→130、110→150、150→190に変更。  (4行）））
 2017-08-16 ニュース欄のサイズを130→80、150→120、190→160に変更。  (3行）））
 2017-08-17 ニュース欄のサイズを80→55、120→79、190→85に変更。  (2行）））
 2017-08-28 ニュース欄のサイズを55→0、79→0、85→0に変更。  (0行）））
 2017-09-01 ニュース欄のサイズを0→55、0→79、0→85に変更。  (2行）））
 2017-09-08 ニュース欄のサイズを55→0、79→0、85→0に変更。  (0行）））
 2017-11-08 ニュース欄のサイズを55、79→110、85→140に変更。  (0行）））
 2017-11-09 ニュース欄のサイズを55→40、110→79、140→85に変更。  (0行）））
 2017-11-27 ニュース欄のサイズを40→80、79→120、85→140に変更。  (3行）））
 2017-12-01 ニュース欄のサイズを80→120、120→150、140→170に変更。  (4行）(スーパーSALE文章1行、自主回収3行)）
 2017-12-07 ニュース欄のサイズを120→80、150→120、170→140に変更。  (3行）
 2017-12-15 ニュース欄のサイズを80→110、120→150、140→170に変更。  (4行）(イベント文章1行、自主回収2行、年末年始1行)
 2017-12-22 ニュース欄のサイズを110→80、150→120、170→140に変更。  (3行）(自主回収2行、年末年始1行)
 2017-12-28 ニュース欄のサイズを80→40、110→79、140→85に変更。  (3行）(自主回収2行、年末年始1行)
 2018-01-12 ニュース欄のサイズを40→55、79→79、85→85に変更。  (2行）
 2018-02-02 ニュース欄のサイズを55→55、79→120、85→170に変更。  (3行）(楽天マラソン遅延（長い文章）、自主回収)
 2018-02-06 ニュース欄のサイズを55→80、120→150、170→200に変更。  (4行）(楽天マラソン遅延（長い文章）、遅延、自主回収)
2018-02-08 ニュース欄のサイズを80→110、150→150、200→200に変更。  (4行）(楽天マラソン遅延（長い文章）、遅延、自主回収)
2018-02-14 ニュース欄のサイズを110→140、150→150、200→200に変更。  (4行）(楽天マラソン遅延（長い文章）、遅延、自主回収)
2018-02-26 ニュース欄のサイズを140→55、150→79、200→85に変更。  (2行）(悪質なサイト、ゼブラ自主回収　両方短い文章）

2018-03-02 ニュース欄のサイズを55→140、79→150、85→200に変更。  (4行）(楽天マラソン遅延（長い文章）、遅延、悪質なサイト、ゼブラ自主回収）

2018-03-08 ニュース欄のサイズを140→55、150→100、200→140に変更。  (2行）(楽天マラソン遅延（長い文章）、自主回収)
2018-03-22 ニュース欄のサイズを55→110、100→120、140→170に変更。 (3行）(遅延（長い文章）、送料、偽サイト)
2018-04-26 ニュース欄のサイズを110→80、120→120、170→170に変更。 (3行）(自主回収、GW案内、偽サイト)

 height="55"
高さ変更　90→1/20　32　→1/25　55  →2/1 0

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

  #news-iframe {    height: 80px;  }

 iphone6 Plus
@media (max-width: 420px) {
  #news-iframe {    height:120px;  }
}
 iphone6
@media (max-width: 375px) {
  #news-iframe {    height:170px; }
}

*/



/*------------　フッター　------------- */

/* iphone6 Plus */
@media (max-width: 420px) {
#side-iframe {    height:1000px;  }
}

/* iphone6 */
@media (max-width: 375px) {
#side-iframe {    height:1200px;  }
}

/*------------　フッター　------------- */

/* iphone6 Plus */
@media (max-width: 420px) {
#foot-iframe-01 {    height:7300px;  }
}

/* iphone6 */
@media (max-width: 375px) {
#foot-iframe-01 {    height:7900px;  }
}



/*------------　2019-10-30  スマホ商品ページ ヘッダー　------------- */

@media (max-width: 479px) {
  .header-award-bnr .bnr_award_1030 img {
     width: 60px;
    }
}


/*------------　2019-10-30  パソコン ヘッダー　 スクロール後------------------------------------------------------------------- */


#header-right-area {
  display: inline-block;
  float: right;
  text-align: right;
  margin-top: 15px;
  line-height: 1.4;
  max-width: 700px;
}
.fix-head #header-right-area {
  width: 700px;
}

.header-soryo1030_01 {
  display: inline-block;
  line-height: 1.2;
  padding: 6px 0px 0px 0px;
  text-align: right;
  font-size: 120%;
  font-weight: bold;
  color: #FF0000;
  margin: 0;

}
 /*float: right; 「※」をサイズ小さく、上に表示 に[上][右][下][左]*/

.header-soryo1030_02 {            /* 「※」をサイズ小さく、上に表示 */
  display: inline-block;
  line-height: 1.2;
  padding: 6px 0px 0px 0px;
  font-size: 60%;
  color: #000000;
  margin: 0;
  vertical-align: top;

}

/*<font color="#FF8C00"></font>*/

.header-soryo1030_03 {
  display: inline-block;
  line-height: 1.2;
  padding: 6px 0px 0px 0px;
  text-align: right;
  font-size: 120%;
  font-weight: bold;
  color: #000000;

  margin: 0;

}





/*------------　2019-10-30  パソコン ヘッダー　 スクロール前------　height: 26px;------------------------------------------------------ */





.img-201910 {
  background-repeat: no-repeat;
  width: 559px;
  height: 44px;
  background-size: auto 100%;
  background-position: center right;
  margin: 4px 4px 0 0;
  }

  /*------------　2019-10-31  スマホ ヘッダー　 スクロール前------　height: 26px;--------------------------- */






  @media (max-width: 479px) {
        #header-right-area .bookmark {
          top: -55px;
      }
    }
