.site-content, .entry-content {
margin-top: 0;
}
.singular-mv .wp-block-cover {
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;
}
p.page-title-jp {
font-family: 'Noto Serif JP';
font-weight: 400;
font-size: var(--fs40);
margin: .2em auto 2em;
}
h2.wp-block-heading.under-border-headding {
font-family: "Noto Serif JP", sans-serif;
font-weight: 400;
font-size: var(--fs36);
margin: 2em auto;
}
.under-border-headding {
text-align: center;
position: relative;
padding-bottom: .25em;
}
.under-border-headding:after {
content: "";
display: block;
width: 120px;
height: 2px;
background: var(--color-gold);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
} .collection-block {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.collection-block .block-column {
width: calc(50% - (30px / 2 * 1));
}
div#main-gallery {
aspect-ratio: 10 / 14;
overflow: hidden;
margin-bottom: 15px;
}
div#thumb-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
div#thumb-gallery img{
width:calc(25% - (10px / 4 * 3));
}
div#thumb-gallery img.active {
border: 2px solid var(--color-navy);
}
dl.collection-details {
margin-top: 0;
padding: 15px;
background: #FFF;
border: 4px solid var(--color-gold);
display: grid;
grid-template-columns: 2fr 3fr;
}
dl.collection-details dt {
margin-top: 0;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
dl.collection-details dd {
margin-left: 0;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.staff_comment ,.customer_review{
margin-top: 2em;
padding: 15px;
}
.customer_review {
background: #FFF;
}
.staff_comment p ,.customer_review p{
margin: 0;
word-break: normal;
}
p.collection-meta-title {
margin-bottom: 10px;
font-size: var(--fs16);
}
.evaluation-title-wrap {
display: flex;
justify-content: space-between;
gap:10px;
margin-bottom: 10px;
}
.evaluation-title-wrap p.collection-meta-title{
margin-bottom:0;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
} .star-rating {
position: relative;
display: inline-block;
font-size: 1.25rem; letter-spacing: 0.1em; color: #ccc; line-height: 1.25;
} .star-rating::before {
content: "☆☆☆☆☆";
} .star-rating::after {
content: "★★★★★";
position: absolute;
top: 0;
left: 0;
color: #ffb400; overflow: hidden;
white-space: nowrap;
width: 0%; } .star-rating[data-score="1"]::after { width: 20%; }
.star-rating[data-score="2"]::after { width: 40%; }
.star-rating[data-score="3"]::after { width: 60%; }
.star-rating[data-score="4"]::after { width: 80%; }
.star-rating[data-score="5"]::after { width: 100%; }
@media only screen and (max-width:768px){
.collection-block{
gap:15px;
}
.collection-block .block-column {
width: calc(50% - (15px / 2 * 1));
}
}
@media only screen and (max-width:600px){
.collection-block .block-column {
width: 100%;
}
div#main-gallery {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
} .slick-track {
margin-left: 0!important;
}
.slick-slide {
padding: 0 10px;
}
.slick-list {
margin: 0 -10px!important;
}
.collection-more-links a {
display: block;
text-align: right;
color: var(--color-navy);
}