/* CSS Document */
/* @import "https://www.on-seven-days.com/2016/css/original-home.css"; */
/* @import "https://www.on-seven-days.com/2016/css/system2016.css"; */

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/******************************************************
font読み込み
******************************************************/
body {
  position: relative;
  color: #444;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: normal;
  font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font: inherit;
  vertical-align: middle;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  color: #444;
  font-size: 100%;
  font-weight: normal;
  font: inherit;
  vertical-align: middle;
  word-break : break-all;
}
html {
  font-size: 62.5%;
}
body {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: normal;
  font-family: "游ゴシック", "Yu Gothic",  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.5;
}
table, th, td {
  border-collapse: collapse;
  font-weight: normal;
}
dl, dt, dd {
  margin: 0;
  padding: 0;
}
p, ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul, ol {
  font-size: 0;
  text-align: left;
}
li {
  font-size: 1.4rem;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
a {
  color: #666;
  text-decoration: none;
  vertical-align: baseline;
  border:none;
  outline:none;
}
span {
  vertical-align: baseline;
}
/******************************************************
共通
******************************************************/
.clearifx:after,
.box:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
/******************************************************
画像切り替え
******************************************************/
@media screen and (min-width: 768px) {
  .sp-only {display: none;}
  .pc-only {display: block;}
  img.pc-only {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .sp-only {display: block;}
  .pc-only {display: none;}
  img.sp-only {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .lightbox {
    transform: translate(0,-80px);
  }
}

/******************************************************
領域設定
******************************************************/
@media screen and (min-width: 1200px) {
  .fs-l-main {
    margin: 30px auto 0;
    padding: 0;
    width: 1200px;
  }
  .fs-l-header {
    padding: 0;
  }
  .fs-l-pageMain {
    width: 950px;
    padding: 0;
    margin: 0 0 8rem;
  }
}
@media screen and (max-width: 1199px) {
  .fs-l-main {
    margin: 0;
    padding: 3.5rem 0;
  }
  .fs-l-header {
    margin: 0;
    padding: 0;
  }
}
/******************************************************
ヘッダー
******************************************************/
@media screen and (min-width:1200px) {
  h2#h_message {
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 4rem;
    background: #5fc2d9;
  }
  #h_cover {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #fff;
  } 
  #h_cover.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  #h_cover a {
    color: #666;
    text-decoration: none;
  }
  #h_logo {
    margin-right: 6rem;
  }
  #pc_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #pc_nav ul.first {
    margin: 0;
    margin-right: 5rem;
    padding: 0;
  }
  #pc_nav ul.first > li {
    display: inline-block;
  }
  #pc_nav ul.second {
    display: none;
    position: absolute;
    padding: 3rem;
    background: rgba(255,255,255,1);
    z-index: 1000;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #pc_nav ul.second.active {
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #pc_nav ul.second li.category {
    display: inline-block;
    vertical-align: top;
  }
  #pc_nav ul.second .column {
    display: block;
  }
  #pc_nav ul.second .column ul {
    padding-left: 1em;
    list-style: disc;
  }
  #pc_nav ul.third {
    margin-right: 1rem;
    padding-left: 1em;
    list-style: disc;
  }
  #pc_nav .toggle_title {
    margin-right: 6rem;
    padding: 2rem 0;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    line-height: 1.6;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #pc_nav .first > li:hover .toggle_title {
    border-bottom: 5px solid #666;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #pc_nav .toggle_title span {
    position: relative;
    font-size: 1.4rem;
  }
  #pc_nav .toggle_title span:after {
    position: absolute;
    content: "\f078";
    font-family: 'FontAwesome';
    font-weight: normal;
    top: 0;
    right: -2em;
  }
  #pc_nav .second_title {
    margin-right: 2rem;
    color: #444;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #444;
  }
  #h_search_clone {
    display: none;
  }
  #h_search .search {
    position: relative;
    width: 240px;
    padding-right: 3rem;
    margin-right: 1rem;
    color: #b6bfbe;
    border-bottom: 1px solid #b6bfbe;
    box-sizing: border-box;
  }
  #h_search .search_form input {
    color: #b3b3b3;
    font-size: 1.4rem;
    font-weight: bold;
    font-family: "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border: none;
  }
  #h_search .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    background: none;
  }
  #h_search .search_btn button {
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
    background: none;
  }
  #h_search .search_btn button img {
    width: 18px;
    height: 18px;
  }
  #h_search .keyword a {
    display: inline-block;
    padding: .5rem 1rem;
    color: #b3b3b3;
    font-size: 1rem;
    line-height: 1;
    border-radius: 4px;
    background: #f2f2f2;
  }
  #h_search .keyword a:nth-child(n+5) {
    display: none;
  }
  #h_account ul {
    margin: 0;
    padding: 0;
  }
  #h_account li {
    display: inline-block;
    text-align: center;
    margin-left: 1rem;
  }
  #h_account li#h_toggle_btn {
    display: none;
  }
  #h_account li a {
    display: block;
    color: #a0aaac;
    font-size: 1rem;
    line-height: 1.8;
  }
  #h_account li span {
    display: block;
    line-height: 1;
  }
  #h_account li span.image {
    margin-bottom: 1rem;
  }
  #h_account li img {
    width: auto;
    height: 2.5rem;
  }
  #fix_btn {
    position: fixed;
    bottom: 5rem;
    right: 5rem;
    z-index: 1001;
  }
  #fix_btn ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #fix_btn li:nth-child(n+2) {
    margin-top: 1rem;
  }
  #fix_btn li a {
    display: block;
    width: 80px;
    padding: 1.7rem 0;
    color: #fff;
    font-size: 1rem;
    letter-spacing: -1px;
    line-height: 1;
    text-align: center;
    border-radius: 40px;
    text-decoration: none;
    background: rgba(95,194,216,1);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #fix_btn li a:hover {
    background: rgba(95,194,216,1);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #fix_btn li span {
    display: block;
  }
  #fix_btn li span.image {
    margin-bottom: 1rem;
  }
  #fix_btn li img {
    width: auto;
    height: 2.6rem;
  }
}
@media screen and (max-width: 1199px) {
  h2#h_message {
    position: relative;
    z-index: 1006;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: -1px;
    line-height: 3rem;
    font-weight: bold;
    background: #5fc2d9;
  }
  @media screen and (max-width: 320px) {
    h1#h_message {
      font-size: 1rem;
    }
  }
  #h_cover {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.1rem 1.5rem;
    background: #fff;
    box-sizing: border-box;
    z-index: 1007;
  }
  @media screen and (max-width: 320px) {
    #h_cover {
      padding: 1.1rem 1rem;
    }
  }
  #h_cover.fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
  #h_cover a {
    color: #666;
    text-decoration: none;
  }
  #h_logo img {
    width: 14rem;
    height: auto;
  }
  @media screen and (max-width: 320px) {
    #h_logo img {
      height: 1.6rem;
    }
  }
  #pc_nav {
    display: none;
  }
  #h_search {
    display: none;
  }
  #h_search_clone {
    padding: 1rem;
    background: #f1f1f1;
  }
  #h_search_clone .search {
    position: relative;
    width: 100%;
    margin-bottom: .8rem;
    color: #b3b3b3;
    box-sizing: border-box;
  }
  #h_search_clone .search_form input {
    width: 100%;
    margin: 0;
    padding: .5em 1em;
    padding-right: 3em;
    color: #b3b3b3;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    font-family: "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    border-radius: 1.5em;
    border-bottom: 1px solid #b0bab9;
  }
  #h_search_clone .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    background: none;
  }
  #h_search_clone .search_btn button {
    margin: 0;
    padding: .8rem;
    padding-right: 1em;
    text-align: center;
    border: none;
    background: none;
    line-height: 1;
  }
  #h_search_clone .search_btn button img {
    width: 22px;
    height: 22px;
  }
  #h_search_clone .keyword {
    font-size: 0;
  }
  #h_search_clone .keyword a {
    display: inline-block;
    width: 23.5%;
    margin-right: 2%;
    padding: .5rem 1rem;
    color: #b3b3b3;
    font-size: 1rem;
    line-height: 1;
    border-radius: 2px;
    background: #fff;
    box-sizing: border-box;
  }
  #h_search_clone .keyword a:nth-child(4n) {
    margin-right: 0;
  }
#h_account {
    width: 57%;
}
#h_logo {
    width: 40%;
}
  #h_account ul {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  #h_account li {
    display: inline-block;
    text-align: center;
    margin-left: 1rem;
  }
  @media screen and (max-width: 320px) {
    #h_account li {
      margin-left: .5rem;
    }
  }
  #h_account li a {
    display: block;
    color: #a0aaac;
    font-size: 1rem;
    letter-spacing: .1px;
    line-height: 1;
  }
  #h_account li span {
    display: block;
  }
  #h_account li span.image {
    margin-bottom: .8rem;
  }
  #h_account li img {
    width: auto;
    height: 2rem;
  }
  #fix_btn {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 25%;
    z-index: 1005;
    background: #5fc2d9;
  }
  #fix_btn ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: .8rem 0;
    list-style: none;
    justify-content: center;
  }
  #fix_btn li {
    /* width: 25%; */
  }
  #fix_btn li a {
    display: block;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    border-right: 1px solid #fff;
  }
  #fix_btn li:last-child a {
    border-right: none;
  }
  #fix_btn li a span {
    display: block;
    line-height: 1;
  }
  #fix_btn li a span.image {
    margin-bottom: .8rem;
  }
  #fix_btn li a img {
    height: 2.5rem;
  }
}
/******************************************************
フッター
******************************************************/
@media screen and (min-width: 1200px) {
  .fs-l-footer {
    margin-top: 0;
    border-top: none;
    background: #f2f2f2;
  }
  #f_area {
    width: 1200px;
    margin: 0 auto;
    padding-top: 6rem;
    background: #f2f2f2;
  }
  #f_logo {
    display: none;
  }
  #f_information {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }
  #f_information .box {
    width: 32%;
    margin-right: 2%;
    font-size: 1.2rem;
  }
  #f_information .box:nth-child(3n) {
    margin-right: 0;
  }
  #f_information .box:nth-child(n+4) {
    margin-top: 3rem;
  }
  #f_information .f_title {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1;
    border-bottom: 1px solid #ccc;
  }
  #f_bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
  }
  #f_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #f_link li {
    display: inline-block;
    margin-right: 5rem;
    font-size: 1.2rem;
    line-height: 6rem;
  }
  #f_link li.sp {
    display: none;
  }
  #f_right {
    text-align: right;
  }
  #f_copyright .copyright {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 6rem;
    vertica-align: middle;
  }
  #f_copyright .copyright .sp {
    display: none;
  }
  #f_copyright .copyright:after {
    display: inline-block;
    content: url(https://ilex.itembox.design/item/f_logo_of.png);
    vertical-align: middle;
    margin-left: 4rem;
  }
  #f_copyright .comment {
    display: none;
  }
  #f_sns {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs-l-footer {
    margin-top: 0;
    border-top: none;
    background: #f2f2f2;
  }
  #f_area {
    margin: 0 2rem;
    padding-top: 6rem;
    background: #f2f2f2;
  }
  #f_logo {
    display: none;
  }
  #f_information {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }
  #f_information .box {
    width: 32%;
    margin-right: 2%;
    font-size: 1.2rem;
  }
  #f_information .box:nth-child(3n) {
    margin-right: 0;
  }
  #f_information .box:nth-child(n+4) {
    margin-top: 3rem;
  }
  #f_information .f_title {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 1.8rem;
    line-height: 1;
    border-bottom: 1px solid #ccc;
  }
  #f_bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
  }
  #f_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #f_link li {
    display: inline-block;
    margin-right: 3rem;
    font-size: 1.2rem;
    line-height: 6rem;
  }
  #f_link li.sp {
    display: none;
  }
  #f_right {
    text-align: right;
  }
  #f_copyright .copyright {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 6rem;
    vertica-align: middle;
  }
  #f_copyright .copyright .pc {
    display: none;
  }
  #f_copyright .copyright:after {
    display: inline-block;
    content: url(https://ilex.itembox.design/item/f_logo_of.png);
    vertical-align: middle;
    margin-left: 4rem;
  }
  #f_copyright .comment {
    display: none;
  }
  #f_sns {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .fs-l-footer {
    margin: 5rem 0 0;
    padding: 4rem 3rem 10rem;
    border-top: none;
    background: #f2f2f2;
  }
  #f_information {
    display: none;
  }
  #f_logo {
    margin-bottom: 3rem;
    line-height: 1;
  }
  #f_logo img {
    width: auto;
    height: 3rem;
  }
  #f_link {
    margin-bottom: 3rem;
  }
  #f_link ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #f_link li {
    width: 50%;
  }
  #f_link li a {
    position: relative;
    padding-left: 1em;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 320px) {
    #f_link li a {
      font-size: 1rem;
    }
  }
  #f_link li a:before {
    position: absolute;
    content: '\02022';
    top: 0;
    left: 0;
  }
  #f_link li.pc {
    display: none;
  }
  
  
  #f_right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #f_copyright {
    width: 73%;
    font-size: 1rem;
    font-size: .7rem;
  }
  #f_copyright .copyright .pc {
    display: none;
  }
  #f_sns {
    width: 25%;
  }
  #f_sns ul {
    font-size: 0;
    vetical-align: middle;
    list-style: none;
  }
  #f_sns li {
    display: inline-block;
    width: 40%;
    font-size: 1.2rem;
  }
  #f_sns li:nth-child(n+2) {
    margin-left: 20%;
  }  
}
/******************************************************
サイドエリア
******************************************************/
@media screen and (min-width: 1200px) {
#side_gift.side_box {
  display: none;
}

  #side_area {
    width: 200px;
    margin-right: 5rem;
    padding: 8rem 0;
    background: #f2f2f2;
  }
  #side_area a {
    color: #666;
    text-decoration: none;
  }
  #side_area .side_title {
    position: relative;
    margin-bottom: 2rem;
    padding: 0 .5rem 1rem;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px solid #000;
  }
  #side_area .side_title span {
    font-size: 1.6rem;
  }
  #side_area .side_title:after {
    position: absolute;
    top: 0;
    right: .5rem;
  }
  #side_area .nav_title {
    display: none;
  }
  #side_area .side_title.category:after {
    content: url(https://ilex.itembox.design/item/images/pc/s_icon001.png);
  }
  #side_area .side_title.column:after {
    content: url(https://ilex.itembox.design/item/images/pc/s_icon002.png);
  }
  #side_area .side_title.shop:after {
    content: url(https://ilex.itembox.design/item/images/pc/s_icon003.png);
  }
  #side_area .side_title.beginner:after {
    content: url(https://ilex.itembox.design/item/images/pc/s_icon004.png);
  }
  #side_area .side_title.brand:after {
    content: url(https://ilex.itembox.design/item/images/pc/s_icon005.png);
  }
  #side_area .side_box {
    margin-bottom: 3rem;
  }
  #side_area ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #side_area ul.first {
    padding: 0 .5rem;
  }
  #side_area li {
    margin: 0;
    padding: 0;
  }
  #side_area ul.first > li:nth-child(n+2) {
    margin-top: .5em;
  }
  #side_area ul span.toggle {
    position: relative;
    display: block;



    cursor: pointer;
    font-size: 1.6rem;
  }
  #side_area ul.first li span.toggle:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\f067";
    font-family: 'FontAwesome';
    color: #666;
  }
  #side_area ul.first > li > a {
    font-size: 1.6rem;
    display: block;
  }
  #side_area ul.first.small > li > a {
    font-size: 1.4rem;
    display: block;
  }
  #side_area ul.first li span.toggle.active:after {
    content: "\f068";
  }
  #side_area ul.second {
    display: none;
    padding: 0 1rem;
  }
  #side_area ul.second.block {
    display: block;
  }
  #side_area ul.second li:nth-child(n+2) {
    margin-top: .5em;
  }
  #side_area ul.second li {
    font-size: 1.4rem;
  }
  #side_area ul.second li a {
    position: relative;
    display: block;
  }
  #side_area ul.second li a:before {
    content: "\02022";
  }
  #side_area .close_btn {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  #side_area {
    position: fixed;
    right: -320px;
    top: 9rem;
    width: 300px;
    padding-left: 2rem;
    height: calc(100vh - 9rem);
    overflow: auto;
    transition: all .6s;
    z-index: 1002;
    box-sizing: border-box;
  }
  #side_area.fixed {
    top: 6rem;
    height: calc(100vh - 6rem);
  }
  #side_area a {
    color: #666;
  }
  .side_cover {
    padding-bottom: 6rem;
    background: #fff;
    box-shadow: -5px 0 5px 0 rgba(0,0,0,.3);
  }
  #side_area.on {
    visibility: visible;
    right: 0;
  }
  #side_area .side_title {
    display: none;
  }
  #side_area .nav_title {
    padding: 0 2.5rem;
    line-height: 5rem;
    color: #4d4d4d;
    font-size: 1.6rem;
    font-weight: bold;
    background: #f1f1f1;
  }
  #side_area .nav_title span {
    margin-right: 1rem;
  }
  #side_area .nav_title span img {
    width: auto;
    height: 2.2rem;
  }
  #side_area .toggle {
    position: relative;
    display: block;
    color: #4d4d4d;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 5px 0;
  }
  #side_area .toggle:after {
    position: absolute;
    content: "\f078";
    top: 50%;
    right: 0;
    color: #666;
    margin-top: -.5em;
    line-height: 1;
    font-family: 'FontAwesome';
  }
  #side_area .toggle.active:after {
    content: "\f077";
  }
  #side_area ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #side_area .first {
    padding: 2rem 2rem 3rem;
  }
  #side_area .first > li > a {
    color: #4d4d4d;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    padding: 5px 0;
  }
  #side_area ul.first.small > li > a {
    color: #666;
    font-weight: normal;
  }
  #side_area .second {
    display: none;
    padding: 1rem;
    padding-left: 2rem;
  }
  #side_area .second.block {
    display: block;
  }
  #side_area .second li {
    position: relative;
    padding-left: 1rem;
  }
  #side_area .second li:nth-child(n+2) {
    margin-top: .5em;
  }
  #side_area .second li:before {
    position: absolute;
    content: "\02022";
    top: 0;
    left: 0;
  }
  #side_area .close_btn {
    position: absolute;
    top: 45px;
    left: 5px;
    z-index: 1003;
  }
  #side_area .close_btn img {
    width: auto;
    height: 3rem;
  }
  #side_gift.side_box .giftscene ul {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
  }
  #side_area #side_gift.side_box .nav_title span img {
    height: 2.2rem;
  }
}

/******************************************************
アイテムリスト
******************************************************/
.item_list_slider {
  position: relative;
}
.item_list_slider .slick-prev,
.item_list_slider .slick-next {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.8);
}
.item_list_slider .slick-prev:before,
.item_list_slider .slick-next:before {
  cursor: pointer;
  color: #000;
  font-size: 20px;
  line-height: 1;
  opacity: 1;
}
.item_list_slider .slick-prev:before {
  content: "\f104";
  font-family: 'FontAwesome';
  font-weight: normal;
}
.item_list_slider .slick-next:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-weight: normal;
}

