@charset "UTF-8";
 .slick-slide {
margin: 0 5px;
}
.slick-list {
overflow: visible;
} section {
padding: 80px 0;
}
@media only screen and (max-width: 768px) {
section {
padding: 50px 0;
}
}
@media only screen and (max-width: 460px) {
section {
padding: 30px 0;
}
}
.jp-title {
font-family: "Shippori Mincho", serif;
}
.jp-title.Gothic {
font-family: "Noto Sans JP", sans-serif;
}
.en-title {
font-family: "Titillium Web", sans-serif;
}
p.section-title span.jp-title {
font-size: clamp(1.125rem, 0.979rem + 0.56vw, 1.313rem);
margin-right: 15px;
}
p.section-title span.en-title {
font-size: clamp(0.75rem, 0.653rem + 0.37vw, 0.875rem);
}
.heading-title {
text-align: center;
width: -moz-fit-content;
width: fit-content;
margin: 0px auto 50px;
text-align: center;
}
.heading-title .jp-title {
font-size: clamp(2rem, 1.708rem + 1.11vw, 2.375rem);
font-weight: 500;
width: -moz-fit-content;
width: fit-content;
}
.heading-title span.en-title {
font-size: clamp(1rem, 0.903rem + 0.37vw, 1.125rem);
display: block;
} section.hero {
padding: 30px 0;
background: #fff;
}
section.top-news {
background: #efebea;
}
section.top-news .title-btn {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px 15px;
margin-bottom: 15px;
}
@media only screen and (max-width: 340px) {
section.top-news .title-btn {
justify-content: center;
}
}
section.top-news ul.news-list {
list-style-type: none;
background: #fff;
padding: 5px 15px;
}
section.top-news ul.news-list li {
border-bottom: 1px dashed;
padding: 10px 0;
}
section.top-news ul.news-list li a {
display: flex;
gap: 10px 50px;
}
@media only screen and (max-width: 500px) {
section.top-news ul.news-list li a {
gap: 10px 30px;
}
}
@media only screen and (max-width: 460px) {
section.top-news ul.news-list li a {
flex-wrap: wrap;
gap: 5px 30px;
}
}
section.top-news ul.news-list li:last-child {
border-bottom: none;
}
.product-hiyori-yocha {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 30px;
}
.product-hiyori-yocha .product-item-image {
grid-row: span 2;
grid-column: 1;
}
.product-hiyori-yocha h3.product-item-title {
font-family: "Shippori Mincho", serif;
font-weight: 500;
font-size: clamp(2.125rem, 1.833rem + 1.11vw, 2.5rem);
grid-row: 1;
grid-column: 2;
}
.product-hiyori-yocha .product-item-meta {
grid-row: 2;
grid-column: 2;
}
.product-hiyori-yocha .product-item-meta p {
margin-bottom: 30px;
}
@media only screen and (max-width: 1087px) {
.product-hiyori-yocha .product-item-image {
grid-row: 2;
}
.product-hiyori-yocha h3.product-item-title {
grid-row: 1;
grid-column: span 2;
text-align: center;
}
.product-hiyori-yocha h3.product-item-title br {
display: none;
}
.product-hiyori-yocha .product-item-meta {
grid-row: 2;
}
}
@media only screen and (max-width: 768px) {
.product-hiyori-yocha {
grid-template-columns: 1fr;
}
.product-hiyori-yocha .product-item-image {
grid-row: 2;
grid-column: 1;
}
.product-hiyori-yocha h3.product-item-title {
grid-row: 1;
grid-column: 1;
font-size: clamp(1.875rem, 1.583rem + 1.11vw, 2.25rem);
text-align: center;
}
.product-hiyori-yocha .product-item-meta {
grid-row: 3;
grid-column: 1;
}
.product-hiyori-yocha .product-item-meta a.detail-btn {
margin-right: auto;
}
}
@media only screen and (max-width: 550px) {
.product-hiyori-yocha h3.product-item-title br {
display: block;
}
}
section.hiyori-tsushin {
background: #fff;
}
section.hiyori-tsushin .tsushin-block {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 15px;
}
section.hiyori-tsushin .tsushin-block .tsushin-title {
font-size: clamp(0.875rem, 0.778rem + 0.37vw, 1rem);
border-bottom: 1px dashed;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 5px;
}
section.hiyori-tsushin .tsushin-block .tsushin-meta {
font-size: clamp(0.75rem, 0.653rem + 0.37vw, 0.875rem);
}
@media only screen and (max-width: 800px) {
section.hiyori-tsushin .tsushin-block {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 600px) {
section.hiyori-tsushin .tsushin-block {
gap: 15px;
}
section.hiyori-tsushin .tsushin-block .tsushin-title {
border-bottom: none;
}
section.hiyori-tsushin .tsushin-block .tsushin-meta {
display: none;
}
}
@media only screen and (max-width: 420px) {
section.hiyori-tsushin .tsushin-block {
grid-template-columns: 1fr;
}
section.hiyori-tsushin .tsushin-block .tsushin-item {
display: grid;
gap: 10px;
grid-template-columns: 1fr 2fr;
}
section.hiyori-tsushin .tsushin-block .tsushin-item .tsushin-thumb {
grid-column: 1;
}
section.hiyori-tsushin .tsushin-block .tsushin-item .tsushin-thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
section.hiyori-tsushin .tsushin-block .tsushin-item .tsushin-title {
grid-column: 2;
margin-top: 0;
margin-bottom: 0;
}
}
span.tsushin-cat {
display: block;
width: -moz-fit-content;
width: fit-content;
font-size: clamp(0.75rem, 0.653rem + 0.37vw, 0.875rem);
padding: 2px 15px;
background: #eee;
}