@charset "utf-8";

/* ===============================================

  ■ Project(セカンドレイヤー)コンポーネント (MCSS:Project)
    ※Project → Base    上書き○
    ※Project → Project 上書き○

  --------------------------------------------

  ■ 命名規則 MCSS
    block     block
    element   block_element
    modifier  block_element.__modifier

    ※状態を表すものはprefixをつける is-, has-, not-...

  --------------------------------------------

  ■ Index

    1.Font Size
    2.carouFredSel
    3.

=============================================== */


/* 左メニューのカテゴリ
---------------------------*/


/* dev-tctav-custom */

.categoryList_term.__radio a {
  background-image: url(/html/template/default/assets/images/common/img_product_radio_black.svg);
}

.categoryList_term.__tv a {
  background-image: url(/html/template/default/assets/images/common/img_product_tv_black.svg);
}

.categoryList_term.__newspaper a {
  background-image: url(/html/template/default/assets/images/common/img_product_newspaper_black.svg);
}

.categoryList_term.__catalog a {
  background-image: url(/html/template/default/assets/images/common/img_product_catalog_black.svg);
}


/* Font Size
---------------------------*/
.numSearch_input #leaflet_01-01 {
  width: 32%;
}

.numSearch_input #leaflet_01-02 {
  width: 60%;
}

.heading2.__cont {
  font-size: 2.4rem;
}

.newsList dl {
  font-size: 0.75rem;
}

#news .btn_item {
  font-size: 0.8rem;
}

#searchListArea .productSearch_heading {
  font-size: 1rem;
}

.productSearchLink_term {
  font-size: 1.1rem;
  font-weight: normal;
}

.productSearchLink_item {
  font-size: 0.8rem
}

.detail_item.__name {
  font-size: 1rem;
  line-height: 1.5rem;
}

.detail_item.__price {
  font-size: 0.7rem;
}

.detail_item.__price span {
  font-size: 0.8rem;
  font-weight: bold;
}

.nowList_item .btn_item {
  font-size: 0.8rem;
}

.mark {
  font-size: 0.7rem;
}

.keywordArea .searchBox.is-pc .btn.__input {
  font-size: 1rem;
  line-height: 1.4rem;
}

.keywordArea .searchBox.is-pc .btn.__search {
  font-size: 1rem;
  line-height: 1.4rem;
}

.recommendList_name {
  font-size: 1rem;
}

.recommendList_price {
  font-size: 0.7rem;
}

.problemList_type {
  font-size: 0.8rem;
}

.numberSearchBox_hyphen {
  font-size: 0.6rem;
}

.numberSearchBox .btn_item {
  font-size: 0.8rem;
}

.searchWord_heading {
  font-size: 0.8rem;
}

.searchWord_word {
  font-size: 0.7rem;
}

.rankingList_price {
  font-size: 0.7rem;
}

.rankingList_price span {
  font-size: 0.8rem;
}

.recentList_name {
  font-size: 0.7rem;
}

@media screen and (max-width: 767px) {
  .topList .title {
    font-size: 1.5rem
  }
  .contList .title {
    font-size: 2.1rem;
  }
  .detail_item.__name {
    font-size: 1.9rem;
    line-height: 2.5rem;
  }
  .detail_item.__price {
    font-size: 1.5rem;
  }
  .detail_item.__price span {
    font-size: 1.9rem;
    font-weight: bold;
  }
  .nowList_item .btn_item {
    font-size: 1.9rem;
  }
  .mark {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  .recommendList_name {
    font-size: 1.9rem;
  }
  .recommendList_price {
    font-size: 1.5rem;
  }
  .btn.__more .btn_item {
    font-size: 1.9rem;
  }
  .problemList_type {
    font-size: 1.8rem;
  }
  .numberSearchBox .btn_item {
    font-size: 1.9rem;
  }
  .rankingList_name {
    font-size: 1.9rem;
  }
  .rankingList_price {
    font-size: 1.5rem;
  }
  .rankingList_price span {
    font-size: 1.9rem;
  }
  .recentList_name {
    font-size: 1.7rem;
  }
  .newsList dl dt {
    font-size: 1.7rem;
  }
  .newsList dl dd {
    font-size: 1.7rem;
  }
  #news .btn_item {
    font-size: 1.9rem;
  }
}


/* z-index
---------------------------*/

.control {
  z-index: 20;
}

#pager02 {
  z-index: 10;
}

#pager03 {
  z-index: 10;
}

.page-main {
  width: 100%;
}

.tellArea {
  width: 100%;
}

.tellArea a {
  width: 92%;
  border: 1px solid #ff7200;
  border-radius: 6px;
  display: block;
  margin: 5% auto;
}

.tellArea a .tellArea_inner {
  text-align: center;
  border-radius: 6px;
  background-color: #fea300;
  margin: 0.5%;
  padding: 4%;
  background-image: linear-gradient(180deg, #ffad00 0%, #fd9000 100%);
}

.tellArea a .tellArea_inner .tellArea_text {
  color: #fff;
  font-size: 2.1rem;
  display: inline-block;
  padding-left: 8%;
  padding-bottom: 0;
  padding-top: 0;
  background: url(/html/template/default/assets/images/common/icn_tel_01_white.png) no-repeat left center;
  background-size: 10% auto;
  margin-bottom: 3%;
}

.tellArea a .tellArea_inner .tellArea_number {
  background-color: #fff;
  border-radius: 14px;
  width: 90%;
  display: inline-block;
  padding: 1.5% 0;
}

.tellArea a .tellArea_inner .tellArea_number p {
  color: #333333;
  font-size: 2.9rem;
  font-weight: bold;
  background-image: url(/html/template/default/assets/images/common/icn_tel_02_green.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15%;
  background-size: 17%;
  display: inline-block;
  vertical-align: middle;
}


/** SZ カスタム */

@media screen and (max-width: 767px) {
  /* gNav
	----------------------------------------------*/
  #gNav {
    display: block !important;
  }
  /* SZ 2018/11/29 start */
  .sidebar-main .productSearchLink_item {
    width: 50%;
    float: left;
  }
  /* SZ 2018/11/29 end */
}


/* carouFredSel
----------------------------------------------*/

#slider {
  width: 100%;
  /*width: 1000px;*/
  height: 450px;
  /* height:auto; */
  /* SZ 2018/11/19 */
  margin: 0 auto;
  position: relative;
  /* display: none; */
  /* SZ 2018/11/19 */
}

#slider .is-pc {
  height: auto;
  /* 410px->auto */
  /* SZ 2018/11/21 */
  width: 1100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

#slider #carouHover {
  width: 1000px;
  height: 330px;
  /*height: 473px;*/
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

#slider #carouHover .mv_wrap {
  margin-left: -80px;
  width: 1160px;
  position: relative;
}

#slider #carouHover .mv_wrap li {
  width: 1160px;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
}

#slider #carouHover .mv_wrap li.act {
  z-index: 6;
}

#slider #carouHover .mv_wrap li.fade {
  z-index: 7;
}

#slider #carouHover .mv_wrap a {
  opacity: 1;
}

#slider #carouHover .thumb_wrap {
  max-width: 960px;
  text-align: center;
  position: absolute;
  z-index: 100;
  bottom: -13px;
  left: 20px;
}

#slider #carouHover .thumb_wrap a {
  width: 182px;
  height: 82px;
  margin: 0 3px 6px 3px;
  border: solid 1px #999;
  background: #FFF;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#slider #carouHover .thumb_wrap a:before,
#slider #carouHover .thumb_wrap a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-radius: 100px / 10px;
}

#slider #carouHover .thumb_wrap a:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slider #carouHover .thumb_wrap a:hover,
#slider #carouHover .thumb_wrap a.selected {
  border: solid 3px #02559b;
  opacity: 1;
  transition: none;
}

#slider #carouHover .thumb_wrap a:hover:before,
#slider #carouHover .thumb_wrap a.selected:before {
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  display: block;
  border: 8px solid transparent;
  border-bottom-color: #02559b;
  border-top-width: 0;
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  z-index: 30;
}

#slider #carouHover .thumb_wrap a img {
  width: 176px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#slider #carouHover .slide_btn {}

#slider #carouHover .slide_btn .prev,
#slider #carouHover .slide_btn .next {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #7d7d7d;
  position: absolute;
  top: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50px;
  z-index: 100;
  opacity: 0.5;
  display: block !important;
}

#slider #carouHover .slide_btn .prev {
  left: -60px;
  background-image: none;
}

#slider #carouHover .slide_btn .next {
  right: -60px;
  background-image: none;
}

#slider #carouHover .slide_btn .prev span.sprite {
  width: 18px;
  height: 16px;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -130px 0px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slider #carouHover .slide_btn .next span.sprite {
  width: 18px;
  height: 16px;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -150px 0px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


/* SZ 2018/11/22 start */

#slider,
#carouFredSelSP {
  display: block;
}

#slider #pagerSP,
#slider .nav {
  display: none;
}

/* SZ 2018/11/22 end */

#slider #carouHover .mv_wrap:before,
#slider #carouHover .mv_wrap:after {
  width: 80px;
  height: 330px;
  position: absolute;
  top: 0;
  content: "";
  display: block;
  z-index: 100;
}

#slider #carouHover .mv_wrap:before {
  background: url(/html/template/default/assets/images/images/bg_slide_left.png) no-repeat left top / 100% 330px;
  left: 0;
}

#slider #carouHover .mv_wrap:after {
  background: url(/html/template/default/assets/images/images/bg_slide_right.png) no-repeat left top / 100% 330px;
  right: 0;
}

#carouFredSel {
  width: 100%;
  height: 360px;
  padding: 0;
}

#carouFredSel li {
  width: 1160px;
  margin: 0 5px;
  float: left;
  display: block;
  position: relative;
}

#carouFredSel li a:hover img {
  opacity: 1;
}

#carouFredSel img {
  width: 100%;
}

.control {
  width: 1000px;
  margin-left: 0 auto;
  position: absolute;
}

.prev_carouFredSelSP {
  width: 45px;
  /*27px*/
  height: 82px;
  /*50px*/
  display: block;
  position: absolute;
  top: 160px;
  left: 20px;
}

.prev_carouFredSelSP span.sprite {
  width: 45px;
  /*27px*/
  height: 82px;
  /*50px*/
  background-image: url(/html/template/default/assets/images/common/icon_left_03.png);
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.next_carouFredSelSP {
  width: 45px;
  /*27px*/
  height: 82px;
  /*50px*/
  display: block;
  position: absolute;
  top: 160px;
  right: 20px;
}

.next_carouFredSelSP span.sprite {
  width: 45px;
  /*27px*/
  height: 82px;
  /*50px*/
  background-image: url(/html/template/default/assets/images/common/icon_right_03.png);
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1024px) {
  .main .caroufredsel_wrapper:before,
  .main .caroufredsel_wrapper:after {
    width: 0;
    height: 0;
  }
}

#carouFredSelSP {
  /* display: block;
    overflow: hidden; */
  /* 2018/11/21 */
  /*background: #000;*/
  /* SZ 2018/11/20 */
  text-align: center;
  margin: auto;
}

#carouFredSelSP li {
  /*float: left;*/
  width: 890px;
  text-align: center;
  display: none;
  /* opacity: 0.7; */
  /* SZ 2018/11/26 */
}
#carouFredSelSP li.act {
  display: inline;
}

#carouFredSelSP li.selected {
  opacity: 1;
}

#carouFredSelSP li a:hover {
  opacity: 1;
}

.caroufredsel_wrapper #carouFredSelSP li img {
  transition: 1s;
  opacity: 1;
}

div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(1) a::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#carouFredSelSP li img {
  transform: scale(1);
  height: auto;
  /* opacity: 0; */
  /* SZ 2018/11/21 */
}

#pagerSP {
  clear: both;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 3%;
  line-height: 0;
}

#pagerSP a {
  width: 10px;
  height: 10px;
  /*padding-top: 2%;*/
  margin-right: 1.3%;
  background: #cccccc;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  box-sizing: border-box;
}

#pagerSP a.selected {
  background: #c41a41;
}

