html {font-size: 62.5%!important;}
.fs-p-cartItemNumber {top:-8px;right:-3px;}
.fs-c-breadcrumb {padding: 8px;max-width: 1216px;margin:auto;}
.fs-c-breadcrumb a {display:inline;}

header .login .login{
    display:inline-block;
    width: auto;
    padding: 0!important;
    float: none;
}

/*　ログインしているかで切り替え　*/
.logout.my-false { display: none!important; }
.login.my-true { display: none!important; }
.regist.my-true { display: none!important; }

.fs-p-accountInfo__point__point__available{display:block;}
header .fs-p-accountInfo__point__point__available__number {color:#E25B33;}
header .login a:first-child{padding: 4px 0 0 15px!important;}


/*商品ページ：商品番号*/
.fs-c-productNumber {
  font-size: 10px;
  margin-top: 10px;
  border: none;
  padding: 0px;
}

/*商品ページ：商品名キャッチコピー共通*/
.fs-c-productNameHeading {
  font-size: 12px;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-weight: normal;
}

/*商品ページ：キャッチコピー*/
.fs-c-productNameHeading__copy {
  color: #ff0000;
  font-size: 14px;
  margin-bottom: 5px;
}

/*商品ページ：ポイント進呈*/
.fs-c-productPointDisplay {
  background: #f0f0f0;
  color: #3c3c3c;
  display: inline-block;
  line-height: none;
  padding: 5px;
  font-size: 12px;
}

/*商品ページ：販売期間*/
.fs-c-productSalesPeriod {
  margin-top: 10px;
}

/*商品ページ：SKUリスト*/
.fs-c-variationRadioList__name__stock {
  font-weight: normal;
  font-size: 12px;
}

/*商品ページ：カートに入れるボタン*/
.fs-c-button__image {
  width: 70%;
  /*margin-bottom: 30px;*/
}

/*商品ページ：商品説明文部分全体*/
.item_spec{
  margin-bottom: 15px;
}

/*商品ページ：説明文＆スペックアコーディオン*/
.cp_actab {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.cp_actab input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.cp_actab label {
  font-weight: bold;
  line-height: 3;
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  cursor: pointer;
  margin: 0 0 1px 0;
  background: #e0e0e0;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
}
/* :checked */
.cp_actab input:checked~.cp_actab-content {
  max-height: 100em;
}
/* Icon */
.cp_actab label::after {
  line-height: 3;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 3em;
  height: 3em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
}
.cp_actab input[type=checkbox]+label::after {
  content: '+';
}
.cp_actab input[type=checkbox]:checked+label::after {
  transform: rotate(315deg);
}

/*商品ページ：説明文見出し*/
.item_description {
  margin-bottom: 20px;
}

.item_description h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

.item_description h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0px;
}

.item_description p {
  line-height: 1.5em;
}

/*商品ページ：サイズ表*/
.size_table {
  border-collapse: collapse;
  width: 100%;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*.size_table th, td {
  border: solid 1px;
}*/

.size_item {
  background: #f8f8f8;
}

/*商品ページ：サイズガイドへのリンク*/
.goto_sizeguide {
  width: 100%;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*商品ページ：スペック*/
.spec_heading {
  width: 100%;
  background: #f8f8f8;
  padding: 5px;
  font-weight: bold;
}

.spec_txt {
  list-style-type: none;
  padding: 5px;
  margin-bottom: 10px;
}

.spec_txt_remarks {
  padding: 5px;
  margin-bottom: 10px;
}

.spec_txt_remarks ul {
  list-style-type: none;
}

/*商品ページ：アテンション*/
.item_attention {
  width: 100%;
  border: 1px solid #ff0000;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  clear: both;
}
.item_attention p{
  font-size: 12px;
  font-weight: bold;
}

/*商品ページ：SNSパーツ*/
.fs-p-snsArea {
  margin-bottom: 30px;
}

/*商品ページ：説明パーツ*/
.fs-p-announcement {
  background: #f8f8f8;
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
}

/*商品ページ：説明パーツ見出し*/
.fs-p-announcement__title {
  font-size: 14px;
  color: #3c3c3c;
  font-weight: bold;
  margin-bottom: 5px;
}

/*商品ページ：コーディネート*/
.item_coordinate li {
    float: left;
    width: 44%;
    margin: 10px 10px;
    height: 350px;
 }

 .item_coordinate_3 li {
     float: left;
     width: 44%;
     margin: 10px 10px;
     height: 300px;
  }

.item_coordinate {
    width: 580px;
    margin: 10px auto;
 }

/*商品ページ：関連アイテム*/
.item_recommend li {
    float: left;
    width: 30%;
    margin: 5px 5px;
    height: 200px;
 }

.item_recommend {
    width: 580px;
    margin: 10px auto;
 }

.item_recommend_fku li {
    float: left;
    width: 30%;
    margin: 5px 5px;
    height: 220px;
 }

/*商品一覧：商品マーク*/
.fs-c-productMarks ul li{
  margin-bottom: 1px;
}

/*商品一覧：キャッチコピー*/
.fs-c-productName__copy {
  color: #ff0000;
  font-size: 12px;
  display: none; /*非表示*/
}

/*商品一覧：商品名*/
.fs-c-productName__name {
  font-size: 11px;
}

/*商品一覧：税込表記*/
.fs-c-productPrice__addon {
  font-size: 10px;
}

/*商品一覧：バリエーションカート*/
.fs-c-button__label {
  font-size: 11px;
}
.fs-c-variationCart__cartButton>button {
  margin-left: 8px;
}

/*枠線打消し*/
.size_table th, .size_table td {
    border: solid 1px;
}

/*　PC　お気に入りリスト　見出し上部間隔）　*/
.fs-body-cart .fs-c-wishlistProduct__title{
  margin-top:2em;
}

/* 上記割引はお届け先ごとに再計算されます。削除 */
.fs-c-cartDiscountInfo__note{
  display: none;
}

/* コラムデザイン */
.column_box h2 {
    font-size: 1.5em;
    font-weight: 700;
    position: relative;
    text-shadow: 0 0 2px white;
    color: #333;
    padding-left: 4%;
}

.column_box h2:before {
    background: #da4453;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 50%;
    left: 1%;
    z-index: 0;
    content: "";
    position: absolute;
    transform: translateY(-50%);
}

.column_box a {
    padding-left: 5%;
}

.column_post h2 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-bottom: 3%;
}

.column_post h3 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
}

/* 境界線デザイン */

.column_post h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    height: 3px;
 background-color: #000000;
 width: 100%;
 border: none;
}

