@charset "utf-8";
/* CSS Document */
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: inherit;
  vertical-align: baseline;
}
img {
  vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  font-size: 10px;
}
body {
  font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  color: #403a39;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a, a:visited {
  color: #403a39;
}
a:active, a:hover, a:focus {
  color: #403a39;
}
img {
  max-width: 100%;
}
p {
  line-height: 1.5;
}
.noto {
  font-family: 'Noto Sans JP', sans-serif;
}
.popi {
  font-family: 'Poppins', sans-serif;
}

/* FS調整
================================================== */

/* プレビューバー　非表示
----------------------*/
.fs-preview-header { display: none; }

/* パンくず
----------------------*/
.fs-c-breadcrumb {
  background: #f8f8f8;
  font-size: 1.1rem;
}
.fs-c-breadcrumb__list {
  max-width: 1000px;
  margin: 0 auto;
  padding: 15px 0;
}
@media screen and (max-width: 1000px) {
  .fs-c-breadcrumb__list {
    padding: 10px;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 1.2rem;
  }
}

/* 商品ページ　バリエーション
----------------------*/
.fs-c-variationAndActions__variationLabel {
  margin-bottom: 8px;
}

/* ヘッダー
================================================== */
.top_text {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  padding: 10px 0;
}
.top_text ul {
  display: flex;
}
.top_text ul li:first-child {
  border-right: 1px solid #403a39;
  margin-right: 15px;
  padding-right: 15px;
}
.logoarea {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.header_main {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.header_search form {
  align-items: center;
  display: flex;
  padding: 2px 12px;
}
.header_search form input {
  background: none;
  border: none;
  box-sizing: border-box;
  display: block;
  outline: none;
  width: 100%;
}
.header_search_input {
  flex: 1;
}
.header_search_btn {
  width: 20px;
}
.header_cart a {
  display: block;
  position: relative;
}
.fs-client-cart-count {
  opacity: 0;
}
.fs-client-cart-count:not(.fs-client-cart-count--0) {
  background: #9ec700;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
  position: absolute;
  right: -2px;
  text-align: center;
  top: -2px;
  opacity: 1;
  width: 18px;
}
@media screen and (min-width: 960px){
  [class^="fs-body-checkout"] .fs-l-checkout__sideColumn {
    position: sticky;
    top: 160px;
  }
}
@media screen and (min-width: 1001px) {
  body {
    padding-top: 154px;
  }
  .header {
    background: #fff;
    border-bottom: 1px solid #eee;
    height: 154px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .sp,
  .sp_menu {
    display: none;
  }
  .header_main {
    margin-bottom: 6px;
  }
  .header_main .logo {
    width: 180px;
  }
  .header_menu ul {
    display: flex;
  }
  .header_menu ul li {
    font-size: 1.1rem;
    text-align: center;
    margin-left: 20px;
  }
  .header_menu ul li:nth-child(2) {
    min-width: 60px;
  }
  .header_menu ul li a {
    display: block;
  }
  .header_menu ul li a img {
    width: 24px;
    display: block;
    margin: 0 auto 5px;
  }
  .header_search {
    background: #f8f8f8;
    width: 500px;
  }
  .header_nav_wrap {
    position: relative;
  }
  .header_nav {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .header_nav_item {
    width: 130px;
    text-align: center;
  }
  .header_nav_item > a,
  .header_nav_item > a strong {
    display: block;
    transition-duration: .3s;
  }
  .header_nav_item > a {
    padding: 15px 0;
    position: relative;
  }
  .header_nav_item > a:after {
    background: #9ec700;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    transition-duration: .3s;
    width: 100%;
  }
  .header_nav_item:hover > a {
    text-decoration: none;
  }
  .header_nav_item:hover > a:after {
    height: 4px;
  }
  .header_nav_item > a strong {
    font-weight: 500;
    margin-bottom: 8px;
  }
  .header_nav_item.dd > a strong {
    background: url("../img/arw_green_bottom.svg") right 6px no-repeat;
    background-size: 10px 6px;
  }
  .header_nav_item:hover > a strong,
  .header_nav_item:hover > a span {
    color: #9ec700;
  }
  .dd_menu {
    background: #f8f8f8;
    left: 0;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 53px;
    transition-duration: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 10;
  }
  .header_nav_item:hover .dd_menu {
    opacity: 1;
    visibility: visible;
  }
  .dd_menu dl {
    align-items: center;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
  }
  .dd_menu dt,
  .dd_menu dd {
    box-sizing: border-box;
    padding: 15px 30px;
  }
  .dd_menu dt {
    width: 200px;
  }
  .dd_menu dt span {
    color: #9ec700;
    display: block;
  }
  .dd_menu dt span.en {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 8px;
  }
  .dd_menu dt span.ja {
    font-size: 1.1rem;
  }
  .dd_menu dd {
    border-left: 1px solid #d4d2d0;
    display: flex;
    font-size: 1.3rem;
    font-weight: 500;
    flex: 1;
    flex-wrap: wrap;
    text-align: left;
  }
  .dd_menu dd a {
    display: block;
    padding: 15px 1%;
    width: 20%;
  }
  .dd_menu dd a:hover {
    color: #9ec700;
    text-decoration: none;
  }
}
@media screen and (max-width: 1000px) {
  body {
    padding-top: 60px;
  }
  .top_text {
    display: none;
  }
  .header_main {
    padding: 10px 20px;
  }
  .header_menu li:not(.header_cart) {
    display: none;
  }
  .header_menu li.header_cart {
    width: 30px;
  }
  .header_menu li.header_cart span {
    display: none;
  }
  .header_main .logo {
    margin: 0 auto;
  }
  .header_main .logo img {
    display: block;
    height: 40px;
  }
  .header_search:not(.ddmenu_search) {
    display: none;
  }
  .logoarea {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
  }
  .sp_menu {
    cursor: pointer;
  }
  .sp_menu span {
    background: #4e4737;
    display: block;
    width: 30px;
    height: 2px;
    transition-duration: .4s;
  }
  .sp_menu span:nth-child(2) {
    margin: 6px 0;
  }
  .sp_menu span:nth-child(3) {
    width: 20px;
  }
  #custom_drawer:checked + .header .sp_menu span:nth-child(1) {
    transform: translate(0,8px) rotate(45deg);
  }
  #custom_drawer:checked + .header .sp_menu span:nth-child(2) {
    transform: translate(-30px,0);
    opacity: 0;
  }
  #custom_drawer:checked + .header .sp_menu span:nth-child(3) {
    transform: translate(0,-8px) rotate(-45deg);
    width: 30px;
  }
  .header nav {
    height: calc(100% - 60px);
    left: 0;
    opacity: 0;
    position: fixed;
    top: 60px;
    transform: translate(-10px,0);
    transition-duration: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 12;
  }
  #custom_drawer:checked + .header nav {
    transform: translate(0,0);
    opacity: 1;
    visibility: visible;
  }
  .header_nav_wrap {
    background: #fff;
    height: 100%;
    overflow: auto;
  }
  .header_nav_item {
    font-weight: 500;
  }
  .dd_menu dt {
    display: none;
  }
  .header_nav_item:not(.dd) > a,
  .header_nav_item dd a{
    background: url("../img/arw_green_right.svg") right 10px center no-repeat;
    background-size: 21px 12px;
    border-bottom: 1px dotted #d4d2d0;
    display: block;
    padding: 14px;
    padding-right: 38px;
  }
  .header_nav_item.dd > a {
    border-bottom: 1px dotted #d4d2d0;
    display: block;
    padding: 14px;
    padding-right: 38px;
    position: relative;
  }
  .header_nav_item.dd > a:before,
  .header_nav_item.dd > a:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 14px;
    height: 2px;
    background: #9ec700;
  }
  .header_nav_item.dd > a:after {
    transform: rotate(90deg);
    transition-duration: .3s;
  }
  .header_nav_item.dd > a.active:after {
    transform: rotate(0);
  }
  .header_nav_item dd {
    display: none;
  }
  .header_nav_item.dd > a.active + .dd_menu dd {
    display: block;
  }
  .header_nav_item dd a {
    background-color: #f8f8f8;
    padding-left: 38px;
  }
  .sp_genre {
    background: #403a39;
    color: #fff;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: bold;
    padding: 10px;
    text-align: center;
  }
  .ddmenu_info ul {
    display: flex;
    justify-content: space-between;
    padding: 10px;
  }
  .ddmenu_info li {
    width: 32%;
  }
  .ddmenu_info a {
    background: #9ec700;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 1.1rem;
    letter-spacing: 0;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
  }
  .ddmenu_info a img {
    display: block;
    margin: 0 auto 5px;
    width: 24px;
  }
  .ddmenu_search {
    padding: 10px;
    margin-bottom: 10px;
  }
  .ddmenu_search form {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
  }
  .ddmenu_search input[type="text"] {
    font-size: 1.6rem;
  }
  .ddmenu_close {
    padding: 15px;
  }
  .ddmenu_close label {
    background: #e6e6e6;
    border-radius: 4px;
    display: block;
    font-weight: 500;
    padding: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .fs-l-main {
    margin-top: 0;
  }
  .header_main {
    padding: 10px 15px;
  }
}


