strong {
	color: rgba(255, 105, 108, 1.00);
}

.smf_no {
	display: block !important;
}

.pc_no {
	display: none !important;
}

.sp_only {
	display: none !important;
}

/*===============================================
●style.css 画面の横幅が1000px以上
===============================================*/

html {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

img {
	max-width: 100%;
	height: auto;
	width
	/***/
	: auto;
	vertical-align: bottom;
}

/*base*/

header {
	width: 100%;
}

#container {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
	overflow: hidden;
}

#left_side {
	width: 196px;
	margin-right: 9px;
	float: left;
}

#main {
	width: 570px;
	float: left;
}

#right_side {
	width: 196px;
	float: right;
}

footer {
	width: 100%;
}

#footer_box {
	clear: both;
	width: 100%;
	overflow: hidden;
	background: #d1ffd8;
	border-top: 10px solid #01b340;
}

/*header*/

#header {
	width: 980px;
	margin: 0 auto;
	height: 185px;
	background: url(../images/bg_header.jpg) no-repeat center;
	position: relative;
}

#header h1#logo {
	position: absolute;
	top: 25px;
}

#logo {
	position: absolute;
	top: 25px;
}

#font-area {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/bg_headerbox.png) no-repeat;
	width: 285px;
	height: 87px;
}

/*20210816*/

#google_translate_element {
	position: absolute;
	right: 100px;
	top: 10px;
}

.questionary_element {
	position: absolute;
	right: 0;
	top: 88px;
}

#font-area ul {
	/*width: 196px;*/
	width:100px;
	height: 33px;
	margin-left: 13px;
	margin-top: 6px;
	background: url(../images/bg_fontbox.png) no-repeat;
	position: relative;
	padding-left: 62px;
	padding-top: 5px;
	margin-bottom: 5px
}

#font-area li {
	float: left;
	margin-right: 5px;
}

#font-area li:last-child {
	margin-right: 0;
	margin-left: 3px;
}

#search_box {
	width: 258px;
	margin: 0 auto;
	position: relative;
	background: none;
}

#search_box input.gsc_text {
	width: 195px;
	border: 1px solid #ccc !important;
	padding: 3px !important;
}

#search_box input.gsc_text:hover, #search_box input.gsc_text:focus, #search_box input.gsc_text:active {
	border: 1px solid #53acea !important;
}

#search_box input.gsc_btn {
	border: 1px solid #ccc;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
}

#search_box input.gsc_btn:hover, #search_box input.gsc_btn:focus, #search_box input.gsc_btn:active {
	background: #53acea;
	cursor: pointer;
}

#smf_menu dt {
	display: none;
}

nav#glnv {
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: url(../images/bg_glnv.gif) repeat-x;
}

nav ul {
	height: 40px;
	width: 980px;
	margin: 0 auto;
	display: table;
	text-align: center;
}

nav ul li {
	display: table-cell;
}

nav ul li span {
	display: none;
}

/*fbイイネボタン*/

.fb-like {
	position: absolute;
	top: 120px;
	right: 0;
	left: 851px;
}

/*ぱんくず*/

#breadcrumbs {
	width: 980px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#breadcrumbs li {
	display: inline;
	list-style-type: none;
	font-size: 0.8em;
}

#breadcrumbs li:before {
	content: " > ";
}

#breadcrumbs li:first-child:before {
	content: "";
}

/*サイド共通*/

ul.side_link01 {
	width: 196px;
	margin-bottom: 10px;
}

ul.side_link01 li {
	border-right: 2px solid #53acea;
	border-left: 2px solid #53acea;
	background: url(../images/bg_li-btm.gif) center bottom no-repeat;
	padding-bottom: 3px;
	text-align: left;
	padding: 15px;
	position: relative;
	color: #333;
}

ul.side_link01 li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.side_link01 li:first-child {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	height: 40px;
}

ul.side_link01 li:last-child {
	background: none;
	border-bottom: 2px solid #01b340;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

ul.side_link02 {
	width: 196px;
	margin-bottom: 10px;
}

ul.side_link02 li {
	border-right: 2px solid #01b340;
	;
	border-left: 2px solid #01b340;
	;
	background: url(../images/bg_li-btm.gif) center bottom no-repeat;
	padding-bottom: 3px;
	text-align: left;
	padding: 15px;
	position: relative;
	color: #333;
}

ul.side_link02 li span {
	display: block;
	text-align: right;
	padding-left: 15px;
	font-size: 0.7em;
}

ul.side_link02 li span a {
	font-size: 1.25em;
}

ul.side_link02 li span a:before {
	content: url(../images/li01.png);
	margin-right: 0.5em;
}

ul.side_link02 li:first-child {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	height: 40px;
}

ul.side_link02 li:last-child {
	background: none;
	border-bottom: 2px solid #01b340;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

ul.side_link02 li.all_link a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.side_link02 li dl {
	width: 100%;
	font-size: small;
	overflow: hidden;
	margin-bottom: 0.8em;
}

ul.side_link02 li dl dt {
	clear: both;
	background: #ccc;
	width: 60px;
	text-align: center;
	color: #333;
	float: left;
	padding: 3px;
	margin-bottom: 0.2em;
}

ul.side_link02 li dl dd {
	float: right;
	padding: 3px;
	margin-bottom: 0.2em;
}

ul.side_link03 {
	width: 196px;
	margin-bottom: 10px;
}

ul.side_link03 li {
	margin-bottom: 10px;
}

/*カレンダースタイル*/

.calenderbox {
	width: 100%;
	height: 90px;
}

.top_custom .calenderbox {
	width: 100%;
	height: 110px;
	margin: 10px auto -10px;
}

.dl_calender {
	width: 100%;
	position: relative;
}

.dl_calender a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.dl_calender dt {
	/*    background: url(../calender/images/ic_calender.gif) no-repeat;*/
	color: #1e882e;
	font-weight: bold;
	font-size: 1em;
	padding: 20px 0 25px;
	text-align: center;
}

.dl_calender dd {
	display: none;
}

/*サイドホバー設定*/

/*ul.side_link01 li:hover, ul.side_link02 li.all_link:hover {
    font-weight: bold;
    color: rgba(15,169,255,1.00);
}*/

/*サイド坂ラクバナー*/

#sakaraku {
	background: url(../images/bg_app.gif) no-repeat;
	width: 196px;
	height: 401px;
	position: relative;
}

#sakaraku img.ic01 {
	position: absolute;
	top: 196px;
	left: 6px;
}

#sakaraku img.ic02 {
	position: absolute;
	top: 270px;
	left: 34px;
}

/*
#sakaraku img.ic03{
	position: absolute;
	top:325px;
	left: 24px;
}
/*
/*ページの先頭に戻る*/

#p_top_b {
	width: 100%;
	height: 30px;
	margin: 0;
	text-align: right;
	position: relative;
}

#p_top_b a {
	display: block;
	width: 200px;
	height: 30px;
	margin: 0;
	background: #01b340;
	border-bottom: 0px;
	position: absolute;
	bottom: 0;
	right: 5%;
	border-collapse: collapse;
	border-radius: 10px 10px 0 0;
	transition: all ease-in-out .2s;
}

#p_top_b a:hover {
	background: #6cd08f;
}

#p_top_b p {
	text-align: center;
	line-height: 30px;
	font-weight: 600;
	color: #ffffff;
}

#p_top_b p span::before {
	content: "";
	display: block;
	background: #fff;
	width: 15px;
	height: 2px;
	position: absolute;
	left: 13px;
	top: 6px;
}

#p_top_b p span::after {
	content: "↑";
	color: #fff;
	position: absolute;
	left: 12px;
	top: 2px;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}

/*トップページ*/

#main {
	font-size: 90%;
	text-align: center;
}

#main p {
	margin-bottom: 1.5em;
}

#emergency {
	border: 2px solid #fc413e;
	border-radius: 10px;
	background: url(../images/bn_title_kinkyu.gif) no-repeat top left;
	text-align: left;
	padding: 14px 0;
	padding-right: 14px;
	padding-left: 116px;
	margin-bottom: 10px;
}

#emergency p {
	margin-bottom: 0 !important;
}

#emergency span {
	display: none;
}

#event-information {
	border: 2px solid #00d605;
	border-radius: 10px;
	background: url(../images/bn_title_event.gif) no-repeat top left;
	text-align: left;
	padding: 14px 0;
	padding-right: 14px;
	padding-left: 116px;
	margin-bottom: 10px;
}

#event-information p {
	margin-bottom: 0 !important;
}

#event-information span {
	display: none;
}

h2.waku {
	margin-bottom: 0;
	height: 40px;
}

.link_box {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.link_box ul {
	display: table;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
}

.link_box ul li {
	display: table-cell;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-right: 10px;
}

.link_box ul li:last-child {
	padding-right: 0;
}

.info_box {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	height: 160px;
	overflow: hidden;
	overflow-y: auto;
}

.info_box iframe {
	width: 570px;
	height: 181px;
}

.info_box dt {
	background: url(../images/li01.png) 0 0.2em no-repeat;
	padding-left: 15px;
	float: left;
	color: #49B3FF;
	font-weight: bold;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}

.info_box dd {
	border-bottom: 1px dotted #ccc;
	padding-left: 100px;
	text-align: left;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}

/*.info_box dt:last-child {
    padding-bottom: 0;
}
.info_box dd:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}*/

.news_scroll_box {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 25px;
	height: 100px;
	overflow: hidden;
	overflow-y: auto;
}

.news_box {
	padding: 10px;
	margin-bottom: 10px;
}

.news_box dt {
	background: url(../images/li01.png) 0 0.2em no-repeat;
	padding-left: 15px;
	float: left;
	color: #49B3FF;
	font-weight: bold;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}

.news_box dd {
	border-bottom: 1px dotted #ccc;
	padding-left: 100px;
	text-align: left;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}

.news_box dd:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.more {
	text-align: right;
}

p.more:before {
	content: url(../images/li01.png);
	margin-right: 5px;
}

.bn_box {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/*バナー広告*/

#bn_notice {
	clear: both;
	width: 980px;
	margin: 0 auto;
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 10px;
	background-image: linear-gradient(top, #f0f0f0, #ffffff);
	text-align: left;
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	margin-top: 15px;
}

#bn_notice dl {
	width: 967px;
	margin: 0 auto;
}

#bn_notice dl dt {
	background: url(../images/bg_bnkoukoku.png) no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

#bn_notice dl dd {
	width: 950px;
	margin: 0 auto;
}

#bn_notice dl dd ul {
	overflow: hidden;
	/*margin-bottom: 10px;*/
}

#bn_notice dl dd li {
	/*float: left;*/
	margin-right: 10px;
}

#bn_notice dl dd li:last-child {
	margin-right: 0;
}

/*スマホのみ表示*/

#smf_only01 {
	display: none;
}

/*下層ページメインコンテンツ*/

#main_contents {
	margin-bottom: 15px;
	text-align: left;
}

/*下層見出し*/

#main_contents h1 {
	width: 948px;
	height: 95px;
	border-radius: 10px;
	border: 1px solid #ccc;
	color: #1e882e;
	text-align: left;
	font-size: 2em;
	padding-left: 30px;
	padding-top: 55px;
	margin-bottom: 20px;
}

#main_contents h2 {
	clear: both;
	width: auto;
	border-radius: 8px;
	color: #FFF;
	text-align: left;
	font-size: 1.5em;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #08A50F;
}

#main_contents h3 {
	clear: both;
	width: auto;
	border: 1px solid #53acea;
	border-right: 5px solid #53acea;
	border-left: 5px solid #53acea;
	border-radius: 5px;
	color: #53acea;
	text-align: left;
	font-size: 1.2em;
	padding: 9px;
	margin-bottom: 20px;
}

#main_contents h4 {
	clear: both;
	width: auto;
	height: 25px;
	border-bottom: 2px solid #62bb62;
	color: #62bb62;
	text-align: left;
	font-size: 1.2em;
	padding-left: 10px;
	margin: 10px auto 15px;
}

#main_contents h5 {
	clear: both;
	width: auto;
	border-bottom: 2px dotted #1e882e;
	color: #1e882e;
	text-align: left;
	font-size: 1.1em;
	padding: 5px;
	font-weight: normal;
}

/*h1画像スタイル*/

h1#life {
	/*暮らしの情報*/
	background: url(../life/images/bgh1_life.jpg) no-repeat;
}

h1#maternity {
	/*妊娠出産*/
	background: url(../life/maternity/images/bgh1_maternity.jpg) no-repeat;
}

h1#child {
	/*子育て*/
	background: url(../life/child/images/bgh1_child.jpg) no-repeat;
}

h1#education {
	/*教育*/
	background: url(../life/education/images/bgh1_education.jpg) no-repeat;
}

h1#marriage {
	/*結婚離婚*/
	background: url(../life/marriage/images/bgh1_marriage.jpg) no-repeat;
}

h1#home {
	/*引越し住まい*/
	background: url(../life/home/images/bgh1_home.jpg) no-repeat;
}