@media screen and (max-width: 767px) {
  #slider {
    width: 100%;
    /* height: 190px; */
    height: auto;
    background-color: #fff;
    padding-bottom: 6%;
    overflow: hidden;
  }
  #slider #carouFredSel,
  #slider #pager {
    display: none;
  }
  #slider #carouFredSelSP {
    /* display: block; */
    /* SZ 2018/11/21 */
  }
  #slider .caroufredsel_wrapper {
    width: 100%;
    /*    height: 0 !important;
*/
    margin: 0 auto !important;
    /*    padding-bottom: 66.66%;
*/
  }

  div#slider.carouFredSelSP_init {
    position: relative;
    overflow: hidden;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li a::after {
    max-height: none;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li {
    display: none;
    line-height: 0;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(1), div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(2), div.carouFredSelSP_init ul#carouFredSelSP li:last-child {
    display: inline-block;
  }

  #slider .caroufredsel_wrapper:before,
  #slider .caroufredsel_wrapper:after {
    width: 0;
    height: 0;
  }
  #slider .caroufredsel_wrapper>div {
    height: 0 !important;
    padding-bottom: 66.66%;
  }
  #slider .is-sp {}
  #carouFredSelSP {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  #carouFredSelSP li {
    float: left;
    width: 80vw;
    /*280px 1116*/
    text-align: center;
  }
  #carouFredSelSP li.selected {
    opacity: 1;
  }
  #carouFredSelSP li img {
    transform: scale(1);
    height: auto;
    /*190px 1115*/
    /* opacity: 0; */
    /* SZ 2018/11/21 */
  }
  #carouFredSelSP li:not(.selected) img {
    /*transform:scale(0.9);*/
  }
  #carouFredSelSP li a:hover img {
    opacity: 1;
  }
  .caroufredsel_wrapper #carouFredSelSP li img {
    transition: 1s;
    opacity: 1;
  }
  #pagerSP {
    clear: both;
    width: 100%;
    /*width: 93.75%;*/
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: 3%;
    line-height: 0;
  }
  #pagerSP a {
    width: 2%;
    height: 0;
    padding-top: 2%;
    margin-right: 1.3%;
    background: #cccccc;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    box-sizing: border-box;
  }
  #pagerSP a.selected {
    background: #124793;
  }
  #pagerSP a:last-child {
    margin-right: 0;
  }
  .attention_area {
    padding: 4% 2.7% 0;
    background: #e6edf4;
    display: none;
  }
  .attentionList_item {
    width: 48%;
    float: left;
  }
  .attentionList_item:first-child {
    margin-right: 3.3%;
  }
}


/* #textContentsArea ■テキストコンテンツ */

.textContentsArea {
  margin: 40px 0 0;
}

.textContentsArea .bgBlue {
  background-color: #f6fcff;
}

.textContentsArea .bgBlue .textContents {
  padding: 40px 80px 0;
}

.textContentsArea .heading2 .heading2_item {
  font-size: 1.3rem;
  font-weight: bold;
}

.textContentsArea .heading2 {
  margin-bottom: 20px;
  text-align: center;
}

.textContentsArea .textContentsList {
  padding: 20px 80px 40px;
  list-style-type: disc;
}

.textContentsArea .textContentsList li {
  font-size: 0.75rem;
  margin-left: 20px;
  color: #02559b;
}

.textContentsArea .textContentsList li span {
  color: #333333;
}

.section {
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .section {
    padding: 5% 0;
  }
}

.SeoTextArea {
  margin: 40px 0 0;
}

.SeoTextArea .bgBlue {
  background-color: #f6fcff;
}

.Top_Seo_Inner .hiddenArea {
  display: none;
}

.Top_Seo_Inner .moreBtn {
  position: relative;
  right: 10px;
  bottom: 20px;
  clear: both;
  padding-left: 13px;
  float: right;
  color: #0073b6;
  text-decoration: underline;
  cursor: pointer;
}

.Top_Seo_Inner.open .moreBtn {}

.Top_Seo_Inner .moreBtn .op {
  display: none;
}

.Top_Seo_Inner.open .moreBtn .op {
  display: inline;
}

.Top_Seo_Inner .moreBtn .cl {
  display: inline;
}

.Top_Seo_Inner.open .moreBtn .cl {
  display: none;
}

.Top_Seo_Inner .bgBlue {
  background-color: #f6fcff;
}

.SeoTextArea .bgBlue .Top_Seo_Inner {
  width: 920px;
  padding: 30px 40px 0;
}


/*
.SeoTextArea .bgBlue .textContents{
  padding: 40px 80px 0;
}
*/

.SeoTextArea .bgBlue .Top_Seo_Inner h2 {
  text-align: center;
}

.SeoTextArea .bgBlue .Top_Seo_Inner h2 img {
  width: 213px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .border_bt_double {
  border-bottom: #02599f 4px solid;
  box-shadow: 0px 4px #b0c8f0;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .border_bt_double p {
  width: 680px;
  margin: 0 auto;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__3columns_Box {
  width: 904px;
  padding: 0 8px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__3columns_Box p {
  font-size: 0.7rem;
  width: 278px;
  float: left;
  margin-right: 35px;
  margin-bottom: 40px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__3columns_Box p span,
.SeoTextArea .bgBlue .Top_Seo_Inner .__3columns_Box p span a {
  color: #02599f;
  font-size: 1.2rem;
  font-weight: bold;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__3columns_Box p span a:hover {
  text-decoration: underline;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__3columns_Box p:nth-child(3) {
  margin-right: 0px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box {
  width: 904px;
  padding: 0 8px 0;
  clear: both;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box .__box {
  width: 442px;
  float: left;
  margin-bottom: 30px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box .__box:nth-child(2n+1) {
  margin-right: 20px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box .__box h3 {
  font-size: 0.8rem;
  color: #6d91ce;
  background: url(/html/template/default/assets/images/images/icn_seo_h3.png) left 3px no-repeat;
  padding-left: 20px;
  padding-bottom: 6px;
  border-bottom: #6d91ce 2px solid;
  box-shadow: 0px 2px #d7e5fc;
  margin-bottom: 11px;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box .__box h3 a {
  font-size: 0.9rem;
  color: #6d91ce;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box .__box h3 a:hover {
  text-decoration: underline;
}

.SeoTextArea .bgBlue .Top_Seo_Inner .__2columns_Box .__box p {
  font-size: 0.7rem;
}

.SeoTextArea .heading2 .heading2_item {
  font-size: 1.3rem;
  font-weight: bold;
}

.SeoTextArea .heading2 {
  margin-bottom: 20px;
  text-align: center;
}

.SeoTextArea .textContentsList {
  padding: 20px 80px 40px;
  list-style-type: disc;
}

.SeoTextArea .textContentsList li {
  font-size: 0.75rem;
  margin-left: 20px;
  color: #02559b;
}

.SeoTextArea .textContentsList li span {
  color: #333333;
}

.section {
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .section {
    padding: 5% 0;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li:last-child {
    grid-row-start: 1;
    -ms-grid-column: 1
  }

  div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(1) {
    display: inline-block;
    -ms-grid-column: 2;
    z-index: 2;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(2) {
    display: inline-block;
    -ms-grid-column: 3;
  }

  div.carouFredSelSP_init ul#carouFredSelSP {
    display: -ms-grid !important;
    display: grid !important;
    text-align: center;
    margin: auto;
    position: relative;
    width: 100%;
    justify-content: center;
  }

  div.carouFredSelSP_init ul#carouFredSelSP {
    -ms-grid-columns: 1fr 9fr 1fr 0fr;
    grid-template-columns: auto 80% auto;
  }
}

@media screen and (min-width: 768px) {
  /*sz add start 1120*/
  #header #logo {
    width: 18%;
    float: left;
  }
  /*sz add end 1120*/

  div#slider.carouFredSelSP_init {
    position: relative;
    overflow: hidden;
  }
  div.carouFredSelSP_init ul#carouFredSelSP {
    display: -ms-grid !important;
    display: grid !important;
    text-align: center;
    margin: auto;
    position: relative;
    -ms-grid-columns: 1fr 890px 1fr 0fr;
    grid-template-columns: auto 890px auto;
    justify-content: center;
  }
  div.carouFredSelSP_init ul#carouFredSelSP li {
    display: none;
    width: 890px;
    text-align: center;
    position: relative;
    line-height: 0;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li:last-child {
    display: inline-block;
    -ms-grid-column: 1;
    grid-row-start: 1;
  }
  div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(1) {
    display: inline-block;
    -ms-grid-column: 2;
    z-index: 2;
  }

  div.carouFredSelSP_init ul#carouFredSelSP li:nth-child(2) {
    display: inline-block;
    -ms-grid-column: 3;
  }
}


/* 共通
----------------------------------------------*/

.bg.__is-pc {
  background-color: #f7f7f7;
}

.bg.__is-sp {
  background-color: #FFFFFF;
}

.heading2 .heading2_item {
  display: inline-block;
  vertical-align: middle;
}

.heading2.__search .heading2_item.__icn {
  width: 3%;
  margin-right: 12px;
}

.heading2.__cont .heading2_item.__icn {
  width: 8%;
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .bg.__is-sp {
    background-color: #f7f7f7;
  }
  .bg.__is-pc {
    background-color: #FFFFFF;
  }
  .heading2.__cont .heading2_item.__icn {
    width: 13.6%;
    display: block;
    margin: 0 auto;
  }
}


/* .topNavi
----------------------------------------------*/

.topList {
  width: 48.27%;
  -webkit-flex-basis: 48.27%;
  flex-basis: 48.27%;
  background-color: #dff0fb;
}

.topList:first-child {
  float: left;
}

.topList:last-child {
  float: right;
}

.topList a {
  display: block;
  padding: 6.8%;
  box-sizing: border-box;
  line-height: 3rem;
}

.topList .icn {
  width: 12%;
  display: inline-block;
  vertical-align: middle;
}

.topList .icn img {
  vertical-align: middle;
}

.topList .title {
  vertical-align: middle;
  display: inline-block;
  line-height: 1.5rem;
}

#keyword {
  background: #4c7abb;
}


/* .productSearch 商品売り場
----------------------------------------------*/

#searchListArea .inner {
  background-color: #dff0fb;
}

#searchListArea .productSearch {
  margin: 0 auto;
  text-align: center;
  width: 980px;
}

#searchListArea .productSearchLink.__media {
  display: none;
}

#searchListArea .productSearchLink_term.__title {
  display: none;
}

#searchListArea .productSearch_heading .heading2 {
  margin-bottom: 0;
}

#searchListArea .heading2.__cont .heading2_item.__icn {
  width: 8%;
  height: auto;
  padding: 20px 0;
}

#searchListArea .productSearch_heading .heading_item {
  display: inline-block;
  font-size: 28px;
  padding: 20px 0 20px 5px;
  color: #333333;
  font-weight: 500;
}

#searchListArea .productSearchLink {
  background-color: #FFFFFF;
  margin-bottom: 50px;
  box-sizing: border-box;
  border: 1px solid #cbdce6;
  *zoom: 1;
}

#searchListArea .productSearchLink:after {
  content: '';
  display: table;
  clear: both;
}

#searchListArea .productSearchLink_term {
  border-bottom: #e6e6e6 solid 1px;
  padding-bottom: 2.6%;
}

#searchListArea .categoryList_term {
  width: 16.667%;
  float: left;
  text-align: left;
  border-bottom: #e6e6e6 1px dotted;
  background-image: url(/html/template/default/assets/images/common/img_product_sprite.png);
  background-repeat: no-repeat;
  height: 158px;
  box-sizing: border-box;
  border-left: 1px solid #cbdce6;
  position: relative;
}

#searchListArea .categoryList_term.__fashion {
  background-position: 0 0;
  border-bottom: 1px solid #cbdce6;
}

#searchListArea .categoryList_term.__electronics {
  background-position: -163px 0;
  border-bottom: 1px solid #cbdce6;
}

#searchListArea .categoryList_term.__furniture {
  background-position: -326px 0;
  border-bottom: 1px solid #cbdce6;
}

#searchListArea .categoryList_term.__health {
  background-position: -489px 0;
  border-bottom: 1px solid #cbdce6;
}

