@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト
[2] 詳細デザイン（共通）
　　カルーセルパネルA、B
　　検索
　　トピックス（タブ表示）
	画像横並び（.bannerimg ul）
	flexstyle1　アイコン（上）+テキスト
	flexstyle2　アイコン（左）+テキスト
	flexstyle3　テキストバナー
	横スクロール（自動再生）
	ImageSlider 横スクロールカルーセル
[2] 詳細デザイン
[3] 緊急エリア
　　オプション：緊急情報メール（表示切替3パターン）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト
*******************************************************************************/
#wrap.koho{
	width:100%;
	background:none;
}
#content3{
	padding:0px;
	width:100%;
	background:transparent;
	max-width:none;
	min-width:auto;
	border:none;
}
.container{
	margin:auto;
	padding:32px 16px 32px 16px;
	width:100%;
	box-sizing: border-box;
}
#wrap.koho #content3 p.outline{
	margin-right: auto;
	margin-left: auto;
}
/*******************************************************************************
[2] 詳細デザイン（共通）
*******************************************************************************/
/*==============================================================================
	カルーセルパネルA、B
==============================================================================*/
#pickup{
	margin:0px auto 20px auto;
	width:100%;
	text-align:center;
	position: relative;
}
.main_view{
	width:100%;
	position:relative;
}
/*------------------------------------------------------------------------------
	停止・再生・番号ボタン共通
------------------------------------------------------------------------------*/
/*	停止・再生ボタン
------------------------------------------------------------------------------*/
#pickup p.btn{
	width:55px;
	position:absolute;
	z-index:200;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
#pickup .paging{
	display:none;/*--Hidden by default, will be later shown with jQuery--*/
	position:absolute;
	z-index:100;
}
#pickup .paging ul{
	list-style:none;
	text-align:left;
	display:flex;
}
#pickup .paging li:last-child{
	margin-right:0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【A】画像のみ