/*.column_post h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    height: 7px;
    background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #da4453, #da4453 2px, #f7f7f7 2px, #f7f7f7 4px);
}*/

/* 境界線デザイン終わり */

.column_post {
    margin: 0 10%;
    line-height:1.8;
}

.column_post a {
    background: #fff;
    padding: 1% 4%;
    color: #202020;
    font-weight: 700;
    border: 1px solid #000;
  }

/* 目次ボタンデザイン */
  .column_post_2 a {
      background: #fffacd;
      border: none;
      /* margin-top: 20px; */ /* 看板と目次の隙間分のマージン */
    }

/*.column_post a {
    background: #da4453;
    width: fit-content;
    padding: 1% 4%;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    margin: 2% 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}*/
/* 目次ボタンデザインおわり */

/* 目次ボタン間隔、文字サイズ指定*/
.column_post_3 a {
        margin-top: 30px;
        font-size: 14px !important;
        border-radius: 30px !important;
  }
  /* 目次ボタン間隔、文字サイズ指定おわり*/

/*サイズガイドリスト枠線*/
table.columnsize {
  width: 100%;
  border: 1px solid #000;
  border-collapse:collapse; /* 枠線(ボーダー)を重ねて表示 */
  text-align: center;
}

table.columnsize td {
  border: 1px solid #000;
}

/*サイズガイドリスト枠線おわり*/

/*ボタンとび位置調整*/
.jump {
margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 80px; /* 打ち消し用のパディング */
}
/*ボタンとび位置調整おわり*/

/*リストカラー*/
table.columnsize_color tr {
  background: #fffacd;
}
/*リストカラーおわり*/

/*サイズガイドテキスト*/
.size_text_link {
  font-size: 12px;
  font-weight:900;
  margin-bottom: 3%;
}

/*FAQ*/
.faq_list {
    display: flex;
    margin-bottom: 1%;
}

.faq_cont {
    width: 25%;
    background: #eaeaea;
    margin: 0 1%;
    padding: 1%;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}

/*news*/

.info {
    width: 100%;
    padding: 8px 0;
    background-color: #f5f5f3;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
}

.news-center {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    /*vertical-align: middle;*/
}