#searchListArea .categoryList_term.__food {
  background-position: -652px 0;
  border-bottom: 1px solid #cbdce6;
}

#searchListArea .categoryList_term.__living {
  background-position: -815px 0;
  border-bottom: 1px solid #cbdce6;
}

#searchListArea .categoryList_term.__leisure {
  background-position: 0 -158px;
}

#searchListArea .categoryList_term.__hobby {
  background-position: -163px -158px;
}

#searchListArea .categoryList_term.__music {
  background-position: -326px -158px;
}

#searchListArea .categoryList_term.__video {
  background-position: -489px -158px;
}

#searchListArea .categoryList_term.__beauty {
  background-position: -652px -158px;
}

#searchListArea .categoryList_term.__diet {
  background-position: -815px -158px;
}

#searchListArea .categoryList_term a {
  display: block;
  color: #333333;
  letter-spacing: -1px;
  text-align: center;
  padding-top: 115px;
  padding-bottom: 11px;
  margin: 0 2px 2px;
  border: 3px solid #ffffff;
}

#searchListArea .categoryList_term.__diet a {
  padding-top: 105px;
  padding-bottom: 7px;
  line-height: 1rem;
}

#searchListArea .categoryList_term a:hover {
  border: 3px solid #02559b;
  opacity: 1;
}

.categoryList_term.txtLink a:after {
  right: 7px;
}

.modalArea.__modal_s {
  line-height: 0;
}

@media screen and (max-width: 767px) {
  #searchListArea .productSearch {
    width: auto;
    padding: 0 2.7%;
    background-color: #f1edea
  }
  #searchListArea {
    background-color: #ffffff;
    padding: 0;
  }
  #searchListArea .productSearch_heading .heading_item {
    background: none;
    display: block;
    padding: 1% 0 3%;
    text-align: center;
    font-weight: 300;
    font-size: 2.6rem;
  }
  #searchListArea .heading2.__cont .heading2_item.__icn {
    width: 13.6%;
    height: auto;
    padding: 0;
  }
  #searchListArea .productSearchLink {
    border: none;
    margin-bottom: 0px;
    background-image: url(/html/template/default/assets/images/common/img_product_sprite_sp.png);
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
  }
  #searchListArea .categoryList_term {
    width: 50%;
    text-align: center;
    height: auto;
    box-sizing: border-box;
    border: none;
    background: none;
  }
  #searchListArea .categoryList_term.__diet a {
    padding-top: 9.55%;
    padding-bottom: 8%;
    line-height: 2.3rem;
  }
  #searchListArea .categoryList_term a {
    display: block;
    color: #333333;
    letter-spacing: -1px;
    text-align: left;
    padding-top: 17.1%;
    padding-bottom: 13%;
    padding-left: 7%;
    margin: 0;
    border: none;
    font-size: 1.7rem;
    line-height: 2.3rem;
  }
  #searchListArea .categoryList_term a:hover {
    border: none;
    opacity: 1;
  }
  #searchListArea .categoryList_term:after {
    content: none;
  }
  #searchListArea .categoryList_term.__fashion {
    border-bottom: none;
  }
  #searchListArea .categoryList_term.__electronics {
    border-bottom: none;
  }
  #searchListArea .categoryList_term.__furniture {
    border-bottom: none;
  }
  #searchListArea .categoryList_term.__health {
    border-bottom: none;
  }
  #searchListArea .categoryList_term.__food {
    border-bottom: none;
  }
  #searchListArea .categoryList_term.__living {
    border-bottom: none;
  }
}


/* .searchList
----------------------------------------------*/

.columns .searchList_item {
  width: 48.7%;
}

.columns .searchList_item:nth-child(-n+4) {
  margin-bottom: 1.7%;
}

.columns .searchList_item a {
  padding: 20px 0 21px;
  text-decoration: none;
  background-position: center 94%;
}

.columns .searchList_txt {
  margin-bottom: 2.2%;
}


/* 右コンテンツ productsCarousel
----------------------------------------------*/

.productsCarousel-main {
  width: 70%;
  float: right;
}

.importantNotice {
  background: #ffffc2;
  height: 45px;
  /*padding: 8px 0;*/
  margin-top: 2px;
}

.importantNotice p {
  /*width: 50%;*/
  float: left;
  text-align: left;
  padding: 0 12px;
}

.importantNotice p a {
  color: #e60012;
  text-decoration: underline;
  line-height: 45px;
}

.importantNotice .redTit {
  float: left;
  color: #fff;
  padding: 0 10px;
  background: #e60012;
  line-height: 45px;
}

.PicCollection-one ul li {
  width: 24%;
  float: left;
  margin-right: 1.333%;
}

.PicCollection-one ul li:last-child {
  margin-right: 0;
}

.PicCollection-one ul li a {
  display: block;
}

.radioProductsList-area {
  background: #f3f6f8;
}

.radioplBlock {
  padding: 0px 40px 22px 40px;
}

.radioProductsList {
  /*margin-top: 30px;*/
}

.radioProductsList .radioProductsList_title h2 {
  display: block;
  float: left;
  font-size: 1rem;
  font-weight: bold;
  color: #1a4b73;
  background: url("/html/template/default/assets/images/common/icon_alarm_clock.svg") no-repeat left center;
  background-size: 24px;
  padding: 22px 0 20px 30px;
  /* 22px 0 22px 25px*/
  margin-left: 16px;
}

.radioProductsList .radioProductsList_title a {
  float: right;
  text-decoration: underline;
}

.RadioProductsList-box {
  position: relative;
  /*padding: 20px 0 0 0px;*/
}

.RadioProductsList-box .disabled {
  display: none !important;
}

.RadioProductsList-box img {
  width: 100%;
}

.RadioProductsList-box .prev_radioProduct {
  width: 50px;
  height: 50px;
  display: block;
  /*background-color: #02559b;*/
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -34px;
  /*-28px*/
  /*border-radius: 50px;*/
}

.RadioProductsList-box .next_radioProduct {
  width: 50px;
  height: 50px;
  display: block;
  /*background-color: #02559b;*/
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -34px;
  /*-28px*/
  /*border-radius: 50px;*/
}

.RadioProductsList-box .prev_radioProduct span.sprite {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_leftB.svg);
  background-repeat: no-repeat;
  /*background-position: -129px 0px;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.RadioProductsList-box .next_radioProduct span.sprite {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_rightB.svg);
  background-repeat: no-repeat;
  /*background-position: -148px 0px;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.recommendpt-area {
  margin-top: 50px;
  /*30px*/
}

.recommendpt-area .title {
  font-size: 1rem;
  color: #1a4b73;
  display: block;
  padding-left: 30px;
  background: url("/html/template/default/assets/images/common/icon_house.svg") no-repeat left center;
  background-size: 25px;
  font-weight: bold;
  margin-left: 16px;
}

.recommendpt-area ul {
  padding: 20px 0;
}

.recommendpt-area ul li {
  float: left;
  width: 31.33333%;
  padding: 0 1%;
  /*10px 1%*/
}

.recommendpt-area ul li p, .recommendpt-area ul li div.description {
  padding: 10px 0;
  font-size: 16px;
}

.propagandaProducts-area {
  background: #f3f6f8;
  padding: 40px 0;
}

.NewsTvBox .NewsTvBox_list {
  width: 48%;
  position: relative;
  background: #ffffff;
}

.pdlr40 {
  padding: 0 40px;
}

.NewsTvBox .NewsProductsList {
  float: left;
}

.NewsTvBox .TvProductsList {
  float: right;
}

.NewsTvBox .NewsTvBox_list .title {
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 16px 0;
  /*1110*/
  color: #1a4b73;
  padding-left: 36px;
  text-decoration: underline;
  /* background: url("/html/template/default/assets/images/common/img_product_newspaper.svg") no-repeat left center; */
  /*center*/
  margin-left: 16px;
  background-size: 26px;
}

.NewsTvBox .NewsTvBox_list .title a {
  color: #1a4b73;
}

.TvProductsList .title {
  background: url("/html/template/default/assets/images/common/img_product_tv.svg") no-repeat left center;
  /*center*/
  background-size: 24px;
}

.NewsProductsList .title {
  background: url("/html/template/default/assets/images/common/img_product_newspaper.svg") no-repeat left center;
  /*center*/
  background-size: 24px;
}

.NewsTvBox .NewsTvBox_list .title span {
  font-size: 0.7rem;
}

.NewsTvBox .rankingList_name {
  font-size: 0.8rem;
}

.NewsProductsList .prev_NewsProductsList,
.TvProductsList .prev_TvProductsList {
  width: 50px;
  height: 50px;
  display: block;
  /*background-color: #02559b;*/
  position: absolute;
  top: 140px;
  left: 5px;
  /*-5px*/
  /*border-radius: 50px;*/
}

.NewsProductsList .next_NewsProductsList,
.TvProductsList .next_TvProductsList {
  width: 50px;
  height: 50px;
  display: block;
  /*background-color: #02559b;*/
  position: absolute;
  top: 140px;
  right: 5px;
  /*-5px*/
  /*border-radius: 50px;*/
}

.NewsProductsList .prev_NewsProductsList span.sprite,
.TvProductsList .prev_TvProductsList span.sprite {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_leftB.svg);
  background-repeat: no-repeat;
  /*background-position: -129px 0px;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.NewsProductsList .next_NewsProductsList span.sprite,
.TvProductsList .next_TvProductsList span.sprite {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_rightB.svg);
  background-repeat: no-repeat;
  /*background-position: -148px 0px;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .recommendpt-area {
    margin-top: 20px;
  }
  .recommendpt-area ul {
    padding: 10px 0;
  }
  .NewsTvBox .NewsTvBox_list .title {
    margin-left: 0;
  }
  .radioplBlock {
    padding: 0px 0px 22px 0px;
  }
  .recommendpt-area ul li {
    width: 48%;
  }
  .recommendpt-area ul li p, .recommendpt-area ul li div.description {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 5px 0;
  }

  .importantNotice {
    padding: 2%;
  }
  .importantNotice .redTit {
    width: 16%;
    text-align: center;
    padding: 0;
    line-height: normal;
    margin-top: 8px;
  }
  .importantNotice .redText {
    width: 80%;
    float: right;
  }
  .importantNotice p {
    padding: 0;
    line-height: 100%;
    font-size: 1.2rem;
  }
  .importantNotice p a {
    line-height: 20px;
  }
  .recommendpt-area .title {
    line-height: 1.7;
    font-size: 1.8rem;
  }
  .NewsTvBox .NewsTvBox_list .title {
    /*sz add*/
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 16px 0;
    color: #1a4b73;
    padding-left: 36px;
    text-decoration: underline;
    /* background: url("/html/template/default/assets/images/common/img_product_newspaper.svg") no-repeat left center; */
    margin-left: 0px;
  }
  .TvProductsList .title {
    background: url("/html/template/default/assets/images/common/img_product_tv.svg") no-repeat left center;
    /*center*/
  }
  .NewsProductsList .title {
    background: url("/html/template/default/assets/images/common/img_product_newspaper.svg") no-repeat left center;
    /*center*/
  }
}

.recommendedVideo {
  margin: 70px 0;
  padding: 0 1%;
}

.recommendedVideo .title {
  font-size: 1rem;
  font-weight: bold;
  color: #1a4b73;
  background: url("/html/template/default/assets/images/common/img_product_video.svg") no-repeat left center;
  padding: 26px 0 26px 30px;
  margin-left: 4px;
}

.radioProductsList-area {
  position: relative;
  margin-bottom: 30px;
  background: #ffffff;
}

.radioProductsList-area .recentBlock {
  padding: 0 40px;
  position: relative;
}

.radioProductsList-area .title {
  text-align: left;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 16px 0;
  color: #1a4b73;
  padding-left: 30px;
  background: url("/html/template/default/assets/images/common/img_product_radio.svg") no-repeat left center;
  /*float: left;*/
  text-decoration: underline;
  margin-left: 16px;
  display: inline-block;
  background-size: 24px;
  /*10%->25px*/
}

.radioProductsList-area .title a {
  color: #1a4b73;
}

.radioProductsList-area .moreBtn {
  float: right;
  margin-top: 15px;
}