------------------------------------------------------------------------------*/
#pickup #scroll_a{
	margin-bottom:60px;
}
#pickup #scroll_a .window::before{
	padding-bottom:41.667%;
}
#pickup #scroll_a .window::after{
	padding-bottom:41.667%;
}
/*	詳しく見る
------------------------------------------------------------------------------*/
#scroll_a .more{
	padding:5px 8px 5px 10px;
	position:absolute;
	right:10px;
	bottom:10px;
	color:#222222;
	font-size:85%;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	border-radius:4px;
	line-height:1.5;
}
#scroll_a a:hover .more{
	color:#222222;
	background:#EEEEEE;
}
#scroll_a .photoleft a{
	background-color:#FFFFFF;
	display:block;
}
#scroll_a .photoleft a:hover img{
	opacity:0.8;
}
/*	停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_a p.btn{
	left:0px;
	top:auto;
	bottom:-36px;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
#scroll_a .paging{
	width:auto;
	left:65px;
	bottom:-36px;
}
#scroll_a .paging li{
	margin:0px 5px 0px 0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【B】画像＋テキスト
------------------------------------------------------------------------------*/
#pickup #scroll_b .window::before{
	padding-bottom:25%;
}
#pickup #scroll_b .window::after{
	padding-bottom:25%;
}
#pickup #scroll_b .main{
	min-height:25%;
}
#pickup #scroll_b .window::before{
	padding-bottom:25%;
}
#pickup #scroll_b .window::after{
	padding-bottom:25%;
}
#pickup #scroll_b .main{
	min-height:25%;
}
/*	左のメイン枠
------------------------------------------------------------------------------*/
#scroll_b .main p.photoleft{
	width:50%;
	float:left;
}
/*	右のテキスト枠
------------------------------------------------------------------------------*/
#scroll_b .main .imgtxt{
	padding: 0px 25px;
	width:50%;
	height:100%;
	float:right;
	text-align:left;
	line-height:1.7;
	box-sizing:border-box;
	overflow:auto;
}
#scroll_b .main h2{
	margin:0px 0px 10px 0px;
	font-size:120%;
	text-align:left;
	line-height:1.6;
}
/*	停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_b p.btn{
	left: calc(50% + 25px);
	bottom:0px;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
#scroll_b .paging{
	width:auto;
	left: calc(50% + 85px);
	bottom:0px;
}
#scroll_b .paging li{
	margin:5px 5px 0px 0px;
}
/* ウィンドウ幅が狭いとき */
@media screen and (max-width:730px){
	#scroll_b p.btn img{
		width:auto;
		height:19px;
	}
	#scroll_b .paging li img{
		width:auto;
		height:19px;
	}
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【D】静止画
------------------------------------------------------------------------------*/
#scroll_d .imagecenter{
	margin:0px auto 15px auto;
}
/*==============================================================================
	検索
==============================================================================*/
/*------------------------------------------------------------------------------
	タブ表示（サイト内検索／ページ番号検索）
------------------------------------------------------------------------------*/
#searchtab{
	list-style-type:none;
	display:flex;
	border-left:3px solid #0062B8;
	border-right:3px solid #0062B8;
	border-top:3px solid #0062B8;
	box-sizing:border-box;
}
#searchtab li{
	width:100%;
	display:flex;
}
#searchtab [role="tab"]{
	padding:15px 30px 15px 30px;
	width:100%;
	display:block;
	box-sizing:border-box;
	font-weight:bold;
	color:#FFF;
	font-size:110%;	
	font-weight:normal;
	background-color:#0062B8;
	border:none;
	border-radius:0px;
	text-decoration:none;
	text-align:center;
	transition:all .5s;
	cursor:pointer;
	-webkit-appearance: none;
}
#searchtab [role="tab"][aria-selected="true"]{
	color:#222222;
	background:#FFF;
	position:relative;
	font-weight:bold;
}
#searchtab [role="tab"]:focus,
#searchtab [role="tab"]:hover{
	color:#222222;
	background:#D0E7FF;
}
/*------------------------------------------------------------------------------
	サイト内検索
------------------------------------------------------------------------------*/
#searchmenu{
	padding:20px;
	box-sizing:border-box;
	background:#FFF;
	border:3px solid #0062B8;
	border-top:none;
}
#searchmenu form{
	margin:0px auto 20px auto;
	width:60%;
}
#searchmenu label img{
	vertical-align:middle;
}
#searchmenu input{
	display:inline-block;
	vertical-align:middle;
}
#searchmenu input[type="text"]{
	padding:12px 8px!important;
	width:calc(100% - 62px - 2.2em - 42px) !important;
	height:auto!important;
	box-sizing:border-box;
	background-position:left 10px center!important;
	border:1px solid #0062B8 !important;
	border-radius:0px!important;
}
#searchmenu input[type="submit"]{
	padding:12px 30px 12px 30px!important;
	box-sizing:border-box;
	color:#FFF;
	font-size:100%!important;
	background-color:#0062B8;
	border-radius:0px!important;
	border:1px solid #0062B8 !important;
	-webkit-appearance:none;
}
/*------------------------------------------------------------------------------
	ページ番号検索
------------------------------------------------------------------------------*/
#searchmenu .navidetail{
	margin:0px auto 20px auto;
	width:40%;
}
#searchmenu .navidetail form{
	width:100%;	
}
#searchmenu .navidetail input[type="text"]{
	width:calc(100% - 100px) !important;
}
#searchmenu .navidetail #idbtn{
	padding:12px 30px 12px 30px!important;
	box-sizing:border-box;
	color:#FFF;
	background-color:#0062B8;
	border-radius:0px!important;
	border:1px solid #0062B8 !important;
	-webkit-appearance:none;
}
#searchmenu #idresult p{
	margin:0px;
	color:#c50000;
	font-weight:bold;
}
/*------------------------------------------------------------------------------
	注目キーワード
------------------------------------------------------------------------------*/
#search1 .keyword{
	margin:30px auto 0 auto;
	width:70%;
}
#search1 .keyword dl{
	display: flex;
	flex-wrap: wrap;
}
#search1 .keyword dt{
	width:9em;
	font-weight:bold;
	line-height: 1.5;
}
#search1 .keyword dd{
	margin:0px 10px 10px 0px;
	background:#F3F2F4;
	line-height: 1.5;
}
#search1 .keyword dd a{
	display:block;
	padding:3px 10px 2px 10px;
	color:#222;
	border-bottom:2px solid #CCC;
	text-decoration:none;
	line-height: 1.5;
	transition:all .5s;
}
#search1 .keyword dd a:hover{
	background:#ccc;
	border-bottom:2px solid #666;
}
/*==============================================================================
	トピックス
==============================================================================*/
/*------------------------------------------------------------------------------
	タブ表示
------------------------------------------------------------------------------*/
#topics{
	margin-bottom:20px;
}
#topics ul#tab{
	display:flex;
	list-style-type:none;
}
#topics ul#tab li{
	width:calc(100% / 4);
	display:flex;
}
#topics [role="tab"]{
	padding:10px;
	width:100%;
	display:block;
	box-sizing:border-box;
	color:#FFF;
	background:#0062B8;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:none;
	border-radius:0px;
	text-align:center;
	transition:all .5s;
	cursor:pointer;
	-webkit-appearance: none;
}
#topics [role="tab"]:focus,
#topics [role="tab"]:hover{
	color:#222;
	background:#D0E7FF;
}
#topics [role="tab"][aria-selected="true"]{
	color:#222;
	font-weight:bold;
	background:#FFF;
	text-decoration:none;
}
/*------------------------------------------------------------------------------
	トピックス／広報
------------------------------------------------------------------------------*/
#tmenu{
	margin:-1px 0px 0px 0px;
	padding:15px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	box-sizing:border-box;
	border:1px solid #CCCCCC;
}
#tmenubox{
	width:calc(100% - 250px);
}
/*	トピックス
------------------------------------------------------------------------------*/
#tmenu ul{
	margin-top:10px;
	list-style-type:none;
}
#tmenu ul li{
	margin:0px 0px 15px 0px;
	padding:0px 5px 15px 20px;
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid #CCC;
	line-height: 1.7;
}
#tmenu ul li .date{
	width:6em;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
#tmenu ul li .newsli{
	width:calc( 100% - 6.5em );
	display:inline-block;
	letter-spacing:normal;
}
#tmenu ul:not(.topicsdetail) li{
	position:relative;
}
#tmenu ul:not(.topicsdetail) li::before {
	width:6px;
	height:6px;
	display:block;
	position:absolute;
	left:0;
	top:.45em;
	content:"";
	border-left:2px solid #0062B8;
	border-top:2px solid #0062B8;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
/*	RSS等
------------------------------------------------------------------------------*/
#topics ul.topicsdetail {
	margin:20px 0px 0px 0px;
	clear:both;
	float:left;
	text-align:left;
}
#topics ul.topicsdetail li {
	margin:0px 40px 0px 0px;
	padding:0px 0px 0px 20px;
	display:inline;
	clear:none;
	background:url(images/top/mark_list.png) no-repeat left center;
	border:none;
}
#topics ul.topicsdetail li.rss {
	background:url(images/top/mark_rss.png) no-repeat left center;
}
/*==============================================================================
	画像横並び（.bannerimg ul）
==============================================================================*/
.bannerimg{
	padding:0px 0px 30px 0px;
}
.bannerimg ul{
	margin:0 0 0 -10px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.bannerimg ul li{
	margin:0 0px 10px 10px;
}
.bannerimg ul li a{
	display:block;
}
.bannerimg img{
	vertical-align:bottom;
}
/*==============================================================================
	flexstyle1　アイコン（上）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（ul.flexstyle1）
------------------------------------------------------------------------------*/
ul.flexstyle1{
	margin:0 0 30px -15px;
}
ul.flexstyle1 li{
	margin:0 0px 15px 15px;
	width:calc(100% / 8 - 15px);
}
ul.flexstyle1 li a{
	padding:15px 5px 15px 5px;
	color:#222;
	font-weight:bold;
	background:#F0F0F0;
	text-align:center;
	line-height:1.5;
}
ul.flexstyle1 li a:hover{
	background:#CCC;
}
ul.flexstyle1 li a img:not(.external){
	margin:0px auto 15px auto;
}
/*------------------------------------------------------------------------------
	アイコン（上・画像full）+テキスト（ul.flexstyle1 imgfull）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgfull li{
	width:calc(100% / 3 - 15px);
}
ul.flexstyle1.imgfull li span:not([class]){
	padding:10px;
	background:#F0F0F0;
}
ul.flexstyle1.imgfull li a:hover span:not([class]){
	background:#CCC;
}
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（画像上）（ul.flexstyle1 imgup）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgup li{
	width:calc(100% / 4 - 15px);
}
ul.flexstyle1.imgup li a{
	color:#222222;
	font-size:100%;
	font-weight:bold;
}
ul.flexstyle1.imgup a span:not([class]){
	padding:8px 6px 10px 6px;
	background-color:rgba(255,255,255, .8);
	text-align:center;
}
ul.flexstyle1.imgup a:hover span:not([class]){
	background-color:rgba(255,255,255, .9);
}
/*==============================================================================
	flexstyle2　アイコン（左）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（左）+テキスト（ul.flexstyle2）
------------------------------------------------------------------------------*/
ul.flexstyle2{
	margin:0 0 30px -15px;
}
ul.flexstyle2 li{
	margin:0 0px 15px 15px;
	width:calc(100% / 3 - 15px);
}
ul.flexstyle2 li a{
	color:#222222;
	font-size:110%;	
	font-weight:bold;
	background:#F0F0F0;
	line-height:1.5;
}
ul.flexstyle2 li a img:not(.external){
	margin:10px;
}
ul.flexstyle2 li a:hover{
	background:#CCC;
}
ul.flexstyle2 li a span:not([class]){
	padding:5px 5px 5px 15px;
	width:calc(100% - 52px);
	flex-basis:calc(100% - 52px);
}
/*	画像をフィットさせる
------------------------------------------------------------------------------*/
ul.flexstyle2.imgfull li a .full{
	width:60px;
	height:100%;
	min-height:60px;
}
ul.flexstyle2.imgfull li a .full span:not([class]){
	width:calc(100% - 60px);
	flex-basis:calc(100% - 60px);
}
/*==============================================================================
	flexstyle3　テキストバナー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキスト中央揃え（ul.flexstyle3）
------------------------------------------------------------------------------*/
ul.flexstyle3{
	margin:0 0 30px -15px;
}
ul.flexstyle3 li{
	margin:0 0px 10px 15px;
	width:calc(100% / 4 - 15px);
	min-height:65px;
	border:1px solid #CCC;
}
ul.flexstyle3 li a{
	padding:10px;
	color:#222;
	text-align:center;
	line-height:1.5;
}
ul.flexstyle3 li a:hover{
	background:#EFEFEF;
}
/*------------------------------------------------------------------------------
	テキスト左揃マークあり（ul.flexstyle3 listmark）
------------------------------------------------------------------------------*/
ul.flexstyle3.listmark li a{
	padding-left:32px;
}
ul.flexstyle3.listmark li a::before{
	height:0;
	width:0;
	content:'';
	position:absolute;
	top:calc(50% - 5px);
	left:15px;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #0062B8;
}
/*==============================================================================
	横スクロール（自動再生）
==============================================================================*/
/*------------------------------------------------------------------------------
	左右送りボタン
------------------------------------------------------------------------------*/
#slidelink1scroll,
#slidelink2scroll,
#slidelink3scroll,
#slidelink4scroll,
#slidelink5scroll{
	margin:0;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	list-style:none;
}
#slidelink1scroll li,
#slidelink2scroll li,
#slidelink3scroll li,
#slidelink4scroll li,
#slidelink5scroll li{
	width:40px;
	height:40px;
	position:absolute;
	top:calc(50% - 50px);
	background-color:#00285E;
	border-radius:100%;
	text-indent:-99999px;
	z-index:2;
	cursor:pointer;
}
#slidelink1scroll li.forward,
#slidelink2scroll li.forward,
#slidelink3scroll li.forward,
#slidelink4scroll li.forward,
#slidelink5scroll li.forward{
	left:-25px;
}
#slidelink1scroll li.forward::after,
#slidelink2scroll li.forward::after,
#slidelink3scroll li.forward::after,
#slidelink4scroll li.forward::after,
#slidelink5scroll li.forward::after{
	margin-top:-5px;
	margin-left:-2px;
	width:10px;
	height:10px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
	transform:rotate(45deg);
}
#slidelink1scroll li.back,
#slidelink2scroll li.back,
#slidelink3scroll li.back,
#slidelink4scroll li.back,
#slidelink5scroll li.back{
	right:-25px;
}
#slidelink1scroll li.back::after,
#slidelink2scroll li.back::after,
#slidelink3scroll li.back::after,
#slidelink4scroll li.back::after,
#slidelink5scroll li.back::after{
	margin-top:-5px;
	margin-left:-8px;
	width:10px;
	height:10px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
	停止ボタン
