@charset "utf-8";
/* ------ Settings ------ */
:root {
--base-color: 193 100% 33%; /* 縹 */
--base-pale-color: 193 100% 38%;
--base-light-color: 193 100% 28%;
--base-dark-color: 193 100% 18%;
--seigaiha: url(/img/seigaiha-sightseeing.webp); /* sightseeing */
}
/* -------------------- ★ Group Tabs ★ -------------------- */
.group-tabs a:first-of-type:hover, .group-tabs a:first-of-type.active{
color: #7065a3; /* 菫 */
font-weight: 700;
border-color: #7065a3; /* 菫 */
}
.group-tabs a:nth-of-type(2):hover, .group-tabs a:nth-of-type(2).active{
color: #3eb370; /* 青/緑 */
font-weight: 700;
border-color: #3eb370; /* 青/緑 */
}
.group-tabs a:nth-of-type(3):hover, .group-tabs a:nth-of-type(3).active{
color: #318baf; /* 千草 */
font-weight: 700;
border-color: #318baf; /* 千草 */
}
.group-tabs a:last-of-type:hover, .group-tabs a:last-of-type.active{
color: #f69096; /* 紅梅 */
font-weight: 700;
border-color: #f69096; /* 紅梅 */
}
/* -------------------- ★ Main ★ -------------------- */
/*
.panel h2 img{
margin-bottom: 20px;
width: 100%;
height:auto;
aspect-ratio: 960 / 150;
border-radius: 8px;
}
*/
/* -------------------- ★ tourism-menu ★ -------------------- */
.tourism-menu a{
background-image: url(/img/washi-sightseeing.webp);
}
/* -------------------- ★★★★★ 768 ★★★★★ -------------------- */
/* -------------------- ★★★★★ 1024 ★★★★★ -------------------- */
@media (min-width: 1024px) {
/* -------------------- ★ tourism-menu ★ -------------------- */
.tourism-menu h3{
font-size: clamp(22.5px, calc(22.5px + (3.5 * (100vw - 1024px) / 176)), 26px);
}
.tourism-menu p{
font-size: clamp(11px, calc(11px + (2 * (100vw - 1024px) / 176)), 13px);
}
}
/* -------------------- ★★★★★ 1200 ★★★★★ -------------------- */