.radioProductsList-area .moreBtn a {
  color: #ffffff;
  background: #1a4b73;
  border-radius: 20px;
  font-size: 0.75rem;
  padding: 7px 15px;
}

.radioProductsList-area .title span {
  font-size: 0.7rem;
}

.radioProductsList-area .prev {
  width: 50px;
  height: 50px;
  display: block;
  /*background-color: #02559b;*/
  position: absolute;
  top: 100px;
  /*155px radio <> middle sz*/
  left: 5px;
  /*-5px*/
  /*border-radius: 50px;*/
}

.radioProductsList-area .next {
  width: 50px;
  height: 50px;
  display: block;
  /*background-color: #02559b;*/
  position: absolute;
  top: 100px;
  /*155px->100px*/
  right: 5px;
  /*-5px*/
  /*border-radius: 50px;*/
}

.radioProductsList-area .prev span.sprite {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_leftB.svg);
  background-repeat: no-repeat;
  /*background-position: -129px 0px;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.radioProductsList-area .next span.sprite {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_rightB.svg);
  background-repeat: no-repeat;
  /*background-position: -148px 0px;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.popularityProduct .title {
  text-align: left;
  font-size: 1rem;
  font-weight: bold;
  padding: 80px 0 20px 30px;
  /*20px 0 20px 25px 1110*/
  color: #1a4b73;
  background: url("/html/template/default/assets/images/common/img_product_crown.svg") no-repeat left 80px;
}

.popularityProduct_tab .popularityProduct_tab_title {
  width: 100%;
}

.popularityProduct_tab .popularityProduct_tab_title li {
  width: 22%;
  float: left;
  cursor: pointer;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 14px 14px 0 0;
  padding: 6px 0;
  margin-left: -10px;
  background: #f5f5f5;
}

.popularityProduct_tab .popularityProduct_tab_title li:first-child {
  margin-left: -0px;
}

.popularityProduct_tab .popularityProduct_tab_title li.active {
  border-radius: 14px 0px 0 0;
  background: #ccc;
  z-index: 1000;
}

.popularityProduct_tab_content {
  background: #ccc;
}

.popularityProduct_tab_content>div {
  padding: 10px;
}

.popularityProduct_tab_content>div>ul {
  background: #fff;
  padding: 10px;
}

.popularityProduct_tab_content>div>ul>li {
  width: 19%;
  float: left;
  margin-right: 1.2%;
}

.popularityProduct_tab_content>div>ul>li:last-child {
  margin-right: 0;
}

.popularityProduct_tab_content>div>ul>li>a {
  display: block;
}

.picModule {
  margin-top: 30px;
}

.picModule a {
  display: block;
}

.picModule img {
  width: 100%;
}

.picModule ul li {
  float: left;
}

.picModule .picModule_one {
  width: 70%;
  margin-right: 1%;
}

.picModule .picModule_two {
  width: 29%;
}

.picModule .picModule_three {
  width: 49.5%;
  margin-right: 1%;
  margin-top: 8px;
}

.picModule .picModule_four {
  width: 49.5%;
  margin-top: 8px;
}

.picModule .picModule_five {
  width: 49.5%;
  margin-right: 1%;
  margin-top: 30px;
}

.picModule .picModule_six {
  width: 49.5%;
  margin-top: 30px;
}

.picModule .picModule_seven {
  margin-top: 8px;
  width: 100%;
}

.NewsTvBox_list .disabled {
  display: none !important;
}

.radioProductsList-area .disabled {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .radioProductsList-area .title {
    margin-left: 0;
    font-size: 1.8rem;
    padding: 16px 0;
    /*add*/
    background: url("/html/template/default/assets/images/common/img_product_radio.svg") no-repeat left center;
    /*add*/
    padding-left: 30px;
    /*add*/
  }
  .radioProductsList-area .moreBtn {
    float: right;
    margin-top: 15px;
  }
  .radioProductsList-area .recentBlock {
    padding: 0;
  }
  .radioProductsList-area .title span {
    font-size: 1.4rem;
  }
  .NewsTvBox .NewsTvBox_list .title span {
    font-size: 1.4rem;
  }
  .radioProductsList-area .moreBtn a {
    font-size: 1.2rem;
  }
  .radioProductsList-area {
    padding: 0;
  }
  .radioProductsList-area {
    /*padding: 22px 0px;*/
  }
  .pdlr40 {
    padding: 0px;
  }
  .productsCarousel-main {
    width: 100%;
  }
  .importantNotice p {
    /*width: 100%;*/
  }
  .PicCollection-one ul li {
    width: 48%;
    margin: 1%;
  }
  .radioProductsList .radioProductsList_title h2 {
    font-size: 1.8rem;
    line-height: 1.7;
  }
  .radioProductsList .radioProductsList_title a {
    font-size: 1.4rem;
  }
  .carousel_item_sp {
    margin-bottom: 10px !important;
  }
  .carousel_item_sp a {
    padding: 0 !important;
  }
  .carousel_item_sp .imgwrap {
    width: 48%;
    float: left;
  }
  .carousel_item_sp .rankingList_name {
    width: 50%;
    float: right;
  }
  #wrapperScroller,
  #wrapperScroller_NewsProductsList,
  #wrapperScroller_TvProductsList,
  #wrapperScroller_radioProductsList-area {
    width: 100%;
    /*height: 290px;*/
    position: relative;
    overflow: hidden;
  }
  #wrapperScroller .scroller,
  #wrapperScroller_NewsProductsList .scroller,
  #wrapperScroller_TvProductsList .scroller,
  #wrapperScroller_radioProductsList-area .scroller {
    position: absolute;
  }
  #carouFredSel_RadioProductsList .carousel_item {
    width: 130px;
  }
  .NewsTvBox .NewsTvBox_list {
    width: 100%;
  }
  .NewsTvBox .NewsTvBox_list .title {
    font-size: 1.8rem;
  }
  .NewsTvBox .rankingList_name {
    font-size: 1.55rem;
  }
  #carouFredSel_NewsProductsList li,
  #carouFredSel_TvProductsList li {
    width: 130px;
  }
  .recommendedVideo {
    margin: 30px 0 !important;
  }
  .recommendedVideo .title {
    font-size: 1.8rem;
    margin-left: 12px;
  }

  .radioProductsList-area ul li {
    float: left;
    width: 130px;
  }
  .popularityProduct .title {
    font-size: 1.8rem;
    padding: 16px 0 16px 30px;
    /*20px 0 20px 25px*/
    background: url("/html/template/default/assets/images/common/img_product_crown.svg") no-repeat left center;
  }
  .popularityProduct_tab .popularityProduct_tab_title li {
    width: 26%;
    font-size: 1rem;
  }
  .popularityProduct_tab_content>div>ul>li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .popularityProduct_tab_content>div>ul>li>a .pic {
    width: 40%;
    float: left;
  }
  .popularityProduct_tab_content>div>ul>li>a .rankingList_name {
    float: right;
    width: 58%;
  }
  .sidebar-main {
    width: 100% !important;
    /* SZ 2018/11/29 */
  }
}


/* #contNavi
----------------------------------------------*/

@media screen and (max-width: 767px) {
  .contList {
    border-bottom: #cccccc solid 1px;
    background-image: url(/html/template/default/assets/images/common/icn_arrow_down_blue.png);
    background-repeat: no-repeat;
    background-position: 91.6% center;
    background-size: 3.5%;
  }
  .contList:last-child {
    border-bottom: none;
  }
  .contList a {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 3% 5.5%;
  }
  .contList .icn {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
  }
  .contList .title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5.8%;
    color: #333333;
  }
  .contList.tell {
    background-image: url(/html/template/default/assets/images/common/icn_arrow_right_blue.png);
    background-size: 2.5%;
  }
}


/* #now 現在放送中の商品
----------------------------------------------*/

#now {
  background: url(/html/template/default/assets/images/images/border.gif) no-repeat 50% 0;
  /*padding: 31px 0 50px 0;*/
}

#now .heading2_item.__icn img {
  vertical-align: text-top;
  margin: 0;
}

#now h2 {
  font-size: 1.3rem;
  /*26px*/
  font-weight: bold;
}

#now .nowList_item {
  background: #FFF;
  position: relative;
  box-sizing: border-box;
}

#now .nowList_info a {
  display: block;
}

#now .nowList_info a:hover {
  text-decoration: underline;
}

#now .nowList_info a .imgwrap {
  position: relative;
}

#now .nowList_info a p.onair {
  position: absolute;
  top: 0;
  left: 0;
}

#now .heading3 {
  color: #333333;
  margin-bottom: 10px;
}

#now p.onair span {
  display: inline-block;
  background: #cc0000;
  color: #ffffff;
  padding: 2px 10px 3px;
  font-size: 0.7rem;
}

.nowList .nowList_name .nowList_name_product {
  font-weight: bold;
  color: #333333;
}

.nowList .nowList_name .nowList_name_catch {
  color: #333333;
}

.nowList .nowList_name .nowList_name_price {
  color: #cc0000;
  /*text-decoration: underline;*/
}

@media screen and (min-width: 768px),
print {
  #now .nowList {
    overflow: hidden;
    padding: 0 74px;
  }
  #now p.heading3_item {
    float: left;
    font-weight: bold;
    padding-left: 0;
    margin: 5px 0 0 0;
  }
  #now p.heading3_item span.sprite {
    width: 26px;
    height: 25px;
    display: inline-block;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-position: -365px top;
    vertical-align: top;
    margin-right: 8px;
  }
  #now p.productList {
    width: 100px;
    margin: 0;
    float: right;
  }
  #now p.productList a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 5px 10px;
    display: block;
    background: #02559b;
  }
  #now p.productList a span {
    background: none;
    padding-right: 0;
    display: inline-block;
  }
  #now p.productList a span.sprite {
    width: 15px;
    height: 17px;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-position: -272px top;
    vertical-align: middle;
  }
  .nowList {
    overflow: hidden;
    padding: 0 72px;
  }
  .nowList .nowList_item {
    width: 410px;
    float: left;
  }
  .nowList .nowList_item:last-child {
    float: right;
  }
  .nowList .nowList_item p.img {
    border: 5px solid #f0f0f0;
    margin: 0 0 13px;
  }
  .nowList .nowList_name {
    margin-top: 1%;
    line-height: 1.2rem;
    color: #333333;
    /*text-decoration: underline;*/
  }
}

@media screen and (max-width: 767px) {
  #now {
    background: #f1edea;
    padding: 0;
  }
  #now .spInner {
    width: 100%;
  }
  #now .heading2 {
    margin: 0 3.125%;
    padding-top: 0;
    padding-bottom: 4%;
    line-height: 1.8rem;
    text-align: center;
  }
  #now h2 {
    color: #333333;
    line-height: 1.5rem;
    margin-top: 2%;
    font-weight: 300;
    font-size: 2.6rem;
  }
  #now .nowList li {
    background: #f1edea;
    padding: 3.125%;
    margin-bottom: 10px;
  }
  #now .heading3 {
    border-bottom: 1px solid #99a4ae;
  }
  #now p.heading3_item {
    float: left;
    background: url(/html/template/default/assets/images/images/icn_title_arrow.png) no-repeat 0 50%;
    background-size: 15px;
    padding-left: 17px;
    font-size: 1.7rem;
    line-height: 2.3rem;
  }
  #now p.productList {
    float: right;
    width: auto;
    margin: -5px 0 10px;
  }
  #now p.productList a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 15px 5px 15px;
    display: block;
    background: #02559b;
    font-size: 1.5rem;
  }
  #now p.productList a span {
    background: url(/html/template/default/assets/images/images/icn_free_arrow.gif) no-repeat 100% 60%;
    background-size: 5px;
    padding-right: 15px;
    display: block;
  }
  #now .nowList_info a p.onair {}
  /*#now .nowList_item {
  width:400px;
}*/
  .nowList_info {
    padding: 0 3.125%;
  }
  .nowList_info .imgwrap {
    width: 70%;
    margin: 0 auto 11px;
  }
  .nowList_info p.img img {
    border: 3px solid #f0f0f0;
  }
  .nowList .nowList_name {
    margin-top: 1%;
    /*text-decoration: underline;*/
  }
}


