/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2026 | 00:35:37 */
html, body {
    margin:0;
    padding:0;
    min-height:100dvh;
}
.ssd-inner img {
    user-select: none;
    -webkit-user-drag: none;
}

/* ===== Hero Section ===== */

.theme-normal .hero {
/*     background: linear-gradient(90deg, rgba(22, 186, 115, 1) 0%, rgba(87, 199, 133, 1) 11%, rgba(237, 221, 83, 1) 100%); */
	background-color:#000;
}

.theme-blue .hero {
    background: var(--theme-blue-mark);
}

.theme-dark .hero {
    background: var(--theme-dark-mark);
}

.hero {
    position: relative;
    width: 100%;
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
/*     margin-top: 2.7rem; */
}

.hero h1,
.hero h1 span{
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 0.5rem;
}

.theme-normal .hero .hero-title-green{
	color:#7ED957;
} 
.theme-normal .hero .hero-title-pink{
	color:#FFB6D9;
} 

.hero p {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 2rem;
}

.hero .hero-middle-contents{
	align-content: center;
	text-align:center;
}




#about .section-title{
	line-height:2.5rem;
}

/* Quick Links Banner */

.theme-normal .quick-links-banner{
	background: white;
}
.theme-blue .quick-links-banner{
	background: var(--theme-blue-mark);
}
.theme-dark .quick-links-banner{
	background: var(--theme-dark-mark);
}

.quick-links-banner {
    
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    position: relative;
    z-index: 30;
    border-radius: 15px;
/*     margin-top: -50px; */
}

@media (min-width: 768px) {
    .quick-links-banner
	{
        padding: 20px 0;
    }
}

.theme-normal .quick-link-item{
	color: var(--text-dark);
}
.quick-link-item {
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    border-radius: 12px;
    transition: all 0.3s ease;
}
.theme-normal .quick-link-item:hover{
	background-color: #f8f9fa;
  color: var(--nature-green);
}

.theme-blue .quick-link-item:hover{
	background-color: var(--theme-blue);
}

.theme-darkquick-link-item:hover{
	background-color: var(--theme-dark);
}

.quick-link-item:hover {
    transform: translateY(-5px);
}

.theme-normal .quick-link-icon{
	color: var(--nature-green);
}

.quick-link-icon {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.quick-link-text {
    font-weight: 700;
    font-size: 0.9rem;
	white-space:nowrap;
}
.theme-normal .emergency-area{
	background-color: #FFF3F3;
	border-left: 5px solid #FF5252;
}
.theme-blue .emergency-area{
	background-color: var(--theme-blue-mark);
}
.theme-blue .emergency-area .text-danger{
	color: var(--text-yellow) !important;
}
.theme-dark .emergency-area{
	background-color: var(--theme-dark-mark);
}
.theme-dark .emergency-area .text-danger{
	color: var(--text-white) !important;
}
.emergency-area {
    padding: 15px;
    margin-top: 0px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.theme-normal .business_announcements{
	background-color:#a9eaff;
/*     background-color:#e6f8ff; */
}
.theme-normal .business_announcements .news-list{
	background-color:rgb(255,255,255,0.9);
	border-radius:30px;
	padding-block:3rem;
	padding-inline:2rem;
	border: 2px dashed gray;
	margin-top:2rem;
}

.theme-normal .village-news{
	background-color:#e0f5e9;
}
.theme-normal .village-news .news-list{
	background-color:rgb(255,255,255,0.9);
	border-radius:30px;
	padding-block:3rem;
	padding-inline:2rem;
	border: 2px dashed gray;
	margin-top:2rem;
}

@media (min-width: 768px) {
    .theme-normal .business_announcements .news-list,
	.theme-normal .village-news .news-list
	{
        padding-inline:5rem !important;
    }
}

.theme-normal .village-info{
/* 	background-color:#fff3e8; */
/* 	#d9d9d9 */
	background:
        radial-gradient(circle at top left,
            #e0d1ff 0,
            #e0d1ff 500px,
            #fff3e8 501px
        );
}

.village-info .container{
	max-width:1600px;
}
.theme-normal .zinkou-label-text{
	color:gray;
}
.zinkou-label-text{
	font-size:1.5rem;
}
.theme-normal .zinkou-value-text{
	color:#1e90ff;
}
.zinkou-value-text{	
	font-size:2.2rem;
	font-weight:700;
}
.theme-normal .zinkou-diff-text{
	color:#ff4d6c;
}
.zinkou-diff-text{
	
	font-size:1.8rem;
	font-weight:700;
}
.zinkou-footer{
	margin-top:1rem;
	text-align:end;
}

.zinkou-dataset{
	white-space: nowrap;
	margin-bottom: 0.5rem;
}

.zinkou-table-container{
	margin-top:2rem;
}
.menseki {
	font-size:2rem;
}
.menseki span{
	font-size:3rem;
	font-weight:700;
}
.theme-normal .menseki{
	color:gray;
}
.theme-normal .menseki span{
	color:#1e90ff;
}

.village-info-dataset{
	padding-block:3rem;
}

.village-info-carousel{
	border-radius: 30px;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .village-info-carousel
	{
      min-height: 300px;
    }
}

.village-info .carousel-control-prev,
.village-info .carousel-control-next{
	border:none;
}


/* ========================================================================== */
/* 日吉津村トップページ用CSS                                                  */
/* ========================================================================== */



/* Features Section */
.section-padding {
    padding: 80px 0;
}

.section-tag {
    color: var(--tulip-pink);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 10px;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 50px;
    position: relative;
}

.theme-normal .section-title::after {
	background-color: var(--tulip-yellow);
}
.theme-dark .section-title::after {
	background-color: var(--text-white);
}

.section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 60px;
    height: 4px;
    
}

.theme-normal .feature-card{
	background: white;
}
.theme-blue .feature-card{
	background: var(--theme-blue-mark);
}
.theme-dark .feature-card{
	background: var(--theme-dark-mark);
}

.feature-card {
    
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    height: 100%;
    border: none;
}

.feature-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.feature-img {
    height: 250px;
    object-fit: cover;
    width: 100%;
}

.feature-body {
    padding: 30px;
}

.feature-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--hinoki-brown);
}

