@charset "UTF-8";
/*
Theme Name: sot 
Theme URI: https://sot-web.pro/
Description: sot original theme
Version: 1.0
Author: Morichika Design Studio
Author URI: https://morichikadesignstudio.com/
*/
html { background: #f7f7f7; font-size: 62.5%; }

body { font-size: 1.4rem; line-height: 1.8em; font-weight: 400; margin: 0; padding: 0; font-family: 'Noto Sans JP', sans-serif; color: #3a3937; }

img, object { max-width: 100%; height: auto; }

@media screen and (max-width: 768px) { .pc { display: none !important; } }

@media screen and (min-width: 768px) { .sp { display: none !important; } }

.btn-wrap-append { text-align: center; margin-top: 20px; width: 100%; }

@media screen and (min-width: 768px) { .btn-wrap-append { display: none; } }

@media screen and (max-width: 768px) { .btn-wrap-append { margin-top: 10px; } }

.btn-wrap-more { text-align: center; margin-top: 20px; width: 100%; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h6:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child { margin-top: 0; }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h6:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; }

a, button { transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-appearance: none; }

a:link, a:visited, button:link, button:visited { text-decoration: none; color: #3a3937; }

a:hover, a:active, button:hover, button:active { text-decoration: underline; color: #e4be6e; }

.image { font-size: 0; line-height: 0; }

.st-inner { width: 1020px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: content-box; }

@media screen and (max-width: 1020px) { .st-inner { width: auto; padding: 0 20px; } }

.st-inner.pt-b { width: calc(1020px - 160px); padding: 50px 80px; background: linear-gradient(to top, #f7f7f7, #fff); position: relative; z-index: 3; }

@media screen and (max-width: 1020px) { .st-inner.pt-b { width: auto; padding: 40px; } }

@media screen and (max-width: 768px) { .st-inner.pt-b { padding: 20px; } }

#st-header { background: #fff; position: relative; z-index: 9999; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); transition: top 0.6s; min-height: 100px; }

@media screen and (max-width: 768px) { #st-header { min-height: 50px; } }

#st-header.scroll { position: fixed; width: 100%; top: -100px; }

#st-header.fixed { position: fixed; width: 100%; top: 0; min-height: 50px; }

#st-header.fixed .logo { width: 70px; margin: -12px 0 0 -30px; }

#st-header.fixed #gnavi > ul > li { line-height: 50px; }

@media screen and (max-width: 768px) { #st-header.fixed #gnavi > ul > li { line-height: 40px; } }

#st-header.fixed #gnavi > ul > li .megamenu { top: 50px; }

#st-header .logo { font-size: 0; line-height: 0; position: absolute; max-width: 140px; left: 50%; top: 50%; margin: -26px 0 0 -60px; z-index: 2; }

@media screen and (max-width: 768px) { #st-header .logo { width: 70px; margin: -12px 0 0 -30px; } }

#st-header #gnavi { max-width: 740px; margin: 0 auto; }

@media screen and (max-width: 940px) { #st-header #gnavi { max-width: 620px; } }

@media screen and (max-width: 840px) { #st-header #gnavi { max-width: 540px; } }

@media screen and (max-width: 768px) { #st-header #gnavi { pointer-events: none; max-width: 100%; opacity: 0; transition: opacity 0.3s, top 0.3s; top: 40px; position: absolute; left: 0; right: 0; }
  #st-header #gnavi.active { opacity: 1; top: 50px; pointer-events: inherit; } }

#st-header #gnavi > ul { display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

@media screen and (max-width: 768px) { #st-header #gnavi > ul { flex-direction: column; background: rgba(255, 255, 255, 0.9); border-top: 1px solid #f2f2f2; } }

#st-header #gnavi > ul > li { font-size: 1.6rem; line-height: 100px; letter-spacing: 1px; font-weight: 400; width: 130px; text-align: center; }

@media screen and (max-width: 940px) { #st-header #gnavi > ul > li { width: 90px; } }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li { width: 100%; line-height: 40px; margin: auto; border-bottom: 1px solid #f2f2f2; } }

#st-header #gnavi > ul > li#navi-products { margin-right: auto; }

#st-header #gnavi > ul > li.current > a:after { width: 100px; }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li.current > a { background: #f7f7f7; } }

#st-header #gnavi > ul > li > a { display: block; position: relative; }

#st-header #gnavi > ul > li > a:after { content: ""; display: block; position: absolute; width: 0; height: 2px; left: 50%; margin-left: -50px; margin-top: 14px; top: 50%; background: #f0f0ef; opacity: 1; pointer-events: none; /*transition: width 0.3s;*/ }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li > a:after { display: none; } }

#st-header #gnavi > ul > li > a:hover, #st-header #gnavi > ul > li > a:active { text-decoration: none; }

#st-header #gnavi > ul > li .megamenu { opacity: 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02); pointer-events: none; position: absolute; left: 0; right: 0; top: 100px; background: rgba(229, 229, 229, 0.95); z-index: 9998; line-height: 1.8em; padding: 40px 0; transition: opacity 0.3s; letter-spacing: 1px; }

@media screen and (max-width: 1020px) { #st-header #gnavi > ul > li .megamenu { font-size: 1.2rem; padding: 20px 0; } }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li .megamenu { opacity: 1; pointer-events: inherit; position: relative; top: auto !important; left: auto; padding: 0; }
  #st-header #gnavi > ul > li .megamenu .article-list.pt-f { display: none; } }

#st-header #gnavi > ul > li .megamenu > .inner { max-width: 1020px; margin: 0 auto; }

@media screen and (max-width: 1020px) { #st-header #gnavi > ul > li .megamenu > .inner { padding: 0 20px; } }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li .megamenu > .inner { padding: 0; } }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li .megamenu > .inner .link-list ul { margin: 0; padding: 0; }
  #st-header #gnavi > ul > li .megamenu > .inner .link-list li { display: block; margin: 0; padding: 0; border-top: 1px solid #f2f2f2; }
  #st-header #gnavi > ul > li .megamenu > .inner .link-list li a { margin: 0; background: none; display: block; padding: 0; text-align: center; line-height: 36px; } }

#st-header #gnavi > ul > li .megamenu > .inner .article-list { margin-bottom: 0px !important; }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li .megamenu > .inner .article-list .block { width: 100%; box-shadow: none; border-top: 1px solid #f2f2f2; }
  #st-header #gnavi > ul > li .megamenu > .inner .article-list .block .image { display: none; }
  #st-header #gnavi > ul > li .megamenu > .inner .article-list .block .text { box-shadow: none; width: 100%; background: none; }
  #st-header #gnavi > ul > li .megamenu > .inner .article-list .block .text a { padding: 0; line-height: 36px; margin: 0; background: none; text-align: center; font-size: 1.2rem; }
  #st-header #gnavi > ul > li .megamenu > .inner .article-list .block li ul { display: none; } }

#st-header #gnavi > ul > li .megamenu > .inner .article-list:not(:last-child) { margin-bottom: 40px !important; }

@media screen and (max-width: 1020px) { #st-header #gnavi > ul > li .megamenu > .inner .article-list:not(:last-child) { margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) { #st-header #gnavi > ul > li .megamenu > .inner .article-list:not(:last-child) { margin-bottom: 0 !important; } }

#st-header #gnavi > ul > li .megamenu.active { opacity: 1; pointer-events: inherit; }

#st-header #ec-navi { position: absolute; margin-left: 420px; height: 40px; left: 50%; top: 50%; margin-top: -20px; }

@media screen and (max-width: 1020px) { #st-header #ec-navi { margin-left: auto; left: auto; right: 10px; } }

@media screen and (max-width: 768px) { #st-header #ec-navi { right: 0; } }

#st-header #ec-navi > ul { display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; width: 90px; margin: 0; padding: 0; }

@media screen and (max-width: 768px) { #st-header #ec-navi > ul { width: 40px; } }

#st-header #ec-navi > ul > li { width: 40px; }

@media screen and (max-width: 768px) { #st-header #ec-navi > ul > li:first-child { display: none; } }

#st-header #ec-navi > ul > li a { width: 40px; height: 40px; transition: opacity 0.3s; }

#st-header #ec-navi > ul > li a:hover { opacity: 0.6; }

#st-header #btn-menu { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; margin-top: -20px; display: none; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; transition: opacity 0.3s; }

#st-header #btn-menu:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -15px; width: 30px; height: 3px; background: #4d4d4d; border-radius: 1px; transition: 0.3s; }

#st-header #btn-menu:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-top: 3px; margin-left: -15px; width: 20px; height: 3px; background: #4d4d4d; border-radius: 1px; transition: 0.3s; }

#st-header #btn-menu:hover { opacity: 0.6; }

#st-header #btn-menu:hover:after { width: 30px; }

#st-header #btn-menu.active:before { width: 20px; margin-left: -10px; margin-top: -1px; transform: rotate(-45deg); }

#st-header #btn-menu.active:after { width: 20px; margin-left: -10px; margin-top: -1px; transform: rotate(45deg); }

@media screen and (max-width: 768px) { #st-header #btn-menu { display: block; } }

.btn { -webkit-appearance: none; }

.btn.icon { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; text-decoration: none; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }

.btn.icon.mypage { background-image: url(img/icon-member.png); }

.btn.icon.cart { background-image: url(img/icon-cart.png); }

.btn.pt-a { display: inline-block; border: 1px solid #73716d; padding: 10px 20px; font-weight: 400; background: none; border-radius: 3px; }

.btn.pt-a:link, .btn.pt-a:visited { color: #3a3937; }

.btn.pt-a:hover, .btn.pt-a:active { color: #fff; text-decoration: none; background: #e4be6e; border-color: #e4be6e; }

.btn.pt-b { display: inline-block; padding: 5px 10px; font-weight: 400; font-size: 1.4rem !important; line-height: 1.2em !important; letter-spacing: 1px !important; border-radius: 3px; }

@media screen and (max-width: 768px) { .btn.pt-b { padding: 10px; width: calc(40% - 20px); } }

.btn.pt-b:link, .btn.pt-b:visited { color: #fff; background: #3a3937; }

.btn.pt-b:hover, .btn.pt-b:active { color: #fff; text-decoration: none; background: #e4be6e; }

.btn.pt-c { display: inline-block; padding: 10px 20px; font-weight: 400; width: calc(40% - 20px); text-align: center; border-radius: 3px; }

@media screen and (max-width: 768px) { .btn.pt-c { width: calc(40% - 20px); padding: 10px; } }

.btn.pt-c:link, .btn.pt-c:visited { color: #fff; background: #3a3937; }

.btn.pt-c:hover, .btn.pt-c:active { color: #fff; text-decoration: none; background: #e4be6e; }

.btn.pt-d { display: inline-block; padding: 0px 5px 3px; font-weight: 400; position: relative; }

.btn.pt-d:before { content: ""; display: block; width: 100%; height: 2px; left: 0; bottom: 0; position: absolute; background: #3a3937; transition: 0.3s; }

.btn.pt-d:after { content: ""; display: block; width: 0; height: 2px; left: 0; bottom: 0; position: absolute; background: #e4be6e; transition: 0.3s; }

.btn.pt-d:link, .btn.pt-d:visited { color: #3a3937; }

.btn.pt-d:hover, .btn.pt-d:active { color: #e4be6e; text-decoration: none; }

.btn.pt-d:hover:before, .btn.pt-d:active:before { opacity: 0; }

.btn.pt-d:hover:after, .btn.pt-d:active:after { width: 100%; }

.btn.pt-e { display: inline-block; padding: 10px; font-weight: 400; font-size: 1.4rem !important; line-height: 1.2em !important; letter-spacing: 1px !important; position: relative; }

.btn.pt-e:before { content: ""; display: block; width: 100%; height: 2px; left: 0; top: 0; position: absolute; background: #3a3937; transition: 0.3s; }

.btn.pt-e:after { content: ""; display: block; width: 100%; height: 2px; left: 0; bottom: 0; position: absolute; background: #3a3937; transition: 0.3s; }

@media screen and (max-width: 768px) { .btn.pt-e { padding: 10px; width: calc(68% - 20px); } }

.btn.pt-e:link, .btn.pt-e:visited { color: #3a3937; }

.btn.pt-e:hover, .btn.pt-e:active { color: #e4be6e; text-decoration: none; }

.btn.pt-e:hover:before, .btn.pt-e:active:before { top: 3px; background: #e4be6e; }

.btn.pt-e:hover:after, .btn.pt-e:active:after { bottom: 3px; background: #e4be6e; }

.btn.pt-f { display: inline-block; padding: 10px 20px; font-weight: 400; width: calc(40% - 20px); text-align: center; position: relative; }

.btn.pt-f:before { content: ""; display: block; width: 100%; height: 2px; left: 0; top: 0; position: absolute; background: #3a3937; transition: 0.3s; }

.btn.pt-f:after { content: ""; display: block; width: 100%; height: 2px; left: 0; bottom: 0; position: absolute; background: #3a3937; transition: 0.3s; }

@media screen and (max-width: 768px) { .btn.pt-f { width: calc(68% - 20px); } }

.btn.pt-f:link, .btn.pt-f:visited { color: #3a3937; }

.btn.pt-f:hover, .btn.pt-f:active { color: #e4be6e; text-decoration: none; }

.btn.pt-f:hover:before, .btn.pt-f:active:before { top: 3px; background: #e4be6e; }

.btn.pt-f:hover:after, .btn.pt-f:active:after { bottom: 3px; background: #e4be6e; }

.btn.pt-g { display: inline-block; border: 1px solid #73716d; padding: 10px 20px; font-weight: 400; border-radius: 3px; }

.btn.pt-g:link, .btn.pt-g:visited { color: #3a3937; }

.btn.pt-g:hover, .btn.pt-g:active { color: #fff; text-decoration: none; background: #e4be6e; border-color: #e4be6e; }

.btn.pt-h { display: inline-block; padding: 5px 10px; font-weight: 400; font-size: 1.4rem !important; line-height: 1.2em !important; letter-spacing: 1px !important; border-radius: 3px; }

@media screen and (max-width: 768px) { .btn.pt-h { padding: 10px; width: calc(68% - 20px); } }

.btn.pt-h:link, .btn.pt-h:visited { color: #fff; background: #3a3937; }

.btn.pt-h:hover, .btn.pt-h:active { color: #fff; text-decoration: none; background: #e4be6e; }

.btn.pt-i { display: inline-block; padding: 10px 20px; font-weight: 400; width: calc(40% - 20px); text-align: center; border-radius: 3px; }

@media screen and (max-width: 768px) { .btn.pt-i { width: calc(68% - 20px); } }

.btn.pt-i:link, .btn.pt-i:visited { color: #fff; background: #3a3937; }

.btn.pt-i:hover, .btn.pt-i:active { color: #fff; text-decoration: none; background: #e4be6e; }

.arrow { padding-left: 23px; background: url(img/arrow01.png) no-repeat left center; background-size: 16px auto; }

.ttl.pt-a { width: 100%; display: flex; justify-content: space-between; flex-grow: inherit; font-size: 2.8rem; line-height: 1.6em; letter-spacing: 2px; font-weight: 300; align-items: baseline; }

@media screen and (max-width: 768px) { .ttl.pt-a { display: block; text-align: center; font-size: 2.2rem; line-height: 1.6em; }
  .ttl.pt-a span { display: none; } }

.description { margin-bottom: 3em; }

.count { font-size: 1.4rem; line-height: 1.6em; letter-spacing: 1px; }

@media screen and (max-width: 768px) { .count { padding-top: 0.5em; font-size: 1.2rem; line-height: 1.6em; } }

.article-body { word-break: break-all; }

.article-body a img { transition: opacity 0.3s; }

.article-body a:link, .article-body a:visited { text-decoration: none; color: #806b3d; }

.article-body a:hover, .article-body a:active { text-decoration: underline; color: #e4be6e; }

.article-body a:hover img, .article-body a:active img { opacity: 0.6; }

.article-body h1 { font-size: 2.4rem; line-height: 1.6em; font-weight: 500; width: 100%; }

.article-body h2 { font-size: 2.2rem; line-height: 1.6em; font-weight: 500; width: 100%; }

.article-body h3 { font-size: 2rem; line-height: 1.6em; font-weight: 500; font-weight: 500; width: 100%; }

.article-body h4 { font-size: 1.8rem; line-height: 1.6em; font-weight: 500; width: 100%; }

.article-body h5 { font-size: 1.6rem; line-height: 1.6em; font-weight: 500; width: 100%; }

.article-body h6 { font-size: 1.4rem; line-height: 1.6em; font-weight: 500; width: 100%; }

.article-body .aligncenter { display: block; margin: 0 auto; }

.article-body .alignright { float: right; margin-left: 20px; }

@media screen and (max-width: 768px) { .article-body .alignright { margin-right: auto; float: none; clear: both; } }

.article-body .alignleft { float: left; margin-right: 20px; }

@media screen and (max-width: 768px) { .article-body .alignleft { margin-right: auto; float: none; clear: both; } }

.article-body .wp-caption { text-align: center; }

@media screen and (max-width: 768px) { .article-body .wp-caption { text-align: left; } }

@media screen and (max-width: 768px) { .article-body iframe.wp-embedded-content { width: 100%; } }

.info { width: 100%; margin: 0; border-top: 1px dotted #d9d7d2; padding-top: 3px; }

.info:not(:last-child) { margin-bottom: 1em; }

.info a:link, .info a:visited { text-decoration: none; color: #806b3d; }

.info a:hover, .info a:active { text-decoration: underline; color: #e4be6e; }

.info dt { font-weight: 300; /*border-top: 1px dotted #d9d7d2; padding-top: 5px;*/ color: #b3b2b1; font-size: 1rem; }

.info dd { margin: 0; }

.info dd:not(:last-child) { padding-bottom: 3px; }

.info .pay { padding: 0; margin: 0; display: flex; justify-content: space-between; list-style: none; }

.info .pay:not(:last-child) { margin-bottom: 1em; }

.info .pay li { width: calc(12% - 10px); font-size: 1rem; line-height: 1.4em; text-align: center; margin-right: 10px; }

@media screen and (max-width: 768px) { .info .pay li { width: 25%; } }

.info .pay li:last-child { margin-right: auto; }

.info .pay li img { width: 60%; }

.info .pay-comment { font-size: 1.2rem; line-height: 1.4em; }

.sns { width: 100%; }

.sns ul { list-style: none; padding: 0; }

.sns ul li { display: inline-block; line-height: 0; vertical-align: top; margin: 0 5px 0 0; }

@media screen and (max-width: 768px) { .sns ul li { margin: 0 2px 0 0; } }

.sns ul li iframe { margin: 0 !important; }

.fs-l-page .article-list { margin-bottom: 80px; }

@media screen and (max-width: 768px) { .fs-l-page .article-list { margin-bottom: 40px; } }

.fs-l-product2 .fs-l-productLayout { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .fs-l-product2 .fs-l-productLayout { display: block; } }

.fs-l-product2 .fs-l-productLayout .fs-l-productLayout__item--1 { width: 50%; }

@media screen and (max-width: 768px) { .fs-l-product2 .fs-l-productLayout .fs-l-productLayout__item--1 { width: 100%; margin-bottom: 20px; } }

.fs-l-product2 .fs-l-productLayout .fs-l-productLayout__item--2 { width: calc(50% - 40px); }

@media screen and (max-width: 768px) { .fs-l-product2 .fs-l-productLayout .fs-l-productLayout__item--2 { width: 100%; } }

.fs-p-productDescription--full, .fs-p-productDescription--short { width: 100%; }

.fs-p-productDescription--full:not(:first-child), .fs-p-productDescription--short:not(:first-child) { margin-top: 1em !important; }

.fs-p-productDescription--full:not(:last-child), .fs-p-productDescription--short:not(:last-child) { margin-bottom: 1em !important; }

.fs-p-productDescription--full h1, .fs-p-productDescription--full h2, .fs-p-productDescription--full h3, .fs-p-productDescription--full h4, .fs-p-productDescription--full h5, .fs-p-productDescription--full h6, .fs-p-productDescription--short h1, .fs-p-productDescription--short h2, .fs-p-productDescription--short h3, .fs-p-productDescription--short h4, .fs-p-productDescription--short h5, .fs-p-productDescription--short h6 { width: 100%; display: block; }

.fs-l-productLayout a img { transition: opacity 0.3s; }

.fs-l-productLayout a:link, .fs-l-productLayout a:visited { text-decoration: none; color: #806b3d; }

.fs-l-productLayout a:hover, .fs-l-productLayout a:active { text-decoration: underline; color: #e4be6e; }

.fs-l-productLayout a:hover img, .fs-l-productLayout a:active img { opacity: 0.6; }

.fs-l-pageMain { display: block !important; margin-bottom: 40px; }

.fs-l-pageMain .block { display: flex; justify-content: space-between; flex-wrap: wrap; }

.fs-l-pageMain .block:not(:last-child) { margin-bottom: 40px; }

.fs-l-pageMain .block .image { width: calc(50% - 15px); text-align: center; }

@media screen and (max-width: 768px) { .fs-l-pageMain .block .image { width: 100%; margin-bottom: 20px; } }

.fs-l-pageMain .block .text { width: calc(50% - 15px); }

@media screen and (max-width: 768px) { .fs-l-pageMain .block .text { width: 100%; } }

.fs-l-pageMain .block.pt-02 { flex-direction: row-reverse; }

.article-detail { width: 100%; /*ニュース*/ /*ストアリスト*/ }

.article-detail table { width: 100%; border-spacing: 0; border-collapse: collapse; }

.article-detail table th { white-space: nowrap; font-weight: 500; padding-right: 0.5em; }

.article-detail table th, .article-detail table td { text-align: left; border-top: 1px solid #d9d7d2; padding: 1em 0; }

@media screen and (max-width: 768px) { .article-detail table th, .article-detail table td { display: block; white-space: inherit; } }

@media screen and (max-width: 768px) { .article-detail table th { padding-bottom: 0.5em; } }

@media screen and (max-width: 768px) { .article-detail table td { padding-top: 0; border-top: none; } }

.article-detail .taxonomy { font-size: 1.2rem; padding-bottom: 1em; width: 100%; }

.article-detail .title { width: 100%; font-size: 2.8rem; line-height: 1.6em; letter-spacing: 2px; font-weight: 300; margin: 1em 0 1.5em; }

@media screen and (max-width: 768px) { .article-detail .title { font-size: 2rem; line-height: 1.6em; } }

.article-detail .eyecatch { margin-bottom: 40px; font-size: 0; line-height: 0; text-align: center; }

.article-detail .eyecatch img { border-radius: 3px; }

.article-detail .eyecatch ul { padding: 0; margin: 0; list-style: none; }

.article-detail .eyecatch ul li { padding: 0; margin: 0; }

.article-detail .article-body { margin-bottom: 80px; }

@media screen and (max-width: 768px) { .article-detail .article-body { margin-bottom: 40px; } }

.article-detail .article-body p:not(:last-child) { margin-bottom: 2em; }

.article-detail .btn-wrap { text-align: center; margin-bottom: 80px; width: 100%; }

@media screen and (max-width: 768px) { .article-detail .btn-wrap { margin-bottom: 40px; } }

.article-detail.pt-a .taxonomy { text-align: center; position: relative; padding-bottom: 1em; }

.article-detail.pt-a .taxonomy:after { content: ""; display: block; position: absolute; width: 100px; height: 2px; left: 50%; margin-left: -50px; margin-top: 14px; top: 50%; background: #f0f0ef; opacity: 1; pointer-events: none; }

.article-detail.pt-a .title { text-align: center; }

.article-detail.pt-a.pt-02 { display: flex; justify-content: space-between; flex-wrap: wrap; }

.article-detail.pt-a.pt-02 .eyecatch { width: 30%; }

@media screen and (max-width: 768px) { .article-detail.pt-a.pt-02 .eyecatch { width: 100%; display: none; } }

.article-detail.pt-a.pt-02 .article-body { width: calc(70% - 40px); }

@media screen and (max-width: 768px) { .article-detail.pt-a.pt-02 .article-body { width: 100%; } }

.article-detail.pt-a .block { display: flex; justify-content: space-between; flex-wrap: wrap; }

.article-detail.pt-a .block:not(:last-child) { margin-bottom: 40px; }

.article-detail.pt-a .block .image { width: calc(50% - 15px); }

@media screen and (max-width: 768px) { .article-detail.pt-a .block .image { width: 100%; margin-bottom: 20px; } }

.article-detail.pt-a .block .text { width: calc(50% - 15px); }

@media screen and (max-width: 768px) { .article-detail.pt-a .block .text { width: 100%; } }

.article-detail.pt-a .block.pt-02 { flex-direction: row-reverse; }

.article-detail.pt-b { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .article-detail.pt-b { display: block; } }

.article-detail.pt-b .eyecatch { width: 30%; }

@media screen and (max-width: 768px) { .article-detail.pt-b .eyecatch { width: 100%; } }

.article-detail.pt-b .caution { text-align: center; margin-bottom: 1em; }

.article-detail.pt-b .article-body { width: calc(70% - 40px); margin-bottom: 40px; }

@media screen and (max-width: 768px) { .article-detail.pt-b .article-body { width: 100%; } }

.article-detail.pt-c .title { text-align: center; }

.article-detail.pt-c .caution { margin-bottom: 20px; }

.st-detail { position: relative; z-index: 2; margin-bottom: 40px; }

.st-related { margin-bottom: 80px; }

.st-ranking { margin-bottom: 80px; counter-reset: num; }

.st-ranking .block:before { counter-increment: num; content: counter(num); color: #fff; position: absolute; left: 8px; top: 2px; z-index: 101; font-size: 1.4rem; font-weight: 400; pointer-events: inherit; }

.st-ranking .block:after { content: ""; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #393937; position: absolute; left: -5px; top: -19px; transform: rotate(-135deg); z-index: 100; opacity: 0.9; pointer-events: inherit; }

#st-mv { margin-bottom: 80px; }

@media screen and (max-width: 1020px) { #st-mv { margin-bottom: 40px; } }

#st-mv .slide { font-size: 0; line-height: 0; list-style: none; margin: 0; padding: 0; zoom: 1; overflow: hidden; }

#st-mv .slide .slide-item { outline: none; width: 100%; height: 550px; overflow: hidden; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; }

@media screen and (max-width: 768px) { #st-mv .slide .slide-item { height: 70vh; }
  #st-mv .slide .slide-item .image { height: 100%; }
  #st-mv .slide .slide-item .image a { height: 100%; } }

#st-mv .slide .slide-item a { display: block; }

#st-mv .slide .slide-item img { opacity: 0; margin: 0 auto; }

#st-mv .slide .slick-arrow { border-radius: 50%; width: 60px; height: 60px; margin-top: -30px; background: rgba(38, 38, 36, 0.4); }

@media screen and (max-width: 768px) { #st-mv .slide .slick-arrow { background: none; } }

#st-mv .slide .slick-arrow:after { left: 45%; width: 10px; height: 10px; margin-top: -5px; transition: left 0.3s; border-color: #fff; }

@media screen and (max-width: 768px) { #st-mv .slide .slick-arrow:after { border-color: #fff; } }

#st-mv .slide .slick-arrow:hover { background: rgba(38, 38, 36, 0.8); }

#st-mv .slide .slick-arrow:hover:after { left: 50%; }

#st-mv .slide .slick-next { right: -30px; }

#st-mv .slide .slick-prev { left: -30px; }

#st-home-intro { background: #fff; position: relative; margin-top: -100px; z-index: 10; width: calc(50% - 50px); box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02); border-radius: 3px; }

@media screen and (max-width: 1020px) { #st-home-intro { width: calc(50% - 20px); margin-top: -60px; } }

@media screen and (max-width: 768px) { #st-home-intro { display: none; } }

#st-home-intro .inner { padding: 40px 0 40px 80px; }

@media screen and (max-width: 1020px) { #st-home-intro .inner { padding: 40px 10px 40px 30px; } }

#st-home-intro .inner .title { font-size: 2.4rem; line-height: 1.6em; font-weight: 400; }

#st-home-intro .inner .title span { background: linear-gradient(rgba(255, 255, 255, 0) 60%, #faf7f2 60%); }

.date { color: #8c8b88; font-size: 1.2rem; line-height: 1.6em; }

#st-home-top { margin-bottom: 80px; }

.link-list { padding: 0; margin: 0; list-style: none; text-align: center; }

.link-list li { display: inline-block; }

.link-list li a { display: inline-block; padding-left: 23px; background: url(img/arrow02.png) no-repeat left center; background-size: 16px auto; }

.link-list li:not(:first-child):before { content: "|"; display: inline-block; margin: 0 40px; color: #666666; }

@media screen and (max-width: 768px) { .link-list li:not(:first-child):before { display: none; } }

.move { transition: .8s; opacity: 0; transform: translate(0, 10px); }

@media screen and (max-width: 768px) { .move { transform: translate(0, 0); opacity: 1; transition: none; } }

.move-fix { opacity: 1.0; transform: translate(0, 0) !important; -webkit-transform: translate(0, 0); }

#st-home-news { width: calc(50% - 50px); }

@media screen and (max-width: 1020px) { #st-home-news { width: calc(50% - 20px); } }

@media screen and (max-width: 768px) { #st-home-news { width: 100%; }
  #st-home-news .btn-wrap-append { margin-top: 30px; } }

#st-home-news ul { padding: 0; margin: 0; list-style: none; }

#st-home-news ul li { display: flex; justify-content: flex-start; align-items: center; }

@media screen and (max-width: 1020px) { #st-home-news ul li { flex-direction: column; align-items: inherit; } }

#st-home-news ul li:not(:last-child) { margin-bottom: 20px; }

#st-home-news ul li .date { margin-right: 10px; }

#st-home-news ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width: 1020px) { #st-home-news ul li a { white-space: inherit; } }

#st-store-feature, #st-store-column { margin-bottom: 80px; }

@media screen and (max-width: 768px) { #st-store-feature, #st-store-column { margin-bottom: 40px; } }

@media screen and (max-width: 768px) { #st-store-feature { padding: 0; }
  #st-store-feature .article-list { display: block; overflow: hidden; width: 100%; }
  #st-store-feature .article-list .block { display: block; padding: 0; float: left; margin: 0 1px 20px; }
  #st-store-feature .article-list .block.move { transform: translate(0, 0) !important; opacity: 1; transform: translate3d(0, 0, 0) !important; transition: none !important; } }

.article-detail { min-height: 200px; }

.category span { display: inline-block; padding: 2px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #d4c2a9; margin-right: 5px; font-size: 1.2rem; color: #fff; line-height: 1.4em; }

.category span.comment { color: #999691; background: none; }

.category span.date { width: auto !important; color: #999691; background: none; }

.pager { text-align: center; margin-bottom: 80px; white-space: nowrap; font-size: 1.2rem; }

@media screen and (max-width: 768px) { .pager { margin-bottom: 40px; } }

.pager a { display: inline-block; background: #bfbeba; color: #3a3937; text-align: center; margin: 0 5px; transition: background-color 0.3s; padding: 3px 10px; }

@media screen and (max-width: 768px) { .pager a { margin: 0 1px; } }

.pager a:link, .pager a:visited { background: #bfbeba; text-decoration: none !important; color: #fff; }

.pager a:hover, .pager a:active { background: #e4be6e; text-decoration: none !important; }

.pager span { display: inline-block; color: #bfbeba; text-align: center; font-weight: 500; margin: 0 5px; border: 1px solid #bfbeba; transition: background-color 0.3s; padding: 3px 10px; box-sizing: border-box; }

@media screen and (max-width: 768px) { .pager span { margin: 0 1px; } }

.pager span.dots { border: none; padding: 3px 0; font-size: 1rem; margin: 0 1px; }

.article-list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; text-align: left; /*パターンA*/ /*パターンB*/ /*パターンC*/ /*パターンD*/ /*パターンE*/ /*パターンF*/ /*パターンG*/ /*パターンH*/ /*パターンI*/ /*パターンJ ストアリスト*/ /*パターンK*/ }

.article-list .image { position: relative; z-index: 1; width: 100%; overflow: hidden; border-radius: 3px; }

.article-list .image:before { content: ""; display: block; padding-top: 75%; }

.article-list .image a { display: block; position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: transform 0.6s; }

@media screen and (max-width: 768px) { .article-list .image a { transition: none !important; } }

.article-list .image a:hover { transform: scale(1.1); transition: transform 4s; }

@media screen and (max-width: 768px) { .article-list .image a:hover { transform: scale(1); } }

.article-list .image a img { opacity: 0; }

.article-list .text { background: #fff; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02); position: relative; z-index: 2; border-radius: 3px; }

.article-list .text .inner { padding: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .article-list .text .inner { padding: 10px; } }

.article-list .text > ul.menu { padding: 0; margin: 0; list-style: none; width: 100%; }

.article-list .text > ul.menu li { padding-left: 10px; }

.article-list .text > ul.menu > li a { display: block; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.article-list .text > ul.menu > li ul { padding: 0; margin: 0; list-style: none; }

.article-list .text > ul.menu > li ul li { padding-left: 20px; border-top: 1px dotted #d9d7d2; }

.article-list .text > ul.menu > li ul li a { padding-top: 5px; padding-bottom: 5px; position: relative; padding-left: 10px; }

.article-list .text > ul.menu > li ul li a:before { content: ""; width: 4px; height: 4px; border-top: 1px solid #d1d1ce; border-left: 1px solid #d1d1ce; position: absolute; display: block; left: 0; top: 50%; margin-top: -2px; transform: rotate(135deg); }

.article-list .text .date { width: 100%; }

.article-list .text .title { font-size: 1.4rem; line-height: 1.6em; font-weight: 400; margin: 0.5em 0 1em; width: 100%; }

.article-list .text .title:first-child { margin-top: 0; }

.article-list .text .title:last-child { margin-bottom: 0; }

.article-list .text .title a { display: block; }

.article-list .text .link { font-size: 1.1rem; line-height: 1.4em; width: 100%; text-align: right; margin: 0; overflow: hidden; }

@media screen and (max-width: 768px) { .article-list .text .link { font-size: 1rem; } }

.article-list .text .link:last-child { margin-top: auto; }

.article-list .text .link a { display: inline-block; padding: 3px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 3px; }

.article-list .text .link a:not(:first-child) { margin-left: 5px; }

.article-list .text .link a:link, .article-list .text .link a:visited { color: #fff; background: #bfbeba; }

.article-list .text .link a:hover, .article-list .text .link a:active { text-decoration: none; background: #e4be6e; }

.article-list .block.blocklink { cursor: pointer; }

.article-list .caution:not(:last-child) { margin-bottom: 1em; }

.article-list.pt-a { display: block; }

@media screen and (max-width: 1020px) { .article-list.pt-a { display: flex; } }

.article-list.pt-a .block { float: left; width: 21.5%; margin: 0 0 20px 20px; }

@media screen and (max-width: 1020px) { .article-list.pt-a .block { width: calc(50% - 10px); margin: 0 0 20px 0; } }

.article-list.pt-a .block:nth-of-type(1) { width: 50%; margin: 0 30px 0 0; }

@media screen and (max-width: 1020px) { .article-list.pt-a .block:nth-of-type(1) { width: 100%; margin: 0 0 20px 0; } }

.article-list.pt-a .block:nth-of-type(1) .image { position: relative; width: 100%; }

.article-list.pt-a .block:nth-of-type(1) .image:before { content: ""; display: block; padding-top: 100%; }

@media screen and (max-width: 1020px) { .article-list.pt-a .block:nth-of-type(1) .image:before { padding-top: 75%; } }

.article-list.pt-a .block:nth-of-type(1) .image a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.article-list.pt-a .block:nth-of-type(1) .image a img { opacity: 0; }

.article-list.pt-a .block .text { width: calc(100% - 20px); margin-top: -20px; margin-left: 20px; }

.article-list.pt-b .block { width: 30%; }

@media screen and (max-width: 1020px) { .article-list.pt-b .block { width: calc(33% - 13px); } }

@media screen and (max-width: 768px) { .article-list.pt-b .block { width: 100%; margin-bottom: 2px; position: relative; } }

@media screen and (max-width: 768px) { .article-list.pt-b .image:after { content: ""; background: rgba(38, 38, 36, 0.6); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } }

.article-list.pt-b .image:before { padding-top: 100%; }

@media screen and (max-width: 768px) { .article-list.pt-b .image:before { padding-top: 29%; } }

.article-list.pt-b .text { width: calc(100% - 20px); margin-top: -20px; margin-left: 20px; }

@media screen and (max-width: 768px) { .article-list.pt-b .text { margin: 0 auto; width: 100%; position: absolute; top: 50%; margin-top: -22px; bottom: 0; background: none; text-align: center; pointer-events: none; }
  .article-list.pt-b .text a { display: inline-block; }
  .article-list.pt-b .text a:link, .article-list.pt-b .text a:visited, .article-list.pt-b .text a:hover, .article-list.pt-b .text a:active { color: #fff !important; } }

.article-list.pt-c .block { width: calc(100% - 160px); border-bottom: 1px solid #d9d9d9; padding: 100px 80px 50px; display: flex; justify-content: space-between; align-items: flex-start; }

@media screen and (max-width: 1020px) { .article-list.pt-c .block { width: auto; padding: 40px; } }

@media screen and (max-width: 768px) { .article-list.pt-c .block { padding: 0 0 40px; flex-direction: column; width: 100%; border-bottom: none; } }

.article-list.pt-c .block:first-child { padding-top: 50px; }

@media screen and (max-width: 768px) { .article-list.pt-c .block:first-child { padding-top: 0; } }

.article-list.pt-c .image { width: 30%; overflow: inherit; }

@media screen and (max-width: 768px) { .article-list.pt-c .image { margin: 0 auto; width: 100%; margin-bottom: 20px; }
  .article-list.pt-c .image a { border-radius: 3px; } }

.article-list.pt-c .image:before { padding-top: 133%; }

@media screen and (max-width: 768px) { .article-list.pt-c .image:before { padding-top: 100%; } }

.article-list.pt-c .image:after { content: ""; width: 100%; height: 100%; background: #edeceb; position: absolute; display: block; left: -50px; top: -50px; z-index: -1; }

@media screen and (max-width: 1020px) { .article-list.pt-c .image:after { left: -20px; top: -20px; } }

@media screen and (max-width: 768px) { .article-list.pt-c .image:after { display: none; } }

.article-list.pt-c .text { width: calc(70% - 60px); background: none; box-shadow: none; }

@media screen and (max-width: 768px) { .article-list.pt-c .text { width: 100%; text-align: center; } }

.article-list.pt-c .text .copy { font-size: 1.6rem; line-height: 1.6em; color: #d49a49; }

@media screen and (max-width: 768px) { .article-list.pt-c .text .copy { font-size: 1.4rem; line-height: 1.6em; } }

.article-list.pt-c .text .title { font-size: 2.4rem; line-height: 1.6em; font-weight: 400; margin-bottom: 1em; }

@media screen and (max-width: 768px) { .article-list.pt-c .text .title { font-size: 1.8rem; line-height: 1.6em; margin-bottom: 10px; } }

.article-list.pt-c .text .contents { margin-bottom: 1em; }

@media screen and (max-width: 768px) { .article-list.pt-c .text .contents { display: none; } }

.article-list.pt-c .btn-wrap { margin-top: auto; text-align: right; width: 100%; }

@media screen and (max-width: 768px) { .article-list.pt-c .btn-wrap { text-align: center; } }

.article-list.pt-d:before { content: ""; display: block; width: calc(25% - 15px); order: 1; }

.article-list.pt-d:after { content: ""; display: block; width: calc(25% - 15px); }

.article-list.pt-d .block { width: calc(25% - 15px); margin-bottom: 20px; }

@media screen and (max-width: 1020px) { .article-list.pt-d .block { width: calc(50% - 5px); } }

.article-list.pt-d .text { width: calc(100% - 20px); margin-top: -20px; margin-left: 20px; }

.article-list.pt-e .block { width: calc(25% - 15px); margin-bottom: 20px; position: relative; }

@media screen and (max-width: 1020px) { .article-list.pt-e .block { width: calc(50% - 10px); margin-bottom: 20px; } }

.article-list.pt-e .image { width: 66%; }

.article-list.pt-e .image:before { padding-top: 42%; }

@media screen and (max-width: 1020px) { .article-list.pt-e .image { width: 100%; } }

.article-list.pt-e .text { width: calc(100% - 30%); position: absolute; right: 0; bottom: 0; }

.article-list.pt-f .block { width: calc(33% - 13px); display: flex; justify-content: space-between; }

@media screen and (max-width: 1020px) { .article-list.pt-f .block { width: calc(33.3% - 12px); } }

.article-list.pt-f .block .image { width: 100px; }

@media screen and (max-width: 1020px) { .article-list.pt-f .block .image { width: 50px; } }

.article-list.pt-f .block .image:before { padding-top: 100%; }

.article-list.pt-f .block .text { width: calc(100% - 100px); }

@media screen and (max-width: 1020px) { .article-list.pt-f .block .text { width: calc(100% - 50px); } }

.article-list.pt-f .block .text .inner { padding: 0; }

.article-list.pt-f .block .text a { line-height: 100px; padding-left: 43px; background-position: 20px center; }

@media screen and (max-width: 1020px) { .article-list.pt-f .block .text a { line-height: 50px; padding-left: 33px; background-position: 10px center; } }

.article-list.pt-g .block { width: calc(25% - 15px); position: relative; }

.article-list.pt-g .block .image { width: 50px; position: absolute; z-index: 2; left: 0; top: 0; }

.article-list.pt-g .block .image:before { padding-top: 100%; }

.article-list.pt-g .block .text { position: relative; z-index: 1; width: 100%; font-size: 1.4rem; }

.article-list.pt-g .block .text a { line-height: 50px; padding-top: 0; padding-bottom: 0; }

.article-list.pt-g .block .text > ul > li { padding-left: 0; }

.article-list.pt-g .block .text > ul > li > a { margin-left: 50px; padding-left: 33px; background-position: 10px center; }

.article-list.pt-g .block .text > ul > li li { padding-left: 10px; border-top-style: solid; }

.article-list.pt-g .block .text > ul > li li a { line-height: 40px; }

.article-list.pt-h:before { content: ""; display: block; width: 23%; order: 1; }

.article-list.pt-h:after { content: ""; display: block; width: 23%; }

.article-list.pt-h .block { width: calc(25% - 15px); }

.article-list.pt-h .block:nth-of-type(1), .article-list.pt-h .block:nth-of-type(2) { width: calc(50% - 20px); margin-bottom: 40px; }

@media screen and (max-width: 1020px) { .article-list.pt-h .block:nth-of-type(1), .article-list.pt-h .block:nth-of-type(2) { width: 100%; } }

.article-list.pt-h .block:nth-of-type(1) .image:before, .article-list.pt-h .block:nth-of-type(2) .image:before { padding-top: 100%; }

@media screen and (max-width: 1020px) { .article-list.pt-h .block:nth-of-type(1) .image:before, .article-list.pt-h .block:nth-of-type(2) .image:before { padding-top: 75%; } }

@media screen and (max-width: 1020px) { .article-list.pt-h .block { width: calc(50% - 5px); margin-bottom: 20px; } }

.article-list.pt-h .text { width: calc(100% - 20px); margin-top: -20px; margin-left: 20px; }

.article-list.pt-i .block { width: calc(50% - 10px); min-height: 180px; margin-bottom: 20px; position: relative; display: flex; justify-content: flex-end; flex-wrap: nowrap; margin-bottom: 20px; }

@media screen and (max-width: 1020px) { .article-list.pt-i .block { width: calc(50% - 5px); } }

@media screen and (max-width: 768px) { .article-list.pt-i .block { width: 100%; } }

.article-list.pt-i .image { width: 180px; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 768px) { .article-list.pt-i .image { width: 100px; } }

.article-list.pt-i .image:before { padding-top: 100%; }

.article-list.pt-i .text { width: calc(100% - 180px); position: relative; }

@media screen and (max-width: 768px) { .article-list.pt-i .text { width: calc(100% - 100px); } }

.article-list.pt-i .text .title { font-weight: 500; }

.article-list.pt-j .block { width: calc(50% - 10px); min-height: 180px; margin-bottom: 20px; position: relative; display: flex; justify-content: flex-end; flex-wrap: nowrap; margin-bottom: 20px; }

@media screen and (max-width: 1020px) { .article-list.pt-j .block { width: calc(50% - 5px); } }

@media screen and (max-width: 768px) { .article-list.pt-j .block { width: 100%; } }

.article-list.pt-j .image { width: 240px; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 768px) { .article-list.pt-j .image { width: 40%; } }

.article-list.pt-j .image:before { padding-top: 75%; }

@media screen and (max-width: 414px) { .article-list.pt-j .image:before { padding-top: 100%; } }

.article-list.pt-j .text { width: calc(100% - 220px); position: relative; margin-top: 20px; }

@media screen and (max-width: 768px) { .article-list.pt-j .text { width: calc(100% - 40% + 20px); } }

.article-list.pt-j .text .info { font-size: 1.2rem; line-height: 1.6em; }

.article-list.pt-j .text .caution { font-size: 1.2rem; }

.article-list.pt-k:after { content: ""; display: block; width: calc(33% - 13px); }

.article-list.pt-k .block { width: calc(33% - 13px); margin-bottom: 20px; }

@media screen and (max-width: 1020px) { .article-list.pt-k .block { width: calc(33% - 13px); } }

@media screen and (max-width: 768px) { .article-list.pt-k .block { width: 100%; } }

.article-list.pt-k .image:before { padding-top: 100%; }

.article-list.pt-k .text { width: calc(100% - 20px); margin-top: -20px; margin-left: 20px; }

.article-list.big, .article-list.small { opacity: 1; }

@media screen and (max-width: 768px) { .article-list.big, .article-list.small { display: block; overflow: hidden; width: 100%; margin-bottom: 0px; opacity: 0; transition: opacity 0.3s linear; }
  .article-list.big.slick-initialized, .article-list.small.slick-initialized { opacity: 1; }
  .article-list.big .block, .article-list.small .block { display: block; padding: 0; float: left; margin: 0 1px 20px !important; transition: opacity 0.2s; } }

@media screen and (max-width: 768px) and (max-width: 768px) { .article-list.big .block, .article-list.small .block { margin-bottom: 5px !important; } }

@media screen and (max-width: 768px) { .article-list.big .block.move, .article-list.small .block.move { transform: translate(0, 0) !important; opacity: 1; transform: translate3d(0, 0, 0) !important; } }

@media screen and (max-width: 768px) { .article-list.big.start .block[data-slick-index="-1"] { opacity: 0; } }

@media screen and (max-width: 768px) { .article-list.small { margin-bottom: 0; padding: 0 10px; } }

.article-list.small .block { margin: 0 1px 20px !important; }

@media screen and (max-width: 768px) { .article-list.small .block { margin: 0 1px 5px !important; } }

@media screen and (max-width: 768px) { #st-column-products .st-inner, #st-column-concept .st-inner, #st-column-knowledge .st-inner, #st-column-voice .st-inner, #st-column-repair .st-inner { padding: 0; } }

.st-contents-header { text-align: center; position: relative; z-index: 1; border-top: 1px solid #f2f2f2; background: linear-gradient(to bottom, #ccc, rgba(255, 255, 255, 0)); }

.st-contents-header.pt-b .inner { padding-top: 60px; }

@media screen and (max-width: 768px) { .st-contents-header.pt-b .inner { padding-top: 30px; } }

.st-contents-header:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 150%; z-index: 2; pointer-events: inherit; background: rgba(255, 255, 255, 0.7); }

.st-contents-header:after { content: ""; display: block; position: absolute; bottom: -50%; left: 0; right: 0; height: 100%; z-index: 3; pointer-events: inherit; background: linear-gradient(to top, #f7f7f7, rgba(255, 255, 255, 0)); }

.st-contents-header .inner { position: relative; z-index: 4; padding: 30px 10px; }

.st-contents-header .inner .title { font-size: 2.8rem; line-height: 1.6em; letter-spacing: 2px; font-weight: 300; }

@media screen and (max-width: 768px) { .st-contents-header .inner .title { font-size: 2.2rem; line-height: 1.6em; } }

.st-contents-header .image { position: absolute; left: 0; right: 0; top: 0; height: 150%; pointer-events: inherit; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.st-contents-header .image img { opacity: 0; }

#st-home-column, #st-home-pickup, #st-home-group, #st-home-material { margin-bottom: 80px; }

@media screen and (max-width: 768px) { #st-home-pickup { margin-bottom: 0; } }

@media screen and (max-width: 768px) { #st-home-column .st-inner { padding: 0; }
  #st-home-column .st-inner .article-list { display: block; overflow: hidden; width: 100%; }
  #st-home-column .st-inner .article-list .block { display: block; padding: 0; float: left; margin: 0 1px 20px; }
  #st-home-column .st-inner .article-list .block.move { transform: translate(0, 0) !important; opacity: 1; transform: translate3d(0, 0, 0) !important; transition: none !important; } }

@media screen and (max-width: 768px) { #st-home-group { margin-bottom: 0; } }

@media screen and (max-width: 768px) { #st-home-group .st-inner { padding: 0; }
  #st-home-group .st-inner .article-list .block { width: 50%; margin: 0; position: relative; }
  #st-home-group .st-inner .article-list .block .image { border-radius: 0; }
  #st-home-group .st-inner .article-list .block .image:before { padding-top: 100%; }
  #st-home-group .st-inner .article-list .block .image:after { content: ""; background: rgba(255, 255, 255, 0.8); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; }
  #st-home-group .st-inner .article-list .block:nth-of-type(1) .image:after, #st-home-group .st-inner .article-list .block:nth-of-type(4) .image:after { background: rgba(38, 38, 36, 0.7); }
  #st-home-group .st-inner .article-list .block:nth-of-type(1) .text a:link, #st-home-group .st-inner .article-list .block:nth-of-type(1) .text a:visited, #st-home-group .st-inner .article-list .block:nth-of-type(1) .text a:hover, #st-home-group .st-inner .article-list .block:nth-of-type(1) .text a:active, #st-home-group .st-inner .article-list .block:nth-of-type(4) .text a:link, #st-home-group .st-inner .article-list .block:nth-of-type(4) .text a:visited, #st-home-group .st-inner .article-list .block:nth-of-type(4) .text a:hover, #st-home-group .st-inner .article-list .block:nth-of-type(4) .text a:active { color: #fff; }
  #st-home-group .st-inner .article-list .block .text { margin: 0; position: absolute; left: 0; top: 50%; margin-top: -24px; right: 0; width: 100%; pointer-events: none; box-shadow: none; padding: 0; text-align: center; background: none; }
  #st-home-group .st-inner .article-list .block .text > ul > li a { display: inline-block; }
  #st-home-group .st-inner .article-list .block .text > ul > li ul { display: none; } }

.slick-arrow { background: rgba(255, 255, 255, 0.9); width: 40px; height: 40px; cursor: pointer; border: none; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0; padding: 0; outline: none; position: absolute; top: 50%; margin-top: -20px; z-index: 2; flex-basis: 0; min-width: 0; }

.slick-arrow:after { content: ""; width: 20px; height: 20px; border-top: 1px solid #000; border-right: 1px solid #000; display: block; position: absolute; transform: rotate(45deg); top: 50%; left: 50%; margin-left: -16px; margin-top: -11px; }

.slick-arrow.slick-prev, .slick-arrow.fs-c-productListCarousel__ctrl--prev { left: -40px; transform: scale(-1, -1); }

@media screen and (max-width: 768px) { .slick-arrow.slick-prev, .slick-arrow.fs-c-productListCarousel__ctrl--prev { left: -20px; } }

.slick-arrow.slick-next, .slick-arrow.fs-c-productListCarousel__ctrl--next { right: -40px; }

@media screen and (max-width: 768px) { .slick-arrow.slick-next, .slick-arrow.fs-c-productListCarousel__ctrl--next { right: -20px; } }

.slick-arrow.slick-disabled { display: none !important; opacity: 0 !important; pointer-events: inherit !important; }

.slick-dots { list-style: none; margin: 0; padding: 0; text-align: center; }

.slick-dots li { display: inline-block; background: #393937; width: 6px; height: 6px; overflow: hidden; border-radius: 50%; margin: 0 5px !important; }

.slick-dots li button { opacity: 0; }

.slick-dots li.slick-active { background: #e4be6e; }

#st-instagram { background: #fff; padding: 80px 0px; }

#st-instagram .inner { zoom: 1; overflow: hidden; width: 100%; }

@media screen and (max-width: 1020px) { #st-instagram .inner { display: flex; justify-content: space-between; flex-wrap: wrap; } }

#st-instagram .inner .block { font-size: 0; line-height: 0; width: calc(17% - 18px); float: left; margin: 0 0 16px 18px; display: block; overflow: hidden; position: relative; }

#st-instagram .inner .block:before { content: ""; display: block; padding-top: 100%; }

@media screen and (max-width: 1020px) { #st-instagram .inner .block { width: calc(33.3% - 5px); margin: 0 0 8px; } }

#st-instagram .inner .block:nth-of-type(1) { width: calc(32% - 0px); margin-left: 0; }

@media screen and (max-width: 1020px) { #st-instagram .inner .block:nth-of-type(1) { width: calc(33.3% - 5px); } }

@media screen and (max-width: 1020px) { #st-instagram .inner .block:nth-child(n+7) { display: none; } }

#st-instagram .inner .block a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: transform 0.6s; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; }

#st-instagram .inner .block a:hover { transition: transform 2s; transform: scale(1.1); }

#st-instagram .inner .block .block-inner { position: relative; width: 100%; }

#st-instagram .inner .block .block-inner:before { content: ""; display: block; padding-top: 100%; }

#st-instagram .inner .block .block-inner a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

#st-instagram .inner .block .block-inner a img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }

.radius { border-radius: 3px; }

#st-home-genre { margin-bottom: 40px; }

#st-home-genre .st-inner { position: relative; z-index: 3; }

#st-repair { text-align: center; background: url(img/repair-bg_1.jpg) no-repeat center center; background-size: cover; position: relative; border-top: 1px solid #f2f2f2; }

#st-repair:before { content: ""; display: block; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; top: 0; pointer-events: inherit; background: rgba(255, 255, 255, 0.5); }

#st-repair:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 3; opacity: 0.8; pointer-events: inherit; background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 40%, #fff 60%, rgba(255, 255, 255, 0)); }

#st-repair .inner { position: relative; z-index: 4; padding: 80px 10px; }

@media screen and (max-width: 768px) { #st-repair .inner { padding: 40px 10px; } }

#st-repair .inner .title { font-size: 2.8rem; line-height: 1.6em; letter-spacing: 2px; font-weight: 300; }

@media screen and (max-width: 768px) { #st-repair .inner .title { margin-bottom: 10px; } }

#st-repair .image { position: absolute; left: 0; right: 0; top: 0; height: 150%; pointer-events: inherit; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; }

#st-repair .image img { opacity: 0; }

#st-footer { background: #3a3937; color: #fafafa; text-align: center; }

#st-footer a:link, #st-footer a:visited, #st-footer a:hover, #st-footer a:active { color: #fafafa; }

#st-footer .sns-block { background: #4d4b49; padding: 40px 0; }

@media screen and (max-width: 768px) { #st-footer .sns-block { padding: 20px 0; } }

#st-footer .sns-block ul { margin: 0; padding: 0; list-style: none; text-align: center; }

#st-footer .sns-block ul li { display: inline-block; }

@media screen and (max-width: 768px) { #st-footer .sns-block ul li { font-size: 1rem; line-height: 1.6em; } }

#st-footer .sns-block ul li:not(:first-child) { margin-left: 60px; }

@media screen and (max-width: 768px) { #st-footer .sns-block ul li:not(:first-child) { margin-left: 10%; } }

#st-footer .sns-block ul li a img { vertical-align: middle; margin-right: 15px; }

@media screen and (max-width: 768px) { #st-footer .sns-block ul li a img { display: block; clear: both; margin: 0 auto 5px; } }

#st-footer .footer-link { padding: 80px 0 0; }

@media screen and (max-width: 768px) { #st-footer .footer-link { padding-top: 30px; } }

#st-footer .footer-link ul { display: block; margin: 0; padding: 0; text-align: center; }

#st-footer .footer-link ul li { display: inline-block; }

@media screen and (max-width: 768px) { #st-footer .footer-link ul li { display: block; }
  #st-footer .footer-link ul li a { display: block; padding: 10px; } }

#st-footer .footer-link ul li:not(:first-child):before { content: "|"; display: inline-block; margin: 0 40px; color: #666666; }

@media screen and (max-width: 1020px) { #st-footer .footer-link ul li:not(:first-child):before { margin: 0 20px; } }

@media screen and (max-width: 768px) { #st-footer .footer-link ul li:not(:first-child):before { display: none; } }

#st-footer #copyright { padding: 80px 0; letter-spacing: 2px; font-size: 1.2rem; line-height: 1.6em; }

@media screen and (max-width: 768px) { #st-footer #copyright { padding: 30px 0 40px; } }

.st-section { position: relative; z-index: 2; padding: 80px 0; background: linear-gradient(to top, #f7f7f7, #fff); }

@media screen and (max-width: 768px) { .st-section { padding: 40px 0 80px; } }

.st-section.pt-b { padding: 20px 0; }

#st-concept { margin-bottom: 0; padding-bottom: 0; }

.concept-logo { font-size: 0; line-height: 0; margin: 0 auto 40px; text-align: center; }

@media screen and (max-width: 980px) { .concept-logo { margin-bottom: 20px; } }

.concept-block { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; background: #f7f7f7; }

@media screen and (max-width: 980px) { .concept-block { width: auto; display: block; } }

.concept-block .image { width: 50%; }

@media screen and (max-width: 980px) { .concept-block .image { width: auto; } }

.concept-block .text { width: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 2em; }

@media screen and (max-width: 980px) { .concept-block .text { width: auto; display: block; font-size: 1.4rem; line-height: 2em; padding: 20px; } }

.concept-block .text .inner { padding: 0 20px; }

@media screen and (max-width: 980px) { .concept-block .text .inner { padding: 0; } }

@media screen and (max-width: 375px) { .concept-block .text .inner br { display: none; } }

.concept-block:nth-of-type(even) { flex-direction: row-reverse; background: #fff; }

.concept-block:nth-of-type(even) .text { text-align: right; }

@media screen and (max-width: 980px) { .concept-block:nth-of-type(even) .text { text-align: left; } }

.concept-footer { background: #fff; }

.concept-footer .text .inner { padding: 80px 20px; text-align: center; font-size: 1.8rem; line-height: 2em; }

@media screen and (max-width: 980px) { .concept-footer .text .inner { padding: 40px 20px; font-size: 1.4rem; line-height: 2em; } }

.form { width: 800px; margin: 0 auto; }

@media screen and (max-width: 800px) { .form { width: auto; } }

.form p { margin-bottom: 0.5em !important; }

.form div { margin-bottom: 1em; padding-top: 1em; }

.form div strong { color: #f00; font-size: 1.2rem; line-height: 1.6em; }

.form div input { background: #faf8f3; border: 1px solid #e5e4df; padding: 10px; width: calc(100% - 20px); font-size: 1.4rem; line-height: 1.6em; -webkit-appearance: none; }

.form div textarea { background: #faf8f3; border: 1px solid #e5e4df; padding: 10px; width: calc(100% - 20px); font-size: 1.4rem; line-height: 1.6em; -webkit-appearance: none; }

.form div button { font-size: 1.4rem; line-height: 1.6em; }

.form .error { display: none; padding-top: 0; }

.form .error p { background: #ffcccc; color: #f00; padding: 10px; border: 1px solid #f00; }

/*-----------------
futureshop
-------------------*/
.fs-c-slick { position: relative; }

.fs-preview-header { display: none; }

.fs-c-breadcrumb { text-align: left; position: absolute; width: 1020px; left: 50%; margin-left: -510px; font-size: 1.2rem; z-index: 5; color: #b3b2b1; z-index: 10; }

@media screen and (max-width: 1020px) { .fs-c-breadcrumb { width: auto; left: auto; margin-left: auto; } }

@media screen and (max-width: 768px) { .fs-c-breadcrumb { display: none; } }

.fs-c-breadcrumb a:link, .fs-c-breadcrumb a:visited, .fs-c-breadcrumb a:hover, .fs-c-breadcrumb a:active { color: #666565; }

.fs-c-breadcrumb__list { padding: 10px 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; list-style: none; }

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

.fs-c-breadcrumb__listItem { display: inline-block; }

.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before { content: " > "; }

.fs-c-subgroup .fs-c-listControl { display: none; }

.fs-c-heading { width: 100%; padding: 0; border-bottom: none; }

.fs-c-documentArticle__heading { padding: 10px; background: #3a3937; }

.fs-c-documentColumn__heading { border-bottom: none; }

.fs-c-button--primary { padding: 1em 1.6em; color: #fff !important; }

.fs-c-button--secondary { padding: 1em 1.6em; }

.fs-c-button--viewProductDetail:before { display: none; }

.fs-c-productList__list__item { border-bottom: none; }

.fs-c-productList__list__item .fs-c-productListItem__viewMoreImageButton { display: none; }

.fs-p-productSearch { border-bottom: none; }

.fs-c-productList { width: 100%; }

.fs-c-sortItems { border: none; }

.fs-c-sortItems__list { border: none; }

.fs-c-sortItems__label { border: none; }

.fs-c-sortItems__label:after { content: "："; }

.fs-c-sortItems__list__item.is-active { background: #3a3937; }

.fs-p-productSearch { padding: 0; }

.fs-c-subgroup { width: 100%; }

.fs-c-subgroupList { display: block; margin-top: auto; text-align: center; }

@media screen and (max-width: 768px) { .fs-c-subgroupList { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; } }

.fs-c-subgroupList__item { display: inline-block; margin-bottom: 5px; }

@media screen and (max-width: 768px) { .fs-c-subgroupList__item { width: calc(50% - 5px); flex-basis: inherit; } }

.fs-c-subgroupList__item:not(:first-child) { margin-left: 20px; }

@media screen and (max-width: 768px) { .fs-c-subgroupList__item:not(:first-child) { margin-left: auto; } }

.fs-c-subgroupList__link { background: none; border: none; display: inline-block; }

@media screen and (max-width: 768px) { .fs-c-subgroupList__link { display: block; } }

.fs-c-subgroupList__link:link, .fs-c-subgroupList__link:visited { text-decoration: none; }

.fs-c-subgroupList__link:hover, .fs-c-subgroupList__link:active { text-decoration: underline; background: none; }

.fs-c-subgroupList__link:after { display: none; }

.fs-c-subgroupList__label:before { content: ""; width: 4px; height: 4px; border-top: 1px solid #d1d1ce; border-left: 1px solid #d1d1ce; vertical-align: middle; margin-right: 5px; display: inline-block; transform: rotate(135deg); }

@media screen and (max-width: 768px) { .fs-c-subgroupList__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

.fs-c-documentArticle { display: block; width: 100%; }

.fs-c-continueShopping:not(:last-child) { margin-bottom: 40px; }

.fs-p-announcement__title { margin: 1em 0; }

.fs-c-registeredUsers__title { padding-bottom: 0.5em; }

.fs-page-error-container { max-width: 1020px; margin: 0 auto; }

.fs-c-featuredProduct__title { width: 100%; display: flex; justify-content: space-between; flex-grow: inherit; font-size: 1.8rem; line-height: 1.6em; border: none; margin: 1em 0 !important; font-weight: 300; align-items: baseline; }

@media screen and (max-width: 768px) { .fs-c-featuredProduct__title { display: block; text-align: center; font-size: 1.6rem; line-height: 1.6em; }
  .fs-c-featuredProduct__title span { display: none; } }

.fs-c-productListItem__imageContainer { margin-bottom: 20px; }

.fs-c-productListItem__productName span { display: block; }

.fs-c-productListItem__productName .fs-c-productName__copy { margin-bottom: 0.5em; font-weight: 400; }

.fs-c-productListItem__productName .fs-c-productName__name { line-height: 1.6em; }

.fs-c-productNameHeading { margin-bottom: 1em !important; font-weight: 500; font-size: 2.2rem; }

@media screen and (max-width: 768px) { .fs-c-productNameHeading { font-size: 1.8rem; margin-bottom: 0.5em !important; } }

.fs-c-productNameHeading span { display: block; }

.fs-c-productNameHeading .fs-c-productNameHeading__copy { margin-bottom: 1em; font-weight: 400; }

@media screen and (max-width: 768px) { .fs-c-productNameHeading .fs-c-productNameHeading__copy { font-size: 1.2rem; } }

.fs-c-productNameHeading .fs-c-productNameHeading__name { line-height: 1.6em; }

.fs-c-productQuantityAndWishlist { display: flex; flex-direction: row-reverse; justify-content: space-between; }

.fs-c-productNumber { padding: 0; color: #b3b2b1; font-weight: 400; border: none; }

.fs-c-productNumber .fs-c-productNumber__number { font-weight: 400; }

@media screen and (max-width: 768px) { .item-slider .slick-list { width: 70%; margin: 0 auto; } }

.item-slider .slick-next { right: -20px; }

.item-slider .slick-prev { left: -20px; }

.item-slider .slick-dots { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 10px 0 0; padding: 0; }

.item-slider .slick-dots li { border-radius: 0; width: 20%; height: auto; margin: 0 !important; padding: 0; transition: opacity 0.3s; border: 1px solid #fff; box-sizing: border-box; background: #d9d7d2; }

.item-slider .slick-dots li img { opacity: 0.3; transition: opacity 0.3s; }

@media screen and (max-width: 768px) { .item-slider .slick-dots li { width: 12.5%; } }

.item-slider .slick-dots li:hover img { opacity: 0.8; }

.item-slider .slick-dots li.slick-active img { opacity: 1; }

.item-slider .slick-dots li .thumb { width: 100%; position: relative; cursor: pointer; }

.item-slider .slick-dots li .thumb:before { content: ""; display: block; padding-top: 100%; }

.item-slider .slick-dots li .thumb span { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.item-slider .slick-dots li:last-child { margin-right: auto !important; }

.fs-c-productPlainImage { opacity: 0; transition: opacity 0.3s linear; }

.fs-c-productPlainImage img { margin: 0 auto; }

.fs-c-productPlainImage.slick-initialized { opacity: 1; }

.hidden_box:not(:last-child) { margin-bottom: 20px; }

.hidden_box input { display: none; }

.hidden_box label { pointer-events: inherit; margin-bottom: 1em; display: block; }

table.detail1 { border-collapse: collapse; border-spacing: 0; width: 100%; font-size: 1.2rem; line-height: 1.6em; }

table.detail1:not(:last-child) { margin-bottom: 1em; }

table.detail1 tr th, table.detail1 tr td { border-top: 1px dotted #d9d7d2; padding: 10px 0; text-align: left; font-weight: 400; }

table.size1 { border-collapse: separate; border-spacing: 1px; width: 100%; background: #d9d7d2; font-size: 1.2rem; line-height: 1.6em; }

table.size1:not(:last-child) { margin-bottom: 1em; }

table.size1 tr th { background: #e5e4df; }

table.size1 tr td { background: #fff; }

table.size1 tr th, table.size1 tr td { padding: 10px 5px; border: none; text-align: center; font-weight: 400; }

.logout.my-false { display: none; }

.login.my-true { display: none; }

.regist.my-true { display: none; }