@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト
[2] 詳細デザイン（共通）
　　カルーセルパネルA、B
　　検索
　　トピックス（タブ表示）
	画像横並び（.bannerimg ul）
	flexstyle1　アイコン（上）+テキスト
	flexstyle2　アイコン（左）+テキスト
	flexstyle3　テキストバナー
	横スクロール（自動再生）
	ImageSlider 横スクロールカルーセル
[2] 詳細デザイン
[3] 緊急エリア
　　オプション：緊急情報メール（表示切替3パターン）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト
*******************************************************************************/
#content3{
	margin: 0 auto;
	width:100%;
	background:transparent;
	max-width:none;
	min-width:auto;
}
.container{
	margin:auto;
	padding:32px 32px 32px 32px;
	width:100%;
	max-width:1376px;
	box-sizing: border-box;
}
#guide{
	padding:0px;
}
footer{
	padding:0px;
	background-image:none;
}
/*******************************************************************************
[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% - 25px);
	background-color:#1A7A6B;
	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:-6px;
	margin-left:-4px;
	width:12px;
	height:12px;
	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:-6px;
	margin-left: -9px;
	width:12px;
	height:12px;
	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:0px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
/*	見出し+テキスト+画像
------------------------------------------------------------------------------*/
#slidelink3list ul li,
#slidelink4list ul li{
	margin:1px 0px 0px 30px;
	width:200px;
	position:relative;
	transition:.5s;
	cursor:default;
}
#slidelink3list ul li,
#slidelink4list ul li,
#slidelink3list ul li > a,
#slidelink4list ul li > a{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	color:#222;
	text-decoration:none;
	transition:all .5s;
	border-radius:8px;
	gap:10px;
}
#slidelink3list ul li > a,
#slidelink4list ul li > a{
	padding-bottom:10px;
	cursor:pointer;
}
#slidelink3list ul li > a:hover,
#slidelink4list ul li > a:hover{
	background-color:#FDFCE5;
}
#slidelink3list ul li h3,
#slidelink4list ul li h3,
#slidelink3list ul li  a h3,
#slidelink4list ul li  a h3{
	margin:0px 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 10px 0px 10px;
	text-align:left;
	line-height:1.7;
	order:3;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
.koho #content3 h1{
	margin:0px;
	padding: 20px 10px 32px 16px;
	display:flex;
	gap:48px;
	align-items:center;
	justify-content:center;
	border:none;
}
.koho #content3 h1::before{
	content:none;
}
.koho #content3 .box{
	margin:0 auto;
	max-width:1312px;
}
.koho #content3 .outline{
	margin:20px auto;
	max-width:1312px;
	box-sizing:border-box;
}
/*==============================================================================
	表紙
==============================================================================*/
#cover{
	padding: 32px 0px 80px 0px;
}
#cover .container{
	padding:0px 32px;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	box-sizing:border-box;
}
#cover .coverinner{
	margin-top:64px;
	padding-left: 16px;
	width: calc(100% - 470px);
	order:2;
}
#cover .coverinner h2{
	margin:0px;
	padding:10px 64px 10px 64px;
	display:inline-block;
	font-size: 150%;
	color:#FFF;
	background:#1A7A6B;
	border-radius:0px 8px 8px 0px;
}
#cover .covercontent{
	padding: 32px 0px 8px 35px;
}
#cover .covercontent h3{
	padding:0px 0px 5px 0px;
	display:inline;
	font-size:150%;
	background: linear-gradient(transparent 60%, #C1EFEB 0%);
	border:none;
}
#content2 #cover h2::before,
#content2 #cover h3::before{
	content:none;
}
#content2 .covercontent p{
	margin:40px 0px 0px 0px;
	font-size:113%;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
