@charset "UTF-8";
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
address, em, strong, th {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr, legend {
display: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
img, fieldset {
border: 0;
}
li {
list-style-type: none;
} .float_l {
float: left;
}
.float_r {
float: right;
}
.clear {
clear: both;
} #wpadminbar {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=20);
opacity: 0.2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#wpadminbar:hover {
-ms-filter: "alpha( opacity=$number*100 )";
filter: alpha(opacity=100);
opacity: 1;
} .blog-area h1 {
font-size: 1.5rem;
background-color: #f0f0f0;
margin-bottom: 1rem;
padding: 1rem;
}
.blog-area p.date-cate {
margin-bottom:1rem;
}
.blog-area img {
margin-top:1rem;
margin-bottom:1rem;
}
.blog-area .nav-below {
text-align:center;
padding:1rem;
border-top:solid 1px#ccc;
margin-top:4rem;
}
.blog-area .nav-below span{
margin:0 3rem;
} .add-h1 {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
margin-bottom: 20px;
color: #222;
}
.lead {
font-size: 1.15rem;
line-height: 1.8;
letter-spacing: 0.03em;
text-align: center;
max-width: 820px;
margin: 0 auto 24px;
color: #333;
}
.cta-msg {
font-size: 1.05rem;
text-align: center;
margin-top: 20px;
font-weight: 600;
color: #b22222; } .text-shadow {
text-shadow: 0px 0px 12px rgba(0,0,0,0.4);
} @media (max-width: 768px) {
.lineup-menu-wrap {
margin: 10px 0 20px;
}
.lineup-menu,
.lineup-submenu {
display: flex;
overflow-x: auto;
gap: 10px;
padding: 8px 0;
margin: 0;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.lineup-menu li,
.lineup-submenu li {
list-style: none;
display: inline-block;
}
.lineup-menu a,
.lineup-submenu a {
display: inline-block;
padding: 6px 14px;
border: 1px solid #ccc;
border-radius: 20px; background: #fff;
font-size: 14px;
color: #333;
} .lineup-menu li.current a,
.lineup-submenu li.current a {
background: #333;
color: #fff;
border-color: #333;
} .lineup-menu::-webkit-scrollbar,
.lineup-submenu::-webkit-scrollbar {
display: none;
}
}
.news-cat-menu {
margin: 20px 0 30px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.news-cat-menu li a {
display: inline-block;
padding: 8px 16px;
border-radius: 20px;
border: 1px solid #ccc;
background: #fff;
color: #444;
text-decoration: none;
font-size: 14px;
}
.news-cat-menu li.current a,
.news-cat-menu li a:hover {
background: #444;
color: #fff;
border-color: #444;
}
.post-cat {
display: inline-block;
background: #f5f5f5;
padding: 4px 10px;
margin-right: 6px;
border-radius: 15px;
font-size: 13px;
color: #333;
text-decoration: none;
}
.post-cat:hover {
background: #ddd;
}
nav.breadcrumb {
margin: 10px 0 20px;
font-size: 14px;
color: #666;
}
nav.breadcrumb ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 6px;
}
nav.breadcrumb ul li::after {
content: "›";
margin-left: 6px;
color: #aaa;
}
nav.breadcrumb ul li:last-child::after {
content: "";
}
nav.breadcrumb a {
color: #666;
text-decoration: none;
}
nav.breadcrumb a:hover {
text-decoration: underline;
} .innerlink-top {
max-width: 1100px;
margin: 20px auto 40px;
padding: 0 20px;
font-size: 14px;
line-height: 1.9;
color: #444;
}
.innerlink-top p {
margin: 0;
} .innerlink-top a {
color: #0066cc;               
font-weight: normal; text-decoration: none; }
.innerlink-top a:hover {
text-decoration: underline; } .blog-area p,
.wp-post p,
.single-post p {
line-height: 1.9;
margin-bottom: 1.3em;
} .blog-area li,
.wp-post li,
.single-post li {
line-height: 1.8;
margin-bottom: 0.8em;
} .blog-area h2,
.wp-post h2,
.single-post h2 {
margin-top: 2em;
margin-bottom: 1em;
}
.blog-area h3,
.wp-post h3,
.single-post h3 {
margin-top: 1.6em;
margin-bottom: 0.8em;
}
.lineup-description {
background: #fafafa;
padding: 25px;
margin-bottom: 40px;
border-radius: 6px;
}
.lineup-description h3 {
margin-top: 25px;
font-size: 20px;
font-weight: bold;
}
.lineup-description h4 {
margin-top: 15px;
font-size: 17px;
font-weight: bold;
}
..btn-reserve {
background: #fff;
border: 1px solid #ddd;
color: #333;
}
} .links ul{
display: flex;
gap: 20px;
padding: 0;
margin: 0;
}
.links li{
list-style: none;
flex: 1;
} .links li a{
position: relative;
display: block;
overflow: hidden;
text-decoration: none;
border-radius: 6px;
background: #000; } .links .img{
aspect-ratio: 260 / 180; overflow: hidden;
}
.links .img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .links li a::before{
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
to top,
rgba(0,0,0,0.70) 0%,
rgba(0,0,0,0.40) 45%,
rgba(0,0,0,0.00) 100%
);
transition: opacity .2s ease;
} .links li a:hover::before{
opacity: 0.85;
} .links .text{
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 700;
letter-spacing: .08em;
white-space: nowrap;
text-shadow:
0 2px 6px rgba(0,0,0,0.80),
0 0 14px rgba(0,0,0,0.50);
} @media (max-width: 768px){
.links ul{
flex-wrap: wrap;
gap: 8px;
}
.links li{
flex: 0 0 calc(50% - 4px);
} .links .img{
aspect-ratio: auto;
}
.links .img img{
height: 90px;
} .links li a::before{
background: linear-gradient(
to top,
rgba(0,0,0,0.82) 0%,
rgba(0,0,0,0.55) 40%,
rgba(0,0,0,0.15) 65%,
rgba(0,0,0,0.00) 100%
);
} .links .text{
inset: auto 0 0 0;
height: auto;
align-items: flex-end;
justify-content: center;
padding: 0 8px 10px;
font-size: 13px;
letter-spacing: .06em;
}