/* #product 商品売り場
----------------------------------------------*/

#product {
  background: #dff0fb;
}

#product .product_item {
  margin: 0 0 3.47%px;
  line-height: 0.6rem;
}


/* #numberSearch カタログ・チラシ・新聞の商品番号から探す
----------------------------------------------*/

#numberSearch .heading2_item.__title {
  letter-spacing: -0.1rem;
  font-size: 1.3rem;
  font-weight: bold;
}

.numberSearchArea {
  padding: 0 2%;
}

.numberSearchArea .heading3 .txtLink {
  width: 100px;
}

.numberSearchArea .heading3 .txtLink a {
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 15px 5px 15px;
  display: block;
  background: #02559b;
}

.numberSearchBlock {
  width: 46.6%;
  position: relative;
}

.numberSearchBlock .txtLink a:after {
  content: '';
  background-image: url(/html/template/default/assets/images/common/icn_arrow_right_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
}

.numberSearchBlock.__lCont {
  float: left;
}

.numberSearchBlock.__rCont {
  float: right;
}

.numberSearchBox .numberSearchBox_input {
  margin-bottom: 6%;
}

.numberSearchBox .btn_item.__next:after {
  content: '';
  background-size: 10rem;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px top;
  display: block;
  margin: auto;
  vertical-align: bottom;
}

.numberSearchBox .numberSearchPlus .btn_item.__plus:after {
  content: '';
  background-size: auto auto;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -493px 7px;
  display: block;
  margin: auto;
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  .numberSearchArea .heading3 .txtLink {
    width: 30%;
  }
  #numberSearch .heading2_item.__icn {
    width: 13%;
    height: 3rem;
  }
  #numberSearch .heading2_item.__title {
    line-height: 1.5rem;
    margin-top: 2%;
    font-weight: 300;
    font-size: 2.6rem;
  }
  .numberSearchBlock {
    width: 100%;
  }
  .numberSearchBlock.__lCont,
  .numberSearchBlock.__rCont {
    float: none;
  }
  .numberSearchBlock.__lCont {
    margin-bottom: 15%;
  }
  .numberSearchBox .btn {
    width: 92.85%;
  }
  .numberSearchBox .btn_item.__next:after {
    background-size: 23rem;
    height: 30%;
  }
  .numberSearchBox .numberSearchPlus .btn_item.__plus:after {
    background-image: url(/html/template/default/assets/images/common/icn_plus.png);
    background-position: center center;
    background-size: 12px auto;
  }
}


/* #keyword キーワードから探す
----------------------------------------------*/

#keyword2 {
  background-color: #f7f7f7;
}

.keywordArea .searchBox {
  width: 100%;
  position: static;
}

.keywordArea .searchBox.is-pc .btn.__input {
  width: 83.75%;
  padding: 10px;
  border-radius: 3px 0 0 3px;
  background-color: #FFFFFF;
  background-image: none;
  box-sizing: border-box;
}

.keywordArea .searchBox.is-pc .btn.__search {
  width: 16.25%;
  border-radius: 0 3px 3px 0;
}

.keywordArea .searchBox.is-pc .btn.__input,
.keywordArea .searchBox.is-pc .btn.__search {
  height: 50px;
  vertical-align: middle;
}

.searchWord {
  width: 100%;
  margin-bottom: 40px;
  display: table;
}

.searchWord_word {
  display: table-cell;
  vertical-align: middle;
  border-top: #dddddd 1px solid;
  border-right: #dddddd 1px solid;
  border-bottom: #dddddd 1px solid;
  padding: 1.3% 2.92%;
  background-color: #FFFFFF;
}

.searchWord_heading,
.searchWord_word li,
.searchWord_arrowWrap {
  line-height: 0.8rem;
}

.searchWord_heading {
  width: 23%;
  color: #FFFFFF;
  text-align: center;
  background-color: #668dc5;
  display: table-cell;
  vertical-align: middle;
}

.searchWord_word li {
  float: left;
  margin-right: 3.96%;
}

.searchWord_word li:last-child {
  margin-right: 0;
}

.searchWord_arrowWrap {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.searchWord_arrowWrap .arrow_right {
  display: table-cell;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 0 21px 13px;
  border-color: transparent transparent transparent #668ec5;
}

@media screen and (max-width: 767px) {
  #keyword2 {
    background-color: #FFFFFF;
  }
  #keyword2.keywordBlock {
    background-color: #4c7abb;
  }
  .keywordArea {
    padding: 0 2%;
  }
  .is-sp .searchBox .btn {
    box-shadow: none;
    box-sizing: border-box;
  }
  #searchBox_submit .btn_item {
    padding: 0;
    box-sizing: border-box;
    letter-spacing: 0;
    margin-right: 0;
  }
  /*.is-sp .searchBox .btn.__input{
    border-top: #1954a8 1px solid;
    border-left: #1954a8 1px solid;
    border-bottom: #1954a8 1px solid;
  }*/
  .is-sp .searchBox .btn.__search {
    background-color: #363636;
    background-image: none;
    border-radius: 0 5px 5px 0;
  }
}


/* #recommend おすすめ商品・特集
----------------------------------------------*/

#recommend {
  padding-bottom: 0;
  background-image: url(/html/template/default/assets/images/images/recommend_bg.jpg);
  padding-top: 40px
}

.recommendList {
  width: 970px;
  margin: 0 auto;
}

.recommendList .grid_item a {
  display: block;
}

.recommendList .grid_item a:hover {
  text-decoration: underline;
}

#recommend .heading2.__cont {
  text-align: center;
  border-bottom: 1px solid #02559b;
  padding-bottom: 15px;
  margin-bottom: 25px;
  line-height: 1rem;
}

#recommend .heading2_item.__title {
  letter-spacing: -0.1rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333333;
}

.recommendList_name {
  margin: 15px 0 0px;
  color: #333333;
  font-size: 0.8rem;
  /*text-decoration: underline;*/
}

.recommendList_price {
  color: #cc0000;
  margin-bottom: 10%;
  /*text-decoration: underline;*/
  font-size: 0.8rem;
}

.recommendList_price span {}

@media screen and (max-width: 767px) {
  #recommend {
    background-color: #e9f0f6;
    background-image: none;
    padding: 0 0 3.333% 0;
  }
  #recommend .heading2_item.__title {
    font-weight: 300;
    font-size: 2.6rem;
  }
  #recommend .heading2.__cont {
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 3.5%;
    padding-bottom: 4.4%;
    line-height: 1.8rem;
  }
  .recommendList {
    width: auto;
  }
  .recommendList .osusume_item {
    width: 50%;
    box-sizing: border-box;
    float: left;
  }
  .recommendList .osusume_item:nth-child(odd) {
    padding-right: 3px;
  }
  .recommendList .osusume_item:nth-child(even) {
    padding-left: 3px;
  }
  .recommendList_name {
    margin: 2% 0 0% 4%;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 2rem;
    margin-bottom: 1%;
  }
  .recommendList_name.textOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
  }
  .recommendList_price {
    margin-bottom: 4%;
    text-decoration: none;
    margin-left: 6%;
    line-height: 1.6rem;
    font-size: 1.2rem;
  }
  .recommendList .btn {
    width: 42.7%;
    border: 1px solid #007bff;
  }
  .btn_item.__more,
  .btn_item.__moreOverlap {
    color: #007bff;
    background-color: #fff;
    font-size: 1.55rem;
    line-height: 1.8rem;
    padding: 6.2% 0 7%;
  }
  .btn.__basic .__more:after,
  .btn_item.__moreOverlap:after {
    background-image: url(/html/template/default/assets/images/common/icn_plus_blue.png);
    background-size: 80%;
    width: 1.35rem;
    height: 1.35rem;
    /* top: 8%; */
  }
}


/* #recommendBnr おすすめ商品・特集 バナー */

#recommendBnr {
  padding-top: 0;
  padding-bottom: 50px;
  background-image: url(/html/template/default/assets/images/images/recommend_bg.jpg);
}

#recommendBnr .frame1000 {
  background-color: #fff;
  padding: 10px 10px 0;
  width: 970px;
  box-sizing: border-box;
}

#recommendBnr .heading2.__cont {
  margin: 0;
}

.recommendList_bnr {
  margin-bottom: 0;
  padding-right: 10px;
  padding-bottom: 10px;
}

.recommendList_bnr:nth-child(3n) {
  padding-right: 0px;
}

@media screen and (max-width: 767px) {
  #recommendBnr {
    background-color: #f1edea;
    background-image: none;
    padding-bottom: 3.333%;
  }
  #recommendBnr .heading2.__cont {
    margin-bottom: 0;
    padding-top: 3.5%;
    padding-bottom: 4.4%;
    line-height: 1.8rem;
    text-align: center;
  }
  #recommendBnr .heading2_item.__title {
    font-weight: 300;
    font-size: 2.6rem;
    color: #333333;
  }
  #recommendBnr .recommendList_bnr:nth-child(n+5) {
    display: none;
  }
  #recommendBnr .btn {
    border: 1px solid #007bff;
    position: absolute;
    width: 42.7%;
    left: 28%;
    bottom: 20px;
  }
  .recommendList_bnr {
    margin-bottom: 2%;
    padding: 0;
    position: relative;
  }
  #recommendBnr .frame1000 {
    width: 95%;
    background-color: transparent;
    position: relative;
    padding: 0;
  }
  #recommendBnr .fade_layer {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    box-shadow: inset 0px -6.5rem 3rem -2rem #f1edea;
  }
}


/* #ranking 人気ランキング
----------------------------------------------*/

#ranking {
  background-color: #FFFFFF;
  padding: 60px 0 45px;
}

.rankingSlider {
  position: relative;
  margin: 0 auto;
  width: 970px;
}

.rankingSlider .ranking_img {
  width: 300px;
  border: 5px solid #f0f0f0;
}

.rankingSlider .caroufredsel_wrapper {
  height: auto;
}

#carouFredSel02 {
  *zoom: 1;
  height: 411px;
  overflow: hidden;
}

#carouFredSel02:after {
  content: '';
  display: table;
  clear: both;
}

.carousel_item {
  width: 303px;
  float: left;
  box-sizing: border-box;
  /*margin: 0 10px;*/
  position: relative;
  /*background-color: #FFFFFF;*/
}

#ranking .heading2_item span {
  letter-spacing: 0.01rem;
}

#ranking .carousel_item a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #ranking .heading2.__cont {
    text-align: center;
    /*border-bottom: 1px solid #02559b;*/
    padding-bottom: 15px;
    margin-bottom: 25px;
    line-height: 1rem;
  }
  #ranking .heading2_item.__title {
    letter-spacing: -0.1rem;
    font-size: 1.3rem;
    font-weight: bold;
  }
  #ranking .updateDate {
    float: right;
  }
  .rankingList_top {
    font-weight: bold;
  }
  .carousel_item a {
    padding: 0;
    display: block;
    transition: none;
  }
  .carousel_inner {
    width: 310px;
    margin: 0 auto;
  }
  .rankingSlider .carousel_item:hover .rank {
    top: -2px;
    left: 18px;
  }
  .rankingSlider .rank1 {
    background-color: #be9609;
    width: 72px;
    padding-right: 5px;
  }
  .rankingSlider .rank2 {
    background-color: #8c8c8c;
    width: 72px;
    padding-right: 5px;
  }
  .rankingSlider .rank3 {
    background-color: #96461e;
    width: 72px;
    padding-right: 5px;
  }
}

.rankingSlider .rank {
  width: 61px;
  margin-bottom: 5px;
  font-size: 20px;
  text-align: center;
  background-color: #386cb3;
  color: #fff;
  line-height: 1.4rem;
}

.rankingSlider .rank .rankIcon {
  width: 46%;
  vertical-align: sub;
}

.rankingSlider .rank1 {
  background-color: #be9609;
  width: 72px;
  padding-right: 6px;
}

.rankingSlider .rank2 {
  background-color: #8c8c8c;
  width: 72px;
  padding-right: 6px;
}

.rankingSlider .rank3 {
  background-color: #96461e;
  width: 72px;
  padding-right: 6px;
}

.rankingSlider .rank span {
  font-size: 16px;
}