h1#senior {
	/*高齢者介護*/
	background: url(../life/senior/images/bgh1_senior.jpg) no-repeat;
}

h1#job {
	/*就職退職*/
	background: url(../life/job/images/bgh1_job.jpg) no-repeat;
}

h1#condolences {
	/*おくやみ*/
	background: url(../life/condolences/images/bgh1_condolences.jpg) no-repeat;
}

h1#kouhou {
	/*広報さかほぎ*/
	background: url(../kouhou/images/bgh1_kouhou.jpg) no-repeat;
}

h1#sakaraku {
	/*さかほぎラクホン*/
	background: url(../images/bgh1_sakaraku.jpg) no-repeat;
}

h1#furusato {
	/*ふるさと納税*/
	background: url(../images/bgh1_furusato.jpg) no-repeat;
}

h1#tsukuriba {
	/*子育て環境整備つどい場ツクリバ*/
	background: url(../images/bgh1_tsukuriba.jpg) no-repeat;
}

h1#school_link {
	/*学校案内*/
	background: url(../images/bgh1_school_link.jpg) no-repeat;
}

/*カテゴリ用h1*/

h1#category01 {
	background: url(../life/category01/images/bgh1_category01.gif) no-repeat;
}

h1#category02 {
	background: url(../life/category02/images/bgh1_category02.gif) no-repeat;
}

h1#category03 {
	background: url(../life/category03/images/bgh1_category03.gif) no-repeat;
}

h1#category04 {
	background: url(../life/category04/images/bgh1_category04.gif) no-repeat;
}

h1#category05 {
	background: url(../life/category05/images/bgh1_category05.gif) no-repeat;
}

h1#category06 {
	background: url(../life/category06/images/bgh1_category06.gif) no-repeat;
}

h1#category07 {
	background: url(../life/category07/images/bgh1_category07.gif) no-repeat;
}

h1#category08 {
	background: url(../life/category08/images/bgh1_category08.gif) no-repeat;
}

h1#category09 {
	background: url(../life/category09/images/bgh1_category09.gif) no-repeat;
}

h1#category10 {
	background: url(../life/category10/images/bgh1_category10.gif) no-repeat;
}

h1#category11 {
	background: url(../life/category11/images/bgh1_category11.gif) no-repeat;
}

h1#category12 {
	background: url(../life/category12/images/bgh1_category12.gif) no-repeat;
}

h1#category13 {
	background: url(../life/category13/images/bgh1_category13.gif) no-repeat;
}

h1#category14 {
	background: url(../life/category14/images/bgh1_category14.gif) no-repeat;
}

h1#category15 {
	background: url(../life/category15/images/bgh1_category15.gif) no-repeat;
}

h1#category16 {
	background: url(../life/category16/images/bgh1_category16.gif) no-repeat;
}

h1#category17 {
	background: url(../life/category17/images/bgh1_category17.gif) no-repeat;
}

h1#category18 {
	background: url(../life/category18/images/bgh1_category18.gif) no-repeat;
}

h1#enterpriser {
	/*事業者向け*/
	background: url(../enterpriser/images/bgh1_enterpriser.jpg) no-repeat;
}

h1#administration {
	/*行政情報*/
	background: url(../administration/images/bgh1_administration.jpg) no-repeat;
}

h1#sightseeing {
	/*観光情報*/
	background: url(../sightseeing/images/bgh1_sightseeing.jpg) no-repeat;
}

h1#gikai {
	/*議会だより*/
	background: url(../gikai/images/bgh1_gikai.jpg) no-repeat;
}

/*段落*/

p.txt01 {
	font-size: 1.03em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	padding: 0 10px;
	color: #333;
}

p.txt01 span {
	font-size: 0.95em;
	color: #666;
}

p.txt02 {
	text-indent: 1em;
	clear: both;
	font-size: 1.03em;
	line-height: 1.3em;
	margin-bottom: 1.5em;
	padding: 0 10px;
	color: #333;
}

p.strg01 {
	font-size: 1.8em;
	color: rgba(243, 42, 98, 1.00);
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
}

/*リスト*/

ul.li01 {
	margin-bottom: 30px;
}

ul.li01 li {
	background: url(../images/li01.png) 0 0.35em no-repeat;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 0.8em;
	margin-left: 20px;
	line-height: 1.4em;
}

ul.li02 {
	margin-bottom: 30px;
}

ul.li02 li {
	background: url(../images/li04.png) 0 0.3em no-repeat;
	margin-left: 20px;
	padding-left: 18px;
	margin-bottom: 0.8em;
	line-height: 1.4em;
}

ul.li03 {
	margin-bottom: 30px;
}

ul.li03 li.pdf {
	background: url(../images/li_pdf.png) no-repeat left;
	padding: 5px 0 5px 30px;
	line-height: 1.5em;
	margin-left: 20px;
}

ul.li03 li.word {
	background: url(../images/li_word.png) 0.4em 0.5em no-repeat;
	padding: 5px 0 5px 30px;
	line-height: 1.5em;
	margin-left: 20px;
}

ul.li03 li.excel {
	background: url(../images/li_excel.png) 0.4em 0.5em no-repeat;
	padding: 5px 0 5px 30px;
	line-height: 1.5em;
	margin-left: 20px;
}

ul.li04 {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

ul.li04 li {
	width: 310px;
	margin-right: 10px;
	margin-bottom: 1.5em;
	padding: 0;
	background: rgba(236, 154, 156, 1.00);
	float: left;
}

ul.li04 li span.comment {
	display: block;
	background: rgba(55, 156, 82, 1.00);
	text-align: left;
	width: 290px;
	padding: 0 10px 10px 10px;
	font-size: small;
	color: #fff;
}

ul.li04 li img {
	width: 100%;
	margin-bottom: 10px;
}

ul.li04 li.right {
	margin-right: 0;
}

ol.li_number {
	list-style: decimal;
	margin-bottom: 30px;
}

ol.li_number li {
	margin-left: 40px;
	margin-bottom: 0.8em;
	line-height: 1.4em;
}

ol.li_kana {
	list-style: katakana;
	margin-bottom: 30px;
}

ol.li_kana li {
	margin-left: 40px;
	margin-bottom: 0.8em;
	line-height: 1.4em;
}

ul.li_pdf {
	margin: 10px auto;
	margin-left: 0 !important;
	margin-bottom: 30px;
}

ul.li_pdf li {
	background: url(../images/li_pdf.png) no-repeat left;
	padding: 5px 0 5px 30px;
	line-height: 1.5em;
	margin-left: 20px;
}

ul.li_excel {
	margin: 10px auto;
	margin-left: 0 !important;
	margin-bottom: 30px;
}

ul.li_excel li {
	background: url(../images/li_excel.png) 0.4em 0.5em no-repeat;
	padding: 5px 0 5px 30px;
	line-height: 1.5em;
	margin-left: 20px;
}

ul.li_word {
	margin: 10px auto;
	margin-left: 0 !important;
	margin-bottom: 30px;
}

ul.li_word li {
	background: url(../images/li_word.png) 0.4em 0.5em no-repeat;
	padding: 5px 0 5px 30px;
	line-height: 1.5em;
	margin-left: 20px;
}

ul.li_img {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

ul.li_img li {
	width: 300px;
	margin-right: 25px;
	float: left;
}

ul.li_img li img {
	width: 292px;
	height: auto;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom: 0.4em;
}

ul.li_img li span {
	display: block;
	background: rgba(26, 111, 142, 1.00);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
}

ul.li_img li:last-child {
	margin-right: 0;
}

ul.li_img02 {
	margin: 0 15px 30px 15px;
}

ul.li_img02 li {
	display: inline;
}

ul.li_img02 li img {
	width: 160px;
	height: auto;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom: 0.4em;
}

/*歌詞用_アコーディオン*/

ol.pcacc_box li {
	background: none !important;
	padding-left: 0 !important;
	line-height: 1.3em !important;
	font-size: 0.9em !important;
}

/*広報用*/

ul.li_kouhou {
	margin: 10px 0 20px 20px;
}

ul.li_kouhou li {
	background: url(../images/li01.png) 0 0.4em no-repeat;
	padding-left: 15px;
	margin: 10px 20px;
	line-height: 1.4em;
	float: left;
	width: calc(33% - 55px);
}

ul.li_kouhou li:nth-child(4) {
	clear: both;
}

ul.li_kouhou li:nth-child(3n+4) {
	clear: both;
}

ul.li_kouhou li:last-child {
	margin-bottom: 30px;
}

/*目次用02_大項目のみはこちらを使用*/

.li_contents02 {
	width: 950px;
	margin: 0 auto;
}

.li_contents02 li {
	padding: 15px;
	border-radius: 7px;
	font-weight: bold;
	font-size: 1.25em;
	margin-bottom: 1em;
	width: auto;
	background: url(../images/li01.png) 0.5em 1em no-repeat;
	border: 1px solid rgba(103, 189, 248, 1.00);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #333;
	padding-left: 25px;
	position: relative;
}

.li_contents02 li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.li_contents02 li:hover {
	background: rgba(229, 244, 255, 1.0) url(../images/li01.png) 0.5em 1em no-repeat;
	border-radius: 7px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.li_contents02 li span.g_link {
	display: inline;
	font-size: 0.55em;
	margin: 0;
	background: rgba(210, 240, 255, 1.00);
	border: 1px solid rgba(109, 212, 255, 1.00);
	border-radius: 7px;
	padding: 0 10px;
	margin-left: 15px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #4A4A4A;
}

/*定義リスト*/

dl.dl01 {
	margin: 28px 15px;
	margin-bottom: 30px;
}

dl.dl01 dt {
	clear: both;
	border-left: 5px solid #62bb62;
	border-bottom: 2px dotted #62bb62;
	padding: 8px 0 8px 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

dl.dl01 dd {
	line-height: 1.2em;
	overflow: hidden;
	margin-left: 15px;
	margin-bottom: 1.5em;
}

dl.dl02 {
	padding: 0 15px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 30px;
}

dl.dl02 dt {
	clear: both;
	width: 120px;
	padding: 10px;
	border-right: 1px solid rgba(84, 170, 93, 0.3);
	border-bottom: 1px solid rgba(84, 170, 93, 0.3);
	background: rgba(84, 170, 93, 0.3);
	color: rgba(28, 120, 33, 1.00);
	font-weight: bold;
	border-radius: 7px;
	float: left;
	line-height: 1.3em;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

dl.dl02 dd {
	width: auto;
	padding: 10px 10px 10px 150px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

dl.dl03 {
	clear: both;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}

dl.dl03 dt {
	border: 2px solid rgba(159, 217, 255, 1.00);
	color: rgba(52, 140, 189, 1.00);
	background: rgba(159, 217, 255, 0.5);
	border-radius: 10px;
	font-weight: bold;
	padding: 10px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	margin-bottom: 10px;
}

dl.dl03 dd {
	width: auto;
	padding: 0 10px;
	margin-bottom: 20px;
}

dl.dl03 dd dt {
	border: none;
	background: none;
	border-radius: 0px;
	border-bottom: 2px solid rgba(159, 217, 255, 1.00);
	padding: 5px;
}

dl.dl_acd {
	/*スマホではアコーディオン用*/
	margin: 0 10px;
}

dl.dl_acd dt {
	/*スマホではアコーディオン用*/
	color: #fff;
	background: #08A50F;
	font-size: 1.5em;
	padding: 13px 10px 10px 10px;
	font-weight: bold;
	border-radius: 5px;
}

dl.dl_acd dd {
	/*スマホではアコーディオン用*/
	margin-left: 1em;
	padding-top: 0.5em;
	line-height: 1.2em;
}

dl.dl_acd dd ul {
	margin-bottom: 2.5em !important;
}

.dl_imgfl {
	clear: both;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.dl_imgfl dt {
	/*画像フロート用_dtに入れる*/
	float: left;
	width: 150px;
}

.dl_imgfl dt img {
	padding: 5px;
	border: 1px solid #ccc;
}

.dl_imgfl dd {
	margin-left: 160px;
}

.dl_imgfl audio {
	margin-top: 20px;
	margin-bottom: 30px;
	display: block;
}

/*選挙用*/

dl.dl01_senkyo {
	margin: 28px 15px;
	margin-bottom: 30px;
}

dl.dl01_senkyo dt {
	clear: both;
	border-left: 5px solid #62bb62;
	border-bottom: 2px dotted #62bb62;
	padding: 8px 0 8px 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

dl.dl01_senkyo dd {
	line-height: 1.2em;
	overflow: hidden;
	margin: 10px;
	margin-bottom: 1.5em;
}

dl.dl01_senkyo dd li {
	background: none !important;
}

dl.dl01_senkyo dd li span {
	background: rgba(34, 190, 223, 0.8);
	display: block;
	color: #fff;
	padding: 5px;
	margin-bottom: 0.2em;
	font-weight: bold;
	border-radius: 3px;
}

/*dd内のリスト*/

#main_contents dd ul {
	margin: 0.8em 0;
}

#main_contents dd ol {
	margin: 0.8em 0;
	margin-left: 25px;
}

#main_contents dd ul li {
	background: url(../images/li01.png) 0 0.2em no-repeat;
	padding-left: 15px;
	margin-bottom: 0.8em;
}

#main_contents dd ol li {
	list-style: decimal;
	margin-bottom: 0.5em;
}

#main_contents dd li:last-child {
	margin-bottom: 0;
}

#main_contents dd ul.flt li {
	float: left;
	margin-right: 2em;
}

#main_contents dd ul.mgn_no {
	margin: 0 !important;
}

#main_contents dd ul li.pdf {
	background: url(../images/li_pdf.png) -0.2em -0.4em no-repeat;
	padding-left: 25px;
	margin-bottom: 0.8em;
}

