@charset 'utf-8';

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
  margin: 0;
  padding: 0;
}
html { height: 100vh; font-size: 62.5%; }
body {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; letter-spacing: .06em; }

.f-Min { font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'MS PMincho', 'Times New Roman', serif; }
.f-Roboto { font-family: 'Roboto', sans-serif; }

.c-green { color: #0d7c3e; }
.c-red { color: #c00; }

.link-none { pointer-events: none; }

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
picture { display: block; position: relative; width: 100%; }
.object-fit-img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; font-family: 'object-fit: cover;'; }
a,
a:link,
a:visited { touch-action: manipulation; text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
button { -webkit-font-smoothing: antialiased; }

.device-click a,
.device-click button { transition: ease .4s; }
.device-click a:hover,
.device-click button:hover { opacity: .6; }

.lazy-show { transition: ease .8s; opacity: 0; }
.lazy-show-done { opacity: 1; }
.lazy-show.lazy-up { transform: translateY(20px); }
.lazy-show-done.lazy-up { transform: translateY(0); }

.clearfix { *zoom: 1; }
.clearfix::after { content: ''; display: table; clear: both; }

.fs-preview-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }
.fs-l-pageMain,
.wrap { position: relative; width: auto; }
.fs-l-pageMain { font-size: 1.2rem; }

.is-login-false {}
.is-logined-false { display: none; }
.is-login-true { display: none; }
.is-logined-true {}

@media screen and (max-width: 768px) {
  .visible-sp { display: inline !important; }
  .visible-pc { display: none !important; }
  .fs-l-pageMain { margin: 0 15px; }
}

@media screen and (min-width: 769px) {
  .visible-sp { display: none !important; }
  .visible-pc { display: inline !important; }
  .fs-c-breadcrumb,
  .fs-l-pageMain,
  .wrap { margin: 0 auto; padding: 0 20px; max-width: 1320px; }
  .wrap-1000 { max-width: 1040px; }
  .fs-l-pageMain { font-size: 1.4rem; }
}

/* header
------------------------------------------------ */
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 30; }
.hd-top { position: relative; transition: box-shadow ease .4s; height: 65px; background: #fff; z-index: 2; }
.hd-top > .wrap { height: 100%; }
.hd-logo { position: absolute; top: 9px; left: 15px; width: 129px; height: 47px; font-size: 1rem; line-height: 1.2; }
.hd-logo > a { display: block; width: 100%; }
.hd-btns { display: flex; position: absolute; top: 0; right: 70px; height: 100%; }
.hd-btns-item { text-align: center; width: 42px; height: 100%; }
.hd-btns-item > a { display: block; position: relative; padding-top: 15px; width: 100%; height: 100%; }
.hd-btns-item i { display: block; position: relative; transition: opacity ease .4s; margin: 0 auto; height: 24px; }
.hd-btns-item i img { width: 100%; }
.hd-btns-item span { display: block; margin-top: 2px; font-size: .8rem; line-height: 1.2; color: #999; }
.hd-btns-item .i-hd-search { width: 22px; }
.hd-btns-item .i-hd-login {}
.hd-btns-item .i-hd-favorite {}
.hd-btns-item .i-hd-cart { width: 22px; }
.hd-btns-item > a.active {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.hd-btns-item > a::before,
.hd-btns-item > a::after { content: ''; position: absolute; top: 25px; left: 10px; transition: ease .4s; width: 25px; height: 2px; background: #fff; opacity: 0; }
.hd-btns-item > a.active::before,
.hd-btns-item > a.active::after { opacity: 1; }
.hd-btns-item > a.active::before { transform: rotate(45deg); }
.hd-btns-item > a.active::after { transform: rotate(-45deg); }
.hd-btns-item > a.active i { opacity: 0; }
.hd-btns-item > a.active span { color: #fff !important; }

.device-click .hd-btns-item span { transition: color ease .4s; }
.device-click .hd-btns-item i img { transition: opacity ease .4s; }
.device-click .hd-btns-item i::after { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: 100%; opacity: 0; }
.device-click .hd-btns-item > a:hover { opacity: 1; }
.device-click .hd-btns-item > a:hover span { color: #0d7c3e; }
.device-click .hd-btns-item > a:hover i img { opacity: 0; }
.device-click .hd-btns-item > a:hover i::after { opacity: 1; }
.device-click .hd-btns-item .i-hd-search::after { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/search3.svg); }
.device-click .hd-btns-item .i-hd-login::after { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/account3.svg); }
.device-click .hd-btns-item .i-hd-favorite::after { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/favorite3.svg); }
.device-click .hd-btns-item .i-hd-cart::after { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/cart3.svg); }

.hd-menu { position: absolute; top: 0; right: 0; width: 65px; height: 100%; }
.hd-menu > a,
.hd-menu span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hd-menu > a {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.hd-menu span {}
.hd-menu > a:after,
.hd-menu span::before,
.hd-menu span::after { content: ''; position: absolute; left: 20px; transition: ease .3s; width: 25px; height: 2px; background: #fff; }
.hd-menu > a:after { top: 24px; }
.hd-menu span::before { top: 32px; }
.hd-menu span::after { top: 40px; }
.hd-menu > a.active:after { display: none; }
.hd-menu > a.active span::before,
.hd-menu > a.active span::after { top: 30px; }
.hd-menu > a.active span::before { transform: rotate(45deg); }
.hd-menu > a.active span::after { transform: rotate(-45deg); }

.device-click .hd-menu > a::before { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; transform: rotate(180deg); width: 100%; height: 100%; opacity: 0; }
.device-click .hd-menu > a::before {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .hd-menu > a:hover { opacity: 1; }
.device-click .hd-menu > a:hover::before { opacity: 1; }

#hd-search { display: none; position: absolute; top: 65px; left: 0; width: 100%; background: rgba(13,124,62,.95); z-index: 2; }
.hd-search-form { position: relative; padding: 30px 15px; }
.hd-search-form input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; margin: 0; padding: 0; width: 100%; height: 100%; min-height: inherit; background: none; border: none; border-radius: 0; box-shadow: none; outline: none; }
.hd-search-form input:focus { box-shadow: none; }
.hd-search-form--keyword { width: 100%; border-bottom: solid #fff 1px; }
.hd-search-form--keyword input { padding: 6px 32px 6px 5px; font-family: inherit; font-size: 1.2rem; line-height: 1.2; color: #fff; }
.hd-search-form--keyword input::placeholder { color: #fff; opacity: 1; }
.hd-search-form--keyword input:-ms-input-placeholder { color: #fff; }
.hd-search-form--keyword input::-ms-input-placeholder { color: #fff; }
.hd-search-form--submit { position: absolute; bottom: 35px; right: 20px; width: 22px; height: 22px; }
.hd-search-form--submit input {}

#gnav { position: absolute; top: 65px; right: 0; transition: ease .8s; transform: translateX(100%); width: 100%; height: calc(100vh - 65px); background: rgba(13,124,62,.95); z-index: 2; opacity: 0; }
#gnav.active { transform: translateX(0); }
#gnav > .frame { position: relative; width: 100%; height: 100%; overflow-y: auto; }
.gnav-search { position: relative; padding: 40px 15px 0; }
.gnav-search form {}
.gnav-search input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; margin: 0; padding: 0; width: 100%; height: 100%; min-height: inherit; background: none; border: none; border-radius: 0; box-shadow: none; outline: none; }
.gnav-search input:focus { box-shadow: none; }
.gnav-search-keyword { width: 100%; border-bottom: solid #fff 1px; }
.gnav-search-keyword input { padding: 6px 32px 6px 5px; font-family: inherit; font-size: 1.2rem; line-height: 1.2; color: #fff; }
.gnav-search-keyword input::placeholder { color: #fff; opacity: 1; }
.gnav-search-keyword input:-ms-input-placeholder { color: #fff; }
.gnav-search-keyword input::-ms-input-placeholder { color: #fff; }
.gnav-search-submit { position: absolute; bottom: 5px; right: 20px; width: 22px; height: 22px; }
.gnav-search-submit input {}
.gnav-category { padding: 35px 15px 26px; color: #fff; }
.gnav-category a { color: #fff; }
.gnav-category-title { margin-bottom: 20px; font-size: 1.6rem; font-weight: 700; line-height: 1.2; }
.gnav-category-content { position: relative; }
.gnav-category-box { position: relative; }
.gnav-category-box--title { font-size: 1.4rem; line-height: 1.2; }
.gnav-category-box--title > a { display: block; position: relative; }
.gnav-category-box--title > .has-child { font-weight: 700; }
.gnav-category-box__content { position: relative; }
.gnav-category-links { position: relative ;}
.gnav-category-links--item { font-size: 1.4rem; line-height: 1.2; }
.gnav-category-links--item > a { display: block; position: relative; }
.gnav-btns { display: flex; justify-content: center; padding: 30px 0; border-top: solid #fff 1px; border-bottom: solid #fff 1px; }
.gnav-btns-item { margin-left: 32px; }
.gnav-btns-item:first-child { margin-left: 0; }
.gnav-btns-item > a { display: flex; align-items: center; color: #fff; }
.gnav-btns-item i { display: block; position: relative; margin: 0 auto; height: 24px; }
.gnav-btns-item span { display: block; margin-left: 6px; font-size: 1.2rem; line-height: 1.2; color: #fff; }
.gnav-btns-item .i-gnav-login { width: 17px; }
.gnav-btns-item .i-gnav-favorite { top: 3px; width: 23px; }
.gnav-btns-item .i-gnav-cart { width: 22px; }
.gnav-focuses { margin-top: 40px; padding: 0 15px; }
.gnav-focuses-item { text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 1.2; }
.gnav-focuses-item > a { display: block; position: relative; padding: 18px 0; background: #fff; color: #0d7c3e; }
.gnav-focuses-item > a::after { content: ''; position: absolute; top: 50%; right: 20px; margin-top: -7px; width: 8px; height: 14px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green2.svg) no-repeat center center; background-size: 100% 100%; }
.gnav-focuses-item > a.link-none::after { display: none; }
.gnav-banner { margin-top: 38px; padding: 0 15px; }
.gnav-banner-title { font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: #fff; }
.gnav-banner-content { margin-top: 28px; }
.gnav-banner-lists { margin: 0 auto; width: calc(100% - 115px); }
.gnav-banner-lists--item { margin-top: 15px; }
.gnav-banner-lists--item:first-child { margin-top: 0; }
.gnav-others { margin-top: 40px; padding: 35px 15px 0; border-top: solid #fff 1px; }
.gnav-others-links { display: flex; flex-wrap: wrap; margin: -12px 0 0 -36px; }
.gnav-others-links--item { margin: 12px 0 0 36px; font-size: 1.2rem; line-height: 1.2; }
.gnav-others-links--item > a { display: inline-block; vertical-align: top; color: #fff; }
.gnav-sns { display: flex; justify-content: flex-end; padding: 35px 15px; }
.gnav-sns-item { display: flex; margin-left: 28px; font-family: 'Roboto', sans-serif; font-size: .9rem; font-weight: 400; line-height: 20px; }
.gnav-sns-item:first-child { margin-left: 0; }
.gnav-sns-item > a { display: flex; align-items: center; color: #fff; }
.gnav-sns-item i { display: inline-block; margin-right: 8px; vertical-align: top; }
.gnav-sns-item .i-sns-tw { width: 19px; height: 15px; }
.gnav-sns-item .i-sns-instagram { width: 17px; height: 17px; }
.gnav-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); z-index: 1; }

.body-gnav-open { position: fixed; top: 0; left: 0; }
.body-gnav-open #gnav { transform: translateX(0); opacity: 1; }
.body-hd-over .hd-top { box-shadow: 0 0 10px rgba(0,0,0,.1); }

@media screen and (max-width: 768px) {
  .hd-menu span { text-indent: -9999px; white-space: nowrap; overflow: hidden; }
  .gnav-category-box { border-top: solid #fff 1px; }
  .gnav-category-box:first-child { border-top: none; }
  .gnav-category-box--title > a { padding: 13px 0; }
  .gnav-category-box--title > a::after { content: ''; position: absolute; top: 50%; right: 4px; margin-top: -6px; width: 8px; height: 13px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_white2.svg) no-repeat center center; background-size: 100% 100%; }
  .gnav-category-box--title > a.link-none::after { display: none; }
  .gnav-category-box--title > .has-child::before,
  .gnav-category-box--title > .has-child::after { content: ''; position: absolute; top: 50%; right: 0; transition: ease .4s; margin-top: 0; width: 15px; height: 2px; background: #fff; }
  .gnav-category-box--title > .has-child::after { transform: rotate(90deg); }
  .gnav-category-box--title > .has-child.active::after { transform: rotate(0); }
  .gnav-category-box__content { display: none; }
  .gnav-category-links--item { border-top: solid #fff 1px; }
  .gnav-category-links--item > a { padding: 13px 20px; }
  .gnav-category-links--item > a::after { content: ''; position: absolute; top: 50%; right: 4px; margin-top: -6px; width: 8px; height: 13px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_white2.svg) no-repeat center center; background-size: 100% 100%; }
  .gnav-btns { flex-wrap: wrap; }
  .gnav-btns-item.line-sp-straight { display: flex; justify-content: center; margin-bottom: 15px; width: 100%; }
  .gnav-btns-item.line-sp-straight:last-child { margin-bottom: 0; }
  .gnav-btns-item.line-sp-straight + .gnav-btns-item { margin-left: 0; }
  .gnav-focuses-item { border-top: solid #198348 1px; }
  .gnav-focuses-item:first-child > a { border-radius: 4px 4px 0 0; }
  .gnav-focuses-item:last-child > a { border-radius: 0 0 4px 4px; }
}

@media screen and (min-width: 769px) {
  .hd-top { height: 90px; }
  .hd-logo { top: 14px; left: 40px; width: 179px; height: 63px; }
  .hd-btns { right: 132px; }
  .hd-btns-item { width: 70px; }
  .hd-btns-item > a { padding-top: 28px; }
  .hd-btns-item i { height: 24px; }
  .hd-btns-item span { margin-top: 4px; font-size: .9rem; line-height: 1.1; }
  .hd-btns-item span.line-two { margin-top: -2px; }
  .hd-btns-item .i-hd-search { width: 20px ;}
  .hd-btns-item .i-hd-login { width: 16px; }
  .hd-btns-item .i-hd-favorite { width: 22px; }
  .hd-btns-item .i-hd-cart { width: 20px; }
  .hd-btns-item > a::before,
  .hd-btns-item > a::after { top: 36px; left: 20px; width: 30px; height: 2px; }
  .hd-menu { width: 110px; }
  .hd-menu span { padding-top: 56px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.2; color: #fff; }
  .hd-menu > a:after,
  .hd-menu span::before,
  .hd-menu span::after { left: 40px; width: 30px; height: 2px; }
  .hd-menu > a:after { top: 31px; }
  .hd-menu span::before { top: 39px; }
  .hd-menu span::after { top: 47px; }
  .hd-menu > a.active span::before,
  .hd-menu > a.active span::after { top: 36px; left: 40px; width: 30px; height: 2px; }

  #hd-search { top: 90px; }
  .hd-search-form { margin: 0 auto; max-width: 840px; padding: 50px 20px; }
  .hd-search-form--keyword input { padding: 6px 32px 6px 6px; font-size: 1.3rem; }
  .hd-search-form--submit { bottom: 60px; right: 25px; width: 20px; height: 20px; }

  #gnav { top: 90px; width: 680px; height: calc(100vh - 90px); }
  .gnav-search { padding: 58px 40px 0; }
  .gnav-search-keyword input { padding: 6px 32px 6px 6px; font-size: 1.3rem; }
  .gnav-search-submit { bottom: 7px; right: 46px; width: 20px; height: 20px; }
  .gnav-category { padding: 58px 40px 54px; }
  .gnav-category-title { margin-bottom: 35px; font-size: 1.8rem; }
  .gnav-category-content { display: flex; flex-wrap: wrap; }
  .gnav-category-box { margin-top: 38px; width: 50%; }
  .gnav-category-box:nth-of-type(-n+2) { margin-top: 0; }
  .gnav-category-box--title { font-size: 1.4rem; font-weight: 700; }
  .gnav-category-box--title > a { display: inline-block; padding-right: 30px; vertical-align: top; }
  .gnav-category-box--title > a::after { content: ''; position: absolute; top: 50%; right: 0px; margin-top: -8px; width: 9px; height: 16px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_white2.svg) no-repeat center center; background-size: 100% 100%; }
  .gnav-category-box--title > a.link-none::after { display: none; }
  .gnav-category-box__content { display: block !important; margin: 10px 0 0 4px; padding: 2px 0 2px 16px; border-left: solid #fff 1px; }
  .gnav-category-links--item { margin-top: 14px; font-size: 1.4rem; }
  .gnav-category-links--item:first-child { margin-top: 0; }
  .gnav-category-links--item > a { display: inline-block; vertical-align: top; }
  .gnav-btns { margin: 0 40px; padding: 40px 0; }
  .gnav-btns-item { margin-left: 32px; }
  .gnav-btns-item i { height: 24px; }
  .gnav-btns-item span { margin-left: 8px; font-size: 1.4rem; }
  .gnav-btns-item .i-gnav-login { width: 17px; }
  .gnav-btns-item .i-gnav-favorite { width: 23px; }
  .gnav-btns-item .i-gnav-cart { width: 22px; }
  .gnav-focuses { display: flex; flex-wrap: wrap; margin-top: 60px; padding: 0 40px; }
  .gnav-focuses-item { width: 50%; border-top: solid #0d7c3e 1px;  border-right: solid #0d7c3e 1px; }
  .gnav-focuses-item:nth-of-type(-n+2) { border-top: none; }
  .gnav-focuses-item:nth-of-type(2n) { border-right: none; }
  .gnav-focuses-item:nth-of-type(1) > a { border-radius: 4px 0 0 0; }
  .gnav-focuses-item:nth-of-type(2) > a { border-radius: 0 4px 0 0; }
  .gnav-focuses-item:nth-last-of-type(2) > a { border-radius: 0 0 0 4px; }
  .gnav-focuses-item:nth-last-of-type(1) > a { border-radius: 0 0 4px 0; }
  .gnav-focuses-item > a { padding: 24px 0; }
  .gnav-focuses-item > a::after { right: 30px; }
  .gnav-banner { margin-top: 58px; padding: 0 40px; }
  .gnav-banner-title { font-size: 1.8rem; }
  .gnav-banner-content { margin-top: 38px; }
  .gnav-banner-lists { width: 320px; }
  .gnav-banner-lists--item { margin-top: 20px; }
  .gnav-others { margin: 60px 40px 0; padding: 56px 0 0; }
  .gnav-others-links { margin: -14px 0 0 -48px; }
  .gnav-others-links--item { margin: 14px 0 0 48px; font-size: 1.4rem; }
  .gnav-sns { padding: 52px 40px; }
  .gnav-sns-item { margin-left: 28px; font-size: 1.1rem; line-height: 22px; }
  .gnav-sns-item i { margin-right: 10px; }
  .gnav-sns-item .i-sns-tw { width: 22px; height: 18px; }
  .gnav-sns-item .i-sns-instagram { width: 20px; height: 21px; }

  .body-hd-over .hd-top { box-shadow: 0 0 20px rgba(0,0,0,.1); }
}

/* components
------------------------------------------------ */
/* column */
.column-sp { position: relative; margin-top: 62px; }
.column-sp-side { background: #f8f8f8; }
.column-sp-side.bg-green { background: #e8f4ee; }

@media screen and (min-width: 769px) {
  .column-sp { display: none; }
}

/* row */
.row-2 { position: relative; }
.row-2-side { position: relative; background: #f8f8f8; }
.row-2-side.bg-green { background: #e8f4ee; }
.row-2-content { position: relative; }

@media screen and (max-width: 768px) {
  .row-2 { margin: 0 15px; }
  .row-2-side { display: none; }
}

@media screen and (min-width: 769px) {
  .row-2 { display: flex; }
  .row-2-side { width: 300px; }
  .row-2-content { padding: 0 60px; width: calc(100% - 300px); }
}

/* side */
.side-category { position: relative; padding: 32px 15px; }
.side-category-title { margin-bottom: 25px; font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.side-category-content { position: relative; }
.side-category-box { position: relative; margin-top: 20px; }
.side-category-box.has-content { margin: 38px 0; }
.side-category-box:first-child,
.side-category-box.has-content:first-child { margin-top: 0; }
.side-category-box.has-content:last-child { margin-bottom: 0; }
.side-category-box--title { font-size: 1.4rem; font-weight: 700; line-height: 1.2; }
.side-category-box--title > a { display: inline-block; position: relative; padding-right: 26px; vertical-align: top; }
.side-category-box--title > a::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -7px; width: 8px; height: 14px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green2.svg) no-repeat center center; background-size: 100% 100%; }
.side-category-box--title > a.link-none::after { display: none; }
.side-category-box__content { margin: 8px 0 0 5px; padding: 6px 0 6px 15px; border-left: solid #ccc 1px; }
.side-category-links {}
.side-category-links--item { margin-top: 14px; font-size: 1.4rem; line-height: 1.2; }
.side-category-links--item:first-child { margin-top: 0; }
.side-category-links--item > a { display: inline-block; position: relative; vertical-align: top; }
.side-post { position: relative; padding: 35px 15px 45px; }
.side-post-title { margin-bottom: 25px; font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.side-post-search { position: relative; margin-bottom: 35px; }
.side-post-search > form { display: block; position: relative; width: 100%; }
.side-post-search input,
.side-post-search button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; }
.side-post-search--input { position: relative; }
.side-post-search--input > input { display: block; padding: 13px 48px 13px 14px; background: #fff; border: solid #ccc 1px; border-radius: 4px; font-size: 1.2rem; line-height: 1.2; }
.side-post-search--submit { position: absolute; top: 50%; right: 14px; margin-top: -11px; width: 22px; height: 22px; }
.side-post-search--submit > button { display: block; position: relative; padding: 0; width: 100%; height: 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.side-post-search--submit > button::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://tanet.itembox.design/item/_assets/img/icon/search3.svg) no-repeat center center; background-size: 100% 100%; }
.side-post-tags { display: flex; flex-wrap: wrap; margin: -14px 0 0 -10px; }
.side-post-tags--item { margin: 14px 0 0 10px; font-size: 1.1rem; line-height: 1.2; }
.side-post-tags--item > a { display: inline-block; padding: 4px 8px; background: #fff; border: solid #0d7c3e 1px; border-radius: 20px; vertical-align: top; color: #0d7c3e; }
.device-click .side-post-tags--item > a:hover { background: #0d7c3e; color: #fff; opacity: 1; }
.side-post-news { position: relative; }
.side-post-news--item { border-bottom: solid #ddd 1px; }
.side-post-news--item:last-child { border: none; }
.side-post-news--item > a { display: block; padding: 12px 0; position: relative; }
.side-post-news--item:first-child > a { padding-top: 0; }
.side-post-news--item:last-child > a { padding-bottom: 0; }
.side-post-news--date { margin-bottom: 4px; font-size: 1.1rem; line-height: 1.2; color: #999; }
.side-post-news--title { font-size: 1.3rem; font-weight: 400; line-height: 1.69230769231; }
.side-post-select { position: relative; }
.side-post-select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 13px 14px; background: url(https://tanet.itembox.design/item/_assets/img/icon/select_arrow_green1.svg) no-repeat right 14px center #fff; background-size: 15px 8px; border: solid #ccc 1px; border-radius: 4px; box-shadow: none; font-family: inherit; font-size: 1.2rem; line-height: 1.2; }
.side-post-latest { margin-top: 42px; }
.side-post-archive { margin-top: 38px; }

@media screen and (min-width: 769px) {
  .side-category { padding: 35px 30px; }
  .side-category-title { margin-bottom: 30px; text-align: center; font-size: 1.6rem; }
  .side-category-box { margin-top: 35px; }
  .side-category-box.has-content { margin: 35px 0; }
  .side-category-box--title { font-size: 1.4rem; }
  .side-category-box--title > a { padding-right: 32px; }
  .side-category-box--title > a::after { margin-top: -8px; width: 9px; height: 16px; }
  .side-category-box__content { margin: 8px 0 0 5px; padding: 6px 0 6px 15px; }
  .side-category-links--item { margin-top: 14px; font-size: 1.4rem; }
  .side-post { padding: 40px 30px; }
  .side-post-title { margin-bottom: 30px; text-align: center; font-size: 1.6rem; }
  .side-post-search { margin-bottom: 40px; }
  .side-post-search--input > input { padding: 12px 48px 12px 14px; border-radius: 5px; font-size: 1.3rem; }
  .side-post-search--submit { margin-top: -10px; width: 20px;height: 20px; }
  .side-post-tags { margin: -12px 0 0 -10px; }
  .side-post-tags--item { margin: 12px 0 0 10px; font-size: 1.2rem; }
  .side-post-tags--item > a { padding: 5px 10px; }
  .side-post-news--date { margin-bottom: 6px; font-size: 1.2rem; }
  .side-post-news--title { font-size: 1.3rem; }
  .side-post-select select { border-radius: 5px; font-size: 1.3rem; }
  .side-post-latest { margin-top: 58px; }
  .side-post-archive { margin-top: 52px; }

}

/* title */
.title-1,
.title-2 { font-family: 'Roboto', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; }
.title-1 { position: relative; margin-bottom: 30px; font-size: 1.8rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.title-2 { display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 28px; text-align: center; }
.title-2 .en,
.title-2 .ja { display: inline-block; vertical-align: top; line-height: 1.2; }
.title-2 .en { position: relative; padding-right: 10px; font-size: 1.8rem; font-weight: 700; color: #0d7c3e; }
.title-2 .en:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -8px; width: 1px; height: 15px; background: #e5e5e5; }
.title-2 .ja { padding-left: 15px; font-size: .9rem; font-weight: 500; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .title-1 { margin-bottom: 50px; font-size: 2.8rem; }
  .title-2 { margin-bottom: 50px; }
  .title-2 .en { padding-right: 24px; font-size: 2.8rem; }
  .title-2 .en:after { margin-top: -11px; height: 22px; }
  .title-2 .ja { padding-left: 24px; font-size: 1.4rem; }
}

/* btn */
.btn-1 { font-family: 'Roboto', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; }
.btn-1 { margin-top: 40px; font-size: 1.2rem; line-height: 40px; }
.btn-1 > a { display: inline-block; position: relative; vertical-align: top; }
.btn-1 > a::before,
.btn-1 > a::after { content: ''; }
.btn-1 > a::before { position: absolute; bottom: 8px; left: 0; width: calc(100% - 54px); height: 1px; background: #000; }
.btn-1 > a::after { display: inline-block; margin-left: 14px; width: 40px; height: 40px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_orange1.svg) no-repeat center center; background-size: 12px 10px; border: solid #ea5413 1px; border-radius: 50%; vertical-align: middle; }

.device-click .btn-1 > a::after { transition: ease .4s; }
.device-click .btn-1 > a:hover { opacity: 1; }
.device-click .btn-1 > a:hover::after { background-color: #ea5413; background-image: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_white1.svg); }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .btn-1 { margin-top: 60px; font-size: 1.6rem; line-height: 65px; }
  .btn-1 > a::before { bottom: 18px; width: calc(100% - 83px); }
  .btn-1 > a::after { margin-left: 18px; width: 65px; height: 65px; background-size: 19px 17px; }
}

/* product" */
.prd-lists { display: flex; flex-wrap: wrap; }
.prd-lists-item { position: relative; }
.prd-lists-item > a { display: block; position: relative; width: 100%; }
.prd-lists-rank { margin-bottom: 6px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 2rem; font-weight: 400; font-style: italic; line-height: 1.2; }
.prd-lists-photo { position: relative; }
.prd-lists-info { margin-top: 12px; }
.prd-lists-title { font-size: 1.2rem; font-weight: 500; line-height: 1.66666666667; }

@media screen and (min-width: 769px) {
  .prd-lists-rank { margin-bottom: 4px; font-size: 3rem; }
  .prd-lists-info { margin-top: 12px; }
  .prd-lists-title { font-size: 1.4rem; line-height: 1.71428571429; }
}

/* post" */
.post-lists {}
.post-lists-item { position: relative; box-shadow: 0 0 25px 0 rgba(0,0,0,.1); }
.post-lists-item > a { display: block; width: 100%; }
.post-lists-photo { position: relative; width: 100%; overflow: hidden; }
.post-lists-info { position: relative; padding: 16px; background: #fff; }
.post-lists-title { font-size: 1.5rem; font-weight: 700; line-height: 1.5; color: #0d7c3e; }
.post-lists-excerpt { margin-top: 10px; font-size: 1.2rem; list-style: 2; }
.post-lists-link { position: relative; margin-top: 16px; padding-right: 28px; text-align: right; font-size: 1.2rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.post-lists-link::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 14px; height: 10px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green1.svg) no-repeat center center; background-size: 100% 100%; }
.post-none { text-align: center; font-size: 1.2rem; }

.device-click .post-lists-photo img { transition: ease .4s; }
.device-click .post-lists-item > a:hover .post-lists-photo img { transform: scale(1.1); }

@media screen and (min-width: 769px) {
  .post-lists-item { box-shadow: 0 0 50px 0 rgba(0,0,0,.1); }
  .post-lists-info { padding: 30px; }
  .post-lists-title { font-size: 1.8rem; }
  .post-lists-excerpt { margin-top: 22px; font-size: 1.4rem; }
  .post-lists-link { margin-top: 26px; padding-right: 38px; font-size: 1.4rem; }
  .post-lists-link::after { margin-top: -8px; width: 19px; height: 17px; }
  .post-none { font-size: 1.6rem; }
}

/* news" */
.new-icon { display: inline-block; padding: 6px 15px; vertical-align: top; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 500; font-style: normal; line-height: 1.2; }
.new-icon {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
  color: #fff;
}
.news-lists { border-bottom: solid #e5e5e5 1px; }
.news-lists-item { position: relative; border-top: solid #e5e5e5 1px; }
.news-lists-item > a { display: block; position: relative; padding: 12px 20px 12px 5px; }
.news-lists-item > a::after { content: ''; position: absolute; top: 50%; right: 5px; margin-top: -5px; width: 14px; height: 10px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green1.svg) no-repeat center center; background-size: 100% 100%; }
.news-lists-date { font-size: 1.3rem; line-height: 1.2; color: #999; }
.news-lists-title { font-size: 1.3rem; font-weight: 500; line-height: 1.2; }
.news-lists2 {}
.news-lists2-item {}
.news-lists2-item > a { display: block; position: relative; }
.news-lists2-photo { position: relative; }
.news-lists2-photo .new-icon { position: absolute; top: -8px; left: -8px; }
.news-lists2-info { position: relative; margin-top: 16px; }
.news-lists2-date { margin-bottom: 10px; font-size: 1.2rem; line-height: 1.2; color: #999; }
.news-lists2-title { font-size: 1.4rem; font-weight: 700; line-height: 1.5; }
.news-lists2-cat { display: flex; flex-wrap: wrap; margin: 6px 0 0 -8px; }
.news-lists2-cat > span { display: inline-block; margin: 8px 0 0 8px; padding: 4px 8px; background: #fff; border: solid #0d7c3e 1px; border-radius: 20px; vertical-align: top; font-size: 1.1rem; line-height: 1.2; color: #0d7c3e; }

@media screen and (max-width: 768px) {
  .news-lists-title { margin-top: 6px; }
}

@media screen and (min-width: 769px) {
  .new-icon { padding: 7px 20px; font-size: 1.4rem; }
  .news-lists-item > a { display: flex; padding: 30px 40px 30px 10px; }
  .news-lists-item > a::after { margin-top: -8px; right: 10px; width: 19px; height: 17px; }
  .news-lists-date { width: 128px; font-size: 1.6rem; }
  .news-lists-title { width: calc(100% - 128px); font-size: 1.6rem; }
  .news-lists2-photo .new-icon { top: -10px; left: -10px; }
  .news-lists2-info { margin-top: 18px; }
  .news-lists2-date { margin-bottom: 12px; font-size: 1.3rem; }
  .news-lists2-title { font-size: 1.5rem; line-height: 1.46666666667; }
  .news-lists2-cat { margin: 8px 0 0 -8px; }
  .news-lists2-cat > span { margin: 8px 0 0 8px; padding: 5px 10px; font-size: 1.2rem; }
}

/* instagram */
.instagram-lists { display: flex; flex-wrap: wrap; align-items: center; }
.instagram-lists-item { position: relative; }
.instagram-lists-item > a { display: block; position: relative; width: 100%; }

/* category */
.category-snav { margin-bottom: 30px; padding: 20px 10px; background: #e8f4ee; }
.category-snav-links { display: flex; flex-wrap: wrap; }
.category-snav-links--item {}
.category-snav-links--item > a { display: flex; align-items: center; padding: 4px; width: 100%; background: #fff; border: solid #0d7c3e 1px; border-radius: 20px; }
.category-snav-links--photo { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
.category-snav-links--name { margin-left: 10px; width: calc(100% - 40px); font-size: 1.3rem; font-weight: 700; line-height: 1.19230769231; }

.device-click .category-snav-links--item > a:hover { background: #0d7c3e; color: #fff; opacity: 1; }

@media screen and (max-width: 768px) {
  .category-snav-links--item { margin: 2.81690140845% 2.81690140845% 0 0; width: 48.5915%; }
  .category-snav-links--item:nth-of-type(-n+2) { margin-top: 0; }
  .category-snav-links--item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .category-snav { margin-bottom: 80px; padding: 30px 0; }
  .category-snav-links--item { margin: 1.171875% 2.39583333333% 0 0; width: 23.203125%; }
  .category-snav-links--item:nth-of-type(-n+4) { margin-top: 0; }
  .category-snav-links--item:nth-of-type(4n) { margin-right: 0; }
  .category-snav-links--item > a { padding: 7px; border-radius: 31px; }
  .category-snav-links--photo { width: 46px; height: 46px; }
  .category-snav-links--name { margin-left: 10px; width: calc(100% - 56px); font-size: 1.5rem; }
}

/* pager */
.pager { display: flex; flex-wrap: wrap; justify-content: center; position: relative; }
.pager-prev,
.pager-next { font-size: 1.2rem; line-height: 1.2; }
.pager-prev .link,
.pager-next .link { display: flex; align-items: center; position: relative; }
.pager-prev .link::before,
.pager-next .link::after { content: ''; width: 40px; height: 40px; background: #fff; border: solid #ea5413 1px; border-radius: 50%; }
.pager-prev .link::after,
.pager-next .link::before { content: ''; position: absolute; top: 50%; margin-top: -5px; width: 14px; height: 10px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_orange1.svg) no-repeat center center; background-size: 100% 100%; }
.pager-prev .link > span,
.pager-next .link > span { display: inline-block; position: relative; vertical-align: top; }
.pager-prev .link > span::after,
.pager-next .link > span::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: #000; }
.pager-prev { margin-right: 15px; }
.pager-prev .link::before { margin-right: 14px; }
.pager-prev .link::after { left: 13px; transform: rotate(180deg); }
.pager-next { margin-left: 15px; }
.pager-next .link::before { right: 13px; }
.pager-next .link::after { margin-left: 14px; }
.pager-prev.off,
.pager-next.off { pointer-events: none; opacity: 0; }
.pager-back { margin-top: 38px; width: 100%; text-align: right; font-size: 1.2rem; line-height: 1.2; }
.pager-back .link { position: relative; display: inline-block; padding-right: 26px; vertical-align: top; }
.pager-back .link::after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -5px; width: 14px; height: 10px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green1.svg) no-repeat center center; background-size: 100% 100%; }

.device-click .pager-prev .link::before,
.device-click .pager-next .link::after { transition: ease .4s; }
.device-click .pager-prev .link:hover,
.device-click .pager-next .link:hover { opacity: 1; }
.device-click .pager-prev .link:hover::before,
.device-click .pager-next .link:hover::after { background: #ea5413; }
.device-click .pager-prev .link:hover::after,
.device-click .pager-next .link:hover::before { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_white1.svg); }

@media screen and (min-width: 769px) {
  .pager-prev,
  .pager-next { font-size: 1.6rem; }
  .pager-prev .link::before,
  .pager-next .link::after { width: 65px; height: 65px; }
  .pager-prev .link::after,
  .pager-next .link::before { margin-top: -8px; width: 19px; height: 17px; }
  .pager-prev .link > span::after,
  .pager-next .link > span::after { bottom: -6px; }
  .pager-prev { margin-right: 50px; }
  .pager-prev .link::before { margin-right: 20px; }
  .pager-prev .link::after { left: 22px; }
  .pager-next { margin-left: 50px; }
  .pager-next .link::before { right: 22px; }
  .pager-next .link::after { margin-left: 20px; }
  .pager-back { margin-top: 38px; font-size: 1.6rem; }
  .pager-back .link { padding-right: 38px; }
  .pager-back .link::after { margin-top: -8px; width: 19px; height: 17px; }
}

/* fs
------------------------------------------------ */
.fs-l-main { display: block; margin: 0; padding: 0; width: 100%; max-width: inherit; }
.fs-l-page { padding-top: 65px; }
.fs-c-heading--page { margin-bottom: 32px; padding: 0; border: none; text-align: center; font-size: 1.8rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.fs-c-subSection__title { margin-bottom: 30px; padding: 0; border: none; text-align: center; font-size: 1.4rem; font-weight: 700; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .fs-l-page { padding-top: 90px; }
  .fs-c-heading--page { margin-bottom: 56px; font-size: 2.8rem; }
  .fs-c-subSection__title { margin-bottom: 42px; font-size: 1.8rem; }
}

/* breadcrumb */
.fs-c-breadcrumb { margin-bottom: 26px; }
.fs-c-breadcrumb + .fs-c-breadcrumb { margin-top: -38px; }
.fs-c-breadcrumb__list { display: flex; flex-wrap: wrap; padding: 0; }
.fs-c-breadcrumb__listItem { margin-right: 8px; font-size: 1.1rem; line-height: 1.5; }
.fs-c-breadcrumb__listItem:last-child { margin-right: 0; }
.fs-c-breadcrumb__listItem > a { display: inline-block; position: relative; padding-right: 16px; vertical-align: top; color: #0d7c3e; }
.fs-c-breadcrumb__listItem > a:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -4px; width: 5px; height: 8px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_black2.svg) no-repeat center center; background-size: 100% 100%; }
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before { display: none; }

@media screen and (max-width: 768px) {
  .fs-c-breadcrumb { padding: 12px 15px 0; }
  .fs-c-breadcrumb__list { padding: 0; }
}

@media screen and (min-width: 769px) {
  .fs-c-breadcrumb { margin-bottom: 55px; padding-top: 20px; }
  .fs-c-breadcrumb + .fs-c-breadcrumb { margin-top: -75px; }
  .fs-c-breadcrumb__listItem { margin-right: 12px; font-size: 1.2rem; }
  .fs-c-breadcrumb__listItem > a { padding-right: 20px; }
  .fs-c-breadcrumb__listItem > a:after { margin-top: -5px; width: 6px; height: 10px; }
}

/* form */
[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 { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 10px; width: 100%; background: none; border: solid #d5d5d5 1px; border-radius: 0; box-shadow: none; font-family: inherit; font-size: 1.4rem; }
.fs-c-quantity__select { font-family: inherit; font-size: 1.2rem; }
.fs-c-quantity__select { padding: 6px 10px; background: #fff; border: solid #ccc 1px; border-radius: 2px; }
.fs-c-radio__radioMark { width: 15px; height: 15px; min-width: inherit; border: solid #ccc 1px; }
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark { border-color: #0d7c3e; }
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before { width: 8px; height: 8px; background: #0d7c3e; }
.fs-c-inputGroup { border-color: #d5d5d5; border-radius: 0; }
.fs-c-inputTable__headerCell { padding-bottom: 6px; }
.fs-c-inputTable__label { font-size: 1.2rem; font-weight: 700; color: #0d7c3e; }
.fs-c-inputField--note { margin-top: 10px; padding: 10px 0; border-top: solid #e5e5e5 1px; border-bottom: solid #e5e5e5 1px; font-size: 1rem; }

@media screen and (min-width: 769px) {
  [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: 12px; font-size: 1.6rem; }
  .fs-c-radio__radioMark { width: 22px; height: 22px; }
  .fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before { width: 12px; height: 12px; }
  .fs-c-inputTable__headerCell { padding-bottom: 10px; }
  .fs-c-inputTable__label { font-size: 1.4rem; }
  .fs-c-inputField--note { margin-top: 16px; padding: 16px 0; font-size: 1.2rem; }
}

/* button */
.fs-c-button--primary { position: relative; padding: 18px 0; width: 100%; border: none; border-radius: 4px; box-shadow: none; font-size: 1.4rem; font-weight: 700; color: #fff; z-index: 1; }
.fs-c-button--primary {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.fs-c-button--primary .fs-c-button__label { color: #fff; }
.device-click .fs-c-button--primary::before { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; transform: rotate(180deg); width: 100%; height: 100%; border-radius: 4px; opacity: 0; z-index: -1; }
.device-click .fs-c-button--primary::before {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .fs-c-button--primary:hover { opacity: 1; }
.device-click .fs-c-button--primary:hover::before { opacity: 1; }
.fs-c-button--secondary { position: relative; padding: 18px 0; width: 100%; background: #fef1dd; border: none; border-radius: 4px; box-shadow: none; font-size: 1.4rem; font-weight: 700; color: #fbbb54; }
.fs-c-button--secondary .fs-c-button__label { color: #fbbb54; }
.fs-c-button--standard { position: relative; padding: 12px 22px; background: #d8f0e4; border: none; border-radius: 4px; box-shadow: none; font-size: 1rem; font-weight: 700; color: #0d7c3e; }
.fs-c-button--standard .fs-c-button__label { color: #0d7c3e; }
.fs-c-button--login { margin-top: 10px; }
.fs-c-buttonContainer { margin-top: 18px; padding: 0; }

@media screen and (min-width: 769px) {
  .fs-c-button--primary { padding: 22px 0; max-width: 300px; font-size: 1.6rem; border-radius: 5px; }
  .fs-c-button--secondary { padding: 22px 0; max-width: 300px; font-size: 1.6rem; border-radius: 5px; }
  .fs-c-button--standard { padding: 12px 26px; font-size: 1.2rem; border-radius: 5px; }
  .fs-c-button--login { margin-top: 22px; }
  .fs-c-buttonContainer { margin-top: 24px; }
}

/* productPrice */
.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::before { content: '\FF08'; }
.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::after { content: '\FF09'; }

/* productMarks */
.fs-c-productMark { display: flex; flex-wrap: wrap; margin: -5px 0 0 -5px ;}
.fs-c-productMark > li { margin: 5px 0 0 5px ;}
.fs-c-productMark__mark { margin: 0; padding: 5px 12px; border: solid transparent 2px; border-radius: 0; font-family: 'Roboto', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1rem; font-weight: 700; }
.fs-c-productMark__mark.mark-new { border-color: #0d7c3e; color: #0d7c3e; }
.fs-c-productMark__mark.mark-sale { background: #f00; border-color: #f00; color: #fff; }
.fs-c-productMark__mark.mark-kotei { background: #191970; border-color: #191970; color: #fff; }
.fs-c-productMark__mark.mark-original { background: #0d7c3e; border-color: #0d7c3e; color: #fff; }
.fs-c-productMark__mark.mark-f1 { background: #F58220; border-color: #F58220; color: #fff; }

@media screen and (min-width: 769px) {
  .fs-c-productMark { margin: -8px 0 0 -8px ;}
  .fs-c-productMark > li { margin: 8px 0 0 8px ;}
  .fs-c-productMark__mark { padding: 6px 18px; font-size: 1.4rem; }
}

/* group */
.gr-nofail { position: relative; margin-bottom: 42px; }
.gr-nofail-visual { position: relative; width: 100%; height: 185px; color: #fff; overflow: hidden; z-index: 1; }
.gr-nofail-visual__info { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; }
.gr-nofail-visual--title { text-align: center; font-size: 1.7rem; font-weight: 700; line-height: 1.2; }
.gr-nofail-visual--text { margin: 15px 35px 0; font-size: 1.3rem; line-height: 1.57692307692; }
.gr-nofail-visual--photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.gr-nofail-visual--photo picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gr-nofail-visual--photo picture img { position: absolute; top: 0; left: 0; }
.gr-nofail-content { position: relative; padding: 45px 15px; background: #e8f4ee; }
.gr-nofail-copy { margin-bottom: 24px; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1.40625; color: #0d7c3e; }
.gr-nofail-lead { text-align: center; font-size: 1.4rem; line-height: 1.9286; }
.gr-nofail-lead strong { position: relative; padding: 0 4px; z-index: 1; }
.gr-nofail-lead strong:after { content: '' ; position: absolute; bottom: -4px; left: 0; width: 100%; height: 10px; background: #92cdad; z-index: -1; }
.gr-nofail-lists { margin-top: 40px; }
.gr-nofail-lists--item { position: relative; padding: 15px; background: #fff; }
.gr-nofail-lists--photo { position: relative; }
.gr-nofail-lists__info { position: relative; margin: 12px 15px 0; }
.gr-nofail-lists--title { font-size: 1.5rem; font-weight: 700; line-height: 1.309; color: #0d7c3e; }
.gr-nofail-lists--title span { font-size: 1.3rem; }
.gr-nofail-lists--text { margin-top: 10px; font-size: 1.2rem; line-height: 1.4167; }
.gr-nofail-lists--material { padding: 10px; background: #f7f7f7; }
.gr-nofail-lists--material dl { display: flex; }
.gr-nofail-lists--material dl > dt,
.gr-nofail-lists--material dl > dd { font-size: 1.2rem; line-height: 1.75; }
.gr-nofail-lists--material dl > dd .star { display: flex; align-items: center; height: 100%; }
.gr-nofail-lists--material dl > dd .star i { position: relative; width: 12px; height: 12px; }
.gr-nofail-lists--material dl > dd .star i + i { margin-left: 4px; }
.gr-nofail-lists--material dl > dd .star i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://tanet.itembox.design/item/_assets/img/icon/star1.svg) no-repeat center center; background-size: 100% 100%; }
.gr-nofail-lists--material dl > dd .star i.blank::after { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/star2.svg); }
.gr-useup { position: relative; }
.gr-useup-visual { position: relative; width: 100%; height: 185px; color: #fff; overflow: hidden; z-index: 1; }
.gr-useup-visual--photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.gr-useup-visual--photo picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gr-useup-visual--photo picture img { position: absolute; top: 0; left: 0; }
.gr-useup-point { position: relative; padding: 5px 15px 20px; background: #eee9d9; z-index: 2; }
.gr-useup-point::before,
.gr-useup-point::after { content: ''; position: absolute; left: 0; width: 100%; background-position: left bottom; background-repeat: repeat-x; background-size: auto 100%; }
.gr-useup-point::after { transform: rotate(180deg); }
.gr-useup-point--balloon { margin-bottom: 28px; text-align: center; }
.gr-useup-point--title { position: relative; }
.gr-useup-point__lists { position: relative; }
.gr-useup-point__lists--item { position: relative; }
.gr-useup-recommend { position: relative; padding: 55px 15px; }
.gr-useup-recommend--title { position: relative; }
.gr-useup-recommend--table { position: relative; }
.gr-useup-recommend--table table { width: 100%; border-right: solid #b0bf24 1px; border-left: solid #b0bf24 1px; border-collapse: collapse; border-spacing: 0; }
.gr-useup-recommend--table table th,
.gr-useup-recommend--table table td { padding: 6px; min-width: 126px; }
.gr-useup-recommend--table table th { background: #b0bf24; border-left: solid #fff 1px; white-space: nowrap; font-size: 1.2rem; font-weight: 700; line-height: 1.2; color: #fff; }
.gr-useup-recommend--table table td { border-bottom: solid #b0bf24 1px; border-left: solid #b0bf24 1px; text-align: center; font-size: 1.2rem; }
.gr-useup-recommend--table table th:first-child,
.gr-useup-recommend--table table td:first-child { border-left: none; }
.gr-useup-recommend--table table .item { width: 116px; height: 100px; }
.gr-useup-recommend--table table .item .pic { margin: 0 auto; padding-top: 8px; }
.gr-useup-recommend--table table .item-1 .pic { width: 59px; }
.gr-useup-recommend--table table .item-2 .pic { width: 60px; }
.gr-useup-recommend--table table .item-3 .pic { width: 60px; }
.gr-useup-recommend--table table .item-4 .pic { width: 56px; }
.gr-useup-recommend--table table .item-5 .pic { width: 52px; }
.gr-useup-recommend--table table .item-6 .pic { width: 59px; }
.gr-useup-recommend--table table .item-7 .pic { width: 54px; }
.gr-useup-recommend--table table .item .name { margin-top: 6px; white-space: nowrap; font-size: 1.3rem; font-weight: 700; line-height: 1.3; color: #b0bf24; }
.gr-useup-recommend--table table td.text { text-align: left; }

@media screen and (max-width: 768px) {
  .gr-nofail-lists--item { margin-top: 30px; }
  .gr-nofail-lists--item:first-child { margin-top: 0; }
  .gr-nofail-lists--material { margin-top: 20px; }
  .gr-useup-point::before,
  .gr-useup-point::after { height: 17px; background-image: url(https://tanet.itembox.design/item/_assets/img/category/useup/wave.png); }
  .gr-useup-point::before { top: -17px; }
  .gr-useup-point::after { bottom: -17px; }
  .gr-useup-point--title { margin: 0 0 45px 3.6231884058%; width: 77.5362318841%; }
  .gr-useup-point__lists--item:nth-of-type(1) { width: 99.7101449275%; }
  .gr-useup-point__lists--item:nth-of-type(2) { margin-top: 22px; width: 100%; }
  .gr-useup-point__lists--item:nth-of-type(3) { margin-top: 22px; width: 100%; }
  .gr-useup-point__lists--item:nth-of-type(4) { margin-top: 26px; width: 99.7101449275%; }
  .gr-useup-recommend--title { margin: 0 0 45px 10.2898550725%; width: 62.4637681159%; }
  .gr-useup-recommend--table { padding-right: 15px; width: calc(100% + 15px); }
}

@media screen and (min-width: 769px) {
  .gr-nofail { margin-bottom: 95px; }
  .gr-nofail-visual { height: 534px; }
  .gr-nofail-visual__info { left: 50%; transform: translate(-50%,-50%); width: auto; text-align: center; }
  .gr-nofail-visual--title { font-size: 4rem; }
  .gr-nofail-visual--text { margin: 20px 20px 0; text-align-last: left; white-space: nowrap; font-size: 2.3rem; line-height: 1.7391; }
  .gr-nofail-content { padding: 96px 0 100px; }
  .gr-nofail-copy { margin-bottom: 42px; font-size: 3rem; line-height: 1.2; }
  .gr-nofail-lead { font-size: 2rem; line-height: 2; }
  .gr-nofail-lead strong { padding: 0 6px; }
  .gr-nofail-lead strong:after { bottom: -6px; height: 14px; }
  .gr-nofail-lists { display: flex; flex-wrap: wrap; margin-top: 84px; }
  .gr-nofail-lists--item { margin: 3.125% 3.125% 0 0; padding: 20px 20px 160px; width: 31.25%; }
  .gr-nofail-lists--item:nth-of-type(-n+3) { margin-top: 0; }
  .gr-nofail-lists--item:nth-of-type(3n) { margin-right: 0; }
  .gr-nofail-lists__info { margin: 18px 20px 0; }
  .gr-nofail-lists--title { font-size: 2rem; }
  .gr-nofail-lists--title span { font-size: 1.8rem; }
  .gr-nofail-lists--text { margin-top: 12px; font-size: 1.6rem; line-height: 1.75; }
  .gr-nofail-lists--material { position: absolute; bottom: 20px; left: 20px; padding: 16px; width: calc(100% - 40px); }
  .gr-nofail-lists--material dl > dt,
  .gr-nofail-lists--material dl > dd { font-size: 1.4rem; line-height: 2; }
  .gr-nofail-lists--material dl > dd .star i { width: 15px; height: 15px; }
  .gr-useup-visual { height: 534px; }
  .gr-useup-point { padding: 30px 0 105px; }
  .gr-useup-point::before,
  .gr-useup-point::after { height: 50px; background-image: url(https://tanet.itembox.design/item/_assets/img/category/useup/wave-pc.png); }
  .gr-useup-point::before { top: -50px; }
  .gr-useup-point::after { bottom: -50px; }
  .gr-useup-point--balloon { margin: 0 auto 82px; width: auto; max-width: 720px; }
  .gr-useup-point--title { left: -2.65625%; margin: 0 auto 60px; width: auto; max-width: 749px; }
  .gr-useup-point__lists { padding-bottom: 84px; }
  .gr-useup-point__lists::after { content: ''; display: block; position: absolute; bottom: 0; left: 66px; width: 244px; height: 213px; background: url(https://tanet.itembox.design/item/_assets/img/category/useup/pic1.png) no-repeat center center; background-size: 100% 100%; overflow: hidden; }
  .gr-useup-point__lists--item { width: auto; max-width: 920px; }
  .gr-useup-point__lists--item:nth-of-type(even) { margin-left: auto; }
  .gr-useup-point__lists--item:nth-of-type(2) { margin-top: 19px; }
  .gr-useup-point__lists--item:nth-of-type(3) { margin-top: 9px; }
  .gr-useup-point__lists--item:nth-of-type(4) { margin-top: 10px; }
  .gr-useup-recommend { position: relative; padding: 100px 0; }
  .gr-useup-recommend--title { left: -2.65625%; margin: 0 auto 60px; width: auto; max-width: 385px; }
  .gr-useup-recommend--table { margin: 0 auto; max-width: 1050px; }
  .gr-useup-recommend--table table th,
  .gr-useup-recommend--table table td { padding: 20px; min-width: 165px; }
  .gr-useup-recommend--table table th { font-size: 1.6rem; }
  .gr-useup-recommend--table table td { font-size: 1.6rem; }
  .gr-useup-recommend--table table td.item { padding: 10px; width: 212px; height: 203px; }
  .gr-useup-recommend--table table td.item-1 .pic { padding-top: 20px; width: 118px; }
  .gr-useup-recommend--table table td.item-2 .pic { padding-top: 15px; width: 121px; }
  .gr-useup-recommend--table table td.item-3 .pic { padding-top: 26px; width: 120px; }
  .gr-useup-recommend--table table td.item-4 .pic { padding-top: 18px; width: 113px; }
  .gr-useup-recommend--table table td.item-5 .pic { padding-top: 13px; width: 103px; }
  .gr-useup-recommend--table table td.item-6 .pic { padding-top: 14px; width: 118px; }
  .gr-useup-recommend--table table td.item-7 .pic { padding-top: 10px; width: 109px; }
  .gr-useup-recommend--table table td.item .name { margin-top: 10px; font-size: 2rem; }
  .gr-useup-recommend--table table td.text { padding-right: 32px; padding-left: 32px; min-width: 316px; }
}

@media screen and (min-width: 769px) and (max-width: 1290px) {
  .gr-useup-point__lists::after { position: relative; top: auto; left: auto; margin-top: 20px; }
}

/* subgroup */
.fs-c-subgroup { margin: 0 0 30px; padding: 20px 10px; background: #e8f4ee; }
.fs-c-subgroup .fs-c-listControl { display: none; }
.fs-c-subgroupList { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }
.fs-c-subgroupList__item { flex-grow: inherit; flex-basis: inherit; }
.fs-c-subgroupList__item > a { display: flex; align-items: center; padding: 0 4px; width: 100%; height: auto; min-height: 40px; background: #fff; border: solid #0d7c3e 1px; border-radius: 80px; }
.fs-c-subgroupList__link::after { display: none; }
.fs-c-subgroupList__image { margin: 4px 0; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
.fs-c-subgroupList__label { padding-left: 10px; width: calc(100% - 40px); font-size: 1.3rem; font-weight: 700; line-height: 1.19230769231; }

.device-click .fs-c-subgroupList__item > a:hover { background: #0d7c3e; color: #fff; opacity: 1; }

@media screen and (max-width: 768px) {
  .fs-c-subgroupList__item { margin: 2.81690140845% 2.81690140845% 0 0; width: 48.5915%; }
  .fs-c-subgroupList__item:nth-of-type(-n+2) { margin-top: 0; }
  .fs-c-subgroupList__item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .fs-c-subgroup { margin-bottom: 80px; padding: 30px 0; }
  .fs-c-subgroupList { margin: 0 auto; padding: 0 20px; max-width: 1320px; }
  .fs-c-subgroupList__item { margin: 1.171875% 2.39583333333% 0 0; width: 23.203125%; }
  .fs-c-subgroupList__item:nth-of-type(-n+4) { margin-top: 0; }
  .fs-c-subgroupList__item:nth-of-type(4n) { margin-right: 0; }
  .fs-c-subgroupList__item > a { padding: 0 7px; min-height: 60px; }
  .fs-c-subgroupList__image { margin: 6px 0; width: 46px; height: 46px; }
  .fs-c-subgroupList__label { width: calc(100% - 56px); font-size: 1.5rem; }
}

/* productList */
.fs-c-productList { margin: 0; }
.fs-c-productList__list { display: flex; flex-wrap: wrap; }
.fs-c-productList__list__item { padding: 0; border: none; }
.fs-c-productList .fs-c-productMarks { margin-bottom: 8px; }
.fs-c-productListItem__imageContainer { margin-bottom: 12px; }
.fs-c-productListItem__image > a { display: block; width: 100%; }
.fs-c-productListItem__viewMoreImageButton { display: none; }
.fs-c-productListItem__productName { margin: 0 0 4px; }
.fs-c-productListItem__productName > a { display: inline-block; vertical-align: top; }
.fs-c-productName__copy { margin-bottom: 4px; font-size: 1.2rem; font-weight: 700; line-height: 1.41666666667; color: #0d7c3e; }
.fs-c-productName__name { font-size: 1.2rem; font-weight: 500; line-height: 1.41666666667; }
.fs-c-productListItem__prices { margin: 0; }
.fs-c-productListItem__prices .fs-c-productPrice__main__label { display: none; }
.fs-c-productListItem__prices .fs-c-price { font-size: 1.3rem; font-weight: 700; }
.fs-c-productListItem__prices .fs-c-productPrice__addon { font-size: 1.1rem; }
.fs-c-productListItem__control { display: none; }
.fs-c-productList__controller { display: flex; flex-flow: row-reverse; justify-content: space-between; position: relative; margin: 0; }
.fs-c-productList__controller > *,
.fs-c-coordinationList__controller > *,
.fs-c-staffList__controller > *,
.fs-c-listControl > * + * { margin: 0; }
.fs-c-sortItems { position: relative; border: none; }
.fs-c-sortItems__label { position: relative; padding: 0 24px 0 0; font-size: 1.2rem; font-weight: 700; cursor: pointer; }
.fs-c-sortItems__label::after { content: ''; position: absolute; top: 2px; right: 2px; transition: ease .4s; transform: rotate(90deg); width: 8px; height: 14px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green2.svg) no-repeat center center; background-size: 100% 100%; }
.device-click .fs-c-sortItems__label { transition: ease .4s; }
.device-click .fs-c-sortItems__label:hover { opacity: .6; }
.fs-c-sortItems__list { display: none; position: absolute; top: 30px; right: 0; transition: opacity ease .4s; padding: 14px 24px; width: 125px; background: #fff; border: none; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.fs-c-sortItems__list > li { font-size: 1.2rem; line-height: 2.29166666667; }
.fs-c-sortItems__list__item__label { padding: 0; }
.fs-c-sortItems__list__item.is-active .fs-c-sortItems__list__item__label { font-weight: 700; }
.fs-c-sortItems.active .fs-c-sortItems__label::after { transform: rotate(270deg); }
.fs-c-listControl { display: block; }
.fs-c-listControl__status { font-size: 1.1rem; }
.fs-c-pagination { display: flex; justify-content: center; align-items: center; border-radius: 0; }
.fs-c-pagination__item { flex: inherit; margin: 0 12px; padding: 4px 2px; border-bottom: solid transparent 2px; font-size: 1.2rem; line-height: 1.2; color: #999; }
.fs-c-pagination__item:link,
.fs-c-pagination__item:visited { color: #999; }
.fs-c-pagination__item.is-active { background: none; border-bottom-color: #000; font-weight: 700; color: #000; }
.fs-c-pagination__item--prev,
.fs-c-pagination__item--next { position: relative; margin: 0; padding: 0; width: 40px; height: 40px; border: solid #ea5413 1px; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.fs-c-pagination__item--prev::before,
.fs-c-pagination__item--next::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -7px; width: 14px; height: 10px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_orange1.svg) no-repeat center center; background-size: 100% 100%; }
.fs-c-pagination__item--prev { margin-right: 28px; }
.fs-c-pagination__item--prev::before { transform: rotate(180deg);}
.fs-c-pagination__item--next { margin-left: 28px; }
.device-click .fs-c-pagination__item--prev:hover,
.device-click .fs-c-pagination__item--next:hover { background: #ea5413; opacity: 1; }
.device-click .fs-c-pagination__item--prev:hover::before,
.device-click .fs-c-pagination__item--next:hover::before { background-image: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_white1.svg); }
.fs-c-productList .fs-c-productList__controller:first-child { margin-bottom: 28px; }
.fs-c-productList .fs-c-productList__controller:first-child .fs-c-pagination { display: none; }
.fs-c-productList .fs-c-productList__controller:last-child { display: block; margin-top: 50px; }
.fs-c-productList .fs-c-productList__controller:last-child .fs-c-sortItems,
.fs-c-productList .fs-c-productList__controller:last-child .fs-c-listControl__status { display: none; }

@media screen and (max-width: 768px) {
  .fs-c-productList__list__item { margin: 25px 15px 0 0; width: calc((100% / 2) - (15px / (2 / 1))); }
  .fs-c-productList__list__item:nth-of-type(-n+2) { margin-top: 0; }
  .fs-c-productList__list__item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .fs-c-productList__list__item { margin: 60px 5.55555555556% 0 0; width: 29.6296296296%; }
  .fs-c-productList__list__item:nth-of-type(-n+3) { margin-top: 0; }
  .fs-c-productList__list__item:nth-of-type(3n) { margin-right: 0; }
  .fs-c-productListItem__imageContainer { margin-bottom: 20px; }
  .fs-c-productList .fs-c-productMarks { margin-bottom: 10px; }
  .fs-c-productListItem__productName { margin-bottom: 10px; }
  .fs-c-productName__copy { font-size: 1.6rem; }
  .fs-c-productName__name { font-size: 1.4rem; }
  .fs-c-productListItem__prices .fs-c-price { font-size: 1.6rem; }
  .fs-c-productListItem__prices .fs-c-productPrice__addon { font-size: 1.4rem; }
  .fs-c-listControl__status { font-size: 1.3rem; }
  .fs-c-sortItems__label { padding-right: 30px; border: none; font-size: 1.4rem; }
  .fs-c-sortItems__label::after { top: 3px; width: 9px; height: 15px; }
  .fs-c-sortItems__list { padding: 20px 30px; width: 150px; }
  .fs-c-sortItems__list > li { font-size: 1.4rem; line-height: 2.28571428571; }
  .fs-c-pagination__item { margin: 0 18px; font-size: 1.6rem; }
  .fs-c-pagination__item--prev,
  .fs-c-pagination__item--next { margin: 0; width: 65px; height: 65px; }
  .fs-c-pagination__item--prev::before,
  .fs-c-pagination__item--next::before { margin: -8px 0 0 -8px; width: 19px; height: 17px; }
  .fs-c-pagination__item--prev { margin-right: 38px; }
  .fs-c-pagination__item--next { margin-left: 38px; }
  .fs-c-productList .fs-c-productList__controller:first-child { margin-bottom: 55px; }
  .fs-c-productList .fs-c-productList__controller:last-child { margin-top: 80px; }
}

/* productLayout */
.fs-l-productLayout { display: block; }
.fs-l-product--gallery {}
.fs-c-productCarouselMainImage { opacity: 0; }
.gallery-slide { position: relative; opacity: 0; }
.gallery-slide-main { position: relative; }
.gallery-slide-main__frame { position: relative; width: 100%; overflow: hidden; }
.gallery-slide-main__move { display: flex; position: relative; }
.gallery-slide-main--item {}
.gallery-slide-main--item .image { position: relative; width: 100%; }
.gallery-slide-direct { position: absolute; top: 50%; margin-top: -13px; width: 14px; height: 26px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_black2.svg) no-repeat center center; background-size: 100% 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.gallery-slide-direct--prev { left: 5px; transform: rotate(180deg); }
.gallery-slide-direct--next { right: 5px; }
.gallery-slide-bullets { position: relative; margin-top: 23px; }
.gallery-slide-bullets__frame {}
.gallery-slide-bullets__move { display: flex; flex-wrap: wrap; }
.gallery-slide-bullets--item {}
.gallery-slide-bullets--item > a { display: block; position: relative; width: 100%; }
.gallery-slide-bullets--item > a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid #0d7c3e 2px; opacity: 0; }
.gallery-slide-bullets--item.active > a::after { opacity: 1; }
.gallery-slide-bullets--item .image { position: relative; padding-bottom: 115.384615385%; width: 100%; height: 0; overflow: hidden; }
.gallery-slide-bullets--item .image img { position: absolute; top: 0; left: 0; }
.fs-l-product--info {}
.fs-l-product--info .fs-c-productMarks { margin-bottom: 5px; }
.fs-c-productNameHeading__copy,
.fs-c-productNameHeading__nam { display: block; }
.fs-c-productNameHeading__copy { margin-bottom: 2px; font-size: 1.5rem; font-weight: 700; line-height: 1.7; color: #0d7c3e; }
.fs-c-productNameHeading__name { font-size: 1.5rem; font-weight: 500; line-height: 1.13333333333; }
.fs-l-product--info .innercapacity { margin-top: 20px; font-size: 1.2rem; line-height: 1.41666666667; }
.fs-c-productPrices--productDetail { margin-top: 15px; }
.fs-c-productPrices--productDetail .fs-c-productPrice__main__label { display: none; }
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size: 1.8rem; font-weight: 700; }
.fs-c-productPrices--productDetail .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed) { font-size: 1.2rem; }
.fs-c-productPointDisplay { display: flex; margin-top: 4px; padding: 0; background: none; font-size: 1.2rem; color: #000; }
.fs-c-productPointDisplay__quantity { font-weight: 500; }
.fs-c-productOption { display: flex; flex-flow: column-reverse; margin-top: 25px; }
.fs-c-productOption__name { margin-top: 6px; padding: 0; background: none; font-size: 1.1rem; font-weight: 500; }
.fs-c-productOption__label { text-decoration: underline; }
.fs-c-productOption__label::before { content: '\203B'; font-size: 1.1rem; }
.fs-c-productOption__label .fs-c-requiredMark { display: none; }
.fs-c-productOption__option { margin: 0; padding: 0; }
.fs-c-productOption__field { display: block; border-bottom: solid #eee 1px; }
.fs-c-productOption__field > * { border-top: solid #eee 1px; }
.fs-c-productOption__field .fs-c-radio__label { display: block; padding: 13px 0 13px 30px; position: relative; font-size: 1.2rem; }
.fs-c-productOption__field .fs-c-radio__radioMark { position: absolute; top: 50%; left: 5px; transform: translateY(-50%); }
.fs-c-productOption__field .fs-c-productOption__price::before { content: '\FF08'; }
.fs-c-productOption__field .fs-c-productOption__price::after { content: '\FF09'; }
.fs-c-productCart { display: flex; flex-wrap: wrap; align-items: center; background: #e8f4ee; }
.fs-c-productCart .fs-c-productQuantityAndWishlist { display: flex; align-items: center; width: 96px; }
.fs-c-productCart .fs-c-productQuantityAndWishlist__wishlist { display: none; }
.fs-c-productCart .fs-c-productQuantityAndWishlist__quantity { display: flex; align-items: center; max-width: inherit; }
.fs-c-productCart .fs-c-productQuantityAndWishlist__quantity::before { content: '\6570\91CF'; display: inline-block; width: 32px; vertical-align: top; font-size: 1.2rem; }
.fs-c-productCart .fs-c-quantity__select { padding: 6px 10px; width: 45px; }
.fs-c-productCart .quantity-inde { margin-left: 9px; width: 10px; }
.fs-c-productCart .quantity-inde > a { display: block; position: relative; width: 6px; height: 10px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.fs-c-productCart .quantity-inde > a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_black2.svg) no-repeat center center; background-size: 100% 100%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.fs-c-productCart .quantity-inde > a.increase { transform: rotate(-90deg); margin-bottom: 5px; }
.fs-c-productCart .quantity-inde > a.decrease { transform: rotate(90deg); margin-left: .5px; }
.fs-c-productCart .fs-c-productActionButton { margin: 0 0 0 20px; padding: 0; width: calc(100% - 116px); }
.fs-c-productCart .fs-c-button--primary { padding: 18px 0; width: 100%; max-width: inherit; min-width: inherit; border: none; border-radius: 4px; box-shadow: none; font-size: 1.5rem; font-weight: 700; color: #fff; z-index: 1; }
.fs-c-productCart .fs-c-productNotice--outOfStock,
.fs-c-productCart .fs-c-productNotice--subscriptionOutOfStock { width: 100%; padding: 0; text-align: center; background: none; font-size: 1.2rem; }
.fs-c-productBtns { margin-top: 40px; }
.fs-c-buttonContainer--inquiryAboutProduct { padding: 0; }
.fs-c-buttonContainer--inquiryAboutProduct .fs-c-button--inquiryAboutProduct { display: block; padding: 14px 0; width: 100%; border: solid #ccc 1px; font-size: 1.3rem; font-weight: 700; color: #000; }
.fs-c-buttonContainer--inquiryAboutProduct .fs-c-button__label { display: inline-block; position: relative; padding-left: 28px; }
.fs-c-buttonContainer--inquiryAboutProduct .fs-c-button__label::before { content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 18px; background: url(https://tanet.itembox.design/item/_assets/img/icon/balloon1.svg) no-repeat center center; background-size: 100% 100%; }
.fs-c-productBtns--lists { display: flex; flex-wrap: wrap; margin-top: 8px; }
.fs-c-productBtns--lists > li { margin: 8px 8px 0 0; width: calc(50% - 4px); }
.fs-c-productBtns--lists > li:nth-of-type(-n+2) { margin-top: 0; }
.fs-c-productBtns--lists > li:nth-of-type(2n) { margin-right: 0; }
.fs-c-productBtns--lists > li > a { display: block; padding: 14px 0; width: 100%; border: solid #ccc 1px; text-align: center; font-size: 1.3rem; font-weight: 700; color: #000; }
.fs-c-productBtns--lists > li span { display: inline-block; position: relative; }
.fs-c-productBtns--lists > li span::before { content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 18px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.fs-c-productBtns--lists > li.favorite span { padding-left: 30px; }
.fs-c-productBtns--lists > li.favorite span::before { top: 2px; width: 21px; height: 18px; background-image: url(https://tanet.itembox.design/item/_assets/img/icon/favorite1.svg); }
.fs-c-productBtns--lists > li.review span { padding-left: 28px; }
.fs-c-productBtns--lists > li.review span::before { top: 2px; width: 18px; height: 18px; background-image: url(https://tanet.itembox.design/item/_assets/img/icon/pen1.svg); }
.fs-c-productReview { margin-top: 40px; }
.fs-c-aggregateRating__rating::before { font-size: 1.2rem; }
.fs-c-reviewList--productDescription .fs-c-reviewList__item__body { font-size: 1.2rem; }
.fs-c-productReview .fs-c-buttonContainer { font-size: 1.2rem; }
.fs-c-productReview__addReview { display: none; }
.fs-c-productShipping { margin-top: 35px; font-size: .8945rem; line-height: 1.85690329793; }
.fs-c-productShipping strong { font-size: 1.086rem; font-weight: 700; color: #ea5413; }
.fs-c-productShipping span { font-size: .7665rem; }
.fs-c-productPayment { margin-top: 20px; } 
.fs-c-productPayment .title { position: relative; margin-bottom: 12px; text-align: center; font-size: 1.086rem; font-weight: 700; line-height: 1.2; }
.fs-c-productPayment .title::after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #5ea87e; z-index: -1; }
.fs-c-productPayment .title span { display: inline-block; padding: 0 12px; background: #fff; vertical-align: top; }
.fs-c-productPayment ul { display: flex; margin-bottom: 12px; padding: 6px 0; background: #e8f4ee; border-radius: 2px; }
.fs-c-productPayment ul > li { padding: 4px 0; border-left: solid #fff 1px; width: 33.333333%; text-align: center; font-size: .9585rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.fs-c-productPayment ul > li:first-child { border-left: none; }
.fs-c-productPayment ul > li sup { color: #000; }
.fs-c-productPayment .pic { margin: 0 14px; }
.fs-c-productPayment .attention { margin-top: 12px; font-size: .7665rem; }
.fs-l-product--explain { margin-top: 56px; }
.fs-l-product--explain .tab { display: flex; box-shadow: 0 0 25px rgba(0,0,0,.1); }
.fs-l-product--explain .tab > li { position: relative; width: 33.333333%; text-align: center; font-size: 1.2rem; font-weight: 700; }
.fs-l-product--explain .tab > li > a { display: block; position: relative; padding: 12px 0; width: 100%; background: #fff; color: #999; overflow: hidden; z-index: 1; }
.fs-l-product--explain .tab > li > a::after { content: ''; position: absolute; top: 6px; left: 0; width: 1px; height: calc(100% - 12px); background: #eee; }
.fs-l-product--explain .tab > li > a.active { color: #fff; }
.fs-l-product--explain .tab > li > a.active {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.fs-l-product--explain .tab > li:first-child > a { border-radius: 4px 0 0 4px; }
.fs-l-product--explain .tab > li:first-child > a::after { display: none; }
.fs-l-product--explain .tab > li:last-child > a { border-radius: 0 4px 4px 0; }
.device-click .fs-l-product--explain .tab > li > a::before { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; width: 100%; height: 100%; opacity: 0; z-index: -1; }
.device-click .fs-l-product--explain .tab > li > a::before {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .fs-l-product--explain .tab > li > a:hover { opacity: 1; color: #fff; }
.device-click .fs-l-product--explain .tab > li > a:hover::before { opacity: 1; }

.fs-l-product--explain .block { display: none; position: relative; padding: 20px 10px 0; font-size: 1.2rem; line-height: 1.66666666667; }
.fs-l-product--explain .block dl { position: relative; }
.fs-l-product--explain .block dl + dl { margin-top: 16px; }
.fs-l-product--explain .block dl > dt { margin-bottom: 2px; font-size: 1.5rem; font-weight: 700; color: #0d7c3e; }
.fs-l-product--explain .block .image { text-align: center; }

@media screen and (max-width: 768px) {
  .fs-l-product--gallery { margin-bottom: 35px; }
  .fs-c-productCart { margin: 38px -15px 0; padding: 25px 15px; width: calc(100% + 30px); }
  .gallery-slide-bullets--item { margin: 11px 11px 0 0; width: calc((100% / 4) - (11px / (4 / 3))); }
  .gallery-slide-bullets--item:nth-of-type(-n+4) { margin-top: 0; }
  .gallery-slide-bullets--item:nth-of-type(4n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .fs-l-productLayout { display: flex; flex-wrap: wrap; }
  .fs-l-product--gallery { width: 44.4444444444%; }
  .gallery-slide-direct { margin-top: -12px; width: 14px; height: 26px; }
  .gallery-slide-direct--prev { left: 0; }
  .gallery-slide-direct--prev { right: 0; }
  .gallery-slide-bullets { margin-top: 30px; }
  .gallery-slide-bullets--item { margin: 4.16666666667% 4.16666666667% 0 0; width: 21.875%; }
  .gallery-slide-bullets--item:nth-of-type(-n+4) { margin-top: 0; }
  .gallery-slide-bullets--item:nth-of-type(4n) { margin-right: 0; }
  .fs-l-product--info { margin-left: 5.5555555556%; width: 50%; }
  .fs-l-product--info .fs-c-productMarks { margin-bottom: 6px; }
  .fs-c-productNameHeading__copy { margin-bottom: 6px; font-size: 2rem; }
  .fs-c-productNameHeading__name { font-size: 2rem; }
  .fs-l-product--info .innercapacity { margin-top: 25px; font-size: 1.4rem; }
  .fs-c-productPrices--productDetail { margin-top: 18px; }
  .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size: 2.6rem; }
  .fs-c-productPrices--productDetail .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed) { font-size: 1.4rem; }
  .fs-c-productPointDisplay { margin-top: 2px; font-size: 1.4rem; }
  .fs-c-productOption { margin-top: 30px; }
  .fs-c-productOption__name { margin-top: 8px; font-size: 1.2rem; }
  .fs-c-radioGroup .fs-c-radio:not(:last-child),
  .fs-c-checkboxGroup .fs-c-radio:not(:last-child) { margin-right: 0; }
  .fs-c-productOption__field .fs-c-radio__label { padding: 20px 0 20px 44px; font-size: 1.4rem; }
  .fs-c-productOption__field .fs-c-radio__radioMark { left: 10px; }
  .fs-c-productCart { margin-top: 38px; padding: 30px; }
  .fs-c-productCart .fs-c-productQuantityAndWishlist { width: 118px; }
  .fs-c-productCart .fs-c-productQuantityAndWishlist__quantity::before { width: 45px; font-size: 1.4rem; }
  .fs-c-productCart .fs-c-quantity__select { width: 56px; }
  .fs-c-productCart .quantity-inde { margin-left: 7px; width: 10px; }
  .fs-c-productCart .quantity-inde > a.increase { margin-bottom: 2px; }
  .fs-c-productCart .fs-c-productActionButton { margin-left: 28px; width: calc(100% - 146px); }
  .fs-c-productCart .fs-c-button--primary { padding: 24px 0; font-size: 1.8rem; }
  .fs-c-productCart .fs-c-productNotice--outOfStock,
  .fs-c-productCart .fs-c-productNotice--subscriptionOutOfStock { font-size: 1.4rem; }
  .fs-c-productBtns { margin-top: 40px; }
  .fs-c-buttonContainer--inquiryAboutProduct .fs-c-button--inquiryAboutProduct { padding: 19px 0; font-size: 1.5rem; }
  .fs-c-buttonContainer--inquiryAboutProduct .fs-c-button__label { padding-left: 32px; }
  .fs-c-buttonContainer--inquiryAboutProduct .fs-c-button__label::before { top: 4px; width: 20px; height: 19px; }
  .fs-c-productBtns--lists { margin-top: 1.85185185185%; }
  .fs-c-productBtns--lists > li { margin: 1.85185185185% 1.85185185185% 0 0; width: 49.0740740741%; }
  .fs-c-productBtns--lists > li > a { padding: 19px 0; font-size: 1.5rem; }
  .fs-c-productBtns--lists > li.favorite span { padding-left: 32px; }
  .fs-c-productBtns--lists > li.favorite span::before { top: 4px; width: 20px; height: 18px; }
  .fs-c-productBtns--lists > li.review span { padding-left: 30px; }
  .fs-c-productBtns--lists > li.review span::before { top: 2px; width: 20px; height: 20px; }
  .fs-c-productReview { margin-top: 40px; }
  .fs-c-aggregateRating__rating::before { font-size: 1.4rem; }
  .fs-c-productReview .fs-c-buttonContainer { font-size: 1.4rem; }
  .fs-c-productShipping { margin-top: 32px; font-size: 1.4rem; }
  .fs-c-productShipping strong { font-size: 1.7rem; }
  .fs-c-productShipping span { font-size: 1.2rem; }
  .fs-c-productPayment { margin-top: 30px; }
  .fs-c-productPayment .title { margin-bottom: 20px; font-size: 1.7rem; }
  .fs-c-productPayment .title span { padding: 0 18px; }
  .fs-c-productPayment ul { margin-bottom: 18px; padding: 10px 0; border-radius: 3px; }
  .fs-c-productPayment ul > li { padding: 6px 0; font-size: 1.5rem; }
  .fs-c-productPayment .pic { margin: 0 20px; }
  .fs-c-productPayment .attention { margin-top: 16px; font-size: 1.2rem; }
  .fs-l-product--explain { margin-top: 70px; width: 100%; }
  .fs-l-product--explain .tab { box-shadow: 0 0 50px rgba(0,0,0,.1); }
  .fs-l-product--explain .tab > li { font-size: 1.6rem; }
  .fs-l-product--explain .tab > li > a { padding: 25px 0; }
  .fs-l-product--explain .tab > li > a::after { top: 10px; height: calc(100% - 20px); }
  .fs-l-product--explain .tab > li:first-child > a { border-radius: 5px 0 0 5px; }
  .fs-l-product--explain .tab > li:last-child > a { border-radius: 0 5px 5px 0; }
  .fs-l-product--explain .block { padding: 54px 90px 0; font-size: 1.4rem; line-height: 1.71428571429; }
  .fs-l-product--explain .block dl + dl { margin-top: 46px; }
  .fs-l-product--explain .block dl > dt { margin-bottom: 12px; font-size: 2.2rem; }
}

/* featuredProduct,wishlistProduct */
.fs-c-featuredProduct,
.fs-c-wishlistProduct { margin-top: 52px; }
.fs-c-featuredProduct__header,
.fs-c-wishlistProduct__header { margin-bottom: 32px; }
.fs-c-featuredProduct__title,
.fs-c-wishlistProduct__title { border: none; text-align: center; font-size: 1.9rem; font-weight: 700; line-height: 1.2; }
.fs-c-productListCarousel { display: block; }
.fs-c-productListCarousel__ctrl { display: none !important; }
.fs-c-productListCarousel__list { width: 100%; }
.fs-c-productListCarousel__list__itemTrack { display: block; }
.fs-c-productListCarousel__list__itemTrack .slick-track { display: flex; flex-wrap: wrap; transform: none !important; width: 100% !important; }
.fs-c-productListCarousel__list__itemTrack .slick-slide { float: none; }
.fs-c-productListCarousel__list__itemTrack .slick-slide > div { display: block; width: 100%; }
.fs-c-productListCarousel__list__item { display: flex !important; flex-wrap: wrap; flex-basis: inherit !important; max-width: inherit !important; min-width: inherit !important; }
.fs-c-productListCarousel__list__item > * { width: 100%; }
.fs-c-productListCarousel__list__item > * + * { margin-top: 0; }
.fs-c-productListCarousel__list__item .fs-c-productListItem__imageContainer { order: 1; }
.fs-c-productListCarousel__list__item .fs-c-productMarks { order: 2; margin-bottom: 8px; }
.fs-c-productListCarousel__list__item .fs-c-productListItem__productName { order: 3; }
.fs-c-productListCarousel__list__item .fs-c-productListItem__prices { order: 4; }

@media screen and (max-width: 768px) {
  .fs-c-productListCarousel__list__itemTrack .slick-slide { margin: 25px 15px 0 0; width: calc((100% / 2) - (15px / (2 / 1))) !important; }
  .fs-c-productListCarousel__list__itemTrack .slick-slide:nth-of-type(-n+2) { margin-top: 0; }
  .fs-c-productListCarousel__list__itemTrack .slick-slide:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
  .fs-c-featuredProduct,
  .fs-c-wishlistProduct { margin-top: 96px; }
  .fs-c-featuredProduct__header { margin-bottom: 56px; }
  .fs-c-featuredProduct__title,
  .fs-c-wishlistProduct__title { font-size: 2.8rem; }
  .fs-c-productListCarousel__list__itemTrack .slick-slide { flex-basis: inherit; margin: 30px 4.6875% 0 0; width: 21.484375% !important; }
  .fs-c-productListCarousel__list__itemTrack .slick-slide:nth-of-type(-n+4) { margin-top: 0; }
  .fs-c-productListCarousel__list__itemTrack .slick-slide:nth-of-type(4n) { margin-right: 0; }
}

/* modal */
.fs-c-modal { font-size: 1.2rem; }

@media screen and (min-width: 769px) {
  .fs-c-modal { font-size: 1.4rem; }
}

/* noResultMessage */
.fs-c-noResultMessage { font-size: 1.2rem; }

@media screen and (min-width: 769px) {
  .fs-c-noResultMessage { font-size: 1.4rem; }
}

/* list */
.fs-c-list { margin: 0; }
.fs-c-list li { position: relative; margin: 0; padding: 0 0 0 1em; text-indent: 0; }
.fs-c-list li::before { content: '\30FB'; position: absolute; top: 0; left: 0; margin: 0; width: auto; height: auto;  border: none; border-radius: 0; }

/* orderedList */
.fs-c-orderedList > li { position: relative; margin: 0; padding: 0 0 0 3em; text-indent: 0; }
.fs-c-orderedList > li + li { margin-top: 0; }
.fs-c-orderedList > li::before { content: '\FF08'counter(number)'\FF09'; position: absolute; top: 0; left: 0; padding: 0; width: auto; color: #000; }

/* attention */
.fs-c-attention { font-size: 1rem; }
.fs-c-attentions { margin-top: 5px; }
.fs-c-attentions li { position: relative; padding-left: 1em; font-size: 1.1rem; }
.fs-c-attentions li::before { content: '\203B'; position: absolute; top: 0; left: 0; margin: 0; width: auto; height: auto;  border: none; border-radius: 0; }

@media screen and (min-width: 769px) {
  .fs-c-attention { font-size: 1.2rem; }
  .fs-c-attentions li { font-size: 1.2rem; }
}

/* explainList */
.fs-c-explainList { margin-top: 12px; border-bottom: solid #ddd 1px; }
.fs-c-explainList:first-child { margin-top: 0; }
.fs-c-explainList dt { padding: 10px; border: solid #ddd 1px; border-bottom: none; background: #e8f4ee; text-align: center; font-size: 1.2rem; font-weight: 400; }
.fs-c-explainList dd { padding: 10px 15px; border: solid #ddd 1px; border-bottom: none; font-size: 1.2rem; }
.fs-c-explainList dd:not(:last-child) { margin-bottom: 0; }

@media screen and (min-width: 769px) {
  .fs-c-explainList { grid-column-gap: 0; grid-row-gap: 0; margin-top: 22px; }
  .fs-c-explainList dt { padding: 18px; width: 200px; font-size: 1.4rem; }
  .fs-c-explainList dd { padding: 18px 40px; border-left: none; font-size: 1.4rem; }
}

/* address */
.fs-p-address { margin-top: 1.58333333333em; font-style: normal; }

/* documentArticle */
.fs-c-documentArticle { padding: 0; }
.fs-c-documentArticle + .fs-c-documentArticle { margin-top: 40px; }
.fs-c-documentArticle__heading { margin: 0 0 30px; padding: 0 0 6px; background: none; border-bottom: solid #e5e5e5 1px; text-align-last: left; font-size: 1.4rem; font-weight: 400; line-height: 1.2; color: #000; }
.fs-c-documentArticle__content { padding: 0; }
* + .fs-c-documentColumn { margin-top: 30px; }
.fs-c-documentColumn__heading { margin: 0 0 14px; padding: 0; border: none; font-size: 1.2rem; font-weight: 700; line-height: 1.2; }
.fs-c-documentColumn__content { padding: 0; font-size: 1.2rem; line-height: 1.58333333333; }
.fs-c-documentColumn__content > * + p { margin-top: 1.58333333333em; }
.fs-c-documentArticle .pic-creditcard { max-width: 545px; }

@media screen and (min-width: 769px) {
  .fs-c-documentArticle + .fs-c-documentArticle { margin-top: 58px; }
  .fs-c-documentArticle__heading { margin-bottom: 38px; padding-bottom: 12px; font-size: 1.8rem; }
  * + .fs-c-documentColumn { margin-top: 42px; }
  .fs-c-documentColumn__heading { margin-bottom: 16px; font-size: 1.4rem; }
  .fs-c-documentColumn__content { font-size: 1.4rem; }
  .fs-c-documentArticle .pic-price { max-width: 420px; }
}

/* privacyPolicy */
.fs-p-privacyPolicy .privacy-sign { margin-bottom: 30px; text-align: right; }

@media screen and (min-width: 769px) {
  .fs-p-privacyPolicy .privacy-sign { margin-bottom: 60px; }
}

/* register */
@media screen and (min-width: 769px) {
  .fs-body-register .fs-p-announcement { margin-right: auto; margin-left: auto; max-width: 600px; }
}

/* login */
.fs-body-login .fs-c-inputInformation__field,
.fs-body-wishlist-login .fs-c-inputInformation__field,
.fs-body-forgotPassword .fs-c-inputInformation__field,
.fs-body-membershipCardAuth .fs-c-inputInformation__field,
.fs-body-merge .fs-c-inputInformation__field,
.fs-body-cart-login .fs-c-inputInformation__field,
.fs-body-newsletter-subscribe .fs-c-inputInformation__field,
.fs-body-newsletter-unsubscribe .fs-c-inputInformation__field,
.fs-body-review-login .fs-c-inputInformation__field,
.fs-body-my-account-password .fs-c-inputInformation__field { margin: 0 auto; padding: 0; background: none; }
.fs-c-inputInformation__link { margin-top: 18px; text-align: center; font-size: 1.1rem; }
.fs-c-inputInformation__link > a { text-decoration: underline; color: #0d7c3e; }

@media screen and (min-width: 769px) {
  .fs-body-login .fs-c-registeredUsers,
  .fs-body-review-login .fs-c-registeredUsers,
  .fs-body-wishlist-login .fs-c-registeredUsers { flex-basis: 40%; }
  .fs-body-login .fs-c-newUsers,
  .fs-body-review-login .fs-c-newUsers,
  .fs-body-wishlist-login .fs-c-newUsers { margin-left: 20%; flex-basis: 40%; }
  .fs-c-inputInformation__link { margin-top: 28px; font-size: 1.2rem; }
}

/* my-top */
.fs-c-accountService__page--accountDelete { height: auto; }
.fs-body-my-top .btn-logout { margin: 10px 0 60px; font-size: 1.2rem; }

@media screen and (min-width: 769px) {
  .fs-body-my-top .btn-logout { margin: 20px 0 100px; width: 100%; font-size: 1.4rem; }
}

/* cart */
.fs-c-cartTable__headerCell { background: #efefef; }
.fs-c-cartTable__headerCell,
.fs-c-cartTable__dataCell { border-color: #d5d5d5; }

@media screen and (min-width: 769px) {
  .fs-c-cartTableContainer,
  .fs-body-cart .fs-l-cart__sideColumn { border-color: #d5d5d5; }
}

/* body-closed */
.fs-body-closed,
.fs-body-closed .fs-l-main,
.fs-body-closed .fs-l-pageMain { height: calc(100vh - 65px); }

@media screen and (max-width: 768px) {
  .fs-body-closed .fs-l-pageMain { margin: 0 15px; width: auto; }
}

@media screen and (min-width: 769px) {
  .fs-body-closed,
  .fs-body-closed .fs-l-main,
  .fs-body-closed .fs-l-pageMain { height: calc(100vh - 90px); }
}

/* others */
.fs-body-review-write .fs-c-reveiwNotes { padding: 20px 0; }
.fs-c-panelContainer { font-size: 1.2rem; }
.fs-c-modal__title,
.fs-c-modal__productName { font-size: 1.4rem; }
.fs-c-syncAccountInfoField  { font-size: 1.2rem; }
.fs-c-modal__close::before { font-size: 1.6rem; }

@media screen and (max-width: 768px) {
  .fs-l-main > .fs-c-panelContainer { margin-right: 15px; margin-left: 15px; }
}

@media screen and (min-width: 769px) {
  .fs-body-review-write .fs-c-reveiwNotes { margin: 0 auto; max-width: 600px; }
  .fs-c-panelContainer { font-size: 1.4rem; }
  .fs-l-main > .fs-c-panelContainer { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; max-width: 1320px; }
  .fs-c-modal__title,
  .fs-c-modal__productName { font-size: 1.6rem; }
  .fs-c-syncAccountInfoField  { font-size: 1.4rem; }
  .fs-c-modal__close::before { font-size: 2rem; }
}

/* page parts
------------------------------------------------ */
/* about */
.about { position: relative; }
.about-visual { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.about-visual-copy { position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); padding: 0 40px; text-align: center; white-space: nowrap; font-size: 1.4rem; line-height: 1.78571428571; color: #fff; }
.about-visual-copy .quotation { position: absolute; width: 12px; height: 26px; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.about-visual-copy .quotation:first-child { top: 0; left: 0; }
.about-visual-copy .quotation:last-child { bottom: 0; right: 0; transform: rotate(180deg); }
.about-visual-copy .quotation::before,
.about-visual-copy .quotation::after { content: ''; position: absolute; top: 0; left: 0; background-color: #fff; }
.about-visual-copy .quotation::before { width: 100%; height: 1px; }
.about-visual-copy .quotation::after { width: 1px; height: 100%; }
.about-introduce { margin-top: 30px; text-align: center; font-size: 1.5rem; line-height: 3.33333333333; }
.about-introduce p + p { margin-top: 3.3333em; }
.about-logo { margin: 75px auto 0; width: 152px; }

.about-introduce p.lazy-scroll { transition: 1.2s ease-out; }
.about-introduce p.lazy-scroll { transform: translateY(40px); opacity: 0; }
.about-introduce p.lazy-scroll.done { transform: translateY(0); opacity: 1; }

@media screen and (max-width: 768px) {
  .about-visual { margin: 0 -15px; padding-bottom: 80.8%; width: calc(100% + 30px); height: 0; background-image: url(https://tanet.itembox.design/item/_assets/img/about/visual2.jpg); }
}

@media screen and (min-width: 769px) {
  .about-visual { height: 534px; background-image: url(https://tanet.itembox.design/item/_assets/img/about/visual2-pc.jpg); }
  .about-visual-copy { padding: 0 58px; font-size: 2.2rem; line-height: 2.18181818182; }
  .about-visual-copy .quotation { width: 25px; height: 50px; }
  .about-introduce { margin-top: 114px; font-size: 2.2rem; line-height: 4.36363636364; }
  .about-introduce p + p { margin-top: 4.36363636364em; }
  .about-logo { margin-top: 120px; width: 215px; }
}

/* faq */
.faq-lists { position: relative; }
.faq-lists-box { position: relative; margin-top: 2px; }
.faq-lists-box:first-child { margin-top: 0; }
.faq-lists-box--q { position: relative; padding: 16px 30px 16px 36px; background: #e8f4ee; font-size: 1.4rem; font-weight: 700; line-height: 1.5; color: #0d7c3e; cursor: pointer; }
.faq-lists-box--q::before { content: 'Q.'; position: absolute; top: 16px; left: 15px; }
.faq-lists-box--q::after { content: ''; position: absolute; top: 50%; right: 18px; transition: ease .4s; transform: rotate(90deg); margin-top: -8px; width: 8px; height: 15px; background: url(https://tanet.itembox.design/item/_assets/img/icon/arrow_green2.svg) no-repeat center center; background-size: 100% 100%; }
.faq-lists-box--q.active::after { transform: rotate(270deg); }
.faq-lists-box--a { display: none; padding: 15px 15px 30px; font-size: 1.2rem; line-height: 1.58333333333; }


@media screen and (min-width: 769px) {
  .faq-lists-box--q { padding: 26px 54px; font-size: 1.6rem; }
  .faq-lists-box--q::before { top: 26px; left: 30px; }
  .faq-lists-box--q::after { right: 24px; }
  .faq-lists-box--a { padding: 24px 30px 54px; font-size: 1.4rem; line-height: 1.71428571429; }
}

/* contact */
.contact-introduce { position: relative; }
.contact-introduce-box { position: relative; margin-top: 32px; }
.contact-introduce-box:first-child { margin-top: 0; }
.contact-introduce-box--title { margin-bottom: 10px; font-size: 1.2rem; font-weight: 700; line-height: 1.58333333333; color: #0d7c3e; }
.contact-introduce-box--text { font-size: 1.2rem; line-height: 1.58333333333; }
.contact-form { margin-top: 60px; }
.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; width: 100%; background: none; border: none; border-radius: 0; box-shadow: none; font-family: inherit; }
.contact-form-block { position: relative; }
.contact-form-box { margin-top: 36px; }
.contact-form-box:first-child { margin-top: 0; }
.contact-form-box--title { margin-bottom: 10px; font-size: 1.2rem; font-weight: 700; line-height: 1.2; color: #0d7c3e; }
.contact-form-box--title label { display: flex; align-items: center; }
.contact-form-box--title .rquired { display: inline-block; margin-left: 6px; padding: 1px 2px; background: #f00; vertical-align: top; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.2; color: #fff; }
.contact-form-box--input { display: flex; }
.contact-form-box--input input,
.contact-form-box--input select,
.contact-form-box--input textarea { padding: 12px; background: #fff; border: solid #d5d5d5 1px; font-size: 1.2rem; }
.contact-form-box--input select { background: url(https://tanet.itembox.design/item/_assets/img/icon/select_arrow_green1.svg) no-repeat right 14px center #fff; background-size: 15px 8px; }
.contact-form-box--input textarea { height: 130px; }
.contact-form-box--input .input-half { width: calc(50% - 5px); }
.contact-form-box--input .input-half + .input-half { margin-left: 10px; }
.contact-form-box--input .input-full { width: 100%; }
.contact-form-box--input .select { width: 100%; }
.contact-form-box--input .textarea { width: 100%; }
.contact-form-submit { margin: 40px auto 0; }
.contact-form-submit > button { position: relative; padding: 16px; border-radius: 4px; font-size: 1.5rem; font-weight: 700; line-height: 1.2; overflow: hidden; color: #fff; z-index: 1; }
.contact-form-submit > button {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .contact-form-submit > button::before { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; transform: rotate(180deg); width: 100%; height: 100%; opacity: 0; z-index: -1; }
.device-click .contact-form-submit > button::before {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .contact-form-submit > button:hover { opacity: 1; }
.device-click .contact-form-submit > button:hover::before { opacity: 1; }
.contact-complete { position: relative; }
.contact-complete-title { margin-bottom: 34px; text-align: center; font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
.contact-complete-text { font-size: 1.2rem; line-height: 1.58333333333; }
.contact-complete-text p + p { margin-top: 1.58333333333em; }
.contact-complete-text .note { font-size: 1rem; }
.contact-complete-top { margin: 66px auto 0; text-align: center; font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
.contact-complete-top > a { display: block; position: relative; padding: 16px; border-radius: 4px; overflow: hidden; color: #fff; z-index: 1; }
.contact-complete-top > a {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .contact-complete-top > a::before { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; transform: rotate(180deg); width: 100%; height: 100%; opacity: 0; z-index: -1; }
.device-click .contact-complete-top > a::before {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .contact-complete-top > a:hover { opacity: 1; }
.device-click .contact-complete-top > a:hover::before { opacity: 1; }

@media screen and (max-width: 768px) {
  .contact-form-submit { width: 100%; }
}

@media screen and (min-width: 769px) {
  .contact-introduce-box { margin-top: 42px; }
  .contact-introduce-box--title { margin-bottom: 14px; font-size: 1.4rem; line-height: 1.71428571429; }
  .contact-introduce-box--text { font-size: 1.4rem; line-height: 1.71428571429; }
  .contact-form { margin: 85px auto 0; max-width: 640px; }
  .contact-form-box { margin-top: 42px; }
  .contact-form-box--title { margin-bottom: 10px; font-size: 1.4rem; }
  .contact-form-box--title .rquired { margin-left: 5px; padding: 1px 4px; font-size: 1.2rem; }
  .contact-form-box--input { display: flex; }
  .contact-form-box--input input,
  .contact-form-box--input select,
  .contact-form-box--input textarea { padding: 14px 24px; font-size: 1.4rem; }
  .contact-form-box--input select { background-position: right 24px center; }
  .contact-form-box--input textarea { height: 200px; }
  .contact-form-box--input .input-half { width: calc(50% - 10px); }
  .contact-form-box--input .input-half + .input-half { margin-left: 20px; }
  .contact-form-submit { margin-top: 40px; max-width: 333px; }
  .contact-form-submit > button { padding: 22px; font-size: 1.8rem; }
  .contact-complete-title { margin-bottom: 70px; font-size: 2rem; }
  .contact-complete-text { font-size: 1.4rem; line-height: 1.71428571429; }
  .contact-complete-text p + p { margin-top: 1.71428571429em; }
  .contact-complete-text .note { font-size: 1.2rem; }
  .contact-complete-top { margin-top: 74px; max-width: 333px; font-size: 1.8rem; }
  .contact-complete-top > a { padding: 22px; }
}

/* footer
------------------------------------------------ */
#footer { position: relative; }
.ft-pagetop { display: none; position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; z-index: 8; }
.ft-pagetop > a { display: block; position: relative; width: 100%; height: 100%; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.ft-pagetop > a {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.ft-pagetop > a:after { content: ''; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -5px; width: 10px; height: 14px; background: url(https://tanet.itembox.design/item/_assets/img/share/pagetop.svg) no-repeat center; background-size: 100% 100%; }

.device-click .ft-pagetop > a::before { content: ''; position: absolute; top: 0; left: 0; transition: opacity ease .4s; transform: rotate(180deg); width: 100%; height: 100%; border-radius: 50%; overflow: hidden; opacity: 0; }
.device-click .ft-pagetop > a::before {
  background: rgb(13,124,62);
  background: -moz-linear-gradient(left,  rgba(13,124,62,1) 0%, rgba(30,169,96,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  background: linear-gradient(to right,  rgba(13,124,62,1) 0%,rgba(30,169,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7c3e', endColorstr='#1ea960',GradientType=1 );
}
.device-click .ft-pagetop > a:hover { opacity: 1; }
.device-click .ft-pagetop > a:hover::before { opacity: 1; }

.ft-top { position: relative; padding: 35px 15px 28px; background: #fff; }
.ft-logo { width: 129px; height: 47px; font-size: 1rem; line-height: 1.2; }
.ft-logo > a { display: block; width: 100%; }
.ft-sns { display: flex; align-items: flex-start; position: absolute; top: 8px; right: 0; }
.ft-sns-item { margin-left: 28px; font-family: 'Roboto', sans-serif; font-size: .9rem; font-weight: 400; letter-spacing: .06em; line-height: 17px; }
.ft-sns-item:first-child { margin-left: 0; }
.ft-sns-item > a { display: flex; align-items: center; }
.ft-sns-item i { display: inline-block; margin-right: 8px; width: 26px; vertical-align: top; }
.ft-sns-item .i-sns-tw { width: 18px; height: 16px; }
.ft-sns-item .i-sns-instagram { width: 17px; height: 17px; }
.ft-top-info { position: relative; }
.ft-links {}
.ft-links-item { font-size: 1.2rem; font-weight: 400; letter-spacing: .06em; line-height: 1.2; }
.ft-links-item > a { display: inline-block; position: relative; vertical-align: top; }
.ft-links-straight {}
.ft-copyright { padding: 20px 0; background: #0d7c3e; text-align: center; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: .05em; line-height: 1.2; color: #fff; }
.ft-copyright >small { font-size: inherit; }

@media screen and (max-width: 768px) {
  .ft-links { margin-top: 32px; border-bottom: solid #e5e5e5 1px; }
  .ft-links-item { border-top: solid #e5e5e5 1px; }
  .ft-links-item > a { display: block; padding: 12px 10px; }
  .ft-links-straight {}
}

@media screen and (min-width: 769px) {
  #footer { margin-top: 120px; }
  .ft-pagetop { width: 65px; height: 65px; }
  .ft-pagetop > a:after { margin: -10px 0 0 -8px; width: 17px; height: 19px; }
  .ft-top { padding: 60px 0 56px; }
  .ft-logo { width: 179px; height: 63px; }
  .ft-sns { top: 15px; right: 20px; }
  .ft-sns-item { margin-left: 30px; font-size: 1.1rem; line-height: 20px; }
  .ft-sns-item i { margin-right: 10px; width: 26px; }
  .ft-sns-item .i-sns-tw { width: 22px; height: 18px; }
  .ft-sns-item .i-sns-instagram { width: 20px; height: 20px; }
  .ft-links { display: flex; flex-wrap: wrap; margin-top: 20px; }
  .ft-links-item { margin: 20px 50px 0 0; font-size: 1.4rem; }
  .ft-links-item:last-child { margin-right: 0; }
  .ft-others { margin-left: 120px; }
  .ft-others-lists--item { font-size: 1.2rem; line-height: 3.33333333333; }
  .ft-copyright { padding: 26px 0; font-size: 1.2rem; }
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
  .ft-links-lists { margin-left: 10vw; }
  .ft-others { margin-left: 10vw; }
}

@media screen and (max-width: 1000px) and (min-width: 769px) {
  .ft-top-info { padding-bottom: 50px; }
  .ft-sns { bottom: 0; }
}

/* fixed
------------------------------------------------ */
/* banner */
.fixed-banner { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 6; }
.fixed-banner-name { display: inline-block; vertical-align: top; }
.fixed-banner-name > a { display: block; position: relative; padding: 8px 15px; background: rgba(13,124,62,.95); border-radius: 0 2px 0 0; font-size: 1.2rem; font-weight: 700; line-height: 1.2; color: #fff; }
.fixed-banner-name > a span { display: inline-block; position: relative; padding-left: 25px; vertical-align: top; }
.fixed-banner-name > a i { position: absolute; top: -1px; left: 0; width: 15px; height: 15px; border: solid #fff 1px; }
.fixed-banner-name > a i::before,
.fixed-banner-name > a i::after { content: ''; position: absolute; top: 6px; left: 2px; transition: ease .4s; width: 9px; height: 1px; background: #fff; }
.fixed-banner-name > a i::before { transform: rotate(0); }
.fixed-banner-name > a i::after { transform: rotate(90deg); }
.fixed-banner-name > a.active i::before { transform: rotate(45deg); }
.fixed-banner-name > a.active i::after { transform: rotate(-45deg); }
.device-click .fixed-banner-name > a span { transition: ease .8s; }
.device-click .fixed-banner-name > a:hover { opacity: 1; }
.device-click .fixed-banner-name > a:hover span { opacity: .6; }
.fixed-banner-content { position: relative; padding: 15px 0; background: rgba(13,124,62,.95); color: #fff; }
.fixed-banner-content a { color: #fff; }
.fixed-banner-slide { position: relative; }
.fixed-banner-slide__frame { overflow-x: auto; }
.fixed-banner-slide__move { display: flex; }
.fixed-banner-slide--item { position: relative; }
.fixed-banner-slide--item:first-child { margin-left: auto; }
.fixed-banner-slide--item:last-child { margin-right: auto; }
.fixed-banner-slide--item > a { display: block; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,.1); }

/* library */
.fixed-library { display: none; position: fixed; bottom: 70px; right: 15px; width: 124px; z-index: 8; }
.fixed-library > a { display: block; width: 100%; }

@media screen and (max-width: 768px) {
  .fixed-banner-content { position: relative; background: rgba(13,124,62,.95); color: #fff; }
  .fixed-banner-slide__move { padding-left: 15px; }
  .fixed-banner-slide--item { min-width: 245px; }
  .fixed-banner-slide--item > a { max-width: 230px; }
}

@media screen and (min-width: 769px) {
  .fixed-banner-name > a { padding: 12px 22px 12px 8px; border-radius: 0 3px 0 0; font-size: 1.4rem; }
  .fixed-banner-name > a span { padding-left: 42px; }
  .fixed-banner-name > a i { top: -4px; width: 23px; height: 23px; }
  .fixed-banner-name > a i::before,
  .fixed-banner-name > a i::after { top: 10px; left: 4px; width: 13px; height: 1px; }
  .fixed-banner-content { padding: 20px 0; }
  .fixed-banner-slide--item { min-width: 350px; }
  .fixed-banner-slide--item > a { margin: 0 auto; max-width: 320px; box-shadow: 0 0 20px rgba(0,0,0,.1); }

  .fixed-library { bottom: 110px; right: 15px; width: 162px; }
}