.item_list_slider .slick-arrow {
  position: absolute;
  top: 40% !important;
  transform: translate(0,-50%);
  margin: 0 !important;
  border: none;
  z-index: 10;
}
.item_list_slider .slick-arrow.slick-prev {
  left: 10px;
}
.item_list_slider .slick-arrow.slick-next {
  right: 10px;
}
.item_list_slider a {
  display: block;
}

@media screen and (min-width: 1200px) {
  ul.tab_switch {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
  }
  .tab_switch li {
    width: 233.75px;
    margin-right: 5px;
  }
  .tab_switch li:nth-child(4) {
    margin-right: 0;
  }
  .tab_switch li span {
    display: block;
    padding: 1.2rem 0;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    background: #cbcbcb;
    border: 2px solid #cbcbcb;
  }
  .tab_switch li span.active {
    color: #666;
    background: #fff;
    border-bottom: 2px solid #fff;
  }
  .tab_contents .item_list {
    display: none;
    margin-bottom: 4rem;
  }
  .tab_contents .item_list.active {
    display: block;
  }
  .item_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
  }
  .item_list li {
    position: relative;
    width: 23.5%;
    margin-right: 2%;
  }
  .item_list li:nth-child(4n) {
    margin-right: 0;
  }
  .item_list a,
  .item_list_slider a{
    color: #666;
    display: block;
    text-decoration: none;
  }
  .item_list_slider a {
    padding: 0 5px;
  }
  .item_list a:hover,
  .item_list_slider a{
    color: #666;
  }
  .item_list li .image,
  .item_list_slider li .image {
    margin-bottom: 1em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  .item_list li:hover .image,
  .item_list_slider li:hover .image {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  .item_list li h3 {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .item_list li .price {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  ul.tab_switch {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
  }
  .tab_switch li {
    width: 24.7%;
    margin: 0;
    padding: 0;
    margin-right: .4%;
  }
  .tab_switch li:nth-child(4) {
    margin-right: 0;
  }
  .tab_switch li span {
    display: block;
    padding: 1.8rem 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    letter-spacing: -1px;
    cursor: pointer;
    background: #cbcbcb;
    border: 2px solid #cbcbcb;
  }
  .tab_switch li span.active {
    color: #666;
    background: #fff;
    border-bottom: 2px solid #fff;
  }
  .tab_contents .item_list {
    display: none;
    margin-bottom: 4rem;
  }
  .tab_contents .item_list.active {
    display: block;
  }
  .item_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 2rem 1em;
    padding: 0;
    list-style: none;
  }
  .item_list li {
    position: relative;
    width: 23.5%;
    margin-right: 2%;
  }
  .item_list li:nth-child(4n) {
    margin-right: 0;
  }
  .item_list a,
  .item_list_slider a{
    color: #666;
    text-decoration: none;
  }
  .item_list_slider a {






    padding: 0 5px;
  }
  .item_list a:hover,
  .item_list_slider a:hover{
    color: #666;
  }
  .item_list li .image,
  .item_list_slider li .image{
    margin-bottom: 1em;
  }
  .item_list li h3 {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .item_list li .price {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .fs-c-slick .slick-dots {
    margin-top: 15px;
  }
  .item_list_slider .slick-arrow {
    top: 30% !important;
  }
  .item_list_slider .slick-prev,
  .item_list_slider .slick-next {
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,.8);
  }

  ul.tab_switch {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
  }
  .tab_switch li {
    width: 24.7%;
    margin: 0;
    padding: 0;
    margin-right: .4%;
  }
  .tab_switch li:nth-child(4) {
    margin-right: 0;
  }
  .tab_switch li span {
    display: block;
    padding: 1.8rem 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    letter-spacing: -1px;
    cursor: pointer;
    background: #cbcbcb;
    border: 2px solid #cbcbcb;
  }
  @media screen and (max-width: 320px) {
    .tab_switch li span {
      font-size: 1rem;
    }
  }
  .tab_switch li span.active {
    color: #666;
    background: #fff;
    border-bottom: 2px solid #fff;
  }
  .tab_contents .item_list {
    display: none;
    margin-bottom: 4rem;
  }
  .tab_contents .item_list.active {
    display: block;
  }
  .item_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 1rem 1em;
    padding: 0;
    list-style: none;
  }
  .item_list li {
    position: relative;
    width: 32%;
    margin-right: 2%;
  }
  .item_list li:nth-child(3n) {
    margin-right: 0;
  }
  .item_list li:nth-child(n+4) {
    display: none;
  }
  #user_reccomend .item_list li:nth-child(n+4) {
    display: block;
  }
  #user_reccomend .item_list li:nth-child(n+7) {
    display: none;
  }
  .item_list a,
  .item_list_slider a{
    color: #666;
    text-decoration: none;
  }
  .item_list_slider a {
    padding: 0 5px;
  }
  .item_list a:hover,
  .item_list_slider a:hover{
    color: #666;
  }
  .item_list li .image,
  .item_list_slider li .image{
    margin-bottom: 1em;
  }
  .item_list li h3 {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .item_list li .price {
    font-size: 1.6rem;
  }
}
/******************************************************
メインイメージ
******************************************************/
@media screen and (min-width: 768px) {
  /* スマホスライダー非表示 */
  .sp_slider {
    display: none;
  }
  .fs-pt-carousel {
    padding: 3rem 0 .8rem;
    background: #f2f2f2;
  }
  .fs-pt-carousel__slide {
    margin: 0 1rem;
  }
  .fs-c-slick .slick-prev,
  .fs-c-slick .slick-next {
    width: 54px;
    height: 54px;
    background: rgba(255,255,255,.4);
  }
  .fs-c-slick .slick-prev:before,
  .fs-c-slick .slick-next:before {
    cursor: pointer;
    font-family: "fs-icon";
    color: #000;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .fs-c-slick .slick-prev:hover:before,
  .fs-c-slick .slick-next:hover:before {
    opacity: 0.75;
  }
  .slick-arrow.slick-prev {
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -570px;
  }
  .slick-arrow.slick-next {
    top: 50%;
    right: 50%;
    margin-top: -27px;
    margin-right: -570px;
  }
  .fs-c-slick .slick-dots {
    margin-top: 10px;
  }
  .fs-c-slick .slick-dots li button {  
  }
  .fs-c-slick .slick-dots li button:before {
    opacity: 1;
    content: "";
    background: #fff;
  }
  .fs-c-slick .slick-dots li button:hover:before {
    background: #5fc2d9;
  }
  .fs-c-slick .slick-dots li.slick-active button:before {
    opacity: 0.75;
    background: #5fc2d9;
  }
}
@media screen and (max-width: 767px) {
  /* PCスライダー非表示 */
  .pc_slider {
    display: none;
  }
  .fs-pt-carousel {
    margin: 0 0 0;
    padding: 0;
  }
  .fs-pt-carousel img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    line-height: 1;
  }
  .fs-pt-carousel__slide {
    margin: 0;
  }
  .slick-dots {
    /* position: absolute; */
    width: 100%;
    padding: 0;
    bottom: 1rem;
    left: 0;
  }
  .fs-c-slick .slick-dots li button:before {
    opacity: 1;
    content: "";
    background: #eee;
  }
  .fs-c-slick .slick-dots li button:hover:before {
    background: #5fc2d9;
  }
  .fs-c-slick .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #5fc2d9;
  }
}
/******************************************************
メインエアリア
******************************************************/
@media screen and (min-width: 1200px) {
  #main_area {
    width: 950px;
    padding: 8rem 0;
  }  
}
/******************************************************
特集 Fueture
******************************************************/
@media screen and (min-width: 1200px) {
  #top_feature {
    margin-bottom: 8rem;
  }  
  #top_feature h2.top_title_1 {
    margin-bottom: 2rem;
  }
  #top_feature ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_feature li {
    width: 460px;
    margin-right: 30px;
  }
  #top_feature li:nth-child(2n) {
    margin-right: 0;
  }
  #top_feature li:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_feature {
    margin-bottom: 6rem;
  }
  #top_feature ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_feature li {
    width: 50%;
    box-sizing: border-box;
  }
  #top_feature li a {
    display: block;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    line-height: 1;
  }
  #top_feature li:nth-child(2n+1) {
    padding-right: 0.5rem;
  }
  #top_feature li:nth-child(2n) {
    padding-left: 0.5rem;
  }
  #top_feature li:nth-child(n+3) {
    margin-top: 1rem;
  }
  #top_feature li .image img {
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  #top_feature {
    margin-bottom: 5rem;
  }  
  #top_feature h2.top_title_1 {
    margin-bottom: 2rem;
  }
  #top_feature ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_feature li {
    width: 100%;
    box-sizing: border-box;
  }
  #top_feature li a {
    display: block;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    line-height: 1;
  }
  #top_feature li:nth-child(2n+1) {
    padding-right: 5%;
    padding-left: 5%;
  }
  #top_feature li:nth-child(2n) {
    padding-right: 5%;
    padding-left: 5%;
  }
  #top_feature li:nth-child(n+2) {
    padding-top: 3.5%;
  }
  #top_feature li .image img {
    vertical-align: middle;
  }
}
/******************************************************
ランキング Ranking
******************************************************/
#top_ranking .item_list_slider a {
  position: relative;
  display: block;
}
#top_ranking .item_list_slider .rank {
  background: #5fc2d8;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
}

/******************************************************
おすすめ
******************************************************/
@media screen and (min-width: 1200px) {

  #top_recommend {
    margin-bottom: 5rem;
  }
  #top_recommend .banner {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_recommend {
    margin-bottom: 5rem;
  }
  #top_recommend .banner {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  #top_recommend {
    margin-bottom: 5rem;
  }
  #top_recommend .banner {
    margin-bottom: 3.5rem;
  }
}
/******************************************************
ピックアップ Pickup
******************************************************/
@media screen and (min-width: 1200px) {
  #top_pickup {
    margin-bottom: 6rem;
  }
  #top_pickup .pickup_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_pickup .pickup_list li {
    width: 23.5%;
    margin-right: 2%;
  }
  #top_pickup .pickup_list li a {
    text-decoration: none;
  }
  #top_pickup .pickup_list li a {
    color: #666;
  }
  #top_pickup .pickup_list li:nth-child(4n) {
    margin-right: 0;
  }
  #top_pickup .pickup_list li .category {
    margin-bottom: 1rem;
  }
  #top_pickup .pickup_list li .category span {
    display: inline-block;
    padding: .5rem 1rem;
    color: #5fc2d9;
    line-height: 1;
    border: 1px solid #5fc2d9;
    border-radius: 4px;
  }
  #top_pickup .pickup_list li .image {
    margin-bottom: 1em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_pickup .pickup_list li:hover .image {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_pickup .pickup_list li h3 {
    padding-bottom: 1rem;
    color: #5fc2d9;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 2px solid #5fc2d9;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_pickup {
    margin-bottom: 6rem;
  }
  #top_pickup .pickup_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 2%;
    padding: 0;
    list-style: none;
  }
  #top_pickup .pickup_list li {
    width: 23.5%;
    margin-right: 2%;
  }
  #top_pickup .pickup_list li a {
    text-decoration: none;
  }
  #top_pickup .pickup_list li a {
    color: #666;
  }
  #top_pickup .pickup_list li:nth-child(4n) {
    margin-right: 0;
  }
  #top_pickup .pickup_list li .category {
    margin-bottom: 1rem;
  }
  #top_pickup .pickup_list li .category span {
    display: inline-block;
    padding: .5rem 1rem;
    color: #5fc2d9;
    line-height: 1;
    border: 1px solid #5fc2d9;
    border-radius: 4px;
  }
  #top_pickup .pickup_list li .image {
    margin-bottom: 1em;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_pickup .pickup_list li:hover .image {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_pickup .pickup_list li h3 {
    padding-bottom: 1rem;
    color: #5fc2d9;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 2px solid #5fc2d9;
  }
}
@media screen and (max-width: 767px) {
  #top_pickup {
    padding: 3.5rem 0 4rem;
    /* border-top: 2px solid #cbcbcb; */
  }
  #top_pickup .pickup_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 1rem;
    padding: 0;
    list-style: none;
  }
  #top_pickup .pickup_list li {
    width: 50%;
    box-sizing: border-box;
  }
  #top_pickup .pickup_list li:nth-child(2n+1) {
    padding-right: 0.25rem;
  }
  #top_pickup .pickup_list li:nth-child(2n) {
    padding-left: 0.25rem;
  }
  #top_pickup .pickup_list li:nth-child(n+3) {
    margin-top: 3rem;
  }
  #top_pickup .pickup_list li a {

    text-decoration: none;
  }
  #top_pickup .pickup_list li a {
    color: #666;
  }
  #top_pickup .pickup_list li .category {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
  #top_pickup .pickup_list li .category span {
    display: inline-block;
    padding: .5rem 1rem;
    color: #5fc2d9;
    line-height: 1;
    border: 1px solid #5fc2d9;
    border-radius: 4px;
  }
  #top_pickup .pickup_list li .image {
    margin-bottom: 1em;
  }
  #top_pickup .pickup_list li h3 {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    color: #5fc2d9;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 2px solid #5fc2d9;
  }
  #top_pickup .pickup_list li p {
    font-size: 1.2rem;
  }
}
/******************************************************
おまとめ注文
******************************************************/
@media screen and (min-width: 1200px) {
  #top_order {
    margin-bottom: 6rem;
  }
  #top_order .comment {
    margin-bottom: 5rem;
    font-size: 1.6rem;
  }
  #top_order .box {
    margin-bottom: 6rem;
  }
  #top_order .flow {
    float: left;
    width: 48%;
  }
  #top_order .flow ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_order .flow li {
    position: relative;
    padding-left: 1.5em;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
  }
  #top_order .flow li:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  #top_order .flow li:first-child:before {
    content: "\02460";
  }
  #top_order .flow li:nth-child(2):before {
    content: "\02461";
  }
  #top_order .flow li:nth-child(3):before {
    content: "\02462";
  }
  #top_order .flow li:nth-child(4):before {
    content: "\02463";
  }
  #top_order .flow li:after {
    display: block;
    margin: .5em 4em;
    content: url(https://ilex.itembox.design/item/images/pc/cursor_001.png);
  }
  #top_order .flow li:last-child:after {
    display: none;
  }
  #top_order .image {
    float: right;
    width: 48%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_order {
    margin: 0 2rem 6rem;
  }
  #top_order .comment {
    margin-bottom: 5rem;
    font-size: 1.6rem;
  }
  #top_order .box {
    margin-bottom: 6rem;
  }
  #top_order .flow {
    float: left;
    width: 48%;
  }
  #top_order .flow ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_order .flow li {
    position: relative;
    padding-left: 1.5em;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
  }
  #top_order .flow li:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  #top_order .flow li:first-child:before {
    content: "\02460";
  }
  #top_order .flow li:nth-child(2):before {
    content: "\02461";
  }
  #top_order .flow li:nth-child(3):before {
    content: "\02462";
  }
  #top_order .flow li:nth-child(4):before {
    content: "\02463";
  }
  #top_order .flow li:after {
    display: block;
    margin: .5em 4em;
    content: url(https://ilex.itembox.design/item/images/pc/cursor_001.png);
  }
  #top_order .flow li:last-child:after {
    display: none;
  }
  #top_order .image {
    float: right;
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  #top_order {
    padding: 2rem 0 3.5rem;
    border-top: 1px solid #cbcbcb;
  }
  #top_order .comment {
    margin-bottom: 1em;
    font-size: 1.4rem;
    text-align: center;
  }
  #top_order .flow {
    margin-bottom: 2rem;
  }
  #top_order .flow ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_order .flow li {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
  }
  #top_order .flow li:before {
    margin-right: .5em;
  }
  #top_order .flow li:first-child:before {
    content: "\02460";
  }
  #top_order .flow li:nth-child(2):before {
    content: "\02461";
  }
  #top_order .flow li:nth-child(3):before {
    content: "\02462";
  }
  #top_order .flow li:nth-child(4):before {
    content: "\02463";
  }
  #top_order .flow li:after {
    display: block;
    margin: .5em 0;
    text-align: center;
    content: url(https://ilex.itembox.design/item/images/sp/cursor_001.png);
  }
  #top_order .flow li:last-child:after {
    display: none;
  }
  #top_order .image {
    margin-bottom: 2rem;
    padding: 0 3rem;
    text-align: center;
  }
}
/******************************************************
選べるラッピング
******************************************************/
@media screen and (min-width: 1200px) {
  #top_wrapping {
    margin-bottom: 6rem;
  }
  #top_wrapping .box {
    margin-bottom: 4rem;
  }
  #top_wrapping .comment {
    float: right;
    width: 48%;
  }
  #top_wrapping .comment p {
    font-size: 1.4rem;
    line-height: 2.2;
  }
  #top_wrapping .comment p span {
    font-size: 1.8rem;
    font-weight: bold;
  }
  #top_wrapping .image {
    float: left;
    width: 48%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_wrapping {
    margin: 0 2rem 6rem;
  }
  #top_wrapping .box {
    margin-bottom: 4rem;
  }
  #top_wrapping .comment {
    float: right;
    width: 48%;
  }
  #top_wrapping .comment p {
    font-size: 1.4rem;
    line-height: 2.2;
  }
  #top_wrapping .comment p span {
    font-size: 1.6rem;
    font-weight: bold;
  }
  #top_wrapping .image {
    float: left;
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  #top_wrapping {
    margin-bottom: 5rem;
    padding: 2rem 0 3rem;
    /*
    border-top: 2px solid #cbcbcb;
    border-bottom: 2px solid #cbcbcb;
    */
  }
  #top_wrapping .comment {
    margin-bottom: 2rem;
  }
  #top_wrapping .comment p {
    font-size: 1.2rem;
    text-align: center;
  }
  #top_wrapping .comment p span {
    font-size: 1.4rem;
    font-weight: bold;
  }
  #top_wrapping .image {
    margin-bottom: 2rem;
    padding: 0 3rem;
    text-align: center;
  }
}
/******************************************************
おすすめカテゴリー
******************************************************/
@media screen and (min-width: 768px){
  .image_cover{
    margin-bottom: 4.0em;
  }
}
@media screen and (min-width: 1200px) {
  #top_category {
    margin-bottom: 10rem;
  }
  #top_category .image {
    margin-bottom: 7rem;
  }
  #top_category .category_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_category .category_list li {
    width: 23.5%;
    margin-right: 2%;
  }
  #top_category .category_list li:nth-child(4n) {
    margin-right: 0;
  }
  #top_category .category_list li:nth-child(n+5) {
    margin-top: 2rem;
  }
  #top_category .category_list li a {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_category .category_list li a:hover {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_category .category_list li a img {
    width: auto;
    height: 4.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_category {
    margin-bottom: 10rem;
  }
  #top_category h2.top_title_1 br {
    display: none;
  }
  #top_category .image {
    margin-bottom: 7rem;
  }
  #top_category .category_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 2rem;
    padding: 0;
    list-style: none;
  }
  #top_category .category_list li {
    width: 32%;
    margin-right: 2%;
  }
  #top_category .category_list li:nth-child(3n) {
    margin-right: 0;
  }
  #top_category .category_list li:nth-child(n+4) {
    margin-top: 2rem;
  }
  #top_category .category_list li img {
    max-height: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  #top_category {
    margin-bottom: 5rem;
  }
  #top_category .image_cover {
    position: relative;
    margin-bottom: 5rem;
  }
  #top_category .image_cover .top_btn {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    width: 100%;
    margin-top: 0;
  }
  #top_category .category_list ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 2.5rem;
    padding: 0;
    list-style: none;
  }
  #top_category .category_list li {
    width: 50%;
  }
  #top_category .category_list li:nth-child(n+3) {
    margin-top: 2rem;
  }
  #top_category .category_list li a img {
    width: 90%;
  }
  .image_cover{
    margin-bottom: 3.0em;
  }  
}
/******************************************************

トップ下部バナー
******************************************************/
@media screen and (min-width: 1200px) {
  #top_banner {
    margin-bottom: 10rem;
  }
  #top_banner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_banner li {
    width: 31.5789%;
    margin-right: 2%;
  }
  #top_banner li:nth-child(3n) {
    margin-right: 0;
  }
  #top_banner li:nth-child(n+4) {
    margin-top: 2rem;
  }
  #top_banner li a {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  #top_banner li a:hover {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_banner {
    margin: 0 0 10rem;
  }
  #top_banner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_banner li img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #top_banner {
    margin-bottom: 4rem;
  }
  #top_banner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top_banner li {
    width: 50%;
  }
  #top_banner li a {
    display: block;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
  }
  #top_banner li img {
    width: 100%;
  }
}
/******************************************************
お知らせ
******************************************************/
@media screen and (min-width: 1200px) {
  #top_information nav {
    max-height: 10rem;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none; 
  }
  #top_information li:nth-child(n+2) {
    margin-top: 1rem;
  }
  #top_information li a {
    color: #5fc2d9;
  }
  #top_information li span {
    margin-right: 1em;
    color: #666;
  }
  #top_information li a:hover span {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #top_information nav {
    max-height: 30rem;
    overflow: auto;
    margin: 0 2rem;
    padding: 0;
    list-style: none; 
  }
  #top_information li:nth-child(n+2) {
    margin-top: 1rem;
  }
  #top_information li a {
    color: #5fc2d9;
  }
  #top_information li span {
    margin-right: 1em;
    color: #666;
  }
  #top_information li a:hover span {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  #top_information {
    margin-bottom: 4rem;
  }
  #top_information nav {
    max-height: 12rem;
    overflow: auto;
    margin: 0 1.5rem;
    padding: 0;
    font-size: 1.2rem;
    list-style: none; 
  }
  #top_information li:nth-child(n+2) {
    margin-top: 1rem;
  }
  #top_information li span {
    display: block;
  }
  #top_information li a {
    color: #5fc2d9;
  }
  #top_information li span {
    margin-right: 1em;
    color: #666;
  }
  #top_information li a:hover span {
    text-decoration: none;
  }
}
/******************************************************
はじめての方へ
******************************************************/
@media screen and (min-width: 768px) {
  #top_beginner {
    display: none;
  }  
}
@media screen and (max-width: 767px) {
  #top_beginner ul {
    margin: 0 3.5rem;
  }
  #top_beginner li {
    padding: 1rem 0;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #5fc2d9;
  }
}
/******************************************************
トップページ
******************************************************/
@media screen and (min-width: 1200px) {
  .section {
    margin-bottom: 6rem;
  }
  h2.top_title_1 {
    margin: 0 0 4rem;
    padding: 0;
    color: #666;
    font-size: 1.4rem;
    font-weight: bold;
  }
  h2.top_title_1 span {
    margin-right: 1em;
    font-size: 2.4rem;
  }
  h2.top_title_2 {
    margin: 0 0 2rem;
    padding: 0 0 1rem;
    color: #5fc2d9;
    font-size: 2.8rem;
    font-weight: bold;
    border-bottom: 2px solid #5fc2d9;
  }
  h2.top_title_2 span {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: middle;
  }
  .top_btn {
    text-align: center;
    margin-top: 4rem;
  }
  .top_btn a {
    position: relative;
    display :inline-block;
    width: 270px;
    line-height: 5rem;
    color: #fff;
    text-align: center;
    border-radius: 2.5rem;
    letter-spacing: 2px;
    background: #5fc2d9;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  .top_btn a:hover {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  .top_btn a:after {
    position: absolute;
    content: "\f054";
    top: 50%;
    right: 1em;
    margin-top: -.5em;
    line-height: 1;
    font-family: 'FontAwesome';
  }
  .top_btn a.white {
    color: #666;
    letter-spacing: 0;
    background: #fff;
  }
  .top_btn a.white:after {
    color: #5fc2d9;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .section {
    margin-bottom: 6rem;
  }
  h2.top_title_1 {
    margin: 0 2rem 4rem;
    padding: 0;
    color: #666;
    font-size: 1.4rem;
    font-weight: bold;
  }
  h2.top_title_1 span {
    margin-right: 1em;
    font-size: 2.4rem;
  }
  h2.top_title_2 {
    margin: 0 0 2rem;
    padding: 0 0 1rem;
    color: #5fc2d9;
    font-size: 2.8rem;
    font-weight: bold;
    border-bottom: 2px solid #5fc2d9;
  }
  h2.top_title_2 span {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: middle;
  }
  .top_btn {
    text-align: center;
    margin-top: 4rem;
  }
  .top_btn a {
    position: relative;
    display :inline-block;
    width: 270px;
    line-height: 5rem;
    color: #fff;
    text-align: center;
    border-radius: 2.5rem;
    letter-spacing: 2px;
    background: #5fc2d9;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  .top_btn a:hover {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
  .top_btn a:after {
    position: absolute;
    content: "\f054";
    top: 50%;
    right: 1em;
    margin-top: -.5em;
    line-height: 1;
    font-family: 'FontAwesome';
  }
  .top_btn a.white {
    color: #666;
    letter-spacing: 0;
    background: #fff;
  }
  .top_btn a.white:after {
    color: #5fc2d9;
  }
}
@media screen and (max-width: 767px) {
  .section {
    margin-bottom: 5rem;
  }
  h2.top_title_1 {
    margin: 0 0 2.4rem;
    padding: 0;
    color: #666;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
  }
  h2.top_title_1 span {
    display: block;
    font-size: 1.8rem;
  }
  h2.top_title_2 {
    margin: 0 2.5rem 1.5rem;
    padding: 0 0 1rem;
    color: #5fc2d9;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #5fc2d9;
  }
  h2.top_title_2 span {
    display: block;
    margin-bottom: 1rem;
  }
  h2.top_title_2 span img {
    width: auto;
    height: 3.5rem;
    veritcal-align: middle;
  }
  h2.top_title_3 {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
  }
  h2.top_title_3 span {
    margin-right: 1rem;
  }
  h2.top_title_3 span img {
    height: 2rem;
  }
  .top_btn {
    text-align: center;
    margin-top: 4rem;
  }
  .top_btn a {
    position: relative;
    display :inline-block;
    width: 270px;
    line-height: 5rem;
    color: #fff;
    text-align: center;
    border-radius: 2.5rem;
    letter-spacing: 2px;
    background: #5fc2d9;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
    text-decoration: none;
  }
  .top_btn a:after {
    position: absolute;
    content: "\f054";
    top: 50%;
    right: 1em;
    margin-top: -.5em;
    line-height: 1;
    font-family: 'FontAwesome';
  }
  .top_btn a.white {
    color: #666;
    letter-spacing: 0;
    background: #fff;
  }
  .top_btn a.white:after {
    color: #5fc2d9;
  }
}
/******************************************************
下層
******************************************************/
@media screen and (min-width:1200px) {
/******************************************************
パンくず
******************************************************/
  .fs-c-breadcrumb {
    width: 1200px;
    margin: 0 auto;
  }
.breadcrumb__list {
  margin: 0 0 3.5rem;
  padding: 0;
  list-style: none;
}
.breadcrumb__list li.breadcrumb__listItem {
  display: inline-block;
  font-size: 1.2rem;
}
.breadcrumb__list li.breadcrumb__listItem:nth-child(n+2) a:before {
  content: "\03e";
}
/******************************************************
うけとれーる
******************************************************/
.free_title {
  position: relative;
  margin: 0 0 3.5rem;
  padding: 0;
  color: #fff;
  font-size: 2.4rem;
  text-align: center;
  line-height: 5rem;
  background: #5fc2d9;
}
.free_title span {
  margin-right: 1rem;
  padding: 0 1rem;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
.free_title .sp {
  display: none;
}
.h3_title {
  margin: 0 0 2rem;
  padding: 0;
  font-size: 1.6rem;
  font-weight: bold;
}
#uketoreru_catch {
  margin: 0 0 5rem;
}
#uketoreru_catch .image img {
  width: 100%;
}
#uketoreru_001 {
  margin-bottom: 6rem;
}
#uketoreru_001 .flow {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#uketoreru_001 .title {
  width: 50%;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