#main_contents dl ol.li_number a.pdf {
	background: url(../images/li_pdf.png) -0.2em -0.2em no-repeat;
	padding-left: 25px;
	margin-bottom: 1.5em;
	list-style: none;
}

#main_contents dd ul li.word {
	background: url(../images/li_word.png) 0.1em 0 no-repeat;
	padding-left: 25px;
	margin-bottom: 0.8em;
}

#main_contents dd ul li.excel {
	background: url(../images/li_excel.png) 0.1em 0 no-repeat;
	padding-left: 15px;
	margin-bottom: 0.8em;
}

#main_contents dd ol.abc li {
	list-style: upper-latin;
}

#main_contents dd ol.kana {
	margin-left: 40px;
}

#main_contents dd ol.kana li {
	list-style: katakana;
}

/*坂祝町からのおしらせ*/

.hasshin_nichiji {
	font-size: 0.95em;
	color: #555;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
}

/*さかほぎラクホン*/

.sakaraku_box {
	margin-bottom: 20px;
}

.sakaraku_box dl {
	overflow: hidden;
}

.sakaraku_box dt {
	float: left;
	padding: 13px 15px 10px 15px;
	width: 350px;
	text-align: center;
}

.sakaraku_box dd {
	margin-left: 370px;
	padding: 10px 0 0 0;
	padding-left: 10px;
}

.sakaraku_box dd p.pdf {
	display: block;
	font-size: 1.05em;
	background: url(../images/li_pdf.png) 0 -0.1em no-repeat;
	padding-left: 28px;
	padding-bottom: 10px;
	padding-top: 4px;
	margin: 20px 10px;
}

.sakaraku_box dd dl {
	float: left;
	width: 260px;
	margin-top: 20px;
	margin-right: 20px;
	border: 1px solid #67BDF8;
	padding: 5px;
	border-radius: 10px;
	overflow: hidden;
}

.sakaraku_box dl dd dl dt {
	float: none;
	text-align: left;
	width: auto;
	background: #67BDF8;
	padding: 8px 8px 4px 8px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	margin-bottom: 5px;
}

.sakaraku_box dl dd dl dd {
	margin: 5px 0;
	height: 165px;
}

.sakaraku_toku_box {
	clear: both;
	margin-bottom: 20px;
	border: 1px solid #67BDF8;
	padding: 5px;
	background: #EFF8FE;
	border-radius: 3px;
}

.sakaraku_toku_box h3 {
	background: #FFF;
}

.sakaraku_toku_box dl {
	background: #FFF;
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #E0F1FD;
	border-radius: 3px;
}

.sakaraku_toku_box dl dt {
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	background: #67BDF8;
	padding: 8px 8px 4px 8px;
}

.sakaraku_toku_box dl dd img {
	margin: 10px auto;
}

.sakaraku_p_box {
	border: 2px solid #FF9999;
	border-radius: 5px;
	padding-bottom: 10px;
}

.sakaraku_p_box ul {
	list-style: none;
}

.sakaraku_p_box ul li {
	padding: 11px 0 7px 35px !important;
	list-style: none;
}

.sakaraku_p_box ul li:nth-child(1) {
	background: url(../images/sakaraku/li02_01.png) 0 -0.2em no-repeat !important;
}

.sakaraku_p_box ul li:nth-child(2) {
	background: url(../images/sakaraku/li02_02.png) 0 -0.2em no-repeat !important;
}

.sakaraku_p_box ul li:nth-child(3) {
	background: url(../images/sakaraku/li02_03.png) 0 -0.2em no-repeat !important;
}

.sakaraku_p_box ul li:nth-child(4) {
	background: url(../images/sakaraku/li02_04.png) 0 -0.2em no-repeat !important;
}

.icon_sakaraku {
	background: url(../images/sakaraku/icon00.jpg) 0 0 no-repeat;
	padding: 10px 0 8px 60px;
	margin-bottom: 10px;
	line-height: 1.15em;
}

/*
.dl_sakaraku{
	clear:both;
}
.dl_sakaraku dt{
	float:right;
	margin-bottom:20px;
}
.dl_sakaraku dd{
	width:50%;
	margin-right:30px;
	margin-top:10px;
	line-height:1.2em;
}
*/

.accordion_sakaraku {
	margin-bottom: 20px;
}

.accordion_sakaraku .pcacc_title {
	border: 2px solid #08a50f;
	border-radius: 10px;
	padding: 10px 10px 10px 30px;
	background: url(../images/sakaraku/li01.png) 0.35em 0.2em no-repeat #ebf9ac;
	display: block;
	margin-top: 15px;
}

.accordion_sakaraku .pcacc_box {
	font-size: 1em;
	line-height: 1.1em;
	margin-left: 10px;
	padding: 10px;
	border-left: 2px solid #08A50F;
}

/*----------
ふるさと納税_tax payment
----------*/

.furusato_box h2 {
	background-color: rgb(255, 152, 18) !important;
}

.furusato_box .u_info_box {
	width: auto;
}

.furusato_box ul.li_gift {
	overflow: hidden;
}

.furusato_box ul.li_gift li {
	float: left;
	width: calc(33.3% - 20px);
	margin: 5px;
	padding: 5px;
}

.furusato_box ul.li_gift li:nth-child(3n+1) {
	clear: both;
}

/*分類項目*/

ul.li_gift li p.type01, ul.li_gift li p.type02, ul.li_gift li p.type03, ul.li_gift li p.type04, ul.li_gift li p.type05, ul.li_gift li p.type06, ul.li_gift li p.type07, ul.li_gift li p.type08, ul.li_gift li p.type09 {
	padding: 5px 0 5px 5px;
	font-size: 0.8em;
	text-align: center;
	border-radius: 5px;
}

/*おもちゃ・ホビー*/

ul.li_gift li p.type01 {
	color: #d61b1b;
	border: 2px solid rgb(214, 27, 27);
}

/*雑貨・日用品*/

ul.li_gift li p.type02 {
	color: #48af84;
	border: 2px solid rgb(72, 175, 132);
}

/*食料品*/

ul.li_gift li p.type03 {
	color: #ffb55b;
	border: 2px solid rgb(255, 181, 91);
}

/*菓子セット*/

ul.li_gift li p.type04 {
	color: #bf8e63;
	border: 2px solid rgb(191, 142, 99);
}

/*花*/

ul.li_gift li p.type05 {
	color: #f79791;
	border: 2px solid rgb(247, 151, 145);
}

/*チケット・お食事券*/

ul.li_gift li p.type06 {
	color: #a33494;
	border: 2px solid rgb(163, 52, 148);
}

/*地産（工芸品・特産品）*/

ul.li_gift li p.type07 {
	color: #577699;
	border: 2px solid rgb(87, 118, 153);
}

/*健康・サプリメント*/

ul.li_gift li p.type08 {
	color: #579986;
	border: 2px solid rgb(87, 153, 134);
}

/*キャンプ用品*/

ul.li_gift li p.type09 {
	color: #54aeff;
	border: 2px solid rgb(84, 174, 255);
}

.furusato_box ul.li_gift li img {
	width: calc(100% - 2px);
	border: 1px solid #E0E0E2;
	border-radius: 5px;
	margin: 5px auto 10px;
}

.furusato_box ul.li_gift li p.lost, .furusato_box ul.li_gift li p.end {
	position: relative;
}

.furusato_box ul.li_gift li p.lost::after, .furusato_box ul.li_gift li p.end::after {
	color: #FFF;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	letter-spacing: .2em;
	position: absolute;
	top: 45%;
	width: 100%;
}

.furusato_box ul.li_gift li p.lost::after {
	content: '\54C1\5207\308C\4E2D';
}

.furusato_box ul.li_gift li p.end::after {
	content: '\53D7\4ED8\7D42\4E86';
}

.furusato_box ul.li_gift li p.lost::before, .furusato_box ul.li_gift li p.end::before {
	content: '';
	color: #FFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 0;
	background: rgba(20, 20, 20, 0.7);
	width: 100%;
	height: 180px;
	border-radius: 5px;
	margin: 5px auto 10px;
}

.furusato_box ul.li_gift li dl.gift_dl01 dt {
	font-weight: bold;
	font-size: 1.05em;
	line-height: 1.2em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #555;
}

.furusato_box ul.li_gift li dl.gift_dl01 dd strong {
	display: block;
}

.furusato_box ul.li_gift li dl.gift_dl01 dd {
	color: #333;
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: 8px;
}

.furusato_box ul.li_gift li dl.gift_dl02 {
	padding: 8px 10px;
	margin-bottom: 10px;
	font-size: 0.7vw;
	line-height: 1.95em;
	background: #F5F5F5;
	border-radius: 3px;
}

.furusato_box ul.li_gift li dl.gift_dl02 dt {
	position: relative;
	font-weight: bold;
	line-height: 1.45em;
	margin-bottom: 5px;
}

.furusato_box ul.li_gift li dl.gift_dl02 dt::before {
	content: '\2039\a0\63D0\4F9B\a0\203A';
	display: block;
}

.furusato_box ul.li_gift li dl.gift_dl02 dd.tel {
	background: url(../taxpayment/images/icon_tel.png) 0.1em -0.15em no-repeat;
	margin-left: 5px;
	padding-left: 30px;
}

.furusato_box ul.li_gift li dl.gift_dl02 dd.hp {
	background: url(../taxpayment/images/icon_hp.png) 0.2em -0.1em no-repeat;
	margin-left: 5px;
	padding-left: 30px;
}

.furusato_box ul.li_gift li dl.gift_dl02 dd.mail {
	background: url(../taxpayment/images/icon_mail.png) 0.02em -0.1em no-repeat;
	margin-left: 5px;
	padding-left: 30px;
}

.furusato_box ul.li_gift li dl.gift_dl02 dd.fax {
	background: url(../taxpayment/images/icon_fax.png) 0.2em -0.1em no-repeat;
	margin-left: 5px;
	padding-left: 30px;
}

.furusato_box ul.li_gift li p.pcacc_title {
	color: #555;
	font-size: 0.9em;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	padding: 3px 0;
	margin-bottom: 10px;
	border: 1px solid #333;
	border-radius: 5px;
}

.furusato_box ul.li_gift li p.pcacc_title:hover {
	background: #F8F8F8;
}

.furusato_box ul.li_gift li dl.pcacc_box dt {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #555;
}

.furusato_box ul.li_gift li dl.pcacc_box dd {
	line-height: 1.5em;
	font-size: 0.8vw;
	margin-bottom: 5px;
}

.furusato_box .box01 {
	border: 3px solid rgb(255, 81, 18);
	background: rgba(255, 81, 18, 0.1);
	padding: 10px;
	margin: 10px 10px 20px;
	color: #333;
	line-height: 1.6em;
	border-radius: 4px;
}

.furusato_box .li_btn {
	overflow: hidden;
}

.furusato_box .li_btn li {
	float: left;
	margin: 10px 12px 10px 0;
	width: calc(25% - 9px);
}

.furusato_box .li_btn li:last-child {
	margin-right: 0;
}

.furusato_box .li_btn li a {
	display: block;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 15px 10px;
	background: rgba(30, 136, 46, 0.8);
	text-decoration: none;
	border-radius: 8px;
}

.furusato_box .li_btn li.select a {
	background: rgba(255, 152, 18, 1);
}

.furusato_box .li_btn li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition: all 0.5s ease;
}

.furusato_tabbox {
	padding: 10px;
	border: 3px solid rgba(255, 152, 18, 1);
	border-radius: 8px;
}

#main_contents .furusato_box.renewal {
	text-align: center !important;
}

#main_contents .furusato_box.renewal h2 {
	text-align: center !important;
	margin: 0 auto;
}

/*----------
子育て環境整備つどい場ツクリバ_tsukuriba
----------*/

span.tsukuriba {
	display: block;
	font-size: 150% !important;
	margin: 10px;
	font-weight: bold;
	color: rgba(90, 164, 82, 1.00) !important;
}

#info {
	margin-bottom: 40px;
}

.tsukuriba_info {
	border-radius: 8px 8px 0 0 / 8px 8px 0 0;
	clear: both;
	width: auto;
	height: 18px;
	color: #FFF;
	text-align: left;
	font-size: 1.5em;
	padding: 11px;
	font-weight: bold;
	background-color: #08A50F;
}

/*----------
坂祝町民ふれあいプール
----------*/

.pool_box .li_btn {
	overflow: hidden;
	margin-bottom: 12px;
}

.pool_box .li_btn li {
	float: left;
	width: calc(33.3% - 10px);
	margin: 0 5px;
}

.pool_box .li_btn li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding: 18px 10px;
	border-radius: 10px;
	background: #4cc0ff;
}

.pool_box .li_btn li.stay a {
	background: #3484af;
}

.pool_box .box01 {
	border: 3px solid #ff4300;
	background: rgba(255, 147, 109, 0.2);
	padding: 10px;
	margin: 10px 0 20px;
	color: #333;
	line-height: 1.6em;
	border-radius: 4px;
}

.pool_box .news {
	border: 5px solid #4cc0ff;
	margin-bottom: 10px;
	border-radius: 5px;
}

.pool_box .news h2 {
	margin-bottom: 0 !important;
	background-color: #4cc0ff !important;
	border-radius: 0 !important;
}

.pool_box .news dl {
	height: 200px;
	overflow-y: scroll;
}

.pool_box .news dl dt, .pool_box .news dl dd {
	color: #333;
	font-size: 0.95em;
	line-height: 1.6em;
	padding: 5px;
}

.pool_box .news dl dt {
	font-weight: bold;
	background: url(../images/li01.png) 8px center no-repeat;
	background-color: rgba(255, 250, 10, 0.8);
	position: relative;
	padding-left: 20px;
}

.pool_box .news dl dt::after {
	content: '';
	color: #FFF;
	position: absolute;
}

.pool_box .news dl dd {
	border-left: 3px solid #fffa0a;
	margin-bottom: 10px;
}

.pool_box .news dl dd li {
	background: url(../images/li01.png) 0 0.35em no-repeat !important;
}

.pool_box .img_box {
	margin: 0 auto;
	text-align: center;
}

.li_side2 {
	overflow: hidden;
}

.li_side2 li {
	float: left;
	width: calc(50% - 10px);
	margin: 0 5px;
}

.li_side2 li span {
	display: block;
	color: #555;
	font-size: 0.95em;
	line-height: 1.4em;
	margin: 5px auto 10px;
	padding: 5px;
	border: 1px solid #F2F2F2;
	border-radius: 5px;
}

.li_side2 li:nth-child(2n+1) {
	clear: both;
}

/*目次用*/

.dl_contents {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 2em;
}

.dl_contents dt {
	background: rgba(103, 189, 248, 1.00);
	padding: 15px;
	border-radius: 7px;
	font-weight: bold;
	font-size: 1.25em;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(79, 162, 219, 1);
	margin-bottom: 1em;
}

.dl_contents dd {
	width: 430px;
	float: left;
	position: relative;
	padding: 10px;
	font-weight: bold;
	font-size: 1.1em;
	background: url(../images/li02.png) 0.2em 0.4em no-repeat;
	padding-left: 25px;
}

.dl_contents dd:hover {
	background: #e5f4ff url(../images/li02.png) 0.2em 0.4em no-repeat;
	border-radius: 7px;
}

.dl_contents dd a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dl_contents dd.under {
	display: block;
	margin: 10px auto;
	clear: both;
	border: 2px solid rgba(103, 189, 248, 1.00);
	color: rgba(103, 189, 248, 1.00);
	width: 926px;
	background: none;
	padding: 10px;
	border-radius: 7px;
	font-size: 1.25em;
}

.dl_contents dd.under ul {
	border-top: 1px solid rgba(103, 189, 248, 1.00);
	width: 100%;
	padding-top: 10px;
	margin-top: 5px;
}

.dl_contents dd.under li {
	display: block;
	float: left;
	width: 437px;
	background: url(../images/li02.png) 0em 0.35em no-repeat !important;
	font-size: 0.9em;
	color: #333 !important;
	padding-bottom: 0.3em;
	padding-left: 25px !important;
	padding-top: 0.5em;
	position: relative;
}

.dl_contents dd.under li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dl_contents dd.under li:hover {
	background: #e5f4ff url(../images/li02.png) 0em 0.35em no-repeat !important;
	border-radius: 7px;
}

.dl_contents02 {
	/*目次用02*/
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 2em;
}

.dl_contents02 dt {
	background: rgba(103, 189, 248, 1.00);
	padding: 15px;
	border-radius: 7px;
	font-weight: bold;
	font-size: 1.25em;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(79, 162, 219, 1);
	margin-bottom: 1em;
	position: relative;
}

.dl_contents02 dt a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dl_contents02 dt.only {
	width: auto;
	background: url(../images/li01.png) 0.5em 1em no-repeat rgba(103, 189, 248, 0.2);
	border: 2px solid rgba(103, 189, 248, 1.00);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #333;
	padding-left: 25px;
}

.dl_contents02 dt.only:hover {
	background: url(../images/li03.png) 0.5em 1em no-repeat rgba(103, 189, 248, 0.8);
}

.dl_contents02 dd {
	width: 888px;
	border: 1px solid rgba(103, 189, 248, 1.00);
	margin: 0 auto;
	position: relative;
	padding: 15px;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 7px;
	margin-bottom: 1em;
}

.dl_contents02 dd span {
	display: block;
	width: 890px;
	border-bottom: 1px dashed rgba(103, 189, 248, 1.00);
	padding-bottom: 0.5em;
	margin-bottom: 15px;
	font-size: 1.1em;
	color: rgba(103, 189, 248, 1.00);
}

.dl_contents02 dd li {
	position: relative;
	background: url(../images/li01.png) 0.2em 0.75em no-repeat !important;
	margin-left: 20px;
	padding: 10px;
	padding-left: 18px;
}

.dl_contents02 dd li:hover {
	background: rgba(229, 244, 255, 1.0) url(../images/li01.png) 0.2em 0.75em no-repeat !important;
	border-radius: 7px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.dl_contents02 dd a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dl_contents02 dd.only {
	background: url(../images/li01.png) 0.5em 1.05em no-repeat;
	width: 878px;
	padding-left: 25px;
}

.dl_contents02 dd.only:hover {
	display: block;
	background: rgba(229, 244, 255, 1.0) url(../images/li01.png) 0.5em 1.05em no-repeat;
}

.dl_contents02 dd li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dl_contents02 dd span.g_link {
	display: inline;
	font-size: 0.6em;
	margin: 0;
	background: rgba(210, 240, 255, 1.00);
	border: 1px solid rgba(109, 212, 255, 1.00);
	border-radius: 7px;
	padding: 0 10px;
	margin-left: 15px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	color: #4A4A4A;
}

/*テーブル*/

.tb01 {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.tb01 caption {
	display: block;
	margin-bottom: 10px;
}

.tb01 td, th {
	border: 1px solid #ccc;
	text-align: center;
	padding: 10px;
}

.tb01 th {
	vertical-align: middle;
	text-align: center;
	background: rgba(212, 243, 255, 0.8);
	color: #1C8FE3;
}

.tb01 th.th_td {
	background: #fff;
	color: #333;
}

.tb01 th span.th01 {
	display: block;
	background: #fff;
	padding: 8px;
	margin-top: 0.5em;
	border: 1px solid rgba(124, 212, 255, 1.00);
	border-radius: 5px;
	font-weight: normal;
	font-size: 0.8em;
}

.tb01 td {
	vertical-align: top;
	text-align: left;
	line-height: 1.2em;
}

.tb02 {
	width: 90%;
	margin: 0 auto;
	table-layout: fixed;
	margin-bottom: 30px;
}

.tb02 caption {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	background: url(../images/li02.png) 0 0em no-repeat;
	color: rgba(82, 188, 255, 1.00);
	font-size: 1.2em;
	text-align: left;
	padding-left: 25px;
	padding-top: 0.1em;
	font-weight: bold;
}

.tb02 td, th {
	border: 1px solid #ccc;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
}

.tb02 th {
	vertical-align: middle;
	text-align: center;
	background: rgba(212, 243, 255, 0.5);
	color: #1C8FE3;
}

.w200 {
	width: 150px;
}

/*テーブルコモン*/

.v_middle {
	vertical-align: middle !important;
}

.thbg01 {
	background: rgba(212, 243, 255, 0.6) !important;
}

.thbg02 {
	background: rgba(212, 243, 255, 0.3) !important;
}

/*テーブル内のリスト*/

td li {
	background: url(../images/li01.png) 0 0.3em no-repeat;
	padding-left: 13px;
	margin-bottom: 0.8em;
	margin-left: 0.5em;
}

td li.pdf {
	background: url(../images/li_pdf.png) 0 0 no-repeat;
	padding-left: 28px;
	padding-top: 0.3em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

td li:last-child {
	margin-bottom: 0;
}

/*広報さかほぎ*/

.kouhou_box {
	height: auto;
	margin: 10px;
}

.kouhou_box dl {
	margin: 15px auto;
	float: left;
	text-align: center;
}

.kouhou_box dl dd {
	margin-top: 25px;
}

.kouhou_box img {
	/* border-radius */
	border-radius: 4px;
	/* box-shadow */
	box-shadow: rgba(199, 199, 199, 0.65) 0px 0px 2px 1px;
	border: 3px solid #FFF;
}

.kouhou_box ul.li_pdf {
	width: 700px;
	float: left;
}

.kouhou_box2 p {
	float: right;
	clear: both;
	width: 150px;
	height: 18px;
	border-radius: 5px;
	background: #FFF;
	border: 2px solid #53ACEA;
	font-size: 0.8em;
	padding: 10px 0 0 15px;
	margin: 0 10px 20px 60px;
}

.kouhou_box2 p a {
	text-decoration: none;
	color: #53ACEA;
	background: url(../images/li01.png) 0 0.42em no-repeat;
	padding-left: 16px;
}

.kouhou_box2 h2 {
	clear: both;
}

.btn01 {
	width: 200px;
	height: 25px;
	border-radius: 5px;
	border: 2px solid #1e882e;
	background: #1e882e;
	font-size: 1em;
	padding-top: 12px;
	margin: 10px auto 10px;
}

.btn01 a {
	color: #fff;
	text-decoration: none;
}

/*施設紹介用*/

.shisetsu_box {
	width: 950px;
	margin: 0 auto;
	border-bottom: 30px;
	overflow: hidden;
}

.shisetsu_box img {
	float: left;
	width: 250px;
	margin-right: 15px;
}

.shisetsu_box dl {
	width: 685px;
	float: right;
}

.shisetsu_box dl dt {
	background: rgba(72, 150, 72, 1.00);
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	width: 120px;
	float: left;
	margin-bottom: 0.5em;
	clear: both;
}

.shisetsu_box dl dd {
	margin-bottom: 0.5em;
	padding: 10px 10px 10px 150px;
	border-bottom: 2px solid #B4DFBD;
	line-height: 1.2em;
}

.shisetsu_box dl dd iframe.s_map {
	width: 100%;
	height: 400px;
	margin-top: -10px;
}

/*暮らしのカレンダー用*/

ul.li_calendar {
	margin: 10px 0 20px 20px;
}

ul.li_calendar li {
	padding-left: 15px;
	margin: 10px 30px 20px;
	line-height: 1.3em;
	float: left;
}

ul.li_calendar li:nth-child(5) {
	clear: both;
}

ul.li_calendar li:nth-child(4n+5) {
	clear: both;
}

ul.li_calendar li:last-child {
	margin-bottom: 30px;
}

ul.li_calendar li dt {
	text-align: center;
}

ul.li_calendar li dd {
	width: 140px;
	border: 1px dotted #53acea;
	border-right: 2px solid #53acea;
	border-left: 2px solid #53acea;
	border-radius: 5px;
	color: #53acea;
	text-align: left;
	font-size: 0.9em;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 25px;
	background: url(../images/li_pdf.png) 0.1em 0.2em no-repeat;
	text-indent: 1.5em;
}

ul.li_calendar li dd span {
	display: block;
	text-indent: 0;
}

/*暮らしのカレンダー*/

.calendar_box {
	margin: 0 auto 20px;
}

.calendar_box .left {
	float: left;
	padding-left: 30px;
	margin: 0 auto 20px;
}

.calendar_box img {
	/* border-radius */
	border-radius: 4px;
	/* box-shadow */
	box-shadow: rgba(199, 199, 199, 0.65) 0px 0px 2px 1px;
	border: 3px solid #FFF;
}

/*総合計画地区懇談会用*/

.dl_sogokondan {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 2em;
}

.dl_sogokondan dt {
	background: rgba(71, 168, 79, 1.00);
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.dl_sogokondan dd {
	margin-bottom: 35px;
}

.dl_sogokondan dd.sakakura:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\5742\5009";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd.ohari:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\5927\91DD";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd.kuroiwa:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\9ED2\5CA9";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd.fukagaya:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\6DF1\8431";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd.katsuyama:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\52DD\5C71";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd.kamoyama:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\52A0\8302\5C71";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd.torikumi:before {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: rgba(71, 168, 79, 1.00);
	content: "\53D6\7D44";
	margin-bottom: 10px;
	border-radius: 5px;
}

.dl_sogokondan dd dl {
	margin: 0 5px;
}

.dl_sogokondan dd dl dt {
	background: #fff;
	color: rgba(71, 168, 79, 1.00);
	border-bottom: 2px rgba(71, 168, 79, 1.00) solid;
	font-size: 15px;
	padding: 0;
	border-radius: 0px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

.dl_sogokondan dd dl dd ul li {
	margin-left: 1em;
}

/*観光情報*/

.sightseeing_box img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 300px;
}

.sightseeing_box p {
	margin-bottom: 1em;
}

.sightseeing_box dl {
	margin-bottom: 30px;
}

.sightseeing_box dt {
	font-weight: bold;
	color: rgba(71, 162, 39, 1.00);
	border-bottom: 2px solid rgba(71, 162, 39, 1.00);
	padding: 5px 10px;
}

.sightseeing_box dd {
	margin-left: 1em;
}

.sightseeing_box p.map {
	clear: both;
	margin-top: 20px;
	background: rgba(212, 242, 255, 1.00);
	border: 1px solid rgba(23, 168, 228, 1.00);
	border-radius: 10px;
	padding: 20px;
	font-weight: bold;
	font-size: 1.2em;
	color: rgba(7, 139, 195, 1.00);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.sightseeing_box p.map img {
	float: none;
	width: 100%;
	margin: 0;
}

.sightseeing_box p.map span {
	font-weight: normal;
	display: block;
	font-size: 0.56em;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
	padding: 5px;
	margin-top: 5px;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 97%;
	margin: 0 auto;
	margin-bottom: 0.5em;
}

.ggmap iframe, .ggmapr object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

/*お問い合わせメールフォーム*/

.tb_inquiry {
	width: 97%;
	table-layout: fixed;
	margin: 10px;
}

.tb_inquiry th {
	vertical-align: middle;
	text-align: left;
	color: #1C8FE3;
	line-height: 1.2em;
	border: none;
	width: 200px;
	background: rgba(212, 243, 255, 0.8);
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-radius: 5px;
}

.tb_inquiry td {
	border-left: 5px solid #FFF;
	border-top: 1px dashed #EEE;
	border-bottom: 1px dashed #EEE;
	padding: 5px 10px;
}

.tb_inquiry td span {
	vertical-align: middle;
}

.tb_inquiry td.radio input {
	display: none;
}

.tb_inquiry td.radio label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}

.tb_inquiry td.radio label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #DDD;
	border-radius: 50%;
}

.tb_inquiry td input[type="radio"]:checked+label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #1C8FE3;
}

.tb_inquiry textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #BBB;
	border-radius: 3px;
}

.tb_inquiry input {
	line-height: 1.6em;
	border: 1px solid #BBB;
	border-radius: 3px;
}

.tb_inquiry input.w100 {
	width: 100px;
}

.tb_inquiry input.w200 {
	width: 200px;
}

/*お問い合わせフォームボタン*/

.inquiry_bottom {
	text-align: center;
}

.inquiry_bottom input {
	margin: 5px 20px;
	color: #FFF;
	padding: 10px 119px;
	background: #1C8FE3;
	border: 1px solid rgba(212, 243, 255, 0.8);
	border-radius: 5px;
	font-size: 15px;
	cursor: pointer;
	outline: none;
	letter-spacing: 0.1em;
}

.inquiry_bottom input:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.63;
	transition: all 0.6s ease;
}