/* フッター
================================================== */
.ft_wrap {
  background: #403a39;
  color: #fff;
  font-size: 1.1rem;
}
.ft_wrap a {
  color: #fff;
}
.ft_copyright_menu ul {
  align-items: center;
  display: flex;
}
.ft_sns li {
  width: 26px;
  margin: 0 10px;
}
.custom-l-footer__contents {
  border-bottom: 1px solid #6c6659;
}
@media screen and (min-width: 1001px) {
  .ft_logo {
    width: 180px;
    margin: 0 auto 50px;
  }
  .ft_contents {
    display: flex;
  }
  .ft_logo_wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
  }
  .ft_contents_item {
    flex: 1;
    padding: 5px;
  }
  .ft_contents_item:nth-child(2) {
    padding: 5px 40px;
    margin: 0 40px;
    border-left: 1px solid #6c6659;
    border-right: 1px solid #6c6659;
  }
  .ft_contents_item dl {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
  }
  .ft_contents_item dt {
    width: 28px;
    margin-right: 15px;
  }
  .ft_contents_item dd {
    font-size: 1.5rem;
    font-weight: 500;
  }
  .ft_contents_item p {
    color: #e6e6e6;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .copyright_wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    padding: 16px 0;
  }
  .ft_copyright_menu {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
  }
  .ft_util li {
    margin-right: 20px;
    padding-right: 20px;
  }
  .ft_util li:first-child {
    border-right: 1px solid #fff;
  }
}
@media screen and (max-width: 1000px) {
  .ft_wrap {
    padding: 15px;
    text-align: center;
  }
  .ft_copyright_menu ul {
    justify-content: center;
    margin-bottom: 10px;
  }
  .ft_contents {
    display: none;
  }
  .ft_logo {
    width: 120px;
    margin: 0 auto;
  }
  .custom-l-footer__contents {
    border-bottom: none;
  }
}