------------------------------------------------------------------------------*/
.tmenubtn{
	position:absolute;
	bottom:0px;
	left:0px;
}
.tmenubtn{
	bottom:0px;
	left:0px;
}
.tmenubtn p{
	line-height:0;
}
.tmenubtn button{
	margin:0;
	padding:0px;
	background:none;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
	appearance:none;
	line-height:1.0;
}
/*------------------------------------------------------------------------------
	メニュー
------------------------------------------------------------------------------*/
#slidelink1,
#slidelink2,
#slidelink3,
#slidelink4,
#slidelink5{
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}
.tmenubtn{
	position:absolute;
	bottom:0;
	top:auto;
	z-index: 2;
}
#slidelink1list,
#slidelink2list,
#slidelink3list,
#slidelink4list,
#slidelink5list{
	margin:0 auto 0 auto;
	position:relative;
}
#slidelink1list ul,
#slidelink2list ul,
#slidelink3list ul,
#slidelink4list ul,
#slidelink5list ul{
	margin:0px 0 0px 0;
	margin-left:-25px;
	padding-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#slidelink1list ul li,
#slidelink2list ul li,
#slidelink3list ul li,
#slidelink4list ul li,
#slidelink5list ul li{
	margin:1px 0px 0px 30px;
	width:200px;
	position:relative;
	cursor:pointer;
}
/*	見出し+テキスト+画像
------------------------------------------------------------------------------*/
#slidelink1list ul li,
#slidelink2list ul li,
#slidelink3list ul li,
#slidelink4list ul li{
	box-shadow:0px 0px 5px 0px #999;
}
#slidelink1list ul li a,
#slidelink2list ul li a,
#slidelink3list ul li a,
#slidelink4list ul li a{
	display:flex;
	flex-wrap:wrap;
	color:#222;
	text-decoration:none;
	transition:all .5s;
}
#slidelink1list ul li a:hover,
#slidelink2list ul li a:hover,
#slidelink3list ul li a:hover,
#slidelink4list ul li a:hover{
	background:#efefef;
}
#slidelink1list ul li a h3,
#slidelink2list ul li a h3,
#slidelink3list ul li a h3,
#slidelink4list ul li a h3{
	margin:10px;
	order:2;
	font-size:120%;
	text-align:left;
	line-height:1.5;
}
#slidelink1list ul li a > img,
#slidelink2list ul li a > img,
#slidelink3list ul li a > img,
#slidelink4list ul li a > img{
	width:100%;
	height:auto;
	order:1;
	vertical-align:bottom;
}
#slidelink1list ul li p,
#slidelink2list ul li p,
#slidelink3list ul li p,
#slidelink4list ul li p{
	margin:10px 15px;
	text-align:left;
	line-height:1.7;
	order:3;
}
/*==============================================================================
	ImageSlider
==============================================================================*/
/*------------------------------------------------------------------------------
	初期設定
------------------------------------------------------------------------------*/
/*	レイアウト
------------------------------------------------------------------------------*/
.slidelink{
	margin:0 0 30px 0;
	display:flex;
	flex-direction:column;
}
.slidelink .btnwrap{
	margin:8px 0 0 0;
	display:flex;
	justify-content:center;
	align-items:center;
	order:2;
}
.slidelink .tmenuwrap{
	width:100%;
	position:relative;
	order:1;
}
.slidelink .scrollwrap{
	order:3;
}
/*	停止ボタン
------------------------------------------------------------------------------*/
.slidelink .btn{
	margin:0px 8px 0px 8px;
	min-width:44px;
}
.slidelink .btn p{
	line-height:0;
}
.slidelink .btn button{
	margin:0;
	padding:0px;
	background:none;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
	appearance:none;
	line-height:1.0;
}
.slidelink .btn button img{
	vertical-align:bottom;
}
/*	番号ボタン
------------------------------------------------------------------------------*/
.slidelink .paging ul{
	margin:0px 8px 0px 0px;
	display:flex;
	list-style:none;
}
.slidelink .paging ul li{
	margin:0px 0px 0px 8px;
}
.slidelink .paging ul li button{
	margin:0;
	padding:0px;
	background:none;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
	appearance:none;
	line-height:1.0;
	vertical-align:bottom;
}
.slidelink .paging ul li img{
	vertical-align:bottom;
}
/*	左右送りボタン
------------------------------------------------------------------------------*/
ul.scrollwrap{
	margin:0;
	list-style:none;
}
ul.scrollwrap li{
	width:44px;
	height:44px;
	position:absolute;
	top:calc(50% - 22px);
	border-radius:100%;
}
ul.scrollwrap li.back{
	left:15px;
}
ul.scrollwrap li.next{
	right:15px;
}
ul.scrollwrap li button{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	background-color:#0062B8;
	border:none;
	border-radius:100%;
	z-index:2;
	cursor:pointer;
	outline:none;
	transition:none;
}
ul.scrollwrap li.back button img{
	transform:rotate(180deg);
}
/* フォーカス */
ul.scrollwrap li button:focus{
	border:3px solid #000!important;
	box-sizing:border-box;
}
/*	メニュー
------------------------------------------------------------------------------*/
.slidelink .tmenu ul{
	margin:0;/*margin-leftはJSで指定*/
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.slidelink .tmenu.shown ul{
	justify-content:center;
}
.slidelink .tmenu ul li{
	margin-left:30px;
	width:100%;
	position:relative;
	box-sizing:border-box;
}
.slidelink.contain .tmenu ul li{
	width:calc(100% / 3);
}
.slidelink.extend .tmenu ul li{
	width:25.01%;
}
.slidelink.extend.overhalf .tmenu ul li{
	width:22%;
}
.slidelink .tmenu ul li a{
	display:block;
	outline:none;
}
.slidelink .tmenu ul li img:not(.external){
	width:100%;
	height:auto;
	box-sizing:border-box;
	vertical-align:bottom;
	outline:none;
}
/* フォーカス */
.slidelink .tmenu ul li:focus-within .border{
	display:block;
	position:relative;
}
.slidelink .tmenu ul li:focus-within .border::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:5px solid #000;
	box-sizing:border-box;
}
/*	テキストあり
------------------------------------------------------------------------------*/
.slidelink.text .tmenu{
	padding:25px;/* box-shadow用 */
}
.slidelink.text .tmenu ul li{
	display:flex;
}
.slidelink.text .tmenu ul li a{
	width:100%;
	display:flex;
	color:#222;
	text-decoration-line:none;
}
.slidelink.text .tmenu ul li .border{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	background:#FFF;
	box-shadow:0px 0px 5px 0px #999;
	border-radius:8px;
	overflow:hidden;
	transition:.5s background;
}
.slidelink.text .tmenu ul li a:hover .border{
	background:#efefef;
}
#wrap .slidelink.text .border > h3{
	margin:10px;
	order:2;
	font-size:120%;
	text-align:left;
	line-height:1.5;
}
#wrap .slidelink.text .border > img:not(.external){
	order:1;
}
#wrap .slidelink.text .border > p{
	margin:10px 15px;
	text-align:left;
	line-height:1.7;
	order:3;
}
/*	JS無効時（ちらつき防止）
------------------------------------------------------------------------------*/
.slidelink .tmenu ul.noscript{
	width:max-content;
	flex-wrap:nowrap;
	opacity:0;
}
/*==============================================================================
	インスタ
==============================================================================*/
#insta h2{
	margin-top:50px;
	margin-bottom:20px;
	font-size:160%;	
	text-align:center;
}
#insta p{
	text-align:center;
	margin-bottom: 10px;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