/*お問い合わせボックス*/

.u_info_box {
	width: 950px;
	margin: 0 auto;
	border: 1px solid #67BDF8;
	padding: 5px;
	border-radius: 10px;
	overflow: hidden;
}

.u_info_box p {
	clear: both;
	background: #67BDF8;
	padding: 8px 8px 4px 8px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	margin-bottom: 5px;
}

.u_info_box dl {
	overflow: hidden;
}

.u_info_box dt {
	float: left;
	padding: 13px 15px 10px 15px;
	font-weight: bold;
	color: #333;
	font-size: 1.2em;
	width: 450px;
}

.u_info_box dt span.add {
	display: block;
	color: #666666;
	font-weight: normal;
	font-size: 0.8em;
	margin-top: 0.5em;
}

.u_info_box dd {
	margin-left: 470px;
	padding: 10px 0 0 0;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

.u_info_box dd:after {
	content: '';
	display: block;
	clear: both;
}

.u_info_box dd span.tel {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/li_tell.png) 0 0em no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 4px;
}

.u_info_box dd span.tel02 {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/li_tell.png) 0 0em no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 4px;
	margin-left: 13px;
	margin-top: 3px;
}

.u_info_box dd span.tel a, .u_info_box dd span.tel02 a, .u_info_box dd span.fax a {
	text-decoration: none;
	color: #333;
	cursor: text;
}

.u_info_box dd span.mail {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/li_mail.png) 0 0.2em no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 4px;
	margin-left: 13px;
	margin-top: 3px;
}

.u_info_box dd span.fax {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/li_fax.png) 0 0 no-repeat;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 4px;
	margin-top: 3px;
}

/*アンケートフォーム*/

.no-sakaraku, .yes-sakaraku {
	display: block;
	padding: 5px;
	margin: 10px auto;
	border: 3px solid rgba(212, 243, 255, 0.8);
	border-radius: 3px;
}

.no-sakaraku p, .yes-sakaraku p {
	text-align: center;
	font-size: 1.2em;
	color: #333;
	text-decoration: none;
	line-height: 2em;
	background: rgba(212, 243, 255, 0.8);
	padding: 3px 5px;
	margin-bottom: 10px;
}

/*.no-sakaraku p.pcacc_title,
.yes-sakaraku p.pcacc_title{
	text-align:center;
	font-size:1.2em;
	color:#555;
	text-decoration:none;
	line-height:2em;
	background: rgba(212,243,255,0.8);
	padding:3px 5px;
	margin-bottom:10px;
}
.no-sakaraku p.pcacc_title:hover,
.yes-sakaraku p.pcacc_title:hover{
	font-weight:normal;
}*/

.dl_questionary {
	width: calc(100% - 42px);
	margin: 0 auto 40px;
	padding: 10px 20px;
	list-style-type: none;
	border: 1px solid rgba(233, 233, 233, 0.6);
	border-radius: 10px;
}

.dl_questionary dt {
	display: block;
	text-align: left;
	color: #1C8FE3;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	border: none;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	position: relative;
}

.dl_questionary dt::before {
	content: 'Q';
	padding-right: 10px;
}

.dl_questionary dd {
	color: #666;
	font-size: 2em;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.dl_questionary dt::before {
	content: 'Q';
}

.dl_questionary dd.radio label, .dl_questionary dd.checkbox label {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	line-height: 1;
}

.dl_questionary dd.radio input, .dl_questionary dd.checkbox input {
	display: none;
}

.dl_questionary dd.radio label {
	display: block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	line-height: 1;
}

.dl_questionary dd.checkbox label {
	display: block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	line-height: 1;
}

.dl_questionary dd.radio label::before {
	position: absolute;
	content: '';
	top: 1.12em;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #DDD;
	border-radius: 50%;
}

.dl_questionary dd.checkbox label::after {
	position: absolute;
	content: '';
	top: 1.12em;
	left: -10px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #CCC;
	border-radius: 2px;
}

.dl_questionary dd input[type="radio"]:checked+label::after {
	position: absolute;
	content: '';
	top: 1.12em;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #1C8FE3;
}

.dl_questionary dd input[type="checkbox"]:checked+label::before {
	position: absolute;
	content: '';
	top: 1.12em;
	left: -4px;
	width: 5px;
	height: 9px;
	margin-top: -7px;
	border-right: 3px solid #1C8FE3;
	border-bottom: 3px solid #1C8FE3;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1;
}

.dl_questionary dd.radio label input, .dl_questionary dd.checkbox label input {
	margin: 0 10px;
}

.dl_questionary dd label.other textarea {
	margin-top: 10px;
}

.dl_questionary dd.ws label {
	display: inline-block;
}

.dl_questionary textarea {
	width: calc(100% - 10px);
	padding: 5px;
	border: 1px solid #BBB;
	border-radius: 3px;
}

.dl_questionary input {
	line-height: 1.6em;
	border: 1px solid #BBB;
	border-radius: 3px;
}

/*マイマップ用*/

iframe.access_map {
	width: 400px;
	height: 300px;
	margin: 10px;
}

/*イメージフロートボックス*/

.ifr_box_tx02 {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

.ifr_box_tx02 img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.ifr_box_tx02 p {
	text-indent: 1em;
	margin-bottom: 1.5em;
	line-height: 1.2em;
}

.ifl_box_tx02 {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

.ifl_box_tx02 img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.ifl_box_tx02 p {
	text-indent: 1em;
	margin-bottom: 1.5em;
	line-height: 1.2em;
}

.ifl_box_tx01 {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 30px;
	overflow: hidden;
}

.ifl_box_tx01 img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}

.ifl_box_tx01 p {
	margin-bottom: 1.5em;
	line-height: 1.2em;
}

/*-----------------------------------------------
__アコーディオン
-----------------------------------------------*/

.pcacc_title {
	cursor: pointer;
	color: #08a50f;
	text-decoration: underline;
}

.pcacc_title:hover {
	font-weight: bold;
}

.pcacc_box {
	display: none;
	margin-bottom: 15px;
}

/*フッター*/

#footer_box {
	padding-top: 20px;
}

#footer_box div {
	width: 980px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#footer_box div div.left {
	border-right: 1px solid #ccc;
	margin-right: 30px;
	float: left;
	width: 400px;
}

#footer_box div div.footer_link {
	float: left;
	width: 549px;
}

#footer_box div div.footer_link a:hover {
	opacity: .7;
}

#footer_box address {
	padding-left: 45px;
	font-size: 0.95em;
	margin-bottom: 1em;
	font-style: normal;
}

#footer_box dl {
	padding-left: 45px;
	font-size: 0.95em;
}

#footer_box dt {
	font-weight: bold;
	float: left;
}

#footer_box dd {
	padding-left: 125px;
	margin-bottom: 0.3em;
}

#footer_box ul {
	width: 410px;
}

#footer_box li {
	font-size: 0.9em;
	background: url(../images/li01.png) no-repeat;
	float: left;
	width: 190px;
	padding-left: 15px;
	margin-bottom: 0.5em;
}

p.copyright {
	margin: 0;
	padding: 12px;
	background: #01b340;
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
}

p.copyright a {
	color: #fff;
	text-decoration: none;
}

/*リンク設定*/

a {
	/*color: #08a50f;*/
	color: #343D55;
	text-decoration: none;
}

/*a:hover {
    font-weight: bold;
    text-decoration: none;
}*/

a.a_tel {
	text-decoration: none;
	color: #333;
	font-weight: normal;
	cursor: text;
}

/*SAPN*/

span.sankou {
	display: inline;
	padding: 0.2em 0.5em;
	margin-right: 5px;
	border: 1px solid #ccc;
	background: rgba(223, 223, 223, 1.00);
	color: #333;
	border-radius: 7px;
}

span.disp_blk {
	display: block;
}

span.list {
	/*リスト内リストに使用*/
	display: block;
	background: url(../images/li04.png) 0 0.3em no-repeat;
	padding-left: 15px;
}

span.inline_block {
	display: inline-block;
	margin: 3px 10px 3px 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 5px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	background: rgba(237, 237, 237, 1.00);
}

span.prefeito01 {
	display: block;
	font-size: 120% !important;
	margin: 10px;
	font-weight: bold;
	color: rgba(90, 164, 82, 1.00) !important;
}

span.shidou_last {
	display: block;
	position: absolute;
	bottom: 10px;
}

span.glay {
	color: #555;
	display: block;
	font-size: 90%;
	padding: 0.2em 0.5em;
	border: 1px solid #ccc;
	background: rgba(223, 223, 223, 0.5);
	border-radius: 3px;
}

/*common*/

.img_box {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.img_fright {
	width: 400px;
	float: right;
	margin: 0 0 10px 10px;
}

.c_both {
	clear: both;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.small {
	font-size: small !important;
}

.mb10 {
	margin-bottom: 10px;
}

.mb30 {
	margin-bottom: 30px;
}

.mr10 {
	margin-right: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mt10 {
	margin-top: 10px;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w230 {
	width: 230px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px !important;
}

.w550 {
	width: 550px;
}

.red {
	color: #ff0000;
}

.gray {
	color: #666;
}

.va_middle {
	vertical-align: middle !important;
}

.va_top {
	vertical-align: top;
}

.po_a {
	position: absolute;
}

.po_re {
	position: relative;
}

.pc_no {
	display: none;
}

.blank:after {
	content: "\5225\30A6\30A4\30F3\30C9\30A6\3067\958B\304D\307E\3059";
	font-size: 0.7em;
	margin-left: 10px;
	border: 1px solid rgba(76, 202, 255, 1.00);
	color: rgba(76, 202, 255, 1.00);
	padding: 0.1em 0.5em;
	border-radius: 5px;
}

/*-----------------------------------------------------------------
______2019.3.27追加  トップページカスタム___________________________________________
-----------------------------------------------------------------*/

/*---header-------------------------------*/

.top_custom #header {
	width: 100%;
	max-width: 1400px;
	height: 90px;
	background: none;
	margin: 0 auto;
	position: relative;
}

.top_custom #header h1#logo {
	position: absolute;
	top: 3px;
	left: 20px;
	width: 220px;
	transition: all ease-in-out .2s;
}

.top_custom #header h1#logo:hover {
	opacity: .5;
}

/*---ヘッダーほぎもん-------------------------------------------------------*/

.h_hogimon {
	position: relative;
	right: 0;
	top:-25px;
	margin: 0;
	z-index: -1;
	bottom: 0px;
	width: 100px;
	display:block;
}

/*-----------------------------------------------
__Global Navi
-----------------------------------------------*/

#toggle {
	display: none;
}