.rankingList_name,
.rankingList_price {
  color: #333333;
  padding: 0;
}

.rankingList_name {
  margin-top: 1%;
  margin-bottom: 5%;
  line-height: 1rem;
  font-weight: normal;
  word-break: break-all;
}

.rankingList_name .rankingList_name_catch {
  color: #333333;
  display: block;
  /* text-decoration: underline; */
}

.rankingList_name .rankingList_name_product {
  color: #333333;
  font-weight: bold;
  /* text-decoration: underline; */
}

.rankingList_name .rankingList_name_price {
  margin-top: 8px;
  color: #cc0000;
  display: block;
  word-break: keep-all;
  /* text-decoration: underline; */
}

#newspaper #carouFredSelNewspaper .carousel_item a:hover {
  text-decoration: underline;
}

#prev02 {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #02559b;
  position: absolute;
  top: 160px;
  left: -30px;
  border-radius: 50px;
}

#next02 {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #02559b;
  position: absolute;
  top: 160px;
  right: -30px;
  border-radius: 50px;
}

#prev02 span.sprite {
  width: 18px;
  height: 16px;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -129px 0px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#next02 span.sprite {
  width: 18px;
  height: 16px;
  background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
  background-repeat: no-repeat;
  background-position: -148px 0px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  #ranking {
    background-color: #f4f2ca;
    padding: 0;
  }
  .rankingSlider {
    height: auto;
  }
  .rankingSlider .ranking_img {
    width: 100%;
    border: 5px solid #f0f0f0;
    box-sizing: border-box;
  }
  #ranking .spInner {
    width: 95%;
  }
  .rankingSlider .rank {
    width: 22%;
    font-size: 1.25rem;
    line-height: 1.9rem;
  }
  .rankingSlider .rank span {
    font-size: 1.25rem;
  }
  #ranking .heading2.__cont {
    margin-bottom: 0;
    padding: 3.5% 0;
    line-height: 1.8rem;
    text-align: center;
  }
  #ranking .heading2_item.__title {
    font-weight: 300;
    font-size: 2.6rem;
    color: #333333;
  }
  #ranking .updateDate {
    float: right;
    font-size: 45%;
    line-height: 1.6rem;
    padding-top: 3%;
  }
  .rankingSlider {
    width: auto;
    padding-top: 108%;
    position: relative;
    margin: 0 0 6% 0;
  }
  .rankingSlider .caroufredsel_wrapper {
    /*min-height: 500px !important;*/
    position: absolute;
    top: 0;
  }
  #carouFredSel02 {
    position: absolute;
    top: 0;
    background-color: #fff;
    height: auto;
  }
  .rankingList_name {
    min-height: 1.5rem;
    line-height: 2rem;
    /*2.3rem->2rem*/
    font-size: 1.55rem;
  }
  .rankingList_price {
    line-height: 2rem;
  }
  .carousel_item {
    margin: 0;
  }
  .carousel_item a {
    /*padding: 3% 3% 0%;*/
    display: block;
  }
  .carousel_inner {
    width: 100%;
  }
  #pager02 {
    width: 100%;
    margin: -1px auto 0;
    text-align: center;
    background-color: #fff;
    padding-bottom: 5%;
    /*
    position: absolute;
    bottom: 0;
    */
  }
  #pager02 a {
    width: 2%;
    height: 0;
    padding-top: 2%;
    margin-right: 1.3%;
    background: #cccccc;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    box-sizing: border-box;
  }
  #pager02 a.selected {
    background: #124793;
  }
  #pager02 a:last-child {
    margin-right: 0;
  }
}


/* #problem お悩みから探す
----------------------------------------------*/

#problem {
  padding: 0;
  display: none;
}

#problem .heading2.__cont {
  text-align: left;
  border-bottom: 1px solid #02559b;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-size: 1.2rem;
  /*24px*/
  font-weight: bold;
  color: #02559b;
}

#problem .problemList {
  padding: 0 0 0 11px;
}

#problem .problemList ul {
  overflow: hidden;
}

#problem .problemList li {
  width: 310px;
  float: left;
  margin: 0 20px 30px 0;
}

#problem .problemList li:nth-child(3n) {
  margin-right: 0;
}

#problem .problemList li:nth-child(n+7) {
  display: none;
}

#problem .problemList li dl {
  background: #f7e5c9;
  margin: 0 0 10px;
}

#problem .problemList li dl dt {
  text-align: center;
  font-size: 1rem;
  /*20px*/
  font-weight: bold;
  color: #905b18;
  padding: 8px;
}

#problem .problemList li dl dd {
  padding: 0 5px 5px;
}

#problem .problemList li dl dd img {
  border: 1px solid #fff;
  width: 99.4%;
  height: auto;
}

#problem .problemList li p a {
  color: #02559b;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #problem div.btn {
    clear: both;
    background: #905b18;
    width: 180px;
    margin: 0 auto;
    border: none;
    box-shadow: none;
  }
  #problem div.btn a {
    color: #ffffff;
  }
  #problem div.btn.__basic .__more:after {
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-size: auto;
    width: 15px;
    height: 9px;
    background-position: -402px top;
  }
}

@media screen and (max-width: 767px) {
  #problem {
    background: #f1edea;
    padding-top: 2%;
  }
  #problem .heading2 {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 4.4%;
    line-height: 1.8rem;
    text-align: left;
  }
  #problem .heading2.__cont {
    text-align: left;
    border-bottom: none;
    padding-bottom: 4.4%;
    margin-bottom: 0;
  }
  #problem h2 {
    font-size: 1.9rem;
    font-weight: 400;
    color: #02559b;
  }
  #problem .problemList {
    padding: 5px;
    background: #ffffff;
  }
  #problem .problemList li {
    width: 49%;
    float: left;
    margin: 0 0 15px 0;
  }
  #problem .problemList li:nth-child(even) {
    float: right;
  }
  #problem .problemList li:nth-child(n+5) {
    display: none;
  }
  #problem .problemList li dl {
    margin: 0 0 5px;
  }
  #problem .problemList li dl dt {
    font-size: 1.2rem;
    color: #905b18;
    padding: 0;
  }
  #problem .problemList li dl dd {
    padding: 0 3px 3px;
  }
  #problem .problemList li p {
    line-height: 1.4rem;
  }
  #problem .problemList li p a {
    font-size: 1.4rem;
  }
  #problem .btn {
    border: 1px solid #007bff;
    position: absolute;
    width: 42.7%;
    left: 28%;
    bottom: 20px;
  }
  #problem .fade_layer {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    box-shadow: inset 0px -7rem 3rem -2rem #f1edea;
  }
}


/* #recent あなたが最近チェックした商品 */

#recent .frame1000 {
  background-color: #f7f7f7;
  padding: 30px 25px 40px;
  box-sizing: border-box;
}

#recent .heading2 {
  margin-bottom: 20px;
  text-align: center;
}

#recent .heading2_item.__title {
  letter-spacing: -0.1rem;
  font-size: 1.3rem;
  font-weight: bold;
}

#recent .carousel_item a:hover {
  text-decoration: underline;
}


/* #service
----------------------------------------------*/

#service {
  background-color: #FFFFFF;
}

.service_bnr {
  margin-bottom: 2%;
}

@media screen and (max-width: 767px) {
  #service {
    background-color: #f7f7f7;
  }
  .service_bnr {
    margin-bottom: 3.125%;
  }
}

@media screen and (max-width: 767px) {
  #service {
    background-color: #e6edf4;
  }
  #service .heading2 {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 4.4%;
    line-height: 1.8rem;
    text-align: center;
  }
  #service .heading2_item {
    font-weight: 300;
    font-size: 2.6rem;
    color: #333333;
  }
  #service .serviceLink .serviceList_term {
    width: 50%;
    float: left;
    border-bottom: 1px solid #e6edf4;
  }
  #service .serviceLink .serviceList_term:nth-child(even) {
    float: right;
  }
  #service .serviceLink .serviceList_term a {
    display: block;
    color: #333333;
    letter-spacing: -1px;
    text-align: left;
    padding-top: 7%;
    padding-bottom: 7%;
    padding-left: 5%;
    margin: 0;
    font-size: 18px;
    vertical-align: middle;
    border-top: 1px solid #e6edf4;
    border-right: 1px solid #e6edf4;
    border-left: 1px solid #e6edf4;
  }
  #service .serviceLink .serviceList_term.__member {
    background-image: url(/html/template/default/assets/images/common/img_service_member_sp.png);
    background-size: cover;
    clear: both;
  }
  #service .serviceLink .serviceList_term.__catalog {
    background-image: url(/html/template/default/assets/images/common/img_service_catalog_sp.png);
    background-size: cover;
  }
  #service .serviceLink .serviceList_term.__join {
    background-image: url(/html/template/default/assets/images/common/img_service_join_sp.png);
    background-size: cover;
    clear: both;
  }
  #service .serviceLink .serviceList_term.__hoken {
    background-image: url(/html/template/default/assets/images/common/img_service_hoken_sp.png);
    background-size: cover;
    clear: both;
  }
  #service .serviceLink .serviceList_term.__affiliate {
    background-image: url(/html/template/default/assets/images/common/img_service_affiliate_sp.png);
    background-size: cover;
  }
  #service .serviceLink .serviceList_term.__offer {
    background-image: url(/html/template/default/assets/images/common/img_service_offer_sp.png);
    background-size: cover;
  }
  #service .serviceLink .serviceList_term.__member span {
    display: inline-block;
    background: #e60012;
    color: #fff;
    font-size: 11px;
    padding: 0 7px;
    margin: 0;
  }
  #service .serviceLink .serviceList_term.__member a {
    color: #48b327;
  }
  #service .serviceLink .serviceList_term.__catalog a {
    color: #f39700;
  }
  #service .serviceLink .serviceList_term.__join a {
    color: #ff276e;
  }
  #service .serviceLink .serviceList_term.__hoken a {
    color: #0e67cc;
  }
  #service .serviceLink .serviceList_term.__affiliate a {
    color: #009671;
  }
  #service .serviceLink .serviceList_term.__offer a {
    color: #3d3d3d;
  }
  #service .serviceLink .serviceList_term.__join a span,
  #service .serviceLink .serviceList_term.__hoken a span,
  #service .serviceLink .serviceList_term.__affiliate a span,
  #service .serviceLink .serviceList_term.__offer a span {
    display: block;
    padding-top: 1rem;
  }
}

#catalog .txtLink a:hover,
#shinbun .txtLink a:hover {
  text-decoration: none;
}


/* #join はじめて日本直販ウェブサイトをご利用になるお客様へ
----------------------------------------------*/

@media screen and (min-width: 768px) {
  #join {
    background: url(/html/template/default/assets/images/images/bg_join.jpg) no-repeat 0 0;
    height: 360px;
    width: 976px;
    margin: 0 auto 23px;
    padding: 0 0 0 24px;
  }
  #join .heading2 {
    text-align: left;
    font-size: 1.2rem;
    /*24px*/
    padding: 34px 0 0 0;
    margin: 0 0 16px;
    font-weight: bold;
  }
  #join p.btnFirst {
    width: 280px;
    margin: 0 0 35px;
  }
  #join p.btnFirst a {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1d486c;
    color: #fff;
    padding: 8px 0 10px;
    text-align: center;
    font-size: 0.75rem;
    /*16px*/
    line-height: 1rem;
  }
  #join p.btnFirst a span.sprite {
    width: 15px;
    height: 16px;
    display: inline-block;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-repeat: no-repeat;
    background-position: -420px top;
    vertical-align: bottom;
    margin-left: 10px;
  }
  #join .heading3.__underLine {
    border-bottom: #1a4b73 1px solid;
    padding-bottom: 10px;
    margin-bottom: 19px;
    width: 560px;
  }
  #join .heading3 .heading3_item {
    font-size: 1rem;
    /*20px*/
    font-weight: bold;
    width: 176px;
  }
  #join .heading3 .txtLink {
    width: auto;
  }
  #join .heading3 .txtLink a {
    position: relative;
    color: #02559b;
  }
  #join .heading3 .txtLink a:after {
    width: 6px;
    height: 9px;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-size: auto;
    background-position: -444px top;
  }
  #join ul.questionList {
    width: 500px;
  }
  #join ul.questionList li {
    font-size: 0.75rem;
    /*16px*/
    line-height: 1rem;
    padding: 3px 0 7px 0px;
    margin-bottom: 5px;
  }
  #join ul.questionList li span.sprite {
    width: 36px;
    height: 30px;
    display: block;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-repeat: no-repeat;
    background-position: -460px top;
    vertical-align: middle;
    float: left;
  }
  #join ul.questionList li a {
    display: block;
    color: #02559b;
    /*text-decoration: underline;*/
    margin-top: 3px;
  }
  #join ul.questionList li a:hover {
    text-decoration: underline;
  }
}