.news-icon {
    width: 90px;
    height: 24px;
    line-height: 24px;
    border-radius: 150px;
    background-color: #668eb0;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    /*display: none;*/
    text-align: center;
}

.news-icon p {
    font-size: 12px;
}

.news-text {
    display: inline-block;
}

.news-text p {
    font-size: 14px;
}

.news-text span {
    font-weight: bold;
}

.news-text p:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-left: 15px;
}



/* 自社コラム */
.column_official {
    width: 750px;
    margin: 0 auto;
}

.column_official .title {
    font-size: 20px;
    font-weight: 700;
}

.column_official p {
    font-size: 14px;
}





/* 自社コラム2（ノベルティ）*/
.column_official2 {
    width: 750px;
    margin: 0 auto;
}

/*TOPへ戻る固定*/
.online-link-btn {
  position: fixed;
  right: 10%;
  bottom: 5%;
  display: block;
  width: 150px;
  height: 150px;
  z-index: 100;
}

/*リンク下線消す*/
a:hover {
text-decoration: none;
}


/*水着注意文間隔調整*/
.swim_attention {
  margin-top: -10px;
  color: #FF0000;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #aaaaaa;
  background-color: #eeeeee;
  line-height: 50px;
  /*font-size: 16px;*/
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  /*font-weight: bold;*/
  transition: all 0.2s ease;
}

@media (min-width: 788px){
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #aaaaaa;
  background-color: #eeeeee;
  line-height: 50px;
  /*font-size: 16px;*/
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  /*font-weight: bold;*/
  transition: all 0.2s ease;
}

.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 750px;
  margin: 0 auto;}
}



/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 2% 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #aaaaaa;
  color: #fff;
}

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

.to_item_page img {
    width: 60%;
}

/*ヘッダー余白調整*/
.fs-l-header {
    padding-top: 0;
}

/*リンクのブロック解除*/
.link_noblock {
    display:inline;
}

/* 画像調整 */
.summer img {
   width: 2%;
}

.column_official .title_2 {
    font-size: 12px;
    font-weight: 600;
}

.column_official .title_3 {
    font-size: 14px;
    font-weight: 600;
    border-bottom: solid 3px #fcc293;
    position: relative;
width: 120px;
margin: 0 auto;
}

/* Newsレイアウト */
.feature_list_3 {
    position: relative;
}

.news_img_01 {
    float: left;
    width: 320px;
}

.news01 {
    clear: both;
    padding-top: 10px;
}

.news_text .title {
    color: red;
}

.news_img_02 {
    width: 320px;
    position: absolute;
    top: 0;
    left: 410px;
}

.news02 {
    position: absolute;
    top: 437px;
    left: 410px;
}

.news_img_03 {
  width: 320px;
  position: absolute;
  top: 0;
  left: 820px;
}

.news03 {
  position: absolute;
  top: 437px;
  left: 820px;
}

/* タブレット端末での表示崩れ防止 */


body {
    width: 100%;
    min-width: 1200px;
}

@media (max-width: 767px) {
    body {
        width: 100%;
        min-width: initial;
    }
}

/* 終了表示用の透過 */
.opacity_01 {
  background-color: #C0C0C0;
	text-align: center;
}

#opacity02 {
	opacity: 0.5;
}

/* ガイド文字調整 */
.title_4 {
font-size: 20px;
font-weight: 700;
}

.title_5 {
font-size: 16px;
font-weight: 700;
}

/*　コラムページ用　*/
@media screen and (min-width: 768px){
.column_code_br_sp {display: none; }
}

.column_code_link_btn{
    text-align: center;
    margin: 0 24%;
    border: solid 1px #000;
}
.column_code_link_btn a{
    text-decoration: none;
    display: block;
    padding: 12px 0;
}

/*　Amazon payボタン　*/

.fs-c-anotherLogin__button--amazon{
    margin: 0 auto;
}

.input_notes {
font-size: 12px;
color: #999999;
padding-top: 5px;
}

/*　会員説明リンク　*/
.goto_memberinfo {
    width: 100%;
    text-align: right;
    margin-top: 8px;
    margin-bottom: 5px;
    color: #888888;
}

.goto_memberinfo_link:link {
    color: #888888;
}

.goto_memberinfo_link:visited {
    color: #888888;
}

.goto_memberinfo_link:hover {
    color: #888888;
}


/******* 20210302 自社・モール統一化 *******/

/*共通CSS*/
.body-title1 {
    color: #221914;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.body-title2 {
    color: #221914;
    text-align: center;
}

.body-title2-2 {
    color: #221914;
    text-align: center;
    margin-top: 20px;
}

.body-title2-2  span{
    color: #CA2922;
}

.body-title3 {
    color: #221914;
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    display: flex;
    align-items: center;
}

.body-title3:after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
    margin-left: 1rem;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
}
.product {
    width: 306px;
    float: left;
    margin-right: 60px;
    margin-top: 40px;
    list-style-type: none;
}

.product:nth-of-type(3n) {
    margin-right: 0;
}

.product img {
    width: 306px;
    height: auto;
    vertical-align: baseline;
}

.pickup-icon{
    width: 47px;
    height: 17px;
    border: 1px solid #C84C4C;
    font-size: 10px;
    color: #C84C4C;
    text-align: center;
    float: left;
    margin-right: 10px;
    line-height: 16px;
    margin-bottom: 3px;
}

.sale-icon{
    width: 47px;
    height: 17px;
    background-color: #e60012;
    font-size: 10px;
    color: #fff;
    text-align: center;
    float: left;
    margin-right: 5px;
    line-height: 17px;
    margin-bottom: 3px;
}

.new-icon{
    width: 47px;
    height: 17px;
    border: 1px solid #e69800;
    font-size: 10px;
    color: #e69800;
    text-align: center;
    float: left;
    margin-right: 10px;
    line-height: 16px;
    margin-bottom: 3px;
}

.re-icon{
    width: 47px;
    height: 17px;
    border: 1px solid #55bba7;
    font-size: 10px;
    color: #55bba7;
    text-align: center;
    float: left;
    margin-right: 10px;
    line-height: 16px;
    margin-bottom: 3px;
}

.reserve-icon {
  width: 47px;
  height: 17px;
  border: 1px solid #7d7d7d;
  font-size: 10px;
  color: #7d7d7d;
  text-align: center;
  line-height: 16px;
  float: left;
  margin-right: 10px;
  margin-bottom: 3px;
}


.season-icon {
  width: 47px;
  height: 17px;
  border: 1px solid #e60012;
  font-size: 10px;
  color: #e60012;
  text-align: center;
  line-height: 16px;
  float: left;
  margin-right: 10px;
  margin-bottom: 3px;
}

.free-icon {
    width: 47px;
    height: 17px;
    background-color: #6fb0dd;
    font-size: 10px;
    color: #fff;
    text-align: center;
    float: left;
    margin-right: 10px;
    line-height: 17px;
    margin-bottom: 3px;
}

.day {
    float: left;
    font-size: 12px;
}

.text-button {
    width: 238px;
    height: 45px;
    border: 1px solid #000;
    background-color: #fff;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.text-button a {
    color: #000;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;

}

.eff {
    width: 238px;
    height: 45px;
    left: -238px;
    background: #000;
    position: absolute;
    transition: all .5s ease;
}

.text-button:hover .eff {
    left: 0;
}

.text-button:hover a {
    color: #fff;
}

.name {
    clear: both;
}

.price {
    font-size: 21px;
}

.price span {
    font-size: 10px;
    margin-left: 2px;
}

.sale-price-off{
  color: #CA2922;

}
.sale-price-off span{
  font-size:12px;
}