.toggleWrap {
	display: none;
	box-sizing: border-box;
	background: #01b340;
	padding: 120px 0 30px 0;
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	height: 100vh;
	z-index: 999 !important;
}

.hide {
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

/*---nav menu-----------------------------*/

.top_custom nav#glnv {
	background: #01b340;
}

.top_custom nav ul {
	width: 100%;
	max-width: 1400px;
	height: 50px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.top_custom nav ul li {
	display: block;
	flex-basis: 100%;
	border-left: 1px solid #fff;
}

.top_custom nav ul li:nth-child(5) {
	border-right: 1px solid #fff;
}

.top_custom nav ul li:nth-child(6) {
	display: none;
}

.top_custom nav ul li a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
	line-height: 40px;
	transition: all ease-in-out .2s;
	position: relative;
	overflow: hidden;
}

.top_custom nav ul li a::before {
	content: url(../images/glnv_hover01.png);
	width: 40px;
	height: 40px;
	opacity: 0;
	display: block;
	transition: all ease .5s;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.top_custom nav ul li a:hover::before {
	opacity: .7;
	left: 2%;
}

.top_custom nav ul li a::after {
	content: "";
	width: 75%;
	height: 100%;
	;
	opacity: 0;
	display: block;
	transition: all ease .5s;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	box-shadow: inset 0 0 10px 10px #01b340;
	border-radius: 50px;
}

.top_custom nav ul li a:hover::after {
	opacity: .2;
	left: 5%;
}

.top_custom #font-area {
	position: absolute;
	top: auto;
	bottom: 0;
	/*right: 60px;*/
	right:52px;
	background: none;
	width: 400px;
	height: 50px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.top_custom #font-area li {
	cursor: pointer;
}

.top_custom #font-area a {
	transition: all ease .3s;
}

.top_custom #font-area a:hover {
	opacity: .5;
}

/*---container---------------------------*/

.top_custom #container {
	margin-top: 0;
	width: 100%;
	max-width: 1400px;
}

/*---切り替え画像--------------------------------*/

.top_custom div#top_img {
	width: 100%;
	height: 350px;
	margin: 0 auto 30px;
	position: relative;
}

.top_custom div#top_img.topimg_sp {
	display: none;
}

.top_custom div#top_img img {
	width: 100%;
	height: 100%;
}

img.obj_img {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

#top_img h2 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 600;
	font-size: 3.5rem;
	position: absolute;
	width: 60%;
	text-align: center;
	top: 45%;
	right: 0;
	left: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	z-index: 1;
	letter-spacing: 6px;
	color: #fff;
	text-shadow: 0px 1px 10px #0000006e;
}

#top_img h2 span p {
	font-weight: normal;
	font-size: .25em;
	margin: 5px;
	line-height: 2;
	letter-spacing: 2px;
}

.seijinshiki {
	position: absolute;
	right: 40px;
	bottom: 40px;
}

.seijinshiki a {
	background: #fff;
	padding: 15px 20px;
	border: #08a50f 2px solid;
	border-radius: 10px;
	color: #08a50f;
	font-weight: bold;
}

.top_img ul li {
	position: relative;
}

.topimg_text {
	position: absolute;
	bottom: 30px;
	right: 50px;
	color: #fff;
	/*width: 250px;
  text-align: right;*/
	font-weight: bold;
	/*padding: 18px 0;
  padding-right: 30px;
  box-sizing: border-box;
  background: -moz-linear-gradient(to left,rgba(255,255,255,1.0),rgba(255,255,255,0.8) 70%,rgba(255,255,255,0));
  background: -webkit-linear-gradient(to left,rgba(255,255,255,1.0),rgba(255,255,255,0.8) 70%,rgba(255,255,255,0));
  background: linear-gradient(to left,rgba(255,255,255,1.0),rgba(255,255,255,0.8) 70%,rgba(255,255,255,0));*/
}

/*---main---------------------------------*/

.top_custom #main {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	float: none;
	position: relative;
}

/*---緊急情報・新着情報---------------------------------*/

.left_box01 {
	width: 100%;
	height: auto;
	flex-basis: 68%;
	max-width: 68%;
	position: relative;
	margin: 0 0 30px;
	align-items: center;
}

.top_custom #emergency {
	border: 2px solid #fc413e;
	border-radius: 10px;
	background: none;
	text-align: left;
	margin-bottom: 0;
	position: relative;
	display: flex;
	height: auto;
	padding: 0;
	box-sizing: border-box;
	justify-content: space-between;
}

.top_custom #emergency div {
	background: #fc413e;
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
	width: 195px;
	border-radius: 5px 0 0 5px;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 15px;
	position: relative;
}

.top_custom #emergency p {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/*
.top_custom #emergency {
    border: 2px solid #fc413e;
    border-radius: 10px;
    background: none;
    text-align: left;
    margin-bottom: 0;
    position: relative;
    display: flex;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
}*/

/*.top_custom #emergency {
    border: 2px solid #fc413e;
    border-radius: 10px;
    background: none;
    text-align: left;
    padding: 0;
    padding-right: 0;
    padding-left: 150px;
    margin-bottom: 0;
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}*/

/*.top_custom #emergency p {
    margin-bottom: 0!important;
    position: relative;
    left: 0;
    top: 0;
    background: #fc413e;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    height: auto;
    padding: 20px 0;
    width: 120px;
    border-radius: 5px 0 0 5px;
    text-align: center;
    flex-basis: 120px;
}*/

/*.top_custom #emergency p {
    margin-bottom: 0!important;
    position: absolute;
    left: 0;
    background: #fc413e;
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 50px;
    width: 120px;
    text-align: center;
}*/

.top_custom #emergency dl {
	/* flex-basis: 83%; */
	width: calc(100%);
	box-sizing: border-box;
	margin: 0 0 0 20px;
	padding: 20px 15px 15px 0px;
}

.top_custom #emergency dl dd {
	margin-bottom: 15px;
}

.top_custom #emergency dl dd:last-child {
	margin-bottom: 0;
	line-height: 1.2;
}

.top_custom #emergency dl a {
	transition: all 0.3s;
}

.top_custom #emergency dl a:hover {
	opacity: 0.6;
}

/*---切り替えタブ--------------------------------*/

.tabs {
	position: relative;
	margin: 30px auto;
	width: 100%;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 25%;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
	cursor: pointer;
	margin: 0 auto;
	box-sizing: border-box;
}

.tabs input#tab-2 {
	left: 25%;
}

.tabs input#tab-3 {
	left: 50.4%;
	width: 30%;
}

.tabs label {
	background: #666;
	font-size: 100%;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0;
	float: left;
	display: block;
	width: 25%;
	font-weight: bold;
	text-align: center;
	border-radius: 10px 10px 0 0;
	border: none;
	margin: 0 2px 0 0;
	color: #fff;
	transition: all ease .3s;
	box-sizing: border-box;
}

.tabs input:hover+label {
	background: #6cd08f;
}

.tab-label-2 {
	z-index: 3;
}

.tabs input:checked+label {
	background: #01b340;
	z-index: 6;
	color: #fff;
}

.clear-shadow {
	clear: both;
}

.content {
	background: #fff;
	position: relative;
	width: 100%;
	height: 270px;
	z-index: 5;
	border: 2px solid #01b340;
	border-radius: 0px 10px 10px 10px;
	overflow: hidden;
	box-sizing: border-box;
}

.content div.content-1, .content div.content-2, .content div.content-3 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: all ease 0.3s;
	/*
    overflow: initial;
    overflow-y: initial;
*/
}

.tabs input.tab-selector-1:checked~.content .content-1, .tabs input.tab-selector-2:checked~.content .content-2, .tabs input.tab-selector-3:checked~.content .content-3 {
	z-index: 100;
	opacity: 1;
	transition: all ease 0.3s;
}

/*----　新着情報タブカスタム --------------------------------*/

.tabs label.tab-label-1 {
	background: #6cd08f
}

.tabs input#tab-1:hover+label.tab-label-1 {
	background: #96e2b1;
}

.tabs input#tab-1:checked+label.tab-label-1 {
	background: #01b340;
	z-index: 6;
	color: #fff;
}

.tabs input.tab-selector-1:checked~.content {
	border: 3px solid #01b340;
}

/*----過去の情報ボタン --------------------------------*/

#main .news_more, #main .event_more {
	width: 174px;
	height: 30px;
	position: absolute;
	bottom: -40px;
	right: 0;
	text-align: center;
	z-index: 1;
	transition: all ease 0.3s;
	box-sizing: border-box;
	margin: 0;
	line-height: 30px;
	border-radius: 10px;
	display: none;
}

#main .news_more {
	background: #01b340;
}

#main .event_more {
	background: #026bb2;
}

#main .news_more:hover {
	background: #6cd08f;
}

#main .event_more:hover {
	background: #67acdb;
}

#main .news_more a, #main .event_more a {
	text-decoration: none;
	font-weight: 600;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

#main .tabs input.tab-selector-1:checked~.news_more {
	z-index: 100;
	display: block;
	transition: all ease 0.3s;
}

#main .tabs input.tab-selector-3:checked~.event_more {
	z-index: 100;
	display: block;
	transition: all ease 0.3s;
}

.top_corona_info {
	margin: 60px 0 30px;
	border: #FF7D9D 3px solid;
	padding: 15px;
	border-radius: 0 0 10px 10px;
	position: relative;
}

.corona_tab {
	position: absolute;
	top: -40px;
	left: -3px;
	background: #FF7D9D;
	color: #fff;
	margin: 0 !important;
	width: calc(100% + 6px);
	padding: 15px 0;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	font-size: 1.1em;
}

.corona_info_box {
	max-height: 110px;
	overflow-y: scroll;
}

.corona_info_box::-webkit-scrollbar {
	width: 5px;
}

.corona_info_box::-webkit-scrollbar-track {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

.corona_info_box::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

dl.dl_news, dl.dl_event, dl.dl_corona {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0px 0px 30px;
}

dl.dl_corona {
	padding: 0px 0px 10px;
}

dl.dl_news dt, dl.dl_event dt, dl.dl_corona dt {
	background: none;
	font-weight: bold;
	height: auto;
	position: relative;
	flex-basis: 8%;
	text-align: right;
	margin: 0 4px 10px 0;
	padding: 10px 5px;
	border-bottom: 1px dotted #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	float: none;
}

dl.dl_news dt {
	color: #01b340;
}

dl.dl_event dt {
	color: #026bb2;
}

dl.dl_corona dt {
	color: #FF7D9D;
}

.child_cat {
	color: #FF7D9D;
	border: #FF7D9D 1px solid;
	border-radius: 20px;
	margin-left: 7px;
	font-size: 0.95em;
	padding: 0 15px;
}

dl.dl_news dd, dl.dl_event dd, dl.dl_corona dd {
	text-align: left;
	flex-basis: 82%;
	margin: 0 0px 10px 10px;
	padding: 10px 0px 10px 5px;
	border-bottom: 1px dotted #ccc;
}

dl.dl_news dd a, dl.dl_event dd a, dl.dl_corona dd a {
	text-decoration: none;
	transition: all ease .3s;
	/*display: block;*/
	width: 100%;
	height: 100%;
	line-height: 1.5;
}

dl.dl_news dd a:hover, dl.dl_event dd a:hover, dl.dl_corona dd a:hover {
	color: #a6daff;
	font-weight: normal;
}

span.new_icon {
	background: #fc413e;
	color: #fff;
	font-size: 0.85em;
	display: block;
	width: 65%;
	height: auto;
	text-align: center;
	flex-basis: 65%;
	line-height: 15px;
	box-sizing: border-box;
	margin: 0 10px 0 0;
	padding: 1px 5px;
}

span.date {
	flex-basis: 100%;
	text-align: center;
}

/*----　お知らせタブカスタム --------------------------------*/

.tabs label.tab-label-2 {
	background: #f4ab42
}

.tabs input#tab-2:hover+label.tab-label-2 {
	background: #f5c888;
}

.tabs input#tab-2:checked+label.tab-label-2 {
	background: #ef8e00;
	z-index: 6;
	color: #fff;
}