#uketoreru_001 .title span {
  font-size: 1.4rem;
  font-weight: bold;
}
#uketoreru_001 .image img {
  width: 100%;
  height: auto;
}
#uketoreru_002 {
  margin-bottom: 6rem;
}
#uketoreru_002 p {
  margin-bottom: 3rem;
}
#uketoreru_003 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#uketoreru_003 li {
  position: relative;
  padding-left: 1em;
}
#uketoreru_003 li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\025a0";
}
#uketoreru_003 li.red:before {
  color: #fe0000;
}
#uketoreru_003 li:nth-child(n+2) {
  margin-top: 1em;
}
#uketoreru_003 li span {
}
#uketoreru_003 li.red span {
  color: #fe0000;
}
/******************************************************
ギフトラッピング
******************************************************/
#gift_001,
#gift_002,
#gift_003 {
  margin-bottom: 6rem;
}
#gift_004 {
  padding-top: 5rem;
  border-top: 1px solid #464646;
}
.gift_title {
  margin-bottom: 3rem;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
.gift_title .sp {
  display: none;
}
.gift_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3.5rem;
}
.gift_box .left,
.gift_box .right {
  width: 49%;
}
.gift_box .left {

  margin-right: 2%;
}
.gift_box a:hover {
 position:relative;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.gift_box_2 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3.5rem;
  justify-content: center;
}
.gift_box_2 .left {
  margin-right: 4rem;
}
ul.gift_list {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none; 
}
ul.gift_list li {
  position: relative;
  padding-left: 1.4rem;
}
ul.gift_list li:before {
  position: absolute;
  content: "\02022";
  top: 0;
  left: 0;
}
/******************************************************
よくあるご質問

******************************************************/
.qa_title {
  margin: 0 0 3.5rem;
  padding: 0 0 0 1em;
  font-size: 3rem;
  font-weight: bold;
}
#qa_001 h3 {
  margin: 0 0 1rem;
  padding: .8rem 3rem;
  font-size: 1.8rem;
  line-height: 1;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
#qa_001 h3 span {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
}
.faq_list dt {
  position: relative;
  margin: 0 0 1rem;
  padding: 2rem 5rem;
  background: #f2f2f2;
  line-height: 1;
  cursor: pointer;
}
.faq_list dt:after {
  position: absolute;
  content: "\f078";
  font-family: 'FontAwesome';
  font-weight: normal;
  top: 50%;
  right: 3rem;
  margin-top: -.5em;
  line-height: 1;
  color: #5fc2d9;
}
.faq_list dt:before {
  position: absolute;
  top: 50%;
  left: 3rem;
  line-height: 1;
  margin-top: -.8rem;
  content: url(https://ilex.itembox.design/item/images/qa_icon009.jpg);
}
.faq_list dt.active:after {
  content: "\f077";
}
.faq_list dd {
  position: relative;
  display: none;
  margin: 1rem 0 3rem;
  padding: 0 0 0 7rem;
}
.faq_list dd:before {
  position: absolute;
  top: 0;
  left: 5rem;
  content: url(https://ilex.itembox.design/item/images/qa_icon010.jpg);
}
}
@media screen and (max-width: 1199px) {
/******************************************************
パンくず
******************************************************/
.breadcrumb__list {
  margin: 0 1rem 3.5rem;
  padding: 0;
  list-style: none;
}
.breadcrumb__list li.breadcrumb__listItem {
  display: inline-block;
  font-size: 1.2rem;
}
.breadcrumb__list li.breadcrumb__listItem:nth-child(n+2) a:before {
  content: "\03e";
}
/******************************************************
うけとれーる
******************************************************/
.free_title {
  position: relative;
  margin: 0 0 3.5rem;
  padding: 1.2rem 1rem;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  background: #5fc2d9;
}
.free_title span {
  display: block;
}
.h3_title {
  margin: 0 1rem 2rem;
  padding: 0;
  font-size: 1.6rem;
  font-weight: bold;
}
.uketoreru_catch {
  margin: 0 1rem 3rem;
}
.uketoreru_catch .image img {
  width: 100%;
}
#uketoreru_001 {
  margin-bottom: 3rem;
}
#uketoreru_001 .flow {

}
#uketoreru_001 .title {
  margin: 0 1rem 1rem;
  font-size: 1.2rem;
}
#uketoreru_001 .title span {
  font-size: 1.4rem;
  font-weight: bold;
}
#uketoreru_001 .image {
  margin: 0 1rem;
}
#uketoreru_001 .image img {
  width: 100%;
  height: auto;
}
#uketoreru_002 {
  margin-bottom: 3rem;
}
#uketoreru_002 .image {
  margin: 0 1rem;
}
#uketoreru_002 p {
  margin: 0 1rem 3rem;
}
#uketoreru_003 ul {
  margin: 0 1rem;
  padding: 0;
  list-style: none;
}
#uketoreru_003 li {
  position: relative;
  padding-left: 1em;
}
#uketoreru_003 li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\025a0";
}
#uketoreru_003 li.red:before {
  color: #fe0000;
}
#uketoreru_003 li:nth-child(n+2) {
  margin-top: 1em;
}
#uketoreru_003 li span {
}
#uketoreru_003 li.red span {
  color: #fe0000;
}
/******************************************************
ギフトラッピング
******************************************************/
#gift_001,
#gift_002,
#gift_003 {
  margin-bottom: 3rem;
}
#gift_001 p,
#gift_002 p,
#gift_003 p,
#gift_004 p {
  margin: 0 1rem;
}
#gift_004 {
  padding-top: 3rem;
  border-top: 1px solid #464646;
}
.gift_title {
  margin: 0 1rem 2rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.gift_box {
  margin: 0 1rem;
  text-align: center;
}

.gift_box .left {
  margin-bottom: 2rem;
}
.gift_box .right {
  margin-bottom: 5rem;
}
.gift_box img {
  max-width: 600px;
  width: 100%;
}
.gift_box a:hover {
 position:relative;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.gift_box .image img {
  width: 100%;
}
.gift_box_2 {
}
.gift_box_2 .left,
.gift_box_2 .right {
  margin-bottom: 2rem;
  text-align: center;
}
ul.gift_list {
  margin: 0 1rem 2rem;
  padding: 0;
  list-style: none; 
}
ul.gift_list li {
  position: relative;
  padding-left: 1.4rem;
}
ul.gift_list li:before {
  position: absolute;
  content: "\02022";
  top: 0;
  left: 0;
}
/******************************************************
よくあるご質問
******************************************************/
.qa_title {
  margin: 0 0 2rem;
  font-size: 2.4rem;
  text-align: center;
  font-weight: bold;
}
#qa_001 h3 {
  margin: 0 0 1rem;
  padding: .8rem 1rem;
  font-size: 1.6rem;
  line-height: 1;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
#qa_001 h3 span {
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle;
}
.faq_list dt {
  position: relative;
  margin: 0 0 1rem;
  padding: 2rem 3rem;
  background: #f2f2f2;
  line-height: 1;
  cursor: pointer;
}
.faq_list dt:after {
  position: absolute;
  content: "\f078";
  font-family: 'FontAwesome';
  font-weight: normal;
  top: 50%;
  right: 1rem;
  margin-top: -.5em;
  line-height: 1;
  color: #5fc2d9;
}
.faq_list dt:before {
  position: absolute;
  top: 50%;
  left: 1rem;
  line-height: 1;
  margin-top: -.8rem;
  content: url(https://ilex.itembox.design/item/images/qa_icon009.jpg);
}
.faq_list dt.active:after {
  content: "\f077";
}
.faq_list dd {
  position: relative;
  display: none;
  margin: 0;
  padding: 1rem 1rem 3rem 3rem;
}
.faq_list dd:before {
  position: absolute;
  top: 1rem;
  left: 1rem;
  content: url(https://ilex.itembox.design/item/images/qa_icon010.jpg);
}
}
@media (max-width: 1199px){
  .inner{
    padding: 0 15px;
  }
}
.fs-c-heading--page {
    border: none;
    font-weight: bold;
    font-size: 2.8rem;
    /* padding: 0; */
    letter-spacing: 2px;
}
@media (max-width: 991px){
.fs-c-heading--page {
    font-size: 2.2rem;
}}

@media screen and (min-width: 768px) {
  .sp_only {
    display: none!important;
  }  
}
@media screen and (max-width: 767px) {
  .pc_only {
    display: none!important;
  } 
}
.logout.my-false { display: none!important; }
.login.my-true { display: none!important; }
.regist.my-true { display: none!important; }

/* ここからFS2商品詳細CSS */
#FS2_itemlayout_IH3{
position:relative;}


#FS2_itemlayout_IH3 .FS2_SeniorDesign_comment{
font-size:18px!important;
font-weight:normal;
}

/*------蝠�刀逕ｻ蜒�-----*/

/*
.FS2_additional_image_container{
width:428px;
float:left;
}*/



/*蝠�刀逕ｻ蜒丞､ｧ繝ｻ繝｡繧､繝ｳ*/ 
.FS2_additional_image_btn_thumbnail_container{
	width:428px;
	float:left;
	text-align:center;
overflow:hidden;
background:#fff;
}

.FS2_additional_image_popup_container 
.FS2_additional_image_btn_thumbnail_container{
	width:600px;
}

.FS2_GoodsImageLabel{
padding-top:10px;}

.FS2_additional_image_btn_container table{
margin-top:30px;
margin-bottom:30px;
}

/*蝠�刀逕ｻ蜒上�DETAIL*/ 
.FS2_additional_image_container_main{
width:428px;
margin-bottom:30px;
margin-top:15px;
vertical-align:top;
}

/*蝠�刀逕ｻ蜒上�CORDINATE*/ 
.FS2_additional_image_container_sub{
width:428px;
margin-bottom:30px;
}

.FS2_additional_image_popup_container .FS2_additional_image_container_main,
.FS2_additional_image_popup_container .FS2_additional_image_container_sub{
	width:600px;
}

