@charset "UTF-8";
   a { text-decoration: none; }
a:hover { font-weight:bolder; } .header-in {
display: block !important;
text-align: left !important;
} .logo-header {
float: left;
margin-left:  50px !important;
} .navi-in {
clear: both;
} .info-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.info-table th,
.info-table td {
padding: 8px;
vertical-align: top;
border-bottom: 1px solid #ddd;
}
.info-table th {
width: 140px; background: #f7f7f7; text-align: center;
font-weight: bold;
}
.info-table td {
line-height: 1.6;
}  .photo-gallery-wrap {
max-width: 100%;
margin: 0 auto;
box-sizing: border-box;
} .photo-main-container {
margin: 0 0 15px 0;
text-align: center;
} .photo-main-container .photo {
max-width: 100%;
max-height: 680px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
} .thumb-list {
display: flex;
overflow-x: auto;
gap: 12px;
margin: 0;
padding: 5px 0 15px 0;
list-style: none; -webkit-overflow-scrolling: touch;
scrollbar-width: auto; } .thumb-item {
flex-shrink: 0;
width: 150px;
height: 200px;
text-align: center;
font-size: 12px;
color: #666;
line-height: 1.4;
} .thumb-img {
width: 150px;
height: 150px; object-fit: contain; object-position: center center; background-color: #ffffff; border-radius: 3px;
cursor: pointer;
display: block;
margin-bottom: 3px;	
}  .iframe-content {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.iframe-content iframe {
width: 100% !important;
max-width: 100% !important;
height: 540px;
display: block;
}  .my-accordion {
border: 1px solid #ccc;
border-radius: 5px;
margin: 10px 0;
}
.my-accordion-title {
background: #f5f5f5;
padding: 10px;
cursor: pointer;
font-weight: bold;
}
.my-accordion-content {
display: none;
padding: 10px;
border-top: 1px solid #ccc;
} .my-accordion-content table {
width: 100%;
table-layout: auto;
overflow-x: auto;
display: block;
}  .thumb-list .thumb-item:has(img[src=""]),
.thumb-list .thumb-item:has(img[src=" "]),
.thumb-list .thumb-item:has(img:not([src])) {
display: none !important;
}  table.box {
margin:20px auto;
width: max-content;
text-align:left;
font-size:15px
}
.box td{
padding: 3px 10px 3px 10px;
} table.waterfall-table {
text-align:center;
font-size:15px
}
.waterfall-table th
.waterfall-table td{
padding: 1px 5px 1px 5px;
} table.area {
margin:auto;
width:80%;
text-align:center;
table-layout: fixed;
font-size:medium
}
.area th
.area td{
padding: 1px 10px 1px 10px;
}
table.ranking {
margin:20px auto;
width: max-content;
text-align:center;
font-size:15px
}
.box td{
padding: 3px 10px 3px 10px;
} table.mfw {
margin:auto;
table-layout: fixed;
}
.mfw th
.mfw td table.history {
margin:auto;
table-layout: fixed;
text-align:center;
}
.history th
.history td table.area {
margin:auto;
text-align:center;
table-layout: fixed;
}
.area th
.area td table.linkmenu {
margin:auto;
table-layout: fixed;
border-collapse: separate;
border: 0px solid black;
}
.linkmenu th{
border:0px solid #000000;
background-color:transparent;
border-radius: 3px;
padding-left: 8px;
width: 240px;
text-align: center;
}
.linkmenu td{
border:0px solid #000000;
background-color:#ffffff;
border-radius: 3px;
padding-left: 8px;
width: 620px;
text-align: left;
} table.profile {
margin:auto;
border-collapse: separate;
border: 0px solid black;
}
.profile th{
border:0px;
width: 180px;
text-align:left;
}
.profile td{
border:0px;
width: 680px;
text-align:left;
} .a {	width: 160px;}
.b {	width: 140px;}
.c {	width: 210px;}
.d {	width: 70px;}
.e {	width: 80px;}
.f {	width: 200px;}
.g {	width: 50px;}
.h {	width: 240px;}
.i {	width: 110px;}
.j {	width: 110px;}
.k {	width: 150px;}
.l {	width: 420px;}
.m {	width: 180px;}
.n {	width: 50px; font-size: small;}
.o {	width: 120px;}
.p {	width: 360px;}
.q {	width: 80px;}
.r {	width: 60px; font-size: small;}
.s {	width: 120px;}
.t {	width: 80px;}
.u {	width: 140px;}
.v {	width: 160px;}
.w {	width: 260px;}
.x {	width: 110px;}
.y {	width: 70px;}  .wpp-list2 {
margin: 20px 0 !important;
padding-left: 0 !important;
list-style: none;
counter-reset: no;
display: flex;
flex-wrap: wrap;
gap: 16px; } .wpp-list2 li {
position: relative;
width: calc(50% - 8px); box-sizing: border-box;
}
@media (max-width: 600px) {
.wpp-list2 li {
width: 100%; }
} .ranking-card {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 12px 12px 12px 45px; height: 100%;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
} .wpp-list2 li:before {
content: counter(no);
counter-increment: no;
position: absolute;
left: 8px; top: 12px;
z-index: 2;
color: white;
background-color: #303436;
text-align: center;
font-size: 11px; font-weight: bold;
line-height: 28px; width: 32px; height: 28px; border-radius: 4px;
box-sizing: border-box; } .ranking-card {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 12px 12px 12px 48px; height: 100%;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
} .bg{
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 10px;
margin-bottom: 10px;
}  .navi-in a {
font-size: 16px !important; padding: 10px 15px !important; } .navi-in ul li li {
height: auto !important;
line-height: 1.2 !important;
position: relative !important; }
.navi-in ul li li a {
font-size: 16px !important;
padding: 8px 12px !important; line-height: 1.2 !important;
min-height: auto !important;
} .navi-in ul li li ul {
position: absolute !important;
top: 0 !important;
bottom: auto !important; left: 98% !important; 
margin: 0 !important;
padding: 0 !important;
} .navi-in ul li li:nth-last-child(-n+3) ul {
top: auto !important;
bottom: 0 !important;
} .navi-in ul li li a:hover {
line-height: 1.2 !important;
} .navi-in ul li li a {
white-space: nowrap !important; }
.navi-in ul li ul {
width: auto !important; min-width: 180px !important; } .map-card {	display:none;}   @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px) { .info-table {
display: block !important;
width: 100% !important;
margin-bottom: 15px;
}
.info-table tbody,
.info-table tr,
.info-table th,
.info-table td {
display: block !important; width: 100% !important; box-sizing: border-box;
}
.info-table tr {
border-bottom: 1px solid #ddd !important;
padding: 8px 0;
}
.info-table th {
background: #f7f7f7; text-align: left; font-weight: bold;
padding: 6px 8px !important;
border-bottom: none !important;
}
.info-table td {
padding: 8px 8px 12px 8px !important; border-bottom: none !important;
border-right: none !important;
white-space: normal !important; font-size: 15px !important; line-height: 1.7 !important; color: #333333 !important; }  .photo-main-container {
margin: 0 0 10px 0;
} .photo-main-container .photo {
max-height: 380px;
} table.waterfall-table {
display: block !important;
width: 100% !important;
padding-top: 15px;
text-align:center;
table-layout: fixed;
font-size:15px
}
.waterfall-table th{
text-align:center;
border-radius: 3px;
}
.waterfall-table td{
text-align:center;
border-radius: 3px;
padding: 1px 10px 1px 10px;
} table.area {
margin:auto;
display: block !important;
width: 100% !important;
text-align:center;
table-layout: fixed;
}
.area th{
}
.area td{
padding: 1px 10px 1px 10px;
}	
table.ranking {
width: max-content;
text-align:center;
font-size:15px
}
.box td{
padding: 3px 10px 3px 10px;
} table.mfw {
display: block !important; width: 100% !important; }
.mfw th{
border-radius: 3px;
padding-left: 8px;
text-align: left;
}
.mfw td{
border-radius: 3px;
padding-left: 8px;
text-align: left;
} .a {	width: 120px;}
.b {	width: 100px;}
.c {	display:none;}
.d {	width: 70px;}
.e {	width: 60px;}
.f {	display:none;}
.g {	width: 45px; font-size: small;}
.h {	display:none;}
.i {	display:none;}
.j {	width:100px;}
.k {	display:none;}
.n {	display:none;}
.o {	display:none;}
.p {	width: 140px;}
.q {	display:none;}
.r {	width: 45px;}
.s {	width: 100px;}
.t {	width: 80px;}
.u {	width: 120px;}
.v {	display:none;}
.w {	display:none;}
.x {	width: 80px;}
.y {	width: 45px; font-size: small;}
.none {	display:none;} .iframe-content {
position: relative;
width: 100%;
padding: 70% 0 0 0;
}
.iframe-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .map-card {
background: #ffffff;
border: 2px solid #2b7cff;
border-radius: 10px;
padding: 10px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
width: 75%;
max-width: 300px;
margin: 10px auto;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
transition: 0.2s;
}
.map-card:hover {
background: #f0f6ff;
transform: translateY(-2px);
}
.map-icon {
font-size: 20px;
}
.map-text {
font-size: 15px;
font-weight: bold;
color: #2b7cff;
}
}