@charset "utf-8";
/* ------ Settings ------ */
:root {
--base-color: 45 93% 52%; /* 紺桔梗 */
--base-pale-color: 45 93% 52%;
--base-light-color: 45 93% 42%;
--base-dark-color: 45 93% 32%;
--seigaiha: url(/img/seigaiha-eat.webp); /* eat */
}
/* -------------------- ★ Group Tabs ★ -------------------- */
.group-tabs a:first-of-type:hover, .group-tabs a:first-of-type.active{
color: #00a5bf; /* 浅葱 */
font-weight: 700;
border-color: #00a5bf; /* 浅葱 */
}
.group-tabs a:nth-of-type(2):hover, .group-tabs a:nth-of-type(2).active{
color: #ea930a; /* 琥珀 */
font-weight: 700;
border-color: #ea930a; /* 琥珀 */
}
.group-tabs a:last-of-type:hover, .group-tabs a:last-of-type.active{
color: #3eb370; /* 青/緑 */
font-weight: 700;
border-color: #3eb370; /* 青/緑 */
}
/* -------------------- ★ gourmet-menu ★ -------------------- */
.gourmet-menu a{
background-image: url(/img/washi-eat.webp);
}
.gourmet-menu h3{
margin: 15px 0 10px 0;
font-size: 21px;
text-shadow: 1px 1px #000, 2px 2px #888;
}
.gourmet-menu h3 span{
margin-left: 5px;
font-size: 14px;
}
.gourmet-menu p{
font-size: 12.5px;
color: #fff; /* 白 */
line-height: 1.1em;
}
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
@media (min-width: 1024px) {
/* -------------------- ★ gourmet-menu ★ -------------------- */
.gourmet-menu h3{
font-size: clamp(19px, calc(1.25vw + 6.2px), 22px);
}
}
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */