/*--------------------------------------------------------
2008蟷ｴ2譛郁ｿｽ蜉? CSS 譁ｰ繝医ャ繝励?壹?ｼ繧ｸ繝ｻ繧ｫ繝?繧ｴ繝ｪ繝ｼ繝医ャ繝嶺ｻ?
--------------------------------------------------------*/

/*--------------------------------------------------------
笆?繝医?ｼ繧ｿ繝ｫ繝?繧ｶ繧､繝ｳ險ｭ螳?
--------------------------------------------------------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	color: #666666;
}
td {
	font-size: small;
	line-height: 130%;
	text-decoration: none;
}

/*--------------------------------------------------------
笆?繝ｪ繝ｳ繧ｯ菫ｮ鬟ｾ險ｭ螳?
--------------------------------------------------------*/

a.topics:link,a.topics:visited {
	text-decoration: none;
	color: #65ADAB;
	font-size: medium;
	font-weight: bold;
}
a.nodeco:link {
	text-decoration: none;
		color: #4376B4;

}
a.nodeco:visited {
	text-decoration: none;

}
a.head01:link {
	text-decoration: none;
		color: #fff;
		font-size:12px;

}
a.head01:visited {
	text-decoration: none;
		color: #fff;
		font-size:12px;
}

a:link {
	color: #4376B4;
	font-weight: normal;
	text-decoration: none;
}

/*--------------------------------------------------------
笆?譁?蟄嶺ｿｮ鬟ｾ險ｭ螳?
--------------------------------------------------------*/
.kuro-huto {
	color: #000000;
	font-weight: bold;
}
.siro {color: #FFFFFF}
.siro_mame {color: #FFFFFF;
font-size:12px;}
.mame {
	font-size:12px;
	text-align:left;
}
.siro-huto14 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.huto16 {
	font-size: 16px;
	font-weight: bold;
}
.ao-huto {
	color: #5A8A8C;
	font-weight: bold;
}

td {
	text-align: center;
}
u {
	text-align: left;
	font-size: 16px;
	color: #000;
	font-family: "?ｼｭ?ｼｳ 繧ｴ繧ｷ繝?繧ｯ", "MS Gothic", "Osaka?ｼ咲ｭ牙ｹ?", Osaka-mono, monospace;
}
td {
	text-align: left;
}
td {
	text-align: center;
}
table {
	text-align: left;
}
td {

}
table {
	text-align: center;
}
td {
	text-align: left;
}
.hontxt {
	text-align: left;
}
td {
	text-align: center;
}
td {
	text-align: center;
}
table {
	text-align: left;
}
table {
	text-align: left;
}
body table tr td table {
	text-align: center;
	font-size: 14px;
}
p {
	text-align: left;
}
p {
	text-align: left;
}
tr {
	text-align: center;
}
td {

}
p {
	text-align: left;
}
p {
	text-align: left;
}
p {
	text-align: left;

}
td {
	text-align: left;
}
.nyusatu_list{
	text-align: center;
	color: #ff0000;
	size: 100px;
}
.fureai{
	background-image: url(../img/banner_under/banner_R6hyougobosyu.jpg);
	width: 170px;
	height: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px;
	filter: drop-shadow(1px 1px 10px rgba(0,0,0));
}
.fureai_t{
	font-size: 10px; 
	margin: auto; 
	padding: 10px; 
	text-shadow: rgb(0, 0, 0) 1px 1px 2px;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; 
	font-weight: 600;	
}
.fureai_t2{
	color: chartreuse;
	text-decoration: none;
}

.btn-bn a {
	display: flex;
	width: 220px;
	height: 40px;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	color: #f5f5f5;
	font-size: 15px;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
	border:solid 1px #000000;
	margin: 0px;
	background: linear-gradient(#00ebb8,#006964);
	box-shadow: #9e9e9e 2px 2px 10px;
	text-shadow: #666666 3px 3px;
}

.btn-bn a:hover {
	color: #ff0000;
	background: linear-gradient(#01f3bf,#00a199);
	text-shadow: none;

}
.mame style{
	font-size: 20px;

}
.covid-19_coution {
	text-align: left;
	color: #000;
	font-weight: bold;
	}
.covid-19_coution font a strong {
	color: #06F;
	}
    .rd {
	color: #F00;
	}

.slider{
	width:100%;
    margin:0 auto;
    }
.slider img{
    width:500px;
	transform: scale(.8);
	transition: transform .3s;
    }
.slick-center img {
	transform: scale(1);
}
.slider .slick-slide{
    height:auto!important;
    }
.slider .slick-arrow{
    z-index:2!important;
    }
.slider .slick-next{
    right:0!important;
    }
.slider .slick-prev{
    left:0!important;
    }
.slick-slide{
        margin-right:1vw!important;
        margin-left:1vw!important;
    }
.slick-dots li button:before{
		font-size:10px!important;
	}
.nago_gyoko div{
	text-align: left;
}
.nago_gyoko_h3{
	background: linear-gradient(to bottom, #dfdfdf, #ffffff);
	font-size: 20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #4d4d4d;
	text-align: left;
	border: solid 1px;
	padding: 5px;
}
.nago_gyoko_h4{
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" ;
	color: #4d4d4d;
	text-align: left;
	border: solid 1px;
	padding: 1px;
}
.nago_gyoko p{
	margin-left: 20px;
	margin-right: 20px;
	text-indent: 1rem;
	font-size: 15px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" ;
	color: rgb(114, 114, 114);
}


.n_menu{
	font-size: 15px;
	width: 800px;
	height: 30px;
	padding: 1px;
	margin: 0;
	list-style: none;
	background: #0e9e97;
}
.n_menu li{
	width: 20%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	
}
.n_menu li a{

	width: auto;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	display: block;
}
.n_menu li a:hover{
	background: #006964;
	padding-top: 3px;
	padding-bottom: 3%;
	transition: all 0.3s;
	}

.excl-comp-top{
	margin-top: 10px;
	margin-bottom: 10px;
	
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	width: 700px;
	padding: 20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	border: solid 1px;
	background-color: #cefffd;
}

.excl-comp-main{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	width: 700px;
	padding: 20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	border: solid 1px;
}
.excl-comp-main p{
	font-size: small;
}
.saigai-top{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px;
	color: #ffffff;
	background-color: red;	
}
.saigai_unl-top{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px;
	color: #000000;
	background-color: rgb(0, 255, 98);	
	border-radius: 5px;
}
.saigai-top a{
	color: #ffffff;
}
.disas{
	color: rgb(255, 255, 255);
	margin: 10px;
	padding: 10px;
	background-color: #ff0000;

}
.disas-box{
	margin: 10px;
	border: solid 1px #000;
	width: 80%;

	
}
.disas-date{
	text-align: left;
	color: #000;
}
.disas-title{
	text-align: center;
	font-size: large;
	font-weight: bold;
	color: #06F;

}
.disas-main{
	text-align: left;
	width: 90%;
}
.disas-list{
	text-align: left;
	width: 90%;
}
.tm-top1{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	width: 100%;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: #ff0000 solid 1px;
	background-color: yellow;
}
.tm-top1 p{
	text-align: center;
}
.tm-top1 p a{
	font-size: 18px;
	font-weight: bold;
	color: red;
	text-shadow: #7a7a7a 1px 1px;
}
.tm-top1 p a:hover{
	text-shadow: #8b8b8b 0px 0px;
}
.banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 800px;
  margin: 5px auto; /* 上下のマージンを調整 */
}

/* コンテナ内のバナー画像の基本スタイル */
.banner-container .tm_img {
  width:396px;
  border: #000 solid 1px;
  box-shadow: 3px 3px 10px 1px #8e8e8e;
  transition: box-shadow .2s ease, transform .2s ease;
  cursor: pointer; /* カーソルを指マークに変更 */
}

/* マウスを乗せたときのアニメーション（影が消えて少し下がる） */
.banner-container .tm_img:hover {
  box-shadow: none;
  transform: translateY(2px);
}

/* クリック中のアニメーション（内側に影がつき、さらに下がる） */
.banner-container .tm_img:active {
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  transform: translateY(4px);
}

.news-info table{
	background-color: #d5dfdb;
	width: 800px;
	margin-top: 10px;
	border-radius: 5px;
	box-shadow: #bebebe 1px 1px 5px;
}
.news-info-t{
	font-size: larger;
	background-color: #0c9553;
	box-shadow: #bebebe 1px 1px 5px;
	display: inline-block;
	margin: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	color: #ffffff;
}
.news-info-m td{
	width: 50px;
	background-color: #e2e3e3;
	border:none;
	border-radius: 5px;
	box-shadow: #bebebe 1px 1px 5px;
	margin: 5px;

}
.news-main{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.news-main table td{
	border-top: solid 1px;
	border-left: solid 10px;
	color: #87c00c;
	height: 30px;
	background: #e4e4e4;
}
.news-main table td a{
	color: #000;
}

.news-main-top{
	color: rgb(0, 0, 0);
	background-color: #f2f2f2;
	box-shadow: #959595 1px 1px 10px;
	border-radius: 10px;
}

.news-main-top a{
	color: rgb(24, 49, 113);
}
.news-main-top li{
	color: rgb(24, 49, 113);
	font-size: 12px;
}
/* ベース */
.news {
	list-style: none;
	padding: 0; 
	margin-bottom: 1;
	margin-top: 0;
}
.news li{
  display: grid;
  grid-template-columns: 6.5ch 11ch 1fr; /* 日付固定｜カテゴリ固定｜本文は可変 */
  gap: .6rem 1rem;
  padding: .45rem 0;
  border-bottom: 1px dashed #d9d9d9;
  align-items: start;
}
.news .date{
  font-variant-numeric: tabular-nums; /* 0-9の幅を揃える */
  white-space: nowrap;
  margin-left: 2em; /* 日付の前に2文字分の余白 */
}
.news .cat{
  white-space: nowrap;                 /* カテゴリで折り返さない */
  text-align: left;
  margin-left: 2em; /* 日付の前に2文字分の余白 */
}
.news .title{
  min-width: 0;                        /* グリッド内で長文が収まるように */
  overflow-wrap: anywhere; 
  margin-left: 3em; /* 日付の前に2文字分の余白 */            /* 長い語でも折り返す */
}

/* 色分け（任意） */
.news .cat.topic{ color:#1a73e8; }
.news .cat.press{ color:#0b8043; }

/* スモールスクリーンでは2段組みに崩す（読みやすさ重視） */
@media (max-width: 640px){
  .news li{ grid-template-columns: 7.5ch 1fr; }
  .news .title{ grid-column: 1 / -1; } /* タイトルを次の行で全幅 */
}

.u_banner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; 
    width: 100%;
    margin: 5px auto;
    align-items: center;
    justify-items: center; 
}
.u_banner img{
	border-radius: 5px;
	box-shadow: 5px 5px 10px #c5c5c5;
	width: 180px;
	height: 45px;
}