/* #free 会員登録・最新カタログ
----------------------------------------------*/

@media screen and (min-width: 768px) {
  #free {
    background: #02559b url(/html/template/default/assets/images/images/icn_free.gif) no-repeat 68px 11px;
    width: 1000px;
    height: 91px;
    margin: 0 auto 42px;
    padding: 0;
    overflow: hidden;
  }
  #free span.sprite_free {
    width: 68px;
    height: 68px;
    display: block;
    float: left;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-position: -520px top;
    background-repeat: no-repeat;
    margin-top: 11px;
    margin-left: 67px;
  }
  #free p {
    float: left;
    margin: 22px 0px 0 0px;
  }
  #free p.registration {
    margin: 22px 20px 0 35px;
  }
  #free p a {
    color: #fff;
    border: solid 1px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 80px 10px 100px;
    display: block;
    font-weight: bold;
  }
  #free p a span.sprite {
    width: 11px;
    height: 18px;
    display: inline-block;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-repeat: no-repeat;
    background-position: -275px top;
    vertical-align: middle;
    margin-left: 15px;
  }
}


/* #news お知らせ
----------------------------------------------*/

#news {
  margin-top: 100px;
  background-color: #f7f7f7;
  padding-bottom: 60px;
}

.newsList {
  width: 80%;
  margin: 0 auto 3%;
  background: #f7f7f7;
}

.newsList dl {
  padding: 1.83% 0;
  border-top: 1px dotted #cccccc;
  /* line-height: 0.65rem; */
}

.newsList dl:last-child {
  border-bottom: 1px dotted #cccccc;
}

.newsList dl dt,
.newsList dl dd {
  display: inline-block;
}

.newsList dl dt {
  color: #333333;
  font-weight: normal;
  width: 20%;
  vertical-align: top;
}

.newsList dl dd {
  color: #333333;
  line-height: initial;
  width: 78%;
  text-align: justify;
}

.newsList dl dd a {
  color: #333333;
}

#news .newsList dl.txtLink a:hover dt,
#news .newsList dl.txtLink a:hover dd {
  text-decoration: underline;
}

#news .btn {
  width: 28.4%;
  text-align: center;
}

#newspaper .newspaperSlider .imgwrap {
  position: relative;
}

#newspaper .newspaperSlider .imgwrap .published {
  position: absolute;
  top: 0;
  left: 0;
}

#swiperFredSelRadio .imgwrap,
#newspaperSec .imgwrap,
#onairTvSec .imgwrap {
  position: relative !important;
  text-align: center !important;
  vertical-align: middle !important;
  height: 116px;
}

#swiperFredSelRadio .imgwrap {
  height: 163px;
}

/*auto image in one frame*/
#swiperFredSelRadio .imgwrap img,
#newspaperSec .imgwrap img,
#onairTvSec .imgwrap img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

@media screen and (min-width: 768px) {
  #news {
    background-color: #fff;
    padding: 0;
    margin-bottom: 50px !important;
    /* sz add 1115 */
  }
  #news .heading2 {
    text-align: left;
    float: left;
    width: 160px;
  }
  #news h2 {
    font-size: 1.2rem;
    /*24px*/
    font-weight: bold;
    color: #02559b;
  }
  #news .newsList {
    /* width: auto; */
    /* sz 1115 */
    margin: 0 0 0 160px;
    background: #fff;
  }
  #news .txtLink.__next a:after {
    background-image: none;
  }
  #newspaper .heading2_item.__icn img {
    vertical-align: text-top;
    margin: 0 0 -10px;
  }
  #newspaper h2 {
    font-size: 1.3rem;
    /*26px*/
    font-weight: bold;
  }
  #newspaper .newspaperSlider {
    position: relative;
    width: 975px;
    margin: 0 auto;
  }
  #newspaper .newspaperSlider .newspaper_img {
    width: 300px;
    border: 5px solid #ffffff;
    margin: 0 0 6px;
  }
  #newspaper p.productList {
    width: 100px;
    float: right;
    margin: -83px 15px 0 0;
  }
  #newspaper p.productList a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 5px 10px;
    display: block;
    background: #02559b;
  }
  #newspaper p.productList a span {
    background: none;
    padding-right: 0;
    display: inline-block;
  }
  #newspaper p.productList a span.sprite {
    width: 15px;
    height: 17px;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-position: -272px top;
    vertical-align: middle;
  }
  #newspaper p.posting span {
    display: inline-block;
    background: #cc0000;
    color: #ffffff;
    padding: 2px 10px 3px;
    font-size: 0.7rem;
  }
  #newspaper .newspaperSlider .prev {
    width: 50px;
    height: 50px;
    display: block;
    background-color: #02559b;
    position: absolute;
    top: 160px;
    left: -30px;
    border-radius: 50px;
  }
  #newspaper .newspaperSlider .next {
    width: 50px;
    height: 50px;
    display: block;
    background-color: #02559b;
    position: absolute;
    top: 160px;
    right: -30px;
    border-radius: 50px;
  }
  #newspaper .newspaperSlider .prev span.sprite {
    width: 18px;
    height: 16px;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-repeat: no-repeat;
    background-position: -129px 0px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #newspaper .newspaperSlider .next span.sprite {
    width: 18px;
    height: 16px;
    background-image: url(/html/template/default/assets/images/common/icn_sprite.png);
    background-repeat: no-repeat;
    background-position: -148px 0px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 1000px) {
  #news {
    margin-bottom: 6.12%;
  }
}

@media screen and (max-width: 767px) {
  #news {
    background: #ffffff;
    margin-top: 2rem;
    padding-bottom: 0;
  }
  .newsList {
    background: #ffffff;
  }
  #news .heading2 {
    width: 100%;
    color: #1a4b73;
  }
  #news .newsList {
    width: 100%;
    margin: 0;
  }
  .newsList dl dt {
    margin-left: 0;
    float: left;
    width: 30%;
    display: block;
    line-height: 2rem;
    padding: 10px 0;
  }
  .newsList dl dd {
    margin-left: 0;
    float: right;
    width: 70%;
    display: block;
    line-height: 2rem;
    padding: 10px 0;
  }
  .txtLink.__next a:after {
    background: none;
  }
  .newsList dl {
    line-height: 100%;
    padding: 0;
    border-top: 1px solid #ccc;
  }
  .newsList dl:last-child {
    border-bottom: 1px solid #ccc;
  }
  .newsList dl a {
    display: block;
    /*height: 80px;*/
  }
  .newsList dl a:after {
    position: static;
    width: 0;
    height: 0;
  }
  .txtLink a:after,
  .txtLink.__next a:after,
  .txtLink.__prev a:after {
    width: 0;
    height: 0;
  }
}


/**
@media screen and (max-width: 767px) {
#news {
    background-color: #e6edf4;
  padding-bottom: 5%;
  padding-top: 0;
}
#news .heading2 {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 4.4%;
    line-height: 1.8rem;
    text-align: center;
}
#news h2 {
font-weight: 300;
    font-size: 2.6rem;
    color: #333333;
}

#news .newsList dl {
  border-top: 1px solid #b2cbe1;
}
#news .newsList dl:last-child {
  border-bottom: 1px solid #b2cbe1;
}
#news .newsList dl:nth-child(2) {
  display: block;
}
#news .newsList dl:nth-child(n+3) {
  display: none;
}

#news .newsList dl dt {
  font-size: 1.3rem;
}
#news .btn {
    border: 1px solid #007bff;
    position: absolute;
    width: 42.7%;
    left: 28%;
    bottom: 0;
}
#news .btn_item {
  font-size: 1.55rem;
}
#news .fade_layer {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    box-shadow: inset 0px -3rem 3rem -2rem #e6edf4;
}
}
*/


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

@media screen and (max-width: 767px) {
  #carouFredSelSP,
  #carouFredSel02,
  #carouFredSelNewspaper {
    width: 3333px;
  }
}


/*--- max-width: 767px */

#slider #carouHover .thumb_wrap a.active {
  border: solid 3px #02559b;
  opacity: 1;
  transition: none;
}

#slider #carouHover .thumb_wrap a.active:before {
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  display: block;
  border: 8px solid transparent;
  border-bottom-color: #02559b;
  border-top-width: 0;
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  z-index: 30;
}


/*日本直販SNS
----------------------------------------------*/

.SNS_area {
  width: 100%;
  background: #fff;
}

.SNS_area .SNS_content h2 {
  padding: 0 6% 0 2%;
  margin: 6% 0;
  border-left: 16px solid #1a4b73;
  color: #1a4b73;
  line-height: 100%;
  font-weight: bold;
}

.SNS_area .SNS_content .twitter_border {
  border: 1px solid #ebedf0;
}

.SNS_area .SNS_content .content_box {
  /*#19128*/
  /*padding-bottom: 25px;*/
}
.SNS_area h2 {
  margin-bottom: 20px;
}

.SNS_area .SNS_content .content_box .Plug_in_unit_01 {
  width: 100%;
  float: left;
}

.SNS_area .SNS_content .content_box .Plug_in_unit_02 {
  width: 100%;
  float: right;
}

.SNS_area .SNS_content .content_box .Plug_in_unit_03 {
  width: 100%;
  float: left;
  margin-top: 46px;
}

@media screen and (min-width: 768px) {
  .SNS_area {
    padding: 12% 0 3%;
  }
}

