@charset "UTF-8";
   @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
} input[type=search] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box;
box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
p, h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}
ul, ol {
padding: 0;
margin: 0;
}
ul li, ol li {
list-style: none;
}
dl {
padding: 0;
margin: 0;
}
dl dt, dl dd {
padding: 0;
margin: 0;
}
a {
text-decoration: none;
outline: none;
}
img {
width: auto;
max-width: 100%;
height: auto;
vertical-align: top;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} :root {
--gwsm: calc(10 / 320 * 100vw);
--gw: calc(10 / 375 * 100vw);
--font01: "Noto Sans JP", sans-serif;
--font02: "Noto Serif JP", serif;
--enFont01: "Lato", sans-serif;
--enFont02: "Limelight", cursive;
--backgroudColor: #fdf9f2;
--fontColor: #4a463f;
}
html {
height: 100%;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
color: var(--color_text);
background: var(--backgroudColor);
font-size: 10px;
}
body {
font-family: var(--font02);
color: var(--fontColor);
line-height: 1.8;
letter-spacing: 0.03em;
height: 100%;
font-weight: 500;
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.5rem);
}
body:not(.top) .layout {
padding-top: 12.5vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
@media screen and (min-width: 768px) {
body:not(.top) .layout {
padding-top: 7.8125vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
body:not(.top) .layout {
padding-top: 12rem;
}
}
body:not(.top) #main > *:first-child {
padding-top: 0;
margin-top: 0;
}
#main {
padding-bottom: calc(var(--gw) * 7);
}
@media screen and (min-width: 768px) {
#main {
padding-bottom: calc(var(--gw) * 5);
}
}
@media screen and (min-width: 992px) {
#main {
padding-bottom: calc(var(--gw) * 3);
}
}
h1,
h2,
h3,
h4,
h5 {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 2rem);
}
b,
strong,
.bold {
font-weight: bold;
}
._lato {
font-family: "Lato", sans-serif;
}
._limelight {
font-family: "Limelight", cursive;
}
._font02 {
font-family: var(--font01);
}
.section {
padding-top: 18.75vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 18.75vw;
}
.section:last-child {
padding-bottom: 0;
}
.section.bg-color {
background-color: #e6e1d8;
}
@media screen and (min-width: 768px) {
.section {
padding-top: 14.0625vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 14.0625vw;
}
}
@media screen and (min-width: 992px) {
.section {
padding-top: 10.9375vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 10.9375vw;
}
}
.section:last-child.bg-color {
padding-bottom: calc(var(--gw) * 22);
margin-bottom: calc(var(--gw) * -20);
}
@media screen and (min-width: 768px) {
.section:last-child.bg-color {
padding-bottom: calc(var(--gw) * 11);
margin-bottom: calc(var(--gw) * -10);
}
}
@media screen and (min-width: 992px) {
.section:last-child.bg-color {
padding-bottom: calc(var(--gw) * 8);
margin-bottom: calc(var(--gw) * -7);
}
}
.container {
margin-left: auto;
margin-right: auto;
}
.container > *:first-child {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 1400px) {
.container {
padding: 0;
max-width: 120rem;
}
}
.f-s {
font-size: clamp(1.1rem, 1.018rem + 0.91vw, 1.3rem);
}
.f-m {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.6rem);
}
.f-mm {
font-size: clamp(1.5rem, 1.018rem + 0.91vw, 1.7rem);
}
.f-l {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 1.8rem);
}
.f-xl {
font-size: clamp(1.8rem, 1.018rem + 0.91vw, 2rem);
}
.f-xxl {
font-size: clamp(2rem, 1.018rem + 0.91vw, 2.4rem);
}
a {
text-decoration: none;
color: var(--color_text);
}
a[href^=tel] {
text-decoration: underline;
}
@media screen and (min-width: 768px) {
a[href^=tel] {
text-decoration: none;
pointer-events: none;
}
}
a.link-blank[target=_blank] {
display: inline-block;
position: relative;
padding-right: 1.5em;
}
a.link-blank[target=_blank]::after {
content: "";
width: 1.2em;
height: 1.3em;
display: block;
background-image: url(//www.cushion-life.com/wp/wp-content/themes/cushion-life/assets/img/common/icon_new_window.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
}
@media screen and (min-width: 768px) {
a.link-blank[target=_blank]::after {
margin-top: 0px;
}
}
@media screen and (min-width: 992px) {
a {
-webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
a:hover {
opacity: 0.5;
}
}
.pc-none {
display: block;
}
.tab-none {
display: block;
}
.sp-none {
display: none;
}
@media screen and (min-width: 768px) {
.pc-none {
display: block;
}
.sp-none {
display: block;
}
.tab-none {
display: none;
}
}
@media screen and (min-width: 992px) {
.sp-none {
display: block;
}
.tab-none {
display: block;
}
.pc-none {
display: none;
}
}
#stalker {
display: none;
}
@media screen and (min-width: 992px) {
#stalker {
display: block;
pointer-events: none;
position: fixed;
top: -8px;
left: -8px;
width: 16px;
height: 16px;
background: rgba(186, 176, 159, 0.7);
border-radius: 50%;
-webkit-transition: top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s, -webkit-transform 0.2s;
transition: top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s, -webkit-transform 0.2s;
transition: transform 0.2s, top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s;
transition: transform 0.2s, top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s, -webkit-transform 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: 999;
will-change: transform;
will-change: top, left, opacity, margin, padding, width, height, transform;
}
#stalker.hov_ {
top: -32px;
left: -32px;
width: 64px;
height: 64px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
background: rgba(186, 176, 159, 0.3);
}
}
.l-column_style01 .l-column-title__img {
line-height: 0;
margin-bottom: 4rem;
}
.l-column_style01 .l-column-content {
text-align: justify;
line-height: 2;
}
.l-column_style01 .l-column-content .c-btn-group {
margin-top: 4rem;
}
@media screen and (min-width: 768px) {
.l-column_style01 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 6rem 1fr;
grid-template-columns: 1fr 1fr;
gap: 0 6rem;
}
.l-column_style01 .l-column-title__img {
width: calc(var(--gw) * 15);
line-height: 0;
margin-bottom: 5rem;
}
.l-column_style01 .l-column-title__img img {
width: 100%;
height: auto;
}
.l-column_style01 .l-column-content {
text-align: justify;
line-height: 2.2;
padding-top: 11.71875vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
margin-top: 0vw;
margin-left: -26.0416666667vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style01 .l-column-content .c-btn-group {
margin-top: 4rem;
}
}
@media screen and (min-width: 1200px) {
.l-column_style01 .l-column-title__img {
max-width: 45rem;
}
.l-column_style01 .l-column-content {
margin: 0;
padding-top: 6.0483870968vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
}
.l-column_style02 {
position: relative;
}
.l-column_style02 + .l-column_style02 {
margin-top: 12.5vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02 .l-column-left {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 10.9375vw;
}
.l-column_style02 .l-column-left .l-column-title {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 2.5rem);
line-height: 1;
font-weight: 400;
}
.l-column_style02 .l-column-left p {
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02 .l-column-left .c-btn-group {
text-align: left;
margin-top: 4.0625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02 .l-column-right {
height: 50vh;
}
.l-column_style02 .l-column-right img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.l-column_style02 + .l-column_style02 {
margin-top: 7.8125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02 .l-column-left {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 7.8125vw;
}
.l-column_style02 .l-column-left p {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02 .l-column-left .c-btn-group {
text-align: left;
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02 .l-column-right {
height: auto;
width: 100%;
padding-top: 0vw;
padding-left: 20.1612903226vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.l-column_style02 .l-column-right img {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.l-column_style02 {
width: 100%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0 6rem;
}
.l-column_style02 + .l-column_style02 {
margin-top: 14rem;
}
.l-column_style02 .l-column-left {
width: 35%;
margin: 0;
}
.l-column_style02 .l-column-right {
width: 65%;
max-width: 67.5rem;
padding: 0;
}
.l-column_style02 .l-column-content .c-btn-group {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02.__medium .l-column-left {
width: 40%;
}
.l-column_style02.__medium .l-column-right {
width: 60%;
}
}
.l-column_style02._reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.l-column_style02._reverse .l-column-left {
margin-top: 7.8125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.l-column_style02._reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-column_style02._reverse .l-column-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style02._reverse .l-column-right {
width: 60%;
padding: 0;
}
.l-column_style02._reverse .l-column-right img {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.l-column_style02._reverse .l-column-right {
max-width: 67.5rem;
}
}
.l-column_style03 {
position: relative;
}
.l-column_style03 .l-column-left {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 10.9375vw;
}
.l-column_style03 .l-column-left .l-column-title {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 2.5rem);
line-height: 1;
font-weight: 400;
}
.l-column_style03 .l-column-left .l-column-title img {
width: auto;
height: 1.8rem;
}
.l-column_style03 .l-column-left .l-column-title img._large {
height: 6rem;
}
.l-column_style03 .l-column-left .c-btn-group {
text-align: left;
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style03 .l-column-left .l-column-text {
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 9.375vw;
}
.l-column_style03 .l-column-right .row + .row {
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style03 .l-column-right p {
line-height: 2.1;
letter-spacing: 0.05em;
text-align: justify;
}
@media screen and (min-width: 768px) {
.l-column_style03 .l-column-left {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 9.375vw;
}
.l-column_style03 .l-column-left .l-column-title img {
height: 2.4rem;
}
.l-column_style03 .l-column-left .l-column-title img._large {
height: 9.3rem;
}
.l-column_style03 .l-column-left .c-btn-group {
text-align: left;
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style03 .l-column-left .l-column-text {
margin-top: 2.6041666667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 5.2083333333vw;
}
.l-column_style03 .l-column-right {
padding-top: 0vw;
padding-left: 14.1129032258vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.l-column_style03 .l-column-right .row + .row {
margin-top: 3.90625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style03.__medium {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.5rem);
}
}
@media screen and (min-width: 992px) {
.l-column_style03 {
width: 100%;
max-width: 110rem;
margin-left: auto;
margin-right: auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.l-column_style03 .l-column-left {
width: 50%;
margin: 0;
}
.l-column_style03 .l-column-left .l-column-text {
width: 65%;
margin-top: 2.5201612903vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 2.5201612903vw;
}
.l-column_style03 .l-column-right {
width: 50%;
padding: 0;
}
.l-column_style03 .l-column-right p {
line-height: 2.2;
letter-spacing: 0.05em;
text-align: justify;
}
.l-column_style03 .l-column-right .row + .row {
margin-top: 3.0241935484vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-column_style03 .l-column-content .c-btn-group {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.l-product {
z-index: 1;
}
.l-product + .l-product {
margin-top: 9.375vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-product .l-product-left {
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-product .l-product-right img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.l-product .l-product-title {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 2.5rem);
line-height: 1;
font-weight: 400;
}
.l-product .c-btn-group {
text-align: left;
margin-top: 4.0625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.l-product {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.l-product + .l-product {
margin-top: 7.8125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-product .l-product-left,
.l-product .l-product-right {
margin: 0;
}
.l-product .l-product-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.l-product .l-product-right {
width: 60%;
}
.l-product .c-btn-group {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.l-product {
width: 100%;
gap: 0 6rem;
}
.l-product + .l-product {
margin-top: 14rem;
}
.l-product .l-product-left {
width: 35%;
}
.l-product .l-product-right {
width: 65%;
max-width: 67.5rem;
}
.l-product .c-btn-group {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.l-panel__product {
width: 100%;
height: 100lvh;
overflow: hidden;
position: relative;
}
.l-panel__product + .l-panel__product {
margin-top: 14.0625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-panel__product .l-panel-left {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.l-panel__product .l-panel-left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.l-panel__product .l-panel-left::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
opacity: 0.2;
}
.l-panel__product .l-panel-right {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
color: #fff;
padding-top: 0vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 12.5vw;
padding-bottom: 3vh;
}
.l-panel__product .l-panel-right .text-box .l-panel-title {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 2.5rem);
line-height: 1.7;
font-weight: 400;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 4.6875vw;
}
.l-panel__product .l-panel-right .text-box p {
font-size: clamp(1.2rem, 1.127rem + 0.36vw, 1.4rem);
}
@media screen and (min-width: 768px) {
.l-panel__product {
height: 70vh;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-panel__product + .l-panel__product {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.l-panel__product:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.l-panel__product::after {
display: none;
}
.l-panel__product .l-panel-left {
width: 50%;
}
.l-panel__product .l-panel-right {
width: 50%;
position: relative;
color: #4a463f;
}
.l-panel__product .l-panel-right .text-box {
padding: 0;
}
.l-panel__product .l-panel-right .text-box .l-panel-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.953125vw;
}
}
@media screen and (min-width: 992px) {
.l-panel__product {
height: 50vw;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 0;
}
.l-panel__product .l-panel-right .text-box {
padding: 0;
max-width: 30vw;
margin-left: auto;
margin-right: auto;
}
.l-panel__product .l-panel-right .text-box .l-panel-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 2.6041666667vw;
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.l-panel__product .l-panel-right .text-box p {
width: 80%;
font-size: clamp(1.2rem, 1.127rem + 0.36vw, 1.6rem);
}
}
@media screen and (min-width: 1200px) {
.l-panel__product .l-panel-right .text-box .l-panel-title {
font-size: calc(var(--gw) * 0.65);
}
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
.l-panel__product .l-panel-right .text-box .l-panel-title {
font-size: 2.8rem;
}
}
.product-counter {
color: #fff;
font-family: var(--font01);
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 1.8rem);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center;
line-height: 1;
height: 1em;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 4.0625vw;
}
.product-counter .kugiri {
display: inline-block;
margin: 0 0.8rem;
}
.product-counter > span {
height: 1em;
display: block;
text-align: center;
}
@media screen and (min-width: 768px) {
.product-counter {
color: #4a463f;
font-weight: 300;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 2.6041666667vw;
}
}
.header {
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.header .header-inner {
padding-top: 0vw;
padding-left: 4.6875vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.header .header-logo {
width: 32vw;
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.header .header-logo img {
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.header .header-logo {
width: 18.2291666667vw;
margin-top: 2.6041666667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.header .header-logo {
width: 20.1612903226vw;
max-width: 21rem;
margin-top: 2.2177419355vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.drawer-btn-group {
width: 57.2916666667vw;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
position: fixed;
top: 0;
right: 0;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transform: none;
transform: none;
}
@media screen and (min-width: 768px) {
.drawer-btn-group {
width: 52.0833333333vw;
margin-top: 2.6041666667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.drawer-btn-group {
width: 48rem;
}
}
.btn-shop a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: 1px solid #4a463f;
border-radius: 5rem;
color: #4a463f;
font-size: 3.125vw;
line-height: 1.4;
padding-top: 1.5625vw;
padding-left: 4.0625vw;
padding-right: 4.0625vw;
padding-bottom: 1.5625vw;
letter-spacing: 0.05em;
font-family: var(--font01);
display: block;
text-align: center;
margin-left: auto;
flex: 1;
font-weight: 300;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.btn-shop a::after {
display: none !important;
}
@media screen and (min-width: 768px) {
.btn-shop a {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.5rem);
padding: 0.5em 2.5em;
letter-spacing: 0.1em;
-webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.btn-shop a:hover {
opacity: 1;
background-color: #bbb4a9;
border-color: #bbb4a9;
color: #fff;
}
}
.btn-drawer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
letter-spacing: 0.03em;
font-family: var(--font01);
font-size: 3.75vw;
margin-top: 0vw;
margin-left: 4.6875vw;
margin-right: 0vw;
margin-bottom: 0vw;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 6.25vw;
padding-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.btn-drawer {
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 1.8rem);
margin-top: 0vw;
margin-left: 4.5572916667vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.btn-drawer {
margin-top: 0vw;
margin-left: 3.5282258065vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.btn-drawer .icon-dotted {
width: 4px;
height: 4px;
display: block;
background-color: #4a463f;
border-radius: 100%;
position: relative;
margin-left: 15px;
-webkit-transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.btn-drawer .icon-dotted::before, .btn-drawer .icon-dotted::after,
.btn-drawer .icon-dotted span::before,
.btn-drawer .icon-dotted span::after {
content: "";
width: 4px;
height: 4px;
display: block;
background-color: #4a463f;
position: absolute;
border-radius: 100%;
-webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.btn-drawer .icon-dotted::before,
.btn-drawer .icon-dotted span::before {
top: 0;
left: -7px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-drawer .icon-dotted::after,
.btn-drawer .icon-dotted span::after {
right: -7px;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-drawer .icon-dotted span::before, .btn-drawer .icon-dotted span::after {
z-index: 2;
}
.btn-drawer.is-open .icon-dotted::before {
-webkit-transform: translate(0, -7px);
transform: translate(0, -7px);
}
.btn-drawer.is-open .icon-dotted::after {
-webkit-transform: translate(0, 7px);
transform: translate(0, 7px);
}
.btn-drawer.is-open .icon-dotted span::before {
-webkit-transform: translate(0, 7px);
transform: translate(0, 7px);
}
.btn-drawer.is-open .icon-dotted span::after {
-webkit-transform: translate(0, -7px);
transform: translate(0, -7px);
}
.drawer {
width: 100vw;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 998;
overflow: hidden;
-webkit-transform: none;
transform: none;
}
.drawer-bg {
width: 200%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(253, 249, 242, 0.2);
background-image: -webkit-gradient(linear, right top, left top, from(rgb(253, 249, 242)), color-stop(50%, rgb(255, 244, 226)), to(rgba(253, 249, 242, 0)));
background-image: linear-gradient(-90deg, rgb(253, 249, 242) 0%, rgb(255, 244, 226) 50%, rgba(253, 249, 242, 0) 100%);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 0% 0%;
}
.drawer-content {
width: 100%;
height: 100%;
padding-top: 18.75vw;
padding-left: 4.6875vw;
padding-right: 4.6875vw;
padding-bottom: 12.5vw;
position: relative;
z-index: 2;
overflow-x: hidden;
overflow-y: auto;
scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
.drawer-content {
padding-top: 0vw;
padding-left: 5.2083333333vw;
padding-right: 5.2083333333vw;
padding-bottom: 0vw;
}
}
.dr-flex {
padding-top: 0vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 0vw;
}
.dr-flex .dr-left .dr-logo {
display: none;
}
.dr-flex .dr-right .dr-column + .dr-column {
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .dr-column + .dr-column ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dr-flex .dr-right .dr-column dl + dl {
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .dr-column dl dt {
font-weight: 600;
font-family: var(--font01);
letter-spacing: 0.2em;
font-size: 4.375vw;
}
.dr-flex .dr-right .dr-column dl dd a {
font-family: var(--font02);
display: block;
font-size: 3.75vw;
}
.dr-flex .dr-right .dr-column a {
font-size: 3.75vw;
display: block;
}
.dr-flex .dr-right .dr-column ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr calc(var(--gw) * 2) 1fr;
grid-template-columns: 1fr 1fr;
margin-top: 1.5625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
padding-top: 0vw;
padding-left: 1.5625vw;
padding-right: 0vw;
padding-bottom: 0vw;
gap: calc(var(--gw) * 0.5) calc(var(--gw) * 2);
}
.dr-flex .dr-right .dr-column ul li a {
padding-left: 0.5rem;
display: inline-block;
}
.dr-flex .dr-right .link-insta {
margin-top: 3.125vw;
margin-left: 1.5625vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .link-insta + ul {
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.dr-flex {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.dr-flex .dr-left {
width: 50%;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 5.2083333333vw;
padding-bottom: 0vw;
}
.dr-flex .dr-left .dr-logo {
width: 26.0416666667vw;
display: block;
margin-left: auto;
margin-right: auto;
}
.dr-flex .dr-left .dr-logo img {
width: 100%;
}
.dr-flex .dr-right {
width: 50%;
}
.dr-flex .dr-right .dr-column + .dr-column {
margin: 5vh 0 0 0;
}
.dr-flex .dr-right .dr-column dl + dl {
margin: 2.5vh 0 0 0;
}
.dr-flex .dr-right .dr-column dl dt {
font-size: clamp(1.5rem, 1.018rem + 0.91vw, 1.7rem);
margin: 0 0 0.7vh 0;
}
.dr-flex .dr-right .dr-column dl dd a {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.6rem);
}
.dr-flex .dr-right .dr-column a {
font-size: 3.75vw;
}
.dr-flex .dr-right .dr-column ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2rem 1fr;
grid-template-columns: 1fr 1fr;
margin-top: 0.6510416667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
padding-top: 0vw;
padding-left: 0.6510416667vw;
padding-right: 0vw;
padding-bottom: 0vw;
gap: 1rem 2rem;
}
.dr-flex .dr-right .link-insta {
margin-top: 1.3020833333vw;
margin-left: 0.6510416667vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .link-insta + ul {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.dr-flex .dr-left .dr-logo {
width: 18.1451612903vw;
}
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
.dr-flex .dr-left .dr-logo {
width: 16.1290322581vw;
}
}
@media screen and (min-width: 992px) {
.dr-flex .dr-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.dr-flex .dr-right .dr-column + .dr-column {
padding-top: 0vw;
padding-left: 5.0403225806vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.dr-flex .dr-right .dr-column dl + dl {
margin-top: 2.5201612903vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .dr-column dl dt {
font-size: clamp(1.5rem, 1.018rem + 0.91vw, 1.7rem);
margin: 0 0 0.7vh 0;
}
.dr-flex .dr-right .dr-column dl dd a {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.5rem);
}
.dr-flex .dr-right .dr-column ul {
display: block;
margin-top: 1.0080645161vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .dr-column ul li + li {
margin-top: 0.3024193548vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .link-insta {
margin-top: 1.3020833333vw;
margin-left: 0.6510416667vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .link-insta + ul {
display: block !important;
margin-top: 1.5120967742vw;
margin-left: -1.0080645161vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.dr-flex .dr-right .link-insta + ul li + li {
margin-top: 0.5040322581vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.drawer {
pointer-events: none;
}
.drawer .drawer-bg {
opacity: 0;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.drawer .drawer-content .dr-logo {
opacity: 0;
}
.drawer .drawer-content .dr-column dl {
opacity: 0;
}
.drawer.is-open {
pointer-events: all;
}
.footer {
font-family: var(--font02);
font-weight: 500;
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.5rem);
}
.footer-content {
background-color: #f5f1ea;
margin-top: -3px;
padding-top: 0vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 0vw;
}
.footer-content .container {
padding-top: 14.0625vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 12.5vw;
}
@media screen and (min-width: 768px) {
.footer-content .container {
padding-top: 10.4166666667vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 10.4166666667vw;
}
}
@media screen and (min-width: 992px) {
.footer-content .container {
padding-top: 7.8125vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 7.8125vw;
}
}
.footer-content .container .ft-right {
margin-top: 12.5vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.footer-content .container .ft-right .row + .row {
margin-top: 9.375vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.footer-content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-content .container .ft-right {
margin-top: 0;
}
.footer-content .container .ft-right .row + .row {
margin-top: 5.2083333333vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 768px) {
.footer-content .container .ft-right .row + .row {
margin-top: 4.0322580645vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.ft-brandinfo .brand-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: calc(var(--gw) * 2);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.125vw;
}
.ft-brandinfo .brand-logo .link-site {
width: 45vw;
}
.ft-brandinfo .brand-logo .link-site img {
width: 100%;
height: auto;
}
.ft-brandinfo p {
text-align: center;
line-height: 2;
}
@media screen and (min-width: 768px) {
.ft-brandinfo .brand-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: calc(var(--gw) * 0.5);
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.953125vw;
}
.ft-brandinfo .brand-logo .link-site {
width: 18vw;
}
.ft-brandinfo .brand-logo .link-insta {
margin: 0;
}
.ft-brandinfo p {
text-align: left;
line-height: 2.1;
font-size: 1.3rem;
}
.ft-brandinfo .c-btn-group {
text-align: left;
margin-top: 2.6041666667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.ft-brandinfo .brand-logo {
gap: calc(var(--gw) * 0.3);
}
.ft-brandinfo .brand-logo .link-site {
width: 15vw;
max-width: 22rem;
}
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
.ft-brandinfo .brand-logo .link-site {
width: 12vw;
}
}
@media screen and (min-width: 992px) {
.ft-brandinfo .brand-logo .link-insta {
margin: 0;
}
}
@media screen and (min-width: 992px) {
.ft-brandinfo p {
line-height: 2.15;
font-size: 1.4rem;
}
}
@media screen and (min-width: 992px) {
.ft-brandinfo .c-btn-group {
text-align: left;
}
}
.ft-links,
.ft-sub-links {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: calc(var(--gw) * 2.5);
}
.ft-links li,
.ft-sub-links li {
text-align: center;
}
.ft-links li span,
.ft-sub-links li span {
font-weight: 600;
display: block;
letter-spacing: 0.1em;
font-size: 1.6rem;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 2.1875vw;
font-family: var(--font01);
}
.ft-links li a,
.ft-sub-links li a {
letter-spacing: 0.1em;
font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
.ft-links,
.ft-sub-links {
-ms-grid-columns: 1fr calc(var(--gw) * 1.5) 1fr;
grid-template-columns: 1fr 1fr;
gap: calc(var(--gw) * 1.5) calc(var(--gw) * 1.5);
}
.ft-links li,
.ft-sub-links li {
text-align: left;
}
.ft-links li span,
.ft-sub-links li span {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.3020833333vw;
}
.ft-links li a,
.ft-sub-links li a {
font-size: 1.3rem;
}
}
@media screen and (min-width: 992px) {
.ft-links,
.ft-sub-links {
gap: calc(var(--gw) * 1) calc(var(--gw) * 3.5);
}
.ft-links li span,
.ft-sub-links li span {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0.5040322581vw;
}
.ft-links li a,
.ft-sub-links li a {
font-size: 1.4rem;
}
}
.copy {
text-align: center;
margin-top: 15.625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
.copy {
text-align: left;
margin-top: 2.6041666667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.copy {
margin-top: 1rem;
}
}
.obj-wave {
width: 100%;
}
.waves {
position: relative;
width: 100%;
height: 50px;
margin-bottom: -7px;
min-height: 50px;
max-height: 50px;
}
@media screen and (min-width: 768px) {
.waves {
height: 100px;
margin-bottom: -7px;
min-height: 100px;
max-height: 100px;
}
}
.parallax > use {
-webkit-animation: moveForever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
animation: moveForever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
-webkit-animation-delay: -5s;
animation-delay: -5s;
-webkit-animation-duration: 8s;
animation-duration: 8s;
}
.parallax > use:nth-child(2) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
-webkit-animation-duration: 30s;
animation-duration: 30s;
}
.parallax > use:nth-child(3) {
-webkit-animation-delay: -4s;
animation-delay: -4s;
-webkit-animation-duration: 13s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
-webkit-animation-delay: -5s;
animation-delay: -5s;
-webkit-animation-duration: 25s;
animation-duration: 25s;
}
@-webkit-keyframes moveForever {
0% {
-webkit-transform: translateX(-90px);
transform: translateX(-90px);
}
100% {
-webkit-transform: translateX(85px);
transform: translateX(85px);
}
}
@keyframes moveForever {
0% {
-webkit-transform: translateX(-90px);
transform: translateX(-90px);
}
100% {
-webkit-transform: translateX(85px);
transform: translateX(85px);
}
}
.parallax-img {
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
height: calc(var(--gw) * 15);
position: relative;
overflow: hidden;
}
.parallax-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 0%;
object-position: center 0%;
}
@media screen and (min-width: 768px) {
.parallax-img {
margin: 0;
}
}
@media screen and (min-width: 992px) {
.parallax-img {
max-height: 50rem;
}
}
.shop-lists ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr var(--gw) 1fr;
grid-template-columns: 1fr 1fr;
gap: var(--gw);
font-size: clamp(1.6rem, 1.018rem + 0.91vw, 2rem);
}
.shop-lists ul li a[target=_blank] {
padding-right: 2em;
}
.shop-lists ul li a[target=_blank]::after {
margin-top: 0.1rem;
}
@media screen and (min-width: 768px) {
.shop-lists ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: calc(var(--gw) * 2);
}
}
.imgbox {
margin-top: 15.625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 15.625vw;
}
.imgbox img {
width: 100%;
}
@media screen and (min-width: 768px) {
.imgbox {
margin-top: 13.0208333333vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 13.0208333333vw;
}
}
@media screen and (min-width: 992px) {
.imgbox {
margin-top: 10.0806451613vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 10.0806451613vw;
}
}
.block-doc {
max-width: 100rem;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
.block-doc .row + .row {
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.block-doc .doc-title {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.5rem);
font-weight: 500;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0.625vw;
}
.block-doc .strong {
font-weight: 700;
}
.block-doc p + p {
margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
.block-doc .row + .row {
margin-top: 5.2083333333vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.block-doc .doc-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0.2604166667vw;
}
}
@media screen and (min-width: 992px) {
.block-doc .row + .row {
margin-top: 3.0241935484vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.block-doc .doc-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0.2016129032vw;
}
}
.c-btn-group {
margin-top: 9.375vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
text-align: center;
}
.c-btn-group._left {
text-align: left;
}
@media screen and (min-width: 768px) {
.c-btn-group {
margin-top: 5.2083333333vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.c-btn-group {
margin-top: 5.0403225806vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.c-btn {
width: 100%;
display: inline-block;
text-align: center;
font-family: var(--font01);
}
.c-btn__radius {
border-radius: 20rem;
}
.link-insta {
width: 7.8125vw;
height: 7.8125vw;
background-color: transparent;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
margin-bottom: 1rem;
}
.link-insta img,
.link-insta svg {
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.link-insta {
width: 3.90625vw;
height: 3.90625vw;
padding-top: 0.1302083333vw;
padding-left: 0.1302083333vw;
padding-right: 0.1302083333vw;
padding-bottom: 0.1302083333vw;
}
}
@media screen and (min-width: 992px) {
.link-insta {
width: 3.0241935484vw;
height: 3.0241935484vw;
padding-top: 0.1209677419vw;
padding-left: 0.1209677419vw;
padding-right: 0.1209677419vw;
padding-bottom: 0.1209677419vw;
-webkit-transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.link-insta:hover {
background-color: #fff;
}
}
@media screen and (min-width: 1200px) {
.link-insta {
width: 2.5vw;
height: 2.5vw;
padding-top: 0.1vw;
padding-left: 0.1vw;
padding-right: 0.1vw;
padding-bottom: 0.1vw;
}
}
@media screen and (min-width: 1400px) {
.link-insta {
width: 2.1428571429vw;
height: 2.1428571429vw;
}
}
.c-btn__contact {
max-width: 24rem;
background-color: #e5b16b;
color: #fff;
font-weight: 400;
letter-spacing: 0.1em;
font-size: 1.6rem;
line-height: 4rem;
}
.c-btn__contact::after {
content: "";
width: 3rem;
height: 2rem;
background-image: url(//www.cushion-life.com/wp/wp-content/themes/cushion-life/assets/img/common/icon_mail.svg);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
font-size: 0;
line-height: 1;
position: relative;
top: 0.3rem;
margin-left: 0.8rem;
}
@media screen and (min-width: 768px) {
.c-btn__contact {
font-size: 1.8rem;
line-height: 4.3rem;
}
.c-btn__contact::after {
top: 0.3rem;
}
}
.c-btn__primary {
max-width: 17rem;
font-weight: 400;
letter-spacing: 0.1em;
font-size: clamp(1.3rem, 1.018rem + 0.91vw, 1.4rem);
border: 1px solid #4a463f;
font-family: var(--font02);
padding: 0.3rem 4rem;
}
@media screen and (min-width: 768px) {
.c-btn__primary::after {
top: 0.3rem;
}
}
@media screen and (min-width: 992px) {
.c-btn__primary {
-webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-btn__primary:hover {
opacity: 1;
background-color: #bbb4a9;
border-color: #bbb4a9;
color: #fff;
}
}
.c-btn__secondary {
width: auto;
display: inline-block;
position: relative;
padding-right: 1.5em;
font-size: clamp(1.3rem, 1.018rem + 0.91vw, 1.4rem);
}
.c-btn__secondary::after {
content: "";
width: 1.2em;
height: 1.3em;
display: block;
background-image: url(//www.cushion-life.com/wp/wp-content/themes/cushion-life/assets/img/common/icon_new_window.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 1px;
}
@media screen and (min-width: 768px) {
.c-btn__secondary::after {
margin-top: 0px;
}
}
.page-title-box {
padding-top: 15.625vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 10.9375vw;
}
.page-title-box .container p {
line-height: 2;
margin-top: 6.25vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.page-title-box {
padding-top: 10.9375vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 9.375vw;
}
.page-title-box .container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.page-title-box .container p {
margin: 0;
}
}
@media screen and (min-width: 992px) {
.page-title-box {
padding-top: 4.6875vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 6.25vw;
}
}
.page-title img {
width: auto;
height: 1.7rem;
}
@media screen and (min-width: 768px) {
.page-title img {
height: 2.7rem;
}
}
.section-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 7.8125vw;
}
.section-title img {
width: auto;
height: 1.6rem;
}
@media screen and (min-width: 768px) {
.section-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.2552083333vw;
}
}
@media screen and (min-width: 992px) {
.section-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 2.5201612903vw;
}
}
.headline01 {
color: #bab09f;
font-size: clamp(2rem, 1.018rem + 0.91vw, 2.4rem);
font-weight: 400;
font-family: var(--font01);
letter-spacing: 0.15em;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 6.25vw;
}
@media screen and (min-width: 768px) {
.headline01 {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 6.25vw;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 768px) {
.headline01.__center {
text-align: center;
}
}
.headline02 {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 9.375vw;
}
.headline02 img {
width: auto;
height: 2rem;
}
@media screen and (min-width: 768px) {
.headline02 {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 6.5104166667vw;
}
.headline02 img {
height: 2.4rem;
}
}
@media screen and (min-width: 992px) {
.headline02 {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 4.0322580645vw;
}
.headline02 img {
height: 2.8rem;
}
}
.c-post-date {
font-size: clamp(1.2rem, 1.018rem + 0.91vw, 1.4rem);
font-weight: 400;
letter-spacing: 0.05em;
}
.c-post-cat {
font-size: clamp(1.1rem, 1.018rem + 0.91vw, 1.3rem);
font-weight: 400;
letter-spacing: 0.05em;
color: #BAB09F;
}
.c-post-title {
font-weight: 500;
letter-spacing: 0.08em;
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.6rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 4rem;
}
.form {
padding-top: 0vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 0vw;
}
.form-container {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1200px) {
.form-container {
max-width: 90rem;
}
}
.require {
display: inline-block;
line-height: 1;
background-color: #e28b8b;
color: #fff;
padding: 0.3rem 1rem;
border-radius: 2rem;
font-size: clamp(1.2rem, 1.127rem + 0.36vw, 1.4rem);
margin-left: 1rem;
font-weight: 300;
}
.mw_wp_form .form .error {
color: #e28b8b;
font-size: clamp(1.2rem, 1.127rem + 0.36vw, 1.3rem);
letter-spacing: 0;
font-size: 1.3rem;
display: block;
margin-top: 0.5rem;
}
.form-lists dl + dl {
margin-top: 3rem;
}
.form-lists dl dt {
margin-bottom: 1rem;
}
@media screen and (min-width: 992px) {
.form-lists dl {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.6fr 1fr;
grid-template-columns: 0.6fr 1fr;
}
.form-lists dl + dl {
margin-top: 6rem;
}
.form-lists dl dt {
margin-top: 1.5rem;
margin-bottom: 0;
}
}
input[type=text],
input[type=mail] {
font-size: 1.6rem;
}
.form-btn {
margin-top: 3rem;
}
@media screen and (min-width: 768px) {
.form-btn {
margin-top: 4rem;
}
}
@media screen and (min-width: 992px) {
.form-btn {
margin-top: 7rem;
}
}
.form-btn .c-btn {
width: 100%;
border-radius: 10rem;
line-height: 1;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
letter-spacing: 0.08em;
font-weight: 500;
font-family: var(--font02);
}
.form-btn .c-btn + .c-btn {
margin-top: 2.5rem;
}
@media screen and (min-width: 992px) {
.form-btn .c-btn {
-webkit-transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.form-btn .c-btn:hover {
opacity: 0.5;
}
}
.c-btn_submit {
max-width: 28rem;
background-color: #e5b16b;
color: #fff;
padding: 1.5rem 0 1.5rem 0;
font-size: 1.6rem;
}
.c-btn_return {
max-width: 20rem;
border: 1px solid #4a463f;
padding: 1rem 0;
font-size: 1.4rem;
}
.field {
margin-top: 0.5rem;
}
@media screen and (min-width: 992px) {
.field {
margin: 0;
}
}
input[type=text],
button,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
input[type=mail],
input[type=text],
textarea {
width: 100%;
border: 1px solid #e6dfd3;
background: #e6dfd3;
font-size: 1.6rem;
padding: 0.7rem 1.5rem;
border-radius: 5rem;
-webkit-transition: background 0.3s ease-in;
transition: background 0.3s ease-in;
}
input[type=mail]:focus,
input[type=text]:focus,
textarea:focus {
background: #fff;
}
input[type=mail].is-true,
input[type=text].is-true,
textarea.is-true {
background: #fff;
}
textarea {
line-height: 1.4;
border-radius: 2rem;
}
@media screen and (min-width: 768px) {
textarea {
height: 20rem;
}
}
.field-radio-group label {
display: block;
max-width: 20rem;
}
.field-radio-group label + label {
margin-top: 0.7rem;
cursor: pointer;
}
@media screen and (min-width: 992px) {
.field-radio-group label + label {
margin-top: 0rem;
}
}
.field-radio-group label input[type=radio] {
display: none;
}
.field-radio-group label .mwform-radio-field-text {
width: 100%;
height: 100%;
display: block;
border: 1px solid #e6dfd3;
border-radius: 5rem;
padding: 0.8rem 1rem 0.8rem 4rem;
position: relative;
}
@media screen and (min-width: 992px) {
.field-radio-group label .mwform-radio-field-text {
border: none !important;
background: none !important;
}
}
.field-radio-group label .mwform-radio-field-text:before {
content: "";
width: 1.4rem;
height: 1.4rem;
border: 1px solid #e6dfd3;
background: #e6dfd3;
display: block;
border-radius: 100%;
position: absolute;
top: 50%;
left: 1.5rem;
margin-top: -0.7rem;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
@media screen and (min-width: 992px) {
.field-radio-group label .mwform-radio-field-text:before {
margin-top: -0.6rem;
left: 1.7rem;
}
}
.field-radio-group label .mwform-radio-field-text:after {
content: "";
width: 0.8rem;
height: 0.8rem;
background-color: #fff;
display: block;
border-radius: 100%;
position: absolute;
top: 50%;
left: 1.8rem;
opacity: 0;
margin-top: -0.4rem;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
@media screen and (min-width: 992px) {
.field-radio-group label .mwform-radio-field-text:after {
margin-top: -0.3rem;
left: 2rem;
}
}
.field-radio-group label input[type=radio]:checked + .mwform-radio-field-text {
background-color: #fff;
}
.field-radio-group label input[type=radio]:checked + .mwform-radio-field-text:after {
opacity: 1;
}
.confirm .require {
display: none;
}
.confirm .field {
background-color: #FFF;
border-radius: 40px;
padding: 1rem 1.5rem;
}
.confirm .field.field-textarea {
border-radius: 20px;
}
@media screen and (min-width: 768px) {
.confirm .form-lists {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.confirm .form-lists dl dt {
margin-top: 0;
}
.confirm .field {
padding: 1rem 2rem;
}
}
.thanks-box {
padding-top: 18.75vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.thanks-box .thanks-title {
text-align: center;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 6.25vw;
}
.thanks-box .thanks-title img {
width: 87%;
}
@media screen and (min-width: 768px) {
.thanks-box {
padding-top: 7.8125vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.thanks-box .thanks-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 5.2083333333vw;
}
.thanks-box .thanks-title img {
width: auto;
}
.thanks-box p {
text-align: center;
line-height: 2.4;
}
}
@media screen and (min-width: 768px) {
.thanks-box {
padding-top: 6.0483870968vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
.thanks-box .thanks-title {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.0241935484vw;
}
.thanks-box .thanks-title img {
width: auto;
}
.thanks-box p {
text-align: center;
line-height: 2.4;
}
}
.c-list-style01 dt {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.125vw;
}
.c-list-style01 dt span {
display: inline-block;
border-radius: 2rem;
font-size: clamp(1.2rem, 1.1273rem + 0.3636vw, 1.4rem);
border: 1px solid #4a463f;
padding: 0.1rem 1rem;
width: 9rem;
text-align: center;
}
.c-list-style01 dd + dt {
margin-top: 7.8125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
.c-list-style01 {
margin-top: 5.2083333333vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.c-list-style01 dt {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.3020833333vw;
}
.c-list-style01 dd + dt {
margin-top: 4.5572916667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.3020833333vw;
}
}
@media screen and (min-width: 992px) {
.c-list-style01 {
margin-top: 3.0241935484vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.c-list-style01 dt {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.0080645161vw;
}
.c-list-style01 dd + dt {
margin-top: 3.0241935484vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.0080645161vw;
}
}
.breadcrumb {
padding-top: 0vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 0vw;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.125vw;
font-weight: 300;
}
.breadcrumb .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumb .container > span {
color: #bab09f;
}
.breadcrumb a,
.breadcrumb span {
font-size: clamp(1.2rem, 1.0909rem + 0.5455vw, 1.5rem);
line-height: 1.5;
letter-spacing: 0;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--font01);
letter-spacing: 0.1em;
}
.breadcrumb a + a::before,
.breadcrumb a + span::before,
.breadcrumb span + a::before,
.breadcrumb span + span::before {
content: "";
width: 2rem;
height: 1px;
display: inline-block;
background: #bab09f;
margin: 0 1rem;
}
@media screen and (min-width: 768px) {
.breadcrumb {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0.6510416667vw;
}
}
@media screen and (min-width: 992px) {
.breadcrumb {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 2.0161290323vw;
}
}
.c-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-weight: 300;
margin-top: 3rem;
}
@media screen and (min-width: 768px) {
.c-pagination {
margin-top: 3.5rem;
}
}
.c-pagination a, .c-pagination span {
color: #BAB09F;
opacity: 0.5;
display: block;
font-size: clamp(1.3rem, 1.018rem + 0.91vw, 1.5rem);
margin: 0 0.3rem;
}
@media screen and (min-width: 768px) {
.c-pagination a, .c-pagination span {
margin: 0 0.8rem;
}
}
.c-pagination a.current, .c-pagination span.current {
opacity: 1;
}
.c-pagination a:hover {
opacity: 1;
}
.c-pagination .dots {
margin: 0 0.5rem -0.5rem 0.5rem;
}
.c-pagination .prev::after,
.c-pagination .next::after {
font-size: 1.1rem;
position: relative;
top: -0.1rem;
}
.c-pagination .prev::after {
content: "◀";
}
.c-pagination .next::after {
content: "▶";
}
.c-post-lists .c-post-list {
border-bottom: 1px solid rgba(186, 176, 159, 0.2);
position: relative;
}
.c-post-lists .c-post-list::after {
content: "";
width: 0%;
height: 1px;
display: block;
background-color: rgb(186, 176, 159);
position: absolute;
bottom: -1px;
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-post-lists .c-post-list.is-active::after {
opacity: 1;
width: 100%;
}
.c-post-lists .c-post-list .post-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 2.5rem;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0.625vw;
}
.c-post-lists .c-post-list a {
display: block;
padding-top: 2.1875vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 2.1875vw;
position: relative;
}
.c-post-lists .c-post-list a::after {
content: "";
width: 2.2rem;
height: 2.2rem;
background-image: url(//www.cushion-life.com/wp/wp-content/themes/cushion-life/assets/img/common/icon_arrow01.svg);
background-position: center;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-post-lists .c-post-list:first-child a {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 2.1875vw;
}
@media screen and (min-width: 768px) {
.c-post-lists .c-post-list .post-meta {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0.390625vw;
}
}
@media screen and (min-width: 768px) and (min-width: 992px) {
.c-post-lists .c-post-list .post-meta {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0.2016129032vw;
}
}
@media screen and (min-width: 768px) {
.c-post-lists .c-post-list a {
padding-top: 0.9114583333vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0.9114583333vw;
}
}
@media screen and (min-width: 768px) {
.c-post-lists .c-post-list:first-child a {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0.9114583333vw;
}
} html.has-scroll-smooth {
overflow: hidden;
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.has-scroll-smooth body {
overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh;
}
[data-scroll-direction=horizontal] [data-scroll-container] {
height: 100vh;
display: inline-block;
white-space: nowrap;
}
[data-scroll-direction=horizontal] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%;
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
-webkit-transform-origin: center right;
transform-origin: center right;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
opacity: 0;
}
.c-scrollbar:hover {
-webkit-transform: scaleX(1.45);
transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
opacity: 1;
}
[data-scroll-direction=horizontal] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
-webkit-transform: scaleY(1.3);
transform: scaleY(1.3);
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing;
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
right: auto;
bottom: 0;
}
.c-scrollbar {
z-index: 10000;
}
.c-scrollbar .c-scrollbar_thumb {
width: 5px;
background-color: #D9CDB7;
border-radius: 0;
opacity: 1;
}
#fv {
width: 100%;
height: calc(var(--vh) * 100);
overflow: hidden;
display: -ms-grid;
display: grid;
-ms-grid-rows: 0.4fr 0.6fr;
grid-template-rows: 0.4fr 0.6fr;
position: relative;
z-index: 1;
}
#fv .fv-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
#fv .fv-bg .fv-bg__pc {
display: none;
}
#fv .fv-bg .fv-bg__sp {
width: 100%;
height: 100%;
}
#fv .fv-bg .fv-bg__sp .fv-bg-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
#fv .fv-bg .fv-bg__sp .fv-bg-img__orange {
z-index: 2;
-webkit-clip-path: url(#clip01_sp);
clip-path: url(#clip01_sp);
}
#fv .fv-bg .fv-bg__sp .fv-bg-img__pink {
z-index: 1;
-webkit-clip-path: url(#clip02_sp);
clip-path: url(#clip02_sp);
}
#fv .fv-copy {
width: 100%;
height: calc(var(--vh) * 40);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 0vw;
padding-left: 4.6875vw;
padding-right: 4.6875vw;
padding-bottom: 6.25vw;
}
#fv .fv-copy img {
width: auto;
height: 18vh;
}
#fv .fv-video {
width: 100%;
height: calc(var(--vh) * 60);
overflow: hidden;
}
#fv .fv-video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
#fv {
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#fv .fv-bg .fv-bg__pc {
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow: hidden;
}
#fv .fv-bg .fv-bg__pc img {
width: 200%;
max-width: none;
-webkit-filter: blur(1px);
filter: blur(1px);
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
#fv .fv-bg .fv-bg__sp {
display: none;
}
#fv .fv-copy {
width: 45%;
height: auto;
padding-top: 0vw;
padding-left: 5.2083333333vw;
padding-right: 5.2083333333vw;
padding-bottom: 6.5104166667vw;
}
#fv .fv-copy img {
width: 26.0416666667vw;
height: auto;
}
#fv .fv-video {
width: 50%;
height: 100%;
}
}
@media screen and (min-width: 992px) {
#fv {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 4.0322580645vw;
padding-bottom: 0vw;
}
#fv .fv-copy {
width: 45%;
height: auto;
padding-top: 0vw;
padding-left: 5.2083333333vw;
padding-right: 5.2083333333vw;
padding-bottom: 5.2083333333vw;
}
#fv .fv-copy img {
width: 20.1612903226vw;
}
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
#fv .fv-copy img {
max-width: 30rem;
}
}
@media screen and (min-width: 992px) {
#fv .fv-video {
width: 55%;
}
}
.sec-prologue {
padding-top: 18.75vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 18.75vw;
}
@media screen and (min-width: 768px) {
.sec-prologue {
padding-top: calc(var(--gw) * 5);
padding-bottom: calc(var(--gw) * 5.5);
}
}
@media screen and (min-width: 992px) {
.sec-prologue {
padding-top: calc(var(--gw) * 4);
padding-bottom: calc(var(--gw) * 2.5);
}
}
.section.sec-t-product {
margin-top: calc(var(--gw) * -5);
margin-bottom: calc(var(--gw) * -4.5);
}
@media screen and (min-width: 768px) {
.section.sec-t-product {
margin-top: calc(var(--gw) * -4.5);
margin-bottom: calc(var(--gw) * -4);
}
}
@media screen and (min-width: 992px) {
.section.sec-t-product {
margin-top: calc(var(--gw) * -3);
margin-bottom: calc(var(--gw) * -4);
}
}
.sec-special {
padding-top: 18.75vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 18.75vw;
}
@media screen and (min-width: 768px) {
.sec-special {
padding-top: calc(var(--gw) * 5);
padding-bottom: calc(var(--gw) * 5.5);
}
}
@media screen and (min-width: 992px) {
.sec-special {
padding-top: calc(var(--gw) * 4);
padding-bottom: calc(var(--gw) * 5);
}
}
.sec-news {
padding-top: 18.75vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 15.625vw;
}
.sec-news .l-column_style03 {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.sec-news {
padding-top: calc(var(--gw) * 5);
padding-bottom: calc(var(--gw) * 5.5);
}
}
@media screen and (min-width: 992px) {
.sec-news {
padding-top: calc(var(--gw) * 3.5);
padding-bottom: calc(var(--gw) * 2);
}
}
.sec-shop {
padding-top: 0vw;
padding-left: 6.25vw;
padding-right: 6.25vw;
padding-bottom: 18.75vw;
}
@media screen and (min-width: 992px) {
.sec-shop {
padding-top: calc(var(--gw) * 2);
}
}
.sign {
text-align: right !important;
}
.outline {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.45fr 2.5rem 1fr;
grid-template-columns: 0.45fr 1fr;
gap: 0 2.5rem;
}
@media screen and (min-width: 768px) {
.outline {
-ms-grid-columns: 0.45fr calc(var(--gw) * 3) 1fr;
grid-template-columns: 0.45fr 1fr;
gap: 0 calc(var(--gw) * 3);
}
}
@media screen and (min-width: 992px) {
.outline {
-ms-grid-columns: 35rem calc(var(--gw) * 3.5) 1fr;
grid-template-columns: 35rem 1fr;
gap: 0 calc(var(--gw) * 3.5);
}
}
.company-img {
width: 100%;
height: 100%;
position: relative;
}
.company-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.company-info table {
font-size: clamp(1.2rem, 1.0909rem + 0.5455vw, 1.5rem);
}
.company-info table tr {
border-top: 1px solid #bab09f;
display: block;
padding-top: 3.75vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 3.75vw;
}
.company-info table tr:last-child {
border-bottom: 1px solid #bab09f;
}
.company-info table th,
.company-info table td {
text-align: left;
display: block;
line-height: 1.7;
}
@media screen and (min-width: 768px) {
.company-info table {
width: 100%;
font-size: clamp(1.4rem, 1.3636rem + 0.1818vw, 1.5rem);
}
.company-info table tr {
display: table-row;
padding: 0;
}
.company-info table th,
.company-info table td {
display: table-cell;
vertical-align: top;
padding-top: 3.2552083333vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 3.2552083333vw;
line-height: 1.9;
}
.company-info table th {
width: 22%;
}
}
@media screen and (min-width: 768px) {
.company-info table th,
.company-info table td {
padding-top: 2.5201612903vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 2.5201612903vw;
}
.company-info table th {
width: 30%;
}
}
.section-product {
margin-top: calc(var(--gw) * -7);
margin-bottom: calc(var(--gw) * -7);
}
@media screen and (min-width: 768px) {
.section-product {
margin-top: calc(var(--gw) * 3);
margin-bottom: calc(var(--gw) * -5);
padding: 0;
}
}
@media screen and (min-width: 992px) {
.section-product {
margin-top: calc(var(--gw) * 0.5);
margin-bottom: calc(var(--gw) * 0.5);
}
}
.product-lists .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.product-lists .list + .list {
margin-top: 12.5vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.product-lists .list .list-name {
font-size: clamp(1.8rem, 1.7273rem + 0.3636vw, 2rem);
font-weight: 300;
}
.product-lists .list .list-text {
margin-top: 1.5625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
text-align: justify;
}
.product-lists .list .btn-group {
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.product-lists .list-left {
margin-top: 4.6875vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
.product-lists .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0 calc(var(--gw) * 3);
}
.product-lists .list + .list {
margin-top: 8.4635416667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.product-lists .list .list-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
.product-lists .list .list-right {
width: 50%;
padding-top: 1rem;
}
.product-lists .list .list-text {
margin-top: 1.953125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.product-lists .list .btn-group {
margin-top: 2.6041666667vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.product-lists {
max-width: 95rem;
margin-left: auto;
margin-right: auto;
}
.product-lists .list {
gap: 0 calc(var(--gw) * 2.2);
}
.product-lists .list + .list {
margin-top: 6.5524193548vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.product-lists .list .list-right {
width: 60%;
max-width: 50rem;
padding-top: 1rem;
}
.product-lists .list .list-text {
margin-top: 1.5120967742vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
line-height: 2;
}
.product-lists .list .btn-group {
margin-top: 2.0161290323vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.category-lists {
font-family: var(--font01);
color: #bab09f;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 12.5vw;
}
.category-lists dt {
border-bottom: 1px solid #bab09f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 1rem;
}
.category-lists dt a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.category-lists dt button {
width: 3rem;
margin-right: 20rem;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.category-lists dt button::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0.7rem 0 0.7rem 0.9rem;
border-color: transparent transparent transparent #bab09f;
display: block;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.category-lists dt button.is-active::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.category-lists dd ul {
padding-top: 1.5rem;
}
.category-lists a {
font-size: clamp(1.4rem, 1.018rem + 0.91vw, 1.6rem);
font-weight: 300;
letter-spacing: 0.2em;
display: block;
padding: 0.4rem 0;
text-transform: uppercase;
}
@media screen and (min-width: 992px) {
.two-column-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
gap: 0 calc(var(--gw) * 3);
}
.two-column-layout .column-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.two-column-layout .column-right {
width: 62vw;
margin-top: 3.0241935484vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 1200px) {
.two-column-layout .column-left {
width: 26rem;
}
.two-column-layout .column-right {
width: 80rem;
}
}
.post-single-container {
max-width: 120rem;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #bab09f;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 12.5vw;
}
@media screen and (min-width: 768px) {
.post-single-container {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 9.1145833333vw;
}
}
@media screen and (min-width: 992px) {
.post-single-container {
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 4.0322580645vw;
}
}
@media screen and (min-width: 1200px) {
.post-single-container {
padding-bottom: 7rem;
}
}
.post-head {
border-bottom: 1px solid #bab09f;
padding-top: 7.8125vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 4.0625vw;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 9.375vw;
}
@media screen and (min-width: 768px) {
.post-head {
padding-top: 4.6875vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 1.5625vw;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 3.90625vw;
}
}
@media screen and (min-width: 992px) {
.post-head {
padding-top: 1.5625vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 3.125vw;
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 4.0322580645vw;
}
}
@media screen and (min-width: 1200px) {
.post-head {
padding-bottom: 4rem;
}
}
.post-head .post-cat {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0.625vw;
}
.post-head .post-cat a {
color: #bab09f;
letter-spacing: 0.1em;
font-size: 1.2rem;
font-family: var(--font01);
font-size: clamp(1.2rem, 1.1273rem + 0.3636vw, 1.4rem);
}
@media screen and (min-width: 768px) {
.post-head .post-cat {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 992px) {
.post-head .post-cat {
margin-bottom: 0.5rem;
}
}
.post-head .post-meta {
margin-top: 0vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 1.5625vw;
}
@media screen and (min-width: 768px) {
.post-head .post-meta {
margin-bottom: 1rem;
}
}
.post-head .post-title {
font-size: clamp(1.6rem, 1.1636rem + 2.1818vw, 2.8rem);
line-height: 1.5;
font-weight: 300;
}
.post-footer,
.post-body {
max-width: 58rem;
margin-left: auto;
margin-right: auto;
}
.pagelinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 14.0625vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
.pagelinks a {
color: #bab09f;
}
.pagelinks a.links-prev {
margin-right: auto;
}
.pagelinks a.links-next {
margin-left: auto;
}
@media screen and (min-width: 768px) {
.pagelinks {
margin-top: 7.8125vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
@media screen and (min-width: 992px) {
.pagelinks {
margin-top: 6.0483870968vw;
margin-left: 0vw;
margin-right: 0vw;
margin-bottom: 0vw;
}
}
.post-body {
line-height: 1.8;
letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
.post-body {
line-height: 2;
}
}
.post-body > *:first-child {
margin-top: 0px !important;
}
.post-body > *:last-child {
margin-bottom: 0px !important;
}
.post-body .thumb {
margin-bottom: 2.5em;
}
.post-body .thumb img {
margin: 0;
}
.post-body .thumb + * {
margin-top: 0;
}
.post-body h2 {
font-weight: bold;
line-height: 1.6;
font-size: clamp(1.7rem, 1.5909rem + 0.5455vw, 2rem);
color: #4a463f;
margin-top: 1em;
margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
.post-body h2 {
margin-top: 1.5em;
margin-bottom: 1em;
}
}
.post-body h3 {
line-height: 1.6;
font-weight: bold;
font-size: clamp(1.6rem, 1.5273rem + 0.3636vw, 1.8rem);
margin-top: 1em;
margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
.post-body h3 {
margin-top: 1.5em;
margin-bottom: 1em;
}
}
.post-body p {
overflow: hidden;
margin: 1.5em 0;
}
.post-body p + p {
margin-top: 1em;
}
@media screen and (min-width: 768px) {
.post-body p {
margin: 1.5em 0;
}
.post-body p + p {
margin-top: 1.5em;
}
}
.post-body strong {
font-weight: bold;
padding: 0 0.3rem;
}
.post-body ul {
padding-left: 1.3em;
margin-top: 0.7em;
margin-bottom: 0.5em;
}
.post-body ul li {
position: relative;
list-style-type: inherit;
}
@media screen and (min-width: 768px) {
.post-body ul {
margin-top: 1em;
margin-bottom: 0.5em;
}
}
.post-body ol {
padding-left: 1.5em;
list-style-type: decimal;
margin-top: 0.7em;
margin-bottom: 0.5em;
}
.post-body ol li {
position: relative;
list-style-type: inherit;
}
@media screen and (min-width: 768px) {
.post-body ol {
margin-top: 1em;
margin-bottom: 0.5em;
}
}
.post-body img {
max-width: 100%;
height: auto;
margin-top: 0.5em;
margin-bottom: 1em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
.post-body img {
margin-top: 0.5em;
margin-bottom: 1em;
}
}
.post-body img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.post-body img.alignleft {
display: block;
float: left;
margin-right: 1em;
margin-top: 0.4em;
margin-bottom: 0.5em;
}
.post-body img.alignright {
display: block;
float: right;
margin-left: 1em;
margin-top: 0.4em;
margin-bottom: 0.5em;
}
.post-body a {
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #bab09f;
text-decoration: underline;
}
.post-body table {
width: 100%;
margin-top: 2em;
margin-bottom: 2em;
border-bottom: solid 1px #d7d7d7;
border-top: solid 1px #d7d7d7;
}
.post-body table th,
.post-body table td {
padding: 0.5rem 0.5rem;
text-align: left;
}
@media screen and (min-width: 576px) {
.post-body table th,
.post-body table td {
padding: 5px 8px;
}
}
.post-body hr {
background-color: transparent;
border: transparent;
border-bottom: solid 1px #d7d7d7;
width: 100%;
height: 1px;
display: block;
margin: 0px;
margin: 2em 0;
}
.post-body blockquote,
.post-body blockquote.wp-block-quote {
margin: 30px 0px 30px 0px;
padding: 20px 15px 20px 15px;
position: relative;
background-color: #efefef;
font-size: 1.2rem;
line-height: 1.8;
color: #282828;
border: none;
}
.post-body blockquote p,
.post-body blockquote.wp-block-quote p {
margin-bottom: 0px;
}
.post-body blockquote cite,
.post-body blockquote.wp-block-quote cite {
font-style: italic;
text-align: right;
display: block;
margin-top: 4px;
}
.post-body .wp-block-file {
margin: 2em 0;
}
.post-body .wp-block-image {
margin: 2em 0;
}
.post-body .wp-block-image img {
margin: 0;
}
.post-body .wp-block-image figcaption {
font-size: 1.2rem;
text-align: right;
margin: 5px 0 0 0;
}
.post-body .wp-block-columns {
margin: 2em 0;
}
.post-body .wp-block-columns .wp-block-image {
margin: 0;
}
.post-body .wp-block-columns .wp-block-column + .wp-block-column {
margin-top: 2em;
}
.header,
.drawer-btn-group,
.fv-copy,
.fv-video {
opacity: 0;
}
.loading {
width: 100%;
height: 200%;
position: fixed;
top: 0;
left: 0;
z-index: 10001;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgb(253, 249, 242)), to(rgba(253, 249, 242, 0)));
background-image: linear-gradient(-180deg, rgb(253, 249, 242) 70%, rgba(253, 249, 242, 0) 100%);
}
[data-anim=fadeIn] {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
[data-anim=fadeIn2] {
opacity: 0;
}