@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 32px 32px 32px;
	width:100%;
	max-width:1264px;
	box-sizing: border-box;
}
#wrap.koho #content3 p.outline{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#headerbg #purposemenu1 #headersearch{
	display: block;
}
/*******************************************************************************
[2] 詳細デザイン（共通）
*******************************************************************************/
/*==============================================================================
	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;
}
/*==============================================================================
	横スクロール（自動再生）
==============================================================================*/
/*------------------------------------------------------------------------------
	左右送りボタン
------------------------------------------------------------------------------*/
#slidelink3scroll,
#slidelink4scroll{
	margin:0;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	list-style:none;
}
#slidelink3scroll li,
#slidelink4scroll li{
	width:50px;
	height:50px;
	position:absolute;
	top:calc(50% - 50px);
	background-color:#00285E;
	border-radius:100%;
	text-indent:-99999px;
	z-index:2;
	cursor:pointer;
}
#slidelink3scroll li.forward,
#slidelink4scroll li.forward{
	left:-25px;
}
#slidelink3scroll li.forward::after,
#slidelink4scroll 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);
}
#slidelink3scroll li.back,
#slidelink4scroll li.back{
	right:-25px;
}
#slidelink3scroll li.back::after,
#slidelink4scroll 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;
}
/*------------------------------------------------------------------------------
	メニュー
------------------------------------------------------------------------------*/
#slidelink3,
#slidelink4{
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}
.tmenubtn{
	position:absolute;
	bottom:0;
	top:auto;
	z-index: 2;
}
#slidelink3list,
#slidelink4list{
	margin:0 auto 0 auto;
	position:relative;
}
#slidelink3list ul,
#slidelink4list ul{
	padding-bottom:40px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
/*	見出し+テキスト+画像
------------------------------------------------------------------------------*/
#slidelink3list ul li,
#slidelink4list ul li{
	margin:1px 0px 0px 30px;
	width:200px;
	position:relative;
	cursor:pointer;
	transition:.5s;
}
#slidelink3list ul li,
#slidelink4list ul li,
#slidelink3list ul li > a,
#slidelink4list ul li > a{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	color:#222;
	text-decoration:none;
	transition:all .5s;
	border-radius:0px 0px 20px 20px;
}
#slidelink3list ul li h3,
#slidelink4list ul li h3{
	margin:10px;
	order:2;
	font-size:120%;
	text-align:left;
	line-height:1.5;
}
#slidelink3list ul li img:not(.external),
#slidelink4list ul li img:not(.external){
	width:100%;
	height:fit-content;
	order:1;
	aspect-ratio: 7/4;
}
#slidelink3list ul li p,
#slidelink4list ul li p{
	margin:0px 15px 10px 15px;
	text-align:left;
	line-height:1.7;
	order:3;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
.koho #content3 h1{
	padding:0px 0px 50px 0px;
	color:#222;
	font-family: "Kiwi Maru", serif;
	font-weight: 500;
	font-style: normal;
	font-size:375%;
	background:url(images/koho/h1_bg.png) repeat-x bottom, #FFF;
	background-size: 28px 17px;
	text-align:center;
}
.koho .box{
	margin:0 auto;
	max-width:1200px;
	background:#FFF;
}
/*==============================================================================
	表紙
==============================================================================*/
#cover{
	padding-bottom:120px;
}
#cover .container{
	display:flex;
	align-items:flex-start;
	justify-content:center;
}
.coverinner{
	margin-top:100px;
	margin-left:-20px;
	width:62.5%;
	max-width:640px;
	order:2;
}
.coverinner h2{
	padding:10px 50px 10px 80px;
	display:inline-block;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:169%;
	background:#F0EAD6;
	border-radius:0px 10px 10px 0px;
}
.covercontent{
	margin-top:-35px;
	padding:60px 80px 60px 90px;
	background:#FFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .16);
	border-radius:20px;
}
.covercontent h3{
	padding-bottom:5px;
	display:inline;
	font-size:150%;
	background: linear-gradient(transparent 60%, #F0EAD6 0%);
}
.covercontent p{
	margin-top:40px;
	font-size:113%;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
.covercontent ul.objectlink{
	margin-top:40px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
}
.covercontent ul.objectlink li{
	margin-bottom:5px;
	padding-left:25px;
}
.koholink{
	margin-top:-30px;
	margin-right:-25px;
	list-style-type:none;
	text-align:right;
}
.koholink li{
	margin:15px 0px 0px 15px;
	display:inline-block;
}
.koholink li a{
	padding:15px 70px 15px 20px;
	display:inline-block;
	font-size:113%;
	font-weight:bold;
	text-decoration:none;
	background:url(images/koho/mark_li.png) no-repeat right 10px center, #F0EEEB;
	border-radius:10px;
	transition:.5s;
}
.koholink li a:hover{
	background-color:#dad5ce;
}
#cover .kohocover{
	position:relative;
	width:37.5%;
	max-width:450px;
	z-index:1;
}
#cover .kohocover img{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .36);
	z-index:2;
}
#cover .kohocover::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:20px;
	left:20px;
	background:#EFEFEF;
	z-index:-1;
}
/*==============================================================================
	特集
==============================================================================*/
#feature{
	background:#EFECF8;
}
#feature .container{
	padding-top:50px;
	padding-bottom:80px;
	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:133%;
}
#feature h2 [lang="en"]{
	display:block;
	color:#00285E;
	font-size:63%;
	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 -39px;
}
#feature #slidelink3list ul li{
	margin-left:39px;
	width:320px;
	background:#FFF;
	border-radius:20px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16); 
}
#feature #slidelink3list ul li h3{
	font-size:100%;
}
#slidelink3list ul li img:not(.external){
	border-radius:20px 20px 0px 0px;
}
#feature #slidelink3list ul li:has(a:hover){
  background-color:#EFEFEF;
}
/*==============================================================================
	検索
==============================================================================*/
#search{
	background:#DFD9F1;
}
#search .container{
	padding-top:50px;
	position:relative;
	max-width:1264px;
	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:133%;
}
#search h2 [lang="en"]{
	display:block;
	color:#00285E;
	font-size:63%;
	text-transform: uppercase;
	line-height:1;
	letter-spacing:.075em;
}
#search h3{
	padding:5px 0px 5px 40px;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:138%;
	background:url(images/koho/search_h3.png) no-repeat left center;
	border-bottom:2px dashed #00285E;
}
.searchinner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.searchinner > h3{
	width:100%;
}
.searchinner .tag{
	width:100%;
	list-style-type:none;
}
.searchinner .tag li{
	margin:20px 20px 0px 0px;
	display:inline-block;
}
.searchinner .tag li a{
	padding:10px 30px 10px 30px;
	display:inline-block;
	text-decoration:none;
	background:#FFF;
	border:1px solid #FFF;
	border-radius:50px;
	transition:.5s;
	box-sizing:border-box;
}
.searchinner .tag li a:hover{
	border:1px solid #00285E;
}
.searchinner .searchwrap,
.searchinner .idsearchwrap{
	margin-top:50px;
	width:calc(100% / 2 - 25px);
}
#keywordsearch, .navidetail{
	margin-top:30px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	border-radius:10px;
}
#keywordsearch input[type="text"],
.searchinner .idsearchwrap input[type="text"]{
	padding:20px 10px!important;
	width:calc(100% - 2.26em - 78px) !important;
	font-size:113% !important;
	border:none!important;
	border-radius:10px 0px 0px 10px!important;
}
#keywordsearch input[type="submit"],
.searchinner .idsearchwrap .navidetail #idbtn{
	padding:20px 30px 20px 30px !important;
	color:#FFF;
	font-size:113% !important;
	font-weight:bold;
	background:#2C416D;
	border:none!important;
	border-radius:0px 9px 9px 0px !important;
}
.searchinner	#idresult p{
	margin:0px;
	color:#c50000;
	font-weight:bold;
}
/*==============================================================================
	開閉メニュー
==============================================================================*/
#kohoarticle{
	background:url(images/koho/article_bg.png);
}
#kohoarticle .container{
	padding-bottom:220px;
}
/*------------------------------------------------------------------------------
	見出し
------------------------------------------------------------------------------*/
#kohoarticle h2{
	padding-top:40px;
	margin-bottom:30px;
	position:relative;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	line-height:1;
}
#kohoarticle h2 .h2title{
	padding-left:20px;
	font-size:125%;
}
#kohoarticle h2 [lang="en"]{
	position:absolute;
	top:0;
	right:0;
	color:#698BA7;
	font-size:145%;
	text-transform: uppercase;
	letter-spacing:.075em;
}
#kohoarticle h2::before{
	content:"";
	width:calc(100% - 6em - 40px);
	height:5px;
	position:absolute;
	top:18px;
	left:0px;
	background:#2C5F8F;
	border-radius:50px;
}
#kohoarticle .kohoinfo h2 [lang="en"]{
	color:#84AB7A;
}
#kohoarticle .kohoinfo h2::before{
	width:calc(100% - 12em - 50px);
	background:#538D4E;
}
#kohoarticle .kohoevent h2 [lang="en"]{
	color:#F0B566;
}
#kohoarticle .kohoevent h2::before{
	width:calc(100% - 5em - 50px);
	background:#EC9B30;
}
/*------------------------------------------------------------------------------
	リンク
------------------------------------------------------------------------------*/
#kohoarticle .kohotopics ul{
	margin-top:30px;
	padding:40px 40px 20px 40px;
	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 .kohoinfo{
	margin-top:40px;
}
/*------------------------------------------------------------------------------
	開閉メニュー
------------------------------------------------------------------------------*/
.articlebox{
	margin-bottom: 15px;
	width: 100%;
}
.articlebox::after{
	content: "";
	display: block;
	clear: both;
}
#kohoarticle .smenu{
	margin:0px 40px 40px 0px;
	width:calc((100% - 40px) / 2);
}
#kohoarticle .smenu:nth-child(2n){
	margin-right:0px;
}
.articlebox .smenu .plus2,
.articlebox .smenu .minus2,
.articlebox .smenu p.tlist a{
	padding:15px 20px 15px 30px;
	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:125%;
}
.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 30px;
	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 .article ul li::before{
	content:none;
}
.articlebox .smenu p.tlist{
	margin:0px;
	font-size:125%;
}
.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 40px 40px 0px;
	padding:15px 60px 15px 30px;
	position:relative;
	width:calc((100% - 40px) / 2);
	display:inline-block;
	text-decoration:none;
	text-align:left;
	font-size:129%;
	font-weight:bold;
	background:#F4DCB7;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	transition:.5s;
}
.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;
}
.eventcal a:hover{
	background-color:#f1d1a1;
}
/*==============================================================================
	まちのトピックス
==============================================================================*/
#citytopicsbg{
	position:relative;
}
#citytopicsbg::before{
	content:"";
	width:100%;
	height:25%;
	position:absolute;
	left:0;
	right:0;
	top:-25%;
	background:url(images/koho/topics_bg.png) no-repeat top center;
	background-size:cover;
	background-position:center;
}
#citytopics{
	background:#EFF9DC;
}
#citytopics h2{
	font-size:187%;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	text-align:center;
}
#slidelink4list ul{
	margin-left:-35px;
}
#slidelink4list ul li{
	margin:3px 3px 3px 40px;
	width:369px;
	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:125%;
	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:not(.external){
	width:100%;
	height:auto;
	order:1;
	border-radius:16px 16px 0px 0px;
}
#slidelink4list ul li:has(a:hover){
  background-color:#EFEFEF;
}
#citytopics ul.otherlink{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	list-style-type:none;
}
#citytopics ul.otherlink li{
	margin:0px 40px 40px 0px;
	width:calc((100% - 80px) / 3);
}
#citytopics ul.otherlink li:nth-of-type(3n){
	margin-right:0px;
}
#citytopics ul.otherlink li a{
	padding:15px 70px 15px 20px;
	width:100%;
	display:inline-block;
	font-size:113%;
	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); 
	transition:.5s;
}
#citytopics ul.otherlink li a:hover{
	background-color:#efefef;
}
/*==============================================================================
	その他
==============================================================================*/
#kohobottom h2{
	padding:5px 0px 5px 40px;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:138%;
	background:url(images/koho/search_h3.png) no-repeat left center;
	border-bottom:2px dashed #00285E;
}
#kohobottom .tag{
	margin-bottom:60px;
	width:100%;
	list-style-type:none;
}
#kohobottom .tag li{
	margin:20px 20px 0px 0px;
	display:inline-block;
}
#kohobottom .tag li a{
	padding:10px 30px 10px 30px;
	display:inline-block;
	text-decoration:none;
	background:#F0EEEB;
	border-radius:50px;
	transition:.5s;
}
#kohobottom .tag li a:hover{
	background-color:#dad5ce;
}
#kohobottom ul.backnumber{
	display:flex;
	justify-content:flex-start;
	list-style-type:none;
}
#kohobottom ul.backnumber li{
	margin:20px 40px 0px 0px;
	width:calc((100% - 80px) / 3);
}
#kohobottom ul.backnumber li:nth-of-type(3n){
	margin-right:0px;
}
#kohobottom ul.backnumber li a{
	padding:15px 70px 15px 20px;
	width:100%;
	display:inline-block;
	font-size:113%;
	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;
	transition:.5s;
}
#kohobottom ul.backnumber li a:hover{
	background-color:#dad5ce;
}
/*******************************************************************************
[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;
	padding:35px 0px 40px 0px;
	position:relative;
	color:#222;
	font-family: "Kiwi Maru", serif;
	font-weight: 500;
	font-style: normal;
	font-size:310%;
	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-top:90px;
	padding:60px;
	max-width:1200px;
	background:#FFF;
	border-radius:20px;
}
@media screen and (max-width:1264px){
	.koho #kohosearch .container{
		margin-right:32px;
		margin-left:32px;
		width:calc(100% - 64px);
	}
}
#content2 .kohosearchinner{
	display:flex;
	align-items:center;
}
#content2 .kohosearchinner:nth-of-type(2){
	margin-top:70px;
}
#content2 .kohosearchinner h2{
	margin:0px 80px 0px 0px;
	padding:0px;
	width:25%;
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:138%;
	border:none;
}
#content2 .kohosearchinner h2::before{
	content:none;
}
#content2 .kohosearchinner #keywordsearch,
#content2 .kohosearchinner .tag{
	margin-top:0px;
	width:calc(75% - 80px);
	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:7px 20px 7px 0px;
	display:inline-block;
}
#content2 .kohosearchinner .tag li a{
	padding:10px 30px 10px 30px;
	display:inline-block;
	text-decoration:none;
	background:#F0EEEB;
	border-radius:50px;
	transition: all .5s;
}
#content2 .kohosearchinner .tag li a:hover{
	background:#dad5ce;
}
/*==============================================================================
	検索結果
==============================================================================*/
.koho #pagebody{
	padding:0px;
	max-width:none;
}
#kohoresult .container{
	margin-top:70px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
