@charset "UTF-8";
/*!
* ress.css �� v3.0.0
* MIT License
* github.com/filipelinhares/ress
*/html {
-webkit-text-size-adjust:100%;
box-sizing:border-box;
word-break:normal;
tab-size:4
}
*,
:after,
:before {
box-sizing:inherit;
background-repeat:no-repeat
}
:after,
:before {
text-decoration:inherit;
vertical-align:inherit
}
* {
margin:0;
padding:0
}
hr {
height:0;
overflow:visible
}
details,
main {
display:block
}
summary {
display:list-item
}
small {
font-size:80%
}
[hidden] {
display:none
}
abbr[title] {
-webkit-text-decoration:underline dotted;
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
a {
background-color:transparent
}
a:active,
a:hover {
outline-width:0
}
code,
kbd,
pre,
samp {
font-family:monospace,monospace
}
pre {
font-size:1em
}
b,
strong {
font-weight:bolder
}
sub,
sup {
position:relative;
font-size:75%;
line-height:0;
vertical-align:baseline
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
input {
border-radius:0
}
[disabled] {
cursor:default
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
textarea {
overflow:auto;
resize:vertical
}
button,
input,
optgroup,
select,
textarea {
font:inherit
}
optgroup {
font-weight:700
}
button {
overflow:visible
}
button,
select {
text-transform:none
}
[role=button],
[type=button],
[type=reset],
[type=submit],
button {
color:inherit;
cursor:pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding:0;
border-style:none
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
outline:1px dotted ButtonText
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance:button
}
button,
input,
select,
textarea {
border-style:none;
background-color:transparent
}
select {
-moz-appearance:none;
-webkit-appearance:none
}
select::-ms-expand {
display:none
}
select::-ms-value {
color:currentColor
}
legend {
display:table;
max-width:100%;
border:0;
color:inherit;
white-space:normal
}
::-webkit-file-upload-button {
-webkit-appearance:button;
color:inherit;
font:inherit
}
img {
border-style:none
}
progress {
vertical-align:baseline
}
[aria-busy=true] {
cursor:progress
}
[aria-controls] {
cursor:pointer
}
[aria-disabled] {
cursor:default
}
*,
:after,
:before {
box-sizing:border-box
}
::selection {
background-color:#87ceeb
}
html {
-webkit-font-smoothing:antialiased;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
html.is-nav-active .c-hamburger--other span,
html.is-nav-active .c-hamburger span {
background:#fff!important
}
body {
font-feature-settings:"palt";
-webkit-text-size-adjust:100%;
text-size-adjust:none;
min-width:1200px;
}
a,
body {
color:#333
}
a {
text-decoration:none
}
ol,
ul {
list-style-position:inside
}
ol li,
ul li {
list-style:none
}
img,
svg,
video {
vertical-align:bottom
}
img,
picture img,
svg,
video {
width:100%;
height:auto
}
table {
width:100%;
max-width:100%;
border-collapse:collapse
}
table td,
table th {
word-break:break-all
}
dl {
margin-bottom:0
}
dl dd,
dl dt {
line-height:inherit
}
dl dd {
margin-left:0
}
p {
margin:0
}
input::-ms-clear {
display:none
}
[data-js-focus-visible]:focus:not([data-focus-visible-added]) {
outline:none
}
[aria-hidden=false] {
visibility:visible
}
[aria-hidden=true] {
display:none;
visibility:hidden
}
.l-body {
visibility:hidden;
position:relative;
opacity:0;
transition:visibility .5s ease,opacity .5s ease
}
.is-loaded .l-body {
visibility:visible;
opacity:1
}
.l-wrapper {
padding-top:100px
}
.l-backlayer {
visibility:hidden;
z-index:1000;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6);
opacity:0;
transition:visibility .5s ease,opacity .5s ease
}
.is-nav-active .l-backlayer {
visibility:visible;
opacity:1
}
.l-footer {
height:100px;
margin-top:154px;
padding-right:32px;
padding-left:32px
}
.l-footer,
.l-footer__item-left {
display:flex;
align-items:center;
justify-content:space-between
}
.l-footer__item-left h2 {
width:110px
}
.l-footer__item-left .l-footer__content-wrapper,
.l-footer__item-left ul {
display:flex;
align-items:center;
justify-content:space-between
}
.l-footer__item-left ul {
margin-left:32px;
list-style:none
}
.l-footer__item-left ul li {
width:20px;
height:20px
}
.l-footer__item-left ul li:not(:first-child) {
margin-left:20px
}
.l-footer small {
color:#aaa;
font-weight:400;
font-size:1.2rem;
line-height:1.6666666667;
letter-spacing:.06em
}
.l-header {
z-index:999;
position:fixed;
top:0;
left:0;
width:100%;
padding-right:40px;
padding-left:40px;
background-color:transparent;
transition:background-color .5s ease
}
.l-header__inner {
display:flex;
align-items:center;
justify-content:flex-end;
height:100px
}
.l-header__logo {
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
position:absolute;
top:50%;
left:50%;
width:130px;
transform:translate(-50%,-50%);
line-height:0
}
.l-header .js-header__logo1 {
animation:show .3s ease
}
.l-header .js-header__logo2 {
display:none
}
.is-scroll .l-header {
background:#fff
}
.is-scroll .l-header .js-header__logo1,
.is-scroll .l-header .l-nav__lg-sm ul li:first-child,
.is-scroll .l-header .l-nav__lg ul li:first-child,
.is-scroll .l-header .l-nav__lg ul li:nth-child(3) {
display:none
}
.is-scroll .l-header .js-header__logo2,
.is-scroll .l-header .l-nav__lg-sm ul li:nth-child(2),
.is-scroll .l-header .l-nav__lg .off,
.is-scroll .l-header .l-nav__lg ul li:nth-child(4) {
display:block!important;
animation:show .3s ease
}
.is-scroll .c-hamburger span {
background:#000;
transition:all .3s ease
}
.is-scroll .l-header--other .js-header__logo2,
.is-scroll .l-header--other .l-nav__lg-sm ul li:nth-child(2),
.is-scroll .l-header--other .l-nav__lg .off,
.is-scroll .l-header--other .l-nav__lg ul li:nth-child(4) {
animation:none!important
}
.l-header--other {
background:#fff
}
.l-header--other .js-header__logo1 {
display:none!important
}
.l-header--other .js-header__logo2 {
display:block
}
.l-header--other .l-nav__lg-sm__list {
display:block!important
}
.l-nav__lg {
font-weight:500;
font-size:1.4rem;
line-height:1.4285714286
}
.l-nav__lg ul {
display:flex;
align-items:center;
list-style:none
}
.l-nav__lg ul li {
width:30px;
height:30px
}
.l-nav__lg ul li:nth-of-type(n+2) {
margin-left:32px
}
.l-nav__lg ul li:first-child,
.l-nav__lg ul li:nth-child(3) {
animation:show .3s ease
}
.l-nav__lg-sm__list,
.l-nav__lg ul li:nth-child(2),
.l-nav__lg ul li:nth-child(4) {
display:none
}
.l-nav__lg-sm ul li:first-child {
animation:show .3s ease
}
@keyframes show {
0% {
opacity:0
}
to {
opacity:1
}
}
.l-nav__lg-sm ul {
list-style:none
}
.l-nav__lg-sm ul li {
width:30px;
height:30px
}
.l-nav__mega {
visibility:hidden;
z-index:1001;
position:fixed;
top:0;
left:0;
width:400px;
height:100%;
max-height:100%;
padding:121px 40px 80px;
overflow-y:auto;
background-color:#363636;
opacity:0;
transition:visibility .5s ease,opacity .5s ease
}
.l-nav__mega nav {
margin-top:-40px;
font-weight:400;
font-size:1.3rem;
line-height:1.5384615385
}
.l-nav__mega nav span a {
color:#fff
}
.l-nav__mega nav ul {
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
margin-top:27px;
list-style:none
}
.l-nav__mega nav ul:last-child {
flex-direction:row;
margin-top:55px
}
.l-nav__mega nav ul:last-child li {
margin-top:0
}
.l-nav__mega nav ul:last-child li:not(:first-child) {
margin-left:14px
}
.l-nav__mega nav ul:last-child a {
color:#aaa
}
.l-nav__mega nav ul .nav-title {
margin-bottom:7px;
font-weight:400;
font-size:1.8rem;
line-height:1;
letter-spacing:.06em
}
.l-nav__mega nav ul li {
margin-top:13px;
color:#fff;
letter-spacing:.1em
}
.l-nav__mega nav ul li a {
color:#dfdfdf;
font-weight:400
}
.is-nav-active .l-nav__mega {
visibility:visible;
opacity:1
}
.l-header--other .l-nav__lg-sm ul li:first-child {
display:none!important;
animation:none
}
.l-header--other__lg ul li:first-child,
.l-header--other__lg ul li:nth-child(3) {
display:none!important;
animation:none!important
}
.l-header--other__lg ul li:nth-child(2),
.l-header--other__lg ul li:nth-child(4) {
display:block!important
}
.l-header--other .l-nav__lg-sm__list,
.l-header--other .l-nav__lg ul li:nth-child(2),
.l-header--other .l-nav__lg ul li:nth-child(4) {
display:initial
}
.l-header--other .l-nav__lg ul li:first-child,
.l-header--other .l-nav__lg ul li:nth-child(3) {
display:none!important;
animation:none!important
}
.nav-title__item--white {
color:#fff!important
}
.l-container-small {
width:calc(100% - 120px);
max-width:860px;
margin-right:auto;
margin-left:auto
}
.l-container-small .c-subpage-title {
left:-17.441%
}
.l-container-large {
width:calc(100% - 120px);
max-width:1200px;
margin-right:auto;
margin-left:auto
}
.c-accordion--btn {
position:relative;
padding:1.5rem 1.5rem 1.5rem 1.8rem;
font-size:1.6rem;
cursor:pointer
}
.c-accordion--btn:after,
.c-accordion--btn:before {
display:block;
position:absolute;
top:50%;
left:3px;
width:8px;
height:1px;
transform:translateY(-50%);
background-color:#363636;
content:""
}
.c-accordion--btn:after {
transform:translateY(-50%) rotate(-90deg);
transition:.3s ease
}
.c-accordion--btn.is-opened:after {
transform:translateY(-50%) rotate(90deg)
}
.c-accordion--btn.is-opened svg {
transform:translateY(-50%) rotate(180deg)
}
.c-accordion--btn.is-opened+.c-accordion--panel {
visibility:visible;
opacity:1
}
.c-accordion--panel {
visibility:hidden;
height:0;
overflow:hidden;
opacity:0;
transition:height .5s ease,visibility .5s ease,opacity .5s ease
}
.c-accordion--item {
padding:1.5rem;
font-weight:400;
line-height:2;
letter-spacing:.1em
}
.c-form .is-validated.invalid,
.c-form .is-validated:invalid {
border:1px solid #c00
}
.c-form .is-validated.invalid+.c-form__errormsg,
.c-form .is-validated:invalid+.c-form__errormsg {
display:block
}
.c-form__errormsg {
display:none;
color:#c00
}
.c-form__required {
display:inline-block;
background-color:#c00;
color:#fff
}
.c-hamburger {
position:fixed;
top:30px;
left:40px;
width:40px;
height:40px;
background-color:none
}
.c-hamburger,
.c-hamburger span {
display:inline-block;
z-index:1100
}
.c-hamburger span {
position:absolute;
left:6px;
width:28px;
height:2px;
transform-origin:center;
background-color:#fff;
transition:.3s ease
}
.c-hamburger span:first-of-type {
top:10px
}
.c-hamburger span:nth-of-type(2) {
top:19px
}
.c-hamburger span:nth-of-type(3) {
bottom:10px
}
.is-nav-active .c-hamburger span:first-of-type {
top:calc(50% - 1px);
transform:rotate(-315deg)
}
.is-nav-active .c-hamburger span:nth-of-type(2) {
opacity:0
}
.is-nav-active .c-hamburger span:nth-of-type(3) {
bottom:calc(50% - 1px);
transform:rotate(315deg)
}
.c-hamburger--other span {
background:#000!important
}
.c-title-second {
position:relative;
padding-bottom:15px;
font-weight:700;
font-size:3.2rem;
line-height:1.34375;
letter-spacing:.1em;
text-transform:uppercase
}
.c-title-second:before {
width:1em;
border-top:1px solid #363636
}
.c-title-second:after,
.c-title-second:before {
display:block;
position:absolute;
bottom:0;
left:0;
height:1px;
content:""
}
.c-title-second:after {
width:100%;
border-bottom:1px solid #e1e1e1
}
.c-subpage-title {
display:inline-block;
font-weight:400;
font-size:3.6rem;
line-height:1.2222222222;
letter-spacing:.1em;
text-transform:uppercase
}
.c-description__item {
display:flex;
padding-top:32px;
padding-bottom:31px;
border-bottom:1px solid #e5e5e5
}
.c-description__item dt {
width:200px;
font-weight:500
}
.c-description__item dd {
width:calc(100% - 200px)
}
.c-note-text {
display:block;
padding-left:1em;
text-indent:-1em
}
.c-list-parentheses {
counter-reset:counter
}
.c-list-parentheses li {
position:relative;
padding-left:1.5em
}
.c-list-parentheses li:before {
position:absolute;
top:0;
left:0;
content:"(" counter(counter) ")";
counter-increment:counter
}
.c-btn-cart {
position:relative;
width:100%;
padding:20px;
background-color:#363636;
color:#fff;
font-size:17px;
line-height:1.3;
text-align:center
}
.c-btn-cart__icon {
position:absolute;
top:50%;
left:20px;
width:1.5em;
height:1.5em;
transform:translateY(-50%);
background-image:url(https://file003.shop-pro.jp/PA01489/644/assets/images/common/cart.png);
background-size:contain;
background-repeat:no-repeat
}
.c-input-stepper {
display:flex;
height:32px;
border:1px solid #e1e1e1
}
.c-input-stepper__view {
width:64px;
height:auto;
padding:0;
text-align:center
}
.c-input-stepper__btn-down,
.c-input-stepper__btn-up {
-webkit-user-select:none;
-ms-user-select:none;
width:32px;
background-color:#fafafa;
cursor:pointer;
user-select:none
}
.c-input-stepper__btn-up {
border-left:1px solid #e1e1e1
}
.c-input-stepper__btn-down {
border-right:1px solid #e1e1e1
}
.c-input-stepper .c-input-stepper__view #spin {
display:none
}
.disabled {
cursor:inherit;
opacity:.3
}
.c-subpage-heading {
position:relative;
width:100%;
height:284px;
margin-bottom:100px;
background-position:50%;
background-size:cover;
background-repeat:no-repeat
}
.c-subpage-heading:before {
position:absolute;
bottom:0;
left:50%;
width:98vw;
height:1px;
transform:translateX(-50%);
background-color:#e1e1e1;
content:""
}
.c-subpage-heading__title {
position:relative;
top:77px
}
.c-heading-lv3 {
position:relative;
padding-bottom:16px;
font-weight:500;
font-size:2.2rem;
line-height:1.4545454545;
letter-spacing:.06em
}
.c-heading-lv3:before {
width:100%;
background-color:#e1e1e1
}
.c-heading-lv3:after,
.c-heading-lv3:before {
position:absolute;
bottom:0;
left:0;
height:1px;
content:""
}
.c-heading-lv3:after {
width:32px;
background-color:#363636
}
.c-heading-lv4 {
padding-left:1.6rem;
border-left:2px solid #363636;
font-size:1.8rem;
line-height:1.4444444444
}
.c-heading-lv4,
.c-heading-lv5 {
font-weight:500;
letter-spacing:.1em
}
.c-heading-lv5 {
position:relative;
padding-left:calc(12px + 1rem);
font-size:1.7rem;
line-height:1.5294117647
}
.c-heading-lv5:before {
position:absolute;
top:50%;
left:0;
width:12px;
height:1px;
transform:translateY(-50%);
background-color:#363636;
content:""
}
.c-heading-lv6 {
font-weight:500;
font-size:1.7rem;
line-height:1.5294117647;
letter-spacing:.1em
}
.top .l-wrapper {
padding-top:0
}
.top__mv {
width:100%;
height:100vh;
background-image:url(https://file003.shop-pro.jp/PA01489/644/assets/images/top/img_mv.jpg);
background-position:63% 50%;
background-size:cover;
background-repeat:no-repeat
}
.top__category {
margin-top:160px
}
.top__category ul {
display:flex;
list-style:none
}
.top__category ul li {
position:relative;
width:calc(33.33333% - 2.66667px)
}
.top__category ul li a {
display:block;
position:relative
}
.top__category ul li:not(:first-child) {
margin-left:4px
}
.top__category .caption {
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
color:#fff;
font-weight:400;
font-size:2.8rem;
line-height:.5;
letter-spacing:.1em
}
html[data-type=tablet][data-orientation=portrait] .top__category .caption {
top:4vw;
left:4vw;
transform:none;
font-size:3.73333vw
}
html[data-type=tablet][data-orientation=landscape] .top__category .caption {
top:4vw;
left:4vw;
transform:none;
font-size:2.73333vw
}
.top__category .mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.4);
opacity:0;
transition:all .3s ease
}
html[data-type=tablet][data-orientation=landscape] .top__category .mask,
html[data-type=tablet][data-orientation=portrait] .top__category .mask {
position:static;
background-color:transparent;
opacity:1
}
.top__category li:hover .mask {
opacity:1
}
.top__concept {
margin-top:160px
}
.top__concept ul {
display:flex;
flex-wrap:wrap;
list-style:none
}
.top__concept ul li {
position:relative
}
.top__concept ul li:first-child,
.top__concept ul li:nth-child(4) {
position:relative;
width:100%;
margin-bottom:4px
}
.top__concept ul li:first-child:before,
.top__concept ul li:nth-child(4):before {
display:block;
padding-top:38.203125%;
content:""
}
.top__concept ul li:first-child img,
.top__concept ul li:nth-child(4) img {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
object-fit:cover
}
.top__concept ul li:nth-child(2),
.top__concept ul li:nth-child(3) {
position:relative;
width:calc(50% - 2px)
}
.top__concept ul li:nth-child(2):before,
.top__concept ul li:nth-child(3):before {
display:block;
padding-top:61.7554%;
content:""
}
.top__concept ul li:nth-child(2) img,
.top__concept ul li:nth-child(3) img {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
object-fit:cover
}
.top__concept ul li:nth-child(3),
.top__concept ul li:nth-child(5) {
margin-left:4px
}
.top__concept ul li:nth-child(4),
.top__concept ul li:nth-child(5) {
margin-top:4px
}
.top__concept .caption {
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
color:#fff;
font-weight:400;
font-size:2.8rem;
line-height:.5;
letter-spacing:.1em
}
html[data-type=tablet][data-orientation=portrait] .top__concept .caption {
font-size:3.73333vw
}
html[data-type=tablet][data-orientation=landscape] .top__concept .caption {
font-size:2.73333vw
}
.top__concept .mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.4);
opacity:0;
transition:all .3s ease
}
.top__concept li:hover .mask,
html[data-type=tablet][data-orientation=landscape] .top__concept .mask,
html[data-type=tablet][data-orientation=portrait] .top__concept .mask {
opacity:1
}
.c-not-found {
margin:5rem
}
.p-product-explain {
width:auto;
margin-bottom:4rem!important
}
.p-product input[type=text],
.p-product select {
box-sizing:border-box;
height:40px;
padding:5px;
border:1px solid #bfbfbf;
font-size:16px
}
.p-product-main {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.p-product-img {
width:60%
}
.p-product-img__main {
display:flex;
flex-wrap:wrap;
margin-top:-4px;
margin-right:-4px
}
.p-product-img__main-item {
width:calc(50% - 10px);
margin-top:10px;
margin-right:10px
}
.p-product-img__main-item img {
width:100%;
max-width:none;
height:100%;
object-fit:contain
}
.p-product-info {
width:30%
}
.p-product-info__ttl {
margin:0;
font-weight:400;
font-size:24px;
}
.p-product-info__ttl img {
vertical-align:middle
}
.p-product-info__id {
margin:0
}
.p-product-price {
margin-top:20px;
margin-bottom:20px
}
.p-product-price__sell {
font-size:18px
}
.p-product-price__list-price,
.p-product-price__normal {
font-size:14px
}
.p-product-option-tbl {
margin-top:30px;
margin-bottom:30px;
overflow-x:auto
}
.p-product-option-tbl table {
width:100%;
margin-bottom:0;
border-right:0;
border-left:0
}
.p-product-option-tbl tbody {
display:flex;
flex-wrap:wrap;
margin-top:-10px;
margin-left:-10px
}
.p-product-option-tbl .stock_head {
display:none
}
.p-product-option-tbl tr {
display:block;
position:relative;
width:auto;
min-width:50px;
height:100%;
margin-top:10px;
margin-left:10px
}
.p-product-option-tbl table div {
width:100%;
height:100%
}
.p-product-option-tbl th {
display:block;
padding:12px 8px;
text-align:center
}
.p-product-option-tbl td {
display:block;
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center
}
.p-product-option-tbl label {
clip:rect(0 0 0 0);
-webkit-clip-path:inset(50%);
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
border:0;
white-space:nowrap;
clip-path:inset(50%)
}
.p-product-option-tbl input {
-webkit-appearance:none;
appearance:none;
width:100%;
height:100%;
margin-top:0;
border:1px solid transparent
}
.p-product-option-tbl input:focus {
outline:none
}
.p-product-option-tbl input:hover {
border-bottom-color:#909090
}
.p-product-option-tbl input:checked {
border-color:#909090
}
.p-product-option-select {
margin-top:30px;
margin-bottom:30px
}
.p-product-option-select__box {
display:flex;
align-items:center;
margin-top:15px
}
.p-product-option-select__ttl {
width:50px;
margin-right:60px
}
.p-product-name {
margin-top:30px;
margin-bottom:30px
}
.p-product-name__box {
margin-top:15px
}
.p-product-name__ttl {
margin-bottom:5px;
font-weight:700
}
.p-product-name__body input {
width:100%
}
.p-product-form-stock {
flex-wrap:wrap;
margin-top:20px;
margin-bottom:20px
}
.p-product-form-stock,
.p-product-form-stock__input {
display:flex;
align-items:center
}
.p-product-form-stock__ttl {
width:50px;
margin-right:60px
}
.p-product-form-stock__unit {
margin-left:10px
}
.p-product-form-stock__stock {
margin-left:25px
}
.p-product-form-btn {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.p-product-form-btn__cart {
width:100%
}
.p-product-form-btn__favorite {
width:50px
}
.p-product-form-btn__favorite-btn {
display:inline-block;
margin-top:22px;
margin-left:22px;
padding:0;
border:0;
background:transparent;
color:#d8d8d8;
text-align:center;
cursor:pointer;
transition:all .3s cubic-bezier(.25,.46,.45,.94)
}
.p-product-form-btn__favorite-btn.is-added {
color:#000
}
.p-product-form-btn__favorite-btn svg {
fill:currentColor;
width:25px;
height:25px
}
.p-product-form__error-message {
margin-top:15px;
color:#db5656
}
.p-product-sns-list {
display:flex;
flex-wrap:wrap;
margin-top:20px
}
.p-product-sns-list__item {
margin-right:20px
}
.p-product-link-list {
margin-top:40px
}
.p-product-link-list__item {
margin-bottom:5px
}
.p-product__ttl {
margin-top:0;
margin-bottom:35px;
font-weight:700;
font-size:21px;
line-height:1.4;
letter-spacing:.3em
}
.p-product-detail {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:60px
}
.p-product-explain__body {
line-height:2
}
.p-product-other {
order:-1;
width:530px
}
.p-product-explain__accordion .c-accordion--btn {
text-transform:uppercase
}
.p-product-recommend-list {
display:flex;
flex-wrap:wrap;
margin-right:-20px;
margin-bottom:90px;
margin-left:-20px
}
.p-product-recommend-list__item {
box-sizing:border-box;
width:33.3333%;
padding-right:20px;
padding-left:20px;
word-break:break-all
}
.p-product-recommend-list__img {
position:relative;
margin-bottom:30px;
text-align:center
}
.p-product-recommend-list__img:before {
display:block;
padding-top:100%;
content:""
}
.p-product-recommend-list__img a {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.p-product-recommend-list__img img {
display:inline-block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:auto!important;
max-width:100%;
max-height:100%;
margin:auto;
text-align:center
}
.p-product-recommend-list__price {
margin-top:15px;
color:#909090;
font-size:12px
}
.p-product-recommend-list__price.is-strikethrough {
margin-top:0;
text-decoration:line-through
}
.p-product-recommend-list__expl {
margin-top:15px;
font-size:12px
}
.p-product-review {
margin-bottom:60px
}
.p-product-review__item {
box-sizing:border-box;
margin-bottom:30px;
padding:40px;
background:#f8f8f8
}
.p-product-review__heading {
margin-bottom:15px
}
.p-product-review__ttl {
font-size:18px;
line-height:1.4
}
.p-product-review-info,
.p-product-review__ttl {
margin-top:10px;
margin-bottom:10px
}
.p-product-review-info__item {
display:inline-block;
font-size:12px
}
.p-product-review-info__item.is-type {
margin-right:35px
}
.p-product-review__img {
margin-bottom:15px;
text-align:center
}
.p-product-review__body {
margin-top:15px;
line-height:2
}
.p-product-review__rates {
display:flex;
flex-wrap:wrap
}
.p-product-review__rate {
fill:currentColor;
fill:#d8d8d8;
width:18px;
height:18px;
vertical-align:-.3em
}
.p-product-review__rate.is-color {
fill:#000
}
.p-product-review-reply {
box-sizing:border-box;
margin-top:30px;
padding:15px 0;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa
}
.p-product-review-reply__ttl {
font-weight:700
}
.p-product-review-reply__body,
.p-product-review-reply__date {
font-size:12px
}
.p-product-review__btn {
margin-top:45px;
text-align:center
}
.input-prepend.input-append input {
width:100px;
padding-top:11px;
padding-bottom:11px;
font-size:24px;
text-align:right
}
.p-guide {
margin-top:4.8rem
}
.p-guide__title {
font-weight:500;
font-size:1.6rem;
line-height:1.625;
letter-spacing:.1em
}
.p-guide__body {
margin-top:1.8rem
}
.p-guide__text {
font-weight:400;
font-size:1.4rem;
line-height:1.8571428571;
letter-spacing:.1em
}
.p-guide__text+.p-guide__text {
margin-top:1.6rem
}
.p-guide__text a {
text-decoration:underline
}
.p-guide__text a:hover {
text-decoration:none
}
.p-info-category-tab {
display:flex;
margin-bottom:4rem;
margin-left:-1.6rem
}
.p-info-category-tab__item a {
margin-left:1.6rem;
padding-bottom:1.2rem;
border-bottom:1px solid #e5e5e5;
color:#aaa;
font-weight:400;
font-size:1.6rem;
line-height:1.25;
letter-spacing:.1em;
text-transform:uppercase;
transition:.3s
}
.p-info-category-tab__item.is-selected a,
.p-info-category-tab__item a:hover {
border-bottom:1px solid #363636;
color:#363636
}
.p-info-list {
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
margin-top:-4.8rem
}
.p-info-list:after {
display:block;
width:31.6666666667%;
content:""
}
.p-info-list__item {
width:31.6666666667%;
margin-top:4.8rem
}
.p-info-list__body,
.p-info-list__item {
display:flex;
flex-direction:column-reverse
}
.p-info-list__body {
width:100%;
margin-top:2rem
}
.p-info-list__title {
font-weight:500;
font-size:1.4rem;
line-height:1.4285714286;
font-family:Noto Sans JP,sans-serif;
letter-spacing:.1em
}
.p-info-list__option {
margin-bottom:1.2rem
}
.p-info-list__category,
.p-info-list__time {
font-weight:400;
font-size:1.2rem;
line-height:1.25;
letter-spacing:.1em
}
.p-info-list__category {
margin-left:1.2rem;
padding-left:1.2rem;
border-left:1px solid #e5e5e5;
color:#8c8c8c;
text-transform:uppercase
}
.p-info-list__img {
aspect-ratio:4/3
}
.p-info-list__img img {
width:100%;
max-width:none;
height:100%;
object-fit:cover
}
.pagination {
margin-top:8rem
}
.pagination .page-numbers {
display:flex;
align-items:center;
justify-content:center
}
.page-number {
position:relative;
padding:1rem 1.6rem;
font-weight:400;
font-size:1.6rem;
line-height:1.25;
letter-spacing:.1em;
text-align:center
}
.page-number.current:before {
position:absolute;
bottom:0;
left:50%;
width:1.4rem;
height:1px;
transform:translateX(-50%);
background-color:#363636;
content:""
}
.page-next,
.page-prev {
padding:1rem;
font-weight:400;
font-size:1.4rem;
line-height:1.2857142857;
letter-spacing:.1em;
text-transform:uppercase
}
.page-next.disabled,
.page-prev.disabled {
opacity:.5;
pointer-events:none
}
.page-prev {
margin-right:2rem
}
.page-next {
margin-left:2rem
}
.screen-reader-text {
clip:rect(1px,1px,1px,1px);
-webkit-clip-path:inset(50%);
word-wrap:normal!important;
position:absolute!important;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
border:0;
clip-path:inset(50%)
}
.screen-reader-text:focus {
clip:auto!important;
-webkit-clip-path:none;
display:block;
z-index:100000;
top:5px;
left:5px;
width:auto;
height:auto;
padding:15px 23px 14px;
background-color:#eee;
color:#444;
font-size:1em;
line-height:normal;
text-decoration:none;
clip-path:none
}
.p-info-article__heading {
display:flex;
flex-direction:column-reverse
}
.p-info-article__title {
font-family:Noto Sans JP,sans-serif
}
.p-info-article__option {
margin-bottom:1.8rem
}
.p-info-article__category,
.p-info-article__time {
font-weight:400;
font-size:1.4rem;
line-height:1.2857142857;
letter-spacing:.1em
}
.p-info-article__category {
margin-left:1.8rem;
color:#8c8c8c
}
.p-info-article__thumb {
aspect-ratio:16/9;
margin-top:40px
}
.p-info-article__thumb img {
width:100%;
max-width:none;
height:100%;
object-fit:cover
}
.p-info-article__body {
margin-top:40px;
font-weight:400;
font-size:1.3rem;
line-height:2;
font-family:Noto Sans JP,sans-serif;
letter-spacing:.1em
}
.p-info-article h4:not(:first-child),
.p-info-article h5:not(:first-child),
.p-info-article h6:not(:first-child) {
margin-top:3.2rem
}
.p-info-article h4 {
padding-left:1.6rem;
border-left:2px solid #363636;
font-weight:500;
font-size:1.8rem;
line-height:1.4444444444;
letter-spacing:.1em
}
.p-info-article h5 {
position:relative;
padding-left:calc(12px + 1rem);
font-weight:500;
font-size:1.7rem;
line-height:1.4705882353;
letter-spacing:.1em
}
.p-info-article h5:before {
position:absolute;
top:50%;
left:0;
width:12px;
height:1px;
transform:translateY(-50%);
background-color:#363636;
content:""
}
.p-info-article h6 {
font-weight:500;
font-size:1.6rem;
line-height:1.5625;
letter-spacing:.1em
}
.p-info-article p,
.p-info-article ul {
margin-top:1.8rem
}
.p-info-article img {
width:100%;
max-width:none;
height:auto
}
.p-info-article a {
color:inherit;
text-decoration:underline;
transition:.3s
}
.p-info-article a:focus,
.p-info-article a:hover {
text-decoration:none
}
.care .l-main {
position:relative!important
}
.care .l-main .c-subpage-heading {
position:static
}
.care .l-main .c-subpage-heading__title {
position:absolute;
left:0;
left:6.25vw
}
.p-care__heading {
display:flex;
flex-direction:column-reverse;
margin-top:8rem
}
.p-care__title {
font-family:Noto Sans JP,sans-serif
}
.p-care__option {
margin-bottom:1.8rem
}
.p-care__category,
.p-care__time {
font-weight:400;
font-size:1.4rem;
line-height:1.2857142857;
letter-spacing:.1em
}
.p-care__category {
margin-left:1.8rem;
color:#8c8c8c
}
.p-care__thumb {
aspect-ratio:16/9;
margin-top:2.4rem
}
.p-care__thumb img {
width:100%;
max-width:none;
height:100%;
object-fit:cover
}
.p-care__text {
margin-top:3.2rem;
font-weight:400;
font-size:1.3rem;
line-height:2;
font-family:Noto Sans JP,sans-serif;
letter-spacing:.1em
}
.p-care__number {
display:flex;
align-items:center;
margin-top:5.6rem
}
.p-care__number span {
width:2.8rem;
height:2.8rem;
margin-right:1.4rem;
background:#363636;
color:#fff;
font-weight:400;
font-size:1.3rem;
line-height:2.1538461538;
text-align:center
}
.p-care__number p,
.p-care__number span {
display:inline-block;
letter-spacing:.1em
}
.p-care__number p {
color:#363636;
font-weight:500;
font-size:1.6rem;
line-height:1.625;
font-family:Noto Sans JP,sans-serif
}
.p-concept__top-text {
margin-bottom:2rem;
color:#000;
font-weight:500;
font-size:2rem;
line-height:2;
letter-spacing:.1em
}
.p-concept__heading {
display:flex;
flex-direction:column-reverse
}
.p-concept__title {
font-family:Noto Sans JP,sans-serif
}
.p-concept__option {
margin-bottom:1.8rem
}
.p-concept__category,
.p-concept__time {
font-weight:400;
font-size:1.4rem;
line-height:1.2857142857;
letter-spacing:.1em
}
.p-concept__category {
margin-left:1.8rem;
color:#8c8c8c
}
.p-concept__thumb {
position:relative;
aspect-ratio:1128/428;
margin-top:.4rem
}
.p-concept__thumb:hover .p-concept__mask {
background:rgba(0,0,0,.5);
opacity:1
}
.p-concept__thumb:hover .p-concept__caption {
color:#fff;
opacity:1
}
.p-concept__thumb img {
max-width:none;
object-fit:cover
}
.p-concept__mask,
.p-concept__thumb img {
width:100%;
height:100%;
transition:all .3s ease
}
.p-concept__mask {
position:absolute;
top:0;
left:0;
opacity:0
}
.p-concept__caption {
position:absolute;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
color:#fff;
text-align:center;
opacity:0
}
.p-concept__caption h3 {
font-weight:500;
font-size:2.4rem;
line-height:1.8333333333;
letter-spacing:.1em
}
.p-concept__caption span {
margin-top:1.6rem;
font-weight:400;
font-size:1.3rem;
line-height:1.5384615385;
font-family:Noto Sans JP,sans-serif;
letter-spacing:.1em
}
.p-sitemap__wrapper {
display:flex;
justify-content:space-between;
margin-top:-20px
}
.p-sitemap__wrapper ul li {
transition:all .3s ease
}
.p-sitemap__wrapper ul li:first-child {
font-weight:400;
font-size:2rem;
line-height:1;
letter-spacing:.06em
}
.p-sitemap__wrapper ul li:not(:first-child) {
margin-top:2rem;
font-weight:400;
font-size:1.5rem;
line-height:1;
letter-spacing:.1em
}
.p-sitemap__wrapper ul li:nth-child(2) {
margin-top:3.2rem
}
.p-sitemap__wrapper .p-sitemap__lists li a {
font-weight:400;
font-size:2rem;
line-height:1;
letter-spacing:.06em
}
.p-sitemap__wrapper .p-sitemap__lists li:nth-child(2) {
margin-top:3.2 rem!important
}
.l-container-small__sitemap .c-subpage-heading:before {
display:none!important
}
.p-sitemap__mv {
z-index:-1;
position:absolute;
top:0;
left:0;
width:100%;
max-height:384px
}
.p-sitemap__mv img {
height:384px;
object-fit:cover
}
.c-subpage-title__sitemap {
color:#fff!important
}
.p-concept-detail__items {
display:flex;
align-items:center;
justify-content:space-between
}
.p-concept-detail__items li img {
aspect-ratio:545/363;
width:100%;
object-fit:cover
}
.p-concept-detail__items li h3 {
font-weight:400;
font-size:2.6rem;
line-height:1.6923076923;
letter-spacing:.1em
}
.p-concept-detail__items li p {
font-weight:400;
font-size:1.5rem;
line-height:1.7333333333;
font-family:Noto Sans JP,sans-serif;
letter-spacing:.1em
}
.p-concept-detail__items li p:not(:first-child) {
margin-top:3.2rem
}
.p-concept-detail__items li:first-child {
width:43.75%
}
.p-concept-detail__items li:nth-child(2) {
position:relative;
width:43.75%;
margin-right:6.25%;
margin-left:6.25%
}
.p-concept-detail__items--2 {
display:flex;
flex-direction:row-reverse;
align-items:center
}
.p-concept-detail__items--2,
.p-concept-detail__items--3 {
margin-top:10rem
}
.p-concept-detail__items--3 li:nth-child(2) {
position:relative;
align-items:center
}
.p-gift__items {
display:flex;
align-items:center;
justify-content:space-between
}
.p-gift__items li img {
width:100%
}
.p-gift__items li h3 {
font-weight:400;
font-size:2.6rem;
line-height:1.6923076923;
letter-spacing:.1em
}
.p-gift__items li p {
font-weight:400;
font-size:1.3rem;
line-height:2;
font-family:Noto Sans JP,sans-serif;
letter-spacing:.1em
}
.p-gift__items li p:not(:first-child) {
margin-top:3.2rem
}
.p-gift__items li:first-child {
width:43.75%
}
.p-gift__items li:nth-child(2) {
position:relative;
width:43.75%;
margin-right:6.25%;
margin-left:6.25%
}
.p-gift__items--2 {
display:flex;
flex-direction:row-reverse;
margin-top:12rem
}
.p-gift__items--2 li:nth-child(2) {
position:relative
}
.p-gift .p-gift__text-wrap {
margin-top:4.8rem
}
.p-gift__items--3 li:nth-child(2) {
position:relative
}
.privacy .c-breadcrumbs {
display:none
}
.privacy .u-container {
width:calc(100% - 120px);
max-width:860px;
margin-right:auto;
margin-left:auto
}
.privacy .u-contents p {
font-weight:400;
font-size:1.4rem;
line-height:1.8571428571;
letter-spacing:.1em
}
.privacy .c-ttl-main {
position:relative;
margin-bottom:3rem;
padding-bottom:15px;
font-weight:700;
font-size:3.2rem;
line-height:1.34375;
letter-spacing:.1em;
text-transform:uppercase
}
.privacy .c-ttl-main:before {
width:1em;
border-top:1px solid #363636
}
.privacy .c-ttl-main:after,
.privacy .c-ttl-main:before {
display:block;
position:absolute;
bottom:0;
left:0;
height:1px;
content:""
}
.privacy .c-ttl-main:after {
width:100%;
border-bottom:1px solid #e1e1e1
}
.privacy .c-ttl-second {
margin-bottom:1.8rem;
font-weight:500;
font-size:1.6rem;
line-height:1.625;
letter-spacing:.1em
}
.privacy .p-privacy-box {
margin-top:4.8rem;
margin-bottom:4.8rem
}
.privacy .p-privacy-box p {
font-weight:400;
font-size:1.4rem;
line-height:1.8571428571;
letter-spacing:.1em
}
.u-flicking .eg-flick-viewport {
z-index:0!important
}
.u-flicking .eg-flick-panel {
width:100%
}
.u-flicking .eg-flick-panel img {
width:100%;
max-width:none
}
.u-flicking__container {
position:relative
}
.u-flicking__next,
.u-flicking__prev {
display:flex;
z-index:100;
position:absolute;
top:50%;
align-items:center;
justify-content:center;
width:50px;
height:50px;
transform:translateY(-50%);
background-color:rgba(0,0,0,.6);
cursor:pointer;
transition:opacity .5s ease
}
.u-flicking__next svg,
.u-flicking__prev svg {
fill:#fff;
height:60%
}
.u-flicking__prev {
left:0
}
.u-flicking__next {
right:0
}
.u-flicking__pagination {
display:flex;
align-items:center;
justify-content:center;
margin-top:10px
}
.u-flicking__pagination--dot {
width:12px;
height:12px;
margin:0 5px;
border-radius:50%;
background-color:#ccc;
cursor:pointer;
transition:opacity .5s ease
}
.u-flicking__pagination--dot.is-current {
background-color:#c00
}
.u-contents {
margin-top:40px
}
.fade-in {
opacity:0;
transition-duration:1s;
transition-property:opacity,transform
}
.fade-in-up {
transform:translateY(80px)
}
.scroll-in {
transform:translate(0);
opacity:1
}
@media screen {
[hidden~=screen] {
display:inherit
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
clip:rect(0 0 0 0)!important;
position:absolute!important
}
}
@media screen and (max-width:767px) {
html.is-nav-active .l-header--other {
background:transparent!important
}
html.is-nav-active .l-header--other .js-header__logo1 {
display:block!important
}
html.is-nav-active .l-header--other .js-header__logo2 {
display:none!important
}
html.is-nav-active .l-header--other .l-nav__lg-sm ul li:first-child {
display:block!important
}
html.is-nav-active .l-header--other .l-nav__lg-sm__list {
display:none!important
}
html.is-nav-active.is-scroll .l-header,
html.is-nav-active.is-scroll .l-header--other {
background:transparent!important
}
html.is-nav-active.is-scroll .js-header__logo1,
html.is-nav-active.is-scroll .l-nav__lg-sm ul li:first-child {
display:block
}
html.is-nav-active.is-scroll .js-header__logo2,
html.is-nav-active.is-scroll .l-header--other .js-header__logo2,
html.is-nav-active.is-scroll .l-header--other .l-nav__lg-sm ul li:nth-child(2),
html.is-nav-active.is-scroll .l-nav__lg-sm ul li:nth-child(2) {
display:none!important
}
html.is-nav-active.is-scroll .l-header--other .l-nav__lg-sm ul li:first-child {
display:block!important
}
html.is-nav-active.is-scroll .l-header--other .l-nav__lg-sm__list {
display:none!important
}
html {
}
html.is-nav-active {
overflow:hidden
}
body {
min-width:0
}
.l-wrapper {
padding-top:90px
}
.l-lg {
display:none!important
}
.l-footer {
margin-top:21.3333333333vw
}
.l-footer,
.l-footer__item-left {
display:block
}
.l-footer__item-left h2 {
margin:0 auto 16vw;
text-align:center
}
.l-footer__item-left .l-footer__content-wrapper {
padding-bottom:5.3333333333vw
}
.l-footer__item-left ul {
margin-left:0
}
.l-header {
z-index:1100;
padding-right:5.3333333333vw;
padding-left:5.3333333333vw
}
.l-header__inner {
height:90px
}
.l-header__logo {
width:120px
}
.l-header .c-hamburger {
margin-left:0
}
.l-nav__lg {
display:none
}
.l-nav__mega nav {
margin-top:0
}
.l-nav__mega nav ul:last-child li:not(:first-child) {
margin-left:6.4vw
}
.l-nav__mega nav ul .nav-title {
margin-bottom:1.0666666667vw;
font-size:1.5rem
}
.l-nav__mega nav ul li {
margin-top:5.3333333333vw;
font-size:1.2rem
}
.l-nav__mega {
width:100%;
padding:28.5333333333vw 5.3333333333vw 14.9333333333vw
}
.l-nav__mega span {
display:block;
position:relative;
margin-bottom:11.4666666667vw;
padding-left:9.6vw;
color:#fff;
font-weight:400;
font-size:1.5rem;
line-height:1;
letter-spacing:.1em
}
.l-nav__mega span:before {
position:absolute;
top:50%;
left:0;
width:6.4vw;
height:6.4vw;
transform:translateY(-50%);
background:url(https://file003.shop-pro.jp/PA01489/644/assets/images/common/mypage.png);
background-position:50%;
background-size:cover;
background-repeat:no-repeat;
content:""
}
.l-container-small {
width:calc(100% - 40px)
}
.l-container-small .c-subpage-title {
left:auto;
margin-left:0
}
.l-container-large {
width:calc(100% - 40px);
}
.c-accordion--btn,
.c-accordion--item {
font-weight:400;
font-size:1.4rem;
line-height:2;
letter-spacing:.1em
}
.c-hamburger {
top:37px;
left:5.3333333333vw;
width:25px;
height:16px
}
.c-hamburger .c-hamburger {
top:30px;
left:0
}
.c-hamburger span {
left:0;
width:25px;
height:2px
}
.c-hamburger span:first-of-type {
top:0
}
.c-hamburger span:nth-of-type(2) {
top:7px
}
.c-hamburger span:nth-of-type(3) {
bottom:0
}
.is-nav-active .c-hamburger span:first-of-type {
top:calc(50% - 1px)
}
.is-nav-active .c-hamburger span:nth-of-type(3) {
bottom:calc(50% - 1px)
}
.c-subpage-title {
font-weight:400;
font-size:32px;
line-height:1.375;
letter-spacing:.1em
}
.c-description__item {
flex-direction:column
}
.c-description__item dt {
width:auto
}
.c-description__item dd {
width:auto;
margin-top:10px
}
.c-btn-cart {
margin-top:30px
}
.c-subpage-heading {
height:180px;
margin-bottom:70px
}
.c-subpage-heading__title {
position:relative;
top:60px
}
.top__category {
margin-top:21.3333333333vw
}
.top__category ul {
display:block
}
.top__category ul li {
width:100%
}
.top__category ul li:not(:first-child) {
margin-top:.8vw;
margin-left:0
}
.top__category .caption {
top:7vw;
left:7vw;
transform:none;
font-size:3.73333vw
}
.top__category .mask {
position:static;
background-color:transparent;
opacity:1
}
.top__concept {
margin-top:21.3333333333vw
}
.top__concept ul li:first-child,
.top__concept ul li:nth-child(4) {
position:relative;
width:100%
}
.top__concept ul li:first-child:before,
.top__concept ul li:nth-child(4):before {
display:block;
padding-top:56.2666667%;
content:""
}
.top__concept ul li:first-child img,
.top__concept ul li:nth-child(4) img {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
object-fit:cover
}
.top__concept ul li:nth-child(2),
.top__concept ul li:nth-child(3) {
position:relative;
width:calc(50% - .4vw)
}
.top__concept ul li:nth-child(2):before,
.top__concept ul li:nth-child(3):before {
display:block;
padding-top:100%;
content:""
}
.top__concept ul li:nth-child(2) img,
.top__concept ul li:nth-child(3) img {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
object-fit:cover
}
.top__concept ul li:nth-child(3),
.top__concept ul li:nth-child(5) {
margin-left:.8vw
}
.top__concept ul li:nth-child(4),
.top__concept ul li:nth-child(5) {
margin-top:.8vw
}
.top__concept .caption {
font-size:3.73333vw
}
.top__concept .mask {
opacity:1
}
.p-product-main {
display:block
}
.p-product-img {
width:auto
}
.p-product-info {
width:auto;
margin-top:60px
}
.p-product-info__ttl {
font-size:21px
}
.p-product-info__id {
margin-top:5px;
font-size:10px
}
.p-product-price__list-price,
.p-product-price__normal {
font-size:12px
}
.p-product-link-list__item,
.p-product__ttl {
margin-bottom:30px
}
.p-product__ttl {
font-size:18px
}
.p-product-recommend-list {
margin-right:-5px;
margin-bottom:60px;
margin-left:-5px
}
.p-product-recommend-list__item {
padding-right:5px;
padding-left:5px
}
.p-product-recommend-list__img {
margin-bottom:5px;
text-align:center
}
.p-product-recommend-list__price {
margin-top:0
}
.p-product-review__item {
padding:20px
}
.p-product-review__btn {
margin-top:30px
}
.p-info-list__item {
width:48.75%
}
.p-concept__top-text {
color:#000;
font-weight:500;
font-size:1.3rem;
line-height:1.5384615385;
letter-spacing:.1em
}
.p-concept__mask {
background:rgba(0,0,0,.5);
opacity:1
}
.p-concept__caption {
opacity:1
}
.p-concept__caption h3 {
font-weight:500;
font-size:1.8rem;
line-height:1.3333333333;
letter-spacing:.1em
}
.p-concept__caption span {
font-weight:400;
font-size:1rem;
line-height:1.5;
letter-spacing:.1em
}
.p-sitemap__wrapper {
display:block;
margin-top:-20px
}
.p-sitemap__wrapper ul {
margin-top:4rem
}
.p-sitemap__wrapper ul li:first-child {
font-weight:400;
font-size:2rem;
line-height:1;
letter-spacing:.06em
}
.p-sitemap__wrapper ul li:not(:first-child) {
margin-top:1.5rem;
font-weight:400;
font-size:1.5rem;
line-height:1;
letter-spacing:.1em
}
.p-sitemap__wrapper ul li:nth-child(2) {
margin-top:2.4rem
}
.p-sitemap__mv {
max-height:270px
}
.p-sitemap__mv img {
height:270px;
object-fit:cover
}
.p-concept-detail {
margin:0 auto;
padding:0 2rem
}
.p-concept-detail .p-concept-detail__items {
display:block
}
.p-concept-detail .p-concept-detail__items li h3 {
font-weight:400;
font-size:2rem;
line-height:1.3;
letter-spacing:.1em
}
.p-concept-detail .p-concept-detail__items li p {
margin-top:1.8rem;
font-weight:400;
font-size:1.1rem;
line-height:2.3636363636;
letter-spacing:.1em
}
.p-concept-detail .p-concept-detail__items li:first-child {
width:100%
}
.p-concept-detail .p-concept-detail__items li:nth-child(2) {
top:0;
width:100%;
margin-top:2rem;
margin-right:0;
margin-left:0
}
.p-concept-detail__items--2,
.p-concept-detail__items--3 {
margin-top:3rem
}
.p-concept-detail__items--3 li:nth-child(2) {
top:0
}
.p-concept-detail .p-concept-detail__text-wrap {
margin-top:2rem
}
.p-gift {
margin:0 auto;
padding:0 2rem
}
.p-gift .p-gift__items {
display:block
}
.p-gift .p-gift__items li h3 {
font-weight:400;
font-size:2rem;
line-height:1.3;
letter-spacing:.1em
}
.p-gift .p-gift__items li p {
margin-top:1.8rem;
font-weight:400;
font-size:1.1rem;
line-height:2.3636363636;
letter-spacing:.1em
}
.p-gift .p-gift__items li:first-child {
width:100%
}
.p-gift .p-gift__items li:nth-child(2) {
top:0;
width:100%;
margin-top:2rem;
margin-right:0;
margin-left:0
}
.p-gift__items--2,
.p-gift__items--3 {
margin-top:3rem
}
.p-gift__items--3 li:nth-child(2) {
top:0
}
.p-gift .p-gift__text-wrap {
margin-top:2rem
}
.privacy .u-container {
width:calc(100% - 40px)
}
.privacy .c-ttl-main {
font-size:2.8rem
}
.u-flicking__next,
.u-flicking__prev {
width:10.6666666667vw;
height:10.6666666667vw
}
.u-flicking__pagination {
margin-top:2.6666666667vw
}
.u-flicking__pagination--dot {
width:3.7333333333vw;
height:3.7333333333vw;
margin:0 1.6vw
}

.l-main{
padding: 0 0 60px;
}

}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
}
@media print,screen and (min-width:768px) {
a[href^="tel:"] {
pointer-events:none
}
.l-sm {
display:none!important
}
.u-flicking__next:hover,
.u-flicking__pagination--dot:hover,
.u-flicking__prev:hover {
opacity:.6
}

.l-main{
padding: 0;
}

}
@media screen and (max-width:1030px) {
.p-product-form-btn__cart {
flex:1;
width:auto
}
.p-product-detail {
display:block
}
.p-product-explain {
width:auto;
margin-bottom:60px
}
.p-product-other {
width:auto
}
}