/*蝠�刀逕ｻ蜒上ち繧､繝医Ν COLOR DETAIL*/
.FS2_additional_image_container_title{
border-left:solid 7px #5fc4d9;
padding:7px 12px;
background:url(https://www.on-seven-days.com/images/common/dot.gif) 0 bottom repeat-x;
margin-bottom:12px;
font-size:16px;
font-weight:bold!important;
}

.FS2_additional_image_thumbnail_container:hover img{
cursor:pointer;
}
/*
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container{
background:#fff;
border:none;
padding:0;
}

.FS2_additional_image_detail_container{
background:#fff;
border:none;
padding:0;
}*/


.FS2_additional_image_btn_incart{
padding-right:50px;}

.FS2_figure_table_td_cart_btn{
padding-left:10px;
}





/*蝠�刀隱ｬ譏弱€€蜿ｳ繧ｫ繝ｩ繝� 閭梧勹繧ｰ繝ｬ繧､*/


.FS2_additional_image_itemdetail_container_right{
background:#f4f4f3;
width:280px !important;
font-size:13px;
float:right;
padding-bottom:15px;
margin-bottom:60px;
}

.FS2_additional_image_itemdetail_container_right from{

}

.FS2_figure{
padding:12px;
width:256px;
background:#e9e9e9;}

.FS2_TweetButton_area{
padding:12px;
width:256px;
}


.FS2_additional_image_itemdetail_container{
background:#fff;
font-size:13px;
clear:both;
margin-bottom:50px;
border:none;
padding:0;
}

.FS2_additional_image_itemdetail_container_left{

}

.FS2_additional_image_itemdetail_container_left .itemTitle{
/*position:absolute;
top:0;*/
}

#FS2_itemlayout_IH3 .FS2_itemPrice_area{
padding:12px 12px 0;
width:256px;
}

#FS2_itemlayout_IH3 .FS2_itemPrice_text{
font-size:13px;
margin-bottom:0 !important;
padding: 0 !important;}

#FS2_itemlayout_IH3 .FS2_point{
font-size: 85%;
color: #FF3300;
padding:0 12px 12px;
}

.FS2_inputSelection_table{
margin-bottom:10px;}

.FS2_inputSelection_table th{
font-size:12px;
padding:3px;
}



.FS2_inputSelection_table td option{
font-size:11px;
max-width:10em;
}

.itemComment FS2_upper_comment{
font-size:12px;}

#FS2_itemlayout_IH3 .twitter-share-button{
float:left;
padding-right:15px;
padding-bottom:15px;}

#FS2_itemlayout_IH3 .-comments{display:none!important;}

.FS2_InquiryButton_area, .FS2_MailRecommendButton_area, .FS2_WishListButton_area, .FS2_ReviewEditButton_area, .FS2_ReviewButton_area, .FS2_ReviewEditAverage{
padding:5px 12px;}

.FS2_ReviewEditAverage p{
font-size:13px;}

#FS2_itemlayout_IH3 h1.itemTitle{
background:#e9e9e9;
padding:12px 12px 0;
width:256px;
}

#FS2_itemlayout_IH3 .FS2_upper_comment{
font-size:12px;
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid #e0e0e0;
/*font-weight:bold;*/
}

table.GoodsSelectionTable{
width:100% !important;
border:0;
font-size:12px;
}

#FS2_itemlayout_IH3 table.GoodsSelectionTable td{
/*width:12.5%;*/
padding:5px ;
border:1px solid #ccc;
text-align:center;
vertical-align:middle;
}

#FS2_itemlayout_IH3 table.GoodsSelectionTable th.thStrong{
/*width:65%!important;*/
padding:5px 8px!important;

}

#FS2_itemlayout_IH3 table.GoodsSelectionTable th{
vertical-align:middle;
border:1px solid #ccc;
background:#e9e9e9;
font-weight:bold;
}

.FS2_ItemStockSample_area{
padding:14px 12px;
font-size:12px;
}

/*蝠�刀荳€隕ｧ繝壹�繧ｸ逕ｨ繧｢繧､繧ｳ繝ｳ*/
.FS2_eye_catch_icon{
padding:5px 0 0;
background:#fff;
text-align:left;
}

/*蝠�刀隧ｳ邏ｰ繝壹�繧ｸ逕ｨ繧｢繧､繧ｳ繝ｳ*/
.FS2_body_Goods_GoodsDetail .FS2_eye_catch_icon{
padding:5px 12px 0!important;
background:#e9e9e9!important;
text-align:left;
}

.itemNumber{
width:256px;
background:#e9e9e9;
padding:5px 12px;
font-size:12px;
}

.FS2_additional_image_itemdetail_container_right .itemPrice{
font-size:17px;
font-weight:bold;
}


.itemImg{
width:600px;
margin:20px auto 50px;
}

.itemImg p{
padding-top:10px;
margin-bottom:30px;}

.itemImg img.w100{
display:block;
}

.itemInfo, .itemSpec{
/*width:729px !important;*/
margin:0 auto;}

.itemInfo .giftIcon{
font-size:13px;
vertical-align:text-top;
margin-bottom:10px;
}

.itemInfo p{
font-size:13px;}

.itemInfo .giftIcon img{padding-right:10px;
vertical-align:middle;}

.itemInfo .giftIcon a{
text-decoration:underline;}

.itemSpec table{
background:#f4f4f4;
padding:15px;
font-size:13px;
margin-bottom:10px;
}

.itemSpec table th{
background:#f4f4f4;
width:15%;
padding:10px 15px;
border:1px solid #b3b3b3;
text-align:left;
}

.itemSpec table td{
background:#fff;
padding:10px 15px;
border:1px solid #b3b3b3;
line-height:1.7;
}

.itemSpec table td em{
color:#ff0000;
font-style:normal;
}