#kohoresult h2{
	margin:0px 20px 0px 0px;
	padding:25px 0px 25px 120px;
	width:calc(4.2em + 120px);
	font-family:"Kiwi Maru", serif;
	font-weight:500;
	font-style:normal;
	font-size:280%;
	background:url(images/koho/search.png) no-repeat;
}
#kohoresult h2::before{
	content:none;
}
#kohoresult dl{
	margin:0px;
	padding:10px 20px 10px 20px;
	display:flex;
	align-items:center;
	width:auto;
	max-width:calc(100% - 4.2em - 120px);
	background:#FFF;
	border-radius:20px;
}
#kohoresult dt,
#kohoresult dd{
	width:auto;
	background:transparent;
	border:none;
}
#kohoresult .container > p{
	margin:0px;
	padding-top:20px;
	width:100%;
	border-top:5px solid #00285E;
}
#searchresult{
	width:100%;
}
#searchresult ul{
	margin:20px 0px 0px 0px;
	list-style-type:none;
}
#searchresult ul li{
	margin:0px 0px 25px 0px;
}
#searchresult ul li a{
	padding:25px 35px 25px 35px;
	display:flex;
	align-items:center;
	text-decoration:none;
	background:#FFF;
	border-radius:20px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	transition: all .5s;
}
#searchresult ul li a p{
	margin:0px;
	width:60%;
	display:flex;
	flex-wrap:wrap;
}
#searchresult ul li a p .kohotitle{
	margin-top:10px;
	width:100%;
	font-size:138%;
	font-weight:bold;
	order:2;
}
#searchresult ul li a:hover p .kohotitle{
	text-decoration:underline;
}
#searchresult ul li a p .kohomonth{
	padding:2px 8px;
	width:auto;
	display:inline-block;
	background:#DFD9F1;
	border-radius:5px;
	order:1;
}
.kohotag{
	margin:0px;
	width:40%;
	display:inline-block;
	text-align:right;
}
.kohotag .scate{
	margin:5px 0px 5px 10px;
	padding:5px 15px 5px 15px;
	display:inline-block;
	text-decoration:none;
	background:#F0EEEB;
	border-radius:50px;
}
/*	ページ送り
------------------------------------------------------------------------------*/
.subjectpager{
	width:100%;
}
#kohoresult .moresubject ul.pagination{
	margin:35px 0px 15px 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;
}