body.page h2, body.archive h2 {
font-family: "Noto Serif JP", sans-serif;
font-weight: 400;
font-size: var(--fs36);
margin: 2em auto;
}
body.page p.footer-access-en-title + h2 {
margin-top: 0;
margin-left: 0;
}
body.page h3, body.archive h3 {
font-weight: 400;
font-size: var(--fs21);
}
@media only screen and (max-width:768px) {
body.page h2, body.archive h2 {
font-size: var(--fs32);
}
}
@media only screen and (max-width:460px) {
body.page h2, body.archive h2 {
font-size: var(--fs28);
}
body.page h3, body.archive h3 {
font-size: var(--fs18);
}
}
@media only screen and (max-width:600px) {
body:not(.home) article.page .entry-content {
padding-left: 1em;
padding-right: 1em;
}
}
.wp-block-columns {
margin: 0;
padding: 50px 0;
justify-content: center;
}
.wp-block-columns .wp-block-columns {
padding: 0;
}
@media only screen and (max-width:768px) {
.wp-block-columns {
padding: 30px 0;
}
.wp-block-columns .wp-block-columns {
padding: 0;
}
}
.site-content, .entry-content {
margin-top: 0;
margin-bottom:0;
}
.content__main {
max-width: unset;
margin-bottom:0;
}
.archive-mv .wp-block-cover, .wp-block-cover.page-mv {
padding: 3.90625vw 0;
min-height: 30vw;
}
p.page-title-en {
text-align: center;
font-family: 'Pinyon Script';
font-size: var(--fs30);
color: var(--color-gold);
margin-bottom: 0;
line-height: 1;
}
h1.page-title-jp {
font-family: 'Noto Serif JP';
font-weight: 400;
font-size: var(--fs40);
margin: .2em auto 2em;
}
.under-border-headding,.under-border-headding-left {
text-align: center;
position: relative;
padding-bottom: .25em;
}
.under-border-headding-left{
text-align:left;
}
.under-border-headding:after,.under-border-headding-left:after {
content: "";
display: block;
width: 120px;
height: 2px;
background: var(--color-gold);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.under-border-headding-left:after{
right:unset;
}
@media only screen and (max-width:768px) {
h1.page-title-jp {
font-size: var(--fs34);
}
p.page-title-en {
font-size: var(--fs26);
}
}
@media only screen and (max-width:600px) {
.archive-mv, .wp-block-cover.page-mv {
margin-left: -1rem;
margin-right: -1rem;
max-width: unset;
}
.archive-mv .wp-block-cover, .page-mv .wp-block-cover {
padding: 15vw 0;
min-height: 60vw;
}
}
@media only screen and (max-width:460px) {
h1.page-title-jp {
font-size: var(--fs30);
}
p.page-title-en {
font-size: var(--fs18);
}
}
.faq-term-list p.wp-block-paragraph {
max-width: 500px;
margin: auto;
}
ul.archive-faq-cat-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin: 50px auto;
}
ul.archive-faq-cat-list li {
border: 1px solid #ccc;
}
ul.archive-faq-cat-list.wp-block-categories-list li:last-child {
border-bottom: 1px solid #ccc;
}
ul.archive-faq-cat-list li a {
display: block;
text-align: center;
padding: 20px;
}
ul.archive-faq-cat-list li.current-cat a {
background: var(--color-navy);
color: #FFF;
}
ul.archive-faq-cat-list.wp-block-categories-list a:before, ul.archive-faq-cat-list.wp-block-categories-list a:after {
content: none;
}
@media only screen and (max-width:660px) {
ul.archive-faq-cat-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width:500px) {
ul.archive-faq-cat-list {
grid-template-columns: repeat(2, 1fr);
}
ul.archive-faq-cat-list li a {
padding: 15px;
}
} .faq-container {
margin: 40px auto;
} .faq-section {
display: flex;
align-items: flex-start;
gap: 30px;
padding: 40px 0;
border-bottom: 1px solid #e0e0e0;
}
.faq-section:last-child {
border-bottom: none;
} .faq-sidebar {
width: 30%;
}
.faq-term-title, body.archive h3.faq-term-title {
font-family: "Noto Serif JP", sans-serif;
font-weight: 400;
font-size: var(--fs32);
color: #333;
margin: 0;
line-height: 1.4;
} .faq-content {
width: calc(70% - 30px);
} .faq-container.is-taxonomy-archive .faq-sidebar {
display: none;
}
.faq-container.is-taxonomy-archive .faq-content {
width: 100%;
max-width: 700px; margin: 0 auto;
}
@media only screen and (max-width:1100px) {
.faq-term-title, body.archive h3.faq-term-title {
font-size: var(--fs28);
}
} .faq-accordion {
border-bottom: 1px solid #e0e0e0;
}
.faq-accordion:last-child {
border-bottom: none;
} .faq-question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 20px;
font-size: var(--fs16);
font-weight: bold;
color: #1a1a1a;
cursor: pointer;
list-style: none; position: relative;
transition: background-color 0.3s ease;
}
span.faq-q-text {
padding-left: 25px;
position: relative;
}
span.faq-q-text:before {
content: "Q.";
position: absolute;
top: 0;
left: 0;
} .faq-question::-webkit-details-marker {
display: none;
} .faq-accordion[open] .faq-question {
background-color: #f5f2ed; } .faq-icon {
position: relative;
width: 16px;
height: 16px;
flex-shrink: 0;
margin-left: 15px;
}
.faq-icon::before,
.faq-icon::after {
content: "";
position: absolute;
background-color: #000;
transition: transform 0.3s ease;
} .faq-icon::before {
top: 7px;
left: 0;
width: 16px;
height: 2px;
} .faq-icon::after {
top: 0;
left: 7px;
width: 2px;
height: 16px;
} .faq-accordion[open] .faq-icon::after {
transform: rotate(90deg);
opacity: 0;
} .faq-answer {
padding: 0 20px 24px 20px;
background-color: #f5f2ed; }
.faq-a-text {
position: relative;
color: #666;
padding-left: 25px;
font-size: var(--fs14);
}
.faq-a-text:before {
content: "A.";
position: absolute;
top: 0;
left: 0;
}
.faq-a-body p {
margin: 0 0 1em 0;
}
.faq-a-body p:last-child {
margin-bottom: 0;
} @media screen and (max-width: 768px) {
.faq-section {
flex-direction: column;
padding: 30px 0;
}
.faq-sidebar {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.faq-content {
width: 100%;
}
.faq-term-title {
font-size: 1.3rem;
border-bottom: 2px solid #333;
padding-bottom: 8px;
}
} .wp-block-columns.flow-item-block {
gap: 30px;
padding: 0;
margin: 50px auto;
}
.wp-block-columns.flow-item-block .wp-block-column {
background: var(--color-navy);
color: #FFF;
}
.wp-block-columns.flow-item-block h3.wp-block-heading {
margin: 1em 0;
text-align: center;
}
.wp-block-columns.flow-item-block p.wp-block-paragraph {
text-align: center;
padding: 0 50px;
margin-bottom: 30px;
}
@media only screen and (max-width:781px) {
.wp-block-columns.flow-item-block .wp-block-column {
display: grid;
grid-template-columns: 1fr 1fr;
}
.wp-block-columns.flow-item-block .wp-block-column figure.wp-block-image {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
height: 100%;
}
.wp-block-columns.flow-item-block .wp-block-column figure.wp-block-image img {
height: 100%;
}
.wp-block-columns.flow-item-block .wp-block-column h3.wp-block-heading {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 1;
align-content: center;
}
.wp-block-columns.flow-item-block .wp-block-column p.wp-block-paragraph {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 2;
}
.wp-block-columns.flow-item-block .wp-block-column:nth-child(even) {
direction: rtl;
}
.wp-block-columns.flow-item-block .wp-block-column:nth-child(even) p.wp-block-paragraph {
direction: ltr;
}
}
@media only screen and (max-width:600px) {
.wp-block-columns.flow-item-block .wp-block-column {
margin: auto 1em;
}
.wp-block-columns.flow-item-block .wp-block-column p.wp-block-paragraph {
text-align: left;
padding: 0 30px;
}
}
@media only screen and (max-width:420px) {
.wp-block-columns.flow-item-block .wp-block-column {
grid-template-columns: 3fr 4fr;
}
.wp-block-columns.flow-item-block .wp-block-column p.wp-block-paragraph {
padding: 0 15px;
}
}
.wp-block-group.flow-step-blocks {
counter-reset: step 0;
margin: 50px auto;
}
.wp-block-columns.flow-step-box {
counter-increment: step 1;
margin-bottom: 30px;
padding: 0;
background: #FFF;
min-height: 180px;
}
.wp-block-columns.flow-step-box .wp-block-column {
flex-basis: unset;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child {
width: 30%;
position: relative;
padding-left: 100px;
}
.wp-block-columns.flow-step-box .wp-block-column:last-child {
width: 70%;
padding: 30px 0;
padding-right: 30px;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child:before {
content: "0" counter(step);
position: absolute;
top: 0;
bottom: 0;
left: 30px;
margin: auto;
font-size: var(--fs36);
font-family: 'Noto Serif JP';
color: var(--color-gold);
display: block;
width: fit-content;
height: fit-content;
}
.wp-block-columns.flow-step-box .wp-block-column figure.wp-block-image {
height: 100%;
overflow: hidden;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child .wp-block-image img {
display: block;
aspect-ratio: 4 / 3;
height: 100%;
max-height: inherit;
width: auto;
}
.wp-block-columns.flow-step-box .wp-block-column h3.wp-block-heading {
font-size: var(--fs26);
font-family: 'Noto Serif JP';
font-weight: 500;
color: var(--color-navy);
margin-bottom: 1em;
}
@media only screen and (max-width:1200px) {
.wp-block-columns.flow-step-box .wp-block-column:first-child {
width: 35%;
}
.wp-block-columns.flow-step-box .wp-block-column:last-child {
width: 65%;
}
}
@media only screen and (max-width:950px) {
.wp-block-columns.flow-step-box .wp-block-column:first-child {
width: 40%;
}
.wp-block-columns.flow-step-box .wp-block-column:last-child {
width: 60%;
}
}
@media only screen and (max-width:800px) {
.wp-block-columns.flow-step-box .wp-block-column:first-child {
padding-left: 60px;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child:before {
left: 12px;
}
}
@media only screen and (max-width:650px) {
.wp-block-columns.flow-step-box .wp-block-column:first-child {
padding-left: 0;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child:before {
top: 0;
bottom: unset;
left: 0;
background: #FFF;
width: 40px;
height: 40px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
font-size: 21px;
}
}
@media only screen and (max-width:600px) {
.wp-block-columns.flow-step-box {
margin-left: 1em;
margin-right: 1em;
gap: 15px;
}
.wp-block-columns.flow-step-box .wp-block-column:last-child {
padding: 15px;
padding-left: 0;
}
}
@media only screen and (max-width:450px) {
.wp-block-columns.flow-step-box {
flex-wrap: wrap !important;
gap: 0;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child, .wp-block-columns.flow-step-box .wp-block-column:last-child {
width: 100%;
}
.wp-block-columns.flow-step-box .wp-block-column:first-child .wp-block-image img {
width: 100%;
aspect-ratio: 9 / 5;
}
.wp-block-columns.flow-step-box .wp-block-column h3.wp-block-heading {
text-align: center;
}
.wp-block-columns.flow-step-box .wp-block-column:last-child {
padding: 15px;
}
} .wp-block-columns.features-block {
gap: 30px;
padding: 0;
margin: 50px auto;
}
.wp-block-columns.features-block .wp-block-column {
background: #FFF;
border: 1px solid #ddd;
}
.wp-block-columns.features-block .wp-block-column figure.wp-block-image {
aspect-ratio: 16 / 10;
overflow: hidden;
max-width: 100%;
}
.wp-block-columns.features-block .wp-block-column figure.wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-columns.features-block h3.wp-block-heading {
margin: 1em 0;
text-align: center;
}
.wp-block-columns.features-block p.wp-block-paragraph {
text-align: center;
padding: 0 50px;
margin-bottom: 30px;
}
@media only screen and (max-width:1030px) {
.wp-block-columns.features-block p.wp-block-paragraph {
padding: 0 30px;
}
}
@media only screen and (max-width:940px) {
.wp-block-columns.features-block {
flex-wrap: wrap !important;
}
.wp-block-columns.features-block .wp-block-column {
flex-basis: 100% !important;
display: grid;
grid-template-columns: 1fr 1fr;
}
.wp-block-columns.features-block .wp-block-column figure.wp-block-image {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 3;
height: 100%;
}
.wp-block-columns.features-block .wp-block-column figure.wp-block-image img {
height: 100%;
}
.wp-block-columns.features-block .wp-block-column h3.wp-block-heading {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 1;
align-content: center;
}
.wp-block-columns.features-block .wp-block-column p.wp-block-paragraph {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 2;
}
.wp-block-columns.features-block .wp-block-column:nth-child(even) {
direction: rtl;
}
.wp-block-columns.features-block .wp-block-column:nth-child(even) p.wp-block-paragraph {
direction: ltr;
}
}
@media only screen and (max-width:600px) {
.wp-block-columns.features-block .wp-block-column {
margin: auto 1em;
}
.wp-block-columns.features-block .wp-block-column p.wp-block-paragraph {
text-align: left;
padding: 0 30px;
}
}
@media only screen and (max-width:420px) {
.wp-block-columns.features-block .wp-block-column {
grid-template-columns: 3fr 4fr;
}
.wp-block-columns.features-block .wp-block-column p.wp-block-paragraph {
padding: 0 15px;
}
}
@media only screen and (max-width:380px) {
.wp-block-columns.features-block .wp-block-column {
grid-template-columns: 1fr;
}
.wp-block-columns.features-block .wp-block-column figure.wp-block-image {
grid-column-start: 1;
grid-column-end: 1;
grid-row-end: 2;
}
.wp-block-columns.features-block .wp-block-column h3.wp-block-heading {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 2;
grid-row-end: 3;
}
.wp-block-columns.features-block .wp-block-column p.wp-block-paragraph {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 3;
grid-row-end: 4;
}
}
.wp-block-columns.service-area-block {
background: #FFF;
}
.wp-block-columns.service-area-block .wp-block-column {
padding: 0 30px;
}
.wp-block-columns.service-area-block .wp-block-column ul {
width: fit-content;
margin: 2em auto;
}
.wp-block-columns.service-area-block .wp-block-column p.wp-block-paragraph {
text-align: center;
}
.wp-block-columns.important-points {
background: #FFF;
padding: 0;
gap: 0;
margin-bottom:50px
}
.wp-block-columns.important-points .wp-block-column {
flex-basis: unset;
}
.wp-block-columns.important-points .wp-block-column:first-child {
padding: 30px;
width: 60%;
}
.wp-block-columns.important-points .wp-block-column:last-child {
width: 40%;
}
.wp-block-columns.important-points h3.wp-block-heading {
font-family: 'Noto Serif JP';
font-size: var(--fs26);
margin: 1em auto;
}
.wp-block-columns.important-points p.important-points-bold {
font-size: var(--fs16);
font-weight: 600;
}
.wp-block-columns.important-points .wp-block-column:last-child figure, .wp-block-columns.important-points .wp-block-column:last-child figure img {
height: 100%;
}
@media only screen and (max-width:1140px) {
.wp-block-columns.important-points .wp-block-column:first-child {
width: 65%;
}
.wp-block-columns.important-points .wp-block-column:last-child {
width: 35%;
}
}
@media only screen and (max-width:600px) {
.wp-block-columns.important-points .wp-block-column:last-child {
display: none;
}
.wp-block-columns.important-points .wp-block-column:first-child {
padding: 15px;
}
}
.wp-block-columns.visiting-staff {
background: #FFF;
padding: 0;
}
.wp-block-columns.visiting-staff .wp-block-column:last-child {
padding: 30px;
}
.wp-block-group.staff-name .wp-block-group__inner-container {
position: relative;
display: flex;
align-items: center;
gap: 30px;
font-family: 'Noto Serif JP';
}
p.staffsuta-name-kanji {
font-size: var(--fs24);
margin: 0;
}
p.staffsuta-name-kana {
margin: 0;
}
p.staff-position {
font-size: var(--fs16);
}
.wp-block-columns.visiting-staff .wp-block-column figure.wp-block-image,
.wp-block-columns.visiting-staff .wp-block-column figure.wp-block-image img {
height: 100%;
} .wp-block-columns.price-info .wp-block-column {
background: #FFF;
display: flex;
align-items: center;
}
.wp-block-columns.price-info .wp-block-column .wp-block-group {
flex: 1;
}
.wp-block-columns.price-info .wp-block-column .wp-block-group .wp-block-group__inner-container {
padding: 50px;
}
.wp-block-columns.price-info .wp-block-column figure.wp-block-image {
margin: 0;
width: 30%;
height: 100%;
}
.wp-block-columns.price-info .wp-block-column figure.wp-block-image img {
height: 100%;
object-fit: cover;
}
.wp-block-column.mens-price-info a.wp-block-button__link {
background: var(--color-navy);
}
.wp-block-column.ladies-price-info a.wp-block-button__link {
background: var(--color-gold);
}
@media only screen and (max-width:880px) {
.wp-block-columns.price-info .wp-block-column .wp-block-group .wp-block-group__inner-container {
padding: 30px;
}
.wp-block-column.mens-price-info a.wp-block-button__link, .wp-block-column.ladies-price-info a.wp-block-button__link {
padding-left: .5em;
padding-right: .5em;
}
.wp-block-columns.price-info .wp-block-column figure.wp-block-image {
width: 40%;
}
}
@media only screen and (max-width:760px) {
.wp-block-columns.price-info .wp-block-column .wp-block-group .wp-block-group__inner-container {
padding: 15px;
}
}
@media only screen and (max-width:650px) {
.wp-block-columns.price-info {
flex-wrap: wrap !important;
}
.wp-block-columns.price-info .wp-block-column {
flex-basis: unset;
}
.wp-block-columns.price-info .wp-block-column figure.wp-block-image {
max-height: 180px;
}
}
h3.price-sec-title {
font-size: var(--fs26);
}
figure.mens-price-tbl table tr td, figure.ladies-price-tbl table tr td {
background: #FFF;
padding: 15px;
width: calc(75% / 2);
}
figure.mens-price-tbl table tr td {
border-color: var(--color-navy);
}
figure.ladies-price-tbl table tr td {
border-color: var(--color-gold);
}
figure.mens-price-tbl table tr td:first-child, figure.ladies-price-tbl table tr td:first-child {
color: #FFF;
width: 25%;
}
figure.mens-price-tbl table tr td:first-child {
background: var(--color-navy);
border-bottom-color: #7a7a7a;
}
figure.ladies-price-tbl table tr td:first-child {
background: var(--color-gold);
border-bottom-color: #e3e3e3;
}
.wp-block-group.price-remarks p.wp-block-paragraph {
margin: 0;
}
@media only screen and (max-width:560px) {
figure.mens-price-tbl table tr td:first-child {
white-space: nowrap;
}
} ul.wp-block-list.concerns-check-list {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
ul.wp-block-list.concerns-check-list li {
width: calc(33.3% - (30px / 3 * 2));
padding: 20px;
padding-left: 60px;
background: #FFF;
border: 1px solid #ccc;
position: relative;
display: flex;
align-items: center;
}
ul.wp-block-list.concerns-check-list li:before {
content: "";
display: block;
width: 20px;
height: 20px;
border: 1px solid #ccc;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
}
ul.wp-block-list.concerns-check-list li:after {
content: "";
display: block;
width: 16px;
height: 7px;
border-left: 2px solid var(--color-gold);
border-bottom: 2px solid var(--color-gold);
rotate: -35deg;
position: absolute;
top: 0;
bottom: 10px;
left: 26px;
margin: auto;
}
@media only screen and (max-width:768px) {
ul.wp-block-list.concerns-check-list {
gap: 15px;
}
ul.wp-block-list.concerns-check-list li {
width: calc(33.3% - (15px / 3 * 2));
}
}
@media only screen and (max-width:715px) {
ul.wp-block-list.concerns-check-list li {
width: calc(50% - (15px / 2 * 1));
}
}
@media only screen and (max-width:580px) {
ul.wp-block-list.concerns-check-list li {
padding: 15px;
padding-left: 40px;
}
ul.wp-block-list.concerns-check-list li:before {
width: 14px;
height: 14px;
left: 15px;
}
ul.wp-block-list.concerns-check-list li:after {
width: 12px;
height: 5px;
left: 20px;
}
}
@media only screen and (max-width:415px) {
ul.wp-block-list.concerns-check-list li {
width: 100%;
}
}
.wp-block-columns.ladies-flow-item-block {
gap: 30px;
padding: 0;
margin: 50px auto;
}
.wp-block-columns.ladies-flow-item-block .wp-block-column {
background: var(--color-navy);
color: #FFF;
}
.wp-block-columns.ladies-flow-item-block .wp-block-column figure.wp-block-image {
aspect-ratio: 16 / 10;
display: block;
overflow: hidden;
}
.wp-block-columns.ladies-flow-item-block h3.wp-block-heading {
margin: 1em 0;
text-align: center;
}
.wp-block-columns.ladies-flow-item-block p.wp-block-paragraph {
text-align: center;
padding: 0 50px;
margin-bottom: 30px;
}
@media only screen and (max-width:1100px) {
.wp-block-columns.ladies-flow-item-block p.wp-block-paragraph {
padding: 0 30px;
}
}
@media only screen and (max-width:920px) {
.wp-block-columns.ladies-flow-item-block {
gap: 15px;
}
.wp-block-columns.ladies-flow-item-block p.wp-block-paragraph {
padding: 0 15px;
}
}
@media only screen and (max-width:768px) {
.wp-block-columns.ladies-flow-item-block {
flex-wrap: wrap !important;
}
}
@media only screen and (max-width:740px) {
body.ladies-order .wp-block-columns.ladies-flow-item-block .wp-block-column {
width: calc(50% - (15px / 2 * 1));
flex-basis: unset;
}
}
@media only screen and (max-width:600px) {
.wp-block-columns.ladies-flow-item-block .wp-block-column {
width: calc(50% - (15px / 2 * 1));
flex-basis: unset;
}
}
.wp-block-columns.about-fabric {
background: var(--color-navy);
padding: 0;
margin-top: 120px;
color: #FFF;
}
.wp-block-columns.about-fabric .wp-block-column:last-child {
padding: 30px;
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.wp-block-columns.about-fabric .wp-block-column figure.wp-block-image, .wp-block-columns.about-fabric .wp-block-column figure.wp-block-image img {
height: 100%;
}
.wp-block-columns.about-fabric h3.wp-block-heading {
font-family: 'Noto Serif JP';
margin-bottom: 2em;
font-size: var(--fs28);
}
.wp-block-columns.about-fabric p.wp-block-paragraph {
text-align: center;
width: 100%;
}
@media only screen and (max-width:768px) {
.wp-block-columns.about-fabric {
margin-top: 60px;
}
}
@media only screen and (max-width:560px) {
.wp-block-columns.about-fabric {
flex-wrap: wrap !important;
}
.wp-block-columns.about-fabric .wp-block-column {
width: 100%;
flex-basis: unset;
}
.wp-block-columns.about-fabric .wp-block-column figure.wp-block-image {
aspect-ratio: 16 / 7;
}
.wp-block-columns.about-fabric .wp-block-column:last-child {
padding: 0 30px 30px;
}
}
@media only screen and (max-width:450px) {
.wp-block-columns.about-fabric {
flex-wrap: wrap !important;
}
.wp-block-columns.about-fabric .wp-block-column:last-child {
padding: 0 15px 30px;
}
}
.wp-block-columns.recreate-favorite-clothes {}
.wp-block-columns.recreate-favorite-clothes h3.wp-block-heading {
margin-bottom: 2em;
}
p.recreate-block-title {
width: fit-content;
padding: 5px 15px;
background: var(--color-gold);
color: #FFF;
font-size: var(--fs16);
margin: auto;
margin-bottom: 30px;
}
ul.wp-block-list.recreate-block-flow {
list-style: none;
padding: 0;
width: fit-content;
max-width: 260px;
margin: auto;
}
ul.wp-block-list.recreate-block-flow li {
position: relative;
padding: 15px 0;
padding-left: 50px;
margin-bottom: 80px;
border-top: 1px solid;
border-bottom: 1px solid;
}
ul.wp-block-list.recreate-block-flow li:first-line {
font-size: var(--fs18);
font-weight: 600;
}
ul.wp-block-list.recreate-block-flow li:before, ul.wp-block-list.recreate-block-flow li:after {
font-family: "Font Awesome 7 Free";
font-weight: 900;
}
ul.wp-block-list.recreate-block-flow li:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
font-size: var(--fs21);
width: 40px;
height: 40px;
background: var(--color-gold);
color: #FFF;
display: grid;
place-items: center;
border-radius: 50px;
margin: auto;
}
ul.wp-block-list.recreate-block-flow li:nth-child(1):before {
content: "\f553";
}
ul.wp-block-list.recreate-block-flow li:nth-child(2):before {
content: "\f546";
}
ul.wp-block-list.recreate-block-flow li:nth-child(3):before {
content: "\f0c4";
}
ul.wp-block-list.recreate-block-flow li:last-child {
margin-bottom: 0;
}
ul.wp-block-list.recreate-block-flow li:last-child:after {
content: none;
}
ul.wp-block-list.recreate-block-flow li:after {
content: "\f175";
position: absolute;
bottom: -50px;
left: 0;
right: 0;
text-align: center;
color: var(--color-gold);
}
.wp-block-group.ladies-flow-step-blocks {
counter-reset: step 0;
}
.wp-block-columns.ladies-flow-step-box {
counter-increment: step 1;
padding: 0;
background: #FFF;
border: 1px solid #ccc;
margin: 50px auto;
gap: 0;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column {
width: 50%;
flex-basis: unset;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child {
padding: 30px;
padding-left: 120px;
position: relative;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child:before {
content: "0" counter(step);
position: absolute;
top: 30px;
left: 30px;
margin: auto;
font-size: var(--fs26);
color: #FFF;
background: #bfb09b;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
line-height: 1;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child h3.wp-block-heading {
margin-bottom: 1em;
font-size: var(--fs18);
font-weight: 600;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column figure.wp-block-image, .wp-block-columns.ladies-flow-step-box .wp-block-column figure.wp-block-image img {
height: 100%;
}
@media only screen and (max-width:768px) {
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child {
padding: 20px;
padding-left: 65px;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child:before {
width: 40px;
height: 40px;
font-size: var(--fs21);
top: 20px;
left: 15px;
}
}
@media only screen and (max-width:660px) {
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child {
width: 60%;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column:last-child {
width: 40%;
}
}
@media only screen and (max-width:500px) {
.wp-block-columns.ladies-flow-step-box .wp-block-column:first-child {
width: 65%;
}
.wp-block-columns.ladies-flow-step-box .wp-block-column:last-child {
width: 35%;
}
} .faq-term-list .wp-block-columns {
gap: 15px;
align-items: center !important;
}
.faq-term-list .wp-block-columns .wp-block-column {
flex-basis: unset;
}
.faq-term-list .wp-block-columns .wp-block-column:first-child {
width: 20%;
}
ul.collectioncoll-term-list {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 10px;
margin: 50px auto;
}
ul.collectioncoll-term-list li a {
letter-spacing: -0.08em;
display: block;
color: var(--color-navy);
background: #FFF;
border: 1px solid var(--color-navy);
text-align: center;
padding: 10px 4px;
}
ul.collectioncoll-term-list li.current-cat a {
background: var(--color-navy);
color: #FFF;
}
ul.collectioncoll-term-list li a:before, ul.collectioncoll-term-list li a:after {
content: none;
}
@media only screen and (max-width:1230px){
ul.collectioncoll-term-list {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width:720px){
.faq-term-list .wp-block-columns {
flex-wrap: wrap !important;
gap: 30px;
}
.faq-term-list .wp-block-columns .wp-block-column {
width: 100%;
}
}
@media only screen and (max-width:520px){
ul.collectioncoll-term-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width:400px){
ul.collectioncoll-term-list {
grid-template-columns: repeat(2, 1fr);
}
} body.collection .archive__item {
width: calc(25% - (1.5rem / 4 * 3));
flex-basis: unset;
}
body.collection .archive__item .ratio:before {
padding-top: 140%;
}
body.collection .archive__text {
padding: 15px;
margin-top: 0 !important;
}
@media only screen and (max-width:960px){
body.collection .archive__item {
width: calc(33.3% - (1.5rem / 3 * 2));
}
}
@media only screen and (max-width:600px){
body.collection .archive__container {
gap: 15px;
flex-direction: row;
}
body.collection .archive__item {
width: calc(50% - (15px / 2 * 1));
}
} .wp-block-columns.brand-concept-wrap {
padding: 0;
gap: 0;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) .wp-block-cover {
padding: 30px;
height: 100%;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) h2.wp-block-heading {
margin-top:0 !important;
margin-bottom: 1em !important;
}
.wp-block-columns.brand-concept-wrap figure.wp-block-image, .wp-block-columns.brand-concept-wrap figure.wp-block-image img {
height: 100%;
object-fit: cover;
}
p.brand-concept {
font-size: var(--fs21);
text-align: center;
font-family: 'Noto Serif JP';
font-weight: 600;
}
p.concept-english {
font-size: var(--fs36);
text-align: center;
font-family: 'Noto Serif JP';
font-weight: 600;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) p.wp-block-paragraph {
text-align: center;
}
@media only screen and (max-width:1400px){
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(1), .wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(3) {
width: 30%;
flex-basis: unset;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) {
width: 40%;
flex-basis: unset;
}
}
@media only screen and (max-width:1200px){
.wp-block-columns.brand-concept-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(1) {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start:2;
grid-row-end:3;
width: 100%;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start:1;
grid-row-end:2;
width: 100%;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(3) {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start:2;
grid-row-end:3;
width: 100%;
}
}
@media only screen and (max-width:460px){
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) p.wp-block-paragraph:not(.brand-concept) br {
display: none;
}
.wp-block-columns.brand-concept-wrap .wp-block-column:nth-child(2) .wp-block-cover{
padding:30px 0;
}
p.concept-english{
font-size: var(--fs30);
}
}
.tg-icon-img img {
width: 60px;
}
h2.wp-block-heading.commitment-sec-title {
text-align: center;
margin: 1em 0;
}
.wp-block-columns.concept-commitment-blocks {
gap: 0;
margin-bottom: calc(60px + 5%);
position: relative;
min-height: 380px;
}  .wp-block-columns.concept-commitment-blocks {
display: flex;
align-items: center; gap: 0;
margin-bottom: 80px;
counter-increment: commitment-count;
position: relative;
} .wp-block-columns.concept-commitment-blocks:nth-child(even) {
flex-direction: row-reverse;
} .concept-commitment-blocks > .wp-block-column:nth-child(1) {
flex: 1 1 50%;
margin: 0;
position: relative;
z-index: 1; transform: translateY(-50px); }
.concept-commitment-blocks figure.wp-block-image {
margin: 0;
width: 100%;
height: 100%;
}
.concept-commitment-blocks figure.wp-block-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
} .concept-commitment-blocks > .wp-block-column:nth-child(2) {
flex: 1 1 50%;
background-color: #f8f9fa;
padding: 50px 40px; box-sizing: border-box;
position: relative;
z-index: 2; margin: 0;
overflow-x: clip;
} .wp-block-columns.concept-commitment-blocks:nth-child(even) > .wp-block-column:nth-child(1) {
transform: translateY(-50px);
}  .concept-commitment-blocks .commitment-en {
color: #CBBCA6;
font-size: var(--fs18);
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 12px 20px 12px 60px;
margin: -50px auto 35px; text-align:center;
position: relative;
width: fit-content;
} .concept-commitment-blocks .commitment-en::before {
content: counter(commitment-count);
position: absolute;
left: 0;
top: 20%;
transform: translateY(-55%);
font-family: "Georgia", "Times New Roman", serif;
font-size: var(--fs80);
font-weight: normal;
color: #CBBCA6;
line-height:1;
}
.concept-commitment-blocks .commitment-en:after {
content: "";
display: block;
width: 250%;
height: 100%;
background: linear-gradient(to right, #22263D, #6B6E7D);
position: absolute;
top: 0;
left: -75%;
right: -75%;
z-index: -1;
} .concept-commitment-blocks .commitment-title {
font-family: "遊明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
font-size: 24px;
color: #1a1a1a;
letter-spacing: 0.1em;
margin-top: 0;
margin-bottom: 25px;
} .concept-commitment-blocks p:not(.commitment-en) {
font-size: 14px;
line-height: 1.8;
color: #666666;
text-align: justify;
margin: 0;
} @media (max-width: 650px) {
.wp-block-columns.concept-commitment-blocks-sec {
padding: 0;
}
.wp-block-columns.concept-commitment-blocks {
align-items: stretch;
margin-bottom: 50px;
}
.wp-block-columns.concept-commitment-blocks,
.wp-block-columns.concept-commitment-blocks:nth-child(even) {
flex-direction: column;
}
.concept-commitment-blocks > .wp-block-column:nth-child(1),
.concept-commitment-blocks > .wp-block-column:nth-child(2) {
flex: 1 1 100%;
width: 100%;
} .concept-commitment-blocks > .wp-block-column:nth-child(1),
.wp-block-columns.concept-commitment-blocks:nth-child(even) > .wp-block-column:nth-child(1) {
transform: none;
}
.concept-commitment-blocks > .wp-block-column:nth-child(2) {
padding: 30px 20px;
}
.concept-commitment-blocks .commitment-en {
margin: -30px auto 20px;
}
.concept-commitment-blocks .commitment-en:after{
}
}
.wp-block-cover.message-representative {
padding-top: 50px;
padding-bottom: 50px;
}
.wp-block-cover.message-representative h2.wp-block-heading{
margin: 1em auto;
} .wp-block-buttons.contact-btns a.wp-element-button {
background: #FFF;
color: var(--color-navy);
border: 1px solid;
padding: 15px 50px 15px 30px;
position: relative;
}
.wp-block-buttons.contact-btns a.wp-element-button:after {
content: "\f107";
font-family: 'Font Awesome 7 Free';
font-weight: 900;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto;
height: fit-content;
}
.wp-block-column.contact-block {
background: #FFF;
padding: 30px;
padding-left: 100px;
border: 1px solid var(--color-gold);
position: relative;
}
.wp-block-column.contact-block:before {
font-family: 'Font Awesome 7 Free';
font-weight: 900;
font-size:var(--fs32);
display:flex;
justify-content:center;
align-items:center;
width: 65px;
height: 65px;
border-radius: 65px;
background: var(--color-navy);
color:#FFF;
position: absolute;
top: 30px;
left: 20px;
}
.wp-block-column.contact-block.for-form:before{
content: "\f0e0";
}
.wp-block-column.contact-block.for-faq:before{
content: "\f059";
font-weight: 400;
}
.wp-block-column.contact-block.for-line:before {
font-size: 50px;
content: "\f3c0";
color: #4CC764;
font-weight: 400;
font-family: "Font Awesome 7 Brands";
background: #FFF;
}
.wp-block-column.contact-block.for-tel:before{
content: "\f095";
}
.wp-block-column.contact-block h3.wp-block-heading {
margin-bottom: 1em;
}
.wp-block-button.form-btn,.wp-block-button.form-btn a {
width: 100%;
display: block;
}
.wp-block-button.form-btn a{
padding: 15px 30px;
}
.wp-block-column.contact-block.for-form .wp-block-button.form-btn a{
background:var(--color-navy);
color:#FFF;
}
.wp-block-column.contact-block.for-faq .wp-block-button.form-btn a{
background:#FFF;
color:var(--color-navy);
border:1px solid;
}
.wp-block-column.contact-block.for-line .wp-block-button.form-btn a{
background:#4CC764;
color:#FFF;
}
p.tel-call a {
color: inherit;
text-decoration: none;
font-size: var(--fs26);
font-family: 'Noto Serif JP';
font-weight: 600;
}
@media only screen and (max-width:600px){
.wp-block-buttons.contact-btns {
gap: 15px;
flex-wrap: wrap;
}
.wp-block-buttons.contact-btns .wp-block-button {
width: 100%;
}
}
@media only screen and (max-width:560px){
.wp-block-column.contact-block {
padding-left: 80px;
}
.wp-block-column.contact-block:before {
width: 50px;
height: 50px;
font-size: var(--fs24);
left: 15px;
}
.wp-block-column.contact-block.for-line:before{
font-size:var(--fs36);
}
}
@media only screen and (max-width:360px){
.wp-block-column.contact-block{
padding:30px;
padding-top:80px;
}
.wp-block-column.contact-block:before {
top: 20px;
left: 0;
right: 0;
margin: auto;
}
.wp-block-column.contact-block h3.wp-block-heading{
text-align:center;
}
}