@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 * {
word-break: break-all;
box-sizing: border-box;
min-height: 0;
min-width: 0;
}
html,
body {
color: #000000;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
font-size: 16px;
}
@media (max-width: 768px) {
html,
body {
font-size: 14px;
}
}
html[lang=en-x-mtfrom-ja] #content iframe {
display: none;
}
body,
input,
textarea,
select {
font-weight: 500;
line-height: 1.75;
}
.sp,
.sptab {
display: none !important;
}
dl dd, dl dt {
display: block;
margin: 0 5px 0 0;
}
dl,
dt,
dd,
ol,
ul,
li,
figure {
font-size: 100%;
vertical-align: baseline !important;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol ol, ol ul, ul ol, ul ul {
margin: 0px;
}
body {
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #FFFFFF;
}
address {
font-style: normal;
}
img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: bottom;
}
a {
text-decoration: none;
transition: 0.3s;
color: #000000;
}
a:visited {
color: #000000;
}
a img {
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.3s;
}
a:hover {
color: #000000;
text-decoration: none;
}
@media (max-width: 768px) {
a:hover {
text-decoration: none;
}
}
a:hover img {
opacity: 0.7;
}
@media (max-width: 768px) {
a:hover img {
opacity: 1;
}
}
.fs-pt-menu a {
text-decoration: none;
transition: 0.3s;
}
.fs-pt-menu ul {
transition: 0s;
}
.fs-c-productListItem__productDescription {
color: #858585;
}
input[type=button],
input[type=submit] {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
p {
margin: 0;
}
ul {
list-style: none;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.flex {
display: flex;
}
.relative {
position: relative;
}
.center {
text-align: center;
}
.bold {
font-weight: bold;
} .image {
overflow: hidden;
}
.image.image-zoom img {
transition: 0.3s;
}
.image.image-zoom:hover img {
opacity: 1;
transform: scale(1.1);
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignright {
display: block;
margin-left: auto;
}
.m_fixed {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.m_absolute {
position: absolute;
top: 0;
right: 0;
left: 0;
} @media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
} .login-true,
.logout-false {
display: none !important;
}
@media (max-width: 768px) {
.fs-body-login .fs-c-loginForm {
margin-top: 0;
}
}  body#fs_StoreClosed {
overflow: hidden;
}
body#fs_StoreClosed h1.fs-c-heading--page {
text-align: center;
padding: 1em 0 0;
}
section.fs-p-closed {
padding: 3.2vw;
} .fs-c-inputInformation__field {
width: 100%;
max-width: 960px;
}
@media (max-width: 768px) {
.fs-c-inputInformation__field {
padding: 0 !important;
}
}
.fs-c-inputInformation__field .fs-c-inputTable {
border-top: 1px solid #D3D3D3;
}
.fs-c-inputInformation__field th, .fs-c-inputInformation__field td {
border-bottom: 1px solid #D3D3D3;
}
@media (max-width: 768px) {
.fs-c-inputInformation__field th, .fs-c-inputInformation__field td {
font-size: 14px;
}
}
.fs-c-inputInformation__field th {
padding: 28px 20px;
font-weight: normal;
}
@media (max-width: 768px) {
.fs-c-inputInformation__field th {
width: 10px;
border-bottom: none;
}
}
.fs-c-inputInformation__field td {
padding: 20px;
}
@media (max-width: 768px) {
.fs-c-inputInformation__field td {
width: 10px;
}
}
.table,
.mw_wp_form .fs-c-inputTable,
.fs-c-inputInformation__field .fs-c-inputTable {
width: 100%;
margin-bottom: 0;
border-spacing: inherit;
border-top: 1px solid #D3D3D3;
}
.table > tbody,
.mw_wp_form .fs-c-inputTable > tbody,
.fs-c-inputInformation__field .fs-c-inputTable > tbody {
display: table-row-group;
}
.table tbody > tr,
.mw_wp_form .fs-c-inputTable > tbody > tr,
.fs-c-inputInformation__field .fs-c-inputTable > tbody > tr {
display: table-row;
width: 100%;
}
.table tbody tr th,
.mw_wp_form .fs-c-inputTable > tbody tr th {
min-width: 120px;
width: 25%;
padding: 30px 15px 15px 20px;
text-align: left;
border: none;
vertical-align: baseline;
}
@media (max-width: 768px) {
.table tbody tr th,
.mw_wp_form .fs-c-inputTable > tbody tr th {
width: 100%;
padding: 15px 10px;
}
}
.fs-body-login .fs-c-inputInformation__field {
padding: 15px;
}
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr th {
padding: 15px 15px;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 768px) {
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr th {
padding: 15px 10px 0;
font-size: 14px;
}
}
#fs_input_mailAddress {
width: 100%;
}
.fs-c-inputField__explanation {
padding-top: 1em;
}
.table > tbody tr td,
.mw_wp_form .fs-c-inputTable > tbody tr td,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr td {
border-bottom: 1px solid #D3D3D3;
padding: 30px 20px 30px 20px;
}
@media (max-width: 768px) {
.table > tbody tr td,
.mw_wp_form .fs-c-inputTable > tbody tr td,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr td {
width: 100%;
padding: 5px 10px 15px;
}
}
.table > tbody tr td.form-doublecheck,
.mw_wp_form .fs-c-inputTable > tbody tr td.form-doublecheck,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr td.form-doublecheck {
border-bottom: none;
padding-bottom: 0;
}
@media (max-width: 768px) {
.table > tbody tr td.form-doublecheck,
.mw_wp_form .fs-c-inputTable > tbody tr td.form-doublecheck,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr td.form-doublecheck {
padding-bottom: 10px;
}
}
@media (max-width: 768px) {
.mw_wp_form {
padding: 0 0 20px;
}
}
.mw_wp_form .error {
color: #DA3B15 !important;
}
.mw_wp_form p.form-intro {
padding: 40px 0;
}
@media (max-width: 768px) {
.mw_wp_form p.form-intro {
padding: 20px 0;
}
}
.mw_wp_form table p {
padding: 0;
}
.table > tbody > tr + tr,
.mw_wp_form .fs-c-inputTable > tbody > tr + tr,
.fs-c-inputInformation__field .fs-c-inputTable > tbody > tr + tr {
margin-top: 0;
}
span.fs-c-checkbox__labelText a {
text-decoration: underline;
}
span.fs-c-checkbox__labelText a:hover {
text-decoration: none;
}
@media (max-width: 768px) {
.table > tbody,
.mw_wp_form .fs-c-inputTable > tbody,
.fs-c-inputInformation__field .fs-c-inputTable > tbody {
display: block;
}
.table > tbody > tr,
.mw_wp_form .fs-c-inputTable > tbody > tr,
.fs-c-inputInformation__field .fs-c-inputTable > tbody > tr {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.table > tbody tr th,
.table > tbody tr td,
.mw_wp_form .fs-c-inputTable > tbody tr th,
.mw_wp_form .fs-c-inputTable > tbody tr td,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr th,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr td {
width: 100% !important;
}
} [type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea,
.fs-c-checkbox__checkMark,
.fs-c-radio__radioMark,
.fs-c-inputInformation__field .fs-c-inputTable,
.mw_wp_form .fs-c-inputTable,
th,
td,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr th,
.fs-c-inputInformation__field .fs-c-inputTable > tbody tr td,
.mw_wp_form .fs-c-inputTable > tbody tr th,
.mw_wp_form .fs-c-inputTable > tbody tr td,
.table,
.table > tbody tr th,
.table > tbody tr td,
.fs-c-postage__list > dt,
.fs-c-postage__list > dd,
.fs-c-button--standard,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink,
.fs-c-productListItem__control .fs-c-button--particular.fs-c-button--removeFromWishList--icon,
.fs-c-button--particular.fs-c-button--removeFromWishList--icon,
.fs-c-dropdown::after,
.fs-c-button--particular,
body#fs_ProductDetails form#fs_form,
div#fs_productCarouselMainImage,
h1.fs-c-productNameHeading.fs-c-heading { }
.fs-l-productLayout .fs-c-variationMatrix__panel,
.fs-l-productLayout .fs-c-radio__label { } .fs-c-button--primary,
.fs-c-button--secondary,
.fs-c-button--standard {
padding: 0.7em 1.6em 0.7em;
}
.fs-c-button--secondary {
border: 1px solid #000000;
font-size: 16px;
background-color: #000000;
color: #fff;
transition: 0.3s;
}
.fs-c-button--secondary:hover {
color: #000000;
background-color: #fff;
border: 1px solid #000000;
}
@media (max-width: 768px) {
.fs-c-button--secondary:hover {
color: #000000;
border: 1px solid #DEDEDE;
}
}
.fs-c-button--primary {
font-size: 16px;
border: 1px solid #000000;
background-color: #000000;
color: #fff;
transition: 0.3s;
padding: 1.3em 2.2em;
min-width: 254px;
}
.fs-c-button--primary:hover {
background-color: #DA3B15;
border: 1px solid #DA3B15;
}
@media (max-width: 768px) {
.fs-c-button--primary:hover {
border: 1px solid #000000;
background-color: #000000;
}
}
.fs-c-button--standard {
border: 1px solid #DEDEDE;
font-size: 16px;
background-color: #fff;
color: #000000;
transition: 0.3s;
}
.fs-c-button--standard:hover {
color: #000000;
border: 1px solid #000000;
}
@media (max-width: 768px) {
.fs-c-button--standard:hover {
color: #000000;
border: 1px solid #DEDEDE;
}
}
.btn a {
display: flex;
align-items: center;
justify-content: center;
height: 58px;
max-width: 216px;
border-radius: 3em;
overflow: hidden;
position: relative;
text-decoration: none;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 599px) {
.btn a {
height: 50px;
max-width: 350px;
}
}
.btn a img {
opacity: 1;
}
.btn.btn-border a {
color: #000;
border: 1px solid #000;
background-color: #fff;
}
.btn.btn-border a:hover {
color: #fff;
background-color: #000;
}
.btn.btn-arrow a::after {
content: "";
display: block;
width: 0.8em;
height: 0.8em;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 3em;
margin: auto 0;
}
.button__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.button__list.is-center {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.button__list .button__item + .button__item {
margin-left: 10px;
}
.button__list .button__item .button__link {
border: 1px solid #000000;
background-color: #fff;
color: #000000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0 1em;
}
.button__list .button__item .button__link .material-symbols-outlined {
padding: 0 0.5em;
}
.button__list .button__item .button__link:hover {
text-decoration: none;
color: #fff;
opacity: 1;
background-color: #000000;
}
.button__list .button__item .button__link.is-fill {
background-color: #000000;
color: #fff;
border: 1px solid #fff;
}
.button__list .button__item .button__link.is-fill:hover {
background-color: #fff;
color: #000000;
border: 1px solid #000000;
}
.button__list .button__item .button__link.focus-pink:hover {
background-color: #000000;
border: 1px solid #000000;
color: #fff;
}
@media (max-width: 768px) {
.button__list .button__item .button__link.focus-pink:hover {
border: 1px solid #000000;
background-color: #000000;
color: #fff;
}
}
.button__list .button__item .button__link.button-s {
border-radius: 20px;
height: 40px;
font-size: 14px;
}
.button__list .button__item .button__link.button-ms {
border-radius: 30px;
height: 58px;
min-width: 236px;
font-size: 16px;
}
.button__list .button__item .button__link.button-m {
border-radius: 30px;
height: 56px;
min-width: 234px;
font-size: 16px;
}
.button__list .button__item .button__link.is-rectangle {
border-radius: 0;
} .page-head {
margin-bottom: 50px;
height: 155px;
position: relative;
border-top: 1px solid #D9D9D9;
width: 100%;
}
@media (max-width: 768px) {
.page-head {
height: auto;
margin-bottom: 20px;
}
}
.page-head h1 {
text-align: center;
line-height: 1;
padding: 55px 0 30px;
margin: 0 auto;
}
@media (max-width: 768px) {
.page-head h1 {
margin-top: 0.5em;
padding: 20px 0;
}
}
.page-head span:lang(ja) {
font-size: 40px;
white-space: nowrap;
width: max-content;
padding: 0 0 22px;
display: block;
margin: 0 auto;
line-height: 1;
}
@media (max-width: 768px) {
.page-head span:lang(ja) {
font-size: 20px;
margin: 0 auto;
padding: 0 0 0;
}
}
.page-head span:lang(en) {
font-size: 16px;
position: relative;
line-height: 1;
}
@media (max-width: 768px) {
.page-head span:lang(en) {
font-size: 12px;
}
}
.page-head:before {
content: "";
display: block;
margin: 0 auto;
width: 40px;
height: 2px;
background-color: #DA3B15;
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
} .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .fs-c-requiredMark {
width: 40px;
height: 20px;
vertical-align: middle;
}
.fs-c-requiredMark::before {
content: "必須";
font-size: 12px;
padding: 0.25em 0;
line-height: 1;
text-align: center;
color: #fff;
background-color: #DA3B15;
border-radius: 0;
font-weight: normal;
margin-left: 0.5em;
} .fs-p-dateList > li {
border-color: #c3c3c3;
padding: 30px 0 0;
}
.fs-p-dateList > li:last-child {
padding-bottom: 30px;
}
.fs-p-dateList > li time:first-child {
padding: 2px 30px 1.6px;
}
.fs-pt-list--noMarker > li + li,
.fs-pt-list--unordered > li + li,
.fs-pt-list--ordered > li + li,
.fs-pt-list--note > li + li {
margin-top: 30px;
} .breadcrumb, .fs-c-breadcrumb {
margin-top: 100px;
height: 90px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.breadcrumb, .fs-c-breadcrumb {
padding: 0 0 20px;
height: auto; }
}
.breadcrumb__list, .fs-c-breadcrumb__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px;
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.breadcrumb__list, .fs-c-breadcrumb__list {
font-size: 10px;
padding-top: 4vw;
padding-bottom: 4vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
}
}
.breadcrumb__item, .fs-c-breadcrumb__listItem {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-right: 0.8em;
}
@media (max-width: 768px) {
.breadcrumb__item, .fs-c-breadcrumb__listItem {
white-space: nowrap;
}
}
.breadcrumb__item + .breadcrumb__item:before, .breadcrumb__item + .fs-c-breadcrumb__listItem:before, .fs-c-breadcrumb__listItem + .breadcrumb__item:before, .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem:before {
content: ">";
position: relative;
display: block;
margin-right: 0.9em;
}
.breadcrumb__item a:hover, .fs-c-breadcrumb__listItem a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.breadcrumb__item a:hover, .fs-c-breadcrumb__listItem a:hover {
text-decoration: none;
}
}
.fs-l-pageMain {
max-width: 100%;
}
body.open-gsubnav {
overflow-y: unset;
}
body.open-gsubnav .fs-l-pageMain, body.open-gsubnav .fs-l-header + .fs-pt-carousel.fs-c-slick, body.open-gsubnav .fs-l-footer {
webkit-filter: blur(5px);
filter: blur(5px);
pointer-events: none;
}
@media (max-height: 700px) {
body.open-gsubnav {
overflow: hidden;
}
} .fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
background: none; }
.fs-c-slick { }
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {
width: 60px;
height: 60px;
top: calc(50% - 15px);
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.65);
}
.fs-c-slick .slick-prev:before, .fs-c-slick .slick-next:before {
font-size: 0;
display: block;
width: 60px;
height: 60px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
filter: brightness(0) invert(1);
background-size: 8px 5px;
background-position: center;
background-repeat: no-repeat;
}
.fs-c-slick .slick-prev:before {
transform: rotate(90deg);
}
.fs-c-slick .slick-next:before {
transform: rotate(-90deg);
} input[type=text]:placeholder, input[type=email]:placeholder, input[type=tel]:placeholder, textarea:placeholder {
color: #B5B5B5;
font-size: 1.4em;
}
.fs-c-checkbox__label, .fs-c-radio__label {
position: relative;
line-height: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.fs-c-checkbox__label:before, .fs-c-radio__label:before {
content: "";
display: inline-block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.fs-c-checkbox__label:before, .fs-c-radio__label:before {
width: 20px;
height: 20px;
margin: 0 8px 0 0;
position: relative;
top: 1px;
}
.fs-c-radio__label:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-radio_00000067924480866048626070000011050284332524972982_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 17'	 style='enable-background:new 0 0 17 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23FFFFFF;}	.st1{fill:%23D3D3D3;}%3C/style%3E%3Cg id='ico-radio' transform='translate(-861.5 -1592.5)'%3E%3Ccircle id='ico-radio_00000043422567664417084330000008088089975145516182_' class='st0' cx='870' cy='1601' r='8'/%3E%3Cpath id='ico-radio_-outline' class='st1' d='M870,1592.5c4.7,0,8.5,3.8,8.5,8.5s-3.8,8.5-8.5,8.5s-8.5-3.8-8.5-8.5		C861.5,1596.3,865.3,1592.5,870,1592.5z M870,1608.5c4.1,0,7.5-3.4,7.5-7.5s-3.4-7.5-7.5-7.5s-7.5,3.4-7.5,7.5		C862.5,1605.1,865.9,1608.5,870,1608.5z'/%3E%3C/g%3E%3C/svg%3E");
}
.fs-c-radio__radio:checked + .fs-c-radio__label:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-radio-checked_00000019668635315421897080000014405925068112141217_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 17'	 style='enable-background:new 0 0 17 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23FFFFFF;}	.st1{fill:%23D3D3D3;}	.st2{fill:%23CC4A4D;}%3C/style%3E%3Cg id='ico-radio-checked' transform='translate(-749.5 -1592.5)'%3E%3Ccircle id='circle-fill_2_' class='st0' cx='758' cy='1601' r='8'/%3E%3Cpath id='ico-radio-checked-outline' class='st1' d='M758,1592.5c4.7,0,8.5,3.8,8.5,8.5s-3.8,8.5-8.5,8.5s-8.5-3.8-8.5-8.5		C749.5,1596.3,753.3,1592.5,758,1592.5z M758,1608.5c4.1,0,7.5-3.4,7.5-7.5s-3.4-7.5-7.5-7.5s-7.5,3.4-7.5,7.5		C750.5,1605.1,753.9,1608.5,758,1608.5z'/%3E%3Ccircle id='ico-radio-checked_00000041980972616647428880000015499656304474518410_' class='st2' cx='758' cy='1601' r='5'/%3E%3C/g%3E%3C/svg%3E");
}
.fs-c-checkbox__label:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-check_00000172431367322850433680000012283875967963713181_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 17'	 style='enable-background:new 0 0 17 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23FFFFFF;}	.st1{fill:%23D3D3D3;}%3C/style%3E%3Cg id='ico-check' transform='translate(-479.5 -1741.5)'%3E%3Cpath id='square-fill_1_' class='st0' d='M480,1744c0-1.1,0.9-2,2-2h12c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2h-12c-1.1,0-2-0.9-2-2		V1744z'/%3E%3Cpath id='square-fill_1_-_outline' class='st1' d='M482,1741.5h12c1.4,0,2.5,1.1,2.5,2.5v12c0,1.4-1.1,2.5-2.5,2.5h-12		c-1.4,0-2.5-1.1-2.5-2.5v-12C479.5,1742.6,480.6,1741.5,482,1741.5z M494,1757.5c0.8,0,1.5-0.7,1.5-1.5v-12c0-0.8-0.7-1.5-1.5-1.5		h-12c-0.8,0-1.5,0.7-1.5,1.5v12c0,0.8,0.7,1.5,1.5,1.5H494z'/%3E%3C/g%3E%3C/svg%3E");
}
.fs-c-checkbox__checkbox:checked + .fs-c-checkbox__label:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-checked_00000057123761020863203320000008941051174615367354_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16'	 style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23CC4A4D;}%3C/style%3E%3Cpath id='ico-checked' class='st0' d='M14,16H2c-1.1,0-2-0.9-2-2V2c0-1.1,0.9-2,2-2h12c1.1,0,2,0.9,2,2v12C16,15.1,15.1,16,14,16z	 M4.8,7.3c-0.1,0-0.1,0-0.2,0C4.3,7.4,4.1,7.6,4,7.9C4,8.2,4,8.4,4.2,8.6l2.6,2.6c0.1,0.1,0.3,0.2,0.5,0.2h0c0.2,0,0.4-0.1,0.5-0.2	l4-5c0.3-0.3,0.3-0.8,0-1C11.8,5.1,11.6,5,11.4,5c-0.2,0-0.4,0.1-0.5,0.2c0,0,0,0,0,0L7.4,9.7L5.3,7.6C5.2,7.4,5,7.3,4.8,7.3	L4.8,7.3z'/%3E%3C/svg%3E");
} .fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark {
background-color: #fff !important;
} .fs-p-productSearch {
border-bottom: 0;
padding: 0;
}
.fs-p-productSearch .fs-c-inputTable__dataCell [type=text],
.fs-p-productSearch .fs-c-inputTable__dataCell [type=number] {
line-height: 43px;
padding: 0 0.9375em;
}
.fs-p-productSearch .fs-c-inputTable__dataCell .priceInput {
flex-grow: 0;
justify-content: flex-start;
}
.fs-p-productSearch .fs-c-inputTable__dataCell .priceInput span.fs-c-inputTextGroup__item {
white-space: nowrap;
max-width: 8em;
padding-right: 1.2em;
}
.fs-p-productSearch .fs-c-inputTable__dataCell .priceInput span.fs-c-inputTextGroup__item [type=text] {
text-align: center;
}
.fs-p-productSearch form.fs-p-productSearch__form {
transform: translateY(0);
}
.fs-p-productSearch form.fs-p-productSearch__form label {
display: inline-flex;
align-items: center;
}
.fs-p-productSearch .fs-c-inputTable__headerCell {
padding-bottom: 5px;
font-size: 1.8em;
font-weight: normal;
}
@media (max-width: 768px) {
.fs-p-productSearch .fs-c-inputTable__headerCell {
padding-bottom: 5px;
font-size: 15px;
}
}
.fs-p-productSearch .fs-p-productSearch__search {
max-height: none;
}
.fs-p-productSearch .fs-c-checkboxGroup {
gap: 10px 0px;
}
@media (max-width: 768px) {
.fs-p-productSearch .fs-c-checkboxGroup {
gap: unset;
}
}
.fs-p-productSearch .fs-c-checkboxGroup .fs-c-checkbox {
width: calc(25% - 5px);
}
@media (max-width: 768px) {
.fs-p-productSearch .fs-c-checkboxGroup .fs-c-checkbox {
width: auto;
}
}
.fs-p-productSearch .fs-c-checkboxGroup .fs-c-checkbox__irregular {
width: auto;
margin-right: 2.2em;
line-height: 1.2;
}
@media (max-width: 768px) {
.fs-p-productSearch .fs-c-checkboxGroup .fs-c-checkbox__irregular {
display: inline-block;
margin: 0.75em 1.5em 0 0;
}
}
.fs-p-productSearch .fs-c-radioGroup {
gap: 10px 0px;
}
.fs-p-productSearch .fs-c-radioGroup .fs-c-radio {
width: calc(50% - 1em);
flex-basis: unset;
}
@media (max-width: 768px) {
.fs-p-productSearch .fs-c-radioGroup * {
flex-basis: auto;
}
}
.fs-p-productSearch .fs-c-checkbox,
.fs-p-productSearch .fs-c-radio {
margin-right: 5px;
}
.fs-p-productSearch input[type=checkbox]:checked + .fs-c-checkbox__checkMark::before {
opacity: 1;
}
.fs-p-productSearch input[type=radio]:checked + .fs-c-radio__radioMark::before {
opacity: 1;
width: 8px;
height: 8px;
}
.fs-p-productSearch input[type=checkbox],
.fs-p-productSearch input[type=radio] {
display: none;
}
input[name=minprice],
input[name=maxprice] {
text-align: right;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.fs-c-checkbox__checkMark::before {
top: -0.025em;
left: -0.025em;
}
.fs-c-radio__radioMark,
.fs-c-checkbox__checkMark {
border-width: 1px;
display: none;
}
.fs-c-checkbox__checkMark {
border-radius: 0;
}
.fs-p-productSearch__searchButtonContainer {
padding: 40px 0;
}
@media (max-width: 768px) { button.fs-p-productSearch__searchButton.fs-c-button--secondary {
border-width: 1px;
border-style: solid;
}
.fs-p-productSearch__searchButton {
min-width: 11em;
}
.fs-p-productSearch__searchButton::before {
content: "";
display: inline-block;
background: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/images/top/@2x/sp/icon_searchbtn.png) no-repeat center;
background-size: contain;
width: 25px;
height: 25px;
left: auto;
right: 12px;
}
.fs-c-inputTable > tbody > tr + tr {
margin-top: 30px;
}
.fs-p-productSearch__inputTable span.fs-c-radio {
flex-basis: calc(50% - 18px);
}
.fs-c-radioGroup {
flex-direction: row;
flex-wrap: wrap;
}
.fs-c-inputTable__headerCell {
font-size: 15px;
font-weight: normal;
}
.fs-p-productSearch label {
font-weight: bold;
margin-bottom: 0;
}
.fs-p-productSearch label span {
font-weight: 400;
font-size: 15px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.fs-p-productSearch label span {
font-size: 14px;
}
.fs-p-productSearch label span.fs-p-productSearch__formOpen, .fs-p-productSearch label span.fs-p-productSearch__formClose {
font-size: 0;
}
}
@media (max-width: 768px) {
.fs-p-productSearch [type=text] {
height: 50px;
border-color: #adadad;
border-radius: 0;
}
.fs-p-productSearch .fs-c-inputTextGroup > * + * {
line-height: 64.5px;
}
input[name=minprice],
input[name=maxprice] {
text-align: right;
}
.fs-p-productSearch__searchButton {
width: 88%;
margin-top: 15px;
font-size: 18px;
line-height: 33px;
position: relative;
}
.fs-c-checkboxGroup {
flex-direction: row;
flex-wrap: wrap;
}
.fs-c-checkboxGroup > * {
flex-basis: auto;
}
.fs-c-checkboxGroup > * + * {
margin-top: 0;
}
.fs-p-productSearch__inputTable span.fs-c-checkbox,
.fs-p-productSearch__inputTable span.fs-c-radio {
margin: 4px 0 6px 18px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.fs-p-productSearch__inputTable span.fs-c-checkbox,
.fs-p-productSearch__inputTable span.fs-c-radio {
margin: 0.75em 1.5em 0 0;
}
}
@media (max-width: 768px) {
table.fs-p-productSearch__inputTable.fs-c-inputTable + table.fs-p-productSearch__inputTable.fs-c-inputTable {
margin-top: 28px;
}
} .fs-p-cartItemNumber:not(.fs-client-cart-count--0) {
display: block;
background-color: #DA3B15;
width: 1.5em;
height: 1.5em;
font-size: 12px;
line-height: 1.5em;
padding: 0;
top: -2px;
right: 4px;
}
@media (max-width: 1400px) {
.fs-p-cartItemNumber:not(.fs-client-cart-count--0) {
top: -8px;
right: -8px;
}
}
a.fs-c-button--purchaseHere.fs-c-button--primary {
white-space: nowrap;
} td.fs-c-cartTable__dataCell.fs-c-cartTable__dataCell--subtotal {
min-width: 75px;
}
.fs-c-button--standard {
font-size: 1em;
box-shadow: none;
}
.fs-c-cartDiscountInfo__title {
font-size: 1.25em;
}
.fs-c-cartDiscountInfo__note {
font-size: 0.875em;
}
.fs-c-cartPayment,
.fs-c-payWithAmazon,
.fs-c-button--secondary {
font-size: 1em;
}
.fs-c-continueShopping {
margin-bottom: 32px;
}
.fs-l-main {
width: 100%;
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 768px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
body,
input,
textarea,
select {
font-size: 14px;
}
.fs-l-main {
width: 100%;
padding: 0 3.2vw;
} .fs-c-breadcrumb > * {
padding: 6px 3.2vw 0;
line-height: 1.4;
}
}
@media (max-width: 959px) {
.pctab {
display: none !important;
}
.sptab {
display: block !important;
}
}
@media (max-width: 768px) { .fs-c-accountService > li:not(:last-child) {
flex-basis: calc(50% - 8px);
}
}
a.fs-c-button--cancel.fs-c-button--standard {
display: flex;
align-items: center;
justify-content: center;
}
.fs-c-productListItem__control.fs-c-buttonContainer form {
width: calc(100% - 32px);
}
.fs-c-productListItem__control.fs-c-buttonContainer form .fs-c-button--plain {
width: 100%;
}
@media (max-width: 599px) {
.fs-c-productListItem__control.fs-c-buttonContainer form .fs-c-button--plain {
font-size: 12px;
height: 28px;
}
} ul.tab-area .tab {
background-color: #f9f9f9;
border: 1px solid #cecece;
border-radius: 4px;
font-size: 1.14286em;
padding: 0 1.188em;
min-width: auto;
height: 2.81em;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.3s;
cursor: pointer;
}
ul.tab-area .tab.is-active {
pointer-events: none;
}
ul.tab-area .tab.is-active, ul.tab-area .tab:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
ul.tab-area .tab + .tab {
margin-left: 0.63em;
} .fs-p-heading--lv2 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border: none;
padding: 100px 0 0;
margin: 0 0 50px;
position: relative;
}
.fs-p-heading--lv2:before, .fs-p-heading--lv2:after {
content: "";
display: block;
position: absolute;
}
.fs-p-heading--lv2:before {
width: 40px;
height: 2px;
background-color: #DA3B15;
top: -1px;
left: 0;
}
.fs-p-heading--lv2:after {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #D9D9D9;
height: 1px;
}
@media (max-width: 768px) {
.fs-p-heading--lv2 {
padding: 7.81vw 0 0;
margin: 0 auto 1.5em;
}
}
.fs-p-heading--lv2 span {
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
color: #000000;
}
@media (max-width: 768px) {
.fs-p-heading--lv2 span {
display: block;
}
}
.fs-p-heading--lv2 span:lang(ja) {
font-size: 40px;
}
@media (max-width: 768px) {
.fs-p-heading--lv2 span:lang(ja) {
padding: 0 0 3px;
font-size: 24px;
}
}
.fs-p-heading--lv2 span:lang(en) {
padding-left: 2em;
padding-top: 0.2em;
font-size: 16px;
}
@media (max-width: 768px) {
.fs-p-heading--lv2 span:lang(en) {
font-size: 8px;
}
}
.title01 {
margin-top: 0;
}
.title01 span {
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
color: #000000;
display: block;
}
.title01 span:lang(ja) {
font-size: 2.666em;
}
@media (max-width: 768px) {
.title01 span:lang(ja) {
font-size: 30px;
}
}
.title01 span:lang(en) {
font-size: 1.066em;
padding-top: 1em;
}
@media (max-width: 768px) {
.title01 span:lang(en) {
font-size: 12px;
padding-top: 0.5em;
margin-bottom: 30px;
}
}
.title02 {
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
color: #000000;
font-size: 30px;
text-align: center;
}
@media (max-width: 768px) {
.title02 {
font-size: 21px;
}
}
.title03 {
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
color: #000000;
font-size: 28px;
text-align: left;
font-weight: bold;
}
@media (max-width: 768px) {
.title03 {
font-size: 20px;
}
}
.title03 .ja {
display: block;
}
.title03 .en {
color: #66442B;
font-size: 14px;
line-height: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.title03 .en {
font-size: 12px;
}
}
.title03 .en strong {
font-size: 16px;
}
@media (max-width: 768px) {
.title03 .en strong {
font-size: 14px;
}
}
.title03 .en strong:before {
content: "/";
padding: 0 0.5em;
font-size: 12px;
position: relative;
top: -2px;
}
.title03 .en:before {
content: "";
display: block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
position: relative;
top: -5px;
}
.title04 {
color: #000000;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
background: #fff;
position: relative;
font-size: 24px;
font-weight: bold;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 24px;
height: 58px;
margin-top: 100px;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.title04 {
padding: 0 7px;
height: 65px;
font-size: 18px;
color: #000000;
margin-top: 40px;
margin-bottom: 30px;
}
}
.title04:before, .title04:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
left: 0;
}
.title04:before {
top: 0;
}
.title04:after {
bottom: 0;
}
.title04 span {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.title04 span:before, .title04 span:after {
content: "";
display: block;
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 0 10px;
position: relative;
}
.title05 {
font-size: 20px;
color: #000000;
border-left: 3px solid #000000;
padding-left: 0.5em;
font-weight: 500;
margin: 0 0 1em;
}
.title05:not(:first-child) {
margin-top: 1.5em;
}
@media (max-width: 768px) {
.title05 {
font-size: 16px;
}
} .sec-narrow {
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.sec-narrow-extra {
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.sec-narrow-extra {
padding-left: 4.42vw;
padding-right: 4.42vw;
width: 100%;
}
}
.sec-narrow-extra + .sec-narrow-extra {
border-top: 1px solid #D9D9D9;
margin-top: 120px;
padding-top: 120px;
}
@media (max-width: 768px) {
.sec-narrow-extra + .sec-narrow-extra {
margin-top: 40px;
padding-top: 40px;
}
} .fr3-productListCarousel__slide,
.fr3-productListStatic {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fr3-productListCarousel__slide .fr3-item,
.fr3-productListStatic .fr3-item { font-size: 16px;
font-weight: 500;
}
@media (max-width: 768px) {
.fr3-productListCarousel__slide .fr3-item,
.fr3-productListStatic .fr3-item { font-size: 13px;
margin-bottom: 0;
margin-right: 0;
}
}
.fr3-productListCarousel__slide .fr3-item img,
.fr3-productListStatic .fr3-item img {
width: 100%;
height: auto;
}
.fr3-productListCarousel__slide .fr3-item .fr3-item__productName,
.fr3-productListStatic .fr3-item .fr3-item__productName {
font-size: 16px;
}
@media (max-width: 768px) {
.fr3-productListCarousel__slide .fr3-item .fr3-item__productName,
.fr3-productListStatic .fr3-item .fr3-item__productName {
font-size: 15px;
line-height: 1.5;
}
}
.fr3-productListCarousel__slide .fr3-item .fr3-item__productPrice .fr3-item__productPrice__currencyMark,
.fr3-productListStatic .fr3-item .fr3-item__productPrice .fr3-item__productPrice__currencyMark {
font-size: 14px;
}
@media (max-width: 768px) {
.fr3-productListCarousel__slide .fr3-item .fr3-item__productPrice .fr3-item__productPrice__currencyMark,
.fr3-productListStatic .fr3-item .fr3-item__productPrice .fr3-item__productPrice__currencyMark {
font-size: 13px;
}
}
.fr3-productListCarousel__slide .fr3-item .fr3-item__productPrice .fr3-item__productPrice__value,
.fr3-productListStatic .fr3-item .fr3-item__productPrice .fr3-item__productPrice__value {
font-size: 14px;
}
@media (max-width: 768px) {
.fr3-productListCarousel__slide .fr3-item .fr3-item__productPrice .fr3-item__productPrice__value,
.fr3-productListStatic .fr3-item .fr3-item__productPrice .fr3-item__productPrice__value {
font-size: 13px;
}
}
.fr3-productListCarousel__slide .fr3-item .fr3-item__productPrice .fr3-item__productPrice__addon,
.fr3-productListStatic .fr3-item .fr3-item__productPrice .fr3-item__productPrice__addon {
font-size: 12px;
display: none; }
.fr3-productListCarousel__slide .fr3-item a,
.fr3-productListStatic .fr3-item a {
text-decoration: none;
}
.fr3-productListCarousel__slide .fr3-item:nth-child(5n),
.fr3-productListStatic .fr3-item:nth-child(5n) {
margin-right: 0;
}
.fr3-productListCarousel .fr3-productListCarousel__Button {
position: relative;
width: 32px;
height: 32px;
}
.fr3-productListCarousel .fr3-productListCarousel__Button:before {
width: 32px;
height: 32px;
border-radius: 50%;
content: "";
border: 1px solid #F5CBC1;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: 8px 5px;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.fr3-productListCarousel .fr3-productListCarousel__Button img {
display: none;
}
.fr3-productListCarousel .fr3-productListCarousel__Button.fr3-productListCarousel__prevButton {
left: -40px;
}
@media (max-width: 768px) {
.fr3-productListCarousel .fr3-productListCarousel__Button.fr3-productListCarousel__prevButton {
left: -2vw;
}
}
.fr3-productListCarousel .fr3-productListCarousel__Button.fr3-productListCarousel__prevButton:before {
transform: rotate(90deg);
}
.fr3-productListCarousel .fr3-productListCarousel__Button.fr3-productListCarousel__nextButton {
right: -40px;
}
@media (max-width: 768px) {
.fr3-productListCarousel .fr3-productListCarousel__Button.fr3-productListCarousel__nextButton {
right: -2vw;
}
}
.fr3-productListCarousel .fr3-productListCarousel__Button.fr3-productListCarousel__nextButton:before {
transform: rotate(-90deg);
} .bg01 {
position: relative;
}
.bg01:before {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #F8F8F8;
}
.bg02 {
position: relative;
}
.bg02:before {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #F8F8F8;
} .readmore__link.right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.readmore__link a, .readmore__link span {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: 0.3s;
padding-left: 48px;
position: relative;
min-height: 32px;
}
.readmore__link a:before, .readmore__link a:after, .readmore__link span:before, .readmore__link span:after {
content: "";
display: block;
border-radius: 50%;
width: 32px;
height: 32px;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.readmore__link a:before, .readmore__link span:before {
border: 1px solid #F5CBC1;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
transform: rotate(-90deg);
background-size: 7px 13px;
z-index: 1;
}
.readmore__link a:after, .readmore__link span:after {
background-color: transparent;
border: 1px solid transparent;
}
.readmore__link a:hover:before, .readmore__link span:hover:before {
background-color: transparent;
border: 1px solid transparent;
filter: brightness(0) invert(1);
}
.readmore__link a:hover:after, .readmore__link span:hover:after {
background-color: #DA3B15;
border: 1px solid #DA3B15;
} .local-nav {
margin-top: 80px;
}
.local-nav {
width: 100%;
}
@media (max-width: 768px) {
.local-nav {
margin-top: 0;
overflow-x: scroll;
}
}
.local-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.local-nav__list {
margin-bottom: 10px;
}
}
.local-nav__list .local-nav__item {
width: 100%;
font-size: 16px;
}
.local-nav__list .local-nav__item + .local-nav__item {
margin-left: 19px;
}
@media (max-width: 768px) {
.local-nav__list .local-nav__item {
font-size: 14px;
width: max-content;
margin: 0;
min-width: auto;
}
.local-nav__list .local-nav__item + .local-nav__item {
margin-left: 8px;
}
.local-nav__list .local-nav__item:last-child {
padding-right: 4.42vw;
}
}
.local-nav__list .local-nav__item a {
color: #000000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: 0.3s;
padding: 20px 2.4em;
white-space: nowrap;
position: relative;
}
.local-nav__list .local-nav__item a:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 1px solid #D9D9D9;
border-bottom: none;
width: 100%;
height: 20px;
}
.local-nav__list .local-nav__item a:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
background-size: 8px 5px;
width: 8px;
height: 5px;
display: block;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: 0.3s;
filter: brightness(0);
}
@media (max-width: 768px) {
.local-nav__list .local-nav__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 40px;
padding: 0 2em;
}
}
.local-nav__list .local-nav__item a:hover {
text-decoration: none;
}
.local-nav__list .local-nav__item a:hover:after {
filter: brightness(1);
}
.local-nav__list .local-nav__item.is-active a {
text-decoration: none;
}
.local-nav__list .local-nav__item.is-active a:after {
width: 20px;
height: 1px;
background-color: #DA3B15;
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.fs-c-subgroupList {
margin-bottom: 50px;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
@media (max-width: 768px) {
.fs-c-subgroupList {
margin: 0 2vw 7.8vw;
}
}
.fs-c-subgroup .fs-c-listControl {
display: none;
}
.fs-c-subgroupList__item {
padding: 18px !important;
flex-basis: calc(25% - 18px);
max-width: 25%;
}
@media (max-width: 768px) {
.fs-c-subgroupList__item {
padding: 1vw !important;
width: 50% !important;
flex-basis: 50%;
max-width: 50%;
}
}
.fs-c-subgroupList__item a, .fs-c-subgroupList__item .fs-c-subgroupList__link {
font-size: 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background-color: #fff;
color: #000000;
height: 84px;
padding: 0 20px;
position: relative;
line-height: 1.5;
border: none;
border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
.fs-c-subgroupList__item a, .fs-c-subgroupList__item .fs-c-subgroupList__link {
font-size: 14px;
height: 14.97vw;
padding: 0 20px;
}
}
.fs-c-subgroupList__item a:after, .fs-c-subgroupList__item .fs-c-subgroupList__link:after {
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
filter: brightness(0);
width: 13px;
height: 7px;
position: absolute;
top: 50%;
right: 20px;
transform: rotate(-90deg) translateX(25%);
display: block;
}
@media (max-width: 768px) {
.fs-c-subgroupList__item a:after, .fs-c-subgroupList__item .fs-c-subgroupList__link:after {
width: 7px;
height: 3.5px;
right: 10px;
}
}
.fs-c-subgroupList__item a:hover, .fs-c-subgroupList__item .fs-c-subgroupList__link:hover {
color: #000000;
text-decoration: none;
}
.fs-c-subgroupList__item a:hover:after, .fs-c-subgroupList__item .fs-c-subgroupList__link:hover:after {
right: 15px;
filter: brightness(1);
} .columns {
box-sizing: border-box;
direction: ltr;
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
}
@media (max-width: 768px) {
.columns {
display: block;
}
}
.columns .column__text {
grid-column: 2;
grid-row: 1;
align-self: start;
padding-left: 9.375%;
}
@media (max-width: 768px) {
.columns .column__text {
padding: 4vw 0;
}
}
.columns .column__media {
grid-column: 1;
grid-row: 1;
align-self: start;
margin: 0;
padding: 0;
}
@media (max-width: 768px) {
.columns .column__media {
padding: 4vw;
}
}
.columns.case01 {
grid-template-columns: 48% 1fr;
}
.columns.case02 {
grid-template-columns: 38.4375% 1fr;
}
.columns.case03 {
grid-template-columns: 45.859375% 1fr;
}
.columns.case04 {
grid-template-columns: 32.5% 1fr;
}
.columns.case04 .column__text {
padding-left: 13.5%;
}
@media (max-width: 768px) {
.columns.case04 .column__text {
padding: 4vw 0;
}
}
.columns.is-reverse .column__text {
grid-column: 1;
padding-left: 0;
padding-right: 9.375%;
}
@media (max-width: 768px) {
.columns.is-reverse .column__text {
padding: 4vw;
}
}
.columns.is-reverse .column__media {
grid-column: 2;
}
.columns.is-reverse.case01 {
grid-template-columns: 1fr 48%;
}
.columns.is-reverse.case02 {
grid-template-columns: 1fr 38.4375%;
}
.columns.is-reverse.case03 {
grid-template-columns: 1fr 45.859375%;
}
.columns.is-reverse.case04 {
grid-template-columns: 1fr 32.5%;
}
.columns.is-reverse.case04 .column__text {
padding-left: 0;
padding-right: 13.5%;
}
@media (max-width: 768px) {
.columns.is-reverse.case04 .column__text {
padding: 4vw 0;
}
} .fs-c-postage__list > dt, .fs-c-postage__table > thead, .fs-c-specTable__headerCell, .fs-c-cartTable__headerCell, .fs-body-my-account-password .fs-c-inputInformation__field, .fs-c-noResultMessage, .fs-p-accountInfo, .fs-c-button--standard, body#fs_Register .fs-c-inputTable > tbody tr th, .mw_wp_form .fs-c-inputTable > tbody tr th, .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
background-color: #fff;
border: 1px solid #D9D9D9;
color: #000000;
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-postage__list > dt, .fs-c-postage__table > thead, .fs-c-specTable__headerCell, .fs-c-cartTable__headerCell, .fs-body-my-account-password .fs-c-inputInformation__field, .fs-c-noResultMessage, .fs-p-accountInfo, .fs-c-button--standard, body#fs_Register .fs-c-inputTable > tbody tr th, .mw_wp_form .fs-c-inputTable > tbody tr th, .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
font-size: 14px;
}
}
.fs-c-listedProductName__name,
.fs-c-cartTable__dataCell--subtotal,
.fs-c-orderTotalTable__count {
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-listedProductName__name,
.fs-c-cartTable__dataCell--subtotal,
.fs-c-orderTotalTable__count {
font-size: 14px;
}
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label {
font-size: 14px;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label:before {
color: #000000;
}
.fs-c-reveiwNotes {
padding-bottom: 1em;
}
.fs-c-reviewAddField .fs-c-inputTable__headerCell {
width: 30%;
}
@media (max-width: 768px) {
.fs-c-reviewAddField .fs-c-inputTable__headerCell {
width: 100%;
}
}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #000000;
}
.fs-c-productReviewed__prices .fs-c-productPrice__addon,
.fs-c-priceDisplay .fs-c-productPrice__addon {
display: none;
}
.fs-c-checkbox__labelText {
line-height: 1.6;
}
.fs-c-memberInfoField .fs-c-inputTable__headerCell {
width: 30%;
}
@media (max-width: 768px) {
.fs-c-memberInfoField .fs-c-inputTable__headerCell {
width: 100%;
}
}
.fs-preview-header {
display: none;
}
.fs-l-page {
overflow: hidden;
} header.fs-l-header {
padding-top: 0;
z-index: 2;
position: fixed;
z-index: 999;
left: 0;
right: 0;
top: 0;
transition: 0s;
background-color: #fff;
}
.header-top {
position: relative;
height: 40px;
line-height: 40px;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
font-weight: normal;
font-size: 12px;
padding-left: 2vw;
padding-right: 2vw;
}
.header-top:after {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #F8F8F8;
}
@media (max-width: 768px) {
.header-top {
padding-left: 3.2vw;
padding-right: 3.2vw;
height: 6.5104166667vw;
font-size: 12px;
line-height: 1.5;
}
}
.header-top a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
color: #000000;
}
.header-top a:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-size: 7px 13px;
width: 7px;
height: 13px;
display: block;
margin-left: 12px;
transform: translateX(0);
transition: 0.3s;
}
@media (max-width: 768px) {
.header-top a:after {
background-size: 5px 11px;
width: 5px;
height: 11px;
}
}
.header-top a:hover {
text-decoration: none;
}
.header-top a:hover:after {
transform: translateX(4px);
}
@media (max-width: 768px) {
.header-top a:hover:after {
transform: translateX(0);
}
}
.header-main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-left: 2vw;
padding-right: 2vw;
height: 100px;
}
@media (max-width: 1400px) {
.header-main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.header-main {
padding-left: 3.2vw;
padding-right: 3.2vw;
height: 13.02vw !important;
}
}
@media (max-width: 1200px) {
.header-main .fs-l-header__logo {
order: 1;
transform: translateY(20%);
}
}
.header-main .fs-p-logo {
padding: 0;
}
@media (max-width: 1700px) {
.header-main .fs-p-logo {
width: 200px;
}
}
@media (max-width: 959px) {
.header-main .fs-p-logo {
transform: translateY(-10px);
}
}
@media (max-width: 768px) {
.header-main .fs-p-logo {
width: auto;
transform: translateY(0);
}
.header-main .fs-p-logo img {
height: 7.1614vw;
}
}
header.fs-l-header.is-fixed { }
@media (max-width: 768px) {
header.fs-l-header.is-fixed { }
}
header.fs-l-header.is-fixed .header-main {
box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.05);
}
.store-nav {
position: relative;
}
@media (max-width: 1400px) {
.store-nav {
margin-left: 20px;
}
}
@media (max-width: 1200px) {
.store-nav {
order: 2;
}
}
@media (max-width: 768px) {
.store-nav {
margin-right: 10.42vw;
padding-top: 2.8vw;
}
}
.store-nav .store-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.store-nav .store-nav__list .store-nav__item {
text-align: center;
margin-left: 20px;
}
@media (max-width: 1700px) {
.store-nav .store-nav__list .store-nav__item {
margin-left: 10px;
}
}
@media (max-width: 1500px) {
.store-nav .store-nav__list .store-nav__item {
margin-left: 0;
}
}
@media (max-width: 1400px) {
.store-nav .store-nav__list .store-nav__item {
margin-left: 10px;
}
}
@media (max-width: 768px) {
.store-nav .store-nav__list .store-nav__item {
margin-left: 5.46vw;
}
}
.store-nav .store-nav__list .store-nav__item:first-of-type {
margin-right: 8px;
}
@media (max-width: 768px) {
.store-nav .store-nav__list .store-nav__item:first-of-type {
margin-left: 0;
margin-right: 0;
}
}
.store-nav .store-nav__list .store-nav__item a, .store-nav .store-nav__list .store-nav__item .search-nav-toggle {
white-space: nowrap;
position: relative;
font-size: 12px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
transition: 0.3s;
}
@media (max-width: 1400px) {
.store-nav .store-nav__list .store-nav__item a, .store-nav .store-nav__list .store-nav__item .search-nav-toggle {
font-size: 0;
display: block;
width: 20px;
height: 20px;
}
.store-nav .store-nav__list .store-nav__item a .bi, .store-nav .store-nav__list .store-nav__item .search-nav-toggle .bi {
font-size: 20px;
}
}
@media (max-width: 768px) {
.store-nav .store-nav__list .store-nav__item a, .store-nav .store-nav__list .store-nav__item .search-nav-toggle {
width: 5.2vw;
height: 5.2vw;
}
}
.store-nav .store-nav__list .store-nav__item a .bi, .store-nav .store-nav__list .store-nav__item .search-nav-toggle .bi {
display: block;
margin: 0 auto 0.1em;
width: 100%;
font-size: 20px;
line-height: 1;
}
@media (max-width: 768px) {
.store-nav .store-nav__list .store-nav__item a .bi, .store-nav .store-nav__list .store-nav__item .search-nav-toggle .bi {
font-size: 5.2vw;
}
}
.store-nav .store-nav__list .store-nav__item a:hover, .store-nav .store-nav__list .store-nav__item .search-nav-toggle:hover {
opacity: 0.7;
}
.hamburger-nav-control,
.global-nav-control,
.global-child-nav-control,
.search-nav-control {
display: none !important;
}
.global-nav__wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
height: 100px;
}
@media (max-width: 1400px) {
.global-nav__wrap {
height: auto;
margin-left: auto;
}
}
@media (max-width: 1200px) {
.global-nav__wrap {
order: 3;
margin-top: -20px;
}
}
@media (max-width: 768px) {
.global-nav__wrap {
padding-left: 4.42vw;
padding-right: 4.42vw;
width: 100%;
}
}
.global-nav__wrap:after {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%; background-color: #fff;
}
@media (max-width: 768px) {
.global-nav__wrap:after {
display: none;
}
}
.global-nav__list {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.global-nav__list {
display: block;
padding: 7.81vw 5.2vw;
}
}
.global-nav__item {
margin: 0 30px;
font-size: 18px;
font-weight: 600;
}
@media (max-width: 1700px) {
.global-nav__item {
margin: 0 18px;
}
}
@media (max-width: 1500px) {
.global-nav__item {
font-size: 16px;
}
}
@media (max-width: 959px) {
.global-nav__item {
font-size: 15px;
margin: 0 15px;
}
}
@media (max-width: 768px) {
.global-nav__item {
font-size: 16px;
margin: 0;
border-top: 1px solid #000000;
}
.global-nav__item:last-child {
border-bottom: 1px solid #000000;
}
}
.global-nav__item > a:hover, .global-nav__item > .global-nav-link:hover {
text-decoration: none;
opacity: 0.7;
}
@media (max-width: 768px) {
.global-nav__item > a, .global-nav__item > .global-nav-link {
line-height: 16.9270833333vw;
padding: 0 2.6vw;
}
}
.global-nav__item.has-children .global-nav-link {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.global-nav__item.has-children .global-nav-link {
justify-content: space-between;
}
}
.global-nav__item.has-children .global-nav-link:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
margin-left: 0.5em;
filter: brightness(0);
transition: 0.3s;
width: 8px;
height: 4px;
}
@media (max-width: 768px) {
.global-nav__item.has-children .global-nav-link:after {
width: 10px;
height: 6px;
}
}
@media (max-width: 768px) {
.global-nav__item:not(.has-children) .global-nav-link {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.global-nav__item:not(.has-children) .global-nav-link {
justify-content: space-between;
}
}
@media (max-width: 768px) {
.global-nav__item:not(.has-children) .global-nav-link:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
margin-left: 0.5em;
filter: brightness(0);
transition: 0.3s;
width: 10px;
height: 6px;
transform: rotate(-90deg);
}
}
.global-nav__children,
.fs-p-productSearch {
position: absolute;
display: none;
overflow: unset;
}
@media (max-width: 768px) {
.global-nav__children,
.fs-p-productSearch {
position: relative;
}
}
.section-howto .global-nav__children{
display: contents;
}
.global-child-nav-control:checked + .global-child-nav-toggle + .global-nav__children,
.search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch {
position: fixed;
top: 120px;
left: 0;
display: block;
width: 100vw;
z-index: 10;
background-color: #fff;
padding: 0 2vw;
box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
.global-child-nav-control:checked + .global-child-nav-toggle + .global-nav__children,
.search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch {
position: relative;
padding: 0;
box-shadow: none; top: 0;
width: 100%;
}
.global-child-nav-control:checked + .global-child-nav-toggle + .global-nav__children .readmore__link,
.search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch .readmore__link {
padding-top: 25px;
}
}
@media (max-width: 768px) {
.search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch {
position: fixed;
top: 19.5304166667vw;
}
}
.pagedown .hamburger-nav-control:checked + .global-nav-toggle + .global-nav__children,
.pagedown .global-child-nav-control:checked + .global-child-nav-toggle + .global-nav__children,
.pagedown .search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch { }
@media (max-width: 768px) {
.pagedown .hamburger-nav-control:checked + .global-nav-toggle + .global-nav__children,
.pagedown .global-child-nav-control:checked + .global-child-nav-toggle + .global-nav__children,
.pagedown .search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch {
top: 6.5104166667vw;
height: 100%;
max-height: calc(100vh - 6.5104166667vw);
}
}
@media (max-width: 768px) {
.pagedown .search-nav-control:checked + .search-nav-toggle + .fs-p-productSearch { top: 19.5304166667vw;
}
}
.global-child-nav-control:checked + .global-child-nav-toggle:after {
transform: rotate(180deg);
filter: brightness(1);
}
.global-nav__children,
.fs-p-productSearch {
background-color: #fff;
}
.fs-p-productSearch__formSwitch {
height: 100px;
background: none;
padding: 20px 0 0;
}
@media (max-width: 768px) {
.fs-p-productSearch__formSwitch {
height: 56px;
line-height: 1;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.fs-p-productSearch__formClose {
display: none;
}
#fs_p__ctrlSeachForm:checked + .fs-p-productSearch__formSwitch {
position: relative;
}
#fs_p__ctrlSeachForm:checked + .fs-p-productSearch__formSwitch .fs-p-productSearch__formOpen {
display: none;
}
#fs_p__ctrlSeachForm:checked + .fs-p-productSearch__formSwitch .fs-p-productSearch__formClose {
color: #fff;
width: 141px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
background-color: #fff;
font-size: 16px;
border-radius: 23px;
}
@media (max-width: 768px) {
#fs_p__ctrlSeachForm:checked + .fs-p-productSearch__formSwitch .fs-p-productSearch__formClose {
width: auto;
height: auto;
display: block;
line-height: 1;
padding: 0;
font-size: 0;
background: none;
}
}
#fs_p__ctrlSeachForm:checked + .fs-p-productSearch__formSwitch:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 13px 8px;
border-color: transparent transparent #ece8dd transparent;
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 768px) {
#fs_p__ctrlSeachForm:checked + .fs-p-productSearch__formSwitch:before {
display: none;
}
}
.fs-p-productSearch__formOpen:after,
.fs-p-productSearch__formClose:after {
content: "";
width: 19px;
height: 19px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
margin-left: 0.6em;
transition: 0.3s;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-search' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23682A2B;}%3C/style%3E%3Cpath id='icon_search' class='st0' d='M13.9,12.3c2.5-3.4,1.8-8.3-1.7-10.8S4-0.3,1.5,3.2s-1.8,8.3,1.7,10.8c2.7,2,6.4,2,9.1,0l0,0	c0,0,0.1,0.1,0.1,0.1l4.6,4.6c0.5,0.5,1.2,0.4,1.7,0c0.4-0.5,0.4-1.2,0-1.6l-4.6-4.6C14,12.4,14,12.3,13.9,12.3L13.9,12.3z	 M14.2,7.7c0,3.6-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5c0,0,0,0,0,0C11.3,1.2,14.3,4.1,14.2,7.7L14.2,7.7L14.2,7.7z'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
.fs-p-productSearch__formOpen:after,
.fs-p-productSearch__formClose:after {
width: 24px;
height: 24px;
}
}
@media (max-width: 768px) {
.fs-p-productSearch__formOpen:after,
.fs-p-productSearch__formClose:after {
filter: brightness(0) invert(1);
}
}
.fs-p-productSearch__formOpen {
color: #fff;
width: 141px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
background-color: #fff;
border: 1px solid transparent;
color: #000000;
font-size: 1.6em;
border-radius: 23px;
transition: 0.3s;
}
@media (max-width: 768px) {
.fs-p-productSearch__formOpen {
width: auto;
height: auto;
display: block;
border: none;
font-size: 0;
background: none;
}
}
.fs-p-productSearch__formOpen:hover {
border: 1px solid #fff;
color: #fff;
background-color: #000000;
}
.fs-p-productSearch__formOpen:hover:after {
filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
.fs-p-productSearch__formOpen:hover {
border: none;
background: none;
}
}
.fs-p-productSearch__form {
background: none;
}
@media (max-width: 768px) {
.fs-p-productSearch__form {
padding-left: 2.42vw;
padding-right: 2.42vw;
padding: 0;
}
}
.fs-p-productSearch__field {
grid-gap: 7.05%;
grid-template-columns: 40.5882352941% 51.9607843137%;
max-width: 1020px;
margin: 0 auto;
}
.fs-c-inputTable__headerCell {
border-bottom: 1px solid #747474;
padding: 0 0 14px;
margin-bottom: 14px;
}
.fs-c-inputTable > tbody > tr + tr {
margin-top: 14px;
}
.fs-c-inputTable__dataCell {
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-inputTable__dataCell {
font-size: 14px;
}
}
.fs-c-inputTable__dataCell input[type=text], .fs-c-inputTable__dataCell input[type=number], .fs-c-inputTable__dataCell input[type=tel], .fs-c-inputTable__dataCell input[type=email], .fs-c-inputTable__dataCell textarea {
width: 100%;
border: 1px solid #D9D9D9;
padding: 0.5em;
}
.fs-c-inputTable__dataCell #fs_input_productSearchKeyword {
width: calc(100% - 10px);
}
.fs-c-inputTable__dataCell #fs_input_productSearchPrice1,
.fs-c-inputTable__dataCell #fs_input_productSearchPrice2 {
margin-right: 0.5em;
max-width: 113px;
}
.fs-c-inputTable__dataCell .fs-c-inputTextGroup {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.fs-c-inputTable__dataCell .fs-c-inputTextGroup .fs-c-inputTextGroup__item {
flex: none;
width: 45%;
}
.fs-p-productSearch__searchButton {
color: #000000;
border: 1px solid #000000;
border-radius: 25px;
background-color: #fff;
font-size: 1.8em;
min-width: 182px;
margin: 10px auto;
transition: 0.3s;
}
@media (max-width: 768px) {
.fs-p-productSearch__searchButton {
font-size: 15px;
}
}
.fs-p-productSearch__searchButton:before {
display: none;
}
.fs-p-productSearch__searchButton:hover {
background-color: #000000;
color: #fff;
opacity: 1;
}
.global-nav__item > a:link, .global-nav__item > a:visited, .global-nav__item > label {
color: #000000;
}
.global-subnav.search01-nav__wrap, .global-subnav.search02-nav__wrap, .global-subnav.search03-nav__wrap, .global-subnav.search04-nav__wrap {
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.global-subnav.search01-nav__wrap, .global-subnav.search02-nav__wrap, .global-subnav.search03-nav__wrap, .global-subnav.search04-nav__wrap {
padding: 0;
}
}
.search01-nav__list,
.search02-nav__list,
.search03-nav__list,
.search04-nav__list {
margin: 0px !important;
}
.search01-nav__list,
.search02-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search01-nav__list {
padding-top: 0;
padding-bottom: 53px;
}
@media (max-width: 768px) {
.search01-nav__list {
padding-bottom: 4.6875vw;
}
}
.search01-nav__list .search01-nav__item {
width: calc((100% - 28px) / 5);
margin-right: 7px;
margin-bottom: 7px;
}
@media (max-width: 1200px) {
.search01-nav__list .search01-nav__item {
width: calc((100% - 21px) / 4);
}
}
@media (max-width: 768px) {
.search01-nav__list .search01-nav__item {
width: calc((100% - 7px) / 2);
margin-bottom: 7px;
}
}
.search01-nav__list .search01-nav__item:nth-child(5n) {
margin-right: 0;
}
@media (max-width: 1200px) {
.search01-nav__list .search01-nav__item:nth-child(5n) {
margin-right: 7px;
}
}
@media (max-width: 768px) {
.search01-nav__list .search01-nav__item:nth-child(5n) {
margin-right: auto;
}
}
@media (max-width: 1200px) {
.search01-nav__list .search01-nav__item:nth-child(4n) {
margin-right: 0;
}
}
@media (max-width: 768px) {
.search01-nav__list .search01-nav__item:nth-child(2n-1) {
margin-left: 0;
margin-right: 7px;
}
.search01-nav__list .search01-nav__item:nth-child(2n) {
margin-right: 0;
margin-left: 0;
}
}
.search01-nav__list .search01-nav__item .search01-nav__link {
background-color: #000000;
display: block;
}
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__img {
position: relative;
z-index: 0;
overflow: hidden;
width: 100%;
}
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__img:before {
content: "";
display: block;
}
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__img img, .search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__img source {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
object-fit: cover;
}
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__img:before {
padding-top: 80%;
}
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__img img {
opacity: 0.6;
transition: 0.3s;
}
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__title {
position: absolute;
color: #fff;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
text-align: center;
display: block;
width: 100%;
top: 50%;
transform: translateY(-50%);
font-size: 26px;
}
@media (max-width: 768px) {
.search01-nav__list .search01-nav__item .search01-nav__link .search01-nav__title {
font-size: 16px;
}
}
.search01-nav__list .search01-nav__item .search01-nav__link:hover img {
opacity: 1;
}
.search02-nav__list {
padding-top: 30px;
padding-bottom: 50px;
}
@media (max-width: 768px) {
.search02-nav__list {
padding-top: 0;
padding-bottom: 7.2vw;
}
}
.search02-nav__list .search02-nav__item {
width: 17.1875%;
margin-right: 3.515%;
margin-bottom: 10px;
text-align: center;
}
@media (max-width: 768px) {
.search02-nav__list .search02-nav__item {
width: 44.5vw;
padding: 2vw;
margin: 0;
}
.search02-nav__list .search02-nav__item:nth-child(2n-1) {
margin-right: 0;
border-right: 1px solid #D9D9D9;
}
.search02-nav__list .search02-nav__item:nth-of-type(3), .search02-nav__list .search02-nav__item:nth-of-type(4), .search02-nav__list .search02-nav__item:nth-of-type(5) {
border-top: 1px solid #D9D9D9;
}
.search02-nav__list .search02-nav__item:nth-of-type(4) {
border-bottom: 1px solid #D9D9D9;
}
}
.search02-nav__list .search02-nav__item:nth-child(5n) {
margin-right: 0;
}
.search02-nav__list .search02-nav__item .search02-nav__title {
font-size: 18px;
padding-top: 0.5em;
}
@media (max-width: 768px) {
.search02-nav__list .search02-nav__item .search02-nav__title {
font-size: 16px;
line-height: 1.5;
padding: 0.8em 0;
}
}
.search03-nav__wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: calc(1180px + 4vw);
padding: 30px 2vw 40px;
}
@media (max-width: 768px) {
.search03-nav__wrap {
display: block;
}
}
.search03-nav__wrap .search03-nav__category {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
margin: 0 2.734375%;
border-top: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
.search03-nav__wrap .search03-nav__category {
margin: 0 2.34vw;
width: 95.32%;
}
}
.search03-nav__wrap .search03-nav__category .search03-nav__title {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 30px;
padding-top: 20px;
margin-right: 2em;
width: 1.5em;
line-height: 0.25;
letter-spacing: 0.2em;
transform: translateY(-1px);
position: relative;
}
@media (max-width: 768px) {
.search03-nav__wrap .search03-nav__category .search03-nav__title {
font-size: 20px;
width: 2.5em;
}
}
.search03-nav__wrap .search03-nav__category .search03-nav__title:before {
content: "";
height: 2px;
width: 1em;
background-color: #DA3B15;
display: block;
position: absolute;
top: 0;
left: 0;
}
.search03-nav__wrap .search03-nav__category .search03-nav__list {
padding: 25px 0 0 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.search03-nav__wrap .search03-nav__category .search03-nav__list {
padding-top: 5.2vw;
padding-bottom: 5.2vw;
}
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item {
margin-bottom: 30px;
padding-right: 2em;
}
@media (max-width: 768px) {
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item {
margin-bottom: 20px;
}
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: 0.3s;
padding-left: 48px;
position: relative;
min-height: 32px;
}
@media (max-width: 768px) {
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link {
padding-left: 9vw;
min-height: 6.25vw;
font-size: 16px;
}
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:before, .search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:after {
content: "";
display: block;
border-radius: 50%;
width: 32px;
height: 32px;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
@media (max-width: 768px) {
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:before, .search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:after {
width: 6.25vw;
height: 6.25vw;
}
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:before {
border: 1px solid #F5CBC1;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
transform: rotate(-90deg);
background-size: 7px 13px;
z-index: 1;
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:after {
background-color: transparent;
border: 1px solid transparent;
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:hover:before {
background-color: transparent;
border: 1px solid transparent;
filter: brightness(0) invert(1);
}
.search03-nav__wrap .search03-nav__category .search03-nav__list .search03-nav__item .search03-nav__link:hover:after {
background-color: #DA3B15;
border: 1px solid #DA3B15;
}
.search04-nav__wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: calc(1180px + 4vw);
padding: 30px 2vw 40px;
}
@media (max-width: 1200px) {
.search04-nav__wrap {
display: block;
}
}
.search04-nav__wrap .search04-nav__category {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 94.53125%;
margin: 0 2.734375%;
border-top: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
.search04-nav__wrap .search04-nav__category {
margin-bottom: 7.81vw;
}
}
.search04-nav__wrap .search04-nav__category .search04-nav__title {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 30px;
padding-top: 20px;
margin-right: 2em;
width: 1.5em;
line-height: 0.25;
letter-spacing: 0.2em;
transform: translateY(-1px);
position: relative;
}
@media (max-width: 768px) {
.search04-nav__wrap .search04-nav__category .search04-nav__title {
font-size: 20px;
width: 0.8em;
}
.search04-nav__wrap .search04-nav__category .search04-nav__title + dd {
width: calc(100% - 2.5em);
}
}
.search04-nav__wrap .search04-nav__category .search04-nav__title:before {
content: "";
height: 2px;
width: 1em;
background-color: #DA3B15;
display: block;
position: absolute;
top: 0;
left: 0;
}
.search04-nav__wrap .search04-nav__category .search04-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.search04-nav__wrap .search04-nav__category .search04-nav__list {
display: block;
}
}
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item {
font-size: 16px;
margin-left: 20px;
width: calc(50% - 20px);
position: relative;
}
@media (max-width: 768px) {
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item {
margin-left: 0;
width: 100%;
}
}
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item strong {
font-weight: normal;
}
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item:before {
content: "";
position: absolute;
display: block;
height: 1px;
width: 100%;
left: 0;
bottom: 0;
background-image: linear-gradient(to right, #D9D9D9, #D9D9D9 1px, transparent 1px, transparent 3px);
background-repeat: repeat-x;
background-size: 3px 1px;
}
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item .search04-nav__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: 0.3s;
position: relative;
width: 100%;
min-height: 70px;
font-weight: 300;
}
@media (max-width: 768px) {
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item .search04-nav__link {
padding: 0 5.2vw 0 2.6vw;
min-height: 13.02vw;
}
}
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item .search04-nav__link:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-size: 7px 13px;
width: 7px;
height: 13px;
display: block;
margin-left: auto;
transform: rotate(-90deg);
transition: 0.3s;
filter: brightness(0);
}
.search04-nav__wrap .search04-nav__category .search04-nav__list .search04-nav__item .search04-nav__link:hover:after {
filter: brightness(1);
} .fs-p-productSearch__search {
overflow-y: scroll;
overflow-x: hidden;
height: calc(100vh - 140px);
}
@media (max-width: 959px) {
.fs-p-productSearch__search {
overflow-y: auto;
}
}
@media (max-width: 768px) {
.fs-p-productSearch__search {
padding-bottom: 5.2vw;
height: 100vh;
}
}
.productSearch__inner {
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: left;
position: relative;
padding-top: 60px;
padding-bottom: 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 959px) {
.productSearch__inner {
display: block;
padding: 15.625vw 3.72vw 10.4vw;
}
}
@media (max-width: 768px) {
.productSearch__inner {
display: block;
padding: 3.9vw 5.2vw;
}
}
.productSearch__inner dt {
font-weight: bold;
border-top: 1px solid #D9D9D9;
padding: 20px 0;
}
@media (max-width: 959px) {
.productSearch__inner dt {
padding: 9vw 0 2.6vw;
}
}
@media (max-width: 768px) {
.productSearch__inner dt {
padding: 6.5vw 2.6vw 1.5vw;
}
}
.productSearch__inner dd {
padding: 0 0 20px;
}
@media (max-width: 959px) {
.productSearch__inner dd {
padding: 0 0 7.81vw;
}
}
@media (max-width: 768px) {
.productSearch__inner dd {
padding: 0 2.6vw 6.5vw;
}
.productSearch__inner dd .fs-c-checkboxGroup .fs-c-checkbox {
margin: 0.5em 2em 0.5em 0;
}
}
.productSearch__inner dd.productSearch--price {
white-space: nowrap;
}
.productSearch__inner dd.productSearch--stock {
padding-bottom: 30px;
}
.productSearch__inner dd input[type=text], .productSearch__inner dd input[type=number] {
background: #fff;
border-radius: 2px;
border: none;
height: 44px;
height: 42px;
padding: 0 10px;
margin-bottom: 10px;
font-size: 1em;
border: 1px solid #D9D9D9;
}
@media (max-width: 959px) {
.productSearch__inner dd input[type=text], .productSearch__inner dd input[type=number] {
height: 10.41vw;
}
}
.productSearch__inner dd input[type=text]::placeholder, .productSearch__inner dd input[type=number]::placeholder {
color: #D9D9D9;
}
.productSearch__inner dd input[type=text].fs_input_productSearchKeyword, .productSearch__inner dd input[type=number].fs_input_productSearchKeyword {
width: 100%;
}
.productSearch__inner dd input[type=text].fs_input_productSearchPrice1, .productSearch__inner dd input[type=text].fs_input_productSearchPrice2, .productSearch__inner dd input[type=number].fs_input_productSearchPrice1, .productSearch__inner dd input[type=number].fs_input_productSearchPrice2 {
width: calc(50% - 2.6em);
text-align: right;
}
.productSearch__inner dd input[type=text].fs_input_productSearchPrice1, .productSearch__inner dd input[type=number].fs_input_productSearchPrice1 {
margin-right: 0.5em;
}
.productSearch__inner dd input[type=text].fs_input_productSearchPrice2, .productSearch__inner dd input[type=number].fs_input_productSearchPrice2 {
margin: 0 0.5em;
}
.productSearch__inner dl {
width: 48.4375%;
border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
.productSearch__inner dl {
border-bottom: none;
}
}
.productSearch__inner dl + dl {
margin-left: 3.125%;
}
@media (max-width: 959px) {
.productSearch__inner dl + dl {
width: 100%;
margin: 0;
}
}
@media (max-width: 768px) {
.productSearch__inner dl + dl {
border-bottom: 1px solid #D9D9D9;
}
}
@media (max-width: 959px) {
.productSearch__inner dl {
width: 100%;
margin: 0;
}
}
.productSearch-checkbox__checkbox, .productSearch-radio__radio {
display: none;
}
.productSearch--checklist {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.productSearch--checklist .productSearch-checkbox__label {
width: 20%;
margin-bottom: 10px;
}
@media (max-width: 1400px) {
.productSearch--checklist .productSearch-checkbox__label {
width: 50%;
}
}
.productSearch--radiolist {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.productSearch--radiolist .productSearch-radio__label {
margin-bottom: 10px;
}
.productSearch__submit {
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
margin: 0 auto;
padding-bottom: 50px;
}
.submit-button {
background-color: #000000;
color: #fff;
border: none;
width: 200px;
height: 56px;
font-size: 16px;
transition: 0.3s;
}
.submit-button:hover {
background-color: #DA3B15;
}
@media (max-width: 768px) { .hamburger-nav-toggle {
position: fixed;
right: 4.42vw;
top: 10.82vw;
z-index: 100;
display: block;
width: 4.947vw;
height: 4.947vw;
font-size: 1em;
padding: 0 !important;
transition: 0.3s;
}
.hamburger-nav-toggle span {
top: 50%;
transform: transl ateY(-50%);
}
.hamburger-nav-toggle span, .hamburger-nav-toggle span:before, .hamburger-nav-toggle span:after {
content: "";
height: 0.4vw;
width: 4.947vw;
background: #000000;
display: block;
margin: 0 auto;
position: absolute;
transition: 0.3s;
}
.hamburger-nav-toggle span:before {
top: -1.56vw;
}
.hamburger-nav-toggle span:after {
top: 1.56vw;
}
header.fs-l-header.is-fixed .hamburger-nav-toggle { }
.hamburger-nav-control:checked + .hamburger-nav-toggle span {
background: transparent;
}
.hamburger-nav-control:checked + .hamburger-nav-toggle span:before {
top: -0.1rem;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger-nav-control:checked + .hamburger-nav-toggle span:after {
top: -0.1rem;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.global-nav {
position: fixed;
z-index: 10;
top: 19.5304166667vw;
left: 100%;
height: 100%;
-webkit-transform: translateY(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: 0.3s;
background-color: #FFFFFF;
padding: 0;
height: -webkit-fill-available;
overflow-y: scroll;
}
.pagedown .global-nav { }
.hamburger-nav-control:checked + .hamburger-nav-toggle + .global-nav {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow-y: auto;
width: 100vw;
padding-bottom: 20vw;
}
.hamburger-head {
display: block;
padding: 10vw 0 0;
margin-bottom: -1.3vw;
}
.hamburger-head .fs-l-header__welcomeMsg {
display: block;
text-align: center;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
.hamburger-head .fs-l-header__welcomeMsg.is-ready {
display: block;
}
.hamburger-head-nav__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 4.8vw auto 0;
padding: 0 5.2vw 7.81vw;
}
.hamburger-head-nav__list .hamburger-head-nav__item {
width: 50%;
}
.hamburger-head-nav__list .hamburger-head-nav__item:nth-of-type(1), .hamburger-head-nav__list .hamburger-head-nav__item:nth-of-type(2), .hamburger-head-nav__list .hamburger-head-nav__item:nth-of-type(3) {
border-bottom: 1px solid #D9D9D9;
}
.hamburger-head-nav__list .hamburger-head-nav__item:nth-of-type(2), .hamburger-head-nav__list .hamburger-head-nav__item:nth-of-type(3), .hamburger-head-nav__list .hamburger-head-nav__item:nth-of-type(5) {
border-left: 1px solid #D9D9D9;
}
.hamburger-head-nav__list .hamburger-head-nav__item.nav-login.my-false {
display: block;
}
.hamburger-head-nav__list .hamburger-head-nav__item.nav-login.my-true {
display: none;
}
.hamburger-head-nav__list .hamburger-head-nav__item.nav-logout.my-false {
display: none;
}
.hamburger-head-nav__list .hamburger-head-nav__item.nav-logout.my-true {
display: block;
}
.hamburger-head-nav__list .hamburger-head-nav__item a {
color: #000000;
height: 14.97vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.hamburger-head-nav__list .hamburger-head-nav__item a span {
margin-right: 0.3em;
font-size: 1.8em;
font-weight: 300;
}
.hamburger-nav {
background-color: #f8f8f8;
}
.hamburger-nav__list {
border-top: 1px solid #000000;
padding-bottom: 0;
}
.hamburger-nav__list .hamburger-nav__item {
border-bottom: 1px solid #000000;
}
.hamburger-nav__list .hamburger-nav__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 1.5em 1.3vw;
color: #000000;
}
.hamburger-nav__list .hamburger-nav__item a:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6.25px;
border-color: transparent transparent transparent #000000;
right: 5px;
}
} header .btn_close,
footer .btn_close {
text-align: center;
width: 75px;
height: 75px;
margin: 0 auto;
padding: 50px 0 100px;
}
header .btn_close span,
footer .btn_close span {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: #fff;
width: 75px;
height: 75px;
font-size: 12px;
margin: 0 auto;
}
header .btn_close span::before,
footer .btn_close span::before {
content: "×";
display: inline-block;
font-size: 50px;
line-height: 0.6;
margin-top: 5px;
vertical-align: middle;
}
#hd-menubox {
display: none;
width: 100vw;
background-color: #fff;
position: absolute;
top: 65px;
right: 0;
z-index: 999;
max-width: 375px;
transform: translateX(100%);
transition: 0.3s;
}
@media (max-width: 959px) {
#hd-menubox {
display: block;
}
}
@media (max-width: 599px) {
#hd-menubox {
max-width: 600px;
}
}
#hd-menubox.open {
transform: translateX(0);
} p.menu_txt {
line-height: 1;
font-size: 10px;
}
header .hd_menu_btn {
width: 46px;
height: 46px;
text-align: center;
cursor: pointer;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 28px;
height: 27px;
}
.menu-trigger span {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 28px;
height: 2px;
background-color: #101010;
}
.menu-trigger span:nth-of-type(1) {
top: 5px;
}
.menu-trigger span:nth-of-type(2) {
top: 14px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 2px;
} .hd_menu_btn.open .menu-trigger span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
.hd_menu_btn.open .menu-trigger span:nth-of-type(2) {
opacity: 0;
}
.hd_menu_btn.open .menu-trigger span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
} #hd-menubox-search {
background: #fff;
top: 72px;
max-width: 100%;
}
#hd-menubox-search > div,
#hd-menubox > div {
height: 92vh;
overflow: scroll;
}
section.hd-search input.fs-p-searchForm__input.fs-p-inputGroup__input,
section.hd-search .fs-p-searchForm__button {
background: #fff;
}
ul.list_col.list_member {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
ul.list_col.list_member li {
width: calc(50% - 5px);
text-align: center;
}
ul.list_col.list_member li a {
height: 55px;
border-radius: 3em;
border: 1px solid;
}
h3.side-h {
padding: 14.5px 3.2vw;
margin: 0;
color: #fff;
background-color: #2d2d2d;
}
h4.menu_ttl {
font-size: 1.75rem;
padding-bottom: 18px;
border-bottom: 1px solid;
margin-bottom: 8px;
}
.gnavi_l > ul > li:last-child {
border-bottom: 0;
}
.gnavi_l li {
border-bottom: 1px solid #cecece;
}
.gnavi_l li li a, .gnavi_l li li span {
background-color: #f9f9f9;
}
.gnavi_l li li li a, .gnavi_l li li li span {
background-color: #e8e8e8;
}
.gnavi_l li a,
.gnavi_l li span {
display: flex;
align-items: center;
height: 48px;
position: relative;
padding: 3px 4.4%;
}
.gnavi_l li a::after,
.gnavi_l li span::after {
content: "";
display: block;
width: 0.65em;
height: 0.65em;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto 0;
}
.gnavi_l li span {
border-bottom: 1px solid #cecece;
}
.gnavi_l li span::after {
transform: rotate(-45deg);
}
ul.gnavi li + li {
border-top: 1px solid #e5e5e5;
}
ul.gnavi li a::after {
right: calc(3.2vw + 20px);
} header .btn_close,
footer .btn_close {
padding: 6vw 0 calc(34vw + 44px);
} .fs-p-footerPageTop {
width: 78px;
position: fixed;
right: 2.4vw;
bottom: -20vw;
z-index: 99;
left: auto;
padding: 0;
transition: 0.3s;
}
.fs-p-footerPageTop .fs-p-footerPageTop__link,
.fs-p-footerPageTop .fs-p-footerHistory__link {
border-radius: 50%;
display: block;
border: 1px solid #000000;
background-color: #fff;
color: #000000;
border-radius: 50%;
position: relative;
text-align: center;
font-size: 0;
margin-top: 4px;
transition: 0.3s;
}
@media (max-width: 768px) {
.fs-p-footerPageTop .fs-p-footerPageTop__link,
.fs-p-footerPageTop .fs-p-footerHistory__link {
width: 7.81vw;
height: 7.81vw;
font-size: 0;
}
}
.fs-p-footerPageTop .fs-p-footerPageTop__link:before,
.fs-p-footerPageTop .fs-p-footerHistory__link:before {
content: "";
display: block;
transition: 0.3s;
}
.fs-p-footerPageTop .fs-p-footerPageTop__link:hover,
.fs-p-footerPageTop .fs-p-footerHistory__link:hover {
color: #fff;
opacity: 1;
background-color: #000000;
text-decoration: none;
}
.fs-p-footerPageTop .fs-p-footerPageTop__link:hover:before,
.fs-p-footerPageTop .fs-p-footerHistory__link:hover:before {
filter: brightness(0) invert(1);
}
.fs-p-footerPageTop .fs-p-footerPageTop__link {
width: 50px;
height: 50px;
}
@media (max-width: 768px) {
.fs-p-footerPageTop .fs-p-footerPageTop__link {
width: 30px;
height: 30px;
}
}
.fs-p-footerPageTop .fs-p-footerPageTop__link:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: brightness(0);
width: 50px;
height: 50px;
background-size: 11px 7px;
transform: rotate(180deg);
}
@media (max-width: 768px) {
.fs-p-footerPageTop .fs-p-footerPageTop__link:before {
width: 28px;
height: 28px;
background-size: 10px 7px;
}
}
.fs-p-footerPageTop .fs-p-footerHistory__link:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-history' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23682A2B;}%3C/style%3E%3Cpath id='ico-history' class='st0' d='M14.9,30c-3.9,0.1-7.7-1.5-10.4-4.2C1.7,23.1,0,19.4,0,15.5h2c0.1,3.4,1.5,6.6,3.9,8.9	c2.4,2.4,5.6,3.7,9,3.7c3.5,0.1,6.9-1.3,9.3-3.8c2.5-2.5,3.9-5.8,3.8-9.3c0.1-3.4-1.3-6.8-3.8-9.1c-2.5-2.4-5.8-3.8-9.3-3.7	C13,2,11.2,2.4,9.5,3.3c-1.7,0.8-3.2,2-4.4,3.3h4.5v2h-8V0.7h2v4.6C5,3.6,6.7,2.3,8.7,1.4C10.6,0.5,12.7,0,14.9,0c2,0,4,0.4,5.9,1.2	c1.8,0.8,3.4,1.8,4.8,3.2c1.4,1.4,2.5,3,3.2,4.8c0.8,1.8,1.2,3.8,1.2,5.8c0,2-0.4,4-1.2,5.9c-0.8,1.8-1.9,3.4-3.2,4.8	c-1.4,1.4-3,2.5-4.8,3.2C18.9,29.6,16.9,30,14.9,30z M20.7,22l-6.6-6.6V6.1h2v8.5l6.1,6L20.7,22z'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
margin: 0.8em auto 0.2em;
}
@media (max-width: 768px) {
.fs-p-footerPageTop .fs-p-footerHistory__link:before {
margin: 6px auto 0;
width: 18px;
height: 18px;
}
}
.pagedown .fs-p-footerPageTop {
bottom: 2vw;
} .sns-icon__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.sns-icon__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.sns-icon__list .sns-icon__item {
margin-right: 16px;
}
.sns-icon__list .sns-icon__item a {
font-size: 0;
transition: 0.3s;
}
.sns-icon__list .sns-icon__item a:before {
content: "";
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.sns-icon__list .sns-icon__item a:hover {
opacity: 0.7;
}
.ico-facebook:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-facebook' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 7.7 14.5' style='enable-background:new 0 0 7.7 14.5;' xml:space='preserve'%3E%3Cpath id='Facebook' d='M7.2,8.1H5.1v6.3H2.3V8.1H0V5.5h2.3v-2c0-0.7,0.1-1.3,0.4-1.9C3,1.1,3.4,0.7,3.9,0.4C4.5,0.1,5.1,0,5.7,0	c0.3,0,0.6,0,1,0c0.3,0,0.5,0.1,0.8,0.1l0.3,0v2.2H6.6c-0.4,0-0.8,0.1-1.1,0.4c-0.2,0.3-0.4,0.6-0.4,1v1.7h2.5L7.2,8.1z'/%3E%3C/svg%3E");
}
.ico-instagram:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-ig' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23000000;}%3C/style%3E%3Cpath id='ico-instagram' class='st0' d='M8,0C5.8,0,5.6,0,4.7,0C4,0.1,3.4,0.2,2.8,0.4c-0.5,0.2-1,0.5-1.4,0.9	C0.9,1.7,0.6,2.2,0.4,2.8C0.2,3.4,0.1,4,0,4.7C0,5.6,0,5.8,0,8s0,2.4,0,3.3c0,0.7,0.1,1.3,0.4,1.9c0.4,1.1,1.3,1.9,2.3,2.3	C3.4,15.8,4,15.9,4.7,16c0.9,0,1.1,0,3.3,0s2.4,0,3.3,0c0.7,0,1.3-0.1,1.9-0.4c1.1-0.4,1.9-1.3,2.3-2.3c0.2-0.6,0.4-1.3,0.4-1.9	c0-0.9,0-1.1,0-3.3s0-2.4,0-3.3c0-0.7-0.1-1.3-0.4-1.9c-0.2-0.5-0.5-1-0.9-1.4c-0.4-0.4-0.9-0.7-1.4-0.9C12.6,0.2,12,0.1,11.3,0	C10.4,0,10.2,0,8,0L8,0z M7.3,1.4H8c2.1,0,2.4,0,3.2,0c0.5,0,1,0.1,1.5,0.3c0.3,0.1,0.7,0.3,0.9,0.6c0.3,0.3,0.5,0.6,0.6,0.9	c0.2,0.5,0.3,1,0.3,1.5c0,0.8,0,1.1,0,3.2s0,2.4,0,3.2c0,0.5-0.1,1-0.3,1.5c-0.3,0.7-0.8,1.2-1.5,1.5c-0.5,0.2-1,0.3-1.5,0.3	c-0.8,0-1.1,0-3.2,0s-2.4,0-3.2,0c-0.5,0-1-0.1-1.5-0.3c-0.3-0.1-0.7-0.3-0.9-0.6c-0.3-0.3-0.5-0.6-0.6-0.9c-0.2-0.5-0.3-1-0.3-1.5	c0-0.8,0-1.1,0-3.2s0-2.4,0-3.2c0-0.5,0.1-1,0.3-1.5c0.1-0.3,0.3-0.7,0.6-0.9c0.3-0.3,0.6-0.5,0.9-0.6c0.5-0.2,1-0.3,1.5-0.3	C5.5,1.4,5.8,1.4,7.3,1.4L7.3,1.4L7.3,1.4z M12.3,2.8c-0.5,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1S12.8,2.8,12.3,2.8L12.3,2.8z M8,3.9	C5.7,3.9,3.9,5.7,3.9,8c0,2.3,1.8,4.1,4.1,4.1c2.3,0,4.1-1.8,4.1-4.1l0,0C12.1,5.7,10.3,3.9,8,3.9C8,3.9,8,3.9,8,3.9z M8,5.3	c1.5,0,2.7,1.2,2.7,2.7S9.5,10.7,8,10.7S5.3,9.5,5.3,8c0,0,0,0,0,0C5.3,6.5,6.5,5.3,8,5.3z'/%3E%3C/svg%3E");
}
.ico-twitter-x:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='x' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 240 240' style='enable-background:new 0 0 240 240;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23000000;}%3C/style%3E%3Cpath class='st0' d='M229.9,4.8h-19.1L137,90.4l8.5,12.3L229.9,4.8z M78.1,4.8H10.3l88.9,129.3l-88.9,103h19.1l78.3-90.7l61.8,89.8	h67.8L78.1,4.8z M39.4,20.1h30.7L208.2,221h-30.7L39.4,20.1z'/%3E%3C/svg%3E");
}
.ico-twitter:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-tw' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 16 13' style='enable-background:new 0 0 16 13;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23000000;}%3C/style%3E%3Cpath id='ico-twitter' class='st0' d='M5,13c5.1,0,9.3-4.1,9.3-9.2c0,0,0-0.1,0-0.1c0-0.1,0-0.3,0-0.4c0.6-0.5,1.2-1,1.6-1.7	c-0.6,0.3-1.2,0.4-1.9,0.5c0.7-0.4,1.2-1.1,1.4-1.8c-0.6,0.4-1.4,0.7-2.1,0.8c-1.2-1.3-3.3-1.4-4.6-0.2C8,1.7,7.6,2.9,7.9,4	C5.2,3.9,2.8,2.7,1.1,0.6C0.2,2.1,0.7,4,2.1,5c-0.5,0-1-0.2-1.5-0.4v0c0,1.6,1.1,2.9,2.6,3.2C3,7.9,2.7,8,2.4,8C2.2,8,2,7.9,1.8,7.9	c0.4,1.3,1.7,2.2,3.1,2.3c-1.2,0.9-2.6,1.4-4.1,1.4c-0.3,0-0.5,0-0.8,0C1.5,12.5,3.2,13,5,13z'/%3E%3C/svg%3E");
}
.ico-line:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23000000;}%3C/style%3E%3Cpath id='LINE' class='st0' d='M90.9,57.8v23.5c0.1,0.5-0.3,0.9-0.7,1c-0.1,0-0.2,0-0.3,0h-3.6c-0.4,0-0.7-0.1-1-0.3L74.3,67.4v13.9	c0,0.9-0.3,1.3-1,1.3h-3.6c-0.6,0.1-1.2-0.4-1.3-1c0-0.1,0-0.2,0-0.3V57.8c0-0.7,0.4-1,1.3-1h3.6c0.4,0,0.7,0.1,1,0.3L85,71.7V57.8	c-0.1-0.5,0.3-0.9,0.7-1c0.1,0,0.2,0,0.3,0h4c0.5-0.1,0.9,0.3,1,0.8C90.9,57.6,90.9,57.7,90.9,57.8z M63.8,56.8	c0.5-0.1,0.9,0.3,1,0.7c0,0.1,0,0.2,0,0.3v23.5c0.1,0.5-0.3,0.9-0.7,1c-0.1,0-0.2,0-0.3,0h-3.7c-0.5,0.1-0.9-0.3-1-0.8	c0-0.1,0-0.2,0-0.2V57.8c-0.1-0.5,0.3-0.9,0.7-1c0.1,0,0.2,0,0.3,0H63.8z M54.8,76.7c0.5-0.1,0.9,0.3,1,0.7c0,0.1,0,0.2,0,0.3v3.6	c0,0.7-0.4,1-1.3,1H39.6c-0.2,0-0.5-0.1-0.7-0.2c-0.2-0.1-0.3-0.4-0.3-0.8V57.8c-0.1-0.5,0.3-0.9,0.7-1c0.1,0,0.2,0,0.3,0h3.6	c0.9,0,1.3,0.3,1.3,1v18.9L54.8,76.7z M110.7,56.8c0.5-0.1,0.9,0.3,1,0.7c0,0.1,0,0.2,0,0.3v4c0.1,0.5-0.3,0.9-0.7,1	c-0.1,0-0.2,0-0.3,0h-10.3v4h10.3c0.5-0.1,0.9,0.3,1,0.7c0,0.1,0,0.2,0,0.3v4c0.1,0.5-0.3,0.9-0.7,1c-0.1,0-0.2,0-0.3,0h-10.3v4	h10.3c0.5-0.1,0.9,0.3,1,0.7c0,0.1,0,0.2,0,0.3v3.6c0.1,0.5-0.3,0.9-0.7,1c-0.1,0-0.2,0-0.3,0H95.5c-0.5,0.1-0.9-0.3-1-0.7	c0-0.1,0-0.2,0-0.3V57.8c-0.1-0.5,0.3-0.9,0.7-1c0.1,0,0.2,0,0.3,0L110.7,56.8z M149.1,28v94.3c0.1,7.2-2.7,14.1-7.9,19.1	c-5.1,5.1-12,7.9-19.2,7.8H27.7c-7.2,0.1-14.1-2.7-19-7.9c-5.1-5.1-7.9-12-7.8-19.2V27.7C0.7,20.5,3.6,13.6,8.8,8.6	c5.1-5.1,12-7.9,19.2-7.8h94.3c7.2-0.1,14.1,2.7,19.1,7.9C146.5,13.9,149.3,20.8,149.1,28L149.1,28z M128.6,68.4	c-0.1-12.2-5.9-23.6-15.7-30.8c-10.7-8.7-24.2-13.3-38.1-12.9C61,24.3,47.4,28.9,36.6,37.6c-9.9,7.2-15.7,18.6-15.9,30.8	c0,10.9,4.7,21.3,12.9,28.5c8.9,8.3,20.3,13.5,32.4,14.9c2.9,0.7,4.5,1.8,4.8,3.5c0.2,2.9,0,5.9-0.8,8.8c0,0.7,0,1.1,0,1.3	c0,0.5,0.1,1,0.2,1.5c0.1,0.8,0.6,1,1.3,0.8s1.8-0.6,3.1-1c3.8-1.7,7.4-3.7,10.9-6c5.9-3.7,11.6-7.6,17-11.9	c5.3-4,10.2-8.4,14.7-13.2C124.3,88.2,128.3,78.5,128.6,68.4z'/%3E%3C/svg%3E");
}
.fs-l-footer {
background-color: #fff;
border-top: 1px solid #000000;
color: #000000;
margin-top: 0;
}
@media (max-width: 768px) {
body:not(.fs-body-top) .fs-l-footer {
margin-top: 13.02vw;
}
}
.fs-l-footer__contents {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 40px 2vw;
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.fs-l-footer__contents {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 0 2vw;
}
}
.footer-info {
padding-bottom: 0;
margin: 0 auto 0 0;
align-items: flex-start;
}
@media (max-width: 768px) {
.footer-info .fs-l-header__logo {
margin: 0 auto;
padding: 30px 0;
}
}
.footer-info .fs-l-header__logo .fs-p-logo {
width: 234px;
padding: 0 0 33px;
background-color: #fff;
}
.footer-info .fs-l-header__logo .fs-p-logo img {
width: 100%;
}
@media (max-width: 768px) {
.footer-info .fs-l-header__logo .fs-p-logo {
padding: 16px 0;
margin: 0 auto;
width: 240px;
}
}
.footer-info .footer-address {
margin: 20px 0;
}
@media (max-width: 768px) {
.footer-info .footer-address {
text-align: center;
}
}
.footer-nav {
margin: 0 0 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 959px) {
.footer-nav {
display: block;
width: 70%;
}
}
@media (max-width: 768px) {
.footer-nav {
padding: 7.2vw 0 0;
width: 100%;
}
}
.footer-nav .fs-p-footerUtilityMenu__register.my-true,
.footer-nav .fs-p-footerUtilityMenu__logout.nav-login.my-false {
display: none;
}
.footer-nav .is-register-true {
display: none;
}
.footer-nav .is-login--true {
display: none;
}
.footer-nav .is-logout--false {
display: none;
}
@media (max-width: 959px) {
.footer-nav .footer-nav__category + .footer-nav__category {
margin-top: 4em;
}
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 5.2vw;
}
}
.footer-nav .footer-nav__category .footer-nav__title {
font-weight: 700;
margin-bottom: 30px;
padding-left: 20px;
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category .footer-nav__title {
font-size: 24px;
writing-mode: vertical-rl;
letter-spacing: 0.15em;
padding-top: 2.6vw;
}
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category .footer-nav__body {
width: 70vw;
}
}
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item {
margin: 0 40px 15px 0;
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item {
margin: 0;
}
}
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 2.6vw 0;
}
}
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item a:before {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
margin-left: 0.5em;
filter: brightness(0);
transition: 0.3s;
background-size: 8px 4px;
width: 28px;
height: 28px;
transform: rotate(-90deg);
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item a:before {
width: 10px;
height: 5px;
margin-right: 0.5em;
}
}
.footer-nav .footer-nav__category .footer-nav__body .footer-nav__list .footer-nav__item a:hover:before {
filter: brightness(1);
}
.footer-nav .footer-nav__category + .footer-nav__category {
margin-right: -40px;
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category + .footer-nav__category {
margin-right: 0;
}
}
.footer-nav .footer-nav__category + .footer-nav__category .footer-nav__body .footer-nav__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
@media (max-width: 768px) {
.footer-nav .footer-nav__category + .footer-nav__category .footer-nav__body .footer-nav__list {
display: block;
column-count: unset;
}
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item {
margin-bottom: 5px;
}
@media (max-width: 768px) {
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item {
margin: 0;
border-bottom: 1px solid #fff;
font-size: 14px;
}
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__heading {
display: inline-block;
}
@media (max-width: 959px) {
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__heading {
display: block;
font-size: 14px;
}
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__heading a {
border: none;
}
@media (max-width: 768px) {
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__heading a {
padding: 1.5em 0;
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__heading a:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6.25px;
border-color: transparent transparent transparent #fff;
right: 5px;
}
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__link {
display: inline-block;
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__link:before {
display: none;
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__link:hover {
color: #fff;
text-decoration: underline;
}
@media (max-width: 959px) {
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item .fs-pt-menu__link {
display: block;
}
}
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item:not(:last-child):after {
content: "/";
padding: 0 0.5em 0 1em;
}
@media (max-width: 959px) {
.footer-nav .fs-p-footerUtilityMenu__list .fs-pt-menu__item:not(:last-child):after {
display: none;
}
}
body:not(.fs-body-top) .fs-l-footer {
margin-top: 100px;
}
@media (max-width: 768px) {
body:not(.fs-body-top) .fs-l-footer {
margin-top: 0;
}
}
.fs-l-footer .fs-p-footerCopyright {
background: none;
margin: 0 auto;
z-index: 0;
position: relative;
width: auto;
padding-top: 30px;
padding-bottom: 40px;
}
@media (max-width: 768px) {
.fs-l-footer .fs-p-footerCopyright {
padding: 0;
}
}
.fs-l-footer .fs-p-footerCopyright .fs-p-footerCopyright__text {
font-size: 12px;
color: #000000;
}
@media (max-width: 768px) {
.fs-l-footer .fs-p-footerCopyright .fs-p-footerCopyright__text {
padding: 2vw;
text-align: center;
}
}
.fs-l-footer .button__item {
margin-right: auto;
font-size: 1.6em;
z-index: 1;
position: relative;
}
@media (max-width: 768px) {
.fs-l-footer .button__item {
font-size: 14px;
}
}
.fs-l-footer .button__item .material-symbols-outlined {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
font-size: 0;
margin-right: 10px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-mail' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 20 16' style='enable-background:new 0 0 20 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23000000;}%3C/style%3E%3Cpath id='ico-mail' class='st0' d='M1.5,16c-0.4,0-0.8-0.2-1.1-0.5c-0.3-0.3-0.5-0.7-0.4-1v-13c0-0.4,0.2-0.8,0.4-1	C0.7,0.2,1.1,0,1.5,0h17c0.4,0,0.8,0.2,1.1,0.5c0.3,0.3,0.5,0.7,0.4,1v13c0,0.4-0.2,0.8-0.4,1c-0.3,0.3-0.7,0.5-1.1,0.5H1.5z	 M10,8.5L1.5,2.9v11.6h17V2.9L10,8.5z M10,7l8.4-5.5H1.6L10,7z M1.5,2.9L1.5,2.9z'/%3E%3C/svg%3E");
filter: none;
width: 18px;
height: 14px;
background-size: 18px 14px;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.fs-l-footer .button__item .material-symbols-outlined {
width: 16px;
height: 12.5px;
background-size: 16px 12.5px;
}
}
@media (max-width: 768px) {
.fs-l-footer .button__item .button__link {
width: 91.16vw;
height: 13.67vw !important;
}
}
.fs-l-footer .button__item .button__link:hover .material-symbols-outlined {
filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
.fs-l-footer .button__item .button__link:hover .material-symbols-outlined {
filter: brightness(0) invert(1);
}
}
.fs-p-scrollingCartButton {
width: 47px;
height: 47px;
position: fixed;
right: 1.2vw;
bottom: 1.2vw;
z-index: 99;
}
@media (max-width: 768px) {
.fs-p-scrollingCartButton {
width: 60px;
height: 60px;
right: 2vw;
bottom: 2px;
}
}
.fs-p-scrollingCartButton__button {
display: block;
width: 100%;
height: 100%;
position: relative;
background-color: #2d2d2d;
border-radius: 50%;
opacity: 1;
}
.fs-p-scrollingCartButton__icon {
font-size: 20px;
}
.fs-icon--cart:before {
position: absolute;
top: calc(50% - 10px);
left: 0;
right: 0;
margin: auto;
}
.fs-p-scrollingCartButton__label {
display: none;
}
@media (max-width: 768px) { div.cal_wrapper {
width: 49%;
padding: 10px 5px 18px;
}
div.cal_wrapper table.cal tr td {
padding: 0 2px;
} .PageTop {
right: 3.2vw;
margin-left: auto;
} div#ft_fixed {
display: none;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 99;
padding-bottom: env(safe-area-inset-bottom);
}
div#ft_fixed .flex {
display: flex;
justify-content: space-between;
}
div#ft_fixed li {
width: 20%;
height: 61px;
border-top: 1px solid #e5e5e5;
}
div#ft_fixed li + li a {
border-left: 1px solid #e5e5e5;
text-decoration: none;
}
div#ft_fixed li a {
display: block;
text-align: center;
background-color: #fff;
width: 100%;
height: 100%;
padding: 3px 0 0;
font-size: 10px;
}
div#ft_fixed li img {
display: block;
max-width: 40px;
max-height: 40px;
margin: 0 auto;
}
}
.fs-c-radioGroup, .fs-c-checkboxGroup {
display: flex;
flex-direction: column;
gap: 8px 16px;
}
.fs-p-productSearch .fs-c-radioGroup {
gap: 10px 0px;
}
@media screen and (min-width: 600px) {
.fs-c-radioGroup, .fs-c-checkboxGroup {
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
}
@media (max-width: 768px) {
.fs-c-radioGroup {
flex-direction: row;
flex-wrap: wrap;
}
}
.category-page-wide .container,
.category-page-wide .site-main {
max-width: 1280px !important;
margin: 0 auto;
}
.col-inner ol li, .col-inner ul li, .entry-content ol li, .entry-content ul li, .entry-summary ol li, .entry-summary ul li {
margin-left: 0px;
}
#yith-wcwl-icon-heart-outline {max-width: 25px;}
.fs-c-productList .box-text {
padding-left: 0px;
padding-right: 0px;
}
.fs-c-productList .has-box-text .box-text {
display: block; background: none;
padding: 0;
border: none;
}

body#fs_Top .fs-pt-carousel.fs-c-slick {
padding: 140px 0 0;
}
@media (max-width: 768px) {
body#fs_Top .fs-pt-carousel.fs-c-slick {
padding-top: 19.53125vw;
}
}
body#fs_Top .fs-pt-carousel.fs-c-slick .fs-pt-carousel__slide__caption {
display: none;
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-slide {
margin: 0 2.5px;
line-height: 1;
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-prev {
left: 2vw;
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-next {
right: 2vw;
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots {
padding: 20px 0;
bottom: -50px;
}
@media (max-width: 768px) {
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots {
padding: 0;
bottom: -20px;
}
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots li {
margin: 0 10px;
}
@media (max-width: 768px) {
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots li {
margin: 0 1.5625vw;
}
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots li button:before {
width: 10px;
height: 10px;
background-color: #D6D6D6;
display: block;
border-radius: 50%;
font-size: 0;
opacity: 1;
}
@media (max-width: 768px) {
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots li button:before {
width: 2.08vw;
height: 2.08vw;
}
}
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-dots li.slick-active button::before {
background-color: #DA3B15;
}
@media (max-width: 768px) {
body#fs_Top .fs-pt-carousel.fs-c-slick .slick-arrow {
display: none !important;
}
}
body#fs_Top .fs-l-pageMain {
max-width: 100%;
padding-bottom: 0;
}
body#fs_Top .fs-l-pageMain > section { }
@media (max-width: 768px) {
body#fs_Top .fs-l-pageMain > section { }
}
.sec-index {
padding-bottom: 100px;
position: relative;
}
@media (max-width: 959px) {
.sec-index {
padding-bottom: 50px;
}
}
@media (max-width: 768px) {
.sec-index {
padding-bottom: 10.2vw;
}
.sec-index .flywheel-recommend__frame .fr3-productListStatic, .sec-index .flywheel-recommend__frame .fr3-productListStatic__responsive_2 {
grid-template-columns: repeat(2, 1fr);
padding: 0;
gap: 5.2vw;
}
.sec-index .flywheel-recommend__frame .fr3-productListStatic .fr3-item, .sec-index .flywheel-recommend__frame .fr3-productListStatic__responsive_2 .fr3-item {
width: 100%;
}
}
.index-banner__list {
padding: 40px 0 54px;
margin: -13px -13px 0;
}
@media (max-width: 768px) {
.index-banner__list {
margin: 0;
padding: 6.11vw 2.91vw 15.62vw;
display: block;
}
}
.index-banner__list .fs-pt-column__item {
padding: 13px;
}
@media (max-width: 768px) {
.index-banner__list .fs-pt-column__item {
padding: 0 0 3.9vw;
}
.index-banner__list .fs-pt-column__item:last-of-type {
padding-bottom: 0;
}
}
.sec-ranking {
padding-bottom: 50px;
position: relative;
}
@media (max-width: 768px) {
.sec-ranking {
padding-bottom: 7.81vw;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic {
counter-reset: number;
padding: 0 20px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic {
grid-template-columns: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item {
position: relative;
padding-left: 20px;
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:before {
position: absolute;
z-index: 1;
top: 0;
left: 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
counter-increment: number;
color: #585858;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
background-color: #CECECE;
content: counter(number);
font-size: 22px;
width: 24px;
height: 30px;
padding-top: 26px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:before {
width: 22px;
height: 40px;
padding-top: 20px;
line-height: 1;
font-size: 16.5px;
left: 2vw;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productName {
font-size: 18px;
line-height: 1.5;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productName {
font-size: 14px;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productPrice__currencyMark,
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productPrice__value {
font-size: 16px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productPrice__currencyMark,
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productPrice__value {
font-size: 12px;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item .fr3-item__productPrice__addon {
font-size: 12px;
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) {
padding-left: 0;
padding-right: 40px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) {
padding: 0 2.2vw;
margin: 0 0 5.2vw;
width: 100%;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1):before {
background-color: #BDA366;
color: #fff;
width: 40px;
height: 50px;
padding-top: 40px;
font-size: 30px;
left: 10px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1):before {
width: 22px;
height: 40px;
padding-top: 20px;
line-height: 1;
font-size: 16.5px;
left: 4.2vw;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productPrice__price {
padding-top: 10px;
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productName {
font-size: 34px;
padding-top: 0.5em;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productName {
font-size: 22px;
padding-top: 0;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productPrice__currencyMark,
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productPrice__value {
font-size: 30px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productPrice__currencyMark,
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productPrice__value {
font-size: 16px;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(1) .fr3-item__productPrice__addon {
font-size: 16px;
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(2) {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(2) {
margin-bottom: 5.2vw;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(2):before {
background-color: #ABA8A8;
color: #fff;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(2) {
margin-left: 2.2vw;
margin-right: 2.7vw;
width: calc(50% - 4.9vw);
padding-left: 0;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(3) {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(3) {
margin-bottom: 5.2vw;
}
}
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(3):before {
background-color: #884900;
color: #fff;
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(3) {
margin-left: 2.7vw;
margin-right: 2.2vw;
width: calc(50% - 4.9vw);
padding-left: 0;
}
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(4) {
margin-left: 2.2vw;
margin-right: 2.7vw;
margin-bottom: 5.2vw;
width: calc(50% - 4.9vw);
padding-left: 0;
}
}
@media (max-width: 768px) {
.sec-ranking .flywheel-recommend__frame .fr3-productListStatic .fr3-item:nth-of-type(5) {
margin-left: 2.7vw;
margin-right: 2.2vw;
margin-bottom: 5.2vw;
width: calc(50% - 4.9vw);
padding-left: 0;
}
}
.sec-ranking + .index-banner__list {
position: relative;
padding-top: 67px;
padding-bottom: 67px;
}
@media (max-width: 768px) {
.sec-ranking + .index-banner__list {
padding-top: 13vw;
padding-bottom: 13vw;
}
}
.sec-ranking + .index-banner__list:after {
content: "";
display: block;
position: absolute;
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #D9D9D9;
height: 1px;
}
@media (max-width: 768px) {
.ranking__list .fr3-productListStatic .fr3-item {
margin-bottom: 25px;
}
.ranking__list .fr3-productListStatic .fr3-item:first-of-type {
width: 100%;
}
.ranking__list .fr3-productListStatic .fr3-item:first-of-type .fr3-item__productName,
.ranking__list .fr3-productListStatic .fr3-item:first-of-type .fr3-item__productPrice {
font-size: 16px;
}
}
.sort-tab ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 20px;
align-items: stretch;
}
@media (max-width: 768px) {
.sort-tab ul {
margin-bottom: 10px;
flex-wrap: wrap;
justify-content: space-between;
gap: 3vw;
}
}
.sort-tab ul li {
width: 100%;
font-size: 16px;
height: auto;
}
.sort-tab ul li + .sort-tab__item {
margin-left: 19px;
}
@media (max-width: 768px) {
.sort-tab ul li {
width: max-content;
margin: 0;
flex: 0 0 48%;
width: 48%;
}
.sort-tab ul li + .sort-tab__item {
margin-left: 0;
}
.sort-tab ul li:last-child {
padding-right: 0;
}
}
.sort-tab ul li a {
color: #000000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: 0.3s;
padding: 8px 0.4em;
white-space: wrap;
position: relative;
text-align: center;
border:1px solid #D9D9D9;
}
@media (max-width: 768px) {
.sort-tab ul li a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
padding: 0.5em 2em;
white-space: nowrap;
line-height: 1.2;
}
}
.sort-tab ul li a:hover {
text-decoration: none;
}
.sort-tab ul li a:hover:after {
width: 20px;
height: 1px;
background-color: #DA3B15;
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.sort-tab ul li.is-active a {
text-decoration: none;
border:1px solid #D9D9D9;
}
.sort-tab ul li.is-active a:after {
width: 20px;
height: 1px;
background-color: #DA3B15;
content: "";
display: block;
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 768px) {
.sort-tab ul li.is-active a:after {
width: 9vw;
}
}
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0;
grid-row-gap: 0;
}
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(1) {
grid-area: 1/1/3/5;
}
@media (max-width: 768px) {
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(1) {
grid-area: unset;
}
}
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(2) {
grid-area: 1/5/2/8;
}
@media (max-width: 768px) {
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(2) {
grid-area: unset;
}
}
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(3) {
grid-area: 1/8/2/11;
}
@media (max-width: 768px) {
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(3) {
grid-area: unset;
}
}
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(4) {
grid-area: 2/5/3/8;
}
@media (max-width: 768px) {
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(4) {
grid-area: unset;
}
}
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(5) {
grid-area: 2/8/3/11;
}
@media (max-width: 768px) {
.sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 .fr3-item:nth-of-type(5) {
grid-area: unset;
}
}
@media (max-width: 768px) {
.sec-ranking .sort-tab__cts .fr3-productListStatic.fr3-productListStatic__responsive_2 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.sec-howto .search01-nav__list {
margin: 0 auto;
width: 100%;
}
@media (max-width: 768px) {
.sec-howto .search01-nav__list .search01-nav__item {
width: 44.62vw;
}
}
.sec-scene .sort-tab__cts {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-bottom: 13.02vw;
}
.sec-scene .sort-tab__cts#scene-01 .scene-catch__img {
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/top/scene01_sp.jpg);
}
.sec-scene .sort-tab__cts#scene-02 .scene-catch__img {
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/top/scene02_sp.jpg);
}
.sec-scene .sort-tab__cts#scene-03 .scene-catch__img {
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/top/scene03_sp.jpg);
}
.sec-scene .sort-tab__cts#scene-04 .scene-catch__img {
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/top/scene04_sp.jpg);
}
.sec-scene .sort-tab__cts#scene-05 .scene-catch__img {
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/top/scene05_sp.jpg);
}
}
.sec-scene .sort-tab__cts .flywheel-recommend__frame {
width: 50%;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .flywheel-recommend__frame {
width: 100%;
}
}
.sec-scene .sort-tab__cts .flywheel-recommend__frame .fr3-productListStatic__responsive_1 {
grid-template-columns: repeat(3, 1fr);
margin: 0 -8px;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .flywheel-recommend__frame .fr3-productListStatic__responsive_1 {
grid-template-columns: repeat(2, 1fr);
margin: 0;
}
}
.sec-scene .sort-tab__cts .scene-catch {
width: 44%;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .scene-catch {
width: 100%;
display: block;
position: unset;
}
}
.sec-scene .sort-tab__cts .scene-catch .scene-catch__img {
margin-left: auto;
width: 85.7142857143%;
padding-bottom: 90px;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .scene-catch .scene-catch__img {
width: 100vw;
margin: 0 -3.2vw;
height: 46.875vw;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.sec-scene .sort-tab__cts .scene-catch .scene-catch__img img {
display: none;
}
}
.sec-scene .sort-tab__cts .scene-catch .scene-catch__text,
.sec-scene .sort-tab__cts .scene-catch .readmore__link {
position: absolute;
}
.sec-scene .sort-tab__cts .scene-catch .scene-catch__text {
writing-mode: vertical-rl;
font-size: 26px;
top: 30px;
left: -25px;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .scene-catch .scene-catch__text {
position: relative;
writing-mode: unset;
font-size: 20px;
line-height: 1.8947368421;
padding: 0;
margin-top: -24.73vw;
margin-bottom: 4vw;
top: auto;
left: auto;
}
}
.sec-scene .sort-tab__cts .scene-catch .scene-catch__text span {
background-color: #fff;
display: inline-block;
margin: 10px;
padding: 0.5em 0.2em;
letter-spacing: 0.2em;
white-space: nowrap;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .scene-catch .scene-catch__text span {
padding: 0.2em 0.5em;
letter-spacing: normal;
margin: 1vw 0;
}
}
.sec-scene .sort-tab__cts .scene-catch .readmore__link {
right: 1vw;
bottom: 0;
}
@media (max-width: 768px) {
.sec-scene .sort-tab__cts .scene-catch .readmore__link {
position: absolute;
right: 50%;
transform: translateX(50%); bottom: 3.02vw;
}
}
.index-sort-columns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 1200px) {
.index-sort-columns {
display: block;
}
}
.index-sort-columns .sec-index {
width: 50%;
}
@media (max-width: 1200px) {
.index-sort-columns .sec-index {
width: 100%;
}
}
.index-sort.search03-nav__wrap {
display: block;
padding-right: 5.46875%;
padding-left: 3.125%;
}
@media (max-width: 768px) {
.index-sort.search03-nav__wrap {
padding: 0;
}
.index-sort.search03-nav__wrap .search03-nav__item {
font-size: 14px;
}
}
.index-sort.search03-nav__wrap .search03-nav__category {
margin: 0 0 50px;
}
@media (max-width: 768px) {
.index-sort.search03-nav__wrap .search03-nav__category {
margin: 0;
width: 100%;
}
}
.index-sort.search03-nav__wrap .search03-nav__category + .search03-nav__category {
margin: 0;
}
.index-sort.search04-nav__wrap {
padding: 30px 10px;
}
@media (max-width: 768px) {
.index-sort.search04-nav__wrap {
padding: 0;
}
}
.index-sort.search04-nav__wrap .search04-nav__category {
margin: 0;
}
@media (max-width: 768px) {
.index-sort.search04-nav__wrap .search04-nav__category {
margin: 0;
width: 100%;
}
}
.index-sort.search04-nav__wrap .search04-nav__category .search04-nav__title {
width: 20px;
}
.index-sort.search04-nav__wrap .search04-nav__category dd {
width: 100%;
}
.index-sort.search04-nav__wrap .search04-nav__category + .search04-nav__category {
margin-left: 50px;
}
@media (max-width: 768px) {
.index-sort.search04-nav__wrap .search04-nav__category + .search04-nav__category {
margin: 50px 0 0 0;
}
}
.index-sort.search04-nav__wrap .search04-nav__list {
display: block;
}
.index-sort.search04-nav__wrap .search04-nav__list .search04-nav__item {
width: 100%;
margin-left: 0;
}
@media (max-width: 768px) {
.index-sort.search04-nav__wrap .search04-nav__list .search04-nav__item {
font-size: 16px;
}
}
.index-sort.search04-nav__wrap .search04-nav__list .search04-nav__item .search04-nav__link {
height: 90px;
}
@media (max-width: 768px) {
.index-sort.search04-nav__wrap .search04-nav__list .search04-nav__item .search04-nav__link {
height: 13.02vw;
}
}
.sec-index-takumi {
position: relative;
padding-top: 60px;
padding-bottom: 60px;
}
@media (max-width: 1200px) {
.sec-index-takumi {
padding-top: 60px;
padding-bottom: 20px;
background-image: url(https://yamakawa2023.itembox.design/item/image/top/bg_takumi_min.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
margin: 0 -3.2vw;
padding-left: 3.2vw;
padding-right: 3.2vw;
}
}
@media (max-width: 959px) {
.sec-index-takumi {
margin: 0 -3.2vw;
padding-left: 2vw;
padding-right: 2vw;
}
}
@media (max-width: 768px) {
.sec-index-takumi {
background-image: url(https://yamakawa2023.itembox.design/item/image/top/bg_takumi_sp.png);
padding: 0;
background-size: cover;
}
.sec-index-takumi .sec-index-takumi__inner {
background-image: url(https://yamakawa2023.itembox.design/item/image/top/bg_takumi_sp.jpg?d=20230927180712);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
padding-top: 74.40625vw;
padding-bottom: 10.4vw;
}
}
.sec-index-takumi:after {
background-image: url(https://yamakawa2023.itembox.design/item/image/top/bg_takumi.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right top;
position: absolute;
top: 0;
right: 0;
width: 125vw;
height: 100%;
content: "";
display: block;
transform: translateX(25vw);
z-index: -1;
}
@media (max-width: 1200px) {
.sec-index-takumi:after {
display: none;
}
}
.sec-index-takumi:before {
width: 480px;
height: 197px;
background-image: url(https://yamakawa2023.itembox.design/item/image/top/takumi_signature.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
bottom: 2vw;
content: "";
display: block;
right: calc(-48vw + 640px);
}
@media (max-width: 1500px) {
.sec-index-takumi:before {
right: 1vw;
}
}
@media (max-width: 768px) {
.sec-index-takumi:before {
display: none;
}
}
.sec-index-takumi h2 {
font-size: 50px;
line-height: 1.6;
width: 50%;
}
@media (max-width: 1200px) {
.sec-index-takumi h2 {
font-size: 40px;
}
}
@media (max-width: 768px) {
.sec-index-takumi h2 {
font-size: 31px;
width: 100%;
padding: 0 3.2vw;
margin-top: 0;
text-align: center;
}
}
.sec-index-takumi h3 {
font-size: 32px;
line-height: 2;
width: 50%;
}
@media (max-width: 1200px) {
.sec-index-takumi h3 {
font-size: 30px;
}
}
@media (max-width: 768px) {
.sec-index-takumi h3 {
font-size: 22px;
width: 100%;
padding: 0 3.2vw;
text-align: center;
}
}
.sec-index-takumi p {
line-height: 2.1111111111;
margin-bottom: 60px;
width: 50%;
font-weight: 600;
}
@media (max-width: 1200px) {
.sec-index-takumi p {
width: 40%;
}
}
@media (max-width: 768px) {
.sec-index-takumi p {
font-size: 15px;
width: 100%;
padding: 0 3.2vw;
margin-bottom: 1.5em;
text-align: center;
}
}
.sec-index-takumi .readmore__link a:before {
filter: brightness(0) invert(1);
border: none;
}
.sec-index-takumi .readmore__link a:after {
border: 1px solid #000000;
background-color: #000000;
}
.sec-index-takumi .readmore__link a:hover:after {
border: 1px solid #DA3B15;
background-color: #DA3B15;
}
@media (max-width: 768px) {
.sec-index-takumi .readmore__link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 2em;
}
}
.index-news .index-news__list {
margin-top: 110px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.index-news .index-news__list {
margin-top: 0;
display: block;
}
}
.index-news .index-news__list .index-news__item {
width: 46.5%;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.index-news .index-news__list .index-news__item {
width: 100%;
margin-bottom: 0;
border-bottom: 1px solid #D9D9D9;
padding: 20px 0;
}
}
.index-news .index-news__list .index-news__item:nth-child(2n) {
margin-left: 7%;
}
@media (max-width: 768px) {
.index-news .index-news__list .index-news__item:nth-child(2n) {
margin-left: 0;
}
}
@media (max-width: 768px) {
.index-news .index-news__list .index-news__item:last-child {
border: none;
}
}
.index-news .index-news__list .index-news__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.index-news .index-news__list .index-news__item a:hover .news-title {
text-decoration: underline;
}
.index-news .index-news__list .index-news__item .index-news__img {
position: relative;
z-index: 0;
overflow: hidden;
width: 100%;
width: 120px;
}
.index-news .index-news__list .index-news__item .index-news__img:before {
content: "";
display: block;
}
.index-news .index-news__list .index-news__item .index-news__img img, .index-news .index-news__list .index-news__item .index-news__img source {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
object-fit: cover;
}
.index-news .index-news__list .index-news__item .index-news__img:before {
padding-top: 100%;
}
.index-news .index-news__list .index-news__item .news-info {
width: calc(100% - 140px);
margin-left: 20px;
}
.index-news .index-news__list .index-news__item .news-date {
font-size: 14px;
margin-right: 1em;
}
.index-news .index-news__list .index-news__item .cat {
font-size: 14px;
background-color: #F5F5F5;
padding: 0.2em 1em;
}
.index-news .index-news__list .index-news__item .news-title {
margin-top: 1em;
font-size: 18px;
line-height: 1.6666666667;
}
.index-news .readmore__link {
position: absolute;
right: 0;
top: 120px;
}
@media (max-width: 768px) {
.index-news .readmore__link {
position: relative;
top: auto;
right: auto;
margin-top: 10.41vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-dotted.slick-slider {
margin-bottom: 175px;
}
@media (max-width: 768px) {
.fs-body-top .top-announce + .fs-pt-carousel .slick-dotted.slick-slider {
margin-bottom: 87px;
}
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-slide {
margin: 0 10px;
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow {
background-color: rgba(0, 0, 0, 0.5);
width: 50px;
height: 50px;
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow:before {
filter: brightness(0) invert(1);
background-size: 10px 20px;
background-position: center;
width: 50px;
height: 50px;
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow.slick-prev {
left: calc(50% - 545px);
}
@media (max-width: 1400px) {
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow.slick-prev {
left: calc(50% - 475px);
}
}
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow.slick-next {
left: calc(50% + 495px);
}
@media (max-width: 1400px) {
.fs-body-top .top-announce + .fs-pt-carousel .slick-arrow.slick-next {
left: calc(50% + 425px);
}
}
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots {
bottom: -55px;
padding: 0;
}
@media (max-width: 768px) {
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots {
bottom: -25px;
}
}
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots li {
width: 14px;
height: 14px;
margin: 0 12px;
}
@media (max-width: 768px) {
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots li {
margin: 0 7.5px;
}
}
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots li button {
width: 14px;
height: 14px;
}
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots li button:before {
border-radius: 50%;
width: 14px;
height: 14px;
content: "";
display: inline-block;
background-color: #D1D1D1;
opacity: 1;
}
.fs-body-top .top-announce + .fs-pt-carousel .fs-c-slick .slick-dots li.slick-active button:before {
background-color: #000000;
opacity: 1;
}
.sec-index_category__list dt {
color: #000000;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
background: #fff;
position: relative;
font-size: 24px;
font-weight: bold;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 24px;
height: 58px;
}
@media (max-width: 768px) {
.sec-index_category__list dt {
padding: 0 7px;
height: 65px;
font-size: 18px;
color: #000000;
}
}
.sec-index_category__list dt:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
left: 0;
}
.sec-index_category__list dt:before {
content: "";
width: 30px;
height: 30px;
display: block;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
margin-right: 6px;
}
@media (max-width: 768px) {
.sec-index_category__list dt:before {
width: 20px;
height: 20px;
margin-left: 5px;
}
}
.sec-index_category__list dt:after {
top: 0;
}
.sec-index_category__list dd {
position: relative;
padding: 24px 0 22px;
font-size: 1.8em;
}
@media (max-width: 768px) {
.sec-index_category__list dd {
padding: 19px 0 28px;
}
}
.sec-index_category__list dd:before {
content: "";
top: -1px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
}
.index-banner__list .fs-pt-column__heading, .index-banner__list .fs-pt-column__description {
display: none;
}
.index-announcement {
border: 1px solid #D9D9D9;
margin: 0 auto 80px;
position: relative;
}
.index-announcement:before, .index-announcement:after {
width: 0;
height: 0;
border-style: solid;
content: "";
display: block;
top: 0;
position: absolute;
}
.index-announcement:before {
border-width: 10px 10px 0 0;
left: 0;
border-color: #da3b15 transparent transparent transparent;
}
.index-announcement:after {
border-width: 0 10px 10px 0;
right: 0;
border-color: transparent #da3b15 transparent transparent;
}
@media (max-width: 768px) {
.index-announcement {
margin: -20px auto 40px;
}
}
.index-announcement .index-announcement__inner {
padding: 1.2em;
}
.index-announcement .index-announcement__inner:before, .index-announcement .index-announcement__inner:after {
width: 0;
height: 0;
border-style: solid;
content: "";
display: block;
bottom: 0;
position: absolute;
}
.index-announcement .index-announcement__inner:before {
left: 0;
border-width: 10px 0 0 10px;
border-color: transparent transparent transparent #da3d15;
}
.index-announcement .index-announcement__inner:after {
right: 0;
border-width: 0 0 10px 10px;
border-color: transparent transparent #da3d15 transparent;
}
@media (max-width: 768px) {
.index-announcement .index-announcement__inner {
padding: 1em;
}
}
.index-announcement .index-announcement__inner .index-announcement__text {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
text-align: center;
font-weight: 500;
font-size: 18px;
}
@media (max-width: 768px) {
.index-announcement .index-announcement__inner .index-announcement__text {
font-size: 15px;
}
}
.index-announcement .index-announcement__inner .index-announcement__text strong {
font-weight: 500;
border-bottom: 1px solid #da3d15;
} .fs-body-category h1.fs-c-heading.fs-c-heading--page,
.fs-body-search h1.fs-c-heading.fs-c-heading--page {
padding: 0;
}
.fs-c-subgroup {
margin: 0;
}
.fs-c-subgroup .fs-c-listControl {
display: none;
}
.fs-c-subgroupList__link:hover,
.fs-c-subgroupList__link:hover::after {
color: #fff;
}
.fs-c-subgroupList__link {
background-color: #fff;
padding: 0 7px;
border: 1px solid #c2c2c2;
font-size: 0.8125em;
line-height: 1.4;
transition: 0.3s;
}
.fs-c-subgroupList__link .fs-c-subgroupList__label {
padding: 17px 8px;
}
@media (max-width: 768px) {
.fs-c-subgroupList__link .fs-c-subgroupList__label {
padding: 10px 8px;
}
}
.fs-c-subgroupList__item { }
ul.fs-c-subgroupList {
margin-left: -8px;
margin-right: -8px;
margin-bottom: 100px;
padding: 0;
}
@media (max-width: 768px) {
ul.fs-c-subgroupList {
margin: 0 auto 40px;
}
}
.fs-c-subgroupList__link::after {
font-size: 1.2em;
transition: 0.3s;
} .fs-c-sortItems {
font-size: 12px;
}
@media (max-width: 768px) {
.fs-c-sortItems {
font-size: 14px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
span.fs-c-sortItems__label {
border: 0;
padding: 10px 12px;
background-color: #F8F8F8;
margin-right: -10px;
}
@media (max-width: 768px) {
span.fs-c-sortItems__label {
margin-right: 0;
}
}
li.fs-c-sortItems__list__item {
margin: 0 0 0 30px;
transition: 0.3s;
border-bottom: 1px solid transparent;
}
@media (max-width: 768px) {
li.fs-c-sortItems__list__item {
margin: 0 0 0 1em;
}
}
li.fs-c-sortItems__list__item:hover {
border-bottom: 1px solid #000000;
color: #000000;
}
@media (max-width: 768px) {
li.fs-c-sortItems__list__item:hover {
color: #000000;
border-bottom: 1px solid transparent;
}
}
.fs-c-pagination__item.is-active {
border-bottom: 1px solid #DA3B15;
background: transparent;
color: #000000;
}
li.fs-c-sortItems__list__item.is-active {
border-bottom: 1px solid #DA3B15;
color: #000000;
background: transparent;
}
.fs-c-sortItems__list > li:hover a,
a.fs-c-pagination__item:hover {
text-decoration: none;
}
@media (max-width: 768px) {
.fs-c-sortItems__list > li:hover a,
a.fs-c-pagination__item:hover {
color: #000000;
background: transparent;
}
}
a.fs-c-pagination__item:hover {
background: transparent;
color: #000000;
border-bottom: 1px solid #000000;
}
a.fs-c-pagination__item.fs-c-pagination__item-prev:hover,
a.fs-c-pagination__item.fs-c-pagination__item--next:hover {
color: #000000;
background: transparent;
}
.fs-c-sortItems__list__item__label {
padding: 6px 0;
}
.fs-c-sortItems__list__item__label:hover {
color: #000000;
} .fs-c-listControl {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.fs-c-listControl {
flex-grow: unset;
width: 100%;
flex-direction: row;
align-items: center;
}
}
.fs-c-productList__controller {
align-items: flex-start;
margin: 0 auto 42px;
}
@media (max-width: 768px) {
.fs-c-productList__controller {
margin: 0 auto 7.8vw;
}
}
.fs-c-listControl__status {
margin-right: 30px;
font-size: 12px;
}
.fs-c-pagination {
align-items: center;
font-size: 12px;
}
.fs-c-pagination__item, .previouspostslink, .wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last, .page-numbers {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
line-height: 1;
padding: 0;
height: 35px;
width: 35px;
}
a.fs-c-pagination__item, .wp-pagenavi .page, .wp-pagenavi .extend, .page-numbers {
color: #000000;
border-bottom: 1px solid transparent;
}
.wp-pagenavi .current {
color: #000000;
}
.wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .previouspostslink {
margin: 0 7.5px;
}
@media (max-width: 768px) {
.wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .previouspostslink {
margin: 0 2.5px 5px;
}
}
.fs-c-pagination__item + .fs-c-pagination__item {
margin-left: 5px;
}
.fs-c-pagination__item--next::before,
.fs-c-pagination__item--prev::before {
font-size: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-size: 7px 13px;
width: 7px;
height: 13px;
display: block;
margin-left: auto;
transition: 0.3s;
filter: brightness(0);
}
.fs-c-pagination__item--next::before {
transform: rotate(-90deg);
}
.fs-c-pagination__item--prev::before {
transform: rotate(90deg);
}
[class*=fs-c-pagination__item--]::before {
height: 30px;
width: 30px;
} .fs-c-productImageModal {
display: flex;
align-items: center;
}
.fs-c-productImageModal .slick-arrow:before {
filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
.fs-c-productImageModal .slick-arrow:before {
filter: brightness(0) invert(0);
}
}
.fs-c-productImageModal .slick-arrow.slick-prev {
left: 12px;
}
@media (max-width: 768px) {
.fs-c-productImageModal .slick-arrow.slick-prev {
left: 4px;
}
}
.fs-c-productImageModal .slick-arrow.slick-next {
right: 12px;
}
@media (max-width: 768px) {
.fs-c-productImageModal .slick-arrow.slick-next {
right: 4px;
}
} .fs-c-productList__list {
display: flex;
flex-wrap: wrap;
width: calc(100% + 10px);
margin: 0 -10px;
}
@media (max-width: 768px) {
.fs-c-productList__list {
width: 100%;
margin: 0;
}
}
.fs-c-productList__list article.fs-c-productList__list__item {
width: 20%;
line-height: 1.45;
border-bottom: 0;
padding: 10px 9px;
margin-bottom: 20px; }
@media (max-width: 959px) {
.fs-c-productList__list article.fs-c-productList__list__item {
width: 33.333333%;
}
}
@media (max-width: 768px) {
.fs-c-productList__list article.fs-c-productList__list__item {
width: 50%;
padding: 10px;
margin-bottom: 20px;
}
}
.fs-c-productList__list article.fs-c-productList__list__item .fs-c-productListItem__imageContainer {
margin-bottom: 10px;
}
.fs-c-productList__list article.fs-c-productList__list__item .fs-c-productListItem__image.fs-c-productImage a {
position: relative;
height: 0;
padding-top: 100%;
display: block;
overflow: hidden;
}
.fs-c-productList__list article.fs-c-productList__list__item .fs-c-productListItem__image.fs-c-productImage a img {
height: 100%;
width: 100%;
object-fit: contain;
position: absolute;
left: 0;
top: 0;
}
.pdt-tag__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pdt-tag__list li {
list-style: none;
color: #000000;
background-color: #F8F8F8;
padding: 0.2em 0.64em;
font-size: 10px;
border-radius: 2px;
margin: 0 10px 10px 0;
}
@media (max-width: 768px) {
.pdt-tag__list li {
font-size: 11px;
}
}
img.fs-c-productListItem__image__image.fs-c-productImage__image {
margin: 0 auto;
}
.fs-c-productListItem__viewMoreImageButton {
position: relative;
display: none;
}
.fs-c-productListItem__viewMoreImageButton .fs-c-button--plain.fs-c-button--viewMoreImage:before {
display: none;
}
.fs-c-productListItem__viewMoreImageButton .fs-c-button--plain.fs-c-button--viewMoreImage:after {
content: "";
width: 27px;
height: 27px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #808080;
background-size: 15px;
display: block;
position: absolute;
right: 10px;
bottom: 20px;
border-radius: 50%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-zoom' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 14.9 14.9' style='enable-background:new 0 0 14.9 14.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23FFFFFF;}%3C/style%3E%3Cpath id='ico-zoom' class='st0' d='M13.3,14.6l-3.6-3.6c0,0-0.1-0.1-0.1-0.1c0.2-0.2,0.4-0.3,0.6-0.5c-0.2,0.2-0.4,0.3-0.6,0.5l0,0	c-1,0.8-2.3,1.2-3.6,1.2C2.7,12.1,0,9.4,0,6.1c0,0,0,0,0,0C0,2.7,2.7,0,6.1,0c0,0,0,0,0,0c3.3,0,6.1,2.7,6.1,6.1c0,0,0,0,0,0	c0,1.3-0.4,2.5-1.2,3.6c0,0,0.1,0.1,0.1,0.1l3.6,3.6c0.4,0.4,0.4,1,0,1.3c-0.2,0.2-0.4,0.3-0.7,0.3C13.7,14.9,13.5,14.8,13.3,14.6z	 M0.9,6.1c0,2.8,2.3,5.1,5.1,5.1c2.8,0,5.1-2.3,5.1-5.1c0-2.8-2.3-5.1-5.1-5.1C3.2,0.9,0.9,3.2,0.9,6.1C0.9,6.1,0.9,6.1,0.9,6.1	L0.9,6.1z M10.2,10.4L10.2,10.4L10.2,10.4z M10.3,10.4L10.3,10.4L10.3,10.4z M5.6,8.9V6.5H3.3C3,6.5,2.8,6.3,2.8,6.1	c0-0.3,0.2-0.5,0.5-0.5h2.3V3.3c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5v2.3h2.3c0.3,0,0.5,0.2,0.5,0.5S9.1,6.5,8.9,6.5H6.5	v2.3c0,0.3-0.2,0.5-0.5,0.5C5.8,9.3,5.6,9.1,5.6,8.9C5.6,8.9,5.6,8.9,5.6,8.9L5.6,8.9z'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
.fs-c-productListItem__viewMoreImageButton .fs-c-button--plain.fs-c-button--viewMoreImage:after {
right: 5px;
bottom: 15px;
}
}
.fs-c-productList .fs-c-productMarks, .fs-c-productListCarousel__list .fs-c-productMarks {
margin: 0.8em 0 0.6em;
}
.fs-c-productList .fs-c-productMarks ul.fs-c-productMark, .fs-c-productListCarousel__list .fs-c-productMarks ul.fs-c-productMark {
margin-bottom: 0;
}
.fs-c-productList .fs-c-productMarks span, .fs-c-productListCarousel__list .fs-c-productMarks span {
font-size: 12px;
padding: 2.5px 3.5px;
display: inline-block;
}
.fs-c-productList .fs-c-productMarks li.fs-c-productMark__item, .fs-c-productListCarousel__list .fs-c-productMarks li.fs-c-productMark__item {
margin-right: 5px;
margin-bottom: 5px;
}
.fs-c-productList .fs-c-productMarks {
margin: 0.8em 0 0.6em;
}
.fs-c-productList .fs-c-productMarks ul.fs-c-productMark {
margin-bottom: 0;
}
.fs-c-productList .fs-c-productMarks span {
font-size: 12px;
padding: 2.5px 3.5px;
display: inline-block;
}
.fs-c-productList .fs-c-productMarks li.fs-c-productMark__item {
margin-right: 5px;
margin-bottom: 5px;
}
.fs-c-productList .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 16px;
margin-right: 10px;
color: #000000;
}
@media (max-width: 768px) {
.fs-c-productList .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 14px;
}
}
.fs-c-productList .fs-c-productPrice__addon,
.fs-c-productList .fs-c-productPrice__addon__label {
display: none;
}
.fs-c-productList .fs-c-productPrice__main__label {
margin-right: 15px;
transform: translateY(-1px);
}
.fs-c-productList .fs-c-productPrice.fs-c-productPrice--selling {
line-height: 1;
margin-bottom: 10px;
}
.fs-c-productList .fs-c-productName__copy {
font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
font-weight: bold;
}
@media (max-width: 768px) {
.fs-c-productList .fs-c-productName__copy {
font-size: 12px;
}
}
.fs-c-productList .fs-c-productName__name {
font-size: 18px;
padding: 0.5em 0;
}
@media (max-width: 768px) {
.fs-c-productList .fs-c-productName__name {
font-size: 16px;
}
}
.fs-c-productList .fs-c-productName__variation,
.fs-c-productListItem__prices.fs-c-productPrices {
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-productList .fs-c-productName__variation,
.fs-c-productListItem__prices.fs-c-productPrices {
font-size: 14px;
}
}
.fs-c-productList .fs-c-productPrice__addon,
.fs-c-productList__list article.fs-c-productList__list__item,
.fs-c-productListItem__control .fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label,
.fs-c-productListItem__control .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label,
.fs-c-pagination__item,
table,
.fs-c-productListItem__control,
.fs-c-productNumber,
.fs-c-productPointDisplay,
button.fs-c-button--inquiryAboutProduct.fs-c-button--plain,
.fs-c-button--plain {
font-size: 12px;
}
.fs-c-productPrice.fs-c-productPrice--listed span.fs-c-productPrice__main {
font-size: 0.875714em;
}
.fs-c-productListItem__productName {
margin: 0 0 8px;
line-height: 1.5 !important; font-weight: 500;
}
.fs-c-productListItem__productName a {
color: #000000;
}
.fs-c-price__currencyMark {
content: "￥";
}
.fs-c-productListItem__preorderMessage.fs-c-preorderMessage {
display: none;
}
.fs-c-productListItem__control {
padding: 10px 0;
}
.fs-c-productListItem__control .fs-c-button--plain { color: #000000;
}
.fs-c-productListItem__control .fs-c-button--plain:hover {
text-decoration: none;
color: #000000;
}
@media (max-width: 768px) {
.fs-c-productListItem__control .fs-c-button--plain:hover {
color: #000000;
}
}
.fs-c-button--plain.fs-c-button--addToCart--list span {
margin-top: 3px;
color: #000000;
font-size: 14px;
}
.fs-c-button--plain.fs-c-button--addToCart--list::before { display: inline-block; font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
color: #000000;
}
@media (max-width: 599px) {
.fs-c-button--plain.fs-c-button--addToCart--list::before {
display: none;
}
}
.fs-c-button--plain.fs-c-button--addToCart--list:hover:before {
color: #D20003;
}
@media (max-width: 768px) {
.fs-c-button--plain.fs-c-button--addToCart--list:hover:before {
color: #000000;
}
}
.productRating {
font-size: 14px;
margin: 20px 0;
}
@media (max-width: 768px) {
.productRating {
font-size: 12px;
}
}
.productRating.is-0 {
display: none;
}
.fs-c-productListItem__notice {
font-size: 12px;
margin: 10px 0 0;
padding: 5px 0;
border: none;
color: #000000;
background-color: #D4D4D4;
}
@media (max-width: 768px) {
.fs-c-productListItem__notice {
font-size: 14px;
}
}
.fs-c-productListItem__control.fs-c-buttonContainer {
padding: 0;
}
.fs-c-variationRadioList .fs-c-button--particular.fs-c-button--addToWishList--icon::before,
.fs-c-variationRadioList .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
margin-top: 0;
}
.fs-c-button--viewProductDetail.fs-c-button--plain:hover,
.fs-c-button--addToCart--list.fs-c-button--plain:hover {
color: #D20003;
}
.fs-c-button--viewProductDetail.fs-c-button--plain:hover .fs-c-button__label,
.fs-c-button--addToCart--list.fs-c-button--plain:hover .fs-c-button__label {
color: #D20003;
}
.fs-c-button--viewProductDetail.fs-c-button--plain .fs-c-button__label,
.fs-c-button--addToCart--list.fs-c-button--plain .fs-c-button__label {
font-size: 14px;
} .fs-c-button--particular.fs-c-button--addToWishList--icon,
.fs-c-button--addToWishList--icon {
background-color: transparent;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon:before,
.fs-c-button--addToWishList--icon:before {
background-color: transparent;
color: #ABABAB;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon:hover,
.fs-c-button--addToWishList--icon:hover {
background-color: transparent;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon:hover:before,
.fs-c-button--addToWishList--icon:hover:before {
color: #D20003;
background-color: transparent;
}
.fs-c-button--particular {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.fs-c-button--particular .fs-c-button--removeFromWishList--icon {
color: #DA3B15;
}
.fs-c-productListItem__productDescription {
margin: 0 0 8px;
line-height: 1.4;
}
@media (max-width: 768px) {
.fs-c-subgroupList__item {
flex-basis: calc(50% - 8px);
margin-bottom: 2px;
}
.fs-c-sortItems {
border: 0;
}
.fs-c-sortItems__list {
border-left: 0;
}
} .fs-body-product#fs_ProductDetails .fs-l-pageMain {
max-width: calc(1280px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: calc(1080px + 4vw);
}
@media (max-width: 768px) {
.fs-body-product#fs_ProductDetails .fs-l-pageMain {
padding-left: 0;
padding-right: 0;
}
}
.fs-l-productLayout__item.fs-l-productLayout__item--1,
.fs-l-productLayout__item.fs-l-productLayout__item--2 {
padding-top: 60px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
.fs-l-productLayout__item.fs-l-productLayout__item--1,
.fs-l-productLayout__item.fs-l-productLayout__item--2 {
padding: 0;
}
}
.fs-l-productLayout__item.fs-l-productLayout__item--2 {
padding-left: 50px;
position: relative;
}
@media (max-width: 768px) {
.fs-l-productLayout__item.fs-l-productLayout__item--2 {
padding: 5vw 0px 10.4vw;
}
}
.fs-l-productLayout__item.fs-l-productLayout__item--2:before, .fs-l-productLayout__item.fs-l-productLayout__item--2:after {
content: "";
height: 1px;
width: 300vw;
display: block;
background-color: #D9D9D9;
position: absolute;
bottom: 0;
left: -100vw;
}
.fs-l-productLayout__item.fs-l-productLayout__item--2:before {
top: 0;
}
.fs-l-productLayout__item.fs-l-productLayout__item--2:after {
bottom: 0;
}
.fs-l-productLayout__item.fs-l-productLayout__item--1 {
position: relative;
background-color: #FAFAFA;
height: -webkit-fill-available;
}
@media (max-width: 768px) {
.fs-l-productLayout__item.fs-l-productLayout__item--1 {
height: auto;
}
}
.fs-l-productLayout__item.fs-l-productLayout__item--1:after {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #FAFAFA;
left: auto;
right: 0;
}
.fs-l-product2 .fs-l-productLayout__item.fs-l-productLayout__item--3 {
grid-column: 1/3;
}
.fs-c-button--plain {
border: 0;
}
.pdt-detail {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.pdt-detail {
padding-top: 40px;
padding-bottom: 40px;
}
}
.post-body .pdt-detail__accordion {
position: relative;
padding-top: 1px;
}
.post-body .pdt-detail__accordion:before {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
left: 0;
top: 0;
}
.post-body .pdt-detail__heading {
position: relative;
cursor: pointer;
}
.post-body .pdt-detail__heading:hover {
opacity: 0.7;
}
@media (max-width: 768px) {
.post-body .pdt-detail__heading:hover {
opacity: 1;
}
}
.post-body .pdt-detail__heading:before {
width: 14px;
height: 2px;
background-color: #000000;
content: "";
display: block;
position: absolute;
right: 24px;
top: 50%;
transform: rotate(90deg);
transition: 0.3s;
}
@media (max-width: 768px) {
.post-body .pdt-detail__heading:before {
width: 10px;
height: 1px;
right: 10px;
}
}
.post-body .pdt-detail__heading.is-active:before {
transform: rotate(0deg);
}
.post-body .pdt-detail__heading h2 {
background-color: #FFFFFF;
color: #000000;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
font-weight: bold;
min-height: 56px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.post-body .pdt-detail__heading h2 {
min-height: 30px;
line-height: 30px;
padding: 0.6em 0.5em;
}
}
.post-body .pdt-detail__heading h2:before {
content: "";
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 768px) {
.post-body .pdt-detail__heading h2:before {
width: 30px;
height: 30px;
}
}
.post-body .pdt-detail__heading h2:after {
width: 14px;
height: 2px;
background-color: #000000;
content: "";
display: block;
position: absolute;
right: 24px;
top: 50%;
transition: 0.3s;
}
@media (max-width: 768px) {
.post-body .pdt-detail__heading h2:after {
width: 10px;
height: 1px;
right: 10px;
}
}
.post-body .pdt-detail__heading.is-active h2:after {
transform: rotate(-180deg);
}
.post-body .pdt-detail__heading:after {
bottom: 0;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
left: 0;
}
.post-body .pdt-detail__body {
padding: 60px 0 0;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body {
padding: 20px 0 0;
}
}
.post-body .pdt-detail__body figure {
margin-bottom: 50px;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body figure {
margin-bottom: 20px;
}
}
.post-body .pdt-detail__body .columns {
margin-bottom: 50px;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body .columns {
margin-bottom: 20px;
}
.post-body .pdt-detail__body .columns .column__media {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.post-body .pdt-detail__body .columns .column__text {
padding-left: 0;
padding-right: 0;
}
}
.post-body .pdt-detail__body h3 {
font-size: 24px;
color: #000000;
border-bottom: 1px solid #000000;
font-weight: 500;
padding: 0 0 0.5em;
margin: 0 0 1.3em;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body h3 {
font-size: 16px;
}
}
.post-body .pdt-detail__body h3::before {
display: none;
}
.post-body .pdt-detail__body .column__text h3 {
font-size: 20px;
color: #000000;
border-bottom: none;
padding: 0 0 0 0.8em;
position: relative;
margin: 0 0 1em;
}
.post-body .pdt-detail__body .column__text h3:before {
content: "";
width: 4px;
height: 1.2em;
background-color: #000000;
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.post-body .pdt-detail__body h4 {
font-size: 20px;
color: #000000;
padding-left: 0.8em;
font-weight: 500;
margin: 0 0 0.8em;
position: relative;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body h4 {
font-size: 16px;
}
}
.post-body .pdt-detail__body h4:before {
width: 3px;
height: 1.2em;
content: "";
display: block;
background-color: #000000;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-48%);
}
.post-body .pdt-detail__body h4:not(:first-child) {
margin-top: 2em;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body h4 {
font-size: 16px;
}
}
.post-body .pdt-detail__body h4:not(:first-child) {
margin-top: 2em;
}
.post-body .pdt-detail__body h5 {
font-weight: 500;
color: #000000;
font-size: 18px;
margin: 0 0 1em;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body h5 {
font-size: 16px;
font-weight: bold;
margin: 0.5em 0 2em;
text-align: center;
}
}
.post-body .pdt-detail__body table {
border-bottom: 1px solid #DBCCCC;
width: 100%;
border-collapse: collapse;
margin: 0 auto 100px;
font-size: 18px;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body table {
margin: 0 auto 40px;
font-size: 14px;
}
}
.post-body .pdt-detail__body table th, .post-body .pdt-detail__body table td {
border-top: 1px solid #DBCCCC;
padding: 15px 20px;
font-weight: normal;
margin: 0;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body table th, .post-body .pdt-detail__body table td {
padding: 10px 15px;
}
}
.post-body .pdt-detail__body table tr {
margin: 0;
}
.post-body .pdt-detail__body table tr th {
background-color: #FFFFFF;
max-width: 200px;
text-align: left;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body table tr th {
max-width: 100%;
}
}
.post-body .pdt-detail__body .button__list {
margin-top: 2em;
}
.post-body .pdt-detail__body .button__list .button__link.button-m.is-rectangle {
width: 290px;
height: 66px;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body .button__list .button__link.button-m.is-rectangle {
height: 60px;
min-width: 300px;
}
}
.post-body .pdt-detail__body .pdt-taste-chart {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 100px;
padding-top: 20px;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body .pdt-taste-chart {
margin-bottom: 0px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.post-body .pdt-detail__body .pdt-taste-chart li {
width: calc((100% - 48px) / 4);
margin-right: 16px;
background-color: #FFFFFF;
border-radius: 3px;
margin: 0 auto;
height: 100px;
position: relative;
}
@media (max-width: 768px) {
.post-body .pdt-detail__body .pdt-taste-chart li {
width: calc(50% - 10px);
margin-bottom: 40px;
height: 80px;
}
.post-body .pdt-detail__body .pdt-taste-chart li:nth-child(2n) {
margin-left: 20px;
}
}
.post-body .pdt-detail__body .pdt-taste-chart li:last-child {
margin-right: 0;
}
.post-body .pdt-detail__body .pdt-taste-chart .pdt-taste__title {
font-size: 18px;
font-weight: 500;
text-align: center;
background-color: #000000;
color: #fff;
width: 162px;
height: 38px;
border-radius: 19px;
display: block;
line-height: 38px;
margin: 0 auto;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.post-body .pdt-detail__body .pdt-taste-chart .pdt-taste__title {
font-size: 14px;
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 15px;
}
}
.post-body .pdt-detail__body .pdt-taste-chart li:after {
content: "";
display: block;
width: 136px;
height: 25px;
margin: 5px auto 0;
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/product/bean-rate.png);
background-repeat: repeat-x;
background-size: 136px auto;
}
.post-body .pdt-detail__body .pdt-taste-chart .taste-1:after {
background-position: 0 0;
}
.post-body .pdt-detail__body .pdt-taste-chart .taste-2:after {
background-position: 0 -50px;
}
.post-body .pdt-detail__body .pdt-taste-chart .taste-3:after {
background-position: 0 -100px;
}
.post-body .pdt-detail__body .pdt-taste-chart .taste-4:after {
background-position: 0 -150px;
}
.post-body .pdt-detail__body .pdt-taste-chart .taste-5:after {
background-position: 0 -200px;
}
.post-body .wrapping-case01 {
background-color: #FFFFFF;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 16px;
}
@media (max-width: 768px) {
.post-body .wrapping-case01 {
font-size: 14px;
}
}
.post-body .wrapping-case01 figure {
margin: 30px 15px;
}
.post-body .wrapping-case01 figure figcaption {
text-align: center;
}
@media (max-width: 768px) {
.post-body .wrapping-case01 figure figcaption {
font-size: 12px;
}
}
.post-body .wrapping-case02 {
background-color: #FFFFFF;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 16px;
padding-left: 7%;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.post-body .wrapping-case02 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
padding-left: 0;
}
}
.post-body .wrapping-case02 figure {
margin: 30px 15px;
}
@media (max-width: 768px) {
.post-body .wrapping-case02 figure {
width: calc(50% - 20px);
margin: 20px 10px;
}
}
.post-body .wrapping-case02 figure figcaption {
text-align: center;
}
@media (max-width: 768px) {
.post-body .wrapping-case02 figure figcaption {
font-size: 12px;
}
}
.post-body .wrapping-case02 p {
width: 40%;
font-size: 18px;
padding-left: 2%;
}
@media (max-width: 768px) {
.post-body .wrapping-case02 p {
width: 100%;
font-size: 14px;
padding: 0 20px;
}
}
.post-body .noshi-case {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
padding: 40px 0;
}
@media (max-width: 768px) {
.post-body .noshi-case {
padding: 20px 0;
display: block;
}
}
.post-body .noshi-case:before {
top: 0;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
left: 0;
}
.post-body .noshi-case.is-last {
margin-bottom: 30px;
}
.post-body .noshi-case.is-last:after {
bottom: 0;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='dot-line_00000140007220843246026060000016357187205615146425_'	 xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 2'	 style='enable-background:new 0 0 8 2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23333333;}%3C/style%3E%3Cpath id='dot-line' class='st0' d='M1,2L1,2C0.4,2,0,1.6,0,1c0-0.6,0.4-1,1-1h0c0.6,0,1,0.4,1,1C2,1.6,1.6,2,1,2z'/%3E%3C/svg%3E");
display: block;
position: absolute;
background-size: auto 100%;
height: 1px;
width: 100%;
left: 0;
}
.post-body .noshi-case .noshi-case__img {
width: 220px;
}
@media (max-width: 768px) {
.post-body .noshi-case .noshi-case__img {
margin: 0 auto;
text-align: center;
}
}
.post-body .noshi-case .noshi-case__text {
width: calc(100% - 220px);
}
@media (max-width: 768px) {
.post-body .noshi-case .noshi-case__text {
width: 100%;
}
}
.post-body .noshi-case .noshi-case__text dl {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.post-body .noshi-case .noshi-case__text dl dt {
width: 60px;
background-color: #000000;
color: #fff;
font-size: 14px;
padding: 0.2em 0.4em;
text-align: center;
margin-right: 20px;
margin-bottom: 16px;
}
.post-body .noshi-case .noshi-case__text dl dd {
width: calc(100% - 80px);
font-size: 18px;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.post-body .noshi-case .noshi-case__text dl dd {
font-size: 14px;
}
}
.post-body .noshi-notice {
color: #000000;
font-weight: bold;
margin-bottom: 4em;
}
.post-body .notice {
font-size: 16px;
}
@media (max-width: 768px) {
.post-body .notice {
font-size: 12px;
}
}
@media (max-width: 768px) {
.post-body .button__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.post-body .button__list a {
text-decoration: none;
} @media screen and (min-width: 960px) {
.fs-l-product1 .fs-l-productLayout,
.fs-l-product2 .fs-l-productLayout,
.fs-l-product3 .fs-l-productLayout,
.fs-l-product4 .fs-l-productLayout {
grid-template-columns: 54.6296296296% 45.3703703704%;
grid-gap: 0;
}
} .fs-c-productCarouselMainImage__image {
display: block !important;
}
div#fs_productCarouselMainImage {
border-width: 1px;
border-style: solid;
}
.fs-c-productCarouselMainImage {
max-width: 584px;
margin: 0 auto;
}
.fs-c-productMainImage, .fs-c-productThumbnail {
max-width: 540px;
} .fs-c-slick.slick-initialized .slick-slide {
max-width: 570px;
width: 100%;
}
.fs-c-slick.slick-initialized .slick-slide .fs-c-productCarouselMainImage__image {
width: 100%;
max-width: 100vw;
height: 0;
margin: 0 auto;
padding-top: 100%;
position: relative;
}
.fs-c-slick.slick-initialized .slick-slide .fs-c-productCarouselMainImage__image img {
margin: 0 auto;
position: absolute;
left: 0;
top: 0;
object-fit: contain;
width: 100%;
height: 100%;
}
@media (max-width: 599px) {
.fs-c-slick.slick-initialized .slick-slide {
max-width: 93.6vw;
}
}
.fs-c-productImageModalCarousel__figure__caption + .fs-c-productImageModalCarousel__figure__image {
max-height: calc(100vh - 3.6em);
}
.fs-c-productMainImage__expandButton.fs-c-buttonContainer {
display: none;
} .fs-c-productCarouselMainImage__expandButton.fs-c-buttonContainer {
padding: 8px 0 0;
text-align: right;
}
button.fs-c-button--plain:not(.fs-c-button--cancel--cart):not(.fs-c-button--inquiryAboutProduct):not(.fs-c-button--addToCart--list):not(.fs-c-button--buyItLater) { line-height: 1;
}
button.fs-c-button--plain:not(.fs-c-button--cancel--cart):not(.fs-c-button--inquiryAboutProduct):not(.fs-c-button--addToCart--list):not(.fs-c-button--buyItLater):before {
font-size: 3em;
}
@media (max-width: 768px) {
button.fs-c-button--plain:not(.fs-c-button--cancel--cart):not(.fs-c-button--inquiryAboutProduct):not(.fs-c-button--addToCart--list):not(.fs-c-button--buyItLater):before {
font-size: 2em;
}
} .fs-c-productCarouselMainImage__thumbnailList > li,
.fs-c-productThumbnail__image {
flex-basis: 103px;
flex-shrink: 0;
margin: 0 6px 16px 0;
opacity: 0.7;
cursor: pointer;
}
.fs-c-productCarouselMainImage__thumbnailList > li img,
.fs-c-productThumbnail__image img {
border: none;
}
.fs-c-productCarouselMainImage__thumbnailList > li.is-active,
.fs-c-productThumbnail__image.is-active {
border: none;
opacity: 1;
}
.fs-c-productCarouselMainImage__thumbnailList > li.is-active img,
.fs-c-productThumbnail__image.is-active img {
border: none;
}
.fs-c-productCarouselMainImage__thumbnailList > li:last-child,
.fs-c-productThumbnail__image:last-child {
margin-right: 0;
}
.fs-c-productCarouselMainImage__thumbnailList,
.fs-c-productThumbnail {
flex-wrap: wrap;
overflow-x: auto;
margin: 10px -10px 0 0;
}
.fs-c-productCarouselMainImage__thumbnail {
height: 0;
padding-top: 100%;
position: relative;
}
.fs-c-productCarouselMainImage__thumbnail img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
object-fit: contain;
} h1.fs-c-productNameHeading.fs-c-heading {
font-size: 28px;
line-height: 1.5;
font-weight: 500;
margin: 0 0 15px;
border-bottom: none;
}
h1.fs-c-productNameHeading.fs-c-heading span.fs-c-productNameHeading__copy {
display: block;
margin-bottom: 1em;
font-size: 0.6em;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
font-weight: bold;
} .fs-c-productNumber {
font-size: 12px;
padding: 0.5em 0.8em;
border: 1px solid #D9D9D9;
margin: 20px 0;
}
@media (max-width: 768px) {
.fs-c-productNumber {
font-size: 12px;
}
}
.fs-c-productNumber .fs-c-productNumber__number {
font-weight: normal;
} .fs-l-product2 .fs-l-productLayout > * > .fs-c-productMarks {
margin-bottom: 10px;
}
.fs-c-productMarks ul {
margin-bottom: 1.6875em;
}
.fs-c-productMarks li.fs-c-productMark__item {
margin-right: 4px;
margin-bottom: 4px;
}
.fs-c-productMarks .fs-c-productMark__mark {
border-radius: 0;
margin: 0;
font-size: 0.875em;
padding: 0.5em 0.7858em;
} .fs-c-productPrice {
justify-content: flex-start;
}
.fs-c-productPrices.fs-c-productPrices--productDetail {
font-weight: bold;
margin-bottom: 20px;
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 12px;
color: #000000;
}
@media (max-width: 768px) {
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 10px;
}
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-price__currencyMark {
font-size: 22px;
padding-left: 0.8em;
}
@media (max-width: 768px) {
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-price__currencyMark {
font-size: 14px;
}
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling span.fs-c-price__value {
font-size: 26px;
font-weight: bold;
}
@media (max-width: 768px) {
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling span.fs-c-price__value {
font-size: 20px;
}
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__addon__label {
font-size: 12px;
font-weight: normal;
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling span.fs-c-productPrice__addon {
margin-left: 0.5em;
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling span.fs-c-productPrice__addon:before, .fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling span.fs-c-productPrice__addon:after {
font-size: 12px;
} .pdt-detail__benefits {
font-size: 12px;
line-height: 1.6666666667;
} .fs-c-productPointDisplay {
background-color: #ffbba8;
padding: 10.5px;
margin: 10px 0 20px;
}
.fs-c-productPointDisplay__quantity {
font-weight: 400;
} .fs-c-productSelection,
.fs-c-productOption {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: unset;
margin-bottom: 10px;
}
.fs-c-productSelection + .fs-c-productSelection {
border-top: 1px dotted #D9D9D9;
}
.fs-c-productOption {
padding-top: 17px;
}
.fs-c-productSelection__name,
.fs-c-productOption__name {
display: inline-block;
font-size: 16px;
font-weight: 400;
width: 9em;
padding: 0;
background: none;
}
.fs-c-productSelection__selection,
.fs-c-productOption__option {
display: inline-block;
padding: 0;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.fs-c-productSelection__selection,
.fs-c-productOption__option {
width: 100%;
font-size: 14px;
}
}
.fs-c-productSelection__selection:last-child,
.fs-c-productOption__option:last-child {
margin-bottom: 0;
}
.fs-c-productSelection__field [type=text] {
padding: 0.313em 1em;
line-height: 1.75;
}
.fs-c-dropdown__menu {
padding: 0.313em 3em 0.313em 1em;
}
.fs-c-dropdown::after {
background-color: #f2f2f2;
}
.fs-c-productOption__comment {
font-size: 14px;
}
@media (max-width: 768px) {
.fs-c-productOption__comment {
font-size: 12px;
padding: 0.5em 0.5em 0;
}
} .fs-c-quantity {
width: 70px;
}
select.fs-c-quantity__select.fs-system-quantity-list,
.fs-c-quantity__number {
padding: 0.313em 0 0.313em 1.875em;
line-height: 1.75;
}
.fs-l-product2 .fs-l-productLayout > * > .fs-c-productQuantityAndWishlist {
margin-top: 10px;
margin-bottom: 15px;
} .pdt-detail__btn {
padding: 30px 0;
}
@media (max-width: 768px) {
.pdt-detail__btn {
padding: 15px 0;
}
}
.pdt-detail__btn a {
width: 632px;
height: 74px;
color: #000000;
font-size: 18px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border: 1px solid #000000;
background-color: #fff;
transition: 0.3s;
}
.pdt-detail__btn a:hover {
background-color: #DA3B15;
}
@media (max-width: 768px) {
.pdt-detail__btn a {
width: 100%;
height: 60px;
font-size: 14px;
}
}
.pdt-detail__btn a .material-symbols-outlined {
margin-right: 0.6em;
font-size: 36px;
font-weight: 300;
}
@media (max-width: 768px) {
.pdt-detail__btn a .material-symbols-outlined {
font-size: 26px;
}
}
.pdt-detail__btn a:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 14.2 8.1' style='enable-background:new 0 0 14.2 8.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23CC4A4D;}%3C/style%3E%3Cpath class='st0' d='M7.1,8.1C6.8,8.1,6.6,8,6.4,7.8L0.7,2.1c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5,5l5-5c0.4-0.4,1-0.4,1.4,0	s0.4,1,0,1.4L7.8,7.8C7.6,8,7.3,8.1,7.1,8.1z'/%3E%3C/svg%3E");
display: block;
filter: brightness(0);
width: 12px;
height: 6px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
margin-left: 0.5em;
}
.pdt-detail__btn a:hover {
text-decoration: none;
color: #000000;
}
.pdt-detail__btn a:hover:after {
filter: brightness(1);
} .fs-c-button--particular {
background-color: #fff;
font-size: 12px;
}
.fs-c-button--particular:hover {
background-color: #fff;
color: #fff;
} .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before,
.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
content: "\e919";
width: 18px;
height: 18px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 18px;
font-size: 20px;
color: #ABABAB;
background-color: transparent;
border-radius: 50%;
text-align: center;
transition: 0.3s;
position: relative;
right: 0;
bottom: 0;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before .fs-c-button--removeFromWishList--icon,
.fs-c-button--particular.fs-c-button--addToWishList--icon::before .fs-c-button--removeFromWishList--icon {
color: #000000;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon:hover:before,
.fs-c-button--particular.fs-c-button--addToWishList--icon:hover:before {
color: #D20003;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon:hover:before .fs-c-button--removeFromWishList--icon,
.fs-c-button--particular.fs-c-button--addToWishList--icon:hover:before .fs-c-button--removeFromWishList--icon {
color: #D20003;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-c-button--particular.fs-c-button--removeFromWishList--detail {
padding: 0 !important;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail　::after {
content: "\e919";
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 30px;
color: #CBCBCB;
background-color: #fff;
border-radius: 50%;
text-align: center;
margin-left: 0;
transition: 0.3s;
position: relative;
right: 0;
bottom: 0;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after .fs-c-button--removeFromWishList--icon,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail　::after .fs-c-button--removeFromWishList--icon {
color: #F5CBC1;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
background-color: #000000;
color: #fff;
content: "\e919";
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #D20003;
border-radius: 50%;
text-align: center;
margin-left: 0;
transition: 0.3s;
position: relative;
background: transparent;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
content: "\e919";
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 30px;
color: #CBCBCB;
border-radius: 50%;
text-align: center;
margin-left: 0;
transition: 0.3s;
position: relative;
background-color: #000000;
color: #fff;
}
.fs-c-productListItem__productDescription {
margin: 0 0 8px;
line-height: 1.4;
} @media (max-width: 768px) {
.fs-l-productLayout .pdt-selection__wrap {
margin-bottom: 2em;
}
}
.fs-l-productLayout {
margin-bottom: 1px;
}
@media (max-width: 768px) {
.fs-l-productLayout {
margin-bottom: 40px;
display: block;
}
}
.pdt-selection__wrap {
margin-top: 10px;
}
.pulldown-title {
padding: 10px 8px 10px 0;
font-size: 18px;
border-bottom: 1px solid #000000;
position: relative;
cursor: pointer;
}
@media (max-width: 768px) {
.pulldown-title {
padding: 1em 40px 1em 0.5em;
font-size: 14px;
}
}
.pulldown-title:before, .pulldown-title:after {
content: "";
background: #000000;
height: 1px;
width: 12px;
right: 8px;
position: absolute;
top: 50%;
display: block;
transition: 0.3s;
}
@media (max-width: 768px) {
.pulldown-title:before, .pulldown-title:after {
width: 10px;
right: 2.6vw;
}
}
.pulldown-title:after {
transform: rotate(90deg);
}
@media (max-width: 768px) {
.pulldown-title:hover {
background-color: inherit;
color: inherit;
}
}
.pulldown-title.is-active:before {
transform: rotate(180deg);
}
.pulldown-title.is-active:after {
transform: rotate(360deg);
}
.pulldown-body {
font-size: 16px;
}
@media (max-width: 768px) {
.pulldown-body {
font-size: 14px;
}
}
.other-size__list {
max-width: 200px;
padding-top: 5px;
}
@media (max-width: 768px) {
.other-size__list {
max-width: 100%;
width: 100%;
}
}
.other-size__list li {
border-bottom: 1px dotted #333333;
padding: 8px 10px;
}
.other-size__list li a {
color: #000000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: 0.3s;
}
.other-size__list li a:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 14.2 8.1' style='enable-background:new 0 0 14.2 8.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23CC4A4D;}%3C/style%3E%3Cpath class='st0' d='M7.1,8.1C6.8,8.1,6.6,8,6.4,7.8L0.7,2.1c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5,5l5-5c0.4-0.4,1-0.4,1.4,0	s0.4,1,0,1.4L7.8,7.8C7.6,8,7.3,8.1,7.1,8.1z'/%3E%3C/svg%3E");
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/common/ico-arrow_thin.svg);
width: 7px;
height: 13px;
display: block;
filter: brightness(0);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
}
@media (max-width: 768px) {
.other-size__list li a:after {
width: 5px;
height: 11px;
}
}
.other-size__list li a:hover {
color: #000000;
text-decoration: none;
}
@media (max-width: 768px) {
.other-size__list li a:hover {
color: #000000;
}
}
.other-size__list li a:hover:after {
filter: brightness(1);
transform: translateX(10px);
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/common/ico-arrow_thin_pink.svg);
}
@media (max-width: 768px) {
.other-size__list li a:hover:after {
filter: brightness(0);
transform: translateX(0);
background-image: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/image/common/ico-arrow_thin.svg);
}
}
.fs-c-productSelection {
padding: 20px 0 12px;
}
.fs-c-productSelection + .fs-c-productSelection {
padding-top: 0;
}
@media (max-width: 768px) {
.fs-c-productSelection {
padding: 20px 0;
}
}
.fs-c-productSelection,
.fs-c-productOption {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fs-c-productSelection__name, .fs-c-productOption__name {
display: block;
font-size: 16px;
font-weight: 400;
padding: 10px 0;
width: 100%;
}
@media (max-width: 768px) {
.fs-c-productSelection__name, .fs-c-productOption__name {
font-size: 14px;
padding: 0 0 0.5em;
}
}
.fs-c-productSelection__label {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-weight: bold;
padding-right: 1em;
}
.fs-c-productSelection__label .fs-c-requiredMark {
margin-left: 1em;
}
.fs-c-productOption__name .fs-c-requiredMark, .fs-c-productOption__name .fs-c-requiredMark {
margin-left: 1em;
}
.fs-c-productSelection__selection {
display: block;
padding: 0;
margin-bottom: 15px;
box-sizing: border-box;
width: 100%;
}
@media (max-width: 768px) {
.fs-c-productSelection__selection {
font-size: 14px;
padding: 0 0.5em 1em;
}
}
.fs-c-productSelection__selection:last-child {
margin-bottom: 0;
}
.fs-c-productSelection__field [type=text] {
padding: 0.313em 1em;
line-height: 1.75;
}
.fs-c-dropdown__menu {
padding: 0.313em 3em 0.313em 1em;
}
.fs-c-dropdown::after {
background-color: #f2f2f2;
}
.fs-l-productLayout span.fs-c-radio__radioMark,
.fs-l-productLayout .fs-c-checkbox__checkMark {
display: block;
} .fs-c-button--particular.fs-c-button--addToWishList--detail,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail {
color: #000000;
border: none;
outline: none;
box-shadow: none;
font-size: 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.fs-c-button--particular.fs-c-button--addToWishList--detail,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail {
width: 160px;
height: 40px;
border-radius: 20px;
}
}
.fs-c-button--particular.fs-c-button--addToWishList--detail .fs-c-button__label,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail .fs-c-button__label {
font-size: 0;
}
@media (max-width: 768px) {
.fs-c-button--particular.fs-c-button--addToWishList--detail .fs-c-button__label:after,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail .fs-c-button__label:after {
font-size: 14px;
}
}
.fs-c-button--particular.fs-c-button--addToWishList--detail:hover:after,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail:hover:after {
color: #000000;
background-color: transparent;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after {
color: #C9C9C9;
background: none;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail .fs-c-button__label:after {
content: "お気に入り解除";
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
color: #DA3B15;
background-color: transparent;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail:hover:after {
color: #DA3B15;
opacity: 0.7;
background-color: transparent;
} .fs-c-productActionButton.fs-c-buttonContainer {
padding-top: 2px;
margin-bottom: 15px;
}
.fs-c-button--primary,
.fs-c-button--secondary {
box-shadow: unset;
display: flex;
justify-content: center;
align-items: center;
transition: 0.25s;
}
.fs-c-button--primary { }
.fs-c-button--primary:hover {
border-width: 1px;
border-style: solid;
opacity: 1;
}
.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary,
.fs-l-product2 .fs-c-productActionButton .fs-c-button--secondary {
font-size: 17px;
height: 64px;
padding: 0;
position: relative;
}
.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary:hover,
.fs-l-product2 .fs-c-productActionButton .fs-c-button--secondary:hover {
border-width: 1px;
border-style: solid;
opacity: 1;
}
.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary::before {
content: "";
display: inline-block;
width: 1.35em;
height: 1.35em;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
left: 1.6em;
margin: auto 0;
} input.fs-c-quantity__number.fs-system-quantity-text { border-radius: 0;
}
.fs-c-cartTable__row select.fs-c-quantity__select.fs-system-quantity-list {
min-width: auto;
}
.fs-c-productQuantityAndWishlist select.fs-c-quantity__select.fs-system-quantity-list {
min-width: 75px;
}
span.fs-c-productQuantityAndWishlist__quantity.fs-c-quantity.fs-system-assistTarget {
display: flex;
align-items: center;
}
span.fs-c-productQuantityAndWishlist__quantity.fs-c-quantity.fs-system-assistTarget::before {
content: "数量";
display: inline-block;
font-size: 18px;
min-width: 52px;
}
span.fs-c-productQuantityAndWishlist__quantity.fs-c-quantity.fs-system-assistTarget::after { } .fs-c-variationCart > li {
-ms-grid-columns: 1fr 9em 144px;
grid-template-columns: 1fr 9em 144px;
} .fs-c-returnedSpecialContract,
.fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct,
.dtl-shopping {
padding: 0;
line-height: 1.4;
margin-bottom: 8px;
font-size: 12px;
}
@media (max-width: 768px) {
.fs-c-returnedSpecialContract,
.fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct,
.dtl-shopping {
font-size: 14px;
}
}
.fs-c-returnedSpecialContract a,
.fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct a,
.dtl-shopping a {
color: #000000;
}
.fs-c-button--plain,
.fs-c-productReview a {
color: #000000;
}
.fs-c-reviewStars {
padding-top: 2px;
}
.fs-c-returnedSpecialContract__link a:hover, .dtl-shopping a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.fs-c-returnedSpecialContract__link a:hover, .dtl-shopping a:hover {
text-decoration: none;
}
}
.fs-c-returnedSpecialContract__link a::before,
button.fs-c-button--inquiryAboutProduct.fs-c-button--plain span::before,
p.dtl_shopping a::before {
vertical-align: middle;
}
.fs-c-returnedSpecialContract {
margin-bottom: 0;
font-size: 12px;
}
@media (max-width: 768px) {
.fs-c-returnedSpecialContract {
font-size: 12px;
margin-bottom: 8px !important;
}
}
.fs-c-returnedSpecialContract .fs-c-returnedSpecialContract__link a::before {
content: "\f130";
display: inline-block;
font-family: bootstrap-icons !important;
padding-right: 8px;
font-size: 16px;
color: #000;
position: relative;
top: -2px;
}
@media (max-width: 768px) {
.fs-c-returnedSpecialContract .fs-c-returnedSpecialContract__link a::before {
font-size: 14px;
}
}
.fs-c-inquiryAboutProduct {
margin-bottom: 0;
}
.fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct.fs-c-button--plain {
font-size: 12px;
}
@media (max-width: 768px) {
.fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct.fs-c-button--plain {
font-size: 12px;
}
}
.fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct.fs-c-button--plain span::before {
content: "\f32f";
display: inline-block;
font-family: bootstrap-icons !important;
padding-right: 8px;
font-size: 16px;
color: #000;
position: relative;
top: -2px;
}
@media (max-width: 768px) {
.fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct.fs-c-button--plain span::before {
font-size: 14px;
}
}
p.dtl-shopping a::before {
content: "\f5ea";
display: inline-block;
font-family: bootstrap-icons !important;
padding-right: 5px;
font-size: 15px;
color: #000;
vertical-align: middle;
}
@media (max-width: 768px) {
p.dtl-shopping a::before {
font-size: 14px;
}
}
.fs-p-snsArea {
margin: 15px 0;
}
.fs-c-radio__radioLabelText {
flex-grow: unset;
} .fs-l-productLayout .fs-c-productOption__name {
background: none;
}
.fs-l-productLayout .fs-c-productOption__name span.fs-c-productOption__label,
.fs-l-productLayout .fs-c-productChooseVariation .fs-c-variationLabel {
font-size: 20px;
}
.fs-l-productLayout .fs-c-productOption__option {
padding: 0;
font-size: 16px;
}
.fs-l-productLayout .fs-c-radio__label {
display: flex;
}
.fs-l-productLayout .fs-c-radio__radioLabelText {
flex-grow: unset;
}
.fs-l-productLayout .fs-c-radio__radio:checked:enabled + label {
color: #000000;
}
.fs-l-productLayout span.fs-c-radio__radioMark {
display: none;
}
.fs-l-productLayout .fs-c-price__addon {
font-size: 0.8em;
}
.fs-l-productLayout .fs-c-variationMatrix__panel {
margin: 0;
padding: 8px 20px;
border-radius: 0;
}
.fs-l-productLayout .fs-c-productChooseVariation {
margin-top: 12px;
}
.fs-l-productLayout .fs-c-variationAndActions__stockSignLegend.fs-c-stockSignLegend {
font-size: 16px;
margin-top: 0.5em;
}
.fs-l-productLayout dl.fs-c-productOption .fs-c-radioGroup,
.fs-l-productLayout dl.fs-c-productOption .fs-c-checkboxGroup {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.fs-l-productLayout .fs-c-radioGroup .fs-c-radio:not(:last-child),
.fs-l-productLayout .fs-c-checkboxGroup .fs-c-radio:not(:last-child) {
margin: 0 0 5px;
}
.fs-l-productLayout .fs-c-radioGroup .fs-c-radio,
.fs-l-productLayout .fs-c-checkboxGroup .fs-c-radio {
display: inline-block;
flex-basis: auto;
margin: 0 5px 5px 0;
}
.fs-c-variationMatrix {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fs-c-variationMatrix li.fs-c-variationMatrix__row {
width: calc(50% - 2.5px);
margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
.fs-c-featuredProduct .fs-c-productListCarousel__ctrl {
min-width: 18px;
}
}
@media (max-width: 768px) { .fs-l-product2 .fs-l-productLayout > * > * {
margin-bottom: 4px;
} .fs-c-productCarouselMainImage__thumbnailList,
.fs-c-productThumbnail {
margin: 5px -8px 0 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li,
.fs-c-productThumbnail__image {
flex-basis: 83px;
margin: 0 8px 8px 0;
}      }
@media (max-width: 768px) and (max-width: 768px) {
.fs-c-productCarouselMainImage__thumbnailList > li,
.fs-c-productThumbnail__image {
flex-basis: calc(20% - 6px);
margin: 0 2px 8px;
}
}
@media (max-width: 768px) {
h1.fs-c-productNameHeading.fs-c-heading {
font-size: 22px;
padding-top: 0.48em;
}
}
@media (max-width: 768px) and (max-width: 768px) {
h1.fs-c-productNameHeading.fs-c-heading {
font-size: 18px;
padding-top: 0;
}
}
@media (max-width: 768px) {
.fs-c-productSelection__selection {
margin-bottom: 12px;
}
dd.fs-c-productSelection__selection:nth-child(9)::before {
margin-bottom: 4px;
font-size: 12px;
line-height: 1.4;
top: -4px;
}
.fs-l-product2 .fs-l-productLayout > * > .fs-c-productQuantityAndWishlist {
margin-top: 8px;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail {
padding: 0.574em 1em 0.574em 1.5em;
}
.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary,
.fs-l-product2 .fs-c-productActionButton .fs-c-button--secondary {
min-width: 300px;
height: 50px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary,
.fs-l-product2 .fs-c-productActionButton .fs-c-button--secondary {
min-width: 100%;
height: 60px;
font-size: 14px;
}
}
@media (max-width: 768px) {
.fs-c-variationCart > li {
-ms-grid-columns: 1fr 4em 125px;
grid-template-columns: 1fr 4em 125px;
}
.fs-c-variationList__item__cart .fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label,
.fs-c-variationList__item__cart .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label {
display: none;
}
}
.fs-c-button--removeFromWishList--icon:hover {
background: none;
} div#history-flick,
div#recommend--flick {
border-top: 1px solid #d4d4d4;
padding: 60px 0;
}
div#history-flick h2.heading.center,
div#recommend--flick h2.heading.center {
font-size: 1.42857em;
line-height: 1.4;
margin: 0 auto 1.8em;
}
@media (max-width: 768px) {
div#history-flick,
div#recommend--flick {
padding: 40px 0;
margin-bottom: 1em;
}
}
div#recommend--flick {
margin-top: 60px;
}
@media (max-width: 768px) {
div#recommend--flick {
margin-top: 40px;
}
}
.fr2-carousel.product-list {
max-width: 1500px;
padding: 0 20px;
margin: 0 auto;
}
.fr2-carousel.product-list .fr2-listItem {
padding: 0 22px;
}
.fr2-carousel.product-list .rcmd-slick-prev {
left: 33px;
}
.fr2-carousel.product-list .rcmd-slick-next {
right: 33px;
}
.fr2-carousel.product-list .rcmd-slick-arrow::before {
width: 25px;
height: 25px;
background: #fff;
border-bottom: 4px solid #cc4895;
border-left: 4px solid #cc4895;
transform: rotate(45deg);
opacity: 1;
}
.fr2-carousel.product-list .rcmd-slick-arrow.rcmd-slick-disabled {
pointer-events: none;
}
.fr2-carousel.product-list .rcmd-slick-arrow.rcmd-slick-disabled::before {
border-color: #d4d4d4;
opacity: 0.3;
}
@media (max-width: 768px) {
.fr2-carousel.product-list {
padding: 0 3.2vw;
}
.fr2-carousel.product-list .rcmd-slick-list {
margin: 0 calc(25px + 5vw);
}
.fr2-carousel.product-list .fr2-listItem {
padding: 0 2vw;
}
.fr2-carousel.product-list .rcmd-slick-prev {
left: 5vw;
}
.fr2-carousel.product-list .rcmd-slick-next {
right: 5vw;
}
.fr2-carousel.product-list .rcmd-slick-arrow::before {
width: 20px;
height: 20px;
border-width: 3px;
}
}
.fs-l-productLayout__item .image {
margin: 2.8em auto;
}
@media (max-width: 768px) {
.fs-l-productLayout__item .image {
margin: 1.4em auto;
}
} .fs-l-product2 .fs-l-productLayout .fs-c-productNotice--outOfStock {
background-color: #D4D4D4;
margin-bottom: 20px;
}
.sec-pdt-details,
.sec-recommend-howtoeat,
.sec-products-content,
.sec-pdt-review {
width: 100%;
padding-left: 15px; padding-right: 15px; margin-bottom: 0 !important;
}
@media (max-width: 768px) {
.sec-recommend-howtoeat,
.sec-products-content,
.sec-pdt-review {
padding-left: 0px;
padding-right: 0px;
}
}
.sec-pdt-details h2,
.sec-products-content h2 {
margin-bottom: 2em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 50px;
position: relative;
margin-top: 0;
}
@media (max-width: 768px) {
.sec-pdt-details h2,
.sec-products-content h2 {
padding: 7.81vw 0 0;
}
}
.sec-pdt-details h2:after,
.sec-products-content h2:after {
content: "";
height: 2px;
display: block;
top: -1px;
left: 0;
width: 40px;
position: absolute;
background-color: #DA3B15;
}
.sec-pdt-details h2 span:lang(ja),
.sec-products-content h2 span:lang(ja) {
font-size: 28px;
margin-right: 1em;
}
@media (max-width: 768px) {
.sec-pdt-details h2 span:lang(ja),
.sec-products-content h2 span:lang(ja) {
font-size: 24px;
}
}
.sec-pdt-details h2 span:lang(en),
.sec-products-content h2 span:lang(en) {
font-size: 14px;
font-family: "Cormorant Garamond", serif;
padding-bottom: 0.5em;
}
@media (max-width: 768px) {
.sec-pdt-details h2 span:lang(en),
.sec-products-content h2 span:lang(en) {
font-size: 8px;
}
}
.sec-pdt-details p,
.sec-products-content p {
font-size: 16px;
line-height: 1.75;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.sec-pdt-details p,
.sec-products-content p {
font-size: 14px;
}
}
.sec-pdt-details p.align-center,
.sec-products-content p.align-center {
text-align: center;
}
.sec-pdt-details p.align-right,
.sec-products-content p.align-right {
text-align: right;
}
.sec-pdt-details .columns,
.sec-products-content .columns {
margin: 50px auto;
}
@media (max-width: 768px) {
.sec-pdt-details .columns,
.sec-products-content .columns {
margin: 1em auto;
}
}
.sec-pdt-details .columns .column__media,
.sec-products-content .columns .column__media {
width: 100%;
padding-right: 9.375%;
}
@media (max-width: 768px) {
.sec-pdt-details .columns .column__media,
.sec-products-content .columns .column__media {
padding: 0;
}
}
.sec-pdt-details .columns .column__media img,
.sec-products-content .columns .column__media img {
width: 100%;
height: auto;
}
.sec-pdt-details .columns .column__text,
.sec-products-content .columns .column__text {
width: 100%;
padding-left: 0;
}
.sec-pdt-details .columns.is-reverse .column__media,
.sec-products-content .columns.is-reverse .column__media {
padding-left: 9.375%;
padding-right: 0;
}
@media (max-width: 768px) {
.sec-pdt-details .columns.is-reverse .column__media,
.sec-products-content .columns.is-reverse .column__media {
padding: 0;
}
}
.sec-pdt-details .columns.is-reverse .column__text,
.sec-products-content .columns.is-reverse .column__text {
width: 100%;
padding-right: 0;
}
.sec-recommend-howtoeat {
position: relative;
margin-top: 130px;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.sec-recommend-howtoeat {
margin-top: 10.4vw;
padding-bottom: 2.7vw;
}
}
.sec-recommend-howtoeat h2 {
background-color: #000000;
color: #fff;
display: block;
width: 400px;
height: 70px;
line-height: 70px;
position: relative;
z-index: 1;
font-size: 20px;
transform: translateY(-50%);
}
@media (max-width: 768px) {
.sec-recommend-howtoeat h2 {
font-size: 16px;
width: 90vw;
height: 13.02vw;
line-height: 13.02vw;
transform: translateY(0);
}
}
.sec-recommend-howtoeat h2 strong {
font-size: 28px;
padding-left: 0.5em;
font-weight: normal;
}
@media (max-width: 768px) {
.sec-recommend-howtoeat h2 strong {
font-size: 18px;
}
}
.sec-recommend-howtoeat h2:after {
background-color: #000000;
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
z-index: -1;
right: 0;
left: auto;
}
.sec-recommend-howtoeat .columns {
grid-template-columns: 50% 1fr;
}
.sec-recommend-howtoeat .columns .column__media {
padding-left: 9.375%;
padding-right: 0;
grid-column: 2;
}
@media (max-width: 768px) {
.sec-recommend-howtoeat .columns .column__media {
padding-left: 0;
}
}
.sec-recommend-howtoeat .columns .column__media img {
width: 100%;
height: auto;
}
.sec-recommend-howtoeat .columns .column__text {
width: 100%;
padding-right: 0;
padding-left: 0;
grid-column: 1;
}
.sec-recommend-howtoeat:after {
background-color: #F4F4F4;
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
z-index: -1;
}
.sec-products-content {
position: relative;
padding-bottom: 80px;
}
.sec-products-content:before {
content: "";
height: 1px;
width: 300vw;
display: block;
background-color: #D9D9D9;
position: absolute;
top: 0;
left: -50vw;
}
.sec-products-content table {
text-align: left;
font-weight: normal;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.sec-products-content table th, .sec-products-content table td {
border-bottom: 1px solid #D9D9D9;
padding: 20px;
font-size: 16px;
}
@media (max-width: 768px) {
.sec-products-content table th, .sec-products-content table td {
display: block;
font-size: 14px;
}
}
.sec-products-content table th {
min-width: none;
white-space: nowrap;
}
@media (max-width: 768px) {
.sec-products-content table th {
border: none;
padding: 5.2vw 0 0;
}
}
@media (max-width: 768px) {
.sec-products-content table td {
padding: 5.2vw 0;
}
}
.sec-products-content table tr:last-child th, .sec-products-content table tr:last-child td {
border: none;
}
.sec-pdt-review {
position: relative;
padding-bottom: 80px;
}
.sec-pdt-review:before {
content: "";
height: 1px;
width: 300vw;
display: block;
background-color: #D9D9D9;
position: absolute;
top: 0;
left: -50vw;
}
.sec-pdt-review h2 {
margin-bottom: 2em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 50px;
position: relative;
margin-top: 0;
}
@media (max-width: 768px) {
.sec-pdt-review h2 {
padding: 7.81vw 0 0;
}
}
.sec-pdt-review h2:after {
content: "";
height: 2px;
display: block;
top: -1px;
left: 0;
width: 40px;
position: absolute;
background-color: #DA3B15;
}
.sec-pdt-review h2 span:lang(ja) {
font-size: 28px;
margin-right: 1em;
}
@media (max-width: 768px) {
.sec-pdt-review h2 span:lang(ja) {
font-size: 24px;
}
}
.sec-pdt-review h2 span:lang(en) {
font-size: 14px;
font-family: "Cormorant Garamond", serif;
padding-bottom: 0.5em;
}
@media (max-width: 768px) {
.sec-pdt-review h2 span:lang(en) {
font-size: 8px;
}
}
.sec-recommenditem,
.sec-checkeditem {
position: relative;
margin-top: 0;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.sec-recommenditem:before,
.sec-checkeditem:before {
content: "";
height: 1px;
width: 300vw;
display: block;
background-color: #D9D9D9;
position: absolute;
top: 0;
left: -50vw;
}
.sec-recommenditem:after,
.sec-checkeditem:after {
content: "";
height: 2px;
display: block;
top: -1px;
left: 50%;
transform: translateX(-50%);
width: 40px;
position: absolute;
background-color: #DA3B15;
}
.sec-recommenditem h2,
.sec-checkeditem h2 {
margin-bottom: 2em;
padding-top: 50px;
font-size: 28px;
margin-top: 0;
text-align: center;
}
@media (max-width: 768px) {
.sec-recommenditem h2,
.sec-checkeditem h2 {
margin-bottom: 2em;
padding-top: 5.2vw;
font-size: 18px;
line-height: 1.5;
}
}
.flywheel-recommend__frame .fs-p-heading--lv2 {
display: none;
}
.flywheel-recommend__frame .fr3-productListCarousel__slides {
overflow-x: hidden;
}
@media (max-width: 768px) {
.flywheel-recommend__frame .fr3-productListCarousel__slides {
overflow-x: scroll;
}
}
.sec-recommenditem .bg01 {
padding-bottom: 80px;
}
@media (max-width: 768px) {
.sec-recommenditem .bg01 {
padding-bottom: 20px;
}
}
.sec-checkeditem.bg01:before {
border-top: 1px solid #D9D9D9;
} .fs-c-requiredMark::before,
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before,
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark,
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark,
.fs-p-productSearch input[type=checkbox]:checked + .fs-c-checkbox__checkMark,
.fs-p-productSearch input[type=checkbox]:checked + .fs-c-checkbox__checkMark,
.fs-p-productSearch input[type=radio]:checked + .fs-c-radio__radioMark::before {
background-color: #DA3B15;
border-color: #DA3B15;
} .fs-c-postage__table,
.fs-c-postage__table__headerCell {
font-size: 14px;
}
.fs-c-postage__list > dt,
.fs-c-postage__table > thead,
.fs-c-specTable__headerCell,
.fs-c-cartTable__headerCell,
.fs-body-my-account-password .fs-c-inputInformation__field,
.fs-c-noResultMessage,
.fs-p-accountInfo,
.fs-c-button--standard,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
background-color: #F8F8F8;
}
.fs-c-fsLoginField .fs-c-inputTable__headerCell {
width: 35%;
}
@media (max-width: 768px) {
.fs-c-fsLoginField .fs-c-inputTable__headerCell {
width: 100%;
font-size: 14px;
padding-bottom: 0;
margin-bottom: 0;
}
}
body#fs_Register .fs-c-inputTable > tbody tr th,
.mw_wp_form .fs-c-inputTable > tbody tr th {
border: none;
border-bottom: 1px solid #D9D9D9;
background: transparent;
}
body#fs_Register .fs-c-inputTable > tbody tr th.fs-c-inputTable__headerCell,
.mw_wp_form .fs-c-inputTable > tbody tr th.fs-c-inputTable__headerCell {
width: 30%;
}
@media (max-width: 768px) {
body#fs_Register .fs-c-inputTable > tbody tr th.fs-c-inputTable__headerCell,
.mw_wp_form .fs-c-inputTable > tbody tr th.fs-c-inputTable__headerCell {
width: 100%;
}
}
@media (max-width: 768px) {
body#fs_Register .fs-c-inputTable > tbody tr th,
.mw_wp_form .fs-c-inputTable > tbody tr th {
border-bottom: none;
font-size: 14px;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 0;
}
}
@media (max-width: 768px) {
body#fs_Register .fs-c-inputTable > tbody tr,
.mw_wp_form .fs-c-inputTable > tbody tr {
font-size: 14px;
}
}
@media (max-width: 768px) {
body#fs_Register .fs-c-inputTable > tbody tr td,
.mw_wp_form .fs-c-inputTable > tbody tr td {
padding-left: 0;
padding-right: 0;
}
} .productRating {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.ratingcount-0 {
display: none;
}
.fs-c-rating {
display: flex;
color: #DDC27D;
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-rating {
font-size: 12px;
}
}
.fs-c-aggregateRating {
margin-bottom: 1em;
}
.fs-c-aggregateRating__rating::before {
color: #000000;
font-size: 18px;
}
@media (max-width: 768px) {
.fs-c-aggregateRating__rating::before {
font-size: 14px;
}
}
.fs-c-aggregateRating__rating {
flex: unset;
}
.fs-c-aggregateRating__count {
font-size: 18px;
}
@media (max-width: 768px) {
.fs-c-aggregateRating__count {
font-size: 14px;
}
}
.fs-c-reviewer__profile, .fs-c-reviewInfo__date {
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-reviewer__profile, .fs-c-reviewInfo__date {
font-size: 12px;
}
}
.fs-c-reviewBody {
background-color: #fff;
padding: 1.2em 0 0;
}
.fs-c-reviewList__item {
padding: 20px 30px;
}
@media (max-width: 768px) {
.fs-c-reviewList__item {
padding: 5.2vw 0;
}
}
.fs-c-reviewList__item:first-child {
border-top: 1px solid #D9D9D9;
}
.fs-c-aggregateRating__rating::before {
font-size: 20px;
margin-bottom: 0.8em;
}
@media (max-width: 768px) {
.fs-c-aggregateRating__rating::before {
font-size: 14px;
}
}
.fs-c-aggregateRating__count {
color: #DDC27D;
}  .fs-c-rating__value,
.fs-c-reviewStars::before {
color: #DDC27D;
} .fs-c-reviewerStatus {
background-color: #DDC27D;
font-size: 1em;
min-width: 12em;
margin: 0.4em auto 0.5em;
} .fs-c-reviewBody { border: 0;
} h1.fs-c-heading.fs-c-heading--page {
font-size: 30px;
text-align: center;
font-weight: bold;
border-bottom: 2px solid;
padding: 0 0 10px;
margin: 0 auto 35px;
}
@media (max-width: 768px) {
h1.fs-c-heading.fs-c-heading--page {
font-size: 26px;
padding: 0 0px 15px 0px;
font-weight: 400;
}
}
aside + .fs-l-pageMain h1.fs-c-heading.fs-c-heading--page {
text-align: left;
}
h2.title,
h2.fs-c-subSection__title,
h2.fs-c-documentArticle__heading,
h2.fs-p-announcement__title,
h2.fs-c-wishlistProduct__title,
h2.fs-c-featuredProduct__title,
h2.fs-c-linkedServiceLogin__title {
color: #000000;
position: relative;
font-size: 28px;
margin: 0 0 25px;
padding: 0;
font-weight: 600;
background-color: transparent;
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
h2.title,
h2.fs-c-subSection__title,
h2.fs-c-documentArticle__heading,
h2.fs-p-announcement__title,
h2.fs-c-wishlistProduct__title,
h2.fs-c-featuredProduct__title,
h2.fs-c-linkedServiceLogin__title {
font-size: 18px;
min-height: auto;
padding: 0.6em 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 0 0 1em;
}
}
h2.title:not(:first-child),
h2.fs-c-subSection__title:not(:first-child),
h2.fs-c-documentArticle__heading:not(:first-child),
h2.fs-p-announcement__title:not(:first-child),
h2.fs-c-wishlistProduct__title:not(:first-child),
h2.fs-c-featuredProduct__title:not(:first-child),
h2.fs-c-linkedServiceLogin__title:not(:first-child) {
margin-top: 2.8em;
}
h2.title:before,
h2.fs-c-subSection__title:before,
h2.fs-c-documentArticle__heading:before,
h2.fs-p-announcement__title:before,
h2.fs-c-wishlistProduct__title:before,
h2.fs-c-featuredProduct__title:before,
h2.fs-c-linkedServiceLogin__title:before {
content: "";
width: 2px;
height: 1em;
background-color: #DA3B15;
display: block;
margin-right: 0.8em;
}
@media (max-width: 768px) {
h2.title:before,
h2.fs-c-subSection__title:before,
h2.fs-c-documentArticle__heading:before,
h2.fs-p-announcement__title:before,
h2.fs-c-wishlistProduct__title:before,
h2.fs-c-featuredProduct__title:before,
h2.fs-c-linkedServiceLogin__title:before {
height: 1.6em;
margin-right: 0.5em;
}
}
h3.title,
h2.fs-c-documentColumn__heading,
h3.fs-c-documentColumn__heading,
h3.fs-c-subSection__title {
font-size: 18px;
margin: 2em auto 14px;
line-height: 1.5;
font-weight: 600;
padding: 10px 0 10px;
border: 0;
border-bottom: none;
text-align: left;
position: relative;
color: #000000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
h3.title:before,
h2.fs-c-documentColumn__heading:before,
h3.fs-c-documentColumn__heading:before,
h3.fs-c-subSection__title:before {
content: "";
width: 8px;
height: 1px;
background-color: #DA3B15;
display: block;
margin-right: 0.8em;
}
.fs-c-documentArticle,
.fs-c-documentColumn__content,
.fs-c-documentArticle__content {
padding: 0;
}
.fs-c-documentArticle + .fs-c-documentArticle {
margin-top: 70px;
}
.fs-c-documentArticle > *:not(h2) {
padding-left: 10px;
padding-right: 10px;
}
* + .fs-c-documentColumn {
margin-top: 35px;
}
.fs-c-documentColumn p + p {
margin-top: 1em;
}
.fs-c-documentArticle__content p + p {
margin-top: 1em;
}
.fs-c-documentArticle__content a {
border-bottom: 1px solid;
text-decoration: none;
}
.fs-c-documentArticle__content a:hover {
border: 0;
}
section.fs-l-pageMain .fs-c-documentColumn__content p + h3 {
margin-top: 30px;
margin-bottom: 10px;
}
.fs-c-note {
font-size: 14px;
margin-top: 1em;
}
.fs-c-heading.fs-c-heading--page {
position: relative;
}
dl.fs-c-explainList {
padding: 2em 0 0;
margin: 1em auto;
grid-column-gap: 0;
grid-row-gap: 0;
border-bottom: 1px solid #D9D9D9;
}
dl.fs-c-explainList dt {
border-top: 1px solid #D9D9D9;
padding: 25px 20px;
}
dl.fs-c-explainList dt:not(:last-child) {
margin-bottom: 8px;
}
dl.fs-c-explainList dd {
border-top: 1px solid #D9D9D9;
padding: 25px 20px;
}
dl.fs-c-explainList dd:not(:last-child) {
margin-bottom: 8px;
} #anchor-list {
margin: 0 -5px 40px;
}
#anchor-list li {
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
}
#anchor-list .btn a {
max-width: 100%;
height: 50px;
}
#anchor-list .btn a::after {
transform: rotate(135deg);
}
#faq dl {
border-bottom: 1px solid #c9c9c9;
position: relative;
}
#faq dt,
#faq dd {
display: flex;
text-indent: -47px;
}
#faq dt::before,
#faq dd::before {
display: inline-block;
font-weight: bold;
font-size: 26px;
}
#faq dt {
align-items: center;
line-height: 1.4;
padding: 12px 70px;
position: relative;
cursor: pointer;
}
#faq dt::before {
content: "Q";
color: #9e2324;
}
#faq dt p::before {
content: "";
display: block;
width: 15px;
height: 1px;
background-color: #101010;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto 0;
}
@media (max-width: 768px) {
#faq dt p::before {
width: 10px;
}
}
#faq dt p::after {
content: "";
display: block;
width: 1px;
height: 15px;
background-color: #101010;
position: absolute;
top: 0;
bottom: 0;
right: 27px;
margin: auto 0;
}
@media (max-width: 768px) {
#faq dt p::after {
width: 10px;
}
}
#faq dt.faq_open p::after {
opacity: 0;
}
#faq dd {
padding: 23px 20px 23px 70px;
background-color: #f9f9fa;
}
#faq dd > div {
display: flex;
flex-direction: column;
justify-content: center;
}
#faq dd ul {
text-indent: 0;
}
#faq dd::before {
content: "A";
color: #f39800;
}
#faq dt p,
#faq dd div {
text-indent: 0;
}
@media (max-width: 768px) {
#faq dt {
padding: 12px 32px;
text-indent: -23px;
}
#faq dt::before {
font-size: 16px;
}
#faq dt p::before {
width: 15px;
right: 14px;
}
#faq dt p::after {
height: 15px;
right: 21px;
}
#faq dd {
padding: 12px 12px 12px 32px;
text-indent: -23px;
}
#faq dd::before {
font-size: 16px;
}
} .contact_btn {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.contact_btn > div {
margin: 20px 20px 0;
}
.mw_wp_form .fs-c-buttonContainer {
display: block;
text-align: center;
}
.mw_wp_form .fs-c-buttonContainer .fs-c-button--primary, .mw_wp_form .fs-c-buttonContainer .fs-c-button--secondary {
margin-left: auto;
margin-right: auto;
}
.mw_wp_form_confirm .form-doublecheck_hidden > * {
font-size: 0;
}
.mw_wp_form_confirm .form-doublecheck_hidden td {
padding-top: 0 !important;
}
.mw_wp_form_input .contact_btn > div {
margin: 20px auto 0;
}
.mw_wp_form_input .backbtn {
display: none;
}
.contact_btn input {
background: #444;
color: #fff;
box-shadow: none;
border: 0;
font-size: 1em;
padding: 0.9em 1.6em 0.7em;
border-radius: 3px;
min-width: 240px;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.mw_wp_form_complete p.exp {
margin: 4.8vw 3.2vw 0;
}
.mw_wp_form_complete p.btn {
max-width: 240px;
margin-top: 4.5em;
margin: 4.5em auto 0;
text-align: center;
position: relative;
}
.mw_wp_form_complete p.btn::before {
content: "";
display: block;
width: 0.625em;
height: 0.625em;
border-top: 2px solid #101010;
border-right: 2px solid #101010;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 0.375em);
right: 18px;
}
.mw_wp_form_complete p.btn:hover {
opacity: 0.5;
}
.mw_wp_form_complete p.btn a {
display: block;
background: #ececec;
color: #444;
font-size: 1em;
padding: 0.9em 1.6em 0.7em;
border-radius: 3px;
min-width: 240px;
cursor: pointer;
} .mw_wp_form_confirm .fs-c-inputTextGroup__item {
display: contents;
}
.mw_wp_form_confirm .fs-c-dropdown::after {
display: none;
}
.mw_wp_form_confirm tr td {
border-bottom: 1px solid;
padding-bottom: 0.2em;
}
.mw_wp_form_confirm tr td p.red {
display: none;
}
.contact_btn div.backbtn input {
background: #ececec;
color: #444;
}
.contact_btn div.backbtn input:hover {
opacity: 0.5;
} section.top_news.cf .pager {
margin-top: 3em;
text-align: right;
}
section.top_news.cf .pager p.counts {
font-size: 13px;
}
.nav-links {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 0.5em;
}
.page-numbers {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
padding: 0;
background-color: #f3f3f3;
}
ico-a .page-numbers + .page-numbers {
margin-left: 3px;
}
.next.page-numbers,
.prev.page-numbers,
span.page-numbers.dots {
color: #101010;
cursor: pointer;
white-space: nowrap;
background-color: transparent;
}
.prev.page-numbers::before,
.next.page-numbers::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90b";
display: block;
font-size: 20px;
line-height: 24px;
}
.prev.page-numbers:hover,
.next.page-numbers:hover {
opacity: 0.8;
text-decoration: none;
}
.next.page-numbers::before {
transform: rotate(180deg);
}
span.page-numbers.current {
background-color: #101010;
color: #fff;
} .news_cnt {
min-height: 15em;
}
.pager-dtl {
margin-top: 1em;
font-size: 14px;
}
.pager-dtl ul.flex {
flex-wrap: wrap;
margin: 0 auto;
}
.pager-dtl ul li {
margin-top: 1em;
padding: 0 1em;
margin-left: auto;
}
.pager-dtl ul li:first-child {
margin-left: 0;
}
.prev-top {
margin-top: 3em;
}
.prev-top a {
display: inline-block;
border: 1px solid #c2c2c2;
padding: 3px 15px;
} p.image.image-border {
border: 2px solid #e9e9e9;
}
@media (max-width: 599px) {
p.image.image-border {
border-width: 1px;
}
}
section.flow .container {
padding: 0;
}
section.flow section + section {
margin-top: 45px;
}
@media (max-width: 768px) {
section.flow section + section {
margin-top: 35px;
}
}
ul.step li:not(:last-child) {
padding-bottom: 64px;
position: relative;
}
ul.step li:not(:last-child)::after {
content: "";
display: block;
width: 8px;
height: 100%;
background-color: #fff;
background-image: radial-gradient(#f8f8f8 25%, transparent 40%);
background-size: 8px 8px;
position: absolute;
top: 0;
left: calc(24.54% + 56px);
z-index: -1;
}
ul.step p.image.icon {
width: 24.54%;
background-color: #f8f8f8;
align-items: center;
justify-content: center;
max-height: 220px;
height: 100%;
padding: 64px 0;
}
ul.step p.step-icon {
min-width: 54px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #101010;
background-color: #f8f8f8;
font-size: 22px;
margin: 0 25px 0 35px;
}
ul.step li > div div {
width: calc(75.46% - 104px);
}
ul.step h2.step-ttl {
font-size: 20px;
margin: 0.8em 0 0.95em;
}
ul.step p.txt + p.image {
margin-top: 1.5em;
}
@media (max-width: 768px) {
ul.step p.step-icon {
min-width: 40px;
height: 40px;
font-size: 18px;
margin: 0 10px 0 0;
}
ul.step li > div div {
width: calc(100% - 50px);
}
ul.step li:not(:last-child) {
padding-bottom: 50px;
}
ul.step li:not(:last-child)::after {
left: 16px;
}
ul.step h2.step-ttl {
font-size: 18px;
margin-top: 0.5em;
}
}
.sec-flow {
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.sec-flow .flow__list {
counter-reset: number;
}
.sec-flow .flow__list .flow__item {
padding: 0 0 80px 120px;
position: relative;
}
@media (max-width: 768px) {
.sec-flow .flow__list .flow__item {
padding: 0 0 20px 60px;
}
}
.sec-flow .flow__list .flow__item:after {
width: 1px;
height: 100%;
content: "";
background-color: #000000;
display: block;
position: absolute;
left: 30px;
top: 0;
}
@media (max-width: 768px) {
.sec-flow .flow__list .flow__item:after {
left: 20px;
}
}
.sec-flow .flow__list .flow__item:last-child:after {
display: none;
}
.sec-flow .flow__list .flow__item:before {
position: absolute;
top: 0;
left: 0;
counter-increment: number;
content: counter(number);
color: #fff;
background-color: #000000;
border-radius: 50%;
text-align: center;
display: block;
line-height: 60px;
font-size: 22px;
width: 60px;
height: 60px;
}
@media (max-width: 768px) {
.sec-flow .flow__list .flow__item:before {
line-height: 40px;
font-size: 18px;
width: 40px;
height: 40px;
}
}
.sec-flow .flow__list .flow__item .flow__text h3 {
font-size: 28px;
padding: 10px 0 0;
margin-top: 0;
}
@media (max-width: 768px) {
.sec-flow .flow__list .flow__item .flow__text h3 {
font-size: 20px;
}
}
.sec-flow .flow__list .flow__item .flow__text h4 {
font-size: 18px;
font-weight: 600;
margin-top: 2.5em;
}
@media (max-width: 768px) {
.sec-flow .flow__list .flow__item .flow__text h4 {
font-size: 16px;
}
}
.sec-flow .flow__list .flow__item .flow__text h4:before {
content: "－";
color: #DA3B15;
margin-left: -1.5em;
margin-right: 0.5em;
}
.sec-flow .flow__list .flow__item .flow__text p {
font-size: 16px;
line-height: 1.75;
margin-bottom: 1.5em;
}
@media (max-width: 768px) {
.sec-flow .flow__list .flow__item .flow__text p {
font-size: 14px;
}
} .fs-l-cart {
font-size: 18px;
}
@media (max-width: 768px) {
.fs-l-cart {
font-size: 14px;
margin-top: 0;
}
}
.fs-l-cart .fs-c-button--plain,
.fs-l-cart .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #000000;
}
.fs-l-cart .fs-c-cartTable__actionButton button {
border: 1px solid #DEDEDE;
font-size: 16px;
}
.fs-l-cart .fs-c-cartTable__actionButton button:hover {
border: 1px solid #000000;
text-decoration: none;
}
@media (max-width: 768px) {
.fs-l-cart .fs-c-cartTable__actionButton button:hover {
border: 1px solid #DEDEDE;
}
}
.fs-l-cart .fs-c-noResultMessage {
background-color: #fff;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.fs-l-cart .fs-c-noResultMessage {
margin-bottom: 40px;
}
}
.fs-l-cart .fs-c-noResultMessage .fs-c-noResultMessage__title {
padding: 60px 0;
}
@media (max-width: 768px) {
.fs-l-cart .fs-c-noResultMessage .fs-c-noResultMessage__title {
padding: 20px 0;
}
}
.fs-l-cart .fs-p-announcement__title { }
.fs-l-cart .fs-p-flexibleColumn {
padding: 24px 0 0;
}
.fs-l-cart .fs-p-flexibleColumn .fs-p-linkButton {
border: 1px solid #DEDEDE;
font-size: 16px;
min-width: 178px;
height: 56px;
background-color: #fff;
color: #000000;
transition: 0.3s;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.fs-l-cart .fs-p-flexibleColumn .fs-p-linkButton {
font-size: inherit;
min-width: auto;
height: auto;
padding: 0.5em 1em;
}
}
.fs-l-cart .fs-p-flexibleColumn .fs-p-linkButton:hover {
color: #000000;
border: 1px solid #000000;
}
@media (max-width: 768px) {
.fs-l-cart .fs-p-flexibleColumn .fs-p-linkButton:hover {
color: #000000;
border: 1px solid #DEDEDE;
}
}
.fs-l-cart .fs-c-button--continueShopping.fs-c-button--standard {
border: 1px solid #DEDEDE;
font-size: 16px;
width: 224px;
height: 56px;
background-color: #fff;
color: #000000;
transition: 0.3s;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.fs-l-cart .fs-c-button--continueShopping.fs-c-button--standard {
font-size: inherit;
width: auto;
height: auto;
}
}
.fs-l-cart .fs-c-button--continueShopping.fs-c-button--standard:hover {
color: #000000;
border: 1px solid #000000;
}
@media (max-width: 768px) {
.fs-l-cart .fs-c-button--continueShopping.fs-c-button--standard:hover {
color: #000000;
border: 1px solid #DEDEDE;
}
}
.fs-body-cart .fs-p-announcement__title {
margin-top: 45px;
margin-bottom: 35px;
}
@media (max-width: 768px) {
.fs-body-cart .fs-p-announcement__title {
margin-top: 3em;
margin-bottom: 1em;
}
}
.fs-c-orderTotalTable .fs-c-string--label {
font-size: 16px;
}
.fs-c-orderTotalTable .fs-c-price__currencyMark {
font-size: 14px;
}
.fs-c-orderTotalTable .fs-c-price__value {
font-size: 18px;
} .register-form h2.title + p {
padding: 40px 0;
}
@media (max-width: 768px) {
.register-form h2.title + p {
padding: 20px 0;
}
}
@media (max-width: 768px) {
.register-form {
padding: 0 0 40px;
}
}
.fs-c-inputInformation__message {
margin: 0 auto 60px;
justify-content: flex-start;
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.fs-c-inputInformation__message {
margin: 0 auto 2em;
}
}
@media (max-width: 768px) {
.fs-c-inputInformation__message p {
font-size: inherit;
}
}
.page-register .fs-p-announcement {
margin: 0 auto 120px;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement {
margin: 4em auto 60px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__title {
text-align: center;
color: #000000;
font-weight: 500;
font-size: 24px;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__title {
font-size: 18px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__title strong {
font-size: 30px;
font-weight: 500;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__title strong {
font-size: 20px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body {
padding-top: 30px;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body {
padding-top: 20px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList {
list-style: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList {
display: block;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li {
width: calc(50% - 10px);
background-color: #fff;
height: 172px;
margin-bottom: 20px;
padding: 0 4.1%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li {
width: 100%;
height: auto;
margin-bottom: 10px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li p:first-child {
font-size: 18px;
font-weight: 500;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li p:first-child {
font-size: 14px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li p:last-child {
font-size: 24px;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
color: #000000;
font-weight: bold;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li p:last-child {
font-size: 20px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li p:last-child strong {
font-size: 32px;
font-weight: bold;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li p:last-child strong {
font-size: 24px;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li:before {
display: none;
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li + li {
margin-top: 0;
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li:nth-child(2n) {
margin-left: 20px;
}
@media (max-width: 768px) {
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList li:nth-child(2n) {
margin-left: 0;
}
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList .orderedList__text {
text-indent: 0;
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList .orderedList__img {
padding: 0;
margin: 0;
text-indent: 0;
}
.page-register .fs-p-announcement .fs-p-announcement__body .fs-c-orderedList .orderedList__img img {
width: 100%;
height: auto;
}
.page-register .fs-c-inputInformation__message {
margin: 0 auto 60px;
justify-content: flex-start;
}
@media (max-width: 768px) {
.page-register .fs-c-inputInformation__message {
margin: 0 auto 2em;
}
}
.page-register .fs-c-inputInformation__message p {
font-size: 1.8rem;
}
@media (max-width: 768px) {
.page-register .fs-c-inputInformation__message p {
font-size: inherit;
}
}
.page-register .fs-c-inputInformation__field .fs-c-inputTable__headerCell {
font-size: 18px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.page-register .fs-c-inputInformation__field .fs-c-inputTable__headerCell {
font-size: inherit;
}
}
.page-register .fs-c-checkbox__label {
font-size: 16px;
line-height: 2;
}
@media (max-width: 768px) {
.page-register .fs-c-checkbox__label {
font-size: inherit;
}
}
.page-register .fs-c-checkbox__label a {
color: #000000;
}
@media (max-width: 768px) {
.page-register .fs-c-inputTextGroup .fs-c-inputTextGroup__item {
width: 46%;
}
.page-register .fs-c-inputTextGroup .fs-c-inputTextGroup__item input[type=text] {
width: 100%;
}
.page-register .fs-c-inputTextGroup .fs-c-inputTextGroup__item + .fs-c-inputTextGroup__item {
margin-left: 1em;
}
}
.page-register #fs_input_email {
width: 100%;
}
.sec-membership {
margin-top: 30px;
}
@media (max-width: 768px) {
.sec-membership {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
}
.membership-merit {
padding: 60px 0 40px;
}
@media (max-width: 768px) {
.membership-merit {
padding: 0;
}
}
.membership-merit .membership-merit__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.membership-merit .membership-merit__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.membership-merit .membership-merit__list .membership-merit_item {
width: 25%;
text-align: center;
}
@media (max-width: 768px) {
.membership-merit .membership-merit__list .membership-merit_item {
width: 50%;
margin-bottom: 6vw;
}
.membership-merit .membership-merit__list .membership-merit_item:nth-of-type(3), .membership-merit .membership-merit__list .membership-merit_item:nth-of-type(4) {
margin-bottom: 0;
}
}
.membership-merit .membership-merit__list .membership-merit_item .membership-merit_img img {
max-width: 80px;
height: auto;
}
@media (max-width: 768px) {
.membership-merit .membership-merit__list .membership-merit_item .membership-merit_img img {
width: 18.2291666667vw;
}
}
.membership-merit .membership-merit__list .membership-merit_item .membership-merit_text {
font-size: 16px;
font-weight: bold;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
padding-top: 1em;
}
@media (max-width: 768px) {
.membership-merit .membership-merit__list .membership-merit_item .membership-merit_text {
font-size: 12px;
}
}
.membership-merit .membership-merit__list .membership-merit_item .membership-merit_text strong {
font-size: 22px;
display: inline-block;
font-weight: 600;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
border-bottom: 1px solid #DA3B15;
padding-bottom: 0.2em;
}
@media (max-width: 768px) {
.membership-merit .membership-merit__list .membership-merit_item .membership-merit_text strong {
font-size: 18px;
}
}
.membership-rank__copy {
text-align: center;
font-size: 28px;
font-weight: 500;
padding: 1.5em 0 1em;
}
@media (max-width: 768px) {
.membership-rank__copy {
font-size: 18px;
padding: 0.5em 0 1em;
}
}
.membership-rank__copy strong {
font-weight: 500;
position: relative;
}
.membership-rank__copy strong:after {
content: "・・・";
color: #DA3B15;
position: absolute;
top: -1.5em;
left: 0;
}
@media (max-width: 768px) {
.membership-rank__copy strong:after {
top: -1em;
}
}
.membership-rank__img {
margin-bottom: 120px;
}
@media (max-width: 768px) {
.membership-rank__img {
margin-bottom: 40px;
padding: 0 4vw;
}
}
.mailmagazine-merit {
padding: 60px 0 80px;
}
@media (max-width: 768px) {
.mailmagazine-merit {
padding: 0;
}
}
.mailmagazine-merit .mailmagazine-merit__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.mailmagazine-merit .mailmagazine-merit__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item {
width: 280px;
text-align: center;
margin: 0 40px;
}
@media (max-width: 768px) {
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item {
width: 50%;
margin: 0 0 40px;
}
}
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item .mailmagazine-merit_img img {
max-width: 80px;
height: auto;
}
@media (max-width: 768px) {
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item .mailmagazine-merit_img img {
width: 18.2291666667vw;
}
}
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item .mailmagazine-merit_text {
font-size: 16px;
font-weight: bold;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
padding-top: 1em;
}
@media (max-width: 768px) {
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item .mailmagazine-merit_text {
font-size: 12px;
}
}
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item .mailmagazine-merit_text strong {
font-size: 22px;
display: inline-block;
font-weight: 600;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
border-bottom: 1px solid #DA3B15;
padding-bottom: 0.2em;
}
@media (max-width: 768px) {
.mailmagazine-merit .mailmagazine-merit__list .mailmagazine-merit_item .mailmagazine-merit_text strong {
font-size: 18px;
}
}
.note__list {
padding: 0 0.5em;
}
.note__list li {
padding-left: 1em;
font-size: 12px;
}
.note__list li:before {
content: "※";
margin: 0 0.5em 0 -1.5em;
}
.fs-body-customerDetails .fs-c-agreementField {
border-top: none;
}
.fs-c-agreementConfirmation__message {
margin: 1em 0;
}
@media (max-width: 768px) {
.fs-c-inputInformation {
padding-bottom: 3em;
}
} .post-head {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.post-head {
margin-bottom: 1em;
}
}
.post-head .post-head__time {
margin-right: 1em;
font-size: 14px;
}
@media (max-width: 768px) {
.post-head .post-head__time {
font-size: 12px;
}
}
.post-head .post-head__cat {
background-color: #F5F5F5;
font-size: 14px;
padding: 0.2em 0.4em;
}
@media (max-width: 768px) {
.post-head .post-head__cat {
font-size: 12px;
}
}
.post-head .post-head__title {
color: #000000;
position: relative;
font-size: 28px;
margin: 1em 0 25px;
padding: 0;
font-weight: 600;
background-color: transparent;
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.post-head .post-head__title {
font-size: 18px;
min-height: auto;
padding: 0.6em 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 0 0 1em;
}
}
.post-head .post-head__title:before {
content: "";
width: 2px;
height: 1em;
background-color: #DA3B15;
display: block;
margin-right: 0.8em;
}
@media (max-width: 768px) {
.post-head .post-head__title:before {
height: 1.6em;
margin-right: 0.5em;
}
}
.post-eyecatch {
text-align: center;
position: relative;
z-index: 0;
overflow: hidden;
width: 100%;
margin-bottom: 40px;
}
.post-eyecatch:before {
content: "";
display: block;
}
.post-eyecatch img, .post-eyecatch source {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
object-fit: cover;
}
@media (max-width: 768px) {
.post-eyecatch {
margin-bottom: 5.2vw;
}
}
.post-eyecatch:before {
padding-top: 42.2932%;
}
#toc_container {
border: 1px solid #CBCBCB;
padding: 3.759%;
margin: 80px auto;
}
@media (max-width: 768px) {
#toc_container {
margin: 10.4vw auto;
}
}
#toc_container .toc_title {
font-size: 1.25em;
}
@media (max-width: 768px) {
#toc_container .toc_title {
text-align: center;
}
}
#toc_container .toc_list li {
margin-top: 1em;
}
#toc_container .toc_list li a {
text-decoration: underline;
padding-left: 1.5em;
}
#toc_container .toc_list li a:before {
content: "・";
margin: 0 0 0 -1.5em;
}
#toc_container .toc_list li a:hover {
text-decoration: none;
}
.post-body > * {
font-size: 18px;
line-height: 1.8888888889;
}
@media (max-width: 768px) {
.post-body > * {
font-size: 1em;
}
}
.post-body p a, .post-body table a, .post-body ul a, .post-body ol a, .post-body dl a {
text-decoration: underline;
color: #000000;
}
.post-body p a:hover, .post-body table a:hover, .post-body ul a:hover, .post-body ol a:hover, .post-body dl a:hover {
text-decoration: none;
}
@media (max-width: 768px) {
.post-body p a:hover, .post-body table a:hover, .post-body ul a:hover, .post-body ol a:hover, .post-body dl a:hover {
text-decoration: underline;
}
}
.post-body .wp-block-group {
margin: 4em auto;
background: #C9C9C9;
padding: 40px;
font-size: 1em;
}
@media (max-width: 768px) {
.post-body .wp-block-group {
margin: 2.5em auto 0;
padding: 4vw;
}
.post-body .wp-block-group .wp-block-media-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.post-body .wp-block-group .wp-block-media-text .wp-block-media-text__media {
align-self: center;
}
}
.post-body .wp-block-group .wp-block-group__inner-container > * {
font-size: 1.6em;
line-height: 1.5;
}
@media (max-width: 768px) {
.post-body .wp-block-group .wp-block-group__inner-container > * {
font-size: 1em;
}
}
.post-body .wp-block-group .wp-block-group__inner-container h2.wp-block-heading {
font-size: 2.2em;
border: none;
font-weight: bold;
}
@media (max-width: 768px) {
.post-body .wp-block-group .wp-block-group__inner-container h2.wp-block-heading {
font-size: 1.2em;
margin-bottom: 1em;
}
}
.post-body .wp-block-group .wp-block-group__inner-container h3.wp-block-heading {
font-size: 1em;
}
.post-body .wp-block-group .wp-block-group__inner-container h4.wp-block-heading {
font-size: 1.375em;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
@media (max-width: 768px) {
.post-body .wp-block-group .wp-block-group__inner-container h4.wp-block-heading {
font-size: 1.25em;
}
}
.post-body .wp-block-group .wp-block-group__inner-container p {
line-height: 1.75;
}
.post-body h2 {
background-color: #000000;
color: #fff;
min-height: 50px;
font-size: 20px;
margin: 0 0 25px;
padding: 0 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.post-body h2 {
font-size: 16px;
min-height: auto;
padding: 0.6em 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 0 0 1em;
}
}
.post-body h2:not(:first-child) {
margin-top: 2.8em;
}
.post-body h3 {
font-size: 20px;
color: #000000;
padding-left: 0.8em;
font-weight: bold;
margin: 0 0 0.8em;
position: relative;
}
.post-body h3:before {
width: 3px;
height: 1.2em;
content: "";
display: block;
background-color: #000000;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-48%);
}
.post-body h3:not(:first-child) {
margin-top: 1.5em;
}
@media (max-width: 768px) {
.post-body h3 {
font-size: 16px;
}
}
.post-body h3:not(:first-child) {
margin-top: 1.5em;
}
.post-body h4 {
margin-top: 0.5em;
}
.post-body h4:not(:first-child) {
margin-top: 2.5em;
}
.post-body figure {
margin: 0 0 1em;
}
.post-body p {
margin-bottom: 1.2em;
}
.post-body dl:not(.remove) {
background-color: #fff;
padding: 2em 2.2em 1.2em;
margin-top: 1em;
}
.post-body dl:not(.remove) dt:before {
content: "【";
}
.post-body dl:not(.remove) dt:after {
content: "】";
}
.post-body dl:not(.remove) dd {
padding: 0 0 0.8em;
}
.post-body ol:not(.remove) {
background-color: #fff;
padding: 2em 2.2em 2em 3em;
margin: 1.5em 0;
}
.post-body ul:not(.remove) {
list-style: none;
}
.post-body ul:not(.remove) li {
padding-left: 1em;
}
.post-body ul:not(.remove) li:before {
content: "・";
margin: 0 5px 0 -1.3em;
}
.post-body .wp-block-media-text .wp-block-media-text__content {
padding-right: 0;
padding-left: 8%;
}
@media (max-width: 768px) {
.post-body .wp-block-media-text .wp-block-media-text__content {
padding: 4vw 0;
}
}
.post-body .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
padding-right: 8%;
}
@media (max-width: 768px) {
.post-body .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 4vw 0;
}
}
.post-foot {
border-top: 1px solid #D9D9D9;
padding: 30px 0 30px;
margin: 60px auto 0;
}
@media (max-width: 768px) {
.post-foot {
padding: 20px 0 40px;
margin: 40px auto 0;
}
}
.post-foot .button__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.post-foot .button__list .button__item {
width: 33.3%;
text-align: center;
}
.post-foot .button__list .prev-post {
margin-right: auto;
text-align: left;
}
.post-foot .button__list .prev-post.is-hide a {
display: none;
}
.post-foot .button__list .next-post {
margin-left: auto;
text-align: right;
}
.post-foot .button__list .next-post.is-hide a {
display: none;
}
.post-foot .button__item a[rel=prev], .post-foot .button__item a[rel=next] {
transition: 0.3s;
}
.post-foot .button__item a[rel=prev] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.post-foot .button__item a[rel=prev]:before {
content: "";
display: block;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-size: 7px 13px;
transform: rotate(90deg);
transition: 0.3s;
filter: brightness(0) invert(0);
}
.post-foot .button__item a[rel=prev]:hover:before {
filter: none;
}
.post-foot .button__item a[rel=next] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.post-foot .button__item a[rel=next]:after {
content: "";
display: block;
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-size: 7px 13px;
transform: rotate(-90deg);
transition: 0.3s;
filter: brightness(0) invert(0);
}
.post-foot .button__item a[rel=next]:hover:after {
filter: none;
} .aboutus-head {
text-align: center;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
margin-bottom: 90px;
}
@media (max-width: 768px) {
.aboutus-head {
margin: 0 -4vw 60px;
}
}
.aboutus-head .aboutus-head__title {
margin-bottom: 1em;
}
@media (max-width: 768px) {
.aboutus-head .aboutus-head__title {
font-size: 16px;
margin-bottom: 3em;
padding: 0 4vw;
}
}
.aboutus-head .aboutus-head__title h2 {
margin: 90px auto 40px;
}
@media (max-width: 768px) {
.aboutus-head .aboutus-head__title h2 {
font-size: 16px;
margin: 40px auto 20px;
}
}
.aboutus-head .aboutus-head__title h3 {
font-size: 24px;
font-weight: 500;
}
@media (max-width: 768px) {
.aboutus-head .aboutus-head__title h3 {
font-size: 16px;
}
}
.aboutus-head .aboutus-head__title h2, .aboutus-head .aboutus-head__title h3 {
line-height: 1.75;
}
@media (max-width: 768px) {
.aboutus-head .aboutus-head__image {
margin: 0;
padding: 0;
}
}
.aboutus-head .aboutus-head__text {
padding: 0 4vw;
}
@media (max-width: 768px) {
.aboutus-head .aboutus-head__text {
text-align: left;
}
}
.aboutus-body .columns.case02 {
margin: 74px auto;
}
@media (max-width: 768px) {
.aboutus-body .columns.case02 {
margin: 20px auto;
}
}
.aboutus-body .columns.case02 .column__media img {
box-shadow: 10px 10px 0px 0px rgba(104, 42, 43, 0.64);
}
@media (max-width: 768px) {
.aboutus-body .columns.case02 .column__media img {
box-shadow: 5px 5px 0px 0px rgba(104, 42, 43, 0.64);
}
}
.aboutus-body .columns.case02 .column__text {
padding-left: 6%;
}
@media (max-width: 768px) {
.aboutus-body .columns.case02 .column__text {
padding: 0 5%;
}
}
.aboutus-body .columns.case02.is-reverse .column__text {
padding-right: 6%;
padding-left: 0;
}
@media (max-width: 768px) {
.aboutus-body .columns.case02.is-reverse .column__text {
padding-right: 5%;
padding-left: 5%;
}
}
.aboutus-body .title03 {
margin-top: 0.5em;
}
.tasting-graph__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.tasting-graph__list {
padding: 0 2vw;
}
}
.tasting-graph__list .tasting-graph__item {
background-color: #fff;
text-align: center;
border-radius: 8px;
padding: 30px 2.34375%;
width: calc((100% - 32px) / 3);
margin-right: 16px;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item {
border-radius: 4px;
padding: 20px 2.34375%;
width: calc((100% - 10px) / 2);
margin-right: 5px;
margin-bottom: 10px;
}
}
.tasting-graph__list .tasting-graph__item:nth-child(3n) {
margin-right: 0;
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item:nth-child(3n) {
margin-right: 5px;
}
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item:nth-child(2n) {
margin-right: 0;
margin-left: 5px;
}
}
.tasting-graph__list .tasting-graph__item .tasting-graph__title {
margin-top: 0;
margin-bottom: 0;
}
.tasting-graph__list .tasting-graph__item .tasting-graph__title span {
display: block;
}
.tasting-graph__list .tasting-graph__item .tasting-graph__title span:lang(ja) {
font-size: 24px;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
font-weight: bold;
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item .tasting-graph__title span:lang(ja) {
font-size: 16px;
}
}
.tasting-graph__list .tasting-graph__item .tasting-graph__title span:lang(en) {
font-size: 14px;
margin-bottom: 3px;
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item .tasting-graph__title span:lang(en) {
font-size: 12px;
margin-bottom: 5px;
}
}
.tasting-graph__list .tasting-graph__item .tasting-graph__title span:lang(en):before {
content: "";
width: 46px;
height: 1px;
background-color: #000000;
display: block;
margin: 4px auto 12px;
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item .tasting-graph__title span:lang(en):before {
width: 30px;
margin: 4px auto 12px;
}
}
.tasting-graph__list .tasting-graph__item .tasting-graph__image {
margin: 10px auto;
}
@media (max-width: 768px) {
.tasting-graph__list .tasting-graph__item .tasting-graph__image {
margin: 10px;
}
}
.tasting-graph__list .tasting-graph__item .tasting-graph__graph {
padding: 0;
margin: 15px auto 20px;
}
.tasting-graph__list .tasting-graph__item .tasting-graph__text {
text-align: left;
} .category-head h1 {
text-align: center;
font-family: "Shippori Mincho", "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif;
font-size: 40px;
margin: 20px auto 70px;
}
@media (max-width: 768px) {
.category-head h1 {
font-size: 20px;
margin: 10px auto 40px;
}
}
.sec-category_ranking {
background-color: #F8F8F8;
padding: 30px 0 40px;
margin-bottom: 110px;
}
@media (max-width: 768px) {
.sec-category_ranking {
padding: 40px 4vw;
margin: 0 -4vw 40px;
width: 100vw;
}
}
@media (max-width: 768px) {
.sec-category_ranking .fs-p-heading--lv2 {
margin-bottom: 1em;
}
}
.sec-category_ranking .fs-p-heading--lv2 span:lang(ja) {
font-size: 26px;
}
@media (max-width: 768px) {
.sec-category_ranking .fs-p-heading--lv2 span:lang(ja) {
font-size: 20px;
}
}
.sec-category_ranking .fs-p-heading--lv2 span:lang(en) {
font-size: 16px;
padding-top: 0.2em;
}
@media (max-width: 768px) {
.sec-category_ranking .fs-p-heading--lv2 span:lang(en) {
font-size: 12px;
}
}
.sec-category_ranking .ranking__list {
max-width: 850px;
margin: 0 auto;
}
.sec-category_ranking .ranking__list .fr3-productListStatic {
margin-top: -25px;
}
@media (max-width: 768px) {
.sec-category_ranking .ranking__list .fr3-productListStatic {
margin-top: 0;
}
}
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item {
width: 17.6470588235%;
margin-right: 2.9411764706%;
}
@media (max-width: 768px) {
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item {
width: calc(50% - 2vw);
margin-right: 0;
}
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:first-child {
width: 100%;
}
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:nth-of-type(2), .sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:nth-of-type(4) {
margin-right: 2vw;
}
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:nth-of-type(3), .sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:nth-of-type(5) {
margin-left: 2vw;
}
}
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:before {
top: 5px;
left: 5px;
}
.sec-category_ranking .ranking__list .fr3-productListStatic .fr3-item:last-child {
margin-right: 0;
} .about-head {
text-align: center;
}
.about-head p {
font-size: 18px;
line-height: 2.1111111111;
margin-bottom: 4em;
text-align: center;
}
@media (max-width: 768px) {
.about-head p {
font-size: 14px;
margin-bottom: 2em;
}
}
.about-head p strong {
font-weight: normal;
border-bottom: 1px solid #DA3B15;
}
.about-head p.about__text-l {
font-size: 30px;
line-height: 3;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.about-head p.about__text-l {
font-size: 18px;
}
}
.about-head p.about__text-l img {
height: 2.5em;
width: auto;
transform: translateY(-20%);
}
@media (max-width: 768px) {
.about-head p.about__text-l img {
height: 2em;
}
}
.about-head .about-entertainment__img {
margin: 80px auto;
}
@media (max-width: 768px) {
.about-head .about-entertainment__img {
margin: 40px -3.2vw;
}
}
@media (max-width: 768px) {
.about-head .about-head__img {
margin: 0 -3.2vw;
}
}
.about-head .about-head__heading {
padding: 120px 0 80px;
margin: 0;
}
@media (max-width: 768px) {
.about-head .about-head__heading {
padding: 40px 3.2vw 20px;
}
}
.about-head .about-head__heading img {
width: auto;
height: 90px;
}
.about-head .about__text-l.about-head__last {
line-height: 2;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.about-head .about__text-l.about-head__last {
padding-bottom: 0px;
}
}
.about-head .about__text-l.about-head__last img.about-head-honmamon01 {
height: 1em;
width: auto;
margin: 0 0.2em;
transform: translateY(-50%);
}
.about-head .about__text-l.about-head__last img.about-head-honmamon02 {
height: 1.6em;
width: auto;
margin-right: 0.2em;
transform: translateY(-30%);
}
.sec-store#ponto {
position: relative;
margin-bottom: -100px;
padding-bottom: 120px;
}
@media (max-width: 768px) {
.sec-store#ponto {
margin-bottom: 0;
padding-bottom: 60px;
}
}
.kodawari-head {
position: relative;
color: #fff;
width: 100%;
height: 640px;
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.kodawari-head {
height: 80vw;
}
}
.kodawari-head:after {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-image: url(https://yamakawa2023.itembox.design/item/image/about/kodawari_head.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
}
.kodawari-head h2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.kodawari-head h2 span {
display: block;
letter-spacing: 0.05em;
}
.kodawari-head h2 span:lang(ja) {
line-height: 1.5;
font-size: 40px;
font-weight: normal;
margin-bottom: 0.8em;
}
@media (max-width: 768px) {
.kodawari-head h2 span:lang(ja) {
font-size: 24px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
}
.kodawari-head h2 span:lang(en) {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 16px;
white-space: nowrap;
padding: 0 0.3em;
}
@media (max-width: 768px) {
.kodawari-head h2 span:lang(en) {
font-size: 12px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
}
.kodawari-head h2 span:lang(en):after {
content: "";
height: 1px;
width: 100%;
margin: 0 1em;
background-color: #fff;
}
.sec-kodawari {
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-top: 0;
padding-bottom: 120px;
}
@media (max-width: 768px) {
.sec-kodawari {
padding-bottom: 40px;
}
}
.sec-kodawari p {
font-size: 18px;
line-height: 2.1111111111;
margin-bottom: 4em;
text-align: center;
}
@media (max-width: 768px) {
.sec-kodawari p {
font-size: 14px;
margin-bottom: 2em;
}
}
.sec-kodawari p.about__text-l {
font-size: 30px;
line-height: 3;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.sec-kodawari p.about__text-l {
font-size: 20px;
}
}
.sec-kodawari p.about__text-l + .about__text-l {
line-height: 2.1111111111;
}
.sec-kodawari p img {
height: 2em;
width: auto;
}
@media (max-width: 768px) {
.sec-kodawari p img {
height: 1.8em;
}
}
.sec-kodawari p.kodawari-honmamon01 {
line-height: 2.6;
}
.sec-kodawari p.kodawari-honmamon01 img {
margin: 0 0.2em 0 0.4em;
transform: translateY(-20%);
}
.sec-kodawari p .kodawari-honmamon02 {
margin: 0 0.2em 0 0;
transform: translateY(-15%);
}
.sec-kodawari p .kodawari-honmamon03 {
margin: 0 0.2em 0 0;
transform: translateY(-25%);
}
.sec-kodawari p .kodawari-honmamon04 {
transform: translateY(-20%);
}
.sec-kodawari p .kodawari-honmamon05 {
margin: 0 0.2em 0 0.4em;
transform: translateY(-38%);
}
.sec-kodawari p.kodawari-honmamon06 {
line-height: 2.6;
}
.sec-kodawari p .kodawari-honmamon07 {
height: 1.4em;
transform: translateY(-38%);
margin: 0 0.2em 0 0.4em;
}
.sec-kodawari p .kodawari-honmamon08 {
transform: translateY(-38%);
margin: 0 0.2em 0 0;
}
@media (max-width: 768px) {
.sec-kodawari p {
font-size: 14px;
}
}
.sec-kodawari p.align-center {
text-align: center;
}
.sec-kodawari p.align-right {
text-align: right;
}
.sec-kodawari h3 {
position: relative;
font-size: 30px;
margin: 0;
padding: 60px 0;
line-height: 2.5em;
font-weight: normal;
text-align: center;
background-color: transparent;
border: none;
}
.sec-kodawari h3 strong {
font-weight: normal;
border-bottom: 1px solid #DA3B15;
}
@media (max-width: 768px) {
.sec-kodawari h3 {
font-size: 16px;
min-height: auto;
padding: 0;
line-height: 1.5;
margin: 2.5em 0 0.6em;
}
}
.sec-kodawari h3:not(:first-child) {
margin-top: 2.8em;
}
@media (max-width: 768px) {
.sec-kodawari h3:not(:first-child) {
margin-top: 1.5em;
}
}
.sec-kodawari .columns {
margin: 80px auto;
}
@media (max-width: 768px) {
.sec-kodawari .columns {
margin: 40px auto;
}
}
.sec-kodawari .columns p {
text-align: left;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.sec-kodawari .columns {
margin: 20px auto;
}
}
.sec-kodawari .columns .column__media {
width: 100%;
padding-right: 9.375%;
}
@media (max-width: 768px) {
.sec-kodawari .columns .column__media {
padding: 0 0 4vw;
}
}
.sec-kodawari .columns .column__media img {
width: 100%;
height: auto;
}
.sec-kodawari .columns .column__text {
width: 100%;
padding-left: 0;
padding-bottom: 0;
}
.sec-kodawari .columns.is-reverse .column__media {
padding-left: 9.375%;
padding-right: 0;
}
@media (max-width: 768px) {
.sec-kodawari .columns.is-reverse .column__media {
padding: 0 0 4vw;
}
}
.sec-kodawari .columns.is-reverse .column__text {
width: 100%;
padding-right: 0;
padding-bottom: 0;
}
.sec-store {
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 768px) {
.sec-store {
padding-top: 60px;
padding-bottom: 60px;
}
}
.sec-store .store-logo {
text-align: center;
}
.sec-store .store-logo img {
width: auto;
height: 80px;
}
@media (max-width: 768px) {
.sec-store .store-logo img {
height: 40px;
}
}
.sec-store .store-heading {
text-align: center;
padding: 50px 0;
font-size: 40px;
line-height: 1.6;
position: relative;
}
@media (max-width: 768px) {
.sec-store .store-heading {
padding: 20px 0;
font-size: 30px;
}
}
.sec-store .store-heading em {
font-style: normal;
font-size: 20px;
padding-bottom: 0.3em;
position: relative;
display: inline-block;
transform: translateY(-20%);
}
@media (max-width: 768px) {
.sec-store .store-heading em {
font-size: 12px;
}
}
@media (max-width: 768px) {
.sec-store .store-heading {
font-size: 18px;
}
}
.sec-store p {
font-size: 16px;
line-height: 1.875;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.sec-store p {
font-size: 14px;
}
}
.sec-store p.align-center {
text-align: center;
}
.sec-store p.align-right {
text-align: right;
}
.sec-store h3 {
position: relative;
font-size: 28px;
margin: 0 0 25px;
padding: 0;
font-weight: 600;
background-color: transparent;
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.sec-store h3 {
font-size: 16px;
min-height: auto;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 2.5em 0 0.6em;
}
}
.sec-store h3:not(:first-child) {
margin-top: 2.8em;
}
@media (max-width: 768px) {
.sec-store h3:not(:first-child) {
margin-top: 1.5em;
}
}
.sec-store h3:before {
content: "";
width: 2px;
height: 1em;
background-color: #DA3B15;
display: block;
margin-right: 0.8em;
}
@media (max-width: 768px) {
.sec-store h3:before {
height: 1.6em;
}
}
.sec-store .columns {
margin: 50px auto;
}
@media (max-width: 768px) {
.sec-store .columns {
margin: 20px auto;
}
}
.sec-store .columns .column__media {
width: 100%;
padding-right: 9.375%;
}
@media (max-width: 768px) {
.sec-store .columns .column__media {
padding: 0;
}
}
.sec-store .columns .column__media img {
width: 100%;
height: auto;
}
.sec-store .columns .column__text {
width: 100%;
padding-left: 0;
}
.sec-store .columns.is-reverse .column__media {
padding-left: 9.375%;
padding-right: 0;
}
@media (max-width: 768px) {
.sec-store .columns.is-reverse .column__media {
padding: 0;
}
}
.sec-store .columns.is-reverse .column__text {
width: 100%;
padding-right: 0;
}
.sec-store .store-summary {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #D9D9D9;
margin: 40px auto 60px;
}
@media (max-width: 768px) {
.sec-store .store-summary {
margin: 20px auto;
}
}
.sec-store .store-summary dt, .sec-store .store-summary dd {
box-sizing: border-box;
border-top: 1px solid #D9D9D9;
padding: 25px;
}
@media (max-width: 768px) {
.sec-store .store-summary dt, .sec-store .store-summary dd {
padding: 15px 0;
}
}
.sec-store .store-summary dt {
width: 220px;
}
@media (max-width: 768px) {
.sec-store .store-summary dt {
width: 100px;
}
}
.sec-store .store-summary dd {
width: calc(100% - 220px);
}
@media (max-width: 768px) {
.sec-store .store-summary dd {
width: calc(100% - 100px);
}
}
.sec-store iframe {
width: 100%;
height: 280px;
}
@media (max-width: 768px) {
.sec-store iframe {
height: 50vw;
}
} .fs-l-main.is-specialpage {
position: relative;
margin-bottom: -100px;
padding-bottom: 0;
}
@media (max-width: 768px) {
.fs-l-main.is-specialpage {
margin-bottom: 0;
padding-bottom: 40px;
}
}
.fs-l-main.is-specialpage:after {
content: "";
width: 500%;
z-index: -2;
position: absolute;
left: 50%;
top: 0;
margin-left: -250%;
height: 100%;
background-color: #000000;
}
.fs-l-main.is-specialpage > *,
.fs-l-main.is-specialpage a:visited,
.fs-l-main.is-specialpage h2.title, .fs-l-main.is-specialpage h2.fs-c-subSection__title, .fs-l-main.is-specialpage h2.fs-c-documentArticle__heading, .fs-l-main.is-specialpage h2.fs-p-announcement__title, .fs-l-main.is-specialpage h2.fs-p-heading--lv2, .fs-l-main.is-specialpage h2.fs-c-wishlistProduct__title, .fs-l-main.is-specialpage h2.fs-c-featuredProduct__title,
.fs-l-main.is-specialpage .fr3-item__productName {
color: #fff;
}
.fs-l-main.is-specialpage .breadcrumb__list, .fs-l-main.is-specialpage .fs-c-breadcrumb__list {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 768px) {
.campaing-bg {
margin: 0 -3.2vw;
}
}
.campaign-head {
margin: 0 auto 100px;
}
.campaign-head .campaign-head__image {
margin: 0;
padding: 0;
}
.campaign-head .campaign-head__image img {
width: 100%;
height: auto;
}
.campaign-head .campaign-head__text {
line-height: 1.6;
font-size: 40px;
margin: 100px auto 50px;
text-align: center;
}
@media (max-width: 768px) {
.campaign-head .campaign-head__text {
font-size: 22px;
}
}
.campaign-head .campaign-head__text.align-left {
text-align: left;
}
.campaign-head .campaign-head__text.align-center {
text-align: center;
}
.campaign-head .campaign-head__text.align-right {
text-align: right;
}
@media (max-width: 768px) {
.campaign-head .campaign-head__text {
padding: 0 4vw;
margin: 40px auto;
}
}
.campaign-head .campaign-head__subtext {
line-height: 1.6;
font-size: 18px;
text-align: center;
margin: 50px auto 100px;
}
@media (max-width: 768px) {
.campaign-head .campaign-head__subtext {
font-size: 16px;
}
}
.campaign-head .campaign-head__subtext.align-left {
text-align: left;
}
.campaign-head .campaign-head__subtext.align-center {
text-align: center;
}
.campaign-head .campaign-head__subtext.align-right {
text-align: right;
}
@media (max-width: 768px) {
.campaign-head .campaign-head__subtext {
padding: 0 6vw;
margin: 20px auto;
}
}
.campaign-body {
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-bottom: 100px;
}
@media (max-width: 768px) {
.campaign-body {
padding: 0 3.2vw;
margin-bottom: 40px;
}
}
.campaign-body p {
font-size: 16px;
line-height: 1.75;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.campaign-body p {
font-size: 14px;
}
}
.campaign-body p.align-center {
text-align: center;
}
.campaign-body p.align-right {
text-align: right;
}
.campaign-body h3 {
position: relative;
font-size: 28px;
margin: 0 0 25px;
padding: 0;
font-weight: 600;
background-color: transparent;
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.campaign-body h3 {
font-size: 16px;
min-height: auto;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 2.5em 0 0.6em;
}
}
.campaign-body h3:not(:first-child) {
margin-top: 2.8em;
}
@media (max-width: 768px) {
.campaign-body h3:not(:first-child) {
margin-top: 1.5em;
}
}
.campaign-body h3:before {
content: "";
width: 2px;
height: 1em;
background-color: #DA3B15;
display: block;
margin-right: 0.8em;
}
@media (max-width: 768px) {
.campaign-body h3:before {
height: 1.6em;
}
}
.campaign-body .columns {
margin: 50px auto;
}
@media (max-width: 768px) {
.campaign-body .columns {
margin: 20px auto;
}
}
.campaign-body .columns .column__media {
width: 100%;
padding-right: 9.375%;
}
@media (max-width: 768px) {
.campaign-body .columns .column__media {
padding: 0;
}
}
.campaign-body .columns .column__media img {
width: 100%;
height: auto;
}
.campaign-body .columns .column__text {
width: 100%;
padding-left: 0;
}
.campaign-body .columns.is-reverse .column__media {
padding-left: 9.375%;
padding-right: 0;
}
@media (max-width: 768px) {
.campaign-body .columns.is-reverse .column__media {
padding: 0;
}
}
.campaign-body .columns.is-reverse .column__text {
width: 100%;
padding-right: 0;
}
.sec-campaign_recommend {
margin-top: 100px;
margin-bottom: 0;
padding-bottom: 100px;
}
@media (max-width: 768px) {
.sec-campaign_recommend {
padding: 0 3.2vw 0;
margin: 0 -3.2vw;
}
}
.sec-campaign_recommend .fs-p-heading--lv2 {
display: none;
}
.sec-campaign_recommend h2 {
position: relative;
border-top: 1px solid #fff;
width: 100%;
text-align: center;
line-height: 1;
padding: 55px 0 0;
margin: 0 auto 80px;
font-size: 40px;
white-space: nowrap;
position: relative;
}
@media (max-width: 768px) {
.sec-campaign_recommend h2 {
font-size: 20px;
margin: 0 auto;
padding: 30px 0 40px;
}
}
.sec-campaign_recommend h2:before {
content: "";
display: block;
margin: 0 auto;
width: 40px;
height: 2px;
background-color: #DA3B15;
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
}
.sec-campaign_recommend .fr3-item {
margin-bottom: 20px;
padding-bottom: 0;
position: relative;
}
@media (max-width: 768px) {
.sec-campaign_recommend .fr3-item {
margin-bottom: 10px;
padding-bottom: 0;
}
}
.sec-campaign_recommend .fr3-item .fr3-item__readMore {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.sec-campaign_recommend .fr3-item .fr3-item__readMore a {
background-color: #000000;
color: #fff;
display: block;
text-align: center;
font-size: 16px;
height: 40px;
width: 100%;
line-height: 38px;
margin-top: 10px;
}
@media (max-width: 768px) {
.sec-campaign_recommend .fr3-item .fr3-item__readMore a {
font-size: 12px;
height: 30px;
line-height: 30px;
}
}
.sec-campaign_recommend .fr3-item .fr3-item__readMore a:hover {
background-color: #000000;
border: 1px solid #000000;
color: #fff;
}
@media (max-width: 768px) {
.sec-campaign_recommend .fr3-item .fr3-item__readMore a:hover {
border: 1px solid #000000;
background-color: #000000;
color: #fff;
}
} .local-nav + .faq-category {
margin-top: 80px;
}
@media (max-width: 768px) {
.local-nav + .faq-category {
margin-top: 4em;
}
}
.faq-category {
margin: 0 0 80px;
width: 100%;
max-width: calc(960px + 4vw);
padding-left: 2vw;
padding-right: 2vw;
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (max-width: 768px) {
.faq-category {
margin: 4em 0 0;
padding: 0 2vw;
}
}
.faq-title {
position: relative;
font-size: 28px;
margin: 0 0 35px;
padding: 0;
font-weight: 600;
background-color: transparent;
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.faq-title {
font-size: 16px;
min-height: auto;
padding: 0.6em 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 0 0 1em;
}
}
.faq-title:not(:first-child) {
margin-top: 2.8em;
}
.faq-title:before {
content: "";
width: 2px;
height: 1em;
background-color: #DA3B15;
display: block;
margin-right: 0.8em;
}
@media (max-width: 768px) {
.faq-title {
font-size: 16px;
padding: 0;
}
}
.faq-list {
border-bottom: 1px solid #CBCBCB;
}
@media (max-width: 768px) {
.faq-list {
margin-bottom: 5vw;
}
}
.faq-question {
border-top: 1px solid #CBCBCB;
}
.faq-question, .faq-answer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.faq-question, .faq-answer {
padding: 1em 0;
}
}
.faq-question:before, .faq-answer:before {
font-size: 20px;
font-weight: 400;
margin: 0 2em 0 0.6em;
position: relative;
top: 0.2em;
}
@media (max-width: 768px) {
.faq-question:before, .faq-answer:before {
padding: 0;
font-size: 1.2em;
margin: 0 0.5em 0 0;
line-height: 1;
top: 0;
}
}
.faq-question h3, .faq-answer h3 {
position: relative;
line-height: 1.8;
padding: 0 50px 0 0;
margin: 0;
font-size: 18px;
font-weight: normal;
}
@media (max-width: 768px) {
.faq-question h3, .faq-answer h3 {
font-size: 14px;
}
}
.faq-question h3:before, .faq-question h3:after, .faq-answer h3:before, .faq-answer h3:after {
content: "";
width: 15px;
height: 1px;
background: #000000;
display: block;
position: absolute;
right: 0;
top: 1em;
transition: 0.3s;
}
@media (max-width: 768px) {
.faq-question h3:before, .faq-question h3:after, .faq-answer h3:before, .faq-answer h3:after {
width: 15px;
height: 1px;
}
}
.faq-question h3:after, .faq-answer h3:after {
transform: rotate(90deg);
}
@media (max-width: 768px) {
.faq-question h3, .faq-answer h3 {
padding: 0 20px 0 0;
}
}
.faq-question.is-active h3:before, .faq-answer.is-active h3:before {
transform: rotate(180deg);
}
.faq-question.is-active h3:after, .faq-answer.is-active h3:after {
transform: rotate(180deg);
}
.faq-question {
cursor: pointer;
padding: 29px 1.6em 29px 1em;
font-size: 16px;
}
@media (max-width: 768px) {
.faq-question {
padding: 1.5em 0.5em;
font-size: 14px;
}
}
.faq-question h3 {
width: 100%;
font-weight: 600;
}
.faq-question:before {
content: "Q";
line-height: 1;
font-weight: 500;
}
@media (max-width: 768px) {
.faq-question:before {
font-size: 1.384em;
padding: 0.1em 0 0;
}
}
.faq-answer {
background-color: #FBFBFB;
padding: 30px 50px 30px 1em;
}
@media (max-width: 768px) {
.faq-answer {
padding: 1.5em 1em 1.5em 0.5em;
}
}
.faq-answer:before {
content: "A";
line-height: 1;
font-weight: 500;
color: #000000;
}
@media (max-width: 768px) {
.faq-answer:before {
font-size: 1.384em;
}
}
.faq-answer .faq-answer__inner p:not(:last-child) {
margin-bottom: 1.5em;
} .flow__list {
list-style: none;
counter-reset: number;
position: relative;
margin: 0 auto;
}
.flow__list .flow__item .flow__inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.flow__list .flow__item .flow__inner {
display: block;
}
}
.flow__list .flow__item .flow__icon {
width: 26.0416666667%;
text-align: center;
min-width: 150px;
padding: 0;
margin: 0;
}
@media (max-width: 768px) {
.flow__list .flow__item .flow__icon {
display: none;
}
}
.flow__list .flow__item .flow__title {
background-color: #000000;
color: #fff;
min-height: 50px;
font-size: 2rem;
margin: 0 0 30px;
padding: 0 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.flow__list .flow__item .flow__title {
font-size: 16px;
min-height: auto;
padding: 0.6em 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 1.5;
margin: 0 0 1em;
}
}
.flow__list .flow__item .flow__title:before {
counter-increment: number;
content: counter(number, decimal-leading-zero) ".";
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, YuGothic, "Yu Gothic Medium", "Yu Gothic", Osaka, sans-serif;
margin-right: 10px;
white-space: nowrap;
}
.flow__list .flow__item .flow__subtitle {
font-size: 2rem;
color: #000000;
border-left: 3px solid #000000;
padding-left: 0.5em;
font-weight: bold;
margin: 0 0 1em;
}
.flow__list .flow__item .flow__subtitle:not(:first-child) {
margin-top: 1.5em;
}
@media (max-width: 768px) {
.flow__list .flow__item .flow__subtitle {
font-size: 16px;
}
} .page-order h3:not(:first-child) {
margin-top: 50px;
}
@media (max-width: 768px) {
.page-order h3:not(:first-child) {
margin-top: 2em;
}
}
.page-order h3.u-line {
border-bottom: 1px solid #ABABAB;
padding-bottom: 16px;
margin: 60px 0;
}
@media (max-width: 768px) {
.page-order h3.u-line {
margin: 1.5em 0 1em;
padding-bottom: 0.5em;
}
}
.page-order h3.u-line:before {
top: 6px;
height: 1.4em;
transform: translateY(0%);
}
.order-tel-fax {
color: #000000;
background-color: #fff;
width: calc(100% - 8px);
text-align: center;
padding-bottom: 40px;
margin-top: 30px;
margin-bottom: 55px;
}
@media (max-width: 768px) {
.order-tel-fax {
margin: 0;
width: 100%;
padding: 20px 0;
margin: 0 0 40px;
}
}
.order-tel-fax h4 {
font-size: 18px;
padding-top: 45px;
margin: 0 auto 3px;
}
@media (max-width: 768px) {
.order-tel-fax h4 {
margin: 0 auto;
padding: 0;
font-size: 14px;
}
}
.order-tel-fax p {
margin-bottom: 0;
}
.order-tel-fax .tel, .order-tel-fax .fax {
color: #000000;
font-size: 36px;
font-weight: 700;
}
@media (max-width: 768px) {
.order-tel-fax .tel, .order-tel-fax .fax {
font-size: 27px;
}
}
.order-tel-fax .tel span, .order-tel-fax .fax span {
color: #000000;
font-size: 36px;
margin-right: 0.3em;
position: relative;
top: 3px;
}
@media (max-width: 768px) {
.order-tel-fax .tel span, .order-tel-fax .fax span {
font-size: 26px;
}
}
.order-tel-fax .business-hour {
display: inline-block;
font-size: 14px;
padding: 0 0 5px 1.2em;
}
@media (max-width: 768px) {
.order-tel-fax .business-hour {
font-size: 12px;
padding: 0;
}
}
.order-tel-fax dt, .order-tel-fax .button__list {
font-size: 14px;
}
@media (max-width: 768px) {
.order-tel-fax dt, .order-tel-fax .button__list {
font-size: 14px;
}
}
.order-tel-fax dt a, .order-tel-fax .button__list a {
text-decoration: none;
}
@media (max-width: 959px) {
.order-tel-fax .button__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 1em;
}
}
@media (max-width: 768px) {
.order-tel-fax .button__list {
padding-top: 0.5em;
}
}
.order-tel-fax .callink {
text-decoration: none;
}
.order-tel-fax dl {
padding: 10px 0 0;
margin: 0;
font-size: 14px;
}
@media (max-width: 959px) {
.order-tel-fax dl {
display: block;
}
}
@media (max-width: 768px) {
.order-tel-fax dl {
padding-top: 0;
}
}
.order-tel-fax dl dt {
margin-bottom: 8px;
}
.order-tel-fax dl dt:before, .order-tel-fax dl dt:after {
display: none;
}
@media (max-width: 768px) {
.order-tel-fax dl dt {
margin-right: 0;
}
}
.order-tel-fax dl dd {
padding: 0;
}
.order-tel-fax dl dd ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.order-tel-fax dl dd li {
padding: 0 0.3em;
}
.order-tel-fax dl dd li::before {
display: none;
}
.order-tel-fax .button__list .button__item {
margin: 0;
}
.order-tel-fax .button__list .button__item .button__link {
padding: 0 1.5em;
}
@media (max-width: 768px) {
.order-tel-fax .button__list .button__item .button__link {
height: 40px;
width: 38.8vw;
border-radius: 20px;
}
} .news__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media (max-width: 768px) {
.news__list {
margin-top: 0;
display: block;
}
}
.news__list .news__item {
width: 23.5%;
margin-bottom: 50px;
margin-right: 2%;
}
@media (max-width: 768px) {
.news__list .news__item {
width: 100%;
margin-bottom: 0;
padding: 20px 0;
}
}
.news__list .news__item:nth-child(4n) {
margin-right: 0;
}
.news__list .news__item a:hover .news-title {
text-decoration: underline;
}
.news__list .news__item .news__img {
position: relative;
z-index: 0;
overflow: hidden;
width: 100%;
}
.news__list .news__item .news__img:before {
content: "";
display: block;
}
.news__list .news__item .news__img img, .news__list .news__item .news__img source {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
object-fit: cover;
}
.news__list .news__item .news__img:before {
padding-top: 66.6666%;
}
.news__list .news__item .news-info {
margin-top: 1em;
}
.news__list .news__item .news-date {
font-size: 14px;
margin-right: 1em;
}
@media (max-width: 768px) {
.news__list .news__item .news-date {
font-size: 12px;
}
}
.news__list .news__item .cat {
font-size: 14px;
background-color: #F5F5F5;
padding: 0.2em 1em;
}
@media (max-width: 768px) {
.news__list .news__item .cat {
font-size: 13px;
}
}
.news__list .news__item .news-title {
margin-top: 1em;
font-size: 18px;
line-height: 1.6666666667;
}
@media (max-width: 768px) {
.news__list .news__item .news-title {
font-size: 14px;
}
}
.cat-tab {
width: 100%;
margin: 30px auto 0;
}
@media (max-width: 768px) {
.cat-tab {
margin: 0 -5.2vw 20px 0;
padding-right: 5.2vw;
overflow-x: scroll;
}
}
.cat-tab__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.cat-tab__list {
margin-bottom: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.cat-tab__list .cat-tab__item {
width: 100%;
max-width: 240px;
font-size: 16px;
}
@media (max-width: 768px) {
.cat-tab__list .cat-tab__item {
font-size: 14px;
}
}
.cat-tab__list .cat-tab__item + .cat-tab__item {
margin-left: 19px;
}
@media (max-width: 768px) {
.cat-tab__list .cat-tab__item {
width: max-content;
margin: 0;
min-width: auto;
}
.cat-tab__list .cat-tab__item + .sort-tab__item {
margin-left: 8px;
}
.cat-tab__list .cat-tab__item:last-child {
padding-right: 4.42vw;
}
}
.cat-tab__list .cat-tab__item a {
color: #000000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: 0.3s;
padding: 20px 2.4em;
white-space: nowrap;
position: relative;
}
.cat-tab__list .cat-tab__item a:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 1px solid #D9D9D9;
border-bottom: none;
width: 100%;
height: 20px;
}
@media (max-width: 768px) {
.cat-tab__list .cat-tab__item a:before {
height: 5.2vw;
}
}
@media (max-width: 768px) {
.cat-tab__list .cat-tab__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 9.765vw;
padding: 0 2em;
}
}
.cat-tab__list .cat-tab__item a:hover {
text-decoration: none;
}
.cat-tab__list .cat-tab__item a:hover:after {
width: 20px;
height: 1px;
background-color: #DA3B15;
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.cat-tab__list .cat-tab__item.is-active a {
text-decoration: none;
}
.cat-tab__list .cat-tab__item.is-active a:after {
width: 20px;
height: 1px;
background-color: #DA3B15;
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.pager {
text-align: center;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 40px;
}
.pager .counts {
padding: 2em;
font-size: 14px;
}
.pager .page-numbers {
margin: 0 0.5em;
border-bottom: 1px solid transparent;
padding-bottom: 0.5em;
background-color: transparent;
}
.pager .page-numbers.current {
background-color: transparent;
color: #000000;
border-bottom: 1px solid #DA3B15;
} .page-contact {
max-width: calc(680px + 4vw);
margin-top: -50px;
}
@media (max-width: 768px) {
.page-contact {
margin-top: 0;
}
}
.page-contact form {
padding: 35px 0;
}
@media (max-width: 768px) {
.page-contact form {
padding: 10px 0;
}
}
.page-contact fieldset {
margin-bottom: 30px;
}
.page-contact fieldset legend {
font-weight: bold;
margin-bottom: 10px;
}
.page-contact fieldset p {
margin-bottom: 0;
}
.page-contact fieldset p legend {
padding: 10px 0 0;
}
.page-contact fieldset p:first-child {
margin-bottom: 0;
}
.page-contact fieldset p:first-child legend {
padding: 0;
}
.page-contact fieldset input[type=text], .page-contact fieldset input[type=tel], .page-contact fieldset input[type=email], .page-contact fieldset textarea {
background-color: #fff;
border: 1px solid #D3D3D3;
}
.page-contact fieldset input[type=text], .page-contact fieldset input[type=tel], .page-contact fieldset input[type=email] {
height: 38px;
line-height: 38px;
}
.page-contact fieldset .input-xs, .page-contact fieldset .input-s, .page-contact fieldset .input-m {
margin-right: 0.7em;
}
@media (max-width: 768px) {
.page-contact fieldset .input-xs, .page-contact fieldset .input-s, .page-contact fieldset .input-m {
margin: 0 0.3em;
}
}
.page-contact fieldset .input-xs {
width: 80px;
}
@media (max-width: 768px) {
.page-contact fieldset .input-xs {
width: 26%;
}
}
.page-contact fieldset .input-s {
width: 120px;
}
@media (max-width: 768px) {
.page-contact fieldset .input-s {
width: 36%;
}
}
.page-contact fieldset .input-m {
width: 340px;
}
.page-contact fieldset .input-l {
width: 100%;
}
.page-contact fieldset textarea {
width: 100%;
height: 226px;
}
.page-contact input[type=submit] {
color: #fff;
background-color: #000000;
border: 1px solid #000000;
width: 254px;
height: 58px;
text-align: center;
line-height: 56px;
border: none;
cursor: pointer;
display: block;
margin: 64px auto 0;
transition: 0.3s;
}
@media (max-width: 768px) {
.page-contact input[type=submit] {
margin: 2em auto 0;
width: 200px;
height: 50px;
line-height: 50px;
}
}
.page-contact input[type=submit]:hover {
background-color: #000000;
border: 1px solid #000000;
}
@media (max-width: 768px) {
.page-contact input[type=submit]:hover {
border: 1px solid #000000;
background-color: #000000;
}
}
.page-contact input[type=button] {
border: none;
margin: 32px auto 0;
display: block;
color: #000000;
border: 1px solid #000000;
width: 160px;
height: 48px;
text-align: center;
line-height: 48px;
}
@media (max-width: 768px) {
.page-contact input[type=button] {
margin: 1em auto 0;
width: 160px;
height: 40px;
line-height: 40px;
}
}
.fs-c-list li:before {
content: "";
border: none;
color: #DA3B15;
background: #DA3B15;
width: 4px;
height: 4px;
border-radius: 50%;
margin: 0 0.5em 0 0;
position: relative;
top: -0.2em;
} .fs-p-accountInfo__header {
font-weight: bold;
padding: 0.2em;
}
.fs-l-additionalProduct.fs-l-additionalProduct--wishlist .fs-c-productName__name {
font-size: 18px;
padding-top: 0.5em;
}
.fs-l-additionalProduct.fs-l-additionalProduct--wishlist .fs-c-productPrice.fs-c-productPrice--selling,
.fs-l-additionalProduct.fs-l-additionalProduct--wishlist .fs-c-productPrice__addon__label {
font-size: 16px;
color: #000000;
}
.fs-l-additionalProduct.fs-l-additionalProduct--wishlist .fs-c-productPrice__addon__label,
.fs-l-additionalProduct.fs-l-additionalProduct--wishlist .fs-c-productPrice__addon {
font-size: 16px;
display: none; }
.fs-l-additionalProduct.fs-l-additionalProduct--wishlist .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #000000;
}
.fs-c-accountService__page .fs-c-accountService__pageLink {
transition: 0.3s;
}
.fs-c-accountService__page .fs-c-accountService__pageLink:hover {
opaciy: 0.7;
}
.fs-c-buttonContainer.fs-c-buttonContainer--myPageTop .fs-c-button__label:after,
.fs-c-accountService__page--accountDelete .fs-c-string.fs-c-string--label:after,
.fs-c-viewAllProductsLink__label:after {
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-size: 7px 13px;
width: 7px;
height: 13px;
display: inline-block;
margin-left: auto;
transform: rotate(-90deg);
transition: 0.3s;
filter: brightness(0);
margin-left: 1em;
}
.fs-c-buttonContainer.fs-c-buttonContainer--myPageTop .fs-c-button__label:hover:after,
.fs-c-accountService__page--accountDelete .fs-c-string.fs-c-string--label:hover:after,
.fs-c-viewAllProductsLink__label:hover:after {
filter: brightness(1);
}
.fs-c-wishList.fs-c-productList .fs-c-productListItem__viewReview,
.fs-c-wishList.fs-c-productList .fs-c-aggregateRating__rating::before {
display: none;
}
.fs-c-wishList.fs-c-productList .fs-c-aggregateRating__rating {
font-size: 14px;
}
@media (max-width: 768px) {
.fs-c-wishList.fs-c-productList .fs-c-aggregateRating__rating {
font-size: 14px;
}
}
.fs-c-wishList.fs-c-productList .fs-c-rating__value {
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-wishList.fs-c-productList .fs-c-rating__value {
font-size: 14px;
}
}
.fs-c-orderedList > li .fs-c-orderedList {
border-left: none;
}
.fs-c-specTable__headerCell, .fs-c-specTable__dataCell {
font-size: 16px;
}
@media (max-width: 768px) {
.fs-c-specTable__headerCell, .fs-c-specTable__dataCell {
font-size: 14px;
}
}
.fs-c-note__item {
font-size: 12px;
}
.fs-c-specTableContainer, .fs-c-newUsers__message {
margin: 1em auto;
}
@media (max-width: 768px) {
.fs-c-specTableContainer, .fs-c-newUsers__message {
font-size: 14px;
}
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before, .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before, .fs-c-button--particular.fs-c-button--displayPassword::before, .fs-c-button--particular.fs-c-button--hidePassword::before {
font-size: initial;
}
.fs-c-inputInformation__link {
text-align: center;
}.fs-pt-column--2.index-banner__list.two-columns.fs-pt-column {
grid-template-columns: 1fr 1fr
}
.header-top:after {
background-color: #da3b15;
}
.header-top p,.header-top div {
color: #fff
}
#campaign-winter-gift .campaign-head .campaign-head__text {
margin-top: 3em;
margin-bottom: 2em
}
#campaign-winter-gift .campaign-head .campaign-head__subtext {
margin: unset;
line-height: 2.11111111
}
#campaign-winter-gift .campaign-head .campaign-head__subtext+.campaign-head__subtext {
margin-top: 3.3333333em
}
#campaign-winter-gift span.emphasis_txt {
font-size: 1.666666em;
color: #fdf995;
position: relative
}
#campaign-winter-gift span.emphasis_txt::before {
content: "";
position: absolute;
display: inline-block;
background-color: #da3b15;
height: 1px;
left: 0;
right: 0;
margin: auto;
width: 88%;
bottom: -3px
}
#campaign-winter-gift span.emphasis_txt.long::before {
width: 100%
}
#campaign-winter-gift .campaign-head {
margin-bottom: 7.5em
}
#campaign-winter-gift .alert-txt-bx {
padding: 1.25em;
background-color: #da3b15;
text-align: center
}
#campaign-winter-gift .alert-txt-bx p {
font-size: .875em;
margin: unset;
line-height: 1.571428
}
#campaign-winter-gift .product-date {
font-size: 18px;
margin-bottom: 1.111111111em
}
#campaign-winter-gift .product-date {
line-height: 1.6666666
}
#campaign-winter-gift .campaign-body {
max-width: calc(935px + 4vw)
}
#campaign-winter-gift .campaign-body h3 {
font-weight: 500
}
#campaign-winter-gift .campaign-body .columns .column__media {
padding-right: 9.375%
}
#campaign-winter-gift .campaign-body h3:not(:first-child) {
padding-top: 10px;
margin-top: unset
}
#campaign-winter-gift .campaign-body .columns .column__media {
padding-right: 55px
}
#campaign-winter-gift .columns {
grid-template-columns: 52% 48% 1fr
}
.link-button-wrap {
padding-bottom: 7.5em
}
.link-button-button-box a {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-transition: .3s;
transition: .3s;
padding-left: 48px;
position: relative;
min-height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.link-button-button-box a::before,.link-button-button-box a::after {
content: "";
display: block;
border-radius: 50%;
width: 32px;
height: 32px;
-webkit-transition: .3s;
transition: .3s;
position: absolute;
top: 0;
left: 0;
right: 82px;
margin: auto;
z-index: 0
}
.link-button-button-box a::after {
background-color: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,0)
}
.link-button-button-box a::before {
border: 1px solid #f5cbc1;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='ico-arrow1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px'	 y='0px' viewBox='0 0 11.2 6.3' style='enable-background:new 0 0 11.2 6.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%23DA3B15;}%3C/style%3E%3Cpath id='ico-arrow01' class='st0' d='M5,6.3L5,6.3c-0.4,0-0.8-0.1-1.1-0.4L0.4,2.5c-0.6-0.6-0.5-1.5,0-2.1c0.6-0.5,1.4-0.5,2,0	l3.1,3.1l3.1-3.1c0.6-0.6,1.5-0.5,2.1,0c0.5,0.6,0.5,1.4,0,2L7.4,5.9c-0.3,0.3-0.6,0.4-1,0.4l0,0L5,6.3L5,6.3z'/%3E%3C/svg%3E");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background-size: 7px 13px;
z-index: 1
}
.link-button-button-box a:hover::before {
background-color: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,0);
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1)
}
.link-button-button-box a:hover::after {
background-color: #da3b15;
border: 1px solid #da3b15
}
.link-button-button-box a .sec-campaign_recommend {
padding-bottom: 40px
}
@media(max-width: 768px) {
#campaign-winter-gift span.emphasis_txt {
font-size:1.5em
}
#campaign-winter-gift .campaign-head .campaign-head__subtext+.campaign-head__subtext {
margin: 20px auto
}
#campaign-winter-gift .campaign-head {
margin-bottom: 75px
}
#campaign-winter-gift .product-date {
font-size: 16px
}
#campaign-winter-gift .alert-txt-bx {
padding: 10px
}
#campaign-winter-gift .campaign-body .columns .column__media {
padding-right: unset
}
#campaign-winter-gift .link-button-wrap {
padding-bottom: unset
}
}
 .campaign-head .campaign-head__image {
max-width: 100%;
height: auto;
}
.column_font {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
}
.campaign-head .campaign-head__kobe0 {
font-size: 20px;
}
.campaign-head .campaign-head__kobe {
text-align: center;
font-size: 22px;
}
.campaign-head .campaign-head__kobe2 {
text-align: center;
font-size: 20px;
color:#CC9900;
}
.campaign-head .campaign-head__kobe3 {
font-size: 16px;
color:#CC9900;
}
.campaign-head .about-head__heading img {
width: 80%;
height: auto;
}
.column__media img {
display: flex;
align-items: center;
}
.campaign-head dd {
margin-left: 25px;
}
.campaign-head .campaign-head__fin {
text-align: center;
font-size: 22px;
}
.campaign-head .dot-text{
padding-top: .5em; background-position: top left; background-repeat: repeat-x; background-size: 1em 1em; background-image: radial-gradient(.10em .10em at center center,white,white 100%,transparent,transparent); } .link-button-wrap .link-button-button-box {
color:#FFF;
} .column__text .price-border h3 {
padding: 0.3em 0; border-top: solid 1.5px #da3b15; border-bottom: solid 1.5px #da3b15; } .link-button-wrap .link-button-button-box-black {
color:#000;
} .linkbutton-bottom {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
text-align: center;
font-size: 16px;
border: 1px solid #da3b15;
background-color: #da3b15; width: 80%;
}
.linkbutton-bottom a {
display: block;
color: #ffffff;
background-color: #da3b15;
padding: 15px; 
}
.linkbutton-bottom a:hover  {
background-color: #000000;
} .sec-index-takumi__inner .takumi_honmamon {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .faq-list {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
}
.faq-list h3 {
font-weight: normal;
} .flow__text p {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .fs-c-documentArticle__content p {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
}
.fs-c-documentArticle__content .fs-c-address {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .fs-c-documentColumn__content p {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .fs-c-documentContent p {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .pdt-detail__benefits {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
}
.sec-pdt-details .details_font {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
}
.fs-c-productPointDisplay {
display:none;
} .sec-pdt-details .details_font {
max-width: 1280px; margin: 0 auto; } @media (max-width: 1023px) {
.sec-pdt-details .details_font {
max-width: 600px; margin: 0 auto; }
} @media (max-width: 767px) {
.sec-pdt-details .details_font {
max-width: 100%; margin: 0; }
}
.sec-products-content tr {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .fs-p-announcement__body {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 200;
} .fs-l-cart__mainColumn {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.fs-c-cartDiscountInfo__info {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
color: #da3b15 ;
}
.fs-c-totalAndActions {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
} .fs-c-button--primary {
border: 1px solid #da3b15;
background-color: #da3b15;
}
.fs-c-button--primary a {
display: block;
color: #ffffff;
background-color: #da3b15;
padding: 15px; 
}
.fs-c-button--primary a:hover {
background-color: #000000;
} .fs-p-card {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
} .cartmember {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
text-align: center;
font-size: 16px;
border: 1px solid #da3b15;
background-color: #da3b15;
}
.cartmember a {
display: block;
color: #ffffff;
background-color: #da3b15;
padding: 15px; 
}
.cartmember a:hover {
background-color: #000000;
} .index-banner__list + .index-banner__list {padding: 0 0 54px;margin-top: -54px;}
@media (max-width: 768px){
.index-banner__list + .index-banner__list {padding: 3.9vw 2.91vw 15.62vw;margin-top: -15.62vw;}
} .coment_bg {
background-color:#000000;
color:#ffffff;
} .purpose-banner{
display: flex;
flex-wrap:wrap;
}
.purpose-banner li {
width: calc(100%/4); padding:5px 5px; box-sizing:border-box;
}
.purpose-banner li img {
max-width:100%; height: auto; border:solid 1px #ccc; }
@media screen and (max-width:768px) { 
.purpose-banner li {
width: 50%;
}
} .sec-pdt-variation {
border-top: 1px solid #333;
border-left: 1px solid #333;
margin: 0 0 30px 0;
padding: 10px 10px;
}
.buttons {
text-align: center;
} .variation-button {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
display: inline-block;
margin: 10px 10px;
padding: 10px 10px;
border-radius: 10px;
text-align: center;
background-color: #555;
box-shadow: 0 4px 0 #000; // ボタンの影
} .variation-button4 {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
display: inline-block;
margin: 10px 5px 10px 5px;
padding: 10px 10px;
border-radius: 10px;
text-align: center;
background-color: #555;
box-shadow: 0 4px 0 #000; // ボタンの影
}
.variation-font {
color:#fff;
}
.buttons a:hover {
background-color: #da3b15;
color:#fff;
transform: translateY(4px);
box-shadow: none;
}
.fs-c-productSelection {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.fs-c-button--primary {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
} .fs-c-productName__copy {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .sec-pdt-title {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
font-size: 10px;
color: #fff;
}
.sec-pdt-subtitle {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
} .fs-c-reviewList__item__body fs-c-reviewBody {
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.fs-c-breadcrumb__list {
list-style: none; display: flex;
flex-wrap: wrap;
} .fs-c-productMarks ul {
margin-bottom: auto;
} .post-body .sec-extra-narrow__inner{
font-family: 'ヒラギノ角ゴ ProN W3', sans-serif;
}@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100 700;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v252/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}.absolute-footer, html {
background-color: #fff;
}
hr {
margin: 8px 0px;
opacity: 1;
}
.product-info {
padding-top: 0px;
}
#yith-wcwl-icon-heart {
max-width:25px;
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
display: none !important;
}
.page-title,
.shop-page-title,
.product-page-title {
display: none !important;
}
.category-page-row {
padding-top: 0px;
}