.koho #content3 h1{
	margin:0px 0px 30px 0px;
	padding:20px 0px 30px 0px;
	position:relative;
	color:#222;
	font-family: "Kiwi Maru", serif;
	font-weight: 500;
	font-style: normal;
	font-size:200%;
	text-align:center;
}
.koho #content3 h1::before{
	content:"";
	width:100%;
	height:17px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/koho/h1_bg.png) repeat-x;
	background-size: 28px 17px;
	text-align:center;
}
.koho .box{
	margin:0 auto;
	max-width:1200px;
	background:#FFF;
}
/*==============================================================================
	表紙
==============================================================================*/
#cover .container{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
}
.coverinner{
	margin-top:40px;
	width:100%;
	order:2;
}
.coverinner h2{
	margin-left:10px;
	padding:10px 30px 10px 30px;
	display:inline-block;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:120%;
	background:#F0EAD6;
	border-radius:10px;
}
.covercontent{
	margin-top:-25px;
	padding:40px 20px 20px 20px;
	background:#FFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .16);
	border-radius:10px;
}
.covercontent h3{
	padding-bottom:5px;
	display:inline;
	font-size:110%;
	background: linear-gradient(transparent 60%, #F0EAD6 0%);
}
.covercontent p{
	margin-top:20px;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
.covercontent ul.objectlink{
	margin-top:10px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
}
.covercontent ul.objectlink li{
	margin-bottom:5px;
	padding-left:25px;
}
.koholink{
	margin-top:20px;
	list-style-type:none;
}
.koholink li{
	margin:15px 0px 0px 0px;
}
.koholink li a{
	padding:15px 60px 15px 20px;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	background:url(images/koho/mark_li.png) no-repeat right 10px center, #F0EEEB;
	border-radius:10px;
	box-sizing:border-box;
}
#cover .kohocover{
	position:relative;
	width:70%;
	max-width:300px;
	z-index:1;
}
#cover .kohocover img{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .36);
}
#cover .kohocover::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:10px;
	left:10px;
	background:#EFEFEF;
	z-index:-1;
}
/*==============================================================================
	特集
==============================================================================*/
#feature{
	margin-top:85px;
	background:#EFECF8;
}
#feature .container{
	padding-top:20px;
	padding-bottom:60px;
	position:relative;
	max-width:1464px;
}
#feature .container::before{
	content: '';
	width:280px;
  height:280px;
  position: absolute;
  top: -80px;
	left:calc(50% - 140px);
	background-color:#EFECF8;
  border-radius: 50%;
  z-index: -1;
}
#feature h2{
	margin: 0 auto;
	position: absolute;
	top:-50px;
	right: 0;
	left: 0;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	text-align:center;
	z-index: 10;
}
#feature h2 .h2title{
	font-size:120%;
}
#feature h2 [lang="en"]{
	display:block;
	color:#00285E;
	font-size:60%;
	text-transform: uppercase;
	line-height:1;
	letter-spacing:.075em;
}
#feature #slidelink3list .tmenu{
	padding:0px 2px 0px 2px;
	box-sizing:border-box;
}
#feature #slidelink3list ul{
	margin:0px 0px 0px -21px;
}
#feature #slidelink3list ul li{
	margin-left:20px;
	width:240px;
	background:#FFF;
	border-radius:20px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16); 
}
#feature #slidelink3list ul li a:hover{
	background:transparent;
}
#feature #slidelink3list ul li a h3{
	font-size:100%;
}
#slidelink3list ul li a img:not(.external){
	border-radius:20px 20px 0px 0px;
}
/*==============================================================================
	検索
==============================================================================*/
#search{
	background:#DFD9F1;
}
#search .container{
	padding-top:20px;
	position:relative;
	z-index:1;
}
#search .container::before{
	content: '';
	width:280px;
  height:280px;
  position: absolute;
  top: -80px;
	left:calc(50% - 140px);
	background-color:#DFD9F1;
  border-radius: 50%;
	z-index:-1;
}
#search h2{
	margin: 0 auto;
	position: absolute;
	top:-50px;
	right: 0;
	left: 0;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	text-align:center;
	z-index: 10;
}
#search h2 .h2title{
	font-size:120%;
}
#search h2 [lang="en"]{
	display:block;
	color:#00285E;
	font-size:60%;
	text-transform: uppercase;
	line-height:1;
	letter-spacing:.075em;
}
#search h3{
	margin-bottom:10px;
	padding:5px 0px 5px 40px;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:120%;
	background:url(images/koho/search_h3.png) no-repeat left center;
	border-bottom:2px dashed #00285E;
}
.searchinner .tag{
	width:100%;
	list-style-type:none;
}
.searchinner .tag li{
	margin:10px 10px 0px 0px;
	display:inline-block;
}
.searchinner .tag li a{
	padding:10px 20px 10px 20px;
	display:inline-block;
	text-decoration:none;
	background:#FFF;
	border-radius:50px;
}
.searchinner .searchwrap,
.searchinner .idsearchwrap{
	margin-top:30px;
}
#keywordsearch, .navidetail{
	margin-top:20px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	border-radius:20px;
}
#keywordsearch input[type="text"],
.searchinner .idsearchwrap input[type="text"]{
	padding:15px 10px!important;
	width:calc(100% - 80px)!important;
	font-size:100% !important;
	border:none!important;
	border-radius:10px 0px 0px 10px!important;
	box-sizing:border-box;
}
#keywordsearch input[type="submit"],
.searchinner .idsearchwrap .navidetail #idbtn{
	padding:15px 25px 15px 25px!important;
	width:80px;
	color:#FFF;
	font-size:100%!important;
	font-weight:bold;
	background:#2C416D;
	border:none!important;
	border-radius:0px 9px 9px 0px!important;
	box-sizing:border-box;
}
.searchinner  #idresult p{
	margin:0px;
	color:#c50000;
	font-weight:bold;
}
/*==============================================================================
	開閉メニュー
==============================================================================*/
#kohoarticle{
	background:url(images/koho/article_bg.png);
}
#kohoarticle .container{
	padding-bottom:90px;
}
/*------------------------------------------------------------------------------
	見出し
------------------------------------------------------------------------------*/
#kohoarticle h2{
	margin-bottom:30px;
	position:relative;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	line-height:1;
}
#kohoarticle h2 .h2title{
	font-size:120%;
}
#kohoarticle h2 [lang="en"]{
	display:none;
}
#kohoarticle h2::before{
	content:"";
	width:calc(100% - 7em);
	height:4px;
	position:absolute;
	top:calc(50% - 2px);
	right:0px;
	background:#2C5F8F;
	border-radius:50px;
}
#kohoarticle .kohoinfo h2 [lang="en"]{
	color:#84AB7A;
}
#kohoarticle .kohoinfo h2::before{
	width:calc(100% - 7em);
	background:#538D4E;
}
#kohoarticle .kohoevent h2 [lang="en"]{
	color:#F0B566;
}
#kohoarticle .kohoevent h2::before{
	width:calc(100% - 6em);
	background:#EC9B30;
}
/*------------------------------------------------------------------------------
	リンク
------------------------------------------------------------------------------*/
#kohoarticle .kohotopics ul{
	margin-top:30px;
	padding:20px 20px 20px 20px;
	background:#FFF;
	border-radius:20px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	list-style-type:none;
}
#kohoarticle .kohotopics ul li{
	margin-bottom:20px;
	padding-left:18px;
	background:url(images/koho/mark_li_topics.png) no-repeat left top calc(.75em - 5px);
}
#kohoarticle .kohotopics ul li:last-of-type{
	margin-bottom:0px;
}
#kohoarticle .kohoinfo{
	margin-top:40px;
}
/*------------------------------------------------------------------------------
	開閉メニュー
------------------------------------------------------------------------------*/
.articlebox{
	margin-bottom:10px;
}
.articlebox::after{
	content: "";
	display: block;
	clear: both;
}
#kohoarticle .smenu{
	margin:0px 0px 20px 0px;
	border:none;
}
#kohoarticle .smenu:nth-child(2n){
	margin-right:0px;
}
.articlebox .smenu .plus2,
.articlebox .smenu .minus2,
.articlebox .smenu p.tlist a{
	padding:15px 20px 15px 20px;
	width: 100%;
	display: flex;
	justify-content:space-between;
	background:#FFF;
	border-radius:10px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	box-sizing:border-box;
}
.articlebox .smenu .minus2{
	border-radius:10px 10px 0px 0px;
	box-shadow: 0 -1px 2px 0px rgba(0, 0, 0, 0.16);
}
.articlebox .smenu .plus2 h3,
.articlebox .smenu .minus2 h3{
	font-size:117%;
}
.articlebox .smenu button.pmbtn{
	padding:0;
	background:none;
	border:none;
	cursor: pointer;
	width:27px;
}
.articlebox .smenu button.pmbtn img{
	vertical-align:middle;
}
.smenu ul{
	margin: 0px;
	padding:15px 30px 5px 20px;
	text-align: left;
	background: #FFF;
	border-radius: 0px 0px 10px 10px;
	box-shadow:0px 3px 3px rgba(0, 0, 0, 0.16);
}
.smenu ul li{
	margin-bottom:15px;
	padding:0px 0px 0px 17px;
	background:url(images/koho/mark_li_info.png) no-repeat left calc(.75em - 5px);
	border-bottom: none;
}
.kohoevent .smenu ul li{
	background:url(images/koho/mark_li_event.png) no-repeat left calc(.75em - 5px);
}
.smenu ul li::before{
	content:none;
}
.articlebox .smenu p.tlist{
	margin:0px;
	font-size:117%;
}
.articlebox .smenu p.tlist a{
	padding-right:60px;
	text-decoration:none;
	font-weight:bold;
	background:url(images/koho/mark_event.png) no-repeat right 25px center , #FFF;
}
.eventcal{
	text-align:center;
}
.eventcal a{
	margin:0px;
	padding:15px 60px 15px 20px;
	position:relative;
	width:100%;
	display:inline-block;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	background:#F4DCB7;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
}
.eventcal a::after{
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 25px;
	width: 15px;
	height: 27px;
	background: url(images/koho/mark_event.png) no-repeat;
}
/*==============================================================================
	まちのトピックス
==============================================================================*/
#citytopicsbg{
	position:relative;
}
#citytopicsbg::before{
	content:"";
	width:100%;
	height:10%;
	position:absolute;
	left:0;
	right:0;
	top:-10%;
	background:url(images/koho/topics_bg.png) no-repeat top center;
	background-size:cover;
	background-position: center;
}
#citytopics{
	background:#EFF9DC;
}
#citytopics h2{
	font-size:180%;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	text-align:center;
}
#slidelink4list ul{
	margin-left:-19px;
}
#slidelink4list ul li{
	margin:3px 3px 3px 20px;
	width:240px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	flex-direction: column;
	background:#FFF;
	border-radius:16px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16); 
}
#slidelink4list ul li h3{
	margin:10px 15px 10px 15px;
	padding:5px 10px;
	width:calc(100% - 30px);
	order:2;
	font-size:100%;
	background:#EFECF8;
	border-radius:5px;
	text-align:left;
	line-height:1.5;
	box-sizing:border-box;
}
#slidelink4list ul li p{
	margin:0px 15px 15px 15px;
}
#slidelink4list ul li > img{
	width:100%;
	height:auto;
	order:1;
	border-radius:16px 16px 0px 0px;
}
#citytopics ul.otherlink{
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
#citytopics ul.otherlink li{
	margin:0px 0px 20px 0px;
	width:100%;
}
#citytopics ul.otherlink li a{
	padding:15px 70px 15px 20px;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	background:url(images/koho/mark_li.png) no-repeat right 20px center, #FFF;
	border-radius:10px;
	box-sizing:border-box;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16); 
}
/*==============================================================================
	その他
==============================================================================*/
#kohobottom h2{
	margin-bottom:10px;
	padding:5px 0px 5px 40px;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:120%;
	background:url(images/koho/search_h3.png) no-repeat left center;
	border-bottom:2px dashed #00285E;
}
#kohobottom .tag{
	margin-bottom:30px;
	width:100%;
	list-style-type:none;
}
#kohobottom .tag li{
	margin:10px 10px 0px 0px;
	display:inline-block;
}
#kohobottom .tag li a{
	padding:10px 20px 10px 20px;
	display:inline-block;
	text-decoration:none;
	background:#F0EEEB;
	border-radius:50px;
}
#kohobottom ul.backnumber{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	list-style-type:none;
}
#kohobottom ul.backnumber li{
	margin:10px 0px 10px 0px;
	width:100%;
}
#kohobottom ul.backnumber li a{
	padding:15px 60px 15px 20px;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	background:url(images/koho/mark_li.png) no-repeat right 20px center, #F0EEEB;
	border-radius:10px;
	box-sizing:border-box;
}
/*******************************************************************************
[3] 広報紙検索結果ページ
*******************************************************************************/
.koho #pagebody{
	background:url(images/koho/article_bg.png);
}
.koho #content2{
	padding:0px;
	max-width:none;
	background:transparent;
	border:none;
}
.koho #content2 h1{
	margin:0px 0px 30px 0px;
	padding:20px 0px 30px 0px;
	position:relative;
	color:#222;
	font-family: "Kiwi Maru", serif;
	font-weight: 500;
	font-style: normal;
	font-size:180%;
	background:#FFF;
	text-align:center;
}
.koho #content2 h1::before{
	content:"";
	width:100%;
	height:17px;
	position:absolute;
	bottom:-8px;
	left:0;
	background:url(images/koho/h1_bg.png) repeat-x;
	background-size: 28px 17px;
	text-align:center;
}
/*==============================================================================
	検索
==============================================================================*/
.koho #kohosearch .container{
	margin:30px 16px 16px 16px;
	padding:20px;
	width:auto;
	background:#FFF;
	border-radius:20px;
	box-sizing:border-box;
}
#content2 .kohosearchinner:nth-of-type(2){
	margin-top:40px;
}
#content2 .kohosearchinner h2{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:120%;
	border:none;
}
#content2 .kohosearchinner h2::before{
	content:none;
}
#content2 .kohosearchinner #keywordsearch,
#content2 .kohosearchinner .tag{
	margin-top:0px;
	border:1px solid #2C416D;
	box-shadow:none;
	border-radius:10px;
}
#content2 .kohosearchinner .tag{
	margin:0px;
	border:none;
	list-style-type:none;
}
#content2 .kohosearchinner .tag li{
	margin:10px 10px 0px 0px;
	display:inline-block;
}
#content2 .kohosearchinner .tag li a{
	padding:10px 20px 10px 20px;
	display:inline-block;
	text-decoration:none;
	background:#F0EEEB;
	border-radius:50px;
}
/*==============================================================================
	検索結果
==============================================================================*/
.koho #pagebody{
	margin-bottom:20px;
	padding:0px;
	max-width:none;
}
#kohoresult h2{
	margin:0px;
	padding:10px 0px 10px 45px;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:180%;
	background:url(images/koho/search.png) no-repeat left center;
	background-size:30px;
	border-bottom:3px solid #00285E;
}
#kohoresult h2::before{
	content:none;
}
#kohoresult dl{
	margin:10px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	display:flex;
	background:#FFF;
	border-radius:10px;
}
#kohoresult dt,
#kohoresult dd{
	margin:0px;
	padding:0px;
	background:none;
}
#kohoresult dt{
	margin-right:20px;
}
#kohoresult p{
	margin:20px 0px 0px 5px;
}
#searchresult ul{
	margin:20px 0px 0px 0px;
	list-style-type:none;
}
#searchresult ul li{
	margin:0px 0px 25px 0px;
}
#searchresult ul li a{
	padding:15px 15px 15px 15px;
	width:100%;
	display:inline-block;
	text-decoration:none;
	background:#FFF;
	border-radius:10px;
	box-sizing:border-box;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
}
#searchresult ul li a p{
	margin:0px 0px 10px 0px;
	display:flex;
	flex-wrap:wrap;
}
#searchresult ul li a p .kohotitle{
	margin-top:10px;
	width:100%;
	font-size:110%;
	font-weight:bold;
	text-decoration:underline;
	order:2;
}
#searchresult ul li a p .kohomonth{
	padding:2px 8px;
	width:auto;
	display:inline-block;
	background:#DFD9F1;
	border-radius:5px;
	order:1;
}
.kohotag{
	margin:0px;
	display:inline-block;
}
.kohotag .scate{
	margin:10px 01px 0px 0px;
	padding:5px 15px 5px 15px;
	display:inline-block;
	text-decoration:none;
	background:#F0EEEB;
	border-radius:50px;
}
/*	ページ送り
------------------------------------------------------------------------------*/
#kohoresult .moresubject ul.pagination{
	margin:0px;
	list-style:none;
}
#kohoresult .moresubject ul.pagination li{
	margin-right:3px;
	display:inline-block;
	font-size:112%;
}
#kohoresult .moresubject ul.pagination li.active{
	padding:2px 10px 2px 10px;
	min-width:auto;
	min-height:auto;
	color:#2C416D;
	background:#FFF;
	border:1px solid #2C416D;
	border-radius:5px;
}
#kohoresult .moresubject ul.pagination li a{
	padding:2px 10px 2px 10px;
	display:block;
	color:#FFF;
	background:#2C416D;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #2C416D;
}
#kohoresult .moresubject ul.pagination li a:hover{
	opacity: 0.8;
	transition: opacity 500ms;
}