.tabs input.tab-selector-2:checked~.content {
	border: 3px solid #ef8e00;
}

/*----　イベントタブカスタム --------------------------------*/

.tabs label.tab-label-3 {
	background: #67acdb;
	width: 30%;
}

.tabs input#tab-3:hover+label.tab-label-3 {
	background: #8abada;
}

.tabs input#tab-3:checked+label.tab-label-3 {
	background: #026bb2;
	z-index: 6;
	color: #fff;
}

.tabs input.tab-selector-3:checked~.content {
	border: 3px solid #026bb2;
}

.info_box {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 15px;
	margin-bottom: 0px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.info_box2 {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 100%;
	background: #fff;
	width: 100%;
}

.info_box2 .info_box_innner {
	width: 100%;
	height: 100%;
	padding: 15px;
	margin-bottom: 0px;
	overflow: hidden;
	overflow-y: auto;
}

.info_box2 iframe {
	width: 100%;
	height: 100%;
}

p.tuto_tab {
	margin: 0;
	position: absolute;
	right: 3%;
	top: 5px;
	font-weight: 600;
	color: #666;
	line-height: 1.2;
}

/*---タブ新着バッジ------------------------------------------------------*/

span.lblttl {
	position: relative;
}

span.new_badge {
	display: none;
}

span.new_badge.badge_on {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 0.8em;
	background: #fc413e;
	border-radius: 100%;
	text-align: center;
	top: -15px;
	right: -25px;
	z-index: 999;
	font-weight: 500;
	letter-spacing: 0px;
}

/*--生活カレンダー・もしものとき---------------------------------*/

.right_box01 {
	width: 100%;
	height: auto;
	flex-basis: 30%;
	max-width: 30%;
}

.right_box01 ul {
	width: 100%;
	margin-bottom: 20px;
}

.right_box01 ul li {
	border-right: 2px solid #01b340;
	;
	border-left: 2px solid #01b340;
	;
	background: none;
	padding-bottom: 3px;
	text-align: center;
	padding: 15px;
	position: relative;
	color: #333;
	font-size: 1.2em;
	border-bottom: 1px dashed #ddd;
}

.right_box01 ul li:first-child {
	border: none;
	background: #01b340;
	;
	padding: 0;
	margin: 0;
	height: 40px;
	border-radius: 10px 10px 0 0;
	border-top: 2px solid #01b340;
	;
	border-right: 2px solid #01b340;
	;
	border-left: 2px solid #01b340;
	;
	text-align: center;
	position: relative;
	color: #fff;
}

.right_box01 ul li:first-child p {
	line-height: 40px;
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

/*---カレンダー--------------------------------*/

/*カレンダースタイル*/

.top_custom .calenderbox {
	width: 100%;
	height: 115px;
	margin: 15px auto 0;
}

.dl_calender {
	width: 100%;
	height: 115px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

li.calender_li:hover {
	background: rgb(166, 218, 255, .3);
}

li.calender_li {
	transition: all ease-in-out .2s;
}

/*---contents_box01---------------------------------------------------------*/

.contents_box01 {
	width: 100%;
	height: auto;
	padding: 40px 0 20px;
	margin: 0px auto 20px;
	background: url("../images/bg_top_contents.png") repeat;
}

.contents_box01 ul {
	width: 95%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.contents_box01 ul li {
	width: 100%;
	height: auto;
	flex-basis: 23%;
	margin: 0 0px 20px;
	transition: all ease-in-out .2s;
	position: relative;
	background: #fff;
	box-sizing: border-box;
	padding: 5px 5px 0px;
	border-radius: 10px;
}

.contents_box01 ul li a {
	text-decoration: none;
	transition: all ease-in-out .2s;
}

.contents_box01 ul li img {
	border-radius: 10px 10px 0 0;
}

p.p_cts {
	margin: 10px auto;
	margin-bottom: 10px !important;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 1.5px;
	transition: all ease-in-out .2s;
}

.contents_box01 li:hover {
	box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.5);
}

/*---検索--カスタム-------------------------------------------------------*/

.box_title01, .box_title02, .box_title03 {
	position: relative;
	background: #01b340;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
}

.box_title01 {
	border-top: 2px solid #01b340;
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	border-radius: 10px 10px 0 0;
}

.box_title02, .box_title03 {
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	border-radius: 0;
}

#main .box_title01 p, #main .box_title02 p, #main .box_title03 p {
	line-height: 40px;
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
}

#search_box.custom_search {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	border-radius: 0px;
	box-sizing: border-box;
}

#search_box.custom_search form#cse-search-box {
	line-height: 80px;
	width: 90%;
	margin: 0 auto;
}

#search_box.custom_search input.gsc_text {
	width: 80%;
	height: 35px;
	border: 1px solid #ccc !important;
	padding: 3px !important;
	box-sizing: border-box;
}

#search_box.custom_search input.gsc_btn {
	border: 1px solid #ccc;
	width: 80px;
	height: 35px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
	/* display: block; */
	transition: all ease-in-out .2s;
}

p.suggest {
	font-size: 115%;
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

p.suggest span {
	font-weight: 600;
}

/*---人生の出来事カスタム-------------------------------------------------------*/

.topcate_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	border-bottom: 2px solid #01b340;
	border-radius: 0px;
	box-sizing: border-box;
}

.topcate_box ul {
	display: flex;
	margin: 0 auto;
	padding: 15px 15px 0 15px;
	flex-wrap: wrap;
	justify-content: space-between;
	/* border-collapse: collapse; */
	/* border-spacing: 0; */
	/* margin-bottom: 10px; */
}

.topcate_box ul li {
	display: block;
	text-align: center;
	flex-basis: 23%;
	height: 135px;
	margin: 0 auto 15px;
	box-sizing: border-box;
	position: relative;
	background: #fff;
	box-shadow: 0px 3px 9px -6px #0000005e;
}

.topcate_box ul li a {
	width: 100%;
	height: 100%;
	display: block;
}

.topcate_box ul li img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 20px auto 0;
}

#main .topcate_box ul li p {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	bottom: 15px;
	font-size: 1.4em;
	font-weight: 600;
	color: #666;
}

/*---分類で探すカスタム-------------------------------------------------------*/

.toplife_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	border-bottom: 2px solid #01b340;
	border-radius: 0px 0px 10px 10px;
	box-sizing: border-box;
}

#main .toplife_box p {
	margin: 0px auto 10px;
	width: 100%;
	height: 40px;
	font-size: 1.2em;
	font-weight: 600;
	color: #666;
	border: 1px solid;
	border-radius: 5px;
	line-height: 40px;
}

.toplife_box>a {
	display: block;
	width: 95%;
	margin: 0px auto 10px;
	height: auto;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	background: #fff;
}

ul.toplife_bg {
	display: flex;
	padding: 10px 0;
	margin: 0 auto;
	width: 98%;
	height: 100%;
	align-items: center;
	flex-wrap: wrap;
}

ul.toplife_bg li {
	flex-basis: 11%;
	margin: 0 auto;
	padding: 1% 0px;
}

/*---町のプロフィール-------------------------------------------------------*/

.left_box02 {
	width: 100%;
	height: auto;
	flex-basis: 68%;
	display: flex;
	justify-content: space-between;
}

.ul_prof li:first-child {
	border: none;
	background: #01b340;
	padding: 0;
	margin: 0;
	height: 40px;
	border-radius: 10px 10px 0 0;
	border-top: 2px solid #01b340;
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	text-align: center;
	position: relative;
	color: #fff;
}

.ul_prof li {
	border-right: 2px solid #01b340;
	border-left: 2px solid #01b340;
	background: none;
	padding-bottom: 3px;
	text-align: center;
	padding: 15px;
	position: relative;
	color: #333;
	font-size: 1.2em;
	border-bottom: 1px dashed #ddd;
}

.ul_prof li:first-child p {
	line-height: 40px;
	font-size: 1.1em;
	font-weight: bold;
}

.ul_prof {
	width: 100%;
	margin-bottom: 10px;
	flex-basis: 48.5%;
	height: 273px;
}

.ul_jinko li dl {
	display: flex;
	justify-content: space-between;
	width: 80%;
	height: auto;
	margin: 0 auto;
	flex-wrap: wrap;
}

.ul_jinko li dl dt, .ul_jinko li dl dd {
	border-bottom: 1px dashed #ddd;
	margin: 0 0 12px;
	padding: 0 0 6px;
}

.ul_jinko li dl dt {
	flex-basis: 30%;
}

.ul_jinko li dl dd {
	flex-basis: 50%;
	text-align: right;
}

.ul_jinko li dl dd.tanni {
	flex-basis: 20%;
	text-align: center;
	font-size: 0.8em;
}

.ul_prof li span {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 40px;
	font-size: 0.9em;
}

/*---サイドホバー-------------------------------------------------------*/

ul.side_link01 a, .topcate_box ul li a, .toplife_box a, ul.side_link02 a {
	transition: all ease-in-out .2s;
}

ul.side_link01 a:hover, .topcate_box ul li a:hover, ul.side_link02 a:hover {
	background: rgb(166, 218, 255, .3);
	transition: all ease-in-out .2s;
}

.toplife_box>a:hover p {
	background: rgb(166, 218, 255, 1);
}

.toplife_box a p {
	transition: all ease-in-out .2s;
}

.toplife_box a:hover p {
	color: #fff !important;
}

ul.toplife_bg li a:hover {
	opacity: .5;
}

/*---face book-------------------------------------------------------*/

iframe.fb_box {
	width: 96%;
	min-width: 270px;
	display: block;
	margin: 0 0 0 auto;
}

/*---バナー-------------------------------------------------------*/

#bn_notice {
	width: 95%;
	height: 120px;
	margin: 120px auto 95px;
	border: none;
	overflow: visible;
	border-radius: 10px;
	background-image: none;
	position: relative;
}

#bn_notice dl {
	width: 100%;
	margin: 0 auto;
}

#bn_notice dl dt {
	background: none;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

#bn_notice dl dt a {
	color: #333;
	text-decoration: none;
	position: absolute;
	bottom: -30px;
	left: 0;
	font-size: 1em;
	border: 1px solid;
	padding: 5px;
	transition: all ease-in-out .2s;
	display: block;
	z-index: 5;
}

#bn_notice dl dd {
	width: 100%;
	margin: 0 auto;
}

.flex-control-nav {
	width: 100%;
	bottom: -35px !important;
	position: absolute;
	text-align: center;
}

/*---Font Awesome-------------------------------------------------------*/

i.fas.fa-exclamation-triangle {
	vertical-align: baseline;
	margin: 0 5px 0 0;
	font-size: 1.1em;
}

i.fas.fa-bell {
	vertical-align: baseline;
	margin: 0 5px 0 0;
}

i.fas.fa-bullhorn {
	vertical-align: baseline;
	margin: 0 5px 0 0;
}

i.far.fa-calendar-check {
	vertical-align: baseline;
	margin: 0 5px 0 0;
}

i.fas.fa-search {
	vertical-align: baseline;
	margin: 0 5px 0 0;
}

/*---学校案内------------------------------------------------------*/

li.li_sakasho span, li.li_sakachu span {
	position: relative;
	z-index: -1;
}

li.li_sakasho span::before {
	content: url("../images/icon_sakasho.png");
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}

li.li_sakachu span::before {
	content: url("../images/icon_sakachu.png");
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}

.right_box01 ul.school_list li:first-child {
	background: #f4ab42;
	border-top: 2px solid #f4ab42;
	border-right: 2px solid #f4ab42;
	border-left: 2px solid #f4ab42;
}

.right_box01 ul.school_list li {
	border-right: 2px solid #f4ab42;
	border-left: 2px solid #f4ab42;
}

ul.school_list li:last-child {
	border-bottom: 2px solid #f4ab42;
}

ul.school_list a:hover {
	background: rgba(244, 171, 66, 0.3);
	transition: all ease-in-out .2s;
}

/*---各種申請書ダウンロード------------------------------------------------------*/

.right_box01 ul.ul_shiseisho li:first-child {
	background: #026bb2;
	border-top: 2px solid #026bb2;
	border-right: 2px solid #026bb2;
	border-left: 2px solid #026bb2;
}

.right_box01 ul.ul_shiseisho li {
	border-right: 2px solid #026bb2;
	border-left: 2px solid #026bb2;
}

ul.ul_shiseisho li:last-child {
	border-bottom: 2px solid #026bb2;
}

ul.ul_shiseisho a:hover {
	background: rgb(166, 218, 255, .3);
	transition: all ease-in-out .2s;
}

/*---切替中止（2020.04.13）------------------------------------------------------
#top_img{
  position: relative;
}

#top_img .top_slider li{
  height: 350px;
}
.top_corona_txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.9);
  padding: 40px 50px 25px;
  border-radius: 10px;
  border: #fc413e 2px solid;
  width: 80%;
  box-sizing: border-box;
}
.top_corona_txt dt{
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 30px;
  color: #fc413e;
}
.top_corona_txt dd ul li{
  text-align: left;
  list-style: circle;
  margin: 15px 0;
  margin-left: 1.1em;
  font-size: 1.2em;
}
*/

