/* CSS Document */
#pagePath{
display: none;
}
#main{
overflow: hidden;
#order{
/* 大口注文非表示（後日解除） */
display: none;
}
}
#hero{
position: relative;
display: grid;
grid-template-columns: clamp(96px, calc(380 / 1366 * 100dvw), 380px) 1fr;
grid-template-rows: auto 1fr;
grid-row-gap: 40px;
background: var(--object_01) no-repeat calc(0px - clamp(184px, calc(280 / 992 * 100dvw), 280px)) bottom / auto clamp(240px, calc(376 / 992 * 100dvw), 376px);
&:before{
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: clamp(240px, calc(640 / 1366 * 100dvw), 640px);
background: var(--pattern_02), var(--color-theme);
transform: translateY(-25%);
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / max(100%, 640px) 100%;
}
#heroTitle{
grid-column: 1;
grid-row: 1;
justify-self: center;
z-index: 1;
}
#heroSlide{
grid-column: 2;
z-index: 1;
background: white;
}
#heroControl{
grid-column: 1 / 3;
grid-row: 2;
align-self: start;
z-index: 1;
}
@media (orientation: portrait) and (max-width: 767.98px) {
grid-template-columns: clamp(96px, calc(160 / 576 * 100dvw), 160px) 1fr;
&:before{
transform: translateY(-30%);
}
#heroTitle{
font-size: clamp(24px, calc(32 / 576 * 100dvw), 32px);
}
#heroSlide{
& dl{
aspect-ratio: 280 / 412;
}
& dt{
left: -3em;
max-width: calc(100% + 3em);
}
& img{
filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2));
}
}
}
@media (max-width: 1199.98px) {
grid-row-gap: 24px;
#heroTitle{
margin-top: 16px;
}
}
@media (min-width: 1200px) {
margin-top: 8px;
#heroSlide{
grid-row: 1 / 3;
}
#heroControl{
grid-column: 1;
}
}
}
#heroTitle{
height: 12em;
font-weight: 600;
font-size: clamp(24px, calc(40 / 1366 * 100dvw), 40px);
font-family: 'Shippori Mincho', var(--font-min);
writing-mode: vertical-rl;
}
#heroSlide{
display: grid;
&:not(.slick-slider){
& dl{
grid-column: 1;
grid-row: 1;
&:nth-child(n+2){
visibility: hidden;
}
}
}
& dl{
position: relative;
display: grid;
align-items: end;
justify-items: start;
aspect-ratio: 980 / 660;
@media (min-width: 1200px) {
aspect-ratio: unset;
height: 600px;
}
}
& dt{
position: absolute;
left: 0;
bottom: clamp(16px, calc(24 / 768 * 100dvw), 24px);
max-width: 100%;
padding: 0.25em 0.5em;
background: var(--color-theme);
color: white;
font-weight: 600;
font-size: clamp(16px, calc(24 / 768 * 100dvw), 24px);
font-family: var(--font-min);
letter-spacing: 0.1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
pointer-events: none;
z-index: 1;
}
& dd{
display: contents;
}
& img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: clamp(24px, calc(32 / 768 * 100dvw), 32px) 0 0 0;
}
& a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
.slick-list{
margin-bottom: -8px;
padding-bottom: 8px;
overflow: visible;
}
}
#heroControl{
display: flex;
justify-content: center;
align-items: center;
column-gap: 16px;
padding: 0 24px;
.slick-dots{
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 16px;
& li{
aspect-ratio: 1;
width: 10px;
background: white;
border: 1px solid var(--color-theme);
border-radius: 100%;
overflow: hidden;
&.slick-active{
background: var(--color-theme);
border-color: white;
}
}
& button{
opacity: 0;
}
}
.slick-arrow{
all: unset;
box-sizing: border-box;
cursor: pointer;
position: relative;
aspect-ratio: 1;
width: 20px;
background: white;
border-radius: 100%;
color: var(--color-theme);
font-size: 0;
&:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: currentColor;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
&.slick-prev:before{
transform: scale(-1, 1);
}
&.slick-next{
order: 1;
}
}
}
#search{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: clamp(8px, calc(40 / 1366 * 100dvw), 40px);
width: var(--wrap);
margin-inline: auto;
margin-top: clamp(24px, calc(96 / 1366 * 100dvw), 96px);
& dl{
position: relative;
display: grid;
border-radius: clamp(8px, calc(24 / 1366 * 100dvw), 24px);
overflow: hidden;
filter: drop-shadow(0 3px 3px color-mix(in srgb, transparent, #231815 20%));
@media (min-width: 768px) {
aspect-ratio: 4 / 3;
}
}
& dt{
display: grid;
align-content: center;
justify-items: center;
grid-row-gap: 8px;
padding: clamp(8px, calc(16 / 768 * 100dvw), 16px);
font-weight: 700;
font-size: clamp(16px, calc(24 / 1200 * 100dvw), 24px);
font-family: 'Zen Kaku Gothic New', var(--font);
letter-spacing: 0.05em;
text-align: center;
pointer-events: none;
z-index: 1;
&:before{
content: "";
aspect-ratio: 1;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
background: currentColor;
-webkit-mask: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
dl:nth-child(1) &{
&:before{
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,');
}
}
dl:nth-child(2) &{
&:before{
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,');
}
}
dl:nth-child(3) &{
&:before{
-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,');
}
}
@media (max-width: 767.98px) {
min-height: 88px;
color: var(--color-theme);
line-height: 1.25;
dl:nth-child(1) &{
grid-template-columns: 6em;
justify-content: center;
}
dl:nth-child(2) &{
grid-template-columns: 5em;
justify-content: center;
}
dl:nth-child(3) &{
grid-template-columns: 5em;
justify-content: center;
}
}
@media (min-width: 768px) {
color: #fff;
filter: drop-shadow(0 0 1em #001728);
}
}
& dd{
&:has(a){
display: contents;
}
& a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
@media (max-width: 767.98px) {
background: linear-gradient(0deg, color-mix(in srgb, white, #a1cbed 33%), white);
outline: 1px solid white;
outline-offset: -1px;
}
@media (min-width: 768px) {
background: color-mix(in srgb, transparent, #1e1e1e 50%);
}
}
&:has(img){
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: -1;
@media (max-width: 767.98px) {
display: none;
}
}
& img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
#ranking{
display: grid;
grid-template-columns: var(--wrap);
justify-content: center;
padding: clamp(80px, calc(104 / 768 * 100dvw), 104px) 0 clamp(56px, calc(72 / 768 * 100dvw), 72px) 0;
background: var(--object_01) no-repeat calc(100% + clamp(184px, calc(280 / 992 * 100dvw), 280px)) 24px / auto clamp(240px, calc(376 / 992 * 100dvw), 376px), var(--object_01) no-repeat calc(0px - clamp(184px, calc(280 / 992 * 100dvw), 280px)) bottom / auto clamp(240px, calc(376 / 992 * 100dvw), 376px);
& h2{
display: grid;
justify-items: center;
text-align: center;
grid-row-gap: 0.5em;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
letter-spacing: 0.05em;
overflow: hidden;
&:before{
content: attr(data-caption);
order: -1;
color: #a1cbed;
font-weight: 400;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
white-space: nowrap;
}
&:after{
content: "";
order: -1;
aspect-ratio: 32 / 2;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
background: linear-gradient(90deg, #a1cbed 50%, currentColor 50%);
}
}
#rankingList{
margin-top: 40px;
}
#rankingLink{
margin-top: 40px;
}
}
#rankingList{
display: grid;
grid-gap: clamp(24px, calc(32 / 768 * 100dvw), 32px) clamp(16px, calc(24 / 768 * 100dvw), 24px);
& section{
counter-increment: count;
align-self: start;
position: relative;
display: grid;
grid-row-gap: 8px;
&:not(:has(img)):before{
content: "";
grid-row: 1;
aspect-ratio: 4 / 3;
background: var(--dummy);
border-radius: 0 0 clamp(24px, calc(32 / 768 * 100dvw), 32px) 0;
}
&:after{
content: counter(count);
position: absolute;
top: 0;
left: 0;
display: grid;
place-content: center;
aspect-ratio: 1;
width: 1.75em;
padding-bottom: 0.2em;
background: #626f9c;
color: #fff;
font-weight: 700;
font-family: 'Shippori Mincho', var(--font-min);
font-size: clamp(16px, calc(24 / 768 * 100dvw), 24px);
line-height: 1;
pointer-events: none;
}
& figure{
grid-row: 1;
}
&:nth-child(1):after{
background: #d4c151;
}
&:nth-child(2):after{
background: #969696;
}
&:nth-child(3):after{
background: #b49664;
}
}
& h3{
display: inline-block;
font-weight: 700;
font-size: clamp(16px, calc(17 / 768 * 100dvw), 17px);
letter-spacing: 0.03em;
word-break: keep-all;
overflow-wrap: anywhere;
&:after{
content: "";
display: inline-block;
aspect-ratio: 1;
width: 20px;
margin-left: 8px;
background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
transform: translateY(0.1em);
}
}
& a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
& img{
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 0 0 clamp(24px, calc(32 / 768 * 100dvw), 32px) 0;
}
@media (max-width: 767.98px) {
grid-template-columns: repeat(2, 1fr);
& section:nth-child(1){
grid-column: 1 / 3;
&:after{
font-size: clamp(24px, calc(40 / 768 * 100dvw), 40px);
}
& h3{
font-size: 22px;
}
}
& section:nth-child(n+2){
& h3:after{
width: 1em;
}
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
grid-template-columns: repeat(3, 1fr);
& section:nth-child(1),
& section:nth-child(2){
grid-column: 1 / 4;
grid-row: 1;
width: calc(50% - 16px);
&:after{
font-size: 40px;
}
& h3{
font-size: 22px;
}
}
& section:nth-child(2){
justify-self: end;
}
}
@media (min-width: 992px) {
grid-template-columns: calc(50% + 24px) 1fr 1fr;
& section:nth-child(1){
grid-row: 1 / 3;
margin-right: 24px;
&:after{
font-size: 40px;
}
& h3{
font-size: 22px;
}
}
}
}
#rankingLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
#story{
display: grid;
grid-template-columns: var(--wrap);
justify-content: center;
padding: clamp(32px, calc(48 / 768 * 100dvw), 48px) 0;
background: color-mix(in srgb, white, darkkhaki 10%) var(--story_bg) center;
& h2{
display: grid;
justify-items: center;
text-align: center;
grid-row-gap: 0.5em;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
letter-spacing: 0.05em;
overflow: hidden;
&:before{
content: attr(data-caption);
order: -1;
color: #a1cbed;
font-weight: 400;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
white-space: nowrap;
}
&:after{
content: "";
order: -1;
aspect-ratio: 32 / 2;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
background: linear-gradient(90deg, #a1cbed 50%, currentColor 50%);
}
}
#storyList{
margin-top: 40px;
}
#storyLink{
margin-top: 40px;
}
}
#storyList{
display: grid;
grid-gap: clamp(24px, calc(32 / 768 * 100dvw), 32px) clamp(16px, calc(24 / 768 * 100dvw), 24px);
& section{
align-self: start;
position: relative;
display: grid;
grid-row-gap: 8px;
&:not(:has(img)):before{
content: "";
grid-row: 1;
aspect-ratio: 4 / 3;
background: var(--dummy);
border-radius: 0 0 clamp(24px, calc(32 / 768 * 100dvw), 32px) 0;
}
& figure{
grid-row: 1;
}
}
& h3{
display: inline-block;
font-weight: 700;
font-size: 17px;
letter-spacing: 0.03em;
word-break: keep-all;
overflow-wrap: anywhere;
&:after{
content: "";
display: inline-block;
aspect-ratio: 1;
width: 20px;
margin-left: 8px;
background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
transform: translateY(0.1em);
}
}
& a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
& img{
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 0 0 clamp(24px, calc(32 / 768 * 100dvw), 32px) 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
grid-template-columns: repeat(2, 1fr);
& section{
&:nth-child(2){
grid-column: 2;
grid-row: 1 / 3;
align-self: center;
}
}
}
@media (min-width: 992px) {
grid-template-columns: repeat(3, 1fr);
}
}
#storyLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
#news{
width: var(--wrap);
margin: clamp(40px, calc(96 / 768 * 100dvw), 96px) auto;
& h2{
display: grid;
justify-items: center;
text-align: center;
grid-row-gap: 0.5em;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
letter-spacing: 0.05em;
overflow: hidden;
&:before{
content: attr(data-caption);
order: -1;
color: #a1cbed;
font-weight: 400;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
white-space: nowrap;
}
&:after{
content: "";
order: -1;
aspect-ratio: 32 / 2;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
background: linear-gradient(90deg, #a1cbed 50%, currentColor 50%);
}
}
#newsLink{
margin-top: 40px;
}
@media (max-width: 1199.98px) {
#newsList{
margin-top: 40px;
}
}
@media (min-width: 1200px) {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
column-gap: 80px;
#newsList{
grid-column: 2;
grid-row: 1 / 3;
}
#newsLink{
align-self: start;
margin-top: 40px;
}
}
}
#newsList{
display: grid;
grid-row-gap: 16px;
& section{
align-self: start;
position: relative;
display: grid;
grid-template-columns: clamp(56px, calc(80 / 768 * 100dvw), 80px) 1fr;
column-gap: clamp(8px, calc(16 / 768 * 100dvw), 16px);
&:after{
border-top: 1px solid currentColor;
grid-column: 1 / 3;
margin-top: 16px;
}
&:not(:last-child):after{
content: "";
}
&:has(a){
& h3{
display: inline-block;
&:after{
content: "";
display: inline-block;
aspect-ratio: 1;
width: 20px;
margin-left: 8px;
background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
transform: translateY(0.1em);
}
}
}
& h3{
grid-column: 2;
grid-row: 2;
align-self: center;
}
& h3+div{
grid-column: 2;
grid-row: 1;
margin-bottom: 8px;
}
& figure{
grid-column: 1;
grid-row: 2;
align-self: center;
}
}
& h3{
order: 1;
font-weight: 700;
font-size: clamp(16px, calc(18 / 768 * 100dvw), 18px);
letter-spacing: 0.05em;
word-break: keep-all;
overflow-wrap: anywhere;
}
& h3+div{
display: grid;
grid-gap: 4px 16px;
}
& time{
color: #666666;
font-size: 15px;
}
& ul{
display: flex;
flex-wrap: wrap;
grid-gap: 4px;
&:not(:has(li)){
display: none;
}
}
& li{
display: grid;
align-items: center;
min-width: 5em;
min-height: 24px;
padding: 0.25em 1em 0 1em;
background: var(--color-theme);
border-radius: 12px;
color: #fff;
font-weight: 700;
font-size: 14px;
line-height: 1.25;
text-align: center;
&.tagCheck{
background: #e11c24;
text-transform: uppercase;
}
&.tagNew{
background: #dc501e;
text-transform: uppercase;
}
&[data-cat="1"]{
background: #005a8c;
}
&[data-cat="2"]{
background: #5a8c46;
}
&[data-cat="3"]{
background: #365383;
}
&[data-cat="4"]{
background: #b09934;
}
}
& a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
}
& img{
aspect-ratio: 1;
width: ;
object-fit: cover;
border-radius: 100%;
}
@media (min-width: 576px) {
& h3+div{
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
@media (min-width: 1200px) {
& section{
&:after{
grid-column: 2;
}
& figure{
grid-row: 1 / 3;
}
}
}
}
#newsLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
#order{
position: relative;
display: grid;
grid-gap: 24px;
width: var(--wrap);
margin-inline: auto;
margin-top: clamp(40px, calc(96 / 768 * 100dvw), 96px);
padding: clamp(32px, calc(64 / 768 * 100dvw), 64px);
background: #d9eaf8 var(--pattern_01) center / 200px auto;
& h2{
color: var(--color-theme);
font-weight: 500;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
text-align: center;
white-space: nowrap;
}
& h2+div{
justify-self: center;
font-size: clamp(16px, calc(18 / 768 * 100dvw), 18px);
letter-spacing: 0.05em;
word-break: keep-all;
overflow-wrap: anywhere;
}
& figure{
display: grid;
& img{
&:nth-child(1){
justify-self: center;
aspect-ratio: 4 / 3;
object-fit: cover;
}
&[src*="orderPict_01.png"]{
aspect-ratio: 300 / 323;
object-fit: contain;
}
&[src*="orderPict_02.png"]{
justify-self: end;
aspect-ratio: 1200 / 1387;
object-fit: contain;
}
&[src*="orderPict_03.png"]{
position: absolute;
right: 0;
bottom: 0;
aspect-ratio: 200 / 147;
object-fit: contain;
transform: translate(16px, 16px);
}
}
@media (max-width: 767.98px) {
grid-template-columns: auto auto 1fr;
grid-row-gap: 16px;
padding: 16px;
& img{
&:nth-child(1){
grid-column: 1 / 4;
grid-row: 2;
width: min(100%, 720px);
}
&[src*="orderPict"]{
filter: drop-shadow(2px 2px 4px color-mix(in srgb, transparent, #939393 50%));
}
&[src*="orderPict_01.png"]{
width: clamp(104px, calc(200 / 768 * 100dvw), 200px);
transform: translate(-32px, -16px);
}
&[src*="orderPict_02.png"]{
align-self: end;
width: clamp(72px, calc(120 / 768 * 100dvw), 120px);
transform: translate(-48px, 0);
}
&[src*="orderPict_03.png"]{
width: clamp(120px, calc(200 / 768 * 100dvw), 200px);
}
}
}
@media (min-width: 768px) {
grid-template-columns: 1.5fr 1fr 4fr;
& img{
&:nth-child(1){
order: 1;
}
&[src*="orderPict_01.png"]{
align-self: center;
transform: translateY(-25%);
}
&[src*="orderPict_02.png"]{
align-self: center;
transform: translate(-24px, 25%);
}
&[src*="orderPict_03.png"]{
width: clamp(176px, calc(200 / 1366 * 100dvw), 200px);
}
}
}
@media (min-width: 1200px) {
grid-template-columns: 128px 104px 368px;
& img{
&:nth-child(1){
height: 100%;
}
}
}
}
@media (min-width: 1200px) {
grid-template-columns: 1fr auto;
justify-content: space-between;
& h2{
align-self: end;
}
& figure{
grid-column: 2;
grid-row: 1 / 4;
}
#orderLink{
align-self: start;
}
}
}
#orderLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
#instagram{
display: grid;
grid-template-columns: min(var(--wrap-fit), 890px);
justify-content: center;
margin-top: clamp(40px, calc(96 / 768 * 100dvw), 96px);
& h2{
display: grid;
justify-items: center;
text-align: center;
grid-row-gap: 0.5em;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
letter-spacing: 0.05em;
overflow: hidden;
&:before{
content: attr(data-caption);
order: -1;
color: #a1cbed;
font-weight: 400;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
white-space: nowrap;
}
&:after{
content: "";
order: -1;
aspect-ratio: 32 / 2;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
margin-top: 0.5em;
background: linear-gradient(90deg, #a1cbed 50%, currentColor 50%);
}
}
#instagramList{
margin-top: 40px;
}
#instagramLink{
margin-top: 40px;
}
}
#instagramList{
&:not(:has(div)){
display: grid;
place-content: center;
aspect-ratio: 16 / 9;
background: silver;
}
}
#instagramLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
#artisans{
position: relative;
display: grid;
margin-top: 80px;
padding: clamp(56px, calc(64 / 768 * 100dvw), 64px) 0;
background: var(--color-theme) var(--artisans_bg) center;
&:before,
&:after{
content: "";
position: absolute;
left: 50%;
width: calc(min(100%, 1366px) - 16px);
height: clamp(64px, calc(88 / 768 * 100dvw), 88px);
pointer-events: none;
}
&:before{
top: 0;
background: var(--artisans_object_01) no-repeat center right / contain;
transform: translate(-50%, -60%);
}
&:after{
bottom: 0;
background: var(--artisans_object_02) no-repeat center left / contain;
transform: translate(-50%, 40%);
}
& h2{
display: grid;
justify-items: center;
text-align: center;
grid-row-gap: 0.5em;
color: white;
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
letter-spacing: 0.05em;
overflow: hidden;
&:before{
content: attr(data-caption);
order: -1;
color: #a1cbed;
font-weight: 400;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
white-space: nowrap;
}
&:after{
content: "";
order: -1;
aspect-ratio: 32 / 2;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
background: linear-gradient(90deg, #a1cbed 50%, currentColor 50%);
}
}
& h2+div{
color: white;
font-size: clamp(16px, calc(18 / 768 * 100dvw), 18px);
letter-spacing: 0.05em;
word-break: keep-all;
overflow-wrap: anywhere;
}
& figure{
& img{
justify-self: center;
aspect-ratio: 4 / 3;
object-fit: cover;
}
}
@media (max-width: 1199.98px) {
grid-template-columns: var(--wrap-fit);
justify-content: center;
grid-row-gap: clamp(24px, calc(32 / 768 * 100dvw), 32px);
& h2+div{
justify-self: center;
}
& figure{
grid-row: 3;
margin: 0 -24px;
}
#artisansLink{
margin-top: 16px;
}
}
@media (min-width: 1200px) {
grid-template-columns: calc(min(100%, 600px) - clamp(80px, calc(96 / 1366 * 100dvw), 96px));
justify-content: end;
padding-right: calc(50% + clamp(80px, calc(96 / 1366 * 100dvw), 96px));
&:before{
transform: translate(-50%, calc(0px - 100% - 8px));
}
& h2{
justify-self: start;
justify-items: start;
text-align: left;
&:after{
margin-left: 152px;
transform: translateX(-50%);
}
}
& h2+div{
margin-top: 16px;
}
& figure{
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
& img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
#artisansLink{
justify-self: start;
min-width: 304px;
margin-top: 24px;
}
}
}
#artisansLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
#movie{
display: grid;
grid-template-columns: var(--wrap);
justify-content: center;
padding: 56px 0 clamp(48px, calc(80 / 768 * 100dvw), 80px) 0;
background: color-mix(in srgb, white, darkkhaki 5%) var(--pattern_03) center top;
& h2{
display: grid;
justify-items: center;
text-align: center;
grid-row-gap: 0.5em;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
letter-spacing: 0.05em;
overflow: hidden;
&:before{
content: attr(data-caption);
order: -1;
color: #a1cbed;
font-weight: 400;
font-size: clamp(56px, calc(80 / 768 * 100dvw), 80px);
font-family: 'Shippori Mincho', var(--font-min);
letter-spacing: 0.05em;
line-height: 1;
white-space: nowrap;
}
&:after{
content: "";
order: -1;
aspect-ratio: 32 / 2;
width: clamp(24px, calc(32 / 768 * 100dvw), 32px);
background: linear-gradient(90deg, #a1cbed 50%, currentColor 50%);
}
}
#movieList{
margin-top: 32px;
}
#movieLink{
margin-top: 40px;
}
}
#movieList{
display: grid;
grid-gap: clamp(24px, calc(32 / 768 * 100dvw), 32px) clamp(16px, calc(24 / 768 * 100dvw), 24px);
& section{
align-self: start;
display: grid;
grid-row-gap: 8px;
}
& h3{
display: none;
}
& iframe{
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
&.short{
aspect-ratio: 9 / 16;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
grid-template-columns: repeat(2, 1fr);
& section{
&:nth-child(2){
grid-column: 2;
grid-row: 1 / 3;
align-self: center;
}
}
}
@media (min-width: 992px) {
grid-template-columns: repeat(3, 1fr);
}
}
#movieLink{
display: flex;
justify-content: center;
& a{
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 8px;
min-width: min(100%, 240px);
min-height: 56px;
padding: 8px 16px 8px 24px;
background: white;
border: 1px solid currentColor;
border-radius: 28px;
color: var(--color-theme);
font-weight: 700;
font-family: 'Zen Kaku Gothic New', var(--font);
font-size: 17px;
text-align: center;
text-decoration: none;
&:after{
content: "";
aspect-ratio: 1;
justify-self: end;
width: 20px;
background: currentColor url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
border-radius: 100%;
}
}
}
:root{
--hero_bg: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAQMAAAC032DuAAAABlBMVEUAMXEAMnK53qthAAADAUlEQVQozwXBWYwLYQDA8f8335h+ZWynKkxDGDch1JmKq444EkQ8SZC0juWhoUgEIb61ze4mhDqzce1KBG+OBw8ijCNUXCseVFyzrCUhFA/q9vuxJGr1NJcU3MYqlrhOSSYaBszpycuekV3C/ciaDpw2ZX7y2HarWhLLU/1gRGvHnMksi2x++FS2nmTYbZmQE9NaO0zW8mv0Q7ZImHrFK/OZHxsCz5z03/lPy6JksX6k/vftB3ZuIJ4tmt780KfSSZLPU02XpxDJXiCZ48/VHJHKLyo5+r/xkb+3kpyNkanX4efbGPw2MBKd6Xx4DC8O1BeicbPTszk8Qc/ps7gpNGEQt/pC9au9Ot5EuwWO0MWB71jvamN5JjTTSnNuoS8DtbF9FKTfF8Ja/F41vo6ts/FqLOTdBiZOrTUfhSSzWhglNsoNUhPJQb/X4nzgG2sDqvzXofJ6n7WvCakgVJ6cS434BuF875be1UwsYgstgm73OD6bHjVtBNtLO3p5CNGcCj5fYxIgILNWiykKPNeYsR1hwWGg+ydPdAMXRY/v5+zRoHCU3NBgb5YoidM5ou2swhOorYNQVQ4FlGfN1Ybl8FAfpd9ubGsZvemqplmpREKyBFNULar54raREFfMSDO5KVkSfS7S6i/b9AocHcWXmVIIonoeO4Y+/WjFyEw/yvVwoQ2XIbXDaT3WFlg2lx4bBBHzY1/BsqBRGtNbj5gWne17MwwR9LMbcIVZ1aGworoiUMrsdQ3n3U8TwgfK7cS3PUyhFYO/on7tFgTMdrZgHnlgkaboK+pjf2eSEj42S2vL+3BFjewCB0/UkkCbntwZFzYBOREVMlpziBVko+D5xRu0kGIGMX/dBypACufmpLNUhCYR4I+7wSYgLcVquYcCOEFv5d2ZxD6daSz3q3O8lfyDhk0Zdpur+FdHqhBNuWxnSqDMfFw73Ge771rEm+P6JJvyGCLihfeP4sv8jG6ua5lmu9zY/K7UZeMCsStGefybkjE+2eFMJ34bvRJ+plEl5X9xjAEjqJP66wAAAABJRU5ErkJggg==');
--story_bg: url('data:image/png;base64,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');
--artisans_bg: url('data:image/png;base64,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');
--artisans_object_01: url('data:image/svg+xml;charset=UTF-8,');
--artisans_object_02: url('data:image/svg+xml;charset=UTF-8,');
}