/* ページトップ　Progress
================================================== */
.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  background: rgba(255, 255, 255, .9);
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(61, 47, 31, .3);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress-wrap i {
  font-size: 1.2rem;
  height: 7px;
  left: 16px;
  position: absolute;
  top: 12px;
  transition-duration: .4s;
  width: 14px;
}
.progress-wrap:hover {
  background: rgba(255, 255, 255, .7);
}
.progress-wrap:hover i {
  color: #9ec700;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #9ec700;
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
@media screen and (max-width: 1000px) {
  .progress-wrap {
    right: 10px;
    bottom: 10px;
  }
  .ft_util li:first-child {
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
  }
}


/* トップページ
================================================== */
.welcome_text {
  text-align: center;
}
.welcome_text .title {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.welcome_text .title strong {
  border-bottom: 1px solid #9ec700;
  color: #9ec700;
  display: inline-block;
  padding-bottom: 3px;
}
.welcome_text p {
  line-height: 1.7;
}
.top_banner_text {
  color: #f6f6f6;
  font-weight: 600;
  text-align: center;
}
.top_banner a {
  display: block;
  text-decoration: none;
  transition-duration: .3s;
}
.top_banner_text {
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .top_free1 .header_search {
    max-width: 500px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 601px) {
  .top_banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
  }
  .top_banner a:hover {
    color: #9ec700;
  }
  .top_banner_item {
    margin-bottom: 30px;
    max-width: 49%;
  }
  .top_banner_text {
    font-size: 13rem;
    letter-spacing: 10px;
    margin-bottom: -40px;
  }
  .top_banner_item p {
    margin-top: 10px;
  }
    .top_banner_bottom {
        justify-content: center;
        text-align: center;
    }
    .top_banner_item2 {
        margin-top: 30px;
    }
    .top_banner_item2:first-child {
        margin-top: 0;
    }
    .top_banner_item2 p {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
  .top_banner {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .top_banner_text {
    font-size: 12vw;
    letter-spacing: 6px;
    margin-bottom: -.3em;
  }
}
@media screen and (max-width: 600px) {
  .welcome_text .title {
    font-size: 1.6rem;
  }
  .welcome_text p br {
    display: none;
  }
  .top_banner {
    margin: 0 15px;
  }
  .top_banner_item {
    margin-bottom: 20px;
  }
  .top_banner_item p {
    margin-top: 5px;
  }
    .top_banner_item2 {
        margin-top: 20px;
    }
    .top_banner_item2:first-child {
        margin-top: 0;
    }
    .top_banner_item2 p {
    margin-top: 5px;
  }
}

/* トップスライダー
================================================== */
.fs-c-slick .slick-dots {
  margin-top: 10px;
}
.fs-c-slick .slick-dots li {
  height: auto;
  width: auto;
  margin: 3px;
}
.fs-c-slick .slick-dots li button {
  height: 4px;
  width: 60px;
  padding: 0;
  background: #f2f2f2;
}
.fs-c-slick .slick-dots li.slick-active button {
  background: #e6ec00;
}
.fs-c-slick .slick-dots li button:before {
  content: none;
}
.fs-c-slick .slick-prev:before,
.fs-c-slick .slick-next:before {
  color: #403a39;
}
.fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
  background: none;
}
.top_item_slider {
  position: relative;
}
.top_item_slider a {
  padding: 5px;
}
.top_item_slider .slick-arrow {
  background-color: rgba(255,255,255,.8);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 7px 14px;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 0;
  padding: 0;
  position: absolute;
  margin: 0;
  top: 45%;
  z-index: 8;
}
.top_item_slider .slick-prev {
  background-image: url("../img/arw_black_left.svg")
}
.top_item_slider .slick-next {
  background-image: url("../img/arw_black_right.svg")
}
.top_slider,
.horizontal_slider {
  opacity: 0;
  overflow: hidden;
  transition-duration: .5s;
}
.top_slider {
  height: 450px;
}
.horizontal_slider {
  height: 400px;
}
.top_slider.done,
.horizontal_slider.done {
  height: auto;
  opacity: 1;
  overflow: visible;
}
.top_loading {
  background: url("../img/loading.svg") center center no-repeat;
  background-size: 30px 30px;
}
.top_loading.done {
  background: none;
}

.mypage.false {
  display: none;
}
.login.true {
  display: none;
}
@media screen and (min-width: 1001px) {
  .top_slider:before,
  .top_slider:after {
    background: rgba(255,255,255,.8);
    width: calc((100% - 1000px) / 2);
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 20;
  }
  .top_slider:before {
    left: 0;
  }
  .top_slider:after {
    right: 0;
  }
  .fs-c-slick .slick-prev {
    left: calc((100% - 1090px) / 2);
  }
  .fs-c-slick .slick-next {
    right: calc((100% - 1090px) / 2);
  }
}
@media screen and (min-width: 1071px) {
  .top_item_slider .slick-prev {
    left: -40px;
  }
  .top_item_slider .slick-next {
    right: -40px;
  }
}
@media screen and (max-width: 768px) {
  .top_slider {
    height: 353px;
  }
  .horizontal_slider {
    height: 320px;
  }
}
@media screen and (max-width: 600px) {
  .fs-c-slick .slick-dots {
    margin-top: 5px;
  }
  .fs-c-slick .slick-dots li button {
    height: 3px;
    width: 30px;
  }
}

@media screen and (max-width: 375px) {
  .top_slider {
    height: 182px;
  }
  .horizontal_slider {
    height: 250px;
  }
}


/* トップページ　コンテンツ
================================================== */
.top_wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.top_section.gray {
  background: #f8f8f8;
}
.top_title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 4px;
}
.top_title_sub {
  font-weight: 500;
  text-align: center;
  letter-spacing: 4px;
}
.top_title_sub span {
  border-bottom: 2px solid #403a39;
  display: inline-block;
  padding-bottom: 10px;
}
.recommend ul {
  display: flex;
  flex-wrap: wrap;
}
.horizontal_slider a,
.recommend ul li a {
  display: block;
  text-decoration: none;
  transition-duration: .3s;
}
.item_price,
.item_price_addtion {
  color: #da322a;
  font-weight: 500;
}
.label {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.2rem;
  padding: 4px 10px;
}
.label.new {
  background: #dcc550;
  color: #fff;
}
.rank {
  background: #9ec700;
  color: #fff;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 4px;
  text-align: center;
  width: 34px;
}
.rank.rank1 {background-color: #c39a2e;}
.rank.rank2 {background-color: #999;}
.rank.rank3 {background-color: #7f5637;}

@media screen and (min-width: 1001px) {
  .top_section {
    padding: 60px 10px;
  }
  .top_title {
    font-size: 3rem;
    margin-bottom: 10px;
  }
  .top_title_sub {
    font-size: 1.6rem;
    margin-bottom: 40px;
  }
  .horizontal_slider a:hover,
  .recommend ul li a:hover {
    color: #9ec700;
    opacity: .8;
  }
}
@media screen and (max-width: 1000px) {
  .top_section {
    padding: 40px 10px;
  }
  .top_title {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .top_title_sub {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .top_item_slider .slick-prev {
    left: 10px;
  }
  .top_item_slider .slick-next {
    right: 10px;
  }
}
@media screen and (min-width: 769px) {
  .recommend ul li {
    width: 32%;
    margin-bottom: 3%;
    margin-right: 2%
  }
  .recommend ul li:nth-child(3n) {
    margin-right: 0;
  }
  .item_name {
    margin: 15px 0 ;
  }
  .item_price {
    font-size: 1.5rem;
  }
  .item_price_addtion {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .recommend ul {
    max-width: 650px;
    margin: 0 auto;
  }
  .recommend ul li {
    width: 49%;
    margin-bottom: 3%;
    margin-right: 2%
  }
  .recommend ul li:nth-child(even) {
    margin-right: 0;
  }
  .item_name {
    margin: 10px 0 ;
  }
  .item_price {
    font-size: 1.4rem;
  }
  .item_price_addtion {
    font-size: 1rem;
  }
  .rank {
    font-size: 1.4rem;
    line-height: 20px;
    width: 20px;
  }
}

/* トップページ　ニュース
================================================== */
.top_news li {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 0 !important;
}
.top_news a {
  display: block;
  background: url("../img/arw_black_right.svg") right 10px center no-repeat;
  background-size: 7px 14px;
  text-decoration: none;
  transition-duration: .4s;
}
.top_news span {
  display: block;
}
.top_news time {
  color: #999;
  display: inline-block;
  margin-right: 25px;
  font-weight: 600;
  font-size: 1.2rem;
  font-family: 'Poppins', sans-serif;
}
@media screen and (min-width: 1001px) {
  .top_news a,
  .top_news span {
    padding: 25px;
  }
  .top_news a:hover {
    background: url("../img/arw_green_right.svg") right 5px center no-repeat #f8f8f8;
    background-size: 7px 14px;
    color: #9ec700;
  }
}
@media screen and (max-width: 1000px) {
  .top_news time {
    display: block;
    margin-bottom: 5px;
  }
  .top_news a,
  .top_news span {
    padding: 15px 40px 15px 15px;
  }
}


/* ラインアニメーション
================================================== */
.line_scroll {
  background: #f6f6f6;
  display: block;
  position: relative;
}
.line_scroll:after,
.line_scroll:before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  display: block;
}
.line_scroll:after {
  background: #9ec700;
  -webkit-animation-name: lineInOut;
  animation-name: lineInOut;
  z-index: 10
}
.line_scroll:before {
  background: #f6f6f6;
  -webkit-animation-name: lineInOut2;
  animation-name: lineInOut2;
  position: absolute;
  top: 0;
  z-index: 100
}
@media screen and (min-width: 601px) {
  .line_scroll {
    width: 2px;
    height: 40px;
    margin: 30px auto;
  }
}
@media screen and (max-width: 600px) {
  .line_scroll {
    width: 1px;
    height: 20px;
    margin: 15px auto;
  }
}
@-webkit-keyframes lineInOut {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  5% {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  59% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  60% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
}
@keyframes lineInOut {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  5% {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  59% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  60% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
}
@-webkit-keyframes lineInOut2 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  5% {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  20% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  21% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
}
@keyframes lineInOut2 {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  5% {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  20% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top
  }
  21% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom
  }
}


/* 下層ベース
================================================== */
.fs-l-main {
  max-width: 1016px;
}
/* サイドエリア
-----------------------*/
.side_title {
  background: #403a39;
  color: #fff;
  font-weight: 500;
  padding: 15px 0;
  text-align: center;
}
.side_title span {
  display: block;
}
.side_title .main {
  font-size: 2rem;
  letter-spacing: 3px;
  margin-bottom: 2px;
}
.side_title .sub {
  font-size: 1.3rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 1001px) {
  .sub_area {
    max-width: 220px;
  }
  .sub_area + .fs-l-pageMain {
    max-width: 750px;
  }
  .side_title {
    background: #403a39;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 15px 0;
    text-align: center;
  }
  .side_title span {
    display: block;
  }
  .side_title .main {
    font-size: 2rem;
    letter-spacing: 3px;
    margin-bottom: 2px;
  }
  .side_title .sub {
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
  .side_link a {
    display: block;
    font-weight: 500;
    padding: 10px;
    transition-duration: .3s;
  }
  .side_link a:hover {
    color: #9cc800;
    text-decoration: none;
  }
  .sidefree2 {
    margin-top: 30px;
  }
  .side_banner {
    margin-top: 20px;
  }
  .fs-p-sideMenu * {
    transition-duration: .2s;
  }
  .fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {
    margin-top: 0;
  }
  .fs-p-sideMenu .fs-pt-menu__heading {
    padding: 0;
  }
  .fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    border: none;
    border-bottom: 1px dotted #e5e5e5;
    font-weight: 500;
  }
  .fs-p-sideMenu .fs-pt-menu__heading--lv1 + ul {
    padding: 18px 0;
  }
  .fs-p-sideMenu .fs-pt-menu__heading--lv2 {
    border-bottom: none;
  }
  .fs-p-sideMenu a {
    margin: 0;
    padding: 15px 8px;
  }
  .fs-p-sideMenu a:hover {
    background: #f6f6f6;
    color: #9cc500;
  }
  .fs-p-sideMenu .fs-pt-menu__link::after {
    color: #9cc500;
  }
  .fs-p-sideMenu .fs-pt-menu__link--lv2 {
    font-size: 1.3rem;
    padding: 10px;
  }
  .fs-p-sideMenu .fs-pt-menu__link--lv2::before {
    content: none;
  }
}
@media screen and (max-width: 1000px) {
  .sub_area {
    display: none;
  }
}
/* ページタイトル
-----------------------*/
.fs-c-heading--page {
  color: #403a39;
  border-bottom: none;
  font-weight: 700;
  padding: 15px 0;
  text-align: center;
  margin-bottom: 20px;
}
.fs-c-heading--page:after {
  background-color: #333;
  content: "";
  display: block;
  height: 1px;
  margin: 20px auto 0;
  width: 40px;
}
@media screen and (max-width: 1000px) {
  .fs-c-heading--page {
    font-size: 1.6rem;
    margin: 0;
    text-align: center;
  }
  .fs-c-subgroup {
    margin-top: 0;
  }
}

/* 商品一覧
================================================== */
.fs-c-productList__list__item {
  border-bottom: none;
}
.fs-c-productName__copy {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  /* 商品一覧
  -----------------------*/
  .fs-c-productList__list {
    display: flex;
    flex-wrap: wrap;
  }
  .fs-c-productList__list__item {
    margin-right: 2%;
    padding: 10px 0;
    width: 32%;
  }
  .fs-c-productList__list__item:nth-child(3n) {
    margin-right: 0;
  }
}

/* ソートコントロール
================================================== */
.fs-c-productList__controller {
  border-top: 1px solid #f2f2f2;
  display: block;
  margin: 10px 0;
  padding: 10px 0;
}
.fs-c-sortItems {
  font-weight: 500;
  justify-content: flex-end;
}
.fs-c-sortItems__list {
  flex-grow: 0;
}
.fs-c-sortItems__label {
  border: none;
}
.fs-c-sortItems__list__item.is-active {
  background: none;
  color: #9ec700;
}
@media screen and (min-width: 600px) {
  .fs-c-sortItems__label {
    padding: 2px 14px;
  }
  .fs-c-sortItems__list__item {
    border-left: 1px solid #d4d2d0;
  }
  .fs-c-sortItems__list__item__label {
    padding: 3px 14px;
  }
  .fs-c-productList__controller .fs-c-sortItems {
    margin: 10px 0 30px;
  }
}
@media screen and (max-width: 599px) {
  .fs-c-sortItems__label {
    background: url("../img/arw_green_bottom.svg") 94% center no-repeat;
    background-size: 14px 7px;
    border-top: 1px solid #403a39;
    border-bottom: 1px solid #403a39;
    cursor: pointer;
    display: block;
    padding: 15px 0;
  }
  .fs-c-productList__controller {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .fs-c-sortItems {
    border: none;
    display: block;
    text-align: center;
  }
  .fs-c-sortItems__list {
    border-left: none;
    display: none;
  }
  .fs-c-sortItems__label.active {
    background-image: url("../img/arw_green_top.svg");
    border-color: #cecbc9;
  }
  .fs-c-sortItems__label.active + .fs-c-sortItems__list {
    display: block;
  }
  .fs-c-sortItems__list__item__label {
    padding: 15px 0;
    border-bottom: 1px dotted #cecbc9;
  }
}
/* ページャー
-----------------------*/
.fs-c-listControl {
  font-size: 1.2rem;
}
.fs-c-pagination__item.is-active {
  background: none;
  color: #9ec700;
}
.fs-c-pagination__item--prev::before,
.fs-c-pagination__item--next::before {
  color: #9ec700;
  font-weight: bold;
}

/* 商品詳細
================================================== */
.fs-c-productNameHeading__copy {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}
.fs-c-productNumber {
  border: none;
  color: #a29c99;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0;
}
.fs-c-variationRadioList__row {
  border-top: 1px solid #dedede;
  padding: 10px;
}
.fs-c-variationRadioList__row:last-child {
  border-bottom: 1px solid #dedede;
}
.fs-c-productSelection__name {
  padding: 10px;
  margin-bottom: 5px;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
  color: #9ec700;
}
.fs-c-stockSignLegend {
  line-height: 1.5;
}
/* 商品マーク
-----------------------*/
.fs-c-productMarks {
  margin-bottom: 5px;
}
.fs-c-productMark__mark {
  border-radius: 0;
}
.fs-c-button--addToCart--detail.fs-c-button--image {
  width: 100%;
  max-width: 450px;
}
.fs-c-productThumbnail__image {
  margin: 0;
  flex-basis: 20%;
  min-width: 20%;
  padding: 2px;
}
/* 商品価格
-----------------------*/
.fs-c-productPrice--listed {
  margin-bottom: 5px;
}
.fs-c-productPrice__main__label {
  font-size: 1.2rem;
}
.fs-c-productPrice--selling {
  font-weight: 500;
}
.label_new {
  background: #dcc550;
}
.label_sale {
  background: #e24824;
}
.label_re {
  background: #01a0eb;
}
.fs-c-productNotice--outOfStock {
  padding: 15px;
}
/* カート下部リンク
-----------------------*/
.cart_bottom_text {
  font-size: 1.2rem;
}
.cart_bottom_text button,
.cart_bottom_text a {
  color: #403a39;
  text-decoration: underline;
}
.cart_bottom_text button::before,
.cart_bottom_text a::before {
  content: "・";
}
/* 商品詳細
-----------------------*/
.item_detail {
  border-top: 1px solid #403a39;
  padding-top: 20px;
  margin-top: 15px;
}
.product_comment section {
  font-size: 1.2rem;
  line-height: 1.6;
  border-bottom: 1px dotted #e6e6e6;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.product_comment img {
  display: block;
  margin: 0 auto;
}
.product_comment p {
  padding: 20px 15px 0;
}
.fs-l-product2 .fs-l-productLayout table {
    width: 100%;
}
.fs-l-product2 .fs-l-productLayout table.tb_top td {
    padding: 5px;
    vertical-align: middle;
    border: solid 1px #dcdcdc;
}
.fs-l-product2 .fs-l-productLayout table.tb_top td.td_left {
    width: 100px;
    min-width: 100px;
}
@media screen and (min-width: 960px){
  .fs-l-product2 .fs-l-productLayout {
    display: grid;
    grid-template-columns: calc(52% - 26px / 2) calc(48% - 26px / 2);
    grid-gap: 26px;
    align-items: start;
  }
  .item_detail {
    padding-top: 40px;
    margin-top: 30px;
  }
}
@media screen and (min-width: 600px) {
  .fs-l-product2 .fs-l-productLayout > * > *,
  .fs-c-productNameHeading__copy {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
    .fs-l-product2 .fs-l-productLayout table {
        width: 100%;
    }
    .fs-l-product2 .fs-l-productLayout table.tb_top td {
        padding: 5px;
        vertical-align: middle;
        border: solid 1px #dcdcdc;
    }
    .fs-l-product2 .fs-l-productLayout table.tb_top td.td_left {
        width: 80px;
        min-width: 80px;
    }
}
@media screen and (max-width: 599px) {
  .product_comment section {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .product_comment p {
    padding: 15px 5px 0;
  }
}

/* サブカテゴリー一覧
-----------------------*/
.fs-c-subgroupList__link::after {
  content: none;
  display: none;;
}
.fs-c-subgroupList__item {
  flex-grow: 0;
  flex-basis: auto;
  padding: 2px;
  width: 20%;
}
.fs-c-subgroupList__link {
  background: #f8f8f8;
  border: none;
  border-radius: 2px;
  display: block;
  font-size: 1.2rem;
  text-align: center;;
  transition-duration: .3s;
  padding: 10px;
}
@media screen and (min-width: 1001px) {
  .fs-c-subgroupList__link {
    padding: 20px 10px;
  }
  .fs-c-subgroupList__link:hover {
    background: #9ec700;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .fs-c-subgroupList__item {
    width: 25%;
  }
}
@media screen and (max-width: 600px) {
  .fs-c-subgroupList__item {
    width: auto;
  }
}

/* カテゴリーヘッダー
-----------------------*/
.category_header {
  text-align: center;
}
.caution {
  color: #d03431;
}
.category_header p {
  line-height: 1.8;
  padding: 0 15px;
}
@media screen and (min-width: 901px){
  .category_header {
    font-size: 1.6rem;
  }
  .category_header p {
    margin: 30px 0;
  }
}
@media screen and (max-width: 900px){
  .category_header {
    font-size: 1.4rem;
  }
  .category_header p {
    margin: 15px 0;
  }
}


/* 特集
================================================== */
.free_wrap {
  max-width: 1400px;
  margin: 0 auto;
}
.free-pageMain .head_text {
  text-align: center;
  line-height: 2;
}
.free-pageMain .variation {
  color: #9c9897;
}
.free-pageMain .price {
  color: #d3322a;
  font-weight: bold;
}
.free-pageMain a:hover {
  text-decoration: none;
}
@media screen and (min-width: 1001px){
  .free-pageMain a {
    display: block;
    transition-duration: .3s;
  }
  .free-pageMain .name {
    font-size: 1.8rem;
    margin: 12px 0;
  }
  .free-pageMain .variation {
    font-size: 1.3rem;
  }
  .free-pageMain .price {
    margin-top: 15px;
  }
  .free-pageMain .price span {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px){
  .free-pageMain .name {
    font-size: 1.4rem;
    margin: 10px 0;
  }
  .free-pageMain .variation {
    font-size: 1.1rem;
  }
  .free-pageMain .price {
    margin-top: 10px;
  }
  .free-pageMain .price span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 601px){
  .free-pageMain .head_text {
    font-size: 1.6rem;
    margin: 40px 15px;
  }
}
@media screen and (max-width: 600px){
  .free-pageMain .head_text {
    font-size: 1.2rem;
    margin: 20px 15px;
  }
}

/* 岡山デニム
-----------------------*/
.okayama_denim {
  color: #403a39;
}
.point_headline {
  border-bottom: 1px solid #00496e;
  color: #00496e;
  display: inline-block;
  font-size: 2.1rem;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  letter-spacing: 0;
  padding-bottom: 5px;
}
.point_headline span {
  font-size: 2.6rem;
}
.denim_logo {
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  height: 470px;
  justify-content: center;
}
.denim_point_item .info {
  flex: 1;
}
.denim_point_item .info p {
  line-height: 1.7;
}
.point_title {
  color: #00496e;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 1260px){
  .denim_point {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1201px){
  .denim_point_item .image {
    width: 640px;
  }
}
@media screen and (min-width: 901px){
  .denim_point_item {
    display: flex;
    max-width: 1260px;
    width: 100%;
  }
  .denim_point_item .image {
    width: 50%;
  }
  .denim_point_item:nth-child(odd) {
    margin-right: auto;
  }
  .denim_point_item:nth-child(even) {
    flex-direction: row-reverse;
    margin-left: auto;
  }
  .denim_point_item:nth-child(odd) .image {
    margin-right: 60px;
  }
  .denim_point_item:nth-child(even) .image {
    flex-direction: row-reverse;
    margin-left: 60px;
  }
  .denim_point_item {
    padding: 50px 0;
  }
  .point_title {
    font-size: 2.2rem;
    margin: 30px 0;
  }
}
@media screen and (max-width: 900px){
  .point_headline {
    font-size: 1.8rem;
  }
  .point_headline span {
    font-size: 2.2rem;
  }
  .denim_point_item {
    max-width: 640px;
    margin: 30px auto;
    text-align: center;
  }
  .denim_point_item .image {
    text-align: center;
    margin-bottom: 15px;
  }
  .denim_point_item .info p {
    text-align: left;
  }
  .point_title {
    font-size: 1.6rem;
    margin: 15px 0;
  }
}
@media screen and (min-width: 601px){
  .denim_logo {
    background-image: url(../img/free/denim/bg_pc.jpg);
  }
  .denim_logo img {
    width: 400px;
  }
}
@media screen and (max-width: 600px){
  .denim_logo {
    background-image: url(../img/free/denim/bg_sp.jpg);
    background-size: cover;
  }
  .denim_logo img {
    width: 80%;
  }
}

/* 岡山デニム　商品一覧
-----------------------*/
.denim_bg {
  background: url(../img/free/denim/bg_rep.jpg) center center;
}
.title_map {
  background: url(../img/free/denim/denim_map.svg) center center no-repeat;
  background-size: contain;
}
.denim_bg .sub_title {
  max-width: 450px;
  margin: 0 auto;
}
.denim_bg p {
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.denim_select_list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1001px){
  .denim_selection {
    padding: 40px 0;
  }
  .denim_select_item {
    width: 460px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .denim_select_item:nth-child(even) {
    margin-left: auto;
  }
}
@media screen and (max-width: 1000px){
  .denim_select_item {
    width: 48%;
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .denim_selection {
    background: #f2f6fb;
    padding: 20px 2%;
  }
  .denim_select_item {
    padding: 10px;
    background-color: #fff;
  }
}
@media screen and (min-width: 901px){
  .denim_bg {
    margin-top: 50px;
    padding: 10px;
  }
  .denim_bg p {
    font-size: 1.6rem;
    margin-top: 30px;
  }
  .title_map {
    padding: 30px 0;
  }
  .denim_select_list a:hover {
    color: #85b100;
    opacity: .8;
  }
}
@media screen and (max-width: 900px){
  .denim_bg p {
    font-size: 1.2rem;
    margin-top: 20px;
  }
  .denim_bg {
    margin-top: 30px;
    padding: 10px 15px;
  }
  .title_map {
    padding: 15px 0;
  }
}
@media screen and (min-width: 601px){
  .denim_select_item:nth-child(even) {
    margin-left: 4%;
  }
}
@media screen and (max-width: 600px){
  .denim_select_item {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
  }
}


/* あったか特集
-----------------------*/
.warm_selection {
  background: #f7f7f7;
  padding-bottom: 40px;
}
.warm_selection .free_wrap {
  max-width: 1060px;
}
.warm_logo {
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
.warm_column {
  background-color: #fff;
  margin-bottom: 20px;
}
.warm_column p {
  line-height: 1.5;
}
.warm_detail .image {
  text-align: center;
}
.sub_title {
  color: #ff8228;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
.sub_thumbnail {
  display: flex;
}
.sub_thumbnail .thumb {
  width: 48%;
}
.sub_thumbnail .thumb:nth-child(even) {
  margin-left: auto;
}
.sub_thumbnail .thumb p {
  text-align: justify;
  margin-top: 10px;
}
.item_title {
  font-weight: bold;
}
.warm_column1 .item_title {
  line-height: 1.5;
}
.warm_info .item_title strong {
  color: #ff7a2f;
}
.cart_btn a {
  align-items: center;
  background-image: url(../img/arw_white_right.svg);
  background-repeat: no-repeat;
  background-position: 94% center;
  box-shadow: 6px 6px 0 #ddd;
  color: #fff;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: 0 auto;
  width: 94%;
}
.warm_cart .cart_btn a {
  background-color: #ff8228;
}
.warm_cart {
  text-align: center;
}
.item_title_thumb {
  align-items: center;
  display: flex;
}
.item_title_thumb .item_title {
  flex: 1;
  margin-left: 15px;
  line-height: 1.4;
}
@media screen and (min-width: 1001px){
  .cart_btn a:hover {
    color: #fff;
    opacity: .8;
  }
}
@media screen and (max-width: 1000px){
  .warm_select_list {
    padding: 0 15px;
  }
}
@media screen and (min-width: 601px){
  .warm_logo {
    background-image: url(../img/free/warm/warm_bg.jpg);
    height: 470px;
  }
  .warm_logo img {
    width: 500px;
  }
  .warm_column {
    padding: 30px;
  }
  .sub_title {
    font-size: 2.5rem;
  }
  .sub_thumbnail {
    margin-top: 20px;
  }
  .sub_thumbnail .thumb p {
    font-size: 1.3rem;
  }
  .cart_btn a {
    background-size: 24px;
    font-size: 1.8rem;
    height: 72px;
  }
  .warm_cart .cart_btn a {
    border-radius: 36px;
  }
  .warm_column1 .item_title {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .warm_column1 .warm_detail {
    align-items: center;
    display: flex;
  }
  .warm_column1 .left {
    width: 52%;
  }
  .warm_column1 .right {
    width: 43%;
    margin-left: auto;
  }
  .warm_column1 .warm_cart {
    align-items: center;
    display: flex;
  }
  .warm_column2 {
    display: flex;
  }
  .warm_column2 .warm_column {
    width: 49%;
  }
  .warm_column2 .warm_column:nth-child(even) {
    margin-left: auto;
  }
  .warm_column2 .cart_info {
    margin: 20px 0;
  }
  .item_title_thumb {
    margin: 20px 0;
  }
  .item_title_thumb .image {
    width: 140px;
  }
}
@media screen and (max-width: 600px){
  .warm_logo {
    background-image: url(../img/free/warm/warm_bg_sp.jpg);
    height: 320px;
  }
  .warm_logo img {
    width: 80%;
  }
  .item_title {
    margin: 15px 0;
    font-size: 1.4rem;
  }
  .sub_thumbnail {
    margin-top: 15px;
  }
  .sub_title {
    font-size: 1.6rem;
  }
  .cart_btn a {
    background-size: 20px;
    font-size: 1.4rem;
    height: 40px;
  }
  .warm_cart .cart_btn a {
    border-radius: 20px;
  }
  .warm_column {
    padding: 15px 15px 30px;
  }
  .item_title_thumb .image {
    width: 80px;
  }
  .cart_info,
  .item_title_thumb {
    margin: 15px 0;
  }
}

/* ひんやり特集
-----------------------*/
.cool_selection {
  padding-bottom: 40px;
}
.cool_logo {
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
.cool_head {
  font-family: 'Sawarabi Mincho', sans-serif;
}
.cool_head {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.item_info {
  background-color: #fff;
}
.cool_bg_in {
  position: relative;
}
.cool_wrap .name {
  font-weight: bold;
}
.uv .cool_bg {
  background-color: #e6fcff;
}
.uv .name,
.uv .cool_head .en,
.uv .item_title strong {
  color: #25c8d8;
}
.uv .cart_wrap {
	text-align: center;
  border: 1px solid #25c8d8;
}
.uv .cart_btn a {
  background-color: #25c8d8;
}
.nomal_price strong {
  font-weight: bold;
  text-decoration: line-through;
}
.sale_off {
  background: #d34840;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  padding: 2px 10px;
}

.summer .cool_bg {
  background-color: #fbfae7;
}
.summer .name,
.summer .cool_head .en,
.summer .item_title strong {
  color: #ffc800;
}
.summer .cart_wrap {
	text-align: center;
  border: 1px solid #ffc800;
}
.summer .cart_btn a {
  background-color: #ffc800;
}

@media screen and (min-width: 1201px){
  .cool_bg_in:nth-child(odd) .item_info {
    padding: 40px 10% 60px 200px;
  }
  .cool_bg_in:nth-child(even) .item_info {
    padding: 40px 200px 60px 10%;
    margin-left: auto;
  }
}
@media screen and (min-width: 1001px){
  .cool_logo {
    background-image: url(../img/free/cool/cool_bg.jpg);
    height: 470px;
  }
  .cool_logo img {
    width: 560px;
  }
  .cool_bg {
    padding: 60px 0;
  }
  .cool_head {
    align-items: center;
    display: flex;
    font-size: 5.4rem;
    line-height: 1;
    margin-bottom: -.5em;
  }
  .cool_head .cool_title {
    margin-right: 60px;
  }
  .cool_head .en {
    font-size: 3.6rem;
  }
  .cool_bg .item_title {
    font-size: 2.2rem;
    line-height: 1.7;
  }
  .item_info {
    width: 60%;
  }
  .cool_bg_in:nth-child(odd) .item_info {
    padding: 40px 10% 60px;
  }
  .cool_bg_in:nth-child(even) .item_info {
    padding: 40px 10% 60px;
    margin-left: auto;
  }
  .item_info p {
    line-height: 1.8;
    margin: 20px 0;
  }
  .cart_wrap {
    padding: 20px 30px 40px;
  }
  .nomal_price {
    margin-top: 20px;
  }
  .nomal_price strong {
    font-size: 1.8rem;
  }
  .cool_wrap .price {
    margin: 10px 0 20px;
  }
  .cool_bg_in {
    margin: 30px 0 40px;
  }
  .cool_bg_in .image {
    position: absolute;
    top: 30px;
  }
  .cool_bg_in:nth-child(odd) .image {
    left: 55%;
  }
  .cool_bg_in:nth-child(even) .image {
    right: 55%;
  }
}
@media screen and (max-width: 1000px){
  .cool_head {
    text-align: center;
    margin-bottom: -30px;
  }
  .cool_title {
    font-size: 2rem;
  }
  .cool_bg {
    padding: 40px 15px;
  }
  .cool_bg .item_title {
    font-size: 1.8rem;
    line-height: 1.8;
  }
  .cool_bg_in {
    margin: 20px 0;
  }
  .cool_bg_in .image {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
  }
  .cool_logo {
    background-image: url(../img/free/cool/cool_bg_sp.jpg);
    height: 320px;
  }
  .cool_logo img {
    width: 80%;
  }
  .item_info {
    padding: 30px;
  }
  .item_info p {
    line-height: 1.8;
    margin: 20px 0;
  }
  .cart_wrap {
    padding: 30px;
  }
  .cool_wrap .price {
    margin: 15px 0;
  }
}
@media screen and (max-width: 600px){
  .item_info {
    padding: 15px;
  }
  .cart_wrap {
    padding: 10px 15px 25px;
  }
  .cool_bg .item_title {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.cool_item_list {
  display: flex;
  flex-wrap: wrap;
}
.cool_item a {
  display: block;
  transition-duration: .3s;
}
.cool_item .name {
  font-weight: normal;
  font-size: 1.4rem;
  text-decoration: underline;
}
.cool_price {
  font-size: 1.1rem;
}
.cool_price strong {
  font-size: 1.5rem;
}
@media screen and (min-width: 1001px){
  .cool_wrap.summer {
    margin-top: 60px;
  }
  .cool_item_list {
    max-width: 1000px;
    margin: 60px auto 0;
  }
  .cool_item {
    width: 25%;
    padding: 10px;
  }
  .cool_item a:hover {
    opacity: .8;
  }
}
@media screen and (max-width: 1000px){
  .cool_item {
    width: 50%;
    padding: 10px;
  }
  .cool_wrap.summer {
    margin-top: 30px;
  }
}

/* 店長おすすめ
-----------------------*/
.osusume_info {
  border-top: 2px solid #403a39;
}
.osusume_section:nth-child(even) {
  background: url(../img/free/manager/dot_bg.gif);
  color: #fff;
}
.osusume_winter .osusume_section:nth-child(even) {
	background: url(../osusume_winter_bg.jpg);
	background-position: center center;
	background-size: cover;
}
.osusume_section:nth-child(even) .osusume_info {
  border-top: 2px solid #fff;
}
.osusume_section:nth-child(even) .osusume_info .price {
  color: #ffd028;
}
.osusume_info .name {
  font-weight: bold;
}
.osusume_r .sub {
  display: flex;
}
.osusume_r .sub li {
  width: 48%;
}
.osusume_r .sub li p {
  margin-top: 5px;
}
.osusume_r .sub li:nth-child(even) {
  margin-left: auto;
}
.osusume_section .cart_btn a {
  border-radius: 36px;
  max-width: 520px;
}
.osusume_section:nth-child(odd) .cart_btn a {
  background-color: #403a39;
}
.osusume_winter .osusume_section:nth-child(odd) .cart_btn a {
	background: linear-gradient(#F63B00, #D50000);
}
.osusume_section:nth-child(even) .cart_btn a {
  background-color: #fff;
  background-image: url(../img/arw_red_right.svg);
  box-shadow: 6px 6px 0 #b40000;
  color: #d84840;
}
.osusume_winter .osusume_section:nth-child(even) .cart_btn a {
	background-image: none;
}
.osusume_section:nth-child(odd) .cart_btn {
  background: url(../img/free/manager/manager.png) bottom left no-repeat;
  background-size: auto 100%;
}
.osusume_section:nth-child(even) .cart_btn {
  background: url(../img/free/manager/manager2.png) bottom right no-repeat;
  background-size: auto 100%;
}

@media screen and (min-width: 1001px){
  .osusume_section {
    padding-top: 60px;
  }
	.osusume_winter .osusume_section {
		background-color: #FFEFE9;
	}
  .osusume_section .cart_btn {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
  }
  .osusume_item {
    display: flex;
    max-width: 970px;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
  }
  .osusume_section:nth-child(even) .osusume_item {
    flex-direction: row-reverse;
  }
  .osusume_item .baloon {
    position: absolute;
    top: 0;
  }
  .osusume_section:nth-child(odd) .osusume_item .baloon {
    right: 0;
  }
  .osusume_section:nth-child(even) .osusume_item .baloon {
    left: 0;
  }
  .osusume_item .image {
    margin: 20px 0;
  }
  .osusume_info {
    margin-top: 30px;
    padding-top: 20px;
  }
  .osusume_info .name,
  .osusume_info .price {
    margin: 5px 0;
  }
  .osusume_info .name {
    font-size: 2.5rem;
  }
  .osusume_info .price span {
    font-size: 2.5rem;
  }
  .osusume_l {
    width: 570px;
    text-align: center;
  }
  .osusume_r {
    width: 350px;
    padding-top: 310px;
  }
  .osusume_r p {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .osusume_r .ex {
    margin: 20px 0;
  }
	.osusume_r .photo {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1000px){
  .osusume_section {
    padding: 30px 15px 0;
  }
	.osusume_winter .osusume_section {
		background-color: #FFEFE9;
	}
  .item_title {
    text-align: center;
  }
  .image_wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
  }
  .osusume_section:nth-child(even) .image_wrap {
    flex-direction: row-reverse;
  }
  .image_wrap .image {
    width: 60%;
  }
  .image_wrap .baloon {
    width: 36%;
  }
  .item_txt {
    text-align: center;
  }
  .osusume_section .cart_btn {
    padding: 40px 0;
  }
  .osusume_section .cart_btn a {
    width: 60%;
  }
  .osusume_section:nth-child(odd) .cart_btn a {
    margin-right: 0;
  }
  .osusume_section:nth-child(even) .cart_btn a {
    margin-left: 0;
  }
  .osusume_r .ex {
    line-height: 1.8;
    margin: 20px 0;
  }
	.osusume_r .photo {
		margin-bottom: 20px;
	}
  .osusume_r .sub {
    max-width: 320px;
    margin: 20px auto;
  }
  .osusume_info {
    padding: 20px 0;
  }
  .osusume_info .name,
  .osusume_info .price {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px){
  .osusume_info {
    padding-top: 10px;
  }
  .osusume_section .cart_btn {
    padding: 20px 0;
  }
}

/* ライトボックス
---------------------------------------------*/
#lightbox_cover {
  background: rgba(0,0,0,.4);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.light_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.lightbox {
  box-sizing: border-box;
  width: 98%;
  height: 98%;
  max-width: 1000px;
  max-height: 700px;
  padding: 14px;
  position: relative;
}
.lightbox .submit_btn {
  position: absolute;
  top: 0;
  right: 0;
}
.lightbox .submit_btn a {
  background: #fff;
  border-radius: 50%;
  color: #d84840;
  display: block;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.lightbox_in {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.manager_bg {
  background: url(../img/free/manager/manager_bg.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 30px 20px 0;
}
.greeting {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 15px 0;
}
.manager_tx p {
  line-height: 1.6;
}
.manager_list {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}
.manager_list dl {
  margin: 10px 0;
  width: 49%;
}
.manager_list dt span {
  background: #d3312f;
  border-radius: 4px;
  color: #fff;
  display: block;
  padding: 10px 0;
  text-align: center;
}
.manager_list dl:nth-child(even) {
  margin-left: auto;
}
.osusume_in {
  max-width: 1000px;
  margin: 0 auto;
  height: 100%;
}
@media screen and (min-width: 901px){
  .osusume_title {
    background: url(../img/free/manager/manager_bg_pc.jpg?date=202009151608) center bottom no-repeat;
    height: 400px;
  }
	.osusume_winter .osusume_title {
		background-color: #FFEFE9;
	}
  .manager_list dl {
    align-items: center;
    display: flex;
  }
  .manager_list dt {
    margin-right: 10px;
  }
  .manager_list dt span {
    width: 6em;
  }
  .osusume_in {
    align-items: center;
    display: flex;
    position: relative;
  }
  .baloon_btn {
    position: absolute;
    top: 10px;
    right: 0;
  }
  .baloon_btn:hover{
    animation: rumble 0.4s linear infinite;
  }
}
@keyframes rumble{
  0%  {transform:rotate(0deg) translate(0,0);}
  12.5% {transform:rotate(0.6deg) translate(2px,-2px);}
  25% {transform:rotate(0.9deg) translate(0px,2px);}
  37.5% {transform:rotate(0.6deg) translate(-2px,0);}
  50% {transform:rotate(0deg) translate(0,0);}
  62.5% {transform:rotate(-0.6deg)  translate(2px,0);}
  75% {transform:rotate(-0.9deg)  translate(0,2px);}
  87.5% {transform:rotate(-0.6deg)  translate(-2px,-2px);}
  100%  {transform:rotate(0deg) translate(0,0);}
}

@media screen and (max-width: 900px){
  .osusume_title {
    background: url(../img/free/manager/manager_bg_sp.jpg?date=202009151608) center bottom no-repeat;
    background-size: cover;
    padding: 20px 10% 24%;
  }
  .baloon_btn {
    margin-left: auto;
    width: 25%;
  }
  .manager_bg {
    display: block;
  }
  .manager_bg .image {
    text-align: center;
    margin-top: 20px;
  }
  .manager_list dt {
    margin-bottom: 10px;
  }
  .greeting {
    font-size: 1.8rem;
  }
  .manager_bg .image img {
    max-width: 40%;
  }
}

/* フリーページ
---------------------------------------------*/
.fp {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}
.fp_m_title {
  background-color: #403a39;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.fp_s_title {
  background-color: #f8f8f8;
  font-weight: bold;
}
.fp li {
  text-indent: -1em;
  margin-left: 1em;
}
.fp table {
  width: auto;
}
.fp th {
  text-align: left;
  font-weight: bold;
}
.fp th,
.fp td {
  padding: 5px;
}
.fp a {
  color: #9ec700;
  text-decoration: underline;
}
.fp a,
.fp a img {
  transition-duration: .3s;
}
@media screen and (min-width: 901px){
  .fp {
    font-size: 1.4rem;
    margin-top: 40px;
    margin-bottom: 80px;
  }
  .fp p {
    line-height: 1.8;
  }
  .fp p,
  .fp ul,
  .fp table {
    margin-top: 20px;
  }
  .fp_m_title,
  .fp_s_title {
    font-size: 1.6rem;
    margin-top: 50px;
    padding: 12px 20px;
  }
  .fp a:hover {
    text-decoration: none;
  }
  .fp a:hover img {
    opacity: .7;
  }
}
@media screen and (max-width: 900px){
  .fp {
    font-size: 1.2rem;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .fp p {
    line-height: 1.8;
  }
  .fp p,
  .fp ul,
  .fp table {
    margin-top: 15px;
  }
  .fp_m_title,
  .fp_s_title {
    font-size: 1.4rem;
    margin-top: 20px;
    padding: 6px 10px;
  }
}

/* カートテーブル */
.fs-c-cartTable__headerCell,
.fs-c-cartTable__dataCell {
  vertical-align: middle;
}
.fs-p-accountInfo {
  padding-top: 12px;
}
.fs-p-accountInfo__body {
  margin-top: 8px;
}
/* カート内ボタン */
.fs-c-button--buyItLater {
  background-color: #403a39;
  color: #fff;
  padding: 4px;
  white-space: nowrap;
}
.fs-c-button--buyItLater:hover {
  color: #fff;
}
/* カートの商品削除 */
.fs-c-button--cancel--cart {
  background-color: #ededed;
  color: #403a39;
  padding: 4px;
}
/* あとで買う */
.fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
  border-top: none;
  margin-top: 4px;
  padding-top: 4px;
}
/* 購入ボタン */
.fs-c-totalAndActions button:not(.fs-c-button--image) {
  font-size: 1.4rem;
  margin-top: 5px;
}
/* マイページメニュー */
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
  background-color: #f7f7f7;
  box-shadow: none;
  border-color: #f7f7f7;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before {
  color: #403a39;
}
/* ポイントカラー */
.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number,
.fs-p-accountInfo__point__point__available__number {
  color: #9dc600;
}
/* マイページ　クーポン幅 */
.fs-c-accountService__page--couponList {
  flex-basis: 128px;
}
.fs-c-accountService__page--accountDelete {
  height: auto;
}
/* お気に入りタイトル */
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title {
  padding: 15px;
  margin: 20px 0;
}
/* ボタン全般 */
.fs-c-button--standard {
  border-color: #ebebeb;
  box-shadow: none;
  padding: 1.2em 4em;
}
.fs-l-checkout__mainColumn .fs-c-button--standard {
  background-color: #fff;
  border-color: #403a39;
  padding: 1em 3em;
}
.fs-p-flexibleColumn {
  margin: 10px 0;
}
.fs-p-linkButton {
  padding: 10px 15px;
}
.fs-c-button--primary,
.fs-c-button--secondary {
  padding: 1.2em;
}
.fs-c-buttonContainer {
  padding: 4px 0;
}
/* あと○○で送料無料 */
.fs-c-cartDiscountInfo__body span {
  vertical-align: baseline;
}
.fs-c-cartDiscountInfo__info {
  align-items: center;
}
.fs-c-cartDiscountInfo {
  line-height: 1.6;
}
.fs-c-cartDiscountInfo .fs-c-price__value {
  color: #9dc600;
  font-size: 1.6em;
}
.fs-c-subSection__title {
  color: #403a39;
  padding: 10px;
  margin-bottom: 15px;
}
.fs-c-checkout-customerInfo > li,
.fs-c-checkout-destination__list > li {
  line-height: 1.8;
}
/* お届け先リスト */
.fs-c-listTable th,
.fs-c-listTable td {
  vertical-align: middle;
}
/* 入力項目 */
.fs-c-inputTable__headerCell,
.fs-c-inputTable__dataCell {
  padding: 8px;
}
.fs-c-inputTable__headerCell {
  background-color: #f4f4f4;
}
[type="hidden"],[type="text"],[type="search"],[type="tel"],
[type="url"],[type="email"],[type="password"],[type="datetime"],
[type="date"],[type="month"],[type="week"],[type="time"],
[type="datetime-local"],[type="number"],select,textarea {
  padding: 8px;
}
[type="hidden"]:focus,[type="text"]:focus,[type="search"]:focus,
[type="tel"]:focus,[type="url"]:focus,[type="email"]:focus,[type="password"]:focus,
[type="datetime"]:focus,[type="date"]:focus,[type="month"]:focus,[type="week"]:focus,
[type="time"]:focus,[type="datetime-local"]:focus,[type="number"]:focus,select:focus,textarea:focus {
  box-shadow: none;
}
.mypage_logout a,
.fs-c-accountService__page--accountDelete a {
  color: #007ebe !important;
}
/* ログアウトボタン */
.mypage_logout {
  text-align: left;
  width: 100%;
}
/* タイトルカラー */
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title {
  color: #403a39;
}
/* タイトル（h2） */
.fs-p-announcement__title {
  margin-bottom: 10px;
}
/* 必須 */
.fs-c-requiredMark {
  width: 42px;
  height: 24px;
  line-height: 1;
  top: 3px;
  position: relative;
  margin: 0;
  padding: 0;
  float: right;
}
.fs-c-requiredMark::before {
  content: "必須";
  display: block;
  font-size: 11px;
  text-indent: 0;
  width: 40px;
  height: 22px;
  line-height: 1;
  top: 0;
  position: relative;
  border: 1px solid #9ec700;
  color: #9ec700;
  background: #FFF;
  position: absolute;
  text-align: center;
  box-sizing: border-box;
  padding-top: 4px;
}
.fs-c-inputTable td {
  background-color: #fff;
}
.fs-body-cart-login .fs-c-inputInformation__field,
.fs-body-login .fs-c-inputInformation__field,
.fs-body-forgotPassword .fs-c-inputInformation__field,
.fs-body-cardAuth .fs-c-inputInformation__field,
.fs-body-merge .fs-c-inputInformation__field,
.fs-body-my-account-password .fs-c-inputInformation__field {
  padding: 0;
}
.fs-c-subSection__message {
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .fs-body-my-top .fs-p-accountInfo {
    margin-top: 8px;
  }
  /* マイページ　メニュー幅 */
  .fs-c-accountService__page,
  .fs-c-accountService__page--couponList {
    flex-basis: 140px;
  }
  .fs-c-accountService__page--accountDelete {
    flex-basis: 100%;
  }
  /* ログインフ　ォーム */
  .fs-body-login .fs-c-newUsers {
    margin-left: 0;
  }
}
@media screen and (min-width: 780px) {
  /* 会員登録 */
  .fs-c-inputTable > tbody > tr {
    display: table;
    width: 100%;
  }
  .fs-c-inputInformation__field {
    max-width: 1000px;
  }
  .fs-c-inputTable {
    border-top: 1px solid #ddd;
  }
  .fs-c-inputTable th {
    border-bottom: 1px solid #ddd;
    width: 300px;
  }
  .fs-c-inputTable td {
    border-bottom: 1px solid #ddd;
    width: calc(100% - 300px);
  }
  .fs-c-inputTable > tbody > tr + tr {
    margin-top: 0;
  }
  .fs-c-inputTable__headerCell,
  .fs-c-inputTable__dataCell {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 600px) {
  /* カート枠 */
  .fs-c-cartTableContainer {
    border: none;
    padding: 0;
  }
  /* マイページ　メニュー */
  .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover {
    background-color: #9dc600;
    color: #fff;
  }
  .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover .fs-c-accountService__pageLink__label::before {
    color: #fff;
  }
  .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink,
  .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before {
    transition-duration: .3s;
  }
}
@media screen and (max-width: 600px) {
  /* カート内ボタン */
  .fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
    margin-top: 0px;
    padding-left: 4px;
    padding-top: 0px;
  }
  .fs-c-button--buyItLater,
  .fs-c-button--cancel--cart {
    padding: 6px;
  }
  /* ボタン全般 */
  .fs-c-button--standard {
    padding: 1em 2em;
  }
  [type="hidden"],[type="text"],[type="search"],[type="tel"],
  [type="url"],[type="email"],[type="password"],[type="datetime"],
  [type="date"],[type="month"],[type="week"],[type="time"],
  [type="datetime-local"],[type="number"],select,textarea {
    font-size: 16px;
  }
}
@media screen and (max-width: 376px) {
  .mypage_logout,
  .fs-c-accountService {
    max-width: 280px;
    margin: 0 auto;
  }
}

/* 夏のお出かけ帽子特集
-----------------------*/
.boushi_logo {
	text-align: center;
	margin-top: 40px;
}