/*__コロナ記事バナー（2020.06.30）
----------------------------------------------*/

.top_corona_banner {
	display: block;
	margin: 20px 0 30px;
	padding: 15px;
	border-radius: 10px;
	color: #fff;
	background: #FF7D9D;
	border: #FF7D9D 3px solid;
	font-weight: bold;
	font-size: 1.3em;
	transition: all 0.5s;
	position: relative;
}

.top_corona_banner:hover {
	background: #fff;
	color: #FF7D9D;
}

/*
.top_corona_banner::before{
  content: url("../images/corona_hogimon.png");
  position: absolute;
  top: 5px;
  right: 180px;
}*/

/*__コロナ関連バナー（ワクチン接種追加）（2021.02.17）
----------------------------------------------*/

.corona_flbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px auto;
}

.corona_flbox .top_corona_banner, .vaccine {
	width: 48%;
	box-sizing: border-box;
	margin: 0;
}

.vaccine {
	width: 49%;
	color: #08a50f;
	font-weight: bold;
	font-size: 1.3em;
	border-radius: 10px;
	padding: 16px 0;
	border: #08a50f 2px solid;
	background: rgba(155, 225, 93, 0.2);
	transition: all .5s;
}

.vaccine:hover {
	color: #fff;
	background: #08a50f;
}

/*__demo_container(トップページ改修)
----------------------------------------------*/

.demo_container .content {
	height: 520px;
}

/*__20210319改修
----------------------------------------------*/

#search_box.custom_search {
	height: auto;
	display: flex;
	padding: 15px 10px;
	align-items: center;
}

.sb_left {
	flex-basis: 65%;
	max-width: 65%;
	display: flex;
	flex-wrap: wrap;
}

.ai_banner_box {
	flex-basis: 35%;
	max-width: 35%;
	margin: 0 0 0 10px;
}

p.suggest {
	width: 100%;
	margin: 0 auto;
	flex-basis: 100%;
	text-align: center;
	font-size: 1em;
	margin-bottom: 0 !important;
	padding: 20px 10px 0;
}

p.suggest span {
	font-weight: 600;
	display: block;
	padding: 0 0 5px;
	font-size: 1.1em;
}

#search_box.custom_search form#cse-search-box {
	line-height: 1;
	width: 100%;
	flex-basis: 100%;
	margin: 0;
}

/*----------------------------------
トップページ改修 20210322
----------------------------------*/

* {
	box-sizing: border-box;
}

#font-area ul {
	box-sizing: initial;
}

/*
.corona_flbox .top_corona_banner {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
} */

.a_line_btn {
	display: block;
	width: 95%;
	margin: 0px auto 10px;
	height: auto;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	background: #fff;
	transition: all ease .33s;
}

.a_line_btn p {
	margin: 0px auto 10px;
	width: 100%;
	height: 40px;
	font-size: 1.2em;
	font-weight: 600;
	color: #666;
	border: 1px solid;
	border-radius: 5px;
	line-height: 40px;
	transition: all ease .33s;
}

.a_line_btn:hover p {
	color: #fff !important;
	background: rgb(166, 218, 255, 1);
}

.content {
	height: 500px;
}

.topcate_box {
	border-radius: 0 0 10px 10px;
}

a.bn_manabi {
	display: block;
	margin: 0 auto 15px;
	transition: all ease .33s;
}

a.bn_manabi:hover, a.bn_public_comm:hover {
	opacity: .6;
}

a.bn_manabi img {
	border: 1px solid #ddd;
	border-radius: 5px;
}

a.bn_public_comm {
	display: block;
	margin: 15px auto;
	transition: all ease .33s;
	position: relative;
}

a.bn_public_comm img {
	border: 2px solid #02b340;
	border-radius: 10px;
}

a.bn_public_comm p {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-bottom: 0px !important;
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 0 0 50px;
	color: #1e882e;
}

#bn_slider_01 {
	width: 100%;
	margin: 50px auto;
	padding: 25px 0 10px;
	background: #efefef;
	border-radius: 10px;
	position: relative;
}

#bn_slider_02 {
	width: 90%;
	position: relative;
	margin: 0 auto;
}

#bn_slider_01>ul {
	margin-bottom: 0px;
	padding: 0 65px;
	position: relative;
}

#bn_slider_01 ul li {
	margin: 0 15px 0;
}

#bn_slider_01 ul li a:focus {
	outline: none;
}

/*-- tab ------------------------------------------------*/

ul.ul_tabs {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin: 0px auto;
	width: 100%;
	padding: 0;
}

ul.ul_tabs li {
	flex-basis: 100%;
	max-width: 100%;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	padding: 15px 0;
	margin: 0 2px 0 0;
	border-left: 2px solid;
	border-right: 2px solid;
	border-top: 2px solid;
	border-bottom: 0px;
	cursor: pointer;
	position: relative;
}

ul.ul_tabs li span {
	transition: all ease .33s;
}

ul.ul_tabs li:hover span {
	opacity: 0.7;
}

ul.ul_tabs li:last-child {
	margin: 0;
}

ul.ul_tabs li br {
	display: none;
}

.notice_box {
	width: 100%;
	transition: all ease .33s;
	border: 2px solid;
	padding: 10px 20px;
	margin: 0 auto 20px;
	height: 500px;
	border-radius: 0 0 10px 10px;
	display: none;
	overflow-y: auto;
}

.notice_box::-webkit-scrollbar {
	display: none;
}

.is-news {
	border-color: #02b340 !important;
}

.is-division {
	border-color: #f4ab42 !important;
}

.is-event {
	border-color: #026bb2 !important;
}

li.is-news {
	background: #02b340;
}

li.is-division {
	background: #f4ab42;
}

li.is-event {
	background: #026bb2;
}

.select.is-news {
	color: #02b340;
}

.select.is-division {
	color: #f4ab42;
}

.select.is-event {
	color: #026bb2;
}

.select {
	background: #fff !important;
}

.select::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: -2px;
}

.notice_box.is-show {
	display: block;
}

ul.ul_info li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 7px 0;
	font-size: 1.1em;
	border-bottom: 1px solid #ddd;
	position: relative;
	transition: all ease .33s;
}

ul.ul_info li:hover {
	opacity: 0.5;
}

ul.ul_info li:last-child:hover {
	opacity: 1;
}

ul.ul_info li:last-child {
	border: none;
	justify-content: flex-end;
	padding: 20px 0 0;
}

.post_date {
	display: block;
	flex-basis: 15%;
	max-width: 15%;
	margin: 0;
	position: relative;
}

.new_icon {
	position: relative;
	font-size: 0.7em;
	transform: rotate(-15deg);
	color: #f74931;
	font-weight: 600;
	font-style: normal;
	margin: 0 5px 0 0;
	vertical-align: baseline;
}

.post_cat {
	display: block;
	flex-basis: 20%;
	max-width: 20%;
	margin: 0;
	text-align: left;
}

.post_cat span {
	display: inline-block;
	width: auto;
	padding: 5px 20px;
	border: 1px solid;
	color: #02b340;
	border-radius: 500px;
	font-weight: 600;
}

.post_title {
	display: block;
	flex-basis: 65%;
	max-width: 65%;
	padding: 6px 10px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.is-news .post_title {
	flex-basis: 85%;
	max-width: 85%;
}

.is-event .post_title {
	flex-basis: 85%;
	max-width: 85%;
}

ul.ul_info li>a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

ul.ul_info li>a.btn_more {
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	padding: 6px 20px;
	color: #fff;
	font-weight: 600;
	border-radius: 3px;
}

.is-news .btn_more {
	background: #02b340;
}

.is-division .btn_more {
	background: #f4ab42;
}

.is-event .btn_more {
	background: #026bb2;
}

#bn_slider_01 .slick-prev::after, #bn_slider_01 .slick-next::after, #bn_slider_02 .slick-prev::after, #bn_slider_02 .slick-next::after {
	border-top: 3px solid #757575;
	border-right: 3px solid #757575;
}

#bn_slider_02 .slick-prev {
	left: -60px;
}

#bn_slider_02 .slick-next {
	right: -60px;
}

#bn_slider_02 .slick-prev, #bn_slider_02 .slick-next {
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
}

.bn_boshu {
	width: 90%;
	text-align: right;
	margin: 0 auto;
	padding: 20px 0 60px;
}

.bn_boshu>a {
	border: 1px solid #a7a7a7;
	padding: 3px 10px;
	border-radius: 3px;
	transition: all ease .33s;
}

.bn_boshu>a:hover {
	opacity: 0.6;
}

.post_cat .cat_kodomo {
	color: #fb6016;
}

.post_cat .cat_kikaku {
	color: #f4ab42;
}

.post_cat .cat_hoken-center {
	color: #1bccc3;
}

.post_cat .cat_kyoikuiinkai {
	color: #1954bf;
}

.post_cat .cat_kyoiku {
	color: #6b6fff;
}

.post_cat .cat_suido {
	color: #1bccc3;
}

.post_cat .cat_sangyokensetsu {
	color: #c987f3;
}

.post_cat .cat_fukushi {
	color: #ff9a9a;
}

.post_cat .cat_madoguchi-zeimu {
	color: #529c00;
}

.post_cat .cat_soumu {
	color: #c55858;
}

.post_cat .cat_gikai-jim {
	color: #19bf2d;
}

.contents_box01 {
	padding: 30px 0 10px;
	margin: 0px auto;
	border-radius: 10px;
}

.contents_box01 ul li {
	flex-basis: 24%;
	margin: 0 0px 15px;
}

p.p_cts {
	font-size: 1em;
}

.smf_no.smf_fb_box {
	flex-basis: 100%;
	max-width: 100%;
}

iframe.fb_box {
	width: 100%;
	height: 335px;
	min-width: 270px;
	display: block;
	margin: 0;
}

.banners_box._pc {
	display: flex;
	flex-wrap: wrap;
}

.banners_box._sp {
	display: none !important;
	flex-wrap: wrap;
}

.sponser_bn_box, .link_bn_box {
	flex-basis: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0 0;
}

.sponser_bn_box h3, .link_bn_box h3 {
	flex-basis: 100%;
	font-size: 1.6em;
	padding: 0 0 0px 25px;
	text-align: left;
}

.sponser_bn_box ul, .link_bn_box ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 10px 10px;
	border-radius: 10px;
	flex-basis: 100%;
	max-width: 100%;
}

.sponser_bn_box ul li, .link_bn_box ul li {
	flex-basis: 25%;
	max-width: 25%;
	padding: 5px;
}

.sponser_bn_box ul li img, .link_bn_box ul li img {
	width: 100%;
}

.bn_boshu {
	text-align: left;
	margin: 0 auto;
	padding: 20px 15px;
	flex-basis: 100%;
	max-width: 100%;
}

footer {
	padding: 40px 0 0;
}

/*--2021-05-07----------------------*/

.sponser_bn_box h4 {
	text-align: left;
	display: block;
	padding: 10px 25px;
	color: #797070;
	line-height: 1.5;
	font-size: 0.9em;
}

/*--2021-05-28----------------------*/

ul.flex-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 15px 0px;
}

ul.flex-box>li {
	flex-basis: 49%;
	max-width: 49%;
	position: relative;
	height: 100px;
	border: 2px solid #02b340;
	border-radius: 10px;
	box-sizing: border-box;
	transition: all ease .33s;
}

ul.flex-box>li:hover {
	filter: brightness(1.1);
}

ul.flex-box>li img {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	transition: all ease .33s;
}

ul.flex-box>li p {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 1.8em;
	font-weight: 600;
	color: #085a25;
}

ul.flex-box>li p>span {
	display: inline-block;
	line-height: 1.6;
	font-size: 0.5em;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

/* 2022-03-15 top calendar */

.top-calendar-title {
	color: #1e882e;
	font-weight: bold;
	font-size: 1em;
	padding: 20px 0 25px;
	text-align: center;
}

.dl_calender a:hover {
	background: none !important;
}

/* 2022-05-19 top image */
.top_custom #header {
	max-width: 1280px;
	margin: 0 auto;
}

.top_custom #container {
	max-width: 1280px;
	margin: 0 auto;
}

dl#smf_menu {
	max-width: 1280px;
	margin: 0 auto;
}

#p_top_b {
	max-width: 1280px;
	margin: 0 auto;
}

.top_custom div#top_img {
	width: 100%;
	height: 450px;
	overflow: hidden !important;
	/* max-height: 720px; */
}

/* 20240710 add */
a.bn_hurusato {
	display: block;
	margin: 0 auto 15px;
	transition: all ease .33s;
}

a.bn_hurusato:hover{
	opacity: .6;
}

a.bn_hurusato img {
	border: 1px solid #ddd;
	border-radius: 5px;
}

.contents_box01 ul::before {
	content: "";
	display: block;
	width: 23%;
	order: 1;
}

.contents_box01 ul::after {
	content: "";
	display: block;
	width: 23%;
}