/* Resident Services */

.theme-normal .service-icon-box{
	background-color: white;
}
.theme-blue .service-icon-box{
	background-color: var(--theme-blue);
}
.theme-dark .service-icon-box{
	background-color: var(--theme-dark);
}

.service-icon-box {
    width: 80px;
    height: 80px;
    
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--nature-green);
    margin: 0 auto 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.theme-normal .service-item:hover .service-icon-box {
	background-color: var(--nature-green);
  color: white;
}

.service-item:hover .service-icon-box {
    transform: rotateY(360deg);
}

.theme-normal .service-link{
	color: var(--text-dark);
}

.service-link {
    text-decoration: none !important;
    font-weight: 500;
}

/* News Section */
.news-item {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    align-items: center;
}

.news-date {
    min-width: 120px;
    color: #999;
    font-size: 0.9rem;
}

.news-tag {
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 0.75rem;
    margin-right: 15px;
    color: white;
}

.tag-info {
    background-color: var(--sea-blue);
}

.theme-normal .tag-event {
    background-color: var(--tulip-pink);
}
.theme-blue .tag-event {
    background-color: var(--theme-blue-mark);
}
.theme-dark .tag-event {
    background-color: var(--theme-dark-mark);
}

.tag-gov {
    background-color: var(--hinoki-brown);
}

.social-icons a {
    color: white;
    font-size: 1.5rem;
    margin-right: 20px;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.social-icons a:hover {
    opacity: 1;
}




.residents-logo{
	top:-15px;
	left:-10px;
}

.news-title-logo{
	top:10px;
	left:-70px;
}
.zinkou-diff-cell span,
.zinkou-th-data,
.zinkou-th-diff,
.zinkou-value
{
	font-weight:700 !important;
}

.pr-cover-col{
	text-align:center
}
.pr-cover-col img{
	display:inline;
}


/* Small Town Badge */
.town-badge {
    background-color: var(--tulip-yellow);
    color: var(--text-dark);
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.8rem;
    display: inline-block;
    margin-bottom: 20px;
}
.theme-normal .section-sns{
	background-color: var(--soft-bg);
	padding-top:5rem;
	padding-bottom:5rem;
}


.theme-blue .pr-section{
	background-color:var(--theme-blue-mark);
	background-image:unset;
}
.theme-blue .pr-card{
	background-color:var(--theme-blue);
}
.theme-blue .pr-badge{
	background-color:var(--theme-blue-mark);
}
.theme-dark .pr-section{
	background-color:var(--theme-dark-mark);
	background-image:unset;
}
.theme-dark .pr-card{
	background-color:var(--theme-dark);
}
.theme-dark .pr-badge{
	background-color:var(--theme-dark-mark);
}


.site-info{
	padding: 60px 0 40px;
}
@media (min-width: 768px) {
	.site-info{
	 padding: 80px 0 40px !important;
    }
}

.theme-normal .site-info{
  color:var(--text-white);
}


.theme-normal footer{
	color: #ffffe6 !important;
}
.theme-normal footer a{
	color: var(--text-white) !important;
}

footer .site-info .container{
	max-width: 1320px;
}
.footer-head-image img{
	user-select:none !important;
}
.theme-blue .footer-head-image,
.theme-dark .footer-head-image
{
	display:none;
}


.footer-logo {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
	letter-spacing: 0.3rem;
}
.textsize-normal .village-news .news-list a{
	font-size:1.3rem;
}
.textsize-normal .news-list .wps-post-title{
	font-size:1.3rem;
}

.news_switch_btn{
/* 	border-bottom:1px solid gray; */
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	cursor:pointer;
}

.theme-dark .news_switch_btn.active{
	    background-color: var(--theme-dark-mark);
}
.theme-blue .news_switch_btn.active{
	    background-color: var(--theme-blue-mark);
}
.theme-blue section.village-news{
	 background-color: var(--theme-blue-mark);
}
.theme-dark section.village-news{
	 background-color: var(--theme-dark-mark);
}
.theme-blue section.business_announcements{
	 background-color: var(--theme-blue-mark);
}
.theme-dark section.business_announcements{
	 background-color: var(--theme-dark-mark);
}

.textsize-normal .active .section-title{
	font-size: 2rem;
    font-weight: bold;
}

.news_switch_btn .section-title{
	font-size: 1.5rem;
    font-weight: 500;
}
.news_switch_btn .section-tag{
	font-size: 0.6rem;
}

.news_switch_btn.active .section-title{
	font-size: 2rem;
    font-weight: 700 !important;
}
.news_switch_btn.active .section-tag{
	font-size: 1rem;
}

.theme-normal .news-btn-all{
	padding-block:0.5rem;
	padding-inline:1.5rem;
	background-color:#fff;
	border-radius:30px;
	border: 2px solid green;
}
.under-border-radius-30{
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}