span.link{
display:block;
background:url(https://www.on-seven-days.com/images/common/arrow01.gif) 0 50% no-repeat;
padding-left:18px;
}

span.link a{
text-decoration:underline;
}

.staffComments dl dt, .blandInfo dl dt{
padding-left:34px;
font-size:17px;
border-bottom:1px solid #ccc;
padding:5px 37px;
margin-bottom:15px;
font-weight:bold;
}

.staffComments dl dt.buyer{
background:url(https://www.on-seven-days.com/images/detail/icon_buyer.jpg) 0 50% no-repeat;}

.staffComments dl dt.manager{
background:url(https://www.on-seven-days.com/images/detail/icon_manager.jpg) 0 40% no-repeat;}

.staffComments dl dt.staff{
background:url(https://www.on-seven-days.com/images/detail/icon_staff.jpg) 0 40% no-repeat;}

.staffComments dl dd span.img{
width:120px;
text-align:center;
float:left;
display:block;
}

.staffComments dl dd span.txt{
float:right;
width:574px;
display:block;
padding-right:30px;
}

.staffComments dl dd, .blandInfo dl dd{
font-size:13px;
margin-bottom:50px;
overflow:hidden;
}

.blandInfo dl dd span.img{
width:159px;
text-align:center;
float:left;
display:block;
font-size:11px;
}

.blandInfo dl dd span.img img{
display:block;
border:1px solid #ccc;
}

.blandInfo dl dd span.txt{
float:right;
width:510px;
display:block;
padding-right:30px;
}


/*--------縺翫☆縺吶ａ蝠�刀-------------*/

#FS2_Recommend_List h2.CrossHead{
clear:both;
padding:7px 12px 6px 0;
border-bottom:1px solid #ccc;
font-size:16px;
margin-bottom:12px;
}


.FS2_Recommend_List{
width:729px;}

.FS2_recommendgoods_table{
width:180px !important;
float:left !important;
font-size:13px!important;
}

#FS2_Recommend_List  .FS2_thumbnail_container{
padding:15px 10px!important;
width:160px!important;
}

#FS2_Recommend_List .FS2_thumbnail_container img{
width:160px !important;
}

.FS2_recommendgoods_table .itemTitle{
font-weight:normal!important;
text-align:left!important;
padding:0px 10px 10px!important;
font-size:12px;
}

#mainContents h3.stit01, .fs-l-pageMain h3.stit01{
clear:both;
border-left:solid 7px #5fc4d9;
padding:10px 15px;
background:url(https://www.on-seven-days.com/images/common/dot.gif) 0 bottom repeat-x;
font-size:18px;
margin-bottom:12px;
}

.fs-l-pageMain h3.stit03{
clear:both;
border-left:solid 7px #5fc4d9;
padding:7px 12px;
background:url(https://www.on-seven-days.com/images/common/dot.gif) 0 bottom repeat-x;
font-size:16px;
margin-bottom:12px;
}
.stit03 {
    font-size: 18px!important;
    font-weight: bold;
}
#mainContents h4.stit02, .fs-l-pageMain h4.stit02, .box729 h4.stit02{
clear:both;
height:46px;
background:#f4f4f3;
margin-bottom:15px;
}
.fs-c-featuredProduct .fs-c-featuredProduct__title {
	margin: 30px 0 25px;
}

.redBox{background:#FEDBDF; padding:8px; display:block;}
.yellowBox{ background:#F8EDBD; padding:8px; display:block;}
.greenBox{ background:#E6F7D0; padding:8px; display:block;}

.redTxt{color:#FF0000;}
.blueTxt{ color:#3C56BC;}
.mizuiroTxt{color:#009999;}
.pinkTxt{color:#FF3366;}
.orangeTxt{color:#FF3333;}
.yellowTxt{color:#FF9900;}
.camelTxt{color:#CC6600;}

.lredTxt{color:#FF0000; font-size:14px}
.lblueTxt{ color:#3C56BC; font-size:14px}
.lmizuiroTxt{color:#009999; font-size:14px}
.lpinkTxt{color:#FF3366; font-size:14px}
.lorangeTxt{color:#FF3333; font-size:14px}
.lyellowTxt{color:#FF9900; font-size:14px}
.lcamelTxt{color:#CC6600; font-size:14px}

/* ここからFS2商品一覧CSS */
ul.column2{
margin-right:-29px;
clear:both;
}

ul.column2 li{
float:left;
margin-right:28px;
margin-bottom:5px;
}

ul.column2 li.sale{
background:url(https://www.on-seven-days.com/images/common/icon_sale.jpg) 0 top no-repeat;
padding-top:30px;
}

ul.column2 li.new{
background:url(https://www.on-seven-days.com/images/common/icon_new.jpg) 0 top no-repeat;
padding-top:30px;
}


ul.bg_gley{
background:#f4f4f4;
display: table;
padding-left:7px;
padding-top:5px;
padding-bottom:5px;
overflow:hidden;
/*width:729px;*/
border-bottom:0 !important;
}

.user_content ul.item{
margin-bottom:35px;
border-left:7px solid #f4f4f4;
border-top:7px solid #f4f4f4;
}

ul.bg_gley li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
/*width:220px;*/
height:52px;
margin:9px 9px 15px;
display: block;
text-align:left;
font-weight:normal;
}

ul.bg_gley li a{
height:52px;
display: block;
padding-top:13px;
padding-left:5px;
}

ul.bg_gley li a.txt2{
padding-top:9px;
}

.scene ul li{
padding-left:55px;
}

.scene ul li.gift01{background:url(https://www.on-seven-days.com/images/common/icon_gift01.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift02{background:url(https://www.on-seven-days.com/images/common/icon_gift02.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift03{background:url(https://www.on-seven-days.com/images/common/icon_gift03.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift04{background:url(https://www.on-seven-days.com/images/common/icon_gift04.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift05{background:url(https://www.on-seven-days.com/images/common/icon_gift05.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift06{background:url(https://www.on-seven-days.com/images/common/icon_gift06.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift07{background:url(https://www.on-seven-days.com/images/common/icon_gift07.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift08{background:url(https://www.on-seven-days.com/images/common/icon_gift08.jpg) #fff 0 0 no-repeat;}
.scene ul li.gift09{background:url(https://www.on-seven-days.com/images/common/icon_gift09.jpg) #fff 0 0 no-repeat;}

.price li ,.item li{
background:url(https://www.on-seven-days.com/images/common/arrow02.gif) #fff 12px 50% no-repeat;
padding-left:20px;
padding-right:15px;
}


ul.column3{
margin-right:-29px;
clear:both;
}

ul.column3 li{
float:left;
margin-right:28px;
width:224px;
margin-bottom:50px;
}

ul.column3 li span.rank{
height:22px;
display:block;
margin-bottom:4px;
padding-top:5px;
padding-left:10px;
}

ul.fashion li.rank1 span.rank{background:#ee86a7;}
ul.fashion li.rank2 span.rank{background:#eca3ba;}
ul.fashion li.rank3 span.rank{background:#ecc2d0;}

ul.baby li.rank1 span.rank{background:#99dcf5;}
ul.baby li.rank2 span.rank{background:#b0e2f5;}
ul.baby li.rank3 span.rank{background:#c3e6f3;}

ul.kitchen li.rank1 span.rank{background:#f9c14a;}
ul.kitchen li.rank2 span.rank{background:#fcd074;}
ul.kitchen li.rank3 span.rank{background:#f5d89a;}

ul.interior li.rank1 span.rank{background:#8ec555;}
ul.interior li.rank2 span.rank{background:#a7d479;}
ul.interior li.rank3 span.rank{background:#c2e1a2;}

ul.relax li.rank1 span.rank{background:#60b6d8;}
ul.relax li.rank2 span.rank{background:#79c3e0;}
ul.relax li.rank3 span.rank{background:#97d1e7;}

ul.column3 li span.item_name{
padding:8px 0 5px;
font-size:12px;
display:block;}
ul.column3 li span.item_price{font-size:14px; font-weight:bold;}
ul.column3 li span.item_price02{font-size:10px;}


ul.brand_list {
margin-right:-29px;
clear:both;
}

ul.brand_list li{
width:159px;
float:left;
font-size:11px;
text-align:center;
height:100px;
margin-right:30px;}


ul.brand_list li a .logo img{
display:block;
border:1px solid #ccc;
}

ul.brand_list li a .logo{
display:block;
margin-bottom:7px;
}

ul.brand_list li a .logo img:hover{
border:1px solid #333;
filter: alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
cursor:pointer;
}


.fs-c-breadcrumb + .fs-c-breadcrumb {
	margin-bottom: 15px;
}
.fs-c-breadcrumb__list {
	padding: 0;
}
.fs-c-breadcrumb__listItem {
	font-size: 1.15rem;
}
.fs-c-breadcrumb__list .fs-c-breadcrumb__listItem:last-of-type, #fs_p_scrollingCartButton {
	display: none;
}

.itemInfo .itemSpec h2, .itemInfo .coordinateItem h2, .itemInfo .staffComments h2, .itemInfo .itemBrand h2 {

margin-left: 0!important;
}

@media screen and (max-width: 767px) {
  .fs-c-productList__controller {
    margin: 10px;
  }
  .fs-c-breadcrumb__list {
    padding: 5px 10px;
  }
}

.fs-c-subgroup {
  margin: 24px 10px;
}
.fs-c-productList__controller {
  margin: 10px;
}
.fs-c-subgroup .fs-c-listControl {
    display: none;
}
@media screen and (min-width: 1200px) {
  .fs-c-sortItems__list {
    justify-content: center;
  }
  .fs-c-sortItems__label {
    padding: 5px 8px;
  }
  .fs-c-sortItems__list__item__label {
    padding: 0px 8px;
  }
.fs-c-slick {
    overflow: hidden;
}
.fs-c-productCarouselMainImage__expandButton {
	font-size: 0;
}
.fs-c-buttonContainer {
	padding: 4px 0;
}
.fs-c-productCarouselMainImage__thumbnailList {
    margin: 0 auto 8px;
    width: 100%;
}
.fs-c-productCarouselMainImage__thumbnailList {
	flex-wrap: wrap;
}
.fs-c-productCarouselMainImage__thumbnailList > li {
    flex-basis: 15%;
    flex-shrink: 0;
    margin: 0 2% 0 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li:nth-of-type(6n) {
	margin-right: 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li:nth-of-type(n+7) {
	margin-top: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs-c-sortItems__list {
    justify-content: center;
  }
  .fs-c-sortItems__label {
    padding: 5px 8px;
  }
  .fs-c-sortItems__list__item__label {
    padding: 0px 8px;
  }
  .fs-c-breadcrumb__list {
    padding: 5px 10px;
  }
.fs-c-slick {
    overflow: hidden;
}
.fs-c-productCarouselMainImage__expandButton {
	font-size: 0;
}
.fs-c-buttonContainer {
	padding: 4px 0;
}
.fs-c-productCarouselMainImage__thumbnailList {
    margin: 0 auto 8px;
    width: 100%;
}
.fs-c-productCarouselMainImage__thumbnailList {
	flex-wrap: wrap;
}
.fs-c-productCarouselMainImage__thumbnailList > li {
    flex-basis: 15%;
    flex-shrink: 0;
    margin: 0 2% 0 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li:nth-of-type(6n) {
	margin-right: 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li:nth-of-type(n+7) {
	margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
  .fs-c-breadcrumb__list {
    padding: 5px 10px;
  }
  .fs-c-sortItems__list {
    border-left: none;
    justify-content: center;
  }
  .fs-c-sortItems__list > li {
    font-size: 1.2rem;
  }
  .fs-c-sortItems {
    width: 100%;
    flex-wrap: wrap;
  }
  .fs-c-subgroupList__item {
    flex-basis: 50%;
    margin-left: -1px;
  }
  .fs-c-subgroupList__label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .fs-c-slick {
    overflow: hidden;
  }
  .fs-c-productCarouselMainImage__expandButton {
    font-size: 0;
  }
  .fs-c-buttonContainer {
    padding: 4px 0;
  }
  .fs-c-productCarouselMainImage__thumbnailList {
    margin: 0 auto 8px;
    width: 100%;
  }
  .fs-c-productCarouselMainImage__thumbnailList > li {
    flex-basis: 25%;
    flex-shrink: 0;
    margin: 0 2.5% 0 0;
  }
  .fs-l-pageMain {
    padding: 0 10px;
  }
  #overlay {
    position: fixed;
    display: block;
    z-index: 1001;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    pointer-events: none;
    text-align: right;
    color: #fff;
    padding: 20px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #overlay.open {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 500px) {
  .fs-c-sortItems__label {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
}
.fs-c-productListItem__salesPeriod{display:none;}

@media screen and (min-width: 1200px) {
#fs_ProductDetails .fs-c-slick .slick-slide{
max-width: 562px;
}
#fs_ProductDetails .fs-c-productCarouselMainImage__image > img {

max-width: 100%;
}
}
.itemInfoSP, .itemSpecSP{
width:100% !important;
margin:0 auto;}

.itemSpecSP table{
padding:10px;
font-size:1.35rem;
margin-bottom:10px;
border: solid 1px #ccc;
}

.itemSpecSP table th{
background:#f4f4f4;
width:100%;
padding:2px 14px;
text-align:left;
}

.itemSpecSP table td{
background:#fff;
padding:14px;
padding-top: 8px;
line-height:1.6;
}

.itemSpecSP table td em{
color:#ff0000;
font-style:normal;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/******************************************************
商品ページ用 動画
******************************************************/
/* 横長 */
.video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
.video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 30px;
}
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 縦長 */
.video-container-insta {
  position: relative;
  width: 80%;
  aspect-ratio: 9 / 16;
  margin: 0 auto 30px;
}

@media screen and (max-width: 1199px) {
.video-container-insta {
  position: relative;
  width: 70%;
  aspect-ratio: 9 / 16;
  margin: 0 auto 30px;
}
}

.video-container-insta video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* スマホ検索カテゴリー */
#search_btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
#search_btn .btn {
  width: calc( 50% - 4px );
  border: 2px solid #e6e6e6;
  text-align: center;
  box-sizing: border-box;
}
#search_btn .btn a {
  display: block;
  color: #666;
}
#search_btn .btn a::before {
  display: inline-block;
  vertical-align: middle;
  height: 13px;
  line-height: 13px;
  margin-right: 7px;
}
#search_btn .btn02 a::before {
  content: url("https://ilex.itembox.design/item/search_btn_icon02.svg");
  width: 10px;
}
#search_btn .btn01 a::before {
  content: url("https://ilex.itembox.design/item/search_btn_icon01.svg");
  width: 14px;
}
#search_btn .btn a:hover {
  display: block;
  color: #666;
  text-decoration: none;
}
#search_btn .btn span {
  height: 13px;
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
}
#search_btn .btn.btn01 {
  display: none;
}
body.fs-body-category-gr568 #search_btn .btn.btn01, 
body.fs-body-category-gr633 #search_btn .btn.btn01, 
body.fs-body-category-kitchen #search_btn .btn.btn01, 
body.fs-body-category-fashion #search_btn .btn.btn01, 
body.fs-body-category-gr646 #search_btn .btn.btn01, 
body.fs-body-category-baby #search_btn .btn.btn01, 
body.fs-body-category-gr656 #search_btn .btn.btn01 {
  display: block;
}
body.fs-body-category-gr568 .flipdesk .flipdesk-trigger, 
body.fs-body-category-gr633 .flipdesk .flipdesk-trigger, 
body.fs-body-category-kitchen .flipdesk .flipdesk-trigger, 
body.fs-body-category-fashion .flipdesk .flipdesk-trigger, 
body.fs-body-category-gr646 .flipdesk .flipdesk-trigger, 
body.fs-body-category-baby .flipdesk .flipdesk-trigger, 
body.fs-body-category-gr656 .flipdesk .flipdesk-trigger {
  z-index: 500;
}
#category_search .fs-c-subgroup {
  display: block;
}
#new_search .fs-c-sortItems {
  display: flex;
}
#product_group .fs-c-sortItems,
#product_list .fs-c-sortItems {
  display: none;
}
@media screen and (min-width: 1200px){
  #search_btn {
    display: none;
  }
}
@media screen and (max-width: 1199px){
  /* 共通部分 */
  body.fs-body-category .fs-l-main,
  body.fs-body-search .fs-l-main{
    padding-top: 15px;
  }
  body.fs-body-category .breadcrumb__list, 
  body.fs-body-search .breadcrumb__list {
    margin-bottom: 15px;
  }
}


/******************************************************
　ヒット商品
******************************************************/
#top_hititem ul {
margin-bottom: 15px;
}

/* ▼ 削除すると価格が表示されます */
.ro_price {
  /* display: none; */
}
/* ▲ 削除すると価格が表示されます */

.line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
  height: 3em;
}
.top_tax {
  font-size: 1.1rem;
}

@media screen and (min-width: 768px){
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767px){
  .br-pc { display:none; }
  .br-sp { display:block; }
}


.cart_count a {

  position: relative;
}
.fs-client-cart-count {
  background: #5fc2d9;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
  width: 18px;
  position: absolute;
  right: -5px;
  top: -5px;
}
.fs-client-cart-count--0 {
  opacity: 0;
}

/******************************************************
ウェア詳細メーター
******************************************************/
.wearSpec table{
 background: #fff;
 padding: 15px 0px;
 font-size: 12px;
 border-top: 2px solid #dcdcdc;
 border-bottom: 2px solid #dcdcdc;
 text-align: center;
 width: 100%;
 margin: 20px 0;
}

.wearSpec table th{
background:#ffffff;
width:25%;
border-bottom:1px solid #dcdcdc;
padding:8px 5px;
}

.wearSpec p{
padding:5px;
border-right:1px dotted #666;
}

.wearSpec ul{
display:flex;
justify-content: center;
}

.wearSpec table tr td ul.visual li{
width: 15px;
height: 15px;
border: 1px solid #b3b3b3;
background:#ffffff;
margin: 0px 3px;
}

.wearSpec ul.visual.v1 li:nth-child(-n+1) {
background:#b3b3b3;
}

.wearSpec ul.visual.v2 li:nth-child(-n+2) {
background:#b3b3b3;
}

.wearSpec ul.visual.v3 li:nth-child(-n+3) {
background:#b3b3b3;
}

.wearSpec ul.visual.v4 li:nth-child(-n+4) {
background:#b3b3b3;
}

.wearSpec ul.visual.v5 li:nth-child(-n+5) {
background:#b3b3b3;
}

.wearSpec table td{
background:#ffffff;
padding:5px;
border-bottom:1px solid #dcdcdc;
line-height:1.6;
}

/******************************************************
サイズガイド
******************************************************/

a.anchor{
  display: block;
  padding-top: 120px;
  margin-top: -120px;
}

.sg_title {
  margin: 0 0 3.5rem;
  font-size: 3rem;
  font-weight: bold;
}

@media screen and (max-width: 1199px) {
a.anchor{
  display: block;
  padding-top: 115px;
  margin-top: -115px;
}

.sg_title {
  margin: -3rem 0 2rem;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
}
}

.sg_about {
  margin-bottom: 25px;
}

.sg_btn {
  display: inline-block;
  padding: 7px 10px;
  border: 2px solid #bbc3c4;
  border-radius: 4px;
  margin:0px 15px 15px 0px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #666;
}
.sg_btn:visited {
  color: #666;
}
.sg_btn:hover {
  top:1px;
  left:1px;
  position:relative;
  text-decoration: none;
}

.gy_title {
  position: relative;
  margin-bottom: 2.5rem;
  padding: 1rem;
  font-size: 2rem;
  line-height: 3rem;
  background: #f3f3f3;
  font-weight: bold;
}
.gy_title span {
  margin-right: 1rem;
  padding: 0 1rem;
}
.gy_title .sp {
  display: none;
}

@media screen and (max-width: 1199px) {
.gy_title {
  position: relative;
  margin-bottom: 2rem;
  padding: 0.7rem 1rem;
  font-size: 1.8rem;
  background: #f3f3f3;
  font-weight: bold;
}
.gy_title span {
  display: block;
}
}

.sg_category {
  margin: 4.5rem 0;
  padding-bottom: 10px;
}
.sg_category span {
  font-weight: bold;
  font-size: 1.8rem;
  color: #000;
  border-bottom:1px solid #000;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 1199px) {
.sg_category {
  margin: 3.5rem 0 2.5rem;
  padding-bottom: 10px;
}
.sg_category span {
  padding-left: 1rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #000;
  border-bottom:1px solid #000;
  display: inline-block;
  width: 100%;
}
}

/******************************************************
下部商品詳細
******************************************************/

.item-space {
  margin-left: 1.2em;
  margin-bottom: 2em;
}

.item-space a{
  color: #4689FF;
}

.item-space p{
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 1199px) {
.item-space {
  margin: 0 0.5em 2.5em;
}
}

a.link-bl{
  color: #4689FF;
}

/******************************************************
下部商品詳細 テーブル
******************************************************/
.item-space table {
 box-sizing: border-box;
 border-collapse:collapse;
 margin-bottom: 10px;
 font-size: 13px;
 width: 90%;
}
.item-space table th,
.item-space table td {
 border: 1px solid #b3b3b3;
 padding: .5em 1em;
}
.item-space table th {
 background: #f4f4f4;
 width: 15%;
 text-align: left;
}
@media screen and (max-width: 767px) {
.item-space table {
 width: 100%;
 border: 1px solid #b3b3b3;
}
.item-space table th {
 width: 24%;
 padding: .5rem .7rem;
}
}
/******************************************************
WordPress
******************************************************/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   text-align: left;
}
.alignright {
   text-align: right;
}
.wp_column_area {
 margin: 20px 0 50px;
}
.wp_imgtop {
  margin: 0px 0px 25px;
  width: 1080px;
  height: auto;
}
.wp_img {
  margin: 15px 0px 25px;
  width: 800px;
  height: auto;
}
.wp_gy_title {
 padding: 5px 10px;
 margin: 30px auto;
 background-color: #f5f5f5;
 font-size: 1.8rem;
 font-weight: bold;
}
.wp_txt {
 margin: 20px 0 50px;
 line-height: 4rem;
}
.linkbtn-l {
 margin: 20px auto 50px;
 display:inline-block;
 padding: 15px 25px 20px;
 background-color: #fff;
 border-radius: 3px;
 border: 2px solid #c8c8c8;
 font-weight:bold;
 font-color: #666;
}
.linkbtn-l:hover {
 text-decoration: none;
 background-color: #eee;
 color: #444;
}
.linkbtn-l span {
 text-align: center;
 border-bottom: solid 1px;
 padding-bottom: 3px;
 margin-left: .5em;
}
.ye-line {
 background: linear-gradient(transparent 75%, #fcedad 75%);
 font-weight: bold;
}
.point{
  font-weight: bold;
  font-size: 1.8rem;
  color: #333;
  margin-bottom: 1.2rem;
}
.wp_img_title {
  margin: 15px 0px;
}
.WPrelated_area {
 margin: 40px 0 70px;
 width: 85%;
}
.WPrelated_area a:hover {
 color: #666;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.WPrelated_area_txt {
 font-weight: bold;
 font-size: 1.5rem;
}
.WPrelated_bg {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin-top: 1rem;
 padding: 25px;
 background: #fafafa;
 border: 1px solid #000000;
}
.WPrelated_img {
 position: relative;
 width: 20%;
}
.WPrelated_txt {
 width: 76%;
 text-align: left;
 display: inline-block;
 padding-right: 3px;
 color: #666;
}
.WPrelated_txt_ttl {
 font-weight: bold;
 font-size: 1.6rem;
 color: #222;
 padding-bottom: 3px;
 border-bottom: solid 1px;
 margin-bottom: 15px;
}
.WPrelated_txt p {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 line-height: 2.5rem;
}

@media screen and (max-width: 767px) {
.wp_img {
  margin: 10px 0px 18px;
  width: 1080px;
  height: auto;
}
.wp_txt {
 margin: 20px 0 50px;
 line-height: 2.5rem;
}
.linkbtn-l span {
 display: block;
 margin-left: 0;
}
.point{
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.wp_img_title {
  margin: 10px 0px;
}
.WPrelated_area {
 margin: 40px 0px 80px;
 width: 100%;
}
.WPrelated_bg {
 display: block;
 padding: 20px;
 width: auto;
}
.WPrelated_img {
 width: 50%;
 margin: 0px auto 5px;
}
.WPrelated_txt {
 width: auto;
 text-align: left;
 margin: 0 auto;
 padding-top: 15px;
 display: block;
}
.WPrelated_txt_ttl {
 padding-bottom: 5px;
 line-height: 2.5rem;
}
.WPrelated_txt p {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
}

.wp_img p {
  clear: both;
}
.item_LP {
  margin-bottom: 70px;
}
.item_LP p {
  margin-bottom: 70px;
}
.item_LP p.point {
 font-size: 1.7rem;
 font-weight: bold;
 margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.item_LP p {
  margin-bottom: 40px;
}
}
/******************************************************
おすすめブランド
******************************************************/
@media screen and (min-width: 1200px) {
.brand-item ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
.brand-item li {
    width: 17.6%;
    margin-right: 3%;
  }
.brand-item li:nth-child(5n) {
    margin-right: 0;
  }
.brand-item li:nth-child(n+6) {
    margin-top: 3rem;
  }
.brand-item li:nth-child(16) {
    display: none;
  }
.brand-item li a {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
.brand-item li a:hover {
    opacity: .75;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
  }
.brand-item li a img {
    max-height: 100%;
    border: 2px solid #e9eae9;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.brand-item ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
.brand-item li {
    width: 17.6%;
    margin-right: 3%;
  }
.brand-item li:nth-child(5n) {
    margin-right: 0;
  }
.brand-item li:nth-child(n+6) {
    margin-top: 3rem;
  }
.brand-item li:nth-child(16) {
    display: none;
  }
.brand-item li img {
    max-height: 100%;
    border: 2px solid #e9eae9;
  }
}
@media screen and (max-width: 767px) {
.brand-item ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 1rem;
    padding: 0;
    list-style: none;
  }
.brand-item li {
    width: calc(100% / 4);
  }
.brand-item li:nth-child(4n) {
    margin-right: 0;
  }
.brand-item li:nth-child(n+5) {
    margin-top: 1.8rem;
  }
.brand-item li a img {
    width: 90%;
    border: 2px solid #e9eae9;
  }
}
/******************************************************
カテゴリ上部コメント
******************************************************/
.about {
  text-align:center;
  font-size: 1.6rem;
  margin-top: -10px;
  margin-bottom: 40px;
}
.about a {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
.about {
  text-align:center;
  font-size: 1.3rem;
  margin-top: -5px;
  margin-bottom: 30px;
}
}
/******************************************************
商品ページ用ボタン
******************************************************/
.words_btn {
  margin-left: 1.2em;
  margin-bottom: 3em;
  width: 80%;
}
.words_btn a {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #999;
  border-radius: 30px;
  margin: 0px 7px 10px 0px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #666;
  background: #f2f2f2;
}
.words_btn a:hover {
  top:1px;
  left:1px;
  position:relative;
  text-decoration: none;
}
@media screen and (max-width: 1199px) {
.words_btn {
  margin-left: 0;
  width: 100%;
}
.words_btn a {
  margin: 0px 5px 10px 0px;
}
}
/******************************************************
ギフトページTOP
******************************************************/
.gifttop_title {
 margin: 0 0 5rem;
}
.gifttop_title .image img {
 width: 100%;
}
.giftscene ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.giftscene li {
 width: 23.5%;
 margin-right: 2%;
}
.giftscene li:nth-child(4n) {
 margin-right: 0;
}
.giftscene li a {
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.giftscene li a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.giftscene li a img {
 max-height: 100%;
}
.giftprice ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto 5%;
 padding: 0;
 list-style: none;
}
.giftprice li {
 width: 23.5%;
 margin-right: 2%;
}
.giftprice li:nth-child(4n) {
 margin-right: 0;
}
.giftprice li:nth-child(n+5) {
 margin-top: 1.8rem;
}
.giftprice a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 5px;
 border: 2.5px solid #5db8cc;
 color: #444;
}
.giftprice a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.gifttop_img {
 margin: 30px auto;
 width: 80%;
 border: 1px solid #999;
}
.gift_recommended ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: center;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.gift_recommended li {
 width: 23.5%;
 margin-right: 2%;
}
.gift_recommended li:nth-child(4n) {
 margin-right: 0;
}
.gift_recommended li:nth-child(n+5) {
 margin-top: 4%;
}
.gift_recommended a {
 text-align: center;
 display: block;
 color: #44adc4;
 font-weight: bold;
 line-height: 2rem;
 text-decoration: none;
}
.gift_recommended a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.gift_recommended img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 margin-bottom: 10px;
}
.gift_recommended span {
 display: block;
 margin-top: 0.5rem;
 padding-bottom: 0.5rem;
 color: #666;
 font-size: 0.9em;
 font-weight: normal;
}

@media screen and (max-width: 768px) {
.gifttop_title {
 margin: 0 0.3rem 2rem;
}
.gifttop_title .image img {
 width: 100%;
}
.giftscene ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 97%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.giftscene li {
 width: 48.5%;
 margin-right: 3%;
}
.giftscene li:nth-child(2n) {
 margin-right: 0;
}
.giftscene li:nth-child(3) {
 margin-right: 3%;
}
.giftscene li:nth-child(n+3) {
 margin-top: 1.1rem;
}
.giftscene li a img {
 max-height: 100%;
}
.giftprice ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 95%;
 margin: 0 auto 20%;
 padding: 0;
 list-style: none;
}
.giftprice li {
 width: 48%;
 margin-right: 4%;
}
.giftprice li:nth-child(2n) {
 margin-right: 0;
}
.giftprice li:nth-child(n+3) {
 margin-top: 1.5rem;
}
.giftprice a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 6px;
 border: 2px solid #5db8cc;
 color: #444;
}
.giftprice a:hover {
 position:relative;
 text-decoration: none;
}
.gifttop_img {
 width: 100%;
}
.gift_recommended ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.gift_recommended li {
 width: 48.5%;
 margin-right: 3%;
 margin-bottom: 4%;
}
.gift_recommended li:nth-child(2n) {
 margin-right: 0;
}
.gift_recommended li:nth-child(n+3) {
 margin-top: 3%;
}
.gift_recommended li:nth-child(n+7) {
 margin-bottom: 0;
}
}
/******************************************************
ギフトページ共通
******************************************************/
.giftpage_title {
 margin: 0 0 5rem;
}
.giftpage_title .image img {
 width: 100%;
}
.gift_txt {
 text-align: center;
 width: 80%;
 margin: 30px auto 50px;
}
.giftpage_contents ul {
 display: -webkit-flex;
 display:flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 90%;
 margin: 5rem auto 8rem;
 padding: 2rem;
 background: #f3f3f3;
 list-style: none;
 justify-content: center;
 text-align: center;
}
.giftpage_contents li {
 width: 25%;
 font-weight: bold;
 font-size: 1.5rem;
 border-right: dotted 1px;
}
.giftpage_contents li:nth-child(4n) {
 border-right: none;
}
.giftpage_contents li:nth-child(n+5) {
 margin-top: 1.8rem;
}
.giftpage_contents li:last-child {
 border-right: none;
}
.giftpage_contents a {
 color: #444;
 padding-bottom: 3px;
}
.giftpage_contents a:hover {
 text-decoration: none;
 border-bottom: solid 1px;
}
.gift_contents_area {
 margin: 30px 0px 120px;
}
.gift_contents_area_s {
 margin: 10px 0px 80px;
}
.gift_contents {
 text-align: center;
 margin: 10px 0px 30px;
}
.gift_contents h2 {
 font-size: 2.5rem;
 color: #5db8cc;
 font-weight: bold;
}
.gift_contents p {
 font-size: 1.7rem;
 color: #444;
 font-weight: bold;
}
.gift_contents_ttl {
 text-align: center;
 margin: 2rem 0;
 padding-bottom: 15px;
 font-size: 2rem;
 color: #444;
 border-bottom:1px solid #000;
 display: inline-block;
 width: 100%;
}
.gift_ranking ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.gift_ranking li {
 width: 32%;
 margin-right: 2%;
}
.gift_ranking li:nth-child(3) {
 margin-right: 0;
}
.gift_ranking a {
 text-align: center;
 display: block;
 color: #44adc4;
 font-weight: bold;
 line-height: 2rem;
 text-decoration: none;
}
.gift_ranking a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.gift_ranking span {
 display: block;
 margin-top: 0.5rem;
 padding-bottom: 0.5rem;
 color: #666;
 font-size: 0.9em;
 font-weight: normal;
}
.gift_ranking_img {
 overflow: hidden;
 position: relative;
 max-width: 100%;
 height: auto;
 margin-bottom: 10px;
}
.gift_ranking_img p {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 line-height: 1;
 padding: 5px 8px;
}
.rankbadge {
 position: absolute;
 top: 0;
 left: 0;
 border-left: 50px solid #5db8cc;
 border-bottom: 50px solid transparent;
}
.staff_Recommended_gift_area {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin: 0 auto 80px;
 padding: 20px;
 width: 80%;
 background: #e0e0e0;
}
.staff_Recommended_gift_img {
 position: relative;
 width: 48.6%;
}
.staff_Recommended_gift_imgsize {
 width: 100%;
 height: auto;
}
.staff_Recommended_gift_txt {
 width: 48.6%;
 text-align: left;
 padding: 20px;
 display: inline-block;
 background: #fff;
}
.staff_Recommended_gift_itemtxt {
 text-align: left;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 2.5rem;
 color: #5db8cc;
 margin-bottom: 20px;
}
.staff_Recommended_gift_txt a {
 position:relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 margin: 20px auto 0px;
 width: 250px;
 text-decoration: none;
}
.staff_Recommended_gift_txt a:hover {
 position:relative;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.staff_Recommended_gift_txt a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
.giftprice_2 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto 5%;
 padding: 0;
 list-style: none;
}
.giftprice_2 li {
 width: 49%;
 margin-right: 2%;
}
.giftprice_2 li:nth-child(2n) {
 margin-right: 0;
}
.giftprice_2 li:nth-child(n+3) {
 margin-top: 1.8rem;
}
.giftprice_2 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 5px;
 border: 2.5px solid #5db8cc;
 color: #444;
}
.giftprice_2 a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.giftprice_3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto 5%;
 padding: 0;
 list-style: none;
}
.giftprice_3 li {
 width: 32%;
 margin-right: 2%;
}
.giftprice_3 li:nth-child(3n) {
 margin-right: 0;
}
.giftprice_3 li:nth-child(n+4) {
 margin-top: 1.8rem;
}
.giftprice_3 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 5px;
 border: 2.5px solid #5db8cc;
 color: #444;
}
.giftprice_3 a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.gift_pricelist ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.gift_pricelist li {
 width: 23.5%;
 margin-right: 2%;
}
.gift_pricelist li:nth-child(4n) {
 margin-right: 0;
}
.gift_pricelist li:nth-child(n+5) {
 margin-top: 4%;
}
.gift_pricelist a {
 text-align: center;
 display: block;
 line-height: 2rem;
 color: #666;
 padding-bottom: 0.5rem;
 text-decoration: none;
}
.gift_pricelist a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.gift_pricelist img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 margin-bottom: 10px;
}
.gift_btn {
 text-align: center;
 margin: 4rem 0;
}
.gift_btn a {
 position: relative;
 display :inline-block;
 width: 270px;
 line-height: 5rem;
 color: #666;
 font-weight: bold;
 text-align: center;
 border-radius: 2.5rem;
 letter-spacing: 1px;
 text-decoration: none;
 border: 1px solid #999;
}
.gift_btn a:hover {
 background: #999;
 color: #fff;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.gift_btn a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
.gift_bg_area {
 margin:0 auto 80px;
 padding: 20px;
 width: 60%;
 background: #e0e0e0;
}
.gift_bg_txt {
 text-align: center;
 padding: 20px;
 background: #fff;
}
.gift_bg_ttl {
 font-size: 1.8rem;
 font-weight: bold;
 color: #5db8cc;
 padding-bottom: 5px;
 margin-bottom: 10px;
 border-bottom: solid 2px #5db8cc;
}
.gift_bg_txt p {
 font-size: 1.5rem;
 font-weight: bold;
 margin-top: 1rem;
}

@media screen and (max-width: 768px) {
.giftpage_title {
 margin: 0 0.3rem 2rem;
}
.giftpage_title .image img {
 width: 100%;
}
.gift_txt {
 width: 90%;
 margin: 30px auto 40px;
}
.giftpage_contents ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 5rem 0;
 padding: 1.5rem;
}
.giftpage_contents li {
 width: 50%;
}
.giftpage_contents li:nth-child(2n) {
 border-right: none;
}
.giftpage_contents li:nth-child(n+3) {
 margin-top: 1.8rem;
}
.giftpage_contents li:last-child {
 border-right: none;
}
.giftpage_contents a {
 padding-bottom: 5px;
}
.gift_contents_area {
 margin: 20px 0px 90px;
}
.gift_contents_area_s {
 margin: 10px 0px 40px;
}
.gift_contents {
 text-align: center;
 margin: 65px 0px 30px;
}
.gift_contents h2 {
 font-size: 2.2rem;
 color: #5db8cc;
 font-weight: bold;
}
.gift_contents p {
 font-size: 1.5rem;
 color: #444;
 font-weight: bold;
}
.gift_contents_ttl {
 text-align: center;
 margin: 2rem 0;
 padding-bottom: 10px;
 font-size: 1.7rem;
 color: #000;
 border-bottom:1px solid #000;
 display: inline-block;
 width: 100%;
}
.gift_ranking ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.gift_ranking li {
 width: 48.5%;
 margin-right: 3%;
}
.gift_ranking li:nth-child(1) {
 width: 70%;
 margin: 0 auto;
}
.gift_ranking li:nth-child(n+2) {
 margin-top: 7%;
}
.gift_ranking li:nth-child(3) {
 margin-right: 0;
}
.gift_ranking_img p {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 line-height: 1;
 padding: 5px 6px;
}
.rankbadge {
 position: absolute;
 top: 0;
 left: 0;
 border-left: 40px solid #5db8cc;
 border-bottom: 40px solid transparent;
}
.staff_Recommended_gift_area {
 display: block;
 margin-bottom: 60px;
 padding: 20px;
 width: 100%;
}
.staff_Recommended_gift_img {
 width: 100%;
 margin-bottom: 12px;
}
.staff_Recommended_gift_imgsize {
 width: 100%;
 height: auto;
}
.staff_Recommended_gift_txt {
 width: 100%;
 text-align: left;
 padding: 15px;
}
.staff_Recommended_gift_itemtxt {
 text-align: left;
 display: block;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 2.5rem;
 color: #5db8cc;
 margin: 5px auto 15px;
}
.staff_Recommended_gift_txt a {
 position:relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 margin: 20px auto 0px;
 width: 80%;
}
.giftprice_2 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 95%;
 margin: 0 auto 20%;
 padding: 0;
 list-style: none;
}
.giftprice_2 li {
 width: 48%;
 margin-right: 4%;
}
.giftprice_2 li:nth-child(n+3) {
 margin-top: 1.5rem;
}
.giftprice_2 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 6px;
 border: 2px solid #5db8cc;
 color: #444;
}
.giftprice_2 a:hover {
 position:relative;
 text-decoration: none;
}
.giftprice_3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 95%;
 margin: 0 auto 20%;
 padding: 0;
 list-style: none;
}
.giftprice_3 li {
 width: 48%;
 margin-right: 4%;
}
.giftprice_3 li:nth-child(3n) {
 margin-right: 4%;
}
.giftprice_3 li:nth-child(2n) {
 margin-right: 0;
}
.giftprice_3 li:nth-child(n+3) {
 margin-top: 1.5rem;
}
.giftprice_3 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 6px;
 border: 2px solid #5db8cc;
 color: #444;
}
.giftprice_3 a:hover {
 position:relative;
 text-decoration: none;
}
.gift_pricelist ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.gift_pricelist li {
 width: 48.5%;
 margin-right: 3%;
 margin-bottom: 4%;
}
.gift_pricelist li:nth-child(2n) {
 margin-right: 0;
}
.gift_pricelist li:nth-child(n+3) {
 margin-top: 5%;
}
.gift_pricelist li:nth-child(n+3) {
 margin-bottom: 0;
}
.gift_btn {
 text-align: center;
 margin: 3rem 0;
}
.gift_bg_area {
 margin:0 auto 50px;
 padding: 12px;
 width: 100%;
}
}
/******************************************************
ギフトページ個別 色変更
******************************************************/
/* 結婚＆新生活祝い */
.gift_wedding_bg {
 background: #f9d8d7;
}
.giftpage_contents ul.gift_wedding_bg02 {
 background: #fceaea;
}
.gift_wedding_txt {
 color: #de5f6c;
}
.gift_contents h2.gift_wedding_txt {
 color: #de5f6c;
}
.gift_ranking a.gift_wedding_txt {
 color: #de5f6c;
}
.gift_recommended a.gift_wedding_txt {
 color: #de5f6c;
}
.giftprice_3 a.gift_wedding_line {
 border: 2.5px solid #de5f6c;
}
.badge_wedding {
 border-left-color: #de5f6c;
}
.gift_bg_ttl.gift_wedding_txt {
 color: #b89260;
 border-bottom: solid 2px #de5f6c;
}
/* 出産祝い */
.gift_baby_bg {
 background: #d0e9e0;
}
.giftpage_contents ul.gift_baby_bg02 {
 background: #e0efea;
}
.gift_baby_txt {
 color: #4fbaa0;
}
.gift_contents h2.gift_baby_txt {
 color: #4fbaa0;
}
.gift_ranking a.gift_baby_txt {
 color: #4fbaa0;
}
.gift_recommended a.gift_baby_txt {
 color: #4fbaa0;
}
.giftprice_3 a.gift_baby_line {
 border: 2.5px solid #4fbaa0;
}
.giftprice a.gift_baby_line {
 border: 2.5px solid #4fbaa0;
}
.badge_baby {
 border-left-color: #4fbaa0;
}
.gift_bg_ttl.gift_baby_txt {
 color: #b89260;
 border-bottom: solid 2px #4fbaa0;
}
/* 内祝い */
.gift_return_bg {
 background: #daebef;
}
.giftpage_contents ul.gift_return_bg02 {
 background: #e1eff3;
}
.gift_bg_ttl.gift_return_txt {
 color: #b89260;
}
.giftprice_3 a.gift_return_line {
 border: 2.5px solid #5db8cc;
}
/* ごあいさつギフト */
.gift_greeting_bg {
 background: #fee9ad;
}
.giftpage_contents ul.gift_greeting_bg02 {
 background: #fbf1d5;
}
.gift_greeting_txt {
 color: #e88f16;
}
.gift_contents h2.gift_greeting_txt {
 color: #e88f16;
}
.gift_ranking a.gift_greeting_txt {
 color: #e88f16;
}
.gift_recommended a.gift_greeting_txt {
 color: #e88f16;
}
.giftprice a.gift_greeting_line {
 border: 2.5px solid #e88f16;
}
.giftprice_3 a.gift_greeting_line {
 border: 2.5px solid #e88f16;
}
.badge_greeting {
 border-left-color: #e88f16;
}
.gift_bg_ttl.gift_greeting_txt {
 color: #b89260;
 border-bottom: solid 2px #e88f16;
}
/* メンズギフト */
.giftpage_contents ul.gift_formen_bg {
 background: #dee6f2;
}
.gift_formen_txt {
 color: #4f6da9;
}
.gift_contents h2.gift_formen_txt {
 color: #4f6da9;
}
.gift_ranking a.gift_formen_txt {
 color: #4f6da9;
}
.gift_recommended a.gift_formen_txt {
 color: #4f6da9;
}
.giftprice_3 a.gift_formen_line {
 border: 2.5px solid #4f6da9;
}
.giftprice a.gift_formen_line {
 border: 2.5px solid #4f6da9;
}
.badge_formen {
 border-left-color: #4f6da9;
}
/******************************************************
カテゴリ下部-人気ブランド
******************************************************/
.brand_Recommended {
 text-align: center;
 margin: 10px auto;
 width: 100%;
}
.brand_Recommended p {
 text-align: left;
 font-size: 2rem;
 font-weight: bold;
 margin-left: 7px;
 margin-bottom: 10px;
 color: #5db8cc;
}
.brand_Recommended ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 list-style: none;
}
.brand_Recommended li {
 width: 25%;
 border-right: 1px solid #888;
}
.brand_Recommended li:nth-child(4n) {
 border-right: none;
}
.brand_Recommended li:nth-child(n+5) {
 margin-top: 1.5rem;
}
.brand_Recommended li:last-child{
 border-right: none;
}
.brand_Recommended a {
 position: relative;
 text-align: left;
 display: block;
 padding: 4px 15px 4px 7px;
 font-weight: bold;
 width: 100%;
 text-decoration: none;
}
.brand_Recommended a:hover {
 position:relative;
 background: #f2f2f2;
 color: #666;
}
.brand_Recommended a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 8px;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
@media screen and (max-width: 768px) {
.brand_Recommended p {
 font-size: 1.5rem;
}
.brand_Recommended li {
 width: 50%;
 border-right: 1px solid #888;
}
.brand_Recommended li:nth-child(2n) {
 border-right: none;
}
.brand_Recommended li:nth-child(n+3) {
  border-top: 1px solid #888;
}
.brand_Recommended span {
 display: none;
}
.brand_Recommended a:after {
 right: 6px;
}
}
/******************************************************
会員登録誘致ページ
******************************************************/
.register_ttl {
 text-align: center;
 margin: 0 auto 15px;
 max-width: 80%;
 height: auto;
}
.register_txt {
 text-align: center;
 width: 80%;
 margin: 30px auto 50px;
}
ul.list1 {
 width: 80%;
 list-style-type: none;
 margin: 20px auto 0px;
}
ul.list1 li{
 list-style-type: none;
 text-indent: -1em;
 font-size: 1.3rem;
}
.register_btn {
 text-align: center;
 margin: 4rem 0;
}
.register_btn a {
 position: relative;
 display: inline-block;
 width: 270px;
 line-height: 5rem;
 color: #5cafc2;
 font-weight: bold;
 font-size: 1.7rem;
 text-align: center;
 border-radius: 5px;
 letter-spacing: 1px;
 text-decoration: none;
 border: 2px solid #5cafc2;
}
.register_btn a:hover {
 background: #5cafc2;
 color: #fff;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.register_btn a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
.register_contents_area ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 30px auto;
 padding: 0;
 list-style: none;
}
.register_contents_area li {
 padding: 20px;
 width: 50%;
 border-right: 1px dotted;
}
.register_contents_area li:nth-child(2n) {
 border-right: none;
}
.register_contents_area li:nth-child(n+3) {
 border-top: 1px dotted;
}
.register_contents {
  display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: start;
}
.register_contents_icon {
 position: relative;
 width: 30%;
 padding: 10px;
 align-self: center;
}
.register_contents_txt {
 width: 70%;
 text-align: left;
 padding-left: 15px;
 display: inline-block;
 font-size: 1.3rem;
}
.register_contents_itemtxt {
 text-align: left;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 2.5rem;
 color: #5cafc2;
 margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
.register_ttl {
 margin: 0 auto 10px;
 max-width: 100%;
 height: auto;
}
.register_txt {
 width: 90%;
 margin: 30px auto 40px;
}
ul.list1 {
 width: 90%;
 list-style-type: none;
 margin: 25px auto 0px;
}
.register_btn {
 text-align: center;
 margin: 3rem 0;
}
.register_btn a {
 font-size: 1.5rem;
}
.register_contents_area ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 10px auto;
 padding: 0;
 list-style: none;
}
.register_contents_area li {
 padding: 15px;
 width: 100%;
 border-right: none;
}
.register_contents_area li:nth-child(n+2) {
 border-top: 1px dotted;
}
.register_contents {
  display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: start;
}
.register_contents_icon {
 position: relative;
 width: 30%;
 align-self: center;
}
.register_contents_txt {
 width: 70%;
 text-align: left;
 padding-left: 10px;
 display: inline-block;
}
.register_contents_itemtxt {
 text-align: left;
 font-size: 1.5rem;
 font-weight: bold;
 line-height: 2.5rem;
 color: #5cafc2;
 margin-bottom: 5px;
}
}
/* LINE登録誘致 */
.register_btn a.line {
 color: #06c755;
 border: 2px solid #06c755;
}
.register_btn a:hover.line {
 background: #06c755;
 color: #fff;
}
.register_contents_itemtxt.line {
 color: #06c755;
}
/******************************************************
カテゴリ上部イメージ画像
******************************************************/
.category_img {
 text-align: center;
}
.category_img img {
 max-width: 90%;
 height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.category_img img {
 margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.category_img img {
 max-width: 100%;
 height: auto;
 margin-bottom: 30px;
}
}
/******************************************************
特集 カテゴリ上部
******************************************************/
/* 看板画像 大きめ */
.featureLP_ttl {
 text-align: center;
 margin: 0 auto 15px;
 max-width: 90%;
 height: auto;
}
/* 文章 */
.featureLP_txt {
 text-align: center;
 width: 80%;
 margin: 20px auto 30px;
}
.featureLP_txt p {
 font-size: 1.7rem;
 font-weight: bold;
 margin-top: 1rem;
}
.featureLP_txt span {
 font-size: 1.6rem;
 font-weight: bold;
}
/* 画像 横固定 縦フリー */
.featureLP_img {
 text-align: center;
 margin: 0 auto 15px;
 max-width: 80%;
 height: auto;
}
.featureLP_img a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
/* 3ずつ 中央揃え */
.featureLP_icon3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 30px auto 70px;
 padding: 0;
 width: 80%;
 list-style: none;
 justify-content: center;
}
.featureLP_icon3 li {
 width: 30%;
 margin-right: 5%;
}
.featureLP_icon3 li:nth-child(3n) {
 margin-right: 0;
}
.featureLP_icon3 li:nth-child(n+4) {
 margin-top: 5%;
}
.featureLP_icon3 li:last-child {
 margin-right: 0;
}
.featureLP_icon3 li a {
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_icon3 li a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_icon3 li a img {
 max-height: 100%;
 border: 1px solid #e9eae9;
}
/* 枠線 画像＋画像 */
.featureLP_item_area {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin: 0 auto 80px;
 padding: 20px;
 border: 1px solid #666;
 width: 60%;
}
.featureLP_item_img {
 position: relative;
 width: 48%;
}
.featureLP_item_txt {
 width: 52%;
 text-align: center;
 padding: 15px;
 display: inline-block;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 2.5rem;
}
.featureLP_item_txt a {
 position: relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 font-size: 1.5rem;
 margin: 20px auto 0px;
 width: 200px;
 text-decoration: none;
}
.featureLP_item_txt a:hover {
 position:relative;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_item_txt a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
/* リスト */
ul.list2 {
 width: 80%;
 list-style-type: none;
 margin: 20px auto 0px;
 border: 1px solid #999;
 padding: 10px 8px 10px 25px;
}
ul.list2 li{
 list-style-type: none;
 text-indent: -1em;
 font-size: 1.3rem;
}
/* 見出し 大 グレー背景 */
.featureLP_ttl_gy {
 text-align: center;
 position: relative;
 margin: 2rem auto 3rem;
 padding: 1rem;
 font-size: 2rem;
 background: #f5f5f5;
 font-weight: bold;
 width: 90%;
 height: auto;
}
/* 見出し 中 下線 */
.featureLP_ttl_line {
 text-align: center;
 margin: 2rem auto 3rem;
 padding-bottom: 8px;
 font-size: 2rem;
 font-weight: bold;
 color: #444;
 border-bottom:1px solid #444;
 display: block;
 width: 90%;
}
/* 見出し 小 端丸・濃グレー */
.featureLP_ttl_round {
 text-align: center;
}
.featureLP_ttl_round p {
 display: inline-block;
 margin: 2rem auto 3rem;
 padding: 5px 15px;
 border-radius: 2.5rem;
 color: #fff;
 font-size: 1.8rem;
 font-weight: bold;
 background: #666;
}
/* 大きめ画像2枚 PC・SP横並び */
.featureLP_img2 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 0 auto 70px;
 padding: 0;
 width: 80%;
 list-style: none;
 justify-content: center;
}
.featureLP_img2 li {
 width: 47%;
 margin-right: 6%;
 text-align: center;
}
.featureLP_img2 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_img2 li:nth-child(n+3) {
 margin-top: 6%;
}
.featureLP_img2 img {
 margin-bottom: 5px;
}
.featureLP_img2 a {
 color: #666;
 text-decoration: none;
}
.featureLP_img2 a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_img2 li.fontbold {
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 3rem;
}
.featureLP_img2 img.fontbold {
 margin-bottom: 10px;
}
/* 枠なし 画像＋文章 */
.featureLP_item02_area {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin: 0 auto 80px;
 width: 80%;
}
.featureLP_item02_img {
 position: relative;
 width: 47%;
}
.featureLP_item02_txt {
 width: 47%;
 text-align: center;
 display: inline-block;
}
.featureLP_item02_txt p {
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 3rem;
 margin-bottom: 15px;
}
.featureLP_item02_txt a {
 position: relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 font-size: 1.5rem;
 margin: 20px auto 0px;
 width: 200px;
 text-decoration: none;
}
.featureLP_item02_txt a:hover {
 position:relative;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_item02_txt a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
/* 背景 画像＋文章 */
.featureLP_item03_area {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin: 0 auto 80px;
 padding: 20px;
 width: 80%;
 background: #daebef;
}
.featureLP_item03_img {
 position: relative;
 width: 48.6%;
}
.featureLP_item03_imgsize {
 width: 100%;
 height: auto;
}
.featureLP_item03_txt {
 width: 48.6%;
 text-align: left;
 padding: 20px;
 display: inline-block;
 background: #fff;
}
.featureLP_item03_itemtxt {
 text-align: left;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 2.5rem;
 color: #5db8cc;
 margin-bottom: 20px;
}
.featureLP_item03_txt a {
 position:relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 margin: 20px auto 0px;
 width: 250px;
 text-decoration: none;
}
.featureLP_item03_txt a:hover {
 position:relative;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_item03_txt a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
/* リンク用ボタン */
.featureLP_btn {
 text-align: center;
}
.featureLP_btn a {
 display: inline-block;
 margin: 20px 0px 60px; 
 padding: 12px 25px;
 color: #666;
 background: #fff;
 border-radius: 3px;
 border: 2px solid #c8c8c8;
 font-weight: bold;
 font-size: 1.5rem;
}
.featureLP_btn a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
 text-decoration: none;
 color: #444;
 background: #eee;
}
.featureLP_btn span{
 text-align: center;
 border-bottom: solid 1px;
 padding-bottom: 3px;
 margin-left: .5em;
}
/* コンテンツ上下スペース */
.featureLP_contents_area_s {
 margin: 10px 0px 80px;
}
/* ランキング ベスト3 */
.featureLP_ranking ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0px auto 100px;
 padding: 0;
 list-style: none;
}
.featureLP_ranking li {
 width: 32%;
 margin-right: 2%;
}
.featureLP_ranking li:nth-child(3) {
 margin-right: 0;
}
.featureLP_ranking a {
 text-align: center;
 display: block;
 color: #44adc4;
 font-weight: bold;
 line-height: 2rem;
 text-decoration: none;
}
.featureLP_ranking a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_ranking span {
 display: block;
 margin-top: 0.5rem;
 padding-bottom: 0.5rem;
 color: #666;
 font-size: 0.9em;
 font-weight: normal;
}
.featureLP_ranking_img {
 overflow: hidden;
 position: relative;
 max-width: 100%;
 height: auto;
 margin-bottom: 10px;
}
.featureLP_ranking_img p {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 line-height: 1;
 padding: 5px 8px;
}
/* 画像3つずつ並び */
.featureLP_img3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
 justify-content: center;
}
.featureLP_img3 li {
 width: 32%;
 margin-right: 2%;
}
.featureLP_img3 li:nth-child(3n) {
 margin-right: 0;
}
.featureLP_img3 li:nth-child(n+4) {
 margin-top: 1.8rem;
}
.featureLP_img3 li:last-child {
 margin-right: 0;
}
.featureLP_img3 li a {
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_img3 li a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_img3 li a img {
 max-height: 100%;
}
/* 背景付き 文章 */
.featureLP_bg_area {
 margin:0 auto 80px;
 padding: 20px;
 width: 60%;
 background: #daebef;
}
.featureLP_bg_txt {
 text-align: center;
 padding: 20px;
 background: #fff;
}
.featureLP_bg_ttl {
 font-size: 1.8rem;
 font-weight: bold;
 color: #5db8cc;
 padding-bottom: 5px;
 margin-bottom: 10px;
 border-bottom: solid 2px #5db8cc;
}
.featureLP_bg_txt p {
 font-size: 1.7rem;
 font-weight: bold;
 margin-top: 1rem;
}
/* 画像4枚 説明文つき */
.featureLP_itemlist01 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.featureLP_itemlist01 li {
 width: 23.5%;
 margin-right: 2%;
}
.featureLP_itemlist01 li:nth-child(4n) {
 margin-right: 0;
}
.featureLP_itemlist01 li:nth-child(n+5) {
 margin-top: 4%;
}
.featureLP_itemlist01 a {
 text-align: center;
 display: block;
 color: #44adc4;
 font-weight: bold;
 line-height: 2rem;
 text-decoration: none;
}
.featureLP_itemlist01 a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_itemlist01 img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 margin-bottom: 10px;
}
.featureLP_itemlist01 span {
 display: block;
 margin-top: 0.5rem;
 padding-bottom: 0.5rem;
 color: #666;
 font-size: 0.9em;
 font-weight: normal;
}
/* 画像4枚 */
.featureLP_itemlist02 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.featureLP_itemlist02 li {
 width: 23.5%;
 margin-right: 2%;
}
.featureLP_itemlist02 li:nth-child(4n) {
 margin-right: 0;
}
.featureLP_itemlist02 li:nth-child(n+5) {
 margin-top: 4%;
}
.featureLP_itemlist02 a {
 text-align: center;
 display: block;
 line-height: 2rem;
 color: #666;
 padding-bottom: 0.5rem;
 text-decoration: none;
}
.featureLP_itemlist02 a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.featureLP_itemlist02 img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 margin-bottom: 10px;
}
/* 文字枠リスト 横2つ */
.featureLP_txt_list2 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 2.5% auto 5%;
 padding: 0;
 list-style: none;
 justify-content: center;
}
.featureLP_txt_list2 li {
 width: 49%;
 margin-right: 2%;
}
.featureLP_txt_list2 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_txt_list2 li:nth-child(n+3) {
 margin-top: 1.8rem;
}
.featureLP_txt_list2 li:last-child {
 margin-right: 0;
}
.featureLP_txt_list2 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 5px;
 border: 2.5px solid #5db8cc;
 color: #444;
}
.featureLP_txt_list2 a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
/* 文字枠リスト 横3つ */
.featureLP_txt_list3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 2.5% auto 5%;
 padding: 0;
 list-style: none;
 justify-content: center;
}
.featureLP_txt_list3 li {
 width: 32%;
 margin-right: 2%;
}
.featureLP_txt_list3 li:nth-child(3n) {
 margin-right: 0;
}
.featureLP_txt_list3 li:nth-child(n+4) {
 margin-top: 1.8rem;
}
.featureLP_txt_list3 li:last-child {
 margin-right: 0;
}
.featureLP_txt_list3 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 5px;
 border: 2.5px solid #5db8cc;
 color: #444;
}
.featureLP_txt_list3 a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
/* 文字枠リスト 横4つ */
.featureLP_txt_list4 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 80%;
 margin: 2.5% auto 5%;
 padding: 0;
 list-style: none;
 justify-content: center;
}
.featureLP_txt_list4 li {
 width: 23.5%;
 margin-right: 2%;
}
.featureLP_txt_list4 li:nth-child(4n) {
 margin-right: 0;
}
.featureLP_txt_list4 li:nth-child(n+5) {
 margin-top: 1.8rem;
}
.featureLP_txt_list4 li:last-child {
 margin-right: 0;
}
.featureLP_txt_list4 a {
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 5px;
 border: 2.5px solid #5db8cc;
 color: #444;
}
.featureLP_txt_list4 a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
/* 関連コラム */
.featureLP_related_area {
 margin: 40px auto 70px;
 width: 85%;
}
.featureLP_related_area a:hover {
 color: #666;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.featureLP_related_area_txt {
 font-weight: bold;
 font-size: 1.5rem;
 text-align: center;
}
.featureLP_related_bg {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin-top: 1rem;
 padding: 25px;
 background: #fafafa;
 border: 1px solid #000000;
}
.featureLP_related_img {
 position: relative;
 width: 20%;
}
.featureLP_related_txt {
 width: 76%;
 text-align: left;
 display: inline-block;
 padding-right: 3px;
 color: #666;
}
.featureLP_related_txt_ttl {
 font-weight: bold;
 font-size: 1.6rem;
 color: #222;
 padding-bottom: 3px;
 border-bottom: solid 1px;
 margin-bottom: 15px;
}
.featureLP_related_txt p {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 line-height: 2.5rem;
}
/* SALE・フェアー 注意事項 */
.sale_attention_area {
 margin:0 auto 80px;
 padding: 20px;
 width: 75%;
 border: solid 1px #444;
}
.sale_attention_txt {
 text-align: center;
 list-style-type: none;
}
.sale_attention_ttl {
 font-size: 1.8rem;
 font-weight: bold;
 color: #444;
 margin-bottom: 15px;
 border-bottom: solid 2px #444;
}
.sale_attention_txt p {
 font-size: 1.5rem;
 font-weight: bold;
 margin-top: 1rem;
}
.sale_attention_txt span {
 font-weight: bold;
}
.sale_attention_txt ul {
 margin-left: 1.2rem;
}
.sale_attention_txt li {
 list-style-type: none;
 text-indent: -1em;
}
.sale_attention_txt span.red {
 color: #ea5549;
 font-weight: normal;
}

@media screen and (max-width: 767px) {
/* 看板画像 大きめ */
.featureLP_ttl {
 margin: 0 auto 20px;
 max-width: 100%;
 height: auto;
}
/* 文章 */
.featureLP_txt {
 width: 100%;
 margin: 15px auto 40px;
}
.featureLP_txt p {
 font-size: 1.5rem;
}
/* 画像 横固定 縦フリー */
.featureLP_img {
 margin: 0 auto 20px;
 max-width: 100%;
 height: auto;
}
/* 3ずつ 中央揃え */
.featureLP_icon3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 20px auto 60px;
 padding: 0;
 width: 90%;
 list-style: none;
 justify-content: center;
}
.featureLP_icon3 li {
 width: 48%;
 margin-right: 4%;
}
.featureLP_icon3 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_icon3 li:nth-child(3n) {
 margin-right: 4%;
}
.featureLP_icon3 li:nth-child(n+3) {
 margin-top: 4%;
}
.featureLP_icon3 li a img {
 width: 100%;
}
/* 枠線 画像＋画像 */
.featureLP_item_area {
 display: block;
 margin-bottom: 60px;
 padding: 15px;
 width: 80%;
}
.featureLP_item_img {
 width: 100%;
 margin-bottom: 10px;
}
.featureLP_item_txt {
 width: 100%;
 text-align: center;
 padding: 15px;
 font-size: 1.6rem;
}
.featureLP_item_txt a {
 position: relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 font-size: 1.4rem;
 margin: 20px auto 0px;
 width: 80%;
}
/* リスト */
ul.list2 {
 width: 100%;
 list-style-type: none;
 margin: 25px auto 0px;
}
/* 見出し 大 グレー背景 */
.featureLP_ttl_gy {
 margin: 0 auto 3rem;
 padding: 1rem;
 font-size: 1.9rem;
 width: 100%;
}
/* 見出し 中 下線 */
.featureLP_ttl_line {
 padding-bottom: 6px;
 font-size: 1.7rem;
 width: 100%;
}
/* 見出し 小 端丸・濃グレー */
.featureLP_ttl_round p {
 margin-bottom: 2.5rem;
 font-size: 1.6rem;
}
/* 大きめ画像2枚 PC・SP横並び */
.featureLP_img2 ul {
 width: 100%;
 line-height: 1.5;
}
.featureLP_img2 li {
 width: 48.5%;
 margin-right: 3%;
}
.featureLP_img2 li.fontbold {
 font-size: 1.7rem;
 line-height: 2.3rem;
}
/* 枠なし 画像＋文章 */
.featureLP_item02_area {
 display: block;
 margin-bottom: 60px;
 width: 100%;
}
.featureLP_item02_img {
 width: 80%;
 margin: 0 auto 20px;
}
.featureLP_item02_txt {
 width: 100%;
 text-align: center;
}
.featureLP_item02_txt p {
 font-size: 1.7rem;
}
.featureLP_item02_txt a {
 position: relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 font-size: 1.4rem;
 margin: 20px auto 0px;
 width: 80%;
}
/* 背景 画像＋文章 */
.featureLP_item03_area {
 display: block;
 margin-bottom: 60px;
 padding: 20px;
 width: 100%;
}
.featureLP_item03_img {
 width: 100%;
 margin-bottom: 12px;
}
.featureLP_item03_imgsize {
 width: 100%;
 height: auto;
}
.featureLP_item03_txt {
 width: 100%;
 text-align: left;
 padding: 15px;
}
.featureLP_item03_itemtxt {
 text-align: left;
 display: block;
 font-size: 1.7rem;
 font-weight: bold;
 line-height: 2.5rem;
 color: #5db8cc;
 margin: 5px auto 15px;
}
.featureLP_item03_txt a {
 position:relative;
 text-align: center;
 display: block;
 padding: 7px 10px;
 border-radius: 4px;
 background: #444;
 color: #fff;
 font-weight: bold;
 margin: 20px auto 0px;
 width: 80%;
}
/* リンク用ボタン */
.featureLP_btn span {
 display: block;
 margin-left: 0;
}
/* コンテンツ上下スペース */
.featureLP_contents_area_s {
 margin: 10px 0px 40px;
}
/* ランキング ベスト3 */
.featureLP_ranking ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0px auto 80px;
 padding: 0;
 list-style: none;
}
.featureLP_ranking li {
 width: 48.5%;
 margin-right: 3%;
}
.featureLP_ranking li:nth-child(1) {
 width: 70%;
 margin: 0 auto;
}
.featureLP_ranking li:nth-child(n+2) {
 margin-top: 7%;
}
.featureLP_ranking li:nth-child(3) {
 margin-right: 0;
}
.featureLP_ranking_img p {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 line-height: 1;
 padding: 5px 6px;
}
/* 画像3つずつ並び */
.featureLP_img3 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 97%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.featureLP_img3 li {
 width: 48.5%;
 margin-right: 3%;
}
.featureLP_img3 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_img3 li:nth-child(3) {
 margin-right: 3%;
}
.featureLP_img3 li:nth-child(n+3) {
 margin-top: 1.1rem;
}
.featureLP_img3 li a img {
 max-height: 100%;
}
/* 背景付き 文章 */
.featureLP_bg_area {
 margin:0 auto 50px;
 padding: 12px;
 width: 100%;
}
/* 画像4枚 説明文つき */
.featureLP_itemlist01 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.featureLP_itemlist01 li {
 width: 48.5%;
 margin-right: 3%;
 margin-bottom: 4%;
}
.featureLP_itemlist01 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_itemlist01 li:nth-child(n+3) {
 margin-top: 3%;
}
.featureLP_itemlist01 li:nth-child(n+7) {
 margin-bottom: 0;
}
/* 画像4枚 */
.featureLP_itemlist02 ul {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}
.featureLP_itemlist02 li {

 width: 48.5%;
 margin-right: 3%;
 margin-bottom: 4%;
}
.featureLP_itemlist02 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_itemlist02 li:nth-child(n+3) {
 margin-top: 5%;
}
.featureLP_itemlist02 li:nth-child(n+3) {
 margin-bottom: 0;
}
/* 文字枠リスト 横2つ */
.featureLP_txt_list2 ul {
 width: 95%;
 margin: 0 auto 15%;
}
.featureLP_txt_list2 li {
 width: 48%;
 margin-right: 4%;
}
.featureLP_txt_list2 li:nth-child(n+3) {
 margin-top: 1.5rem;
}
.featureLP_txt_list2 a {
 border-radius: 6px;
 border: 2px solid #5db8cc;
}
/* 文字枠リスト 横3つ */
.featureLP_txt_list3 ul {
 width: 95%;
 margin: 0 auto 15%;
}
.featureLP_txt_list3 li {
 width: 48%;
 margin-right: 4%;
}
.featureLP_txt_list3 li:nth-child(3n) {
 margin-right: 4%;
}
.featureLP_txt_list3 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_txt_list3 li:nth-child(n+3) {
 margin-top: 1.5rem;
}
.featureLP_txt_list3 a {
 border-radius: 6px;
 border: 2px solid #5db8cc;
}
/* 文字枠リスト 横4つ */
.featureLP_txt_list4 ul {
 width: 95%;
 margin: 0 auto 15%;
}
.featureLP_txt_list4 li {
 width: 48%;
 margin-right: 4%;
}
.featureLP_txt_list4 li:nth-child(2n) {
 margin-right: 0;
}
.featureLP_txt_list4 li:nth-child(n+3) {
 margin-top: 1.5rem;
}
.featureLP_txt_list4 a {
 border-radius: 6px;
 border: 2px solid #5db8cc;
}
/* 関連コラム */
.featureLP_related_area {
 margin: 40px auto 80px;
 width: 100%;
}
.featureLP_related_bg {
 display: block;
 padding: 20px;
 width: auto;
}
.featureLP_related_img {
 width: 50%;
 margin: 0px auto 5px;
}
.featureLP_related_txt {
 width: auto;
 text-align: left;
 margin: 0 auto;
 padding-top: 15px;
 display: block;
}
.featureLP_related_txt_ttl {
 padding-bottom: 5px;
 line-height: 2.5rem;
}
.featureLP_related_txt p {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
/* SALE・フェアー 注意事項 */
.sale_attention_area {
 margin:0 auto 50px;
 padding: 12px;
 width: 100%;
}
}
/******************************************************
商品ページ内　注意文
******************************************************/
.attention {
 position: relative;
 margin: 2em auto;
 width: 100%;
 padding: 45px 15px 15px 18px;
 border: 1px solid #da4426;
 font-size: 1.3rem;
}
.attention .attention-title {
 position: absolute;
 display: inline-block;
 top: -1px;
 left: -1px;
 font-size: 14px;
 padding: 5px 9px;
 height: 35px;
 line-height: 25px;
 vertical-align: middle;
 background: #da4426;
 color: #fff;
 font-weight: bold;
}
.attention p {
 padding: 15px 20px;
 margin: 0;
}
/******************************************************
商品ページ用　スタッフコメント
******************************************************/
.spec_staffcomment {
 margin: 15px auto;
 padding: 10px 15px;
 border: 1px solid #5fc2d9;
}
.spec_staffcomment span.title {
 font-weight: bold;
 color: #5db8cc;
 border-bottom: 1px solid #5fc2d9;
 margin-bottom: 8px;
 display: inline-block;
 width: 100%;
}
.spec_staffcomment span.bold {
 font-weight: bold;
}
.spec_staffcomment a {
 font-weight: bold;
 color: #4689FF;
}
/******************************************************
商品ページ内　ラッピングご案内画像
******************************************************/
.itempage_gift {
 margin: 2rem auto;
 padding: 2%;
 color: #333;
 font-weight: bold;
 font-size: 1.8rem;
 background: #f2f2f2;
}
.itempage_gift span {
 font-size: 1.5rem;
}
.itempage_gift_img ul {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 margin-top: 1.5%;
 padding: 0;
 list-style: none;
}
.itempage_gift_img li {
 width: 23.5%;
 margin-right: 2%;
 border: solid 1px #999d9b;
}
.itempage_gift_img li:nth-child(4) {
 margin-right: 0;
}
.itempage_gift_img a:hover {
 position:relative;
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .itempage_gift {
   margin: 2.5rem auto;
   padding: 3% 3% 5%;
   font-weight: bold;
   font-size: 1.5rem;
  }
  .itempage_gift span {
   font-size: 1.2rem;
  }
  .itempage_gift_img li {
   width: 48%;
   margin-right: 4%;
  }
  .itempage_gift_img li:nth-child(2n) {
   margin-right: 0;
  }
  .itempage_gift_img li:nth-child(n+3) {
   margin-top: 4%;
  }
}

.gift_more {
  max-width: 460px;
  width: 80%;
  margin: 20px auto 0;
}
#user_reccomend li {
  margin-bottom: 15px;
}
/******************************************************
ブランド一覧　フリーページ
******************************************************/
/* アルファベット順TOP */
.brandlist_top {
 text-align: center;
 margin: 0 auto 30px;
 width: 100%;
}
.brandlist_top ul {
 display: flex;
 flex-wrap: wrap;
 list-style: none;
}
.brandlist_top li {
 width: calc(100% / 10);
 border-right: 1px solid #888;
}
.brandlist_top li:nth-child(10n) {
 border-right: none;
}
.brandlist_top li:nth-child(n+11) {
 margin-top: 1rem;
}
.brandlist_top li:last-child{
 border-right: none;
}
.brandlist_top a {
 position: relative;
 display: block;
 padding: 5px 0;
 text-align: center;
 font-weight: bold;
 width: 100%;
 text-decoration: none;
}
.brandlist_top a:hover {
 position:relative;
 background: #f2f2f2;
 color: #666;
}
/* アルファベット見出し */
.brandlist_ttl {
 margin: 2rem 0;
 padding-bottom: 8px;
 padding-left: 8px;
 font-weight: bold;
 font-size: 1.8rem;
 color: #444;
 border-bottom:1px solid #444;
}
/* ブランド名 */
.brandlist_name {
 margin: 0 auto 40px;
 width: 100%;
}
.brandlist_name ul {
 display: flex;
 flex-wrap: wrap;
 list-style: none;
}
.brandlist_name li {
 width: calc(100% / 4);
}
.brandlist_name li:nth-child(n+5) {
 margin-top: 2.3rem;
}
.brandlist_name a {
 position: relative;
 display: block;
 padding-left: 5px;
 text-align: left;
 font-size: 1.5rem;
 color: #444;
 width: 100%;
 text-decoration: none;
}
.brandlist_name p {
 font-size: 1.2rem;
 line-height: 1.5rem;
 color: #666;
}
.brandlist_name a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 768px) {
/* アルファベット順TOP */
.brandlist_top li {
 width: calc(100% / 7);
}
.brandlist_top li:nth-child(7n) {
 border-right: none;
}
.brandlist_top li:nth-child(10) {
 border-right: 1px solid #888;
}
.brandlist_top li:nth-child(20) {
 border-right: 1px solid #888;
}
.brandlist_top li:nth-child(n+8) {
 margin-top: 1rem;
}
/* アルファベット見出し */
.brandlist_ttl {
 margin: 1.5rem 0;
 padding-bottom: 6px;
 padding-left: 13px;
 font-size: 1.8rem;
}
/* ブランド名 */
.brandlist_name {
 margin: 0 auto 30px;
}
.brandlist_name li {
 width: 100%;
 margin-bottom: 2.5rem;
}
.brandlist_name li:nth-child(n+5) {
 margin-top: 0;
}
.brandlist_name a {
 padding-left: 13px;
}
.brandlist_name a:after {
 position: absolute;
 content: "\f054";
 top: 50%;
 right: 1em;
 margin-top: -.5em;
 line-height: 1;
 font-family: 'FontAwesome';
}
}
/******************************************************
商品ページ内　ラッピングご案内画像
******************************************************/
.featureLP_column_img {
 margin: 0 0 40px;
 max-width: 50%;
 height: auto;
}
.featureLP_column_img span {
 font-weight: bold;
 font-size: 1.5rem;
}
.featureLP_column_img a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 767px) {
.featureLP_column_img {
 margin: 0 auto 30px;
 max-width: 100%;
 height: auto;
}
}
/******************************************************
商品ページ内　ラッピングご案内画像
******************************************************/
.itempage_linkbtn {
 text-align: center;
}
.itempage_linkbtn a {
 display: block;
 margin: 20px 10px; 
 padding: 12px;
 color: #444;
 background: #fff;
 border: 1px solid;
 border-radius: 6px;
 font-weight: bold;
 font-size: 1.5rem;
}
.itempage_linkbtn a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
 text-decoration: none;
 color: #000;
 background: #eee;
}

@media screen and (max-width: 767px) {
.itempage_linkbtn span {
 display: block;
 margin-left: 0;
}
}

/******************************************************
商品ページ内　詳細アンカーボタン
******************************************************/
.item-detail-btn {
 margin: 2rem 0;
}
.item-detail-btn a {
 display: inline-block;
 color: #000;
}

/******************************************************
2021Xmasページ用
******************************************************/
.gift_contents_ttl {
 font-weight: bold;
}
.xmas21_gr_area {
 width: 75%;
 margin: 0 auto 3rem;
 padding: 20px;
 background: #708d6e;
 text-align: center;
 font-weight: bold;
 font-size: 2rem;
 color: #fff;
}
.xmas21_gr_area p {
 font-size: 3.2rem;
}
.sale_attention_txt li {
 font-size: 1.4rem;
 margin-bottom: 1.1rem;
}
.sale_attention_txt span.red {
 font-weight: normal;
 color: #ea5549;
}
@media screen and (max-width: 767px) {
.xmas21_gr_area {
 width: 100%;
 padding: 15px;
 font-size: 1.7rem;
}
.xmas21_gr_area p {
 font-size: 2.5rem;
}
.sale_attention_txt li {
 font-size: 1.3rem;
}
}
.xmas_scene ul {
 width: 60%;
 margin: 3rem auto 8rem;
 padding: 2rem 2rem 1rem 2rem;
 list-style: none;
 justify-content: center;
 text-align: center;
 border: solid 2px #888;
 border-radius: 10px;
}
.xmas_scene li {
 font-weight: bold;
 font-size: 2rem;
}
.xmas_scene li ul {
 width: 100%;
 margin: 10px auto 40px;
 padding: 0 2rem;
 list-style: none;
 justify-content: center;
 text-align: center;
 border: none;
}
.xmas_scene li ul li {
 font-weight: normal;
 font-size: 1.5rem;
 margin-bottom: 5px;
}
.xmas_scene li ul a {
 color: #444;
 padding-bottom: 3px;
}
.xmas_scene li ul a:hover {
 text-decoration: none;
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out; 
}
.xmas_scene li ul li span {
 border-bottom: solid 1px;
 padding-bottom: 2px;
}
@media screen and (max-width: 768px) {
.xmas_scene ul {
 width: 90%;
}
.xmas_scene li ul {
 padding: 0;
}
.xmas_scene li ul li span {
 padding-bottom: 4px;
}
}
.giftprice_3 ul {
 margin: 0 auto 10rem;
}
.giftprice_3 a {
 border: none;
}
@media screen and (min-width: 768px) {
.giftprice_3 li:nth-child(10) {
 display: none;
}
}
/* クリスマスカラー */
.giftpage_contents ul.xmas21 {
    background: #e8c4c4;
}
.gift_contents h2.xmas21 {
 color: #c12020;
}
.giftprice_2 a.green {
 background: #1f7537;
}
.giftprice_2 a.red {
 background: #c12020;
}
.giftprice_2 a.price {
 background: #f3debb;
 color: #59433a;
}
.rankbadge.green {
 border-left-color: #1f7537;
}
.rankbadge.red {
 border-left-color: #c12020;
}
.rankbadge.gold {
 border-left-color: #ad7a28;
}
.gift_ranking a.green {
 color: #1f7537;
}
.gift_ranking a.red {
 color: #c12020;
}
.gift_ranking a.gold {
 color: #ad7a28;
}
.gift_contents_ttl.green {
 color: #1f7537;
 border-bottom-color: #1f7537;
}
.gift_contents_ttl.red {
 color: #c12020;
 border-bottom-color: #c12020;
}
.gift_contents_ttl.gold {
 color: #ad7a28;
 border-bottom-color: #ad7a28;
}
.gift_recommended a.green {
 color: #1f7537;
}
.gift_recommended a.red {
 color: #c12020;
}
.gift_recommended a.gold {
 color: #ad7a28;
}
.gift_btn a.green {
 color: #1f7537;
 border-color: #1f7537;
}
.gift_btn a:hover.green {
 background: #1f7537;
 color: #fff;
}
.gift_btn a.red {
 color: #c12020;
 border-color: #c12020;
}
.gift_btn a:hover.red {
 background: #c12020;
 color: #fff;
}
.gift_btn a.gold {
 color: #ad7a28;
 border-color: #ad7a28;
}
.gift_btn a:hover.gold {
 background: #ad7a28;
 color: #fff;
}
.xmas_scene li.green {
 color: #1f7537;
}
.xmas_scene li.red {
 color: #c12020;
}
.xmas_scene li.gold {
 color: #ad7a28;
}
.size_test2 {
    font-size:  2px;    /* 文字サイズ指定 */
}


#top_hititem .ro_price,
.top_item_name{
  font-weight: bold;
}

.fs-c-mark--preorder {
  background-color: #EB6356;
}
/******************************************************
ログインページ/マイページ
******************************************************/
.fs-c-subSection__title{
  margin-bottom: 14px;
}
.fs-body-login .fs-c-registeredUsers .fs-c-fsLogin::before{
  content: "●2022年2月1日以降に会員登録済みの方\A●オンラインストアで会員登録済みの方\A●移行手続きが完了した方";
  white-space: pre;  
}
.fs-c-requiredMark::before{
  position: relative;
  top: -5px;
}
.fs-c-anotherLogin__message{
  margin-bottom: 20px;
}
.fs-c-inputInformation__field{
  margin: 15px auto 24px;
}
.fs-c-cardTransfer__title{
  margin-top: 90px;

  margin-bottom: 39px;
}
.fs-c-buttonContainer--memberRegister{
  margin-top: 40px;
}
.fs-c-accountService__page--membershipMerge a .fs-c-accountService__pageLink__label .fs-c-string--label{
  font-size: 0;
}
.fs-c-accountService__page--membershipMerge a .fs-c-accountService__pageLink__label .fs-c-string--label::before{
  content: "ポイント統合";
  font-size: 1.2rem;
}
@media screen and (max-width: 768px){
  .fs-c-cardTransfer__title{
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .fs-c-accountService__page{
    flex-basis:49%;
  }
  .fs-c-accountService__page--accountDelete{
    flex-basis: 100%;
  }
}
/******************************************************
フッター 営業日カレンダー
******************************************************/
.f_calendar {
 text-align: center;
}
.f_calendar table {
 margin-bottom: 20px;
}
.f_calendar th {
 padding: 1px 10px;
 font-weight: bold;
}
.f_calendar td {
 padding: 1px 10px;
 font-weight: bold;
 border: solid 1px #999;
 background: #fff;
}
.f_calendar td.top {
 background: #d7d7d7;
}
.f_calendar td.red {
 background: #ff9b9b;
 color: #fff;
}
.calendar_txt {
 text-align: left;
 font-size: 1.3rem;
 line-height: 2.3rem;
 margin-bottom: 10px;
}
.calendar_txt span {
 color: #ff9b9b;
}
.c_contact {
 padding: 10px 0;
 text-align: left;
}
.contact_link {
 font-weight: bold;
 font-size: 1.5rem;
 display: block;
}
@media screen and (min-width: 1200px) {
#f_information .box_2 {
 width: 66%;
 margin-right: 0%;
 margin-top: 3rem;
 font-size: 1.2rem;
}
.f_calendar {
 display: flex;
}
.f_calendar table {
 margin-right: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
#f_information .box_2 {
 width: 66%;
 margin-right: 0%;
 margin-top: 3rem;
 font-size: 1.2rem;
}
.f_calendar {
 display: flex;
}
.f_calendar table {
 margin-right: 30px;
}
}
@media screen and (max-width: 767px) {
.f_calendar table {
 margin: 10px auto 20px;
}
.c_contact {
 font-size: 1.3rem;
}
}
/******************************************************
SPサイドバー　最上部バナー
******************************************************/
#side_gift.side_box .sidebanner ul {
 width: 100%;
 margin: 0 auto;
 padding: 5% 5% 0 5%;
 background: #f2f2f2;
 list-style: none;
}
.sidebanner li {
 width: 100%;
}
.sidebanner li:nth-child(n+2) {
 margin-top: 10px;
}
/******************************************************
カテゴリ上部-関連ワード
******************************************************/
.keywords_area {
 display: flex;
 -webkit-box-pack: center;
 justify-content: space-between;
 -webkit-box-align: center;
 align-items: center;
 margin: 3% auto ;
 width: 90%;
}
.keywords_about {
 position: relative;
 width: 20%;
 padding-right: 1%;
 font-weight: bold;
 text-align: right;
}
.keywords_btn_list {
 width: 80%;
 text-align: left;
 padding-left: 2%;
}
.keywords_btn_list a {
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #999;
  border-radius: 30px;
  margin: 0px 7px 10px 0px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #666;
  background: #f2f2f2;
}
.keywords_btn_list a:hover {
  top:1px;
  left:1px;
  position:relative;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
.keywords_area {
 display: block;
 width: 100%;
}
.keywords_about {
 width: 100%;
 margin-bottom: 8px;
 padding-left: 10px;
 text-align: left;
}
.keywords_btn_list {
 width: 100%;
 text-align: left;
 padding: 0 10px;
}
.keywords_btn_list a {
 padding: 4px 11px;
 margin: 0px 6px 10px 0px;
}
}
/******************************************************
商品ページ 動画・インスタ
******************************************************/
.movie_insta_space {
 margin: 7% 0 10%;
}
@media screen and (max-width: 767px) {
.movie_insta_space {
 margin: 10% 0 10%;
}
}
/******************************************************
商品ページ 値上げコメント
******************************************************/
.item_markup {
 margin: 15px auto;
 padding: 10px 15px;
 border: 1px solid #ea5549;
 color: #ea5549;
}
.item_markup span {
 font-weight: bold;
 border-bottom: 1px solid #ea5549;
 margin-bottom: 8px;
 display: inline-block;
 width: 100%;
}
/*マイページメニューの文言変更*/
.fs-c-accountService__page--couponList .fs-c-accountService__pageLink__label .fs-c-string--label {
font-size:0;
}
.fs-c-accountService__page--couponList .fs-c-accountService__pageLink__label .fs-c-string--label:before {
font-size: 1.2rem;
content:'オンラインストア用クーポン';
}
/******************************************************
商品ページ 画像下バナー＋テキスト
******************************************************/
.item_event_img {
 margin-bottom: 15px;
 width: 100%;
 height: auto;
}
.movie_insta_space p span.bold {
 font-weight: bold;
}
.movie_insta_space p span.red {
 color: #ea5549;
}
.movie_insta_space p a {
 color: #4689FF;
}
.movie_insta_space p {
 padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
.item_event_img {
 margin-bottom: 20px;
}
.movie_insta_space p:last-child {
 border-bottom: solid 1px;
}
}
/******************************************************
動画-横長
******************************************************/
.video-container-tate {
  position: relative;
  width: 100%;
  padding-bottom: 170%;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
.video-container-tate {
  position: relative;
  width: 100%;
  padding-bottom: 170%;
  margin-bottom: 30px;
}
}
.video-container-tate video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/******************************************************
カテゴリTOP-イベント・フェア
******************************************************/
.eventtop-btn a {
 text-align: center;
 display: block;
 width: 55%;
 padding: 0.8rem 1.6rem;
 margin: 30px auto 50px;
 background: #fff;
 border: 2px solid #51b9d1;
 border-radius: 6px;
 font-size: 1.5rem;
 font-weight: bold;
 color: #51b9d1;
}
.eventtop-btn a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 background: #51b9d1;
 color: #fff;
}
@media screen and (max-width: 767px) {
.eventtop-btn a {
 width: 85%;
 margin: 20px auto;
 border: 1px solid #51b9d1;
}
}
/******************************************************
目次
******************************************************/
.index-area {
 background: #f5f5f5;
 padding: 20px 32px;
 margin: 0 auto 10%;
 width: 70%;
 border-radius: 12px;
}
.index-area ul li{
 margin-top: 1rem;
 margin-bottom: 1rem;
 list-style-type: none;
 line-height: 3rem;
 font-size: 1.6rem;
 font-weight: bold;
 color: #4d5256;
 border-bottom: solid 1px #c5c5c5;
}
.index-area ul li:first-child {
 font-size: 1.7rem;
 border: 0;
}
.index-area a {
 color: #4d5256;
 display: block;
 text-decoration: none;
}
.index-area a:hover {
 opacity: .75;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.index-area {
 padding: 10px 16px;
 width: auto;
}
.index-area ul li {
 margin-bottom: 1.5rem;
 line-height: 2.5rem;
 font-size: 1.5rem;
}
}
/******************************************************
カテゴリ案内用バナー
******************************************************/
.eventbanner ul {
 display: flex;
 flex-wrap: wrap;
 margin: 0 50px 7%;
 list-style: none;
}
.eventbanner li {
 width: 48%;
 margin-right: 4%;
}
.eventbanner li:nth-child(2n) {
 margin-right: 0;
}
.eventbanner li:nth-child(n+3) {
 margin-top: 4%;
}
@media screen and (max-width: 767px) {
.eventbanner ul {
 margin: 0 20px 7%;
}
}
/******************************************************
商品詳細ページ 商品説明本文 下コメント
******************************************************/
.itemcomment3 {
 margin-top: 2rem;
 color: #ea5549;
}