.covercontent ul.objectlink{
	margin:32px 0px 0px 0px;
	clear:both;
	list-style-type:none;
}
.covercontent ul.objectlink li{
	margin-bottom:5px;
	padding-left:20px;
}
.coverinner .koholink{
	margin:0px 0px 0px 35px;
	clear:both;
	list-style-type:none;
}
.coverinner .koholink li{
	margin-bottom: 5px;
	padding-left:20px;
	position:relative;
}
.coverinner .koholink li::before{
	content:'';
	position:absolute;	
	top:calc(1.7em / 2 - 5px);
	left:0;
	width:8px;
	height:8px;
	border-top:solid 2px #2EB6AA;
	border-right:solid 2px #2EB6AA;
	-webkit-transform: rotate(45deg);
	transform:rotate(45deg);
}
#cover .kohocover{
	position:relative;
	width:450px;
	z-index:1;
}
#cover .kohocover img{
	max-width:100%;
	height:auto;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .36);
}
#cover .kohocover::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top: 16px;
	left: 16px;
	background:#EFEFEF;
	z-index:-1;
}
/*==============================================================================
	特集
==============================================================================*/
#feature{
	background:#E9FAF8;
}
#feature .container{
	padding:80px 32px 32px 32px;
	position:relative;
	max-width:1534px;
}
#feature h2{
	padding-top:8px;
	position:relative;
	font-size:calc(100% * 32 / 16);
	text-align:center;
}
#feature h2::before{
	content:"";
	width:100px;
	height:4px;
	position:absolute;
	top:0;
	left:calc(50% - 50px);
	background:#2EB6AA;
	border-radius:50px;
}
#feature #slidelink3{
	margin-bottom:0px;
}
#feature #slidelink3list .tmenu{
	padding:0px 2px 0px 2px;
	box-sizing:border-box;
}
#feature #slidelink3list ul{
	margin:0px 0px 0px -30px;
	padding:5px 0px;
}
#feature #slidelink3list ul li{
	margin-left:30px;
	width:345px;
	background:#FFF;
	border-radius:8px;
	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:8px 8px 0px 0px;
}
/*==============================================================================
	検索
==============================================================================*/
#search{
	background:#E9FAF8;
}
#search .container{
	padding-bottom:80px;
}
#search h2{
	padding-top:8px;
	position:relative;
	font-size:calc(100% * 32 / 16);
	text-align:center;
}
#search h2::before{
	content:"";
	width:100px;
	height:4px;
	position:absolute;
	top:0;
	left:calc(50% - 50px);
	background:#2EB6AA;
	border-radius:50px;
}
.searchinner{
	margin: 15px auto 0 auto;
	max-width:965px;
	display:flex;
	gap:65px;
	justify-content:space-between;
}
#search h3{
	font-size:calc(100% * 20 / 16);
}
.searchinner .searchwrap,
.searchinner .idsearchwrap{
	width:50%;
}
#keywordsearch, .navidetail{
	margin-top: 15px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	border-radius:10px;
}
#keywordsearch input[type="text"],
.searchinner .idsearchwrap input[type="text"]{
	padding: 18px 10px!important;
	width:calc(100% - 2.26em - 78px) !important;
	font-size:113% !important;
	border:none!important;
	border-radius:8px 0px 0px 8px!important;
}
#keywordsearch input[type="submit"],
.searchinner .idsearchwrap .navidetail #idbtn{
	padding: 18px 30px 18px 30px !important;
	color:#FFF;
	font-size:113% !important;
	font-weight:bold;
	background:#1A7A6B;
	border:none!important;
	border-radius:0px 8px 8px 0px !important;
	cursor:pointer;
}
.searchinner #idresult p{
	margin:0px;
	color:#c50000;
	font-weight:bold;
}
/*==============================================================================
	開閉メニュー
==============================================================================*/
#kohoarticle{
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #E5E5E5 calc(100% - 1px)),
	linear-gradient(90deg, transparent calc(100% - 1px), #E5E5E5 calc(100% - 1px));
	background-size: 30px 30px;
	background-repeat: repeat;
	background-position: center center;
}
#kohoarticle .container{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:32px;
}
/*------------------------------------------------------------------------------
	見出し
------------------------------------------------------------------------------*/
#kohoarticle h2{
	margin:0px;
	padding:0px 0px 0px 56px;
	position:relative;
	font-size:calc(100% * 22 / 16);
	background:none;
}
#kohoarticle h2::before{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top: calc(50% - 22px);
}
#kohoarticle .container > div:nth-of-type(1) h2::before{
	background:url(images/koho/info_01.png) no-repeat;
}
#kohoarticle .container > div:nth-of-type(2) h2::before{
	background:url(images/koho/info_02.png) no-repeat;
}
#kohoarticle .container > div:nth-of-type(3) h2::before{
	background:url(images/koho/info_05.png) no-repeat;
}
#kohoarticle .container > div:nth-of-type(4) h2::before{
	background:url(images/koho/info_04.png) no-repeat;
}
#kohoarticle .container > div:nth-of-type(5) h2::before{
	background:url(images/koho/info_03.png) no-repeat;
}
#kohoarticle .container > div:nth-of-type(6) h2::before{
	background:url(images/koho/info_07.png) no-repeat;
}
#kohoarticle .container > div:nth-of-type(7) h2::before{
	background:url(images/koho/info_06.png) no-repeat;
}
/*------------------------------------------------------------------------------
	リンク
------------------------------------------------------------------------------*/
#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;
}
/*------------------------------------------------------------------------------
	開閉メニュー
------------------------------------------------------------------------------*/
#kohoarticle .smenu{
	margin:8px 0px 0px 0px;
	width:calc((100% - 64px) / 3);
	float:none;
	background:#FFF;
	border:2px solid #222222;
	border-radius:8px;
	box-sizing:border-box;
}
#kohoarticle .smenu.articleinfo{
	width:100%;
}
.smenu .plus2,
.smenu .minus2,
.smenu p.tlist a{
	padding: 18px 16px 12px 16px;
	width: 100%;
	display: flex;
	justify-content:space-between;
	box-sizing:border-box;
}
.smenu .minus2{
	border-radius:10px 10px 0px 0px;
	box-shadow: 0 -1px 2px 0px rgba(0, 0, 0, 0.16);
}
.smenu .plus2 h3,
.smenu .minus2 h3{
	font-size:125%;
}
.smenu button.pmbtn{
	padding:0;
	width:44px;
	background:none;
	border:none;
	border-radius:0px;
	cursor:pointer;
}
.smenu button.pmbtn img{
	vertical-align:middle;
}
.smenu ul{
	margin:0px 16px;
	padding: 16px 8px 10px 8px;
	border-top:1px solid #222;
}
.smenu ul li{
	margin-bottom:15px;
	padding: 0px 0px 0px 20px;
	position:relative;
	background:none;
	border-bottom:none;
}
.smenu ul li:not([class])::before{
	content:'';
	position:absolute;	
	top:calc(1.7em / 2 - 5px);
	left:0;
	width:8px;
	height:8px;
	border-top:solid 2px #2EB6AA;
	border-right:solid 2px #2EB6AA;
	-webkit-transform: rotate(45deg);
	transform:rotate(45deg);
}
.smenu p.tlist{
	margin:0px;
	font-size:125%;
}
.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;
}
/*==============================================================================
	まちのトピックス
==============================================================================*/
#citytopicsbg{
	background:url(images/koho/bg.png) no-repeat, #FFF;
	background-size:cover;
}
#citytopics{
	background:rgba(255, 255, 255, .4);
}
#citytopics .container{
	padding:80px 32px;
	max-width:1534px;
}
#citytopics h2{
	padding-top:8px;
	position:relative;
	font-size:calc(100% * 32 / 16);
	text-align:center;
}
#citytopics h2::before{
	content:"";
	width:100px;
	height:4px;
	position:absolute;
	top:0;
	left:calc(50% - 50px);
	background:#2EB6AA;
	border-radius:50px;
}
#citytopics #slidelink4list .tmenu{
	padding:0px 2px 0px 2px;
	box-sizing:border-box;
}
#citytopics #slidelink4list ul{
	margin:0px 0px 0px -30px;
	padding:5px 0px;
}
#citytopics #slidelink4list ul li{
	margin-left:30px;
	width:345px;
	background:#FFF;
	border-radius:8px;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
}
#citytopics #slidelink4list ul li h3{
	font-size:100%;
}
#citytopics #slidelink4list ul li img:not(.external){
	border-radius:8px 8px 0px 0px;
}
#citytopics ul.otherlink{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	list-style-type:none;
	gap:40px;
}
#citytopics ul.otherlink li{
	margin:0px;
	width:calc((100% - 80px) / 3);
}
#citytopics ul.otherlink li:nth-of-type(3n){
	margin-right:0px;
}
#citytopics ul.otherlink li a{
	padding: 15px 40px 15px 20px;
	width:100%;
	display:inline-block;
	font-size:calc(100% * 18 / 16);
	font-weight:bold;
	text-decoration:none;
	background:url(images/koho/mark_li.svg) no-repeat right 16px center, #FFF;
	border-radius:8px;
	box-sizing:border-box;
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.16);
	transition:.5s;
}
#citytopics ul.otherlink li a:hover{
	background-color:#FDFCE5;
}
/*==============================================================================
	その他
==============================================================================*/
#kohobottom{
	background:#E9FAF8;
}
#kohobottom .container{
	padding:16px 32px 80px 32px;
}
#kohobottom h2{
	margin-top:64px;
	padding-top:8px;
	position:relative;
	font-size:calc(100% * 28 / 16);
	text-align:center;
}
#kohobottom h2::before{
	content:"";
	width:100px;
	height:4px;
	position:absolute;
	top:0;
	left:calc(50% - 50px);
	background:#2EB6AA;
	border-radius:50px;
}
#kohobottom .tag{
	margin-bottom:60px;
	width:100%;
	list-style-type:none;
	text-align:center;
}
#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:#FFF;
	border-radius:50px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	transition:.5s;
}
#kohobottom .tag li a:hover{
	background-color:#FDFCE5;
}
#kohobottom ul.backnumber,
#kohobottom ul.cityinfo{
	margin-left:-32px;
	display:flex;
	justify-content:flex-start;
	list-style-type:none;
}
#kohobottom ul.backnumber li,
#kohobottom ul.cityinfo li{
	margin:24px 0px 0px 32px;
	width:calc(100% / 3 - 32px);
}
#kohobottom ul.backnumber li a{
	padding:15px 35px 15px 20px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	font-size:calc(100% * 18 / 16);
	font-weight:bold;
	text-decoration:none;
	background:url(images/koho/mark_li.svg) no-repeat right 16px center, #FFF;
	border-radius:8px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	box-sizing:border-box;
	transition:.5s;
}
#kohobottom ul.backnumber li a:hover{
	background-color:#FDFCE5;
}
#kohobottom ul.cityinfo li a{
	font-size:calc(100% * 18 / 16);
	background:url(images/koho/mark_li.svg) no-repeat right 16px center, #FFF;
	border-radius:8px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	box-sizing:border-box;
	transition:.5s;
}
#kohobottom ul.cityinfo li a:hover{
	background-color:#FDFCE5;
}
#kohobottom ul.flexstyle2 li a img:not(.external){
	margin:13px 0px 13px 13px;
}
#kohobottom ul.flexstyle2 li a span:not([class]){
	padding: 5px 40px 5px 15px;
}
#kohobottom .anshininfo{
	margin-top:32px;
	padding:32px 40px;
	background:#FFF;
	border-radius:8px;
}
#kohobottom .anshininfo h3{
	margin-bottom: 24px;
	padding:10px 24px;
	font-size:calc(100% * 20 / 16);
	background:#C1EFEB;
	border-radius:8px;
}
#kohobottom .anshininfo ul.medical{
	margin:0px 16px;
	list-style-type:none;
}
#kohobottom .anshininfo ul.medical li{
	margin-bottom:24px;
	padding-bottom:24px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-bottom:1px solid #222222;
}
#kohobottom .anshininfo ul.medical li:last-of-type{
	margin-bottom:0px;
	border:none;
}
#kohobottom .anshininfo ul li h4{
	font-weight:500;
	background:linear-gradient(transparent 60%, #C1EFEB 0%);
}
#kohobottom .anshininfo ul li div{
	margin-top:4px;
	width:100%;
}
#kohobottom .anshininfo ul li div.madoguchi{
	display:flex;
}
#kohobottom .anshininfo ul li p.madoguchititle{
	margin-right:32px;
	font-size:calc(100% * 20 / 16);
	font-weight:bold;
}
#kohobottom .anshininfo ul li p.callnum{
	margin-right:40px;
	font-size:calc(100% * 20 / 16);
	font-weight:bold;
}
#kohobottom .anshininfo ul li .madoguchicate{
	margin-right:8px;
	padding:4px 8px;
	font-size:calc(100% * 15 / 16);
	background:#FEFBB8;
	border-radius:3px;
}
#kohobottom .anshininfo ul li .madoguchicate.e02{
	background:#AFF3F8;
}
#kohobottom .anshininfo ul li .madoguchicate.e03{
	background:#F49DFB;
}
#kohobottom .anshininfo ul li div a{
	padding-left: 18px;
	background:url(images/koho/mark_li.svg) no-repeat left top calc(.9em / 2 - 8px);
}
#kohobottom .anshininfo ul:not([class]){
	margin:0px 16px;
	list-style-type:none;
}
#kohobottom .anshininfo ul:not([class]) li{
	margin-right:32px;
	padding-left:18px;
	background:url(images/koho/mark_li.svg) no-repeat left top calc(.9em / 2 - 1px);
	display:inline-block;
}
/*******************************************************************************
[3] 広報紙検索結果ページ
*******************************************************************************/
.koho #pagebody{
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f2f2f2 calc(100% - 1px)),
	linear-gradient(90deg, transparent calc(100% - 1px), #f2f2f2 calc(100% - 1px));
	background-size: 30px 30px;
	background-repeat: repeat;
	background-position: center center;
}
.koho #content2{
	padding:0px;
	max-width:none;
	background:transparent;
	border:none;
}
.koho #content2 h1{
	margin:0px;
	padding: 40px 32px 40px 32px;
	background:transparent;
	border:none;
	text-align:center;
}
.koho #content2 h1::before{
	content:none;
}
/*==============================================================================
	検索
==============================================================================*/
.koho #kohosearch .container{
	padding:48px;
	max-width:1312px;
	background:#E9FAF8;
	border-radius:20px;
	box-sizing:border-box;
}
@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: 64px;
}
#content2 .kohosearchinner h2{
	margin:0px 80px 0px 0px;
	padding:0px;
	width:25%;
	font-size:calc(100% * 22 / 16);
	background:none;
	border:none;
}
#content2 .kohosearchinner h2::before{
	content:none;
}
#content2 .kohosearchinner #keywordsearch{
	margin-top:0px;
	width: calc(75% - 334px);
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	border-radius:10px;
}
#content2 .kohosearchinner .tag{
	margin:0px;
	width:calc(75% - 80px);
	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:#FFF;
	border-radius:50px;
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.16);
	transition:all .5s;
}
#content2 .kohosearchinner .tag li a:hover{
	box-shadow:none;
}
/*==============================================================================
	検索結果
==============================================================================*/
.koho #pagebody{
	padding:0px;
	max-width:none;
}
#kohoresult .container{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
#kohoresult h2{
	margin:0px 20px 0px 0px;
	padding:25px 0px 25px 0px;
	background:none;
}
#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;
	padding-left:16px;
	position:relative;
	width:100%;
}
#kohoresult .container > p::before{
	content:"";
	width:100%;
	height:5px;
	position:absolute;
	top:0;
	left:0;
	background:#2EB6AA;
	border-radius:50px;
}
#searchresult{
	width:100%;
}
#searchresult ul{
	margin: 20px 16px 0px 16px;
	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: 8px;
	border:1px solid #222;
	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: #FEFBB8;
	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:#FFF;
	border-radius:50px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
/*	ページ送り
------------------------------------------------------------------------------*/
.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:#1A7A6B;
	background:#FFF;
	border:1px solid #1A7A6B;
	border-radius:5px;
}
#kohoresult .moresubject ul.pagination li a{
	padding:2px 10px 2px 10px;
	display:block;
	color:#FFF;
	background:#1A7A6B;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #1A7A6B;
}
#kohoresult .moresubject ul.pagination li a:hover{
	opacity: 0.8;
	transition: opacity 500ms;
}
/*==============================================================================
	画面幅調整
==============================================================================*/
@media screen and (max-width:1376px){
	.koho #content3 .outline,
	.koho #content3 .box{
		width:calc(100% - 64px);
	}
}