@media screen and (max-width: 767px) {
  .SNS_area {
    width: 100%;
    background: #e8edf1;
    margin-top: 65px;
  }
  .SNS_area .SNS_content h2 {
    width: 100%;
    color: #1a4b73;
    font-size: 2rem;
    padding: 28px 0;
    text-align: center;
    font-weight: bold;
    border: 0;
    margin: 0;
  }
  .SNS_area .SNS_content .content_box {
    padding: 0 5% 2rem 5%;
    /* 0 2% 2rem 2%*/
  }
  .SNS_area .SNS_content .content_box .Plug_in_unit_01 {
    width: 100%;
  }
  .SNS_area .SNS_content .content_box .Plug_in_unit_02 {
    width: 100%;
    margin-top: 2rem;
  }
  .SNS_area .SNS_content .content_box .Plug_in_unit_03 {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .SNS_area .SNS_content .content_box .Plug_in_unit_01 {
    border: 1px solid #eee;
  }
  .SNS_area .SNS_content .content_box .Plug_in_unit_02 {
    /*#19128*/
    /*margin-top: 35px;*/
  }
  /*sz add 1115*/
  .box01_list li .productsList-area .productsList-text {
    padding-left: 200px;
    width: 70%;
  }
  /*sz add 1115*/
}


/* 人気ランキング
----------------------------------------------*/

.popularityProduct_tab {
  position: relative;
}

.find_nav {
  width: 100%;
  height: 32px;
  /*background-color: #f9f9f9;*/
  position: absolute;
  top: 0;
  z-index: 9;
  /*border-bottom: 1px solid #ddd;*/
  display: -moz-box;
  display: -webkit-box;
  display: box;
}

.find_nav_left {
  height: 42px;
  position: relative;
  overflow: hidden;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}

.find_nav_list {
  position: absolute;
  left: 0;
}

.find_nav_list ul {
  position: relative;
  white-space: nowrap;
  font-size: 0;
}

.find_nav_list ul li {
  width: 150px;
  /*float: left;*/
  display: inline-block;
  padding: 0;
  border-radius: 8px 8px 0 0;
  background: #f5f5f5;
  margin-top: 10px;
  /*vertical-align: top;*/
  /*sz*/
}

.find_nav_list ul li a {
  /*width: 14.2858%;*/
  display: block;
  line-height: 32px;
  font-size: 0.9rem;
  text-align: center;
  color: #fff;
  /*padding:0 32px;*/
}

.find_nav_cur {
  margin-top: 0px !important;
}

.find_nav_cur a {
  color: #ffffff !important;
  line-height: 50px !important;
  /*42px ->50px sz*/
  height: 42px !important;
}


/* .find_nav_list a.active{ color:#C00} */


/* SZ 2018/11/23 */

.sideline {
  display: block;
  position: absolute;
  border: 0;
  height: 2px;
  background-color: #48a5f4;
  left: 0;
  top: 68px;
  pointer-events: none;
}

.li_list {
  overflow-y: auto;
  display: table;
}

.li_list span {
  display: block;
  overflow: hidden;
  background: #ffffff;
  color: #fff;
  margin: 20px 0;
  font-size: 55px;
  line-height: 300px;
  text-align: center
}

.swipe {
  padding: 42px 0 0 0;
}

.box01_list li .productsList-area {
  padding: 22px 0;
}

.box01_list li .productsList-area .productsList-area-crown {
  width: 40px;
  height: 150px;
  display: inline-block;
  float: left;
  padding-right: 10px;
}

.box01_list li .productsList-area .productsList-a {
  display: block;
}

.box01_list li .productsList-area .productsList-a :hover {
  cursor: pointer;
}

.box01_list li .productsList-area .productsList-image {
  width: 150px;
  float: left;
}

.box01_list li .productsList-area .productsList-image img {
  width: 100%;
}

.box01_list li .productsList-area .productsList-text {
  /*float: left;
    color: #333333;
    width: 70%; */
  /*sz 1115*/
}

.box01_list li .productsList-area .productsList-text h2 {
  font-size: 0.9rem;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 10px 20px;
}

.box01_list li .productsList-area .productsList-text p.Price {
  /*color: #e60012;
    font-size: 1.1rem;*/
  text-align: left;
  padding: 10px 0 10px 20px;
}

.box01_list li .productsList-area .productsList-text p.introduce {
  font-size: 0.9rem;
  text-align: left;
  padding: 10px 0 10px 20px;
}

/* add 21/04/2020 */
.box01_list li .productsList-area .productsList-text p span {
  /* color of price + tax */
  color: #e60012;
}

.box01_list li .productsList-area .productsList-text p span:nth-child(1) {
  font-size: 1.1rem;
  line-height: 100%;
  text-align: left;
  display: inline;
}

.box01_list li .productsList-area .productsList-text p span,
.box01_list li .productsList-area .productsList-text p .taxStyle {
  height: auto;
  line-height: 100%;
  display: inline;
  font-size: 0.6rem;
  /* remove 21/04/2020 */
  /*color: #c9004b;*/
  text-align: left;
}

.productsListmoreBtn {
  display: block;
  text-align: right;
  /* color: #ec7b1f !important; */
  /* sz 1115 */
  font-size: 0.9rem;
  line-height: 60px;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .find_nav_list ul li {
    width: 38vw;
    /* SZ 2018/11/23 add */
  }
  .find_nav_list ul li a {
    font-size: 1.6rem;
  }

  .box01_list li .productsList-area .productsList-text h2 {
    font-size: 1.4rem;
  }
  .box01_list li .productsList-area .productsList-text p.Price {
    font-size: 1.4rem;
  }
  .box01_list li .productsList-area .productsList-text p span:nth-child(1) {
    font-size: 1.4rem;
  }
  .box01_list li .productsList-area .productsList-text p.introduce {
    font-size: 1.4rem;
  }
  .productsListmoreBtn {
    font-size: 1.4rem;
    /* color: #1a4b73 !important; */
    /* SZ 1116 */
  }
  /* 20% of ranking*/
  .box01_list li .productsList-area .productsList-image {
    width: 30%;
    /* #31268 */
    max-width: 102px;
  }
  .box01_list li .productsList-area .productsList-text {
    width: 50%;
    /* #31268 */
    max-width: 220px;
  }

  .box01_list li .productsList-area .productsList-text {
    padding-left: 5px;
    float: left;
    color: #333333;
  }
  .box01_list li .productsList-area .productsList-text h2 {
    padding: 1% 0 1%;
  }
  .box01_list li .productsList-area .productsList-text p.Price {
    padding: 1% 0 1%;
  }
  .box01_list li .productsList-area .productsList-text p.introduce {
    padding: 1% 0 1% 20px;
  }
  .box01_list li .productsList-area {
    /*background: url("/html/template/default/assets/images/common/icon_crown_one.svg") no-repeat left center;*/
    border-bottom: 1px solid #cdcdcd;
    /*background-size: 40px;*/
  }
  /* sz*/
  .box01_list li .productsList-area.two {
    background: url("/html/template/default/assets/images/common/icon_crown_two.svg") no-repeat left center;
    background-size: 40px;
  }
  .box01_list li .productsList-area.three {
    background: url("/html/template/default/assets/images/common/icon_crown_three.svg") no-repeat left center;
    border-bottom: none;
    background-size: 40px;
  }
}


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

.brand-list {
  opacity: 0;
}

.brand-list .brand-bd {
  position: relative;
}

.brand-list .item,
.brand-list .additem {
  position: absolute;
  width: 31.5%;
  border: 1px solid #d0d0d0;
  top: 0;
  left: 40%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
}

.brand-list .item img {
  border-radius: 10px 10px 0 0;
}

.brand-list .hover {
  box-shadow: 0px 1px 8px rgba(200, 200, 200, .6);
  background-color: #fff;
  border-color: #c8c8c8;
}

.brand-list .additem {
  padding: 0;
  width: 240px;
  border: none;
}

.brand-list .item h3 {
  font-size: 42px;
  color: #666;
  font-family: arial;
  font-weight: bold;
  line-height: .8;
  margin-bottom: 20px;
}

.brand-list .item div {
  margin-bottom: 5px;
  color: #333333;
}

.brand-list .item .margin-clear {
  padding: 0 10px;
}

.brand-list .item .title {
  font-size: 1rem;
  word-break: break-word;
  /*31358 move from customize.css*/
  font-weight: 500;
}

.brand-list .item .text {
  font-size: 0.75rem;
  /*31358 move from customize.css*/
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .brand-list .item .title {
    font-size: 1.65rem;
    /*1.6->1.65*/
    font-weight: 700;
    /*sz add*/
    line-height: 1.4;
    /*sz add 11/05*/
  }
  .brand-list .item .text {
    font-size: 1.4rem;
    line-height: 1.4;
    /*1.4rem->1.4*/
  }
  .brand-list .item,
  .brand-list .additem {
    width: 46%;
  }
}

.advert_bottom_box {
  width: 100%;
  margin-top: 1rem;
}

.advert_bottom_box ul li {
  width: 49%;
  float: left;
  margin-right: 2%;
}

.advert_bottom_box ul li:last-child {
  margin-right: 0;
}

.advert_bottom_box ul li img {
  width: 100%;
}

.rankingList_name_price .taxStyle {
  font-size: 0.65rem;
}

@media screen and (max-width: 767px) {
  .rankingList_name_price .taxStyle {
    font-size: 1rem;
  }
}


/* ロード
---------------------------*/

.load-container {
  width: 100px;
  height: 100px;
  /*float: left;*/
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}

.loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.load5 .loader {
  margin: 4em auto;
  font-size: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000;
  }
}

@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000;
  }
}


/* swiper プラグイン
---------------------------*/

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_leftB.svg);
  background-size: 50px 50px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-image: url(/html/template/default/assets/images/common/arrow_rightB.svg);
  background-size: 50px 50px;
}

.swiper-slide {
  width: 20%;
}

@media screen and (max-width: 767px) {
  .swiper-container {
    padding: 0 10px;
  }
}


/* レスポンシブ
---------------------------*/

@media screen and (min-width: 768px) {
  /* 1000～1400px
    ---------------------------*/
  .frame1000 {
    width: auto !important;
    /*unset 1114*/
    min-width: 1000px;
    max-width: 1400px;
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
  }
  .page-footer .frame1000 {
    width: 1000px !important;
    padding: 0;
    /*add sz 1114*/
  }
}


/* 1200～1400px　レスポンシブ
---------------------------*/

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  #header .searchBox {
    padding-left: 5%;
  }
}


/* 1400px～　
---------------------------*/

@media screen and (min-width: 1400px) {
  .productsCarousel-main {
    /* width: 1050px; */
  }
  #header #logo {
    width: 18%;
  }
  .pcMenuBox {
    width: 18%;
  }
  .noticeBox {
    width: 16%;
  }
  #header .searchBox {
    padding-left: 10%;
    /*15%*/
    width: 35%;
    /*add sz*/
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #header .searchBox {
    padding-left: 2%;
  }
  #header .search_Keyword li {
    padding: 4px 0 0 4px;
  }
}

@media screen and (max-width: 767px) {
  .frame1000 {
    width: 100%;
  }
  .productsCarousel-main {
    width: 100%;
  }
}


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


/* SZ 2018/11/22 start*/

#carouFredSelSP li {
  position: relative;
}

#carouFredSelSP li:not(.selected) a::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}


/* SZ 2018/11/22 end */


/* SZ 2018/11/29 start */

.sidebar-main .productSearchLink_term,
.sidebar-main .sideNavi_term {
  padding: 12% 0 3%;
  color: #1a4b73;
  background-color: #fff;
  border-bottom: #e6e6e6 solid 0px;
}

.sidebar-main {
  width: 250px;
  float: left;
}


/* SZ 2018/11/29 end */

.txtLink.__adjacent.__nenmatsu a {
  padding-right: 0.8rem;
  position: relative;
  color: #e60012;
  text-decoration: underline;
}

.txtLink.__adjacent.__nenmatsu a:hover {
  text-decoration: none;
}

.txtLink.__adjacent.__nenmatsu a:after {
  top: 1px;
  right: 0;
}

.txtLink.__nenmatsu a:after {
  background-image: url(/html/template/default/assets/images/common/icn_arrow_next_pink.png);
}

.video-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
}

/* 33275 video preview */
.video-item {
  cursor: pointer;
  z-index: 1;
  position: relative;
  flex: 0 0 32%;
  margin: 0 1% 50px 0;
}

.video-item iframe {
  position: relative !important;
  min-height: 232px;
}

.video-item .sjp-modal-toggle {
  z-index: 0 !important;
}

.video-item:hover iframe, .video-item:hover img {
  opacity: .1 !important;
  z-index: 0 !important;
}

.overlay-video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  z-index: 1;
}

.overlay-text {
  color: black;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.video-item:hover .overlay-video {
  opacity: 1;
}

.product-ranking-order-icon {
  display: inline-block;
  float: left;
  min-width: 50px;
  min-height: 1px;
}

.product-ranking-order-icon-text {
  position: relative;
  color: #333;
  -ms-transform: translateY(250%);
  -webkit-transform: translateY(250%);
  transform: translateY(250%);
}
.product-ranking-order-icon-text div {
  margin-left: -9px;
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .video-list {
    display: block;
    position: relative;
  }

  .video-item {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .box01_list li .productsList-area .productsList-area-crown {
    height: 112.5px;
  }
  .product-ranking-order-icon-text div {
    font-size: 1.8rem;
  }

  #newspaperSec .imgwrap,
  #onairRadioSec .imgwrap,
  #onairTvSec .imgwrap {
    height: 104px;
  }
}
/* 33275 fix css for sp */
@media screen and (max-width: 767px) {
  /*onair section*/
  .propagandaProducts-area {
    padding-top: 30px;
    padding-bottom: 0;
  }

  /*top topics */
  #topRecommendListSec .recommendpt-area {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .recommendpt-area ul {
    padding-top: 16px;
    padding-bottom: 0;
  }

  .recommendedVideo {
    margin-top: 0 !important;
  }

  .recommendedVideo .title {
    padding: 16px 0 16px 30px;
  }

  .sidebar {
    margin-top: 0;
  }

  .sidebar-main .productSearchLink_term, .sidebar-main .sideNavi_term {
    padding-top: 30px;
  }
}