/*共通CSS"SP"*/
@media (max-width: 767px) {

    .body-title1 {
        font-size: 22px;
    }

    .body-title2-2 {
        margin-top: 15px;
    }

    .body-title3 {
        font-size: 22px;
        text-align: center;
        display: block;
        align-items: center;
    }

    .body-title3:after {
        border-top: none;
        content: "";
        flex-grow: 0;
    }

    .body-title3:after {
        margin-left: 0;
    }

    .product {
        width: 49%;
        margin-right: 2%;
        margin-top: 30px;
    }

    .product:nth-of-type(3n) {
        margin-right: 2%;
    }

    .product:nth-of-type(2n) {
        margin-right: 0;
    }

    .product img {
        width: 100%;
        height: auto;
    }

    .pickup-icon {
        margin-right: 8px;
        margin-bottom: 5px;
    }

    .pickup-icon p {
        font-size: 10px;
    }

    .sale-icon {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .sale-icon p {
        font-size: 10px;
    }

    .new-icon {
        margin-right: 8px;
        margin-bottom: 5px;
    }

    .new-icon p {
        font-size: 10px;
    }

    .newcolor-icon {
        font-size: 10px;
        margin-right: 8px;
        margin-bottom: 5px;
    }

    .newcolor-icon p {
        font-size: 10px;
    }

    .re-icon {
        font-size: 10px;
        margin-right: 8px;
        margin-bottom: 5px;
    }

    .re-icon p {
        font-size: 10px;
    }

    .reserve-icon {
        font-size: 10px;
        margin-right: 8px;
        margin-bottom: 5px;
    }

    .reserve-icon p {
        font-size: 10px;
    }
    .season-icon {
      font-size: 10px;
      margin-right: 8px;
      margin-bottom: 5px;
  }

  .season-icon p {
      font-size: 10px;
  }


    .free-icon{
    font-size: 10px;
    margin-right: 8px;
    margin-bottom: 5px;
    }

    .free-icon p{
        font-size: 10px;
    }

    .day {
        margin-top: 1px;
        font-size: 11px;
    }

    .text-button {
        width: 160px;
        margin-top: 25px;
    }

    .eff {
        width: 0;
        height: 0;
        left: 0;
        background: #fff;
    }

    .text-button:hover .eff {
        left: -0px;
    }

    .text-button:hover a {
        color: #000;
    }

    .name {
        font-size: 12px;
    }

    .price {
        font-size: 15px;
    }

    /*共通CSS"ハンバーガー"*/
    #drawer-content .body-title1 {
        font-size: 19px;
    }


}

/*メイン商品*/
.body-main {
    width: 1038px;
    height: auto;
    overflow: hidden;
    position: relative;
    zoom: 1;
    margin: 0 auto;
    /*padding-top: 100px;*/
}

.body-main a {
    text-decoration: none;
}

/*メイン商品"SP"*/
@media (max-width: 767px) {
    .body-main {
        width: 90%;
        padding-top: 50px;
    }

}

/*新作・再入荷*/
.new-re-arrivals {
    width: 1038px;
    height: auto;
    overflow: hidden;
    position: relative;
    zoom: 1;
    margin: 0 auto;
    padding-top: 100px;
}

.new-re-arrivals a {
    text-decoration: none;
}

/*新作・再入荷"SP"*/
@media (max-width: 767px) {
    .new-re-arrivals {
        width: 90%;
        padding-top: 50px;
    }

}

/*特集*/
.feature-renewal {
    width: 1140px;
    margin: 0 10px;
    overflow: hidden;
    position: relative;
    zoom: 1;
    margin: 0 auto;
    padding-top: 100px;
}

.feature-renewal a {
    text-decoration: none;
}

.article {
    width: 320px;
    float: left;
    margin-right: 90px;
    margin-top: 50px;
}

.article:nth-of-type(3n) {
    margin-right: 0;
}

.article img {
    width: 306px;
    height: auto;
    vertical-align: baseline;
}

.feature-text1 {
    font-size: 20px;
}

.feature-text2 {
    font-size: 13px;
    font-weight: normal;
}

/*特集"SP"*/
@media (max-width: 767px) {
    .feature-renewal {
        width: 90%;
        padding-top: 50px;
    }

    .article {
        width: 49%;
        margin-right: 2%;
        margin-top: 30px;
    }

    .article:nth-of-type(3n) {
        margin-right: 2%;
    }

    .article:nth-of-type(2n) {
        margin-right: 0;
    }

    .article img {
        width: 100%;
        height: auto;
    }

    .feature-text1 {
        font-size: 13px;
        font-weight: bold;
    }

    .feature-text2 {
        font-size: 12px;
        font-weight: normal;
    }

}

.text-button-feature{
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .text-button-feature{
        margin-bottom: 50px;
    }
}


/*ランキング*/
.ranking {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    zoom: 1;
    margin: 0 auto;
    padding-top: 100px;
}

.ranking a {
    text-decoration: none;
}

.ranking label {
    cursor: pointer;
}

.tab {
    padding: 0;
    width: 70%;
    height: 40px;
    line-height: 40px;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
    list-style: none;
}

.tab li {
    width: 100%;
    background: #fff;
    margin-right: 20px;
    border-bottom: none;
    text-align: center;
    cursor: pointer;
}

.tab li:nth-of-type(3) {
    margin-right: 0;
}

.tab li input,
.tab_sub input {
    display: none;
}

.tab li label {
    display: block;
    border: 1px solid #a3a3a3;
    border-bottom: 0 none;
    font-size: 16px;
}

.tab li input:checked+label {
    border: 1px solid #FFF6D9;
    background: #FFF6D9;
}

.list {
    background: #FFF6D9;
    padding-bottom: 100px;
}

.item-area {
    min-height: 536px;
}

.list li {
    cursor: pointer;
}

.tab_sub {
    list-style: none;
    width: 70%;
    height: 65px;
    line-height: 30px;
    display: flex;
    margin: 0 auto;
    padding-top: 35px;
    padding-bottom: 0;
}

.tab_sub li {
    width: 100%;
    margin-right: 20px;
    text-align: center;
}

.tab_sub li label {
    display: block;
    border: 1px solid #a3a3a3;
    border-radius: 150px;
    background: #fff;
    font-size: 16px;
}

.tab_sub li input:checked+label {
    background: #a3a3a3;
    color: #fff;
}

.item-list {
    display: flex;
    flex-wrap: wrap;
    width: 1064px;
    height: auto;
    margin: 0 auto;
}

.ranking-product {
    display: block;
    width: 240px;
    margin-right: 13px;
    margin-left: 13px;
    margin-top: 50px;
}

.ranking-product img {
    width: 100%;
    height: auto;
    vertical-align: baseline;
}

.rank-no img {
    width: 70%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.is-hide {
    display: none;
}

.fadeIn2 {
    animation-name: fadeIn2;
    animation-duration: 1s;
    -webkit-animation-name: fadeIn2;
    -webkit-animation-duration: 1s;
}

@-webkit-keyframes fadeIn2 {
    0% {
        opacity: 0;
        margin-left: 100px;
        margin-top: 100px;
    }

    100% {
        opacity: 1;
        margin-left: 0;
        margin-top: 0;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        margin-left: 100px;
        margin-top: 100px;
    }

    100% {
        opacity: 1;
        margin-left: 0;
        margin-top: 0;
    }
}

/*ランキング"SP"*/
@media (max-width: 767px) {
    .ranking {
        padding-top: 50px;
    }

    .sec-scene03 {
        margin-top: 0;
    }

    .tab {
        width: 90%;
        height: 30px;
        line-height: 30px;
    }

    .tab li {
        margin-right: 6px;
    }

    .tab li:nth-of-type(n+3) {
        margin-right: 0;
    }

    .tab li label {
        font-size: 12px;
    }

    .item-area {
        min-height: 125vw;
    }

    .list {
        padding-bottom: 50px;
    }

    .tab_sub {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        height: auto;
        line-height: 34px;
        padding-top: 15px;
        font-size: 9px;
        padding-bottom: 0;
    }

    .tab_sub li {
        width: 31%;
        margin-right: 3.2%;
    }

    .tab_sub li:nth-of-type(3n) {
        margin-right: 0;
    }

    .tab_sub li:nth-of-type(n+4) {
        margin-top: 10px;
    }

    .tab_sub li label {
        font-size: 12px;
    }

    .item-list {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

    .ranking-product {
        width: 30%;
        margin: 30px 1.6% 0 1.6%;
    }

    .ranking-product .name {
        font-size: 10px;
    }

    .rank-no img {
        width: 100%;
        margin-bottom: 10px;
    }

}

/*SPプロモーション"SP"*/
@media (max-width: 767px) {
    .sp_promo_2 {
        width: 100%;
        padding-top: 0px;
        margin-top:-48px;
        margin-right:auto;
        margin-bottom:0;
        margin-left:auto;
    }
.article_sp_promo {
    width: 49%;
    margin-right: 2%;
    margin-top: 0px;
    float: left;
}
.article_sp_promo:nth-of-type(2n) {
    margin-right: 0;
}
.slick-dots
{
    bottom: 15px!important;
}
}

/*トップページショートカットタグ*/
.shortcut_tag {
  display: inline-block;
  background: #ffffff	; 
  color: #111111; 
  text-decoration: none; 
  font-size: 1.8rem;
  line-height: 1;
  border: 1px solid #bbbbbb;
  border-radius: 21px;
  padding: 10px 18px;
  white-space: nowrap;
  margin-bottom: 5px;
}
.shortcut_tag_main{

}
.shortcut_tag a:visited{
  color: inherit; 
}
/*トップページショートカットタグ*/
.name2 {
  clear: both;
  text-align: center;
}