@charset "utf-8";

/*
Theme Name: chonan
*/
/**********************reset*************************/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, figure {
	margin: 0;
	padding: 0;
}
body {
	min-width: 1000px;
	font-size: 14px;
	*font-size: small;
	*font: x-small;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-position: 0 100px;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
body.home {
	min-width: inherit;
}
html > /**/
body {
	font-size: 14px;
}

body, td, th {
	font-family: "M PLUS 1p", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Noto Sans Japanese', 'Open Sans', serif !important;
}

a img { border: none; }
a {
	outline: none;
	color: #000099;
}
a:visited {	color: #000099; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	position: relative;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
img {
	max-width: 100%;
	height: auto;
}
.sp { display: none !important; }
a[href^="tel:"] {
	color: #000;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}
@media all and (max-width: 990px) {
	html > body { font-size: 14px; }
}
@media all and (max-width: 767px) {
	html > body {
		min-width: inherit;
		font-size: 13px;
		background: none;
	}
	.pc { display: none !important; }
	.sp { display: block !important; }
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/***********************************************/
#wrap {
	width: 100%;
	height: auto;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
/****************************************
header
*****************************************/
#header {
	width: 100%;
	background-image: url(img/header-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 160px;
	flex-grow: 0;
}
#header #header-inner {
	max-width: 980px;
	margin: 0 auto;
}
#header #header-inner .logo {
	float: left;
	width: 170px;
	height: 160px;
}
#header .head-navi {
	width: 810px;
	height: 100px;
	float: right;
}
#header #header-inner .top-l {
	float: left;
	padding: 20px 0 0 40px;
}
#header #header-inner .topnavi {
	float: right;
	margin-top: 25px;
}
#header #header-inner .topnavi .link {
	margin-left: 20px;
	display: inline-block;
	width: 108px;
}
#header #header-inner .topnavi .link a {
	padding: 6px 2px 6px 8px;
	display: block;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1.4px;
	text-decoration: none;
	background-color: #fff;
	border-radius: 2px;
}
#header #header-inner .topnavi .link a img {
	width: 18px;
	margin-right: 4px;
	vertical-align: -3px;
}
/*フォントサイズ*/
ul#fontSize {
	*zoom: 1;
	/*forIE6,7*/
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
ul#fontSize:after {
	content: "";
	display: block;
	clear: both;
}
ul#fontSize li {
	list-style-type: none;
}
ul#fontSize li:first-child {
	margin-right: 6px;
	color: #fff;
	font-size: 12px;
}
ul#fontSize li span {
	padding-top: 2px;
	display: flex;
	width: 36px;
	height: 31px;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #CFE3D2;
	border-right: none;
}
ul#fontSize li:last-child span {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #CFE3D2;
}
ul#fontSize li:nth-child(2) span {
	border-radius: 4px 0 0 4px;
}
ul#fontSize li span.active {
	color: #fff;
	background-image: linear-gradient(to bottom, #95DF9F, #83D58D 40%, #6EC877);
}
/*検索フォーム*/
#SearchForm {
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 13px;
	text-shadow: 0px 1px 1px #000;
}
input#submit_button {
	width: 44px;
	padding: 3px;
	appearance: none;
	border-radius: 0;
	border: 1px solid #A7A9A8;
	background: linear-gradient(to bottom, #fff, #FBFBFB 41%, #F3F2F2);
}
input#s {
	padding: 3px;
	width: 170px;
	border-radius: 0;
	appearance: none;
	border: 1px solid #A7A9A8;
}

/****************************************
		navi
*****************************************/
#header .navi {
	width: 810px;
	height: 60px;
	float: right;
}
#header .navi ul {
	width: 810px;
}
#header .navi li {
	float: left;
	display: block;
	list-style-type: none;
	background-repeat: no-repeat;
}
#header .navi li a {
	padding: 5px 8px;
	display: block;
	position: relative;
	height: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	background: url("img/line.gif") no-repeat right top;
}
#header .navi li a:after {
	margin-left: -2px;
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 0;
	height: 0;
	border: 3px solid #fff;
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
	transform: rotate(135deg);
	content: "";
}
#header .navi li a span {
	padding: 13px 0 18px;
	display: block;
}
#header .navi li.kurashi a {
	width: 141px;
}
#header .navi li.shoukai a {
	width: 139px;
}
#header .navi li.chousei a {
	width: 126px;
}
#header .navi li.shisetsu a {
	width: 123px;
}
#header .navi li.sangyou a {
	width: 139px;
}
#header .navi li.contact a {
	width: 142px;
}
@media all and (min-width: 768px) {
	#header .navi li a:hover span,
	#header .navi li.on a span {
		color: #12693B;
		background-image: linear-gradient(to bottom, #FBFCFB, #EBF7EB 41%, #DBF0DF);
		border-radius: 4px;
	}
	#header .navi li a:hover:after,
	#header .navi li.on a:after {
		border-color: #12693B;
	}
	.menuBox {
        display: none !important;
    }
}
@media all and (max-width: 990px) {
	#header #header-inner {
		margin: 0 20px;
	}
	#header #header-inner .logo {
		width: 106px;
		height: auto;
	}
	#header #header-inner .logo img {
		width: 106px;
		display: block;
	}
	#header .head-navi {
		width: 580px;
	}
	#header #header-inner .top-l {
		padding-left: 0;
	}
	#header #header-inner .top-l img {
		width: 250px;
	}
	#header .navi {
		float: none;
		clear: both;
		width: 100%;
	}
	#header .navi ul {
		width: 100%;
		background: url("img/line.gif") no-repeat left top;
	}
	#header .navi li {
		width: 16.666%;
	}
	#header .navi li a {
		font-size: 15px;
		width: 100% !important;
	}
}
@media all and (max-width: 767px) {
	#header {
		height: 80px;
		background-image: url(img/sp_header_bg.jpg);
		background-position: center bottom;
		background-size: cover;
	}
	#header #header-inner {
		margin: 0 8px;
	}
	#header #header-inner .logo, #header #header-inner .logo img {
		width: 85px;
	}
	#header .head-navi {
		width: auto;
		height: auto;
	}
	#header #header-inner .topnavi {
		margin-top: 35px;
		display: flex;
	}
	#header #header-inner .topnavi .link {
		margin-left: 0;
		width: 52px;
		vertical-align: top;
	}
	#header #header-inner .topnavi .link a {
		padding: 2px 0;
		height: 43px;
		color: #008c3f;
		font-size: 7px;
		text-align: center;
		letter-spacing: -2px;
		border: 1px solid #008c3f;
		box-sizing: border-box;
	}
	#header #header-inner .topnavi .link a img {
		margin: 0 auto;
		display: block;
		width: 7.2vw;
		max-width: 30px;
	}
	#header #header-inner .btn {
		margin-left: 8px;
		width: 43px;
	}
	#header #header-inner .btn a {
		display: block;
		height: 43px;
		padding: 2px 1px 0;
		color: #008c3f;
		font-size: 7px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #008c3f;
		border-radius: 2px;
		box-sizing: border-box;
		letter-spacing: -1px;
	}

	#header #header-inner .btn a img {
		margin: 0 auto -1px;
		display: block;
		max-width: 30px;
	}
	#SearchForm {
		display: none;
	}
	#header .navi {
		display: none;
	}
	.menuBox {
		display: none;
        padding-bottom: 20px;
        position: absolute;
        top: 53px;
        left: 0;
        width: 100%;
        background-color: #E5F6E7;
        z-index: 1000;
    }
    .menuBox .close02 {
        width: 43px;
        height: 43px;
        position: absolute;
        top: -43px;
        right: 8px;
        z-index: 10;
    }
    .menuBox .close02 a {
        padding: 4px 2px 3px;
        display: block;
        font-size: 9px;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        text-decoration: none;
        background-color: #444444;
        border-radius: 2px;
    }
    .menuBox .close02 a span {
        margin-bottom: 1px;
        display: block;
    }
	.menuBox .close02 a span img {
		margin: 0 auto;
		display: block;
	}
    .menuBox ul {
        list-style-type: none;
    }
    .menuBox .ttlBox {
        padding: 12px 15px 11px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #B6CAB9;
        margin-bottom: 1px;
    }
    .menuBox .ttlBox p {
        padding-top: 2px;
        font-size: 10.5px;
    }
    .menuBox .ttlBox ul {
        padding-left: 8px;
        display: flex;
        flex-wrap: wrap;
    }
    .menuBox .ttlBox ul li {
        margin-left: 5px;
        width: 45px;
    }
    .menuBox .ttlBox ul li span {
        padding: 5px 2px;
        display: block;
        font-size: 11.5px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #444444;
        border: 1px solid #444444;
        border-radius: 3px;
    }
    .menuBox .ttlBox ul li span.on {
        background-color: #fff;
        color: #008d3e;
        border-color: #008d3e;
    }
    .menuBox .menuUl {
        margin-bottom: 12px;
    }
    .menuBox .menuUl li {
        margin-bottom: 1px;
    }
    .menuBox .menuUl li a {
        padding: 6px 17px;
        display: block;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: #000;
        font-size: 15px;
        text-decoration: none;
        border-bottom: 1px solid #B6CAB9;
    }
    .menuBox .menuUl li a span {
        margin-right: 7px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 29px;
        height: 29px;
        box-sizing: border-box;
        border-radius: 50%;
        text-align: center;
        border: 2px solid #fff;
        background-color: #53A661;
    }
    .menuBox .close {
        margin: 0 7px;
    }
    .menuBox .close a {
        padding: 10px;
        display: block;
        font-size: 15px;
        text-decoration: none;
        color: #fff;
        text-align: center;
        background-color: #444444;
    }
    .menuBox .close a img {
        margin-left: 4px;
        vertical-align: -2px;
    }
    .cover {
		display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-color: rgba(0,0,0,0.5);
    }
    .searchBox .close02 {
        right: 59px;
    }
    .searchBox .searchP {
        padding: 16px 10px 5px;
    }
    .searchBox .searchP img {
        margin-right: 7px;
        vertical-align: -5px;
    }
    .searchBox .sub {
        margin: 0 7px 19px;
        border: 1px solid #B0B0B0;
    }
	.searchBox .sub form {
		display: flex;
	}
    .searchBox .sub input {
        width: 84%;
        height: 37px;
        padding: 0 10px;
        font-size: 13px;
        box-sizing: border-box;
        background-color: #fff;
        border: none;
        border-radius: 0;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
    }
    .searchBox .sub input[type="submit"] {
        width: 16%;
        color: #fff;
        text-align: center;
        height: 37px;
        background-color: #008C3F;
        border: none;
        border-radius: 0;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        box-sizing: border-box;
    }

}
/****************************************
		contents
*****************************************/
#changeArea {
	flex-grow: 1;
}
#contents {
	width: 100%;
	background-image: url(img/contents-bg.png);
	background-repeat: repeat-x;
	background-position: top;
}
#contentsbox {
	max-width: 980px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding: 40px 0;
	rotate: -0.05deg;
}
@media all and (max-width: 990px) {
	#contentsbox {
		margin: 0 20px;
	}
}
@media all and (max-width: 767px) {
	#contents {
		background: url("img/sp_contents-bg.gif") repeat-x left top;
		background-size: auto 4px;
	}
	#contentsbox {
		margin: 0;
		padding: 15px 8px;
		width: 100%;
		box-sizing: border-box;
	}
}
/****************************************
		toppage
*****************************************/
#top-l {
	position: absolute;
	left: 0;
	top: 40px;
	width: 22.4%;
}
#top-m {
	margin-left: 25%;
	float: left;
	width: 50%;
}
#top-r {
	float: right;
	width: 22.4%;
}
@media all and (max-width: 767px) {
	#top-l {
		margin-bottom: 8px;
		position: static;
		left: auto;
		top: auto;
		width: auto;
	}
	#top-m {
		margin: 0 0 10px;
		float: none;
		width: auto;
	}
	#top-r {
		float: none;
		width: auto;
	}

	.banner_line > a {
		width: 100%;
	    display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.banner_line > a img {
		max-width: 232px;
	}

}
/*-------------------------------top-l-----------------------------------*/

.top-l-banner > a {
	margin-bottom: -2px;
	display: block;
	position: relative;
}

.banner_line > a {
	width: 100% !important;
}

.top-l-banner > a span {
	position: absolute;
	left: 45%;
	top: 22%;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
.top-l-banner li {
	list-style-type: none;
	margin-bottom: 8px;
}
.top-l-banner li a {
	padding: 5px 20px 0 1px;
	display: flex;
	position: relative;
	color: #000;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	align-items: center;
	justify-content: space-between;
	-ms-flex-pack: justify;
	text-decoration: none;
	border: 2px solid #91c49d;
	border-radius: 6px;
	background: url("img/banner_line.png") repeat-x left 1px;
}
.top-l-banner li a > .ico {
	width: 65px;
}
.top-l-banner li a > .txt {
	width: calc(100% - 70px);
	display: block;
}
.top-l-banner li a .small {
	margin-top: 5px;
	display: block;
	color: #54A762;
	font-size: 11px;
}
.top-l-banner li a:after {
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 6px;
	height: 6px;
	border-top: 3px solid #54A762;
	border-left: 3px solid #54A762;
	transform: rotate(135deg);
	content: "";
}
.top-l-banner li:last-child a {
	padding: 15px 20px 7px 5px;
}
.top-l-banner li:last-child a img {
	width: 46px;
}
.nav_online {
	margin-bottom: 10px;
}
.nav_list .ttl {
	padding: 5px 13px 5px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-image: linear-gradient(to bottom, #62C26C, #62C26C 41%, #48B855);
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}
.nav_list .ttl .click {
	display: none;
}
.nav_list .ttl .ico {
	width: 38px;
	min-width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #55A762;
	border: 4px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	box-sizing: border-box;
}
.nav_list .ttl .ico img {
	width: 20px;
}
.nav_online ul {
	border: 2px solid #cccccc;
}
.nav_online ul li {
	border-bottom: 1px dotted #CFDFD4;
	background-image: url(img/arrow2.gif);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}
.nav_online ul li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 15px 5px 15px 25px;
}
.nav_online ul li:last-child {
	border-bottom: none;
}
.nav_benri {
	margin-bottom: 10px;
}
.nav_benri ul {
	border: 2px solid #cccccc;
}
.nav_benri ul li {
	border-bottom: 1px dotted #CFDFD4;
	background-image: url(img/arrow2.gif);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}
.nav_benri ul li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 15px 0 15px 25px;
}
.nav_benri ul ul {
	border: none;
}
.nav_link {
	margin-bottom: 10px;
}
.nav_link ul {
	border: 2px solid #cccccc;
}
.nav_link ul li {
	border-bottom: 1px dotted #CFDFD4;
	background-image: url(img/arrow2.gif);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}
.nav_link ul li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 15px 0 15px 25px;
}
.nav_link ul li:last-child {
	border-bottom: none;
}
.l_link {
	margin-bottom: 14px;
}
.l_link a {
	padding-top: 1px;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	border: 2px solid #CCC;
	border-radius: 8px;
}
.l_link a > span {
	padding: 7px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 8px solid #FFBA66;
	border-radius: 7px 7px 0 0;
}
.l_link a .txt {
	margin-left: 5px;
	width: 130px;
}
.l_link a .small {
	margin-top: 5px;
	display: block;
	color: #FFBA66;
	font-size: 12px;
}

/* 地図情報ここから */
.l_link.l_external {
    margin-top: 6px;
    margin-bottom: 6px;
}
.l_link a.external .txt {
	margin-left: 11px;
	width: 124px;
}
a.external > span::after {
    content: url("img/new_window.svg");
    width:10px;
}
@media (max-width: 767px) {
	a.external > span::after {
		margin-left: 3px;
		width: 10px;
	}
}
/* 地図情報ここまで */

.nav_jinkou {
	width: 100%;
	border: 2px solid #cccccc;
	border-radius: 7px;
	background: url(img/jinkou.gif?123) no-repeat center top;
	background-size: 100% auto;
	padding: 20px;
	line-height: 2;
	box-sizing: border-box;
}
.nav_jinkou .ttl {
	margin: 0 0 20px -5px;
	font-size: 16px;
	font-weight: bold;
}
.nav_jinkou dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.nav_jinkou dt { width: 4em; }
.nav_jinkou dd { width: calc(100% - 4em); }

@media all and (max-width: 990px) {
	.top-l-banner li img { max-width: 46px; }
	.top-l-banner li a { font-size: 15px; }
	.top-l-banner li a > .ico { width: 46px; }
	.top-l-banner li:last-child a img { width: 35px; }
	.top-l-banner li a > .txt { width: calc(100% - 50px); }
	.top-l-banner > a span {
		font-size: 1.8vw;
		line-height: 1.2;
	}
	.top-l-banner li a .small { font-size: 9px; }
	.nav_list .ttl { padding-left: 20px; }
	.nav_list ul li { background-position: 10px 22px; }
	.nav_list ul li a {
		padding: 15px 5px 15px 25px;
		font-size: 12px;
		line-height: 1.2;
	}
	.l_link a { font-size: 14px; }
	.l_link a > span { padding: 7px; }
	.nav_jinkou { padding: 10px 10px 10px 15px; }
	.l_link a img { max-width: 37px; }
}
@media all and (max-width: 767px) {
	body, td, th {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "M PLUS 1p", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Noto Sans Japanese', 'Open Sans', serif !important;
	}

	.top-l-banner {
		margin-bottom: 8px;
		display: flex;
		justify-content: space-between;
	}
	.top-l-banner li {
		margin-bottom: 0;
		width: 49.5%;
	}
	.top-l-banner li a {
		padding: 2px 15px 0 5px;
		height: 50px;
		justify-content: flex-start;
		font-size: 15px;
		border: 1px solid #A5A5A5;
		border-radius: 2px;
		background: linear-gradient(to bottom, #fff, #FBFBFB 41%, #F3F2F2);
		box-sizing: border-box;
	}
	.top-l-banner li a .ico { width: auto; }
	.top-l-banner li a img { width: 33px; }
	.top-l-banner li a > .txt {
		margin-left: 8px;
		width: auto;
	}
	.top-l-banner li a .small { margin-top: 2px; }
	.top-l-banner li a:after {
		right: 5px;
		width: 5px;
		height: 5px;
		border-width: 2px;
	}
	.top-l-banner li:last-child a { padding: 10px 20px 7px 8px; }
	.top-l-banner li:last-child a img { width: 29px; }
	.nav_list { margin-bottom: 0; }
	.nav_list .ttl {
		padding: 10px 6px 10px 45px;
		position: relative;
		font-size: 15px;
		text-shadow: 0px 1px 1px rgba(80, 54, 37, 0.75);
		border: 1px solid #008C3F;
		border-radius: 2px;
		cursor: pointer;
	}
	.nav_list .ttl .ico {
		position: absolute;
		left: 10px;
		top: 6px;
		width: 28px;
		height: 28px;
		min-width: 28px;
		border-width: 2px;
	}
	.nav_list .ttl .ico img { width: 17px; }
	.nav_list .ttl .click {
		font-size: 13px;
		display: block;
	}
	.nav_list .ttl .click img {
		margin-left: 5px;
		width: 18px;
		vertical-align: -3px;
		box-shadow: 1px 1px 1px rgba(80, 54, 37, 0.35);
		border-radius: 50%;
	}
	.nav_list .ttl .click.on { display: none; }
	.nav_list .ttl.on .click.off { display: none; }
	.nav_list .ttl.on .click.on { display: block; }
	.nav_list ul {
		display: none;
		border-width: 1px;
		border-top: none;
		border-bottom: none;
	}
	.nav_list ul li {
		list-style: none;
		background: none;
		border-bottom: 1px solid #c9d0d7;
	}
	.nav_list ul li a {
		font-size: 15px;
		padding: 12px 5px 12px 30px;
		background: url("img/arrow.png") no-repeat 14px 15px;
		background-size: 10px auto;
	}
	.nav_list .g-line { display: none; }
	.nav_link ul { border-bottom: 1px solid #CCC; }
	.l_link { margin-top: 10px; }
	.l_link a {
		position: relative;
		border-width: 1px;
		border-radius: 2px;
		background: linear-gradient(to bottom, #FFFFFF, #FBFBFB 41%, #F3F2F2);
	}
	.l_link a:after {
		margin-top: -3px;
		position: absolute;
		right: 6px;
		top: 50%;
		width: 5px;
		height: 5px;
		border-top: 2px solid #FFA639;
		border-left: 2px solid #FFA639;
		transform: rotate(135deg);
		content: "";
	}
	.l_link a > span {
		padding: 7px 10px;
		justify-content: flex-start;
		border-top: none;
		min-height: 48px;
		box-sizing: border-box;
	}
	.l_link a > span img { width: 24px; }
	.l_link a > span img.icon_weather {
		width: 30px;
		margin-right: -6px;
	}
	.l_link a .txt,
	.l_link a.external .txt {
		margin-left: 15px;
		width: auto;
	}
	.l_link a .small {
		margin-top: 2px;
		font-size: 9px;
	}
	.nav_jinkou {
		padding: 0;
		background: #fef7ec;
		border-width: 1px;
	}
	.nav_jinkou .ttl {
		margin: 0 0 10px;
		padding: 13px 7px 5px;
		display: flex;
		align-items: center;
		font-size: 14px;
		line-height: 1.2;
		background: #fff url("img/sp_ttl_bg02.gif") repeat-x left top;
		background-size: 3px auto;
		border-radius: 2px 2px 0 0;
	}
	.nav_jinkou .ttl img {
		width: 12px;
	}
	.nav_jinkou .ttl .ico {
		margin-right: 4px;
		width: 19px;
		height: 19px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		background-color: #ffa639;
		border: 2px solid #fdd89b;
		box-sizing: border-box;
		border-radius: 50%;
	}
	.nav_jinkou dl {
		margin: 0 10%;
		font-size: 14px;
		line-height: 1.6;
	}
	.nav_jinkou dt { width: 8em; }
	.nav_jinkou dd { width: calc(100% - 8em); }
	.nav_jinkou .colorTxt {
		margin-right: 10px;
		display: block;
		color: #f76300;
		text-align: right;
	}
	.nav_jinkou dd .bold {
		margin-right: 3px;
		font-weight: bold;
		font-size: 14px;
	}
}
/*-------------------------------top-r-----------------------------------*/
.nav_kinkyuu .ttl {
	padding: 10px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	background-image: linear-gradient(to bottom, #F4748B, #F25A75 41%, #F13153);
	border-radius: 8px 8px 0 0;
}
.nav_kinkyuu .ttl img {
	margin-right: 6px;
	vertical-align: 0;
}
.nav_kinkyuu-inner {
	width: 100%;
	border: 2px solid #DF5A70;
	line-height: 1.5;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.nav_kinkyuu-inner .post_area {
	max-height: 150px;
	overflow-y: scroll;
	margin: 10px;
}
.nav_kinkyuu-inner .post_area dl + dl {
	margin-top: 10px;
	padding-top: 10px;
	border-top: dotted 1px #666;
}
.nav_kinkyuu-inner .post_area .j_title {
	font-size: 1.2em;
	font-weight: bold;
}
.nav_kinkyuu-inner a {
	display: block;
	text-align: center;
	margin: 10px;
}
/*
.nav_kinkyuu-inner img { margin-bottom: 0; }
.nav_kinkyuu-inner p { margin-bottom: 10px; }
.nav_kinkyuu-inner ul { margin-bottom: 10px; }
.nav_kinkyuu-inner ul li { list-style-type: none;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	line-height: 1.6;
}
.nav_kinkyuu-inner ul li a {
	color: #000;
}
.nav_kinkyuu-inner ul li span {	font-size: 12px; }
*/
.top-r-banner li {
	list-style-type: none;
	margin-bottom: 6px;
}
.top-r-banner .liStyle a {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	display: block;
	position: relative;
	border: 2px solid #CCC;
	border-right-width: 1px;
	border-radius: 6px;
}
.top-r-banner .liStyle a:after {
	margin-top: -3px;
	position: absolute;
	right: 11px;
	top: 50%;
	width: 6px;
	height: 6px;
	border-top: 3px solid #54A762;
	border-left: 3px solid #54A762;
	transform: rotate(135deg);
	content: "";
}
.top-r-banner .liStyle a > span {
	padding: 13px 20px 4px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: url("img/b_yotei_line.gif") repeat-x left top;
	border-radius: 4px 4px 0 0;
}
.top-r-banner li a .txt {
	margin: 3px 0 0 5px;
	width: 124px;
}
.top-r-banner li a .txt_space { letter-spacing: -1px; }
.top-r-banner li a .small {
	margin-top: 5px;
	display: block;
	color: #54A762;
	font-size: 12px;
}
.top-r-banner .liStyle02 a {
	padding: 6px;
	display: block;
	border: 1px solid #E6E6E6;
	background-color: #fff;
}
.top-r-banner .liStyle02 a > span {
	background: #F5F4EF;
	border-radius: 0;
}
.top-r-banner .liStyle03 { margin: 10px 0; }
.top-r-banner .liStyle03 a > span { padding: 0 10px 0 13px; }
.top-r-banner .liStyle03 a span img {
	margin: -3px 0 -11px;
	min-width: 140px;
}
.top-r-banner .liStyle03 a .txt {
	margin: 0 -70px 8px 0;
	position: relative;
}
.top-r-banner .liStyle04 { margin-bottom: 10px; }
.top-r-banner .liStyle04 a > span { padding: 2px 18px 5px 5px; }
.top-r-banner .liStyle04 a > img { min-width: 81px; }
.top-r-banner .liStyle04 a .txt {
	margin-top: 7px;
	width: 95px;
}
.top-r-banner .liStyle04 a .small { font-size: 9px; }
.top-r-banner .liStyle04 a .small img {
	margin-left: 8px;
	vertical-align: middle;
}
.top-r-nav ul {
	margin-bottom: 15px;
	margin-top: 8px;
	border: 2px solid #CBD2D9;
	border-radius: 6px;
}
.top-r-nav li {
	margin: 0;
	list-style-type: none;
}
.top-r-nav li a {
	padding: 9px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-image: linear-gradient(to bottom, #F3F6FA, #F5F7FA 41%, #EBEFF5);
	border-bottom: 1px solid #CBD2D9;
}
.top-r-nav li:first-child a { border-radius: 6px 6px 0 0; }
.top-r-nav li:last-child a {
	border-bottom: none;
	border-radius: 0 0 6px 6px;
}
.top-r-nav li a .ico {
	margin-left: 0;
	width: 31px;
	min-width: 31px;
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #54A762;
	border: 2px solid #DEF6E1;
	border-radius: 50%;
}
.top-r-nav li a span {
	margin-left: 4px;
	width: 150px;
}
.btmLink a {
	padding-top: 1px;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #CCC;
	border-radius: 8px;
}
.btmLink a > span {
	padding: 7px 7px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 8px solid #FFBA66;
	border-radius: 7px 7px 0 0;
}
.btmLink a img { width: 60px; }
.btmLink a .txt {
	margin: 3px 0 0 7px;
	width: 135px;
	align-items: center;
	justify-content: space-between;
}
.btmLink a .small {
	margin: 5px 3px 0 0;
	color: #FFBA66;
	font-size: 12px;
	display: inline-block;
/*	background: url("img/new_window.svg") no-repeat right top;*/
/*	background-size: 10px auto;*/
}

.btmLink > a span.txt::after {
    content: url("img/new_window.svg");
    width: 10px;
    display: inline-block;
}

@media all and (max-width: 990px) {
	.nav_kinkyuu-inner img { height: auto; }
	.top-r-banner .liStyle a { font-size: 14px; }
	.top-r-banner .liStyle a > span { padding-left: 5px; }
	.top-r-banner .liStyle a img { max-width: 38px; }
	.top-r-banner .liStyle a .small {
		font-size: 10px;
		font-weight: normal;
	}
	.top-r-banner .liStyle03 a span img {
		min-width: 90px;
		height: auto;
	}
	.top-r-banner .liStyle03 a { font-size: 14px; }
	.top-r-banner .liStyle03 a .txt { margin-bottom: 0; }
	.top-r-banner .liStyle04 a { font-size: 1.4vw; }
	.top-r-banner .liStyle04 a > img { min-width: 30px; }
	.top-r-banner .liStyle04 a .small { font-size: 0.85vw; }
	.top-r-banner .liStyle04 a .small img {
		margin-left: 3px;
		width: 10px;
	}
	.top-r-nav li a {
		padding: 9px 2px;
		font-size: 12px;
	}
	.top-r-nav li a .ico {
		width: 25px;
		min-width: 25px;
		height: 25px;
	}
	.top-r-nav li a .ico img { width: 18px; }
	.btmLink a { font-size: 14px; }
	.btmLink a > span { padding: 7px 4px 12px; }
	.btmLink a img { width: 45px; }
	.btmLink a .small { font-size: 11px; }
}
@media all and (max-width: 767px) {
	.nav_kinkyuu .ttl img { display: none; }
	.nav_kinkyuu .ttl {
		padding: 6px 12px 2px;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		background: #be3a2c;
		border-radius: 4px 4px 0 0;
	}
/*
	.nav_kinkyuu-inner {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border: 1px solid #be3a2c;
		border-radius: 0 0 4px 4px;
	}
	.nav_kinkyuu-inner ul { margin-bottom: 5px; }
	.nav_kinkyuu-inner ul li {
		padding-top: 5px;
		padding-left: 10px;
		position: relative;
		color: #0662ac;
		line-height: 1.3;
	}
	.nav_kinkyuu-inner ul li:before {
		position: absolute;
		left: 0;
		top: 10px;
		width: 4px;
		height: 4px;
		background-color: #444;
		border-radius: 50%;
		content: "";
	}
	.nav_kinkyuu-inner ul li:nth-child(n+3) { display: none; }
	.nav_kinkyuu-inner ul li a {
		color: #0662ac;
		line-height: 1.2;
	}
	*/
	.btnMore { margin: 0 -15px 5px; }
	.btnMore a {
		padding: 2px 2px 0;
		display: block;
		color: #000;
		text-decoration: none;
		text-align: center;
		background-color: #ebebeb;
	}
	.btnMore a span {
		padding-right: 23px;
		display: inline-block;
		background: url("img/sp_arrow01.png") no-repeat right center;
		background-size: 14px auto;
	}
	.nav_kinkyuu-inner .btn a {
		padding: 10px 25px;
		display: block;
		position: relative;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
		border: 1px solid #BE3A2C;
		text-shadow: 0px 1px 1px rgba(80, 54, 37, 0.75);
		background-image: linear-gradient(to bottom, #D04334, #C13A2B 41%, #AD2D1F);
		border-radius: 2px;
	}
	.nav_kinkyuu-inner .btn a:after {
		margin-top: -8px;
		position: absolute;
		right: 3px;
		top: 50%;
		width: 16px;
		height: 16px;
		background: url("img/ico_link.png") no-repeat left top;
		background-size: 16px auto;
		content: "";
	}
	.top-r-banner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top-r-banner li { width: 49.5%; }
	.top-r-banner .liStyle a {
		border-width: 1px;
		border-radius: 2px;
		background: linear-gradient(to bottom, #FFFFFF, #FBFBFB 41%, #F3F2F2);
	}
	.top-r-banner .liStyle a > span {
		padding: 5px 10px;
		height: 48px;
		justify-content: flex-start;
		background: none;
		border-radius: 2px;
		box-sizing: border-box;
	}
	.top-r-banner .liStyle a > span img { width: 26px; }
	.top-r-banner li a .txt {
		margin: 0 0 0 15px;
		width: auto;
		line-height: 1;
	}
	.top-r-banner .liStyle:nth-child(2) a > span { padding: 5px 15px 5px 8px; }
	.top-r-banner .liStyle:nth-child(2) a > span .txt { margin-left: 10px; }
	.top-r-banner .liStyle a .small {
		font-size: 9px !important;
		margin-top: 2px;
	}
	.top-r-banner .liStyle a:after {
		right: 5px;
		width: 5px;
		height: 5px;
		border-width: 2px;
	}
	.top-r-banner .liStyle03 { margin: 0 0 5px; }
	.top-r-banner .liStyle02 a {
		padding: 0;
		border-color: #ccc;
	}
	.top-r-banner .liStyle03 a > span { padding: 10px 0 5px 10px; }
	.top-r-banner .liStyle03 a span img {
		margin: -2px 0;
		min-width: 70px;
	}
	.top-r-banner .liStyle03 a .txt { margin-right: -35px; }
	.top-r-banner .liStyle04 a { font-size: 14px; }
	.top-r-banner .sp.liStyle a > span img { width: 34px; }
	.top-r-banner .sp.liStyle a > span { padding: 5px 3px; }
	.top-r-banner .sp.liStyle a .txt { margin-left: 6px; }
	.top-r-banner .liStyle04 a > span {
		padding: 5px;
		height: 62px;
	}
	.top-r-banner .liStyle04 a > span img { width: 40px; }
	.top-r-banner .liStyle04 a .txt { margin-left: 5px; }
	.top-r-banner li.btn_chonamaru { margin: -2.2% 0 0; }
	.top-r-banner li.btn_chonamaru a {
		padding: 0 12px 0 5px;
		display: block;
	}
	.top-r-banner li:last-child a {
		padding: 0;
		display: block;
	}
	.top-r-nav ul {
		margin: 0 0 10px;
		border-width: 1px;
		border-radius: 2px;
	}
	.top-r-nav li a {
		padding: 6px 3px 6px 10px;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: -0.5px;
		justify-content: flex-start;
	}
	.top-r-nav li a .ico {
		width: 26px;
		height: 26px;
		min-width: 26px;
	}
	.top-r-nav li a .ico img { width: 16px; }
	.top-r-nav li:nth-child(2) a .ico img { width: 20px; }
	.top-r-nav li a span { width: auto; }
	.top-r-nav li:first-child a { border-radius: 2px 2px 0 0; }
	.top-r-nav li:last-child a { border-radius: 0 0 2px 2px; }
	.btmLink a {
		position: relative;
		border-width: 1px;
		border-radius: 2px;
		background: linear-gradient(to bottom, #FFFFFF, #FBFBFB 41%, #F3F2F2);
	}
	.btmLink a > span {
		padding: 7px 4px;
		border: none;
		justify-content: flex-start;
	}
	.btmLink a > span .txt img {
		margin-left: 3px;
		width: 12px;
		display: inline-block !important;
	}
	.btmLink a .small {
		margin-top: 0px;
		background: none;
	}
	.btmLink a:after {
		margin-top: -3px;
		position: absolute;
		right: 6px;
		top: 50%;
		width: 5px;
		height: 5px;
		border-top: 2px solid #FFA639;
		border-left: 2px solid #FFA639;
		transform: rotate(135deg);
		content: "";
	}
}
/*-------------------------------top-m-----------------------------------*/
#metaslider {
	border: 8px solid #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 0px 2px lightgray;
	margin-bottom: 15px;
}
.nivo-controlNav { margin-bottom: -15px; }
.lifeevent {
	border: 1px solid #D2E1D7;
	border-radius: 3px;
	background: url(img/lifeevent_bg.gif?123) no-repeat center top #b7eabe;
	background-size: 100% auto;
	padding-top: 30px;
	padding-bottom: 6px;
}
.lifeevent .ttl {
	margin: 0 0 30px 50px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.lifeevent .title .ico img { width: 12px; }
.lifeevent ul { margin: 10px 0 10px 13px; }
.lifeevent ul li {
	list-style-type: none;
	float: left;
	width: 55px;
	margin-right: 3px;
}
.lifeevent ul li a {
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 1.2;
	text-decoration: none;
	border: 1px solid #D6D6D6;
	border-radius: 6px;
}
.lifeevent ul li a .ico {
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to bottom, #F5F5F5, #F9F9F9 41%, #FEFEFE);
	border-radius: 6px 6px 0 0;
}
.lifeevent ul li a img {
	display: block;
	width: 30px;
}
.lifeevent ul li a .txt {
	padding-top: 2px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to bottom, #2BA763, #0A9548 41%, #008F40);
	border-radius: 0 0 6px 6px;
	border-top: none;
	box-sizing: border-box;
}
.lifeevent .link { margin: 15px 10px 0; }
.lifeevent .link a {
	padding: 8px;
	display: block;
	position: relative;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(to bottom, #FFA101, #FF9D01 41%, #FF9201);
	border-radius: 8px;
}
.lifeevent .link a:after {
	margin-top: -6px;
	position: absolute;
	right: 5px;
	top: 50%;
	width: 13px;
	height: 13px;
	background: url("img/icon_link.png") no-repeat right center;
	background-size: 13px auto;
	content: "";
}
.newsList,
.bousaiList {
	border: 1px solid #D2E1D7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 30px 0;
	padding-top: 35px;
	background: url(img/news_bg.gif?123) no-repeat center top;
	background-size: 100% auto;
	position: relative;
}
.bousaiList { background: url(img/bousai_bg.gif) no-repeat top left; }
.newsList .ttl,
.bousaiList .ttl {
	margin: 0 0 22px 50px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.newsList .n_btn,
.bousaiList .n_btn {
	position: absolute;
	width: 108px;
	height: 36px;
	top: 30px;
	right: 100px;
}
.newsList .n_btn a,
.bousaiList .n_btn a {
	padding: 9px 8px 9px 4px;
	display: block;
	position: relative;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(to bottom, #63C26C, #63C26C 41%, #59BF66);
	border-radius: 4px;
}
.newsList .n_btn a:after,
.bousaiList .n_btn a:after {
	margin-top: -3px;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(135deg);
	content: "";
}
.newsList .rss_btn {
	position: absolute;
	width: 70px;
	height: 36px;
	top: 30px;
	right: 18px;
}
.newsList .rss_btn a {
	padding: 5px 2px;
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	background: linear-gradient(to bottom, #FFA401, #FF9C01 41%, #FF9201);
}
.newsList .rss_btn a img {
	margin-right: 6px;
	vertical-align: middle;
}
.newsList ul,
.bousaiList ul {
	line-height: 1.5;
	border-top: 1px dotted #ccc;
}
.newsList li,
.bousaiList li {
	padding: 5px 15px;
	margin: 8px 0;
	list-style-type: none;
}
.newsList li + li, .bousaiList li + li { border-top: 1px dotted #ccc; }
.newsList ul a,
.bousaiList ul a {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
	color: #000;
}
.newsList span.day,
.bousaiList span.day {
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	width: 100px;
	font-size: 12px;
	display: block;
}
.newsList span.list,
.bousaiList span.list {
	display: block;
	width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bousaiList span.day { width: 130px; }
.bousaiList span.list { width: calc(100% - 130px) ;}
#f_osirase_cb, #f_osirase_lbl,
#f_bousai_cb, #f_bousai_lbl {
	display: none;
}
.movieLink a {
	display: block;
	position: relative;
}
.movieLink a span {
	position: absolute;
	left: 64px;
	top: 32px;
	color: #000;
	font-size: 24px;
	text-shadow: 2px 2px 1px #fff,
						-2px 2px 1px #fff,
						2px -2px 1px #fff,
						-2px -2px 1px #fff;
	font-weight: bold;
}
#banner {
	width: 100%;
	background-image: url(img/banner-bg.gif);
}
.banner-inner {
	max-width: 990px;
	margin: 0 auto;
	padding: 40px 0;
}
.banner-inner .ttl {
	margin-bottom: 14px;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	background: url("img/f_ttl_bg.gif") repeat-x left bottom;
}
.banner-inner ul {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}
.banner-inner ul li {
	list-style-type: none;
	margin-right: 14px;
	margin-bottom: 15px;
}
.g-line {
	height: 1px;
	width: calc(100% - 2px);
	background-color: #63c26c;
	border: 1px solid #5ab564;
}
.linkBox {
	margin-bottom: 20px;
}

.linkBox .linkList {
	display: flex;
	justify-content: space-between;
}
.linkBox .linkList li {
	width: 49.5%;
	list-style: none;
}
.linkBox .linkList li a {
	display: flex;
	align-items: center;
	position: relative;
	color: #000;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	border: 2px solid #FDD89B;
	border-radius: 2px;
}
.linkBox .linkList li a:after {
	margin-top: -4px;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top: 3px solid #FFA639;
	border-left: 3px solid #FFA639;
	transform: rotate(135deg);
	content: "";
}
.linkBox .linkList li a img {
	margin-right: 12px;
	width: 97px;
}
.linkBox .linkList li a .small {
	margin-top: 2px;
	display: block;
	color: #f76300;
	font-size: 15px;
	font-weight: normal;
}
@media all and (max-width: 990px) {
	.lifeevent { padding-top: 5.5%; }
	.lifeevent .ttl {
		margin: 0 0 7% 10%;
		font-size: 2vw;
	}
	.lifeevent ul { margin: 3% 2% 0; }
	.lifeevent ul li {
		margin-right: 0;
		padding: 0 1px;
		width: 12.5%;
		box-sizing: border-box;
	}
	.lifeevent ul li a { font-size: 11px; }
	.lifeevent ul li a .txt { padding: 0 2px; }
	.newsList { padding-top: 6.7%; }
	.newsList .ttl,
	.bousaiList .ttl {
		margin: 0 0 7% 10%;
		font-size: 2vw;
	}
	.bousaiList .ttl { margin-left: 12%; }
	.newsList .n_btn { top: 2.5%; }
	.newsList .rss_btn { top: 2.5%; }
	.newsList ul a, .bousaiList ul a { flex-wrap: wrap; }
	.newsList span.list, .bousaiList span.list { width: 100%; }
	.movieLink a span {
		left: 13%;
		top: 26%;
		font-size: 2.2vw;
		text-shadow: 2px 2px 1px #FFF,-2px 2px 1px #FFF,-2px -2px 1px #FFF,2px -2px 1px #FFF,0 0 2px #fff;
	}
	.banner-inner { margin: 0 20px; }
	.linkBox .linkList li a img {
		margin-right: 6px;
		max-width: 80px;
	}
	.linkBox .linkList li a .small { font-size: 10px; }
}
@media all and (max-width: 767px) {
	#metaslider {
		margin: 0 auto 8px;
		max-width: 474px;
		padding: 8px;
		border: 1px solid #cecece;
		background-color: #D8D8D8;
		border-radius: 2px;
	}
	.meteor-slides .meteor-buttons a {
		width: 8px !important;
		height: 8px !important;
		background: #fff !important;
		border-radius: 50%;
	}
	.meteor-slides .meteor-buttons .activeSlide {
		background: #8F8F8F !important;
	}
	.meteor-slides .mslide {
		padding: 0 17px !important;
		box-sizing: border-box;
		background-color: #fff;
	}
	.meteor-slides .mslide a {
		display: block;
		padding: 0 6px !important;
		background-color: #D8D8D8;
	}
	.meteor-slides .meteor-clip {
		padding: 0 20px !important;
		box-sizing: border-box;
	}
	div.meteor-slides.navpaged, div.meteor-slides.navboth {
		margin-bottom: 15px !important;
	}
	.meteor-nav .prev a,
	.meteor-nav .prev a:hover {
		background-image: url("img/sp_prev.png") !important;
		background-size: 10px auto !important;
		background-position: 4px center !important;
	}
	.meteor-nav .next a,
	.meteor-nav .next a:hover {
		background-image: url("img/sp_next.png") !important;
		background-size: 10px auto !important;
		background-position: right 4px center !important;
	}
	.linkBox { margin-bottom: 10px; }
	.linkBox .btnList {
		margin: 0 -2px 3px;
		display: flex !important;
		flex-wrap: wrap;
	}
	.linkBox .btnList li {
		padding: 2px;
		width: 50%;
		list-style: none;
		box-sizing: border-box;
	}
	.linkBox .btnList li a {
		display: block;
		padding: 12px 10px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: 0px 1px 1px rgba(24, 111, 33, 0.75);
		text-decoration: none;
		text-align: center;
		border: 1px solid #008C3F;
		background: linear-gradient(to bottom, #63C26C, #55BD60 41%, #40B44E);
	}
	.linkBox .linkList li a {
		font-size: 15px;
		border-width: 1px;
	}
	.linkBox .linkList li a img {
		margin-right: 9px;
		width: 60px;
	}
	.linkBox .linkList li a .small {
		font-size: 9px;
	}
	.linkBox .linkList li a:after {
		margin-top: -3px;
		right: 6px;
		width: 5px;
		height: 5px;
		border-width: 2px;
	}
	.lifeevent {
		padding: 0 0 5px;
		background: #b7eabe;
	}
	.lifeevent .ttl,
	.newsList .ttl,
	.bousaiList .ttl {
		margin: 0;
		padding: 13px 7px 5px;
		display: flex;
		align-items: center;
		font-size: 16px;
		line-height: 1.2;
		background: #fff url("img/sp_ttl_bg.gif") repeat-x left top;
		background-size: 3px auto;
		border-radius: 2px 2px 0 0;
	}
	.lifeevent .ttl img { width: 10px; }
	.lifeevent .ttl .ico,
	.newsList .ttl .ico,
	.bousaiList .ttl .ico {
		margin-right: 4px;
		width: 22px;
		height: 22px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		background-color: #53A661;
		border: 2px solid #E3F7E4;
		box-sizing: border-box;
		border-radius: 50%;
	}
	.lifeevent ul { margin: 8px 3px 0; }
	.lifeevent ul li {
		margin-bottom: 5px;
		width: 33.3333%;
	}
	.lifeevent ul li a {
		display: flex;
		font-size: 11px;
	}
	.lifeevent ul li a .ico {
		width: 25px;
		height: 22px;
		border-radius: 2px 0 0 2px;
	}
	.lifeevent ul li a .ico img { width: 17px; }
	.lifeevent ul li a .txt {
		width: calc(100% - 18px);
		position: relative;
		height: 22px;
		text-shadow: 0px 1px 1px rgba(0, 93, 42, 0.75);
		border-radius: 0 2px 2px 0;
	}
	.lifeevent ul li a .txt:after {
		margin-top: -1px;
		position: absolute;
		right: 4px;
		top: 50%;
		width: 0;
		height: 0;
		border: 2px solid #fff;
		border-bottom-color: transparent;
		border-left-color: transparent;
		transform: rotate(45deg);
		content: "";
	}
	.lifeevent .link { margin: 0 5px; }
	.lifeevent .link a {
		padding: 10px 25px;
		font-size: 13px;
		line-height: 1.2;
		text-shadow: 0px 1px 1px rgba(80, 54, 37, 0.75);
		background: linear-gradient(to bottom, #FFBA27, #FFB119 41%, #FFA203);
		border: 1px solid #FF8A01;
		border-radius: 2px;
	}
	.lifeevent .link a .sp {
		margin-right: 3px;
		vertical-align: -3px;
		display: inline-block !important;
	}
	.lifeevent .link a:after {
		margin-top: -8px;
		right: 4px;
		width: 16px;
		height: 16px;
		background-size: 16px auto;
	}
	.newsList,
	.bousaiList {
		margin: 10px 0 15px;
		padding: 0 0 7px;
		background: none;
	}
	.newsList .ttl .ico img,
	.bousaiList .ttl .ico img {
		width: 10px;
	}
	.newsList ul, .bousaiList ul,
	.newsList li + li, .bousaiList li + li {
		border-color: #000;
	}
	.newsList li,
	.bousaiList li {
		margin: 8px 0;
		padding: 5px 8px;
		line-height: 1.4;
	}
	.newsList li a,
	.bousaiList li a {
		color: #0662ac;
		text-decoration: none;
	}
	.newsList span.day,
	.bousaiList span.day {
		padding-left: 12px;
		background: url("img/arrow.png") no-repeat left 2px;
		background-size: 10px auto;
	}
	.newsList li:nth-child(n+3),
	.bousaiList li:nth-child(n+3) {
		display: none;
	}
	.newsList .btnMore {
		margin: 0 0 8px;
		display: block;
	}
	.newsList .btnMore a { padding: 5px; }
	.newsList .btnMore a span { background-image: url("img/sp_arrow02.png"); }
	.newsList .n_btn,
	.bousaiList .n_btn {
		margin: 0 5px;
		height: auto;
		position: static;
		right: auto;
		top: auto;
		width: auto;
	}
	.newsList .n_btn a,
	.bousaiList ._btn a {
		padding: 10px 25px;
		display: block;
		position: relative;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
		border: 1px solid #008C3F;
		text-shadow: 0px 1px 1px rgba(80, 54, 37, 0.75);
		background-image: linear-gradient(to bottom, #63C26C, #54BC5F 41%, #40B54E);
		border-radius: 2px;
	}
	.newsList .n_btn a:after,
	.bousaiList ._btn a:after {
		margin-top: -8px;
		position: absolute;
		right: 3px;
		top: 50%;
		width: 16px;
		height: 16px;
		border: none;
		transform: none;
		background: url("img/ico_link03.png") no-repeat left top;
		background-size: 16px auto;
		content: "";
	}
	#f_osirase_lbl,
	#f_bousai_lbl {
		display: block;
		background-color: #ebebeb;
		padding: 5px 0;
		text-align: center;
		margin: 8px 0;
	}
	#f_osirase_lbl span,
	#f_bousai_lbl span {
		padding-right: 23px;
		background: #ebebeb url("img/sp_arrow02.png") no-repeat right center;
		background-size: 14px auto;
	}
	#f_osirase_cb:checked + ul li,
	#f_bousai_cb:checked + ul li {
		display: block;
	}
	#f_osirase_cb:checked + ul + label,
	#f_bousai_cb:checked + ul + label {
		display: none;
	}
	.movieLink {
		margin: 0 auto;
		max-width: 640px;
	}
	.movieLink a span {
		left: 9%;
		top: 25%;
		font-size: 4.6vw;
	}
	#banner {
		margin-top: 20px;
	}
	.banner-inner {
		margin: 0 8px;
		padding: 10px 0 15px;
	}
	.banner-inner .ttl {
		margin-bottom: 10px;
		padding-bottom: 5px;
		font-size: 15px;
		font-weight: normal;
		background-size: auto 3px;
	}
	.banner-inner ul {
		margin: 0 7%;
	}
	.banner-inner ul li {
		margin: 0;
		padding: 0 6px 6px;
		width: 33.333%;
		box-sizing: border-box;
	}
	.banner-inner .btn a {
		padding: 5px;
		position: relative;
		display: block;
		color: #000;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		border: 1px solid #a5a5a5;
		border-radius: 2px;
		background: linear-gradient(to bottom, #FFFFFF, #FBFBFB 41%, #F3F2F2);
	}
	.banner-inner .btn a:after {
		margin-top: -3px;
		position: absolute;
		right: 5px;
		top: 50%;
		width: 5px;
		height: 5px;
		border-top: 2px solid #54A762;
		border-left: 2px solid #54A762;
		transform: rotate(135deg);
		content: "";
	}
}
/****************************************
		subpage
*****************************************/
#pankuzu {
	width: 920px;
	padding: 7px 25px;
	margin: 0 auto 20px auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FBFBFB;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 1px gray;
}
/*------------------------------kurashino---------------------------*/
#kurashino_contentsbox {
	max-width: 980px;
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0 0px 0;
}
#kurashino_content {
	margin: 0 auto;
	width: 1020px;
}
#kurashino_content table {
	width: 1020px;
	border-collapse: separate;
	/* セルの間隔を空ける */
	border-spacing: 20px;
}
#kurashino_content table td {
	border: 1px solid #e4e4e4;
	vertical-align: top;
}
#kurashino_content p {
	border-top: 3px solid #4DBA5B;
	padding: 15px 0px 15px 40px;
	font-size: 18px;
	font-weight: bold;
	background-color: #eeeeee;
	background-image: url(img/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 15px 17px;
}
#kurashino_content p a {
	display: block;
	text-decoration: underline;
	color: #001040;
}
#kurashino_content ul.list {
	padding: 5px 0px 20px 20px;
}
#kurashino_content ul.list li {
	width: 260px;
	border: none;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	list-style-type: none;
	line-height: 2;
}
#kurashino_content ul.list li a {
	padding: 5px 0 5px 20px;
	display: block;
	color: #003399;
}
#kurashino h1 {
	margin: 0;
}
@media all and (max-width: 767px) {
	#kurashino_contentsbox { padding: 20px 0 7px; }
	#kurashino_contentsbox h1 {
		padding: 22px 20px;
		font-size: 18px;
		background: url("img/sp_top_kurashino.png") no-repeat center bottom;
		background-size: cover;
	}
	#pankuzu {
		margin: 0 8px 18px;
		padding: 4px 5px;
		width: auto;
		font-size: 8px;
		border-width: 1px;
		border-radius: 2px;
	}
	#contentsbox #pankuzu {
		margin: 5px 0 18px;
		line-height: 1.3;
	}
	#contentsbox h1 { margin: 0 -8px; }
	#contentsbox h1 img {
		width: 100%;
		height: auto;
	}
	#kurashino_content {
		margin: 8px 8px 0;
		width: auto;
	}
	#kurashino_content table {
		width: 100%;
		border-spacing: 0;
	}
	#kurashino_content table td {
		padding: 0;
		float: left;
		width: 100%;
		border: none;
	}
	.comTtl {
		position: relative;
		font-size: 15px !important;
		text-shadow: 0px 1px 1px rgba(80, 54, 37, 0.75);
		border: 1px solid #008C3F;
		background: linear-gradient(to bottom, #62C26C, #62C26C 41%, #48B855) !important;
		border-radius: 2px;
		padding: 10px 6px 10px 15px !important;
		color: #fff;
		cursor: pointer;
	}
	.comTtl .click {
		margin-top: -9px;
		font-size: 13px;
		display: block;
		position: absolute;
		right: 6px;
		top: 50%;
	}
	.comTtl .click img {
		margin-left: 5px;
		width: 18px;
		vertical-align: -3px;
	}
	.comTtl .click.on { display: none; }
	.comTtl.on .click.off { display: none; }
	.comTtl.on .click.on { display: block; }
	ul.comList {
		display: none;
		padding: 0 !important;
		border-top: none;
		border: 1px solid #C9D0D7;
		border-bottom: none;
	}
	ul.comList li {
		width: auto !important;
		border-bottom: 1px solid #C9D0D7 !important;
		background: url("img/arrow.png") no-repeat 14px 14px  !important;
		background-size: 10px auto !important;
	}
	ul.comList li:last-child { border-bottom: none; }
	ul.comList li a {
		padding: 6px 5px 5px 30px !important;
		color: #000 !important;
		font-size: 15px;
		text-decoration: none;
	}
	#kurashino_content tr:last-child td:last-child ul.comList {
		border-bottom: 1px solid #C9D0D7;
	}
	#kurashino_content ul.list .children li:last-child {
		border-bottom: none;
	}
}

/*------------------------------category---------------------------*/
#cat_main {
	width: 735px;
	float: left;
}
#cat_main h3 {
	border-top: 3px solid #4DBA5B;
	margin-top: 15px;
	padding: 15px 0px 15px 45px;
	font-size: 18px;
	font-weight: bold;
	background-color: #eeeeee;
	background-image: url(img/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 20px 22px;
}
#cat_main h3 a {
	display: block;
	text-decoration: underline;
	color: #001040;
}
.top_cat ul {
	overflow: hidden;
	padding: 5px 25px;
}
.top_cat ul li {
	border: none;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	list-style-type: none;
	line-height: 2;
	float: left;
	margin: 5px 25px 5px 0;
	border-bottom: 1px solid #eeeeee;
}
.top_cat ul li a {
	padding: 5px 0 5px 20px;
	display: block;
	color: #003399;
}
.top_cat ul li:after {
	content: "";
	display: block;
	clear: both;
}
.cat ul {
	overflow: hidden;
	padding: 10px 25px;
}
.cat ul li {
	border: none;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	list-style-type: none;
	line-height: 2;
	margin: 5px 0px 5px 0;
	border-bottom: 1px solid #eee;
}
.cat ul li a {
	padding: 5px 0 5px 20px;
	display: block;
	color: #003399;
}
.cat ul li:after {
	content: "";
	display: block;
	clear: both;
}
/*お知らせと防災情報*/
ul.osirase_list li,
ul.bousaimusen li {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-left: 1rem;
	margin: 5px 0;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	background-position: 0;
}
ul.osirase_list span.day,
ul.bousaimusen span.day {
	margin-right: 1rem;
}
ul.osirase_list li a,
ul.bousaimusen li a {
	padding: 5px 0;
	flex-grow: 1;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
@media all and (max-width: 767px) {
	#cat_main {
		float: none;
		width: auto;
	}
	#cat_main h3 {
		margin-top: 2px;
		position: relative;
		font-size: 15px !important;
		text-shadow: 0px 1px 1px rgba(80, 54, 37, 0.75);
		border: 1px solid #008C3F;
		background: linear-gradient(to bottom, #62C26C, #62C26C 41%, #48B855) !important;
		border-radius: 2px;
		padding: 10px 65px 10px 15px !important;
		color: #fff;
		cursor: pointer;
	}
	#cat_main h3 a {
		color: #fff;
		text-decoration: none;
	}
	.top_cat ul { padding: 0; }
	.top_cat ul li {
		margin: 0;
		float: none;
	}
	.cat ul { padding: 0; }

	/*お知らせと防災情報*/
	.cat ul.osirase_list,
	.cat ul.bousaimusen {
		padding: 10px;
	}
	ul.osirase_list li,
	ul.bousaimusen li {
		flex-wrap: wrap;
		background-position-y: 9px;
	}
	ul.osirase_list li a,
	ul.bousaimusen li a {
		flex-grow: 0;
		width: 100%;
	}
}

/*------------------------------archive---------------------------*/
#archive_cat {
	width: 735px;
	float: left;
}
#archive_cat p {
	line-height: 2;
}
#archive_cat h3 {
	border-top: 3px solid #4DBA5B;
	margin-top: 15px;
	padding: 15px 0px 15px 45px;
	font-size: 18px;
	font-weight: bold;
	background-color: #eeeeee;
}
#archive_cat h3 a {
	display: block;
	text-decoration: underline;
	color: #001040;
}
.archive_cat ul {
	overflow: hidden;
	padding: 10px 25px;
}
.archive_cat ul li {
	border: none;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	list-style-type: none;
	line-height: 2;
	margin: 5px 0px 5px 0;
	border-bottom: 1px solid #eeeeee;
}
.archive_cat ul li a {
	padding: 5px 0 5px 20px;
	display: block;
	color: #003399;
}
.archive_cat ul li:after {
	content: "";
	display: block;
	clear: both;
}
#sidebar {
	width: 220px;
	float: right;
}
#sidebar .topcat_list {
	background-color: #53BD61;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 1px gray;
	padding: 10px 20px 20px 20px;
}
#sidebar .topcat_list ul li {
	list-style-type: none;
	background-image: url(img/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;
}
#sidebar .topcat_list ul li a {
	display: block;
	background-image: url(img/sidebar_cat_l.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 17px 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#sidebar .topcat_list ul li:last-child a {
	background-image: none;
}
#sidebar .cat_list {
	background-color: #ffffff;
	margin-top: 15px;
}
#sidebar .cat_list img {
	vertical-align: top;
}
#sidebar .cat_list p {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	padding: 17px 10px 17px 20px;
	background-image: url(img/sidebar_m.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#sidebar .cat_list ul {
	border: 2px solid #CFDFD4;
}
#sidebar .cat_list ul li {
	list-style-type: none;
	border-bottom: 2px dotted #CFDFD4;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 20px 18px;
}
#sidebar .cat_list ul li a {
	display: block;
	padding: 15px 10px 15px 40px;
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
#sidebar .cat_list ul li:last-child {
	border: none;
}
#sidebar .cat_list ul li.current-cat {
	background-color: #6FC778;
	background-image: url(img/arrow4.gif);
	background-repeat: no-repeat;
}
#sidebar .cat_list ul li.current-cat a {
	color: #FFFFFF;
}
#sidebar .cat_list ul.children {
	border: none;
}
#sidebar .cat_list ul.children li {
	border: none;
	border-top: 2px dotted #CFDFD4;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 40px 15px;
	padding-left: 20px;
}
#sidebar .cat_list li.current-cat ul.children {
	background-color: #ffffff;
}
#sidebar .cat_list li.current-cat ul.children a {
	color: #000099;
}
#sidebar .a_list {
	background-color: #ffffff;
}
#sidebar .a_list img {
	vertical-align: top;
}
#sidebar .a_list p {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	padding: 17px 10px 17px 20px;
	background-image: url(img/sidebar_m.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#sidebar .a_list ul {
	border: 2px solid #CFDFD4;
}
#sidebar .a_list ul li {
	list-style-type: none;
	border-bottom: 2px dotted #CFDFD4;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}
#sidebar .a_list ul li a {
	display: block;
	padding: 15px 10px 15px 40px;
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}

/*サイドバーなし(防災行政無線、Jアラート)*/
#cat_main.no_sidebar {
	width: 100%;
  max-width: 980px;
}

/*Jアラート*/
#cat_main #jalert dl {
	padding: 1rem;
	margin-bottom: 1rem;
	border-bottom: dotted 1px #666;
	transform: rotate(.05deg);
}
#cat_main #jalert dt.j_date {
	text-align: right;
	margin-bottom: .5rem;
}
#cat_main #jalert dt.j_title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .5rem;
}
#cat_main #jalert dd { font-size: 1.1em; }

@media all and (max-width: 767px) {
	#archive_cat {
		width: auto;
		float: none;
	}
	#sidebar {
		float: none;
		width: auto;
	}
	#archive_cat h3 {
		padding: 10px;
		font-size: 15px;
	}
	#sidebar .cat_list { margin-top: 10px; }
	#sidebar .cat_list p {
		padding: 10px 10px 5px 10px;
		background-size: cover;
	}
	#sidebar .cat_list img { width: 100%; }
	#sidebar .topcat_list ul li a {
		background: none;
		border-bottom: 1px solid #47AC54;
		padding: 7px 10px 10px 15px;
	}
	#sidebar .topcat_list { padding: 5px 10px 10px 10px; }

	#sidebar .topcat_list ul li { background-position: 0px 10px; }

	/*Jアラート*/
	#cat_main #jalert dl { padding: 1rem .5rem; }
}
/*------------------------------single---------------------------*/
#single {
	margin-top: 5px;
	padding: 0 1rem;
}
#single .koushin {
	text-align: right;
	margin: 0px 0 30px 0;
}
.title {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #53BD61;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 1px gray;
	padding: 20px 20px 20px 30px;
}
#single p { line-height: 2; }
#single h1 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	background-image: url(img/h1_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	box-shadow: 0px 0px 1px gray;
	padding: 20px 20px 20px 30px;
	margin-bottom: 25px;
}
#single h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	background-image: url(img/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 20px 10px 30px;
	margin-bottom: 25px;
	line-height: 1;
	border-bottom: 5px solid #51BC5E;
}
#single h3 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background-color: #C8EACC;
	padding: 10px 20px 10px 30px;
	margin: 25px 0 10px 0;
}
#single ul {
	list-style-type: disc;
	margin-left: 20px;
	line-height: 2;
}
#single ul.post-meta { margin-left: 0px; }

#single ol {
	list-style-type: decimal;
	margin-left: 20px;
	line-height: 2;
}
a[href$=".pdf"] {
	background-image: url(img/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #003399;
	text-decoration: underline;
}
a[href$=".doc"], a[href$=".docx"] {
	background-image: url(img/word.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #003399;
	text-decoration: underline;
}
a[href$=".xls"], a[href$=".xlsx"] {
	background-image: url(img/excel.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #003399;
	text-decoration: underline;
}
table {
	border-collapse: collapse;
	margin-bottom: 10px;
	border-color: #2c2c2c;
}
td {
	border-color: #2c2c2c;
	padding: 5px;
}
th {
	background-color: #C8EACC;
	border-color: #2c2c2c;
	padding: 5px;
}
.arrow li {
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	list-style-type: none;
	line-height: 2;
	padding: 5px 20px;
	margin: 5px 25px 5px 0;
	border-bottom: 1px solid #eeeeee;
}
.post-meta li {
	width: 93%;
	border: 5px solid #f5f5f5;
	background-color: #FFFFFF;
	background-image: url(img/info_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	box-shadow: 0px 0px 1px gray;
	margin: 30px auto;
	padding: 3px 0 10px 30px;
	list-style-type: none;
	line-height: 3;
}
.post-meta-key {
	display: block;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
#single .ttl {
	margin-bottom: 20px;
	font-size: 16px;;
	font-weight: bold;
		display: flex;
		align-items: center;
}
	#single .ttl .ico {
		margin-right: 4px;
		width: 19px;
		height: 19px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		background-color:
		#ffa639;
		border: 2px solid
		#fdd89b;
		box-sizing: border-box;
		border-radius: 50%;
	}
	#single .ttl .ico img { width: 12px; }
#single .txtDl { margin: 0 2px 10px; }
#single .txtDl dt { float: left; }
#single .txtDl dd { padding-left: 4em; }

/*防災行政無線、緊急情報*/
#single.bousai_jalert .housou {
	text-align: right;
	margin-bottom: 30px;
}
#single.bousai_jalert .post-meta {display: none; }
@media all and (max-width: 767px) {
	#contentsbox .title {
		padding: 10px 10px 10px 20px;
		margin: 0;
		font-size: 17px;
	}
	#single h3 {
		font-size: 15px;
		padding: 10px;
	}
	#single p {
		margin: 0 2px;
		font-size: 14px;
	}
	#single p img {
		max-width: 100%;
		height: auto;
	}
	#single .scrollTab {
		margin: 0 -8px 10px 0;
		overflow-x: auto;
	}
	#gallery-1 .gallery-item img { height: auto; }
	#single textarea {
		max-width: 100%;
		font-size: 15px;
	}
	#single .ttl { font-size: 16px; }
	table { width: 100%; }
	table th, table td { word-break: break-all; }
}

/*------------------------------houshasen---------------------------*/
ul.housha li a {
	display: inline-block;
}
ul.housha li a span {
	text-decoration: none;
	color: #000000;
	margin-left: 15px;
}

/*------------------------------tel--------------------------*/
.tel h3 {
	background-image: none !important;
	color: #000000;
	font-size: 15px !important;
	font-weight: bold;
	background-color: #C8EACC !important;
	padding: 10px 20px 10px 30px !important;
	margin: 25px 0 10px 0 !important;
	border-top: none !important;
}
.tel {
	line-height: 2;
}
/*------------------------------link--------------------------*/
.linkcat {
	background-image: url(img/lifeevent_iconbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 25px 0 0 0;
	padding: 15px;
	border: 1px solid #b6b6b6;
	background-color: #FFFFFF;
	list-style-type: none;
	font-size: 14px;
	font-weight: 600;
	font-size: 90%;
	zoom: 1;
}
.blogroll li {
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
	list-style-type: none;
	padding: 7px 7px 7px 30px;
	zoom: 1;
}
/*------------------------------sitemap--------------------------*/
#sitemap ul {
	overflow: hidden;
	padding: 0px 15px 10px 15px;
}
#sitemap ul li {
	border: none;
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	list-style-type: none;
	line-height: 2;
	float: left;
	margin: 5px 25px 5px 0;
	border-bottom: 1px solid #eeeeee;
}
#sitemap ul li a {
	padding: 5px 0 5px 20px;
	display: block;
	color: #003399;
}
#sitemap ul li:after {
	content: "";
	display: block;
	clear: both;
}
/****************************************
		footer
*****************************************/
#footer {
	width: 100%;
	height: auto;
	background-image: url(img/footer-bg.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	margin: 0;
	flex-grow: 0;
}
.footer-inner {
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 2;
}
.to_top {
	max-width: 980px;
	margin: 0 auto;
}
.to_top a {
	display: block;
	width: 112px;
	height: 33px;
	background-image: url(img/to_top.png);
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: right;
}
.to_top a:hover {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#footer .chonamaru {
	float: right;
}
#footer .sitemap {
	margin: 0 4px 21px;
}
#footer .sitemap a {
	padding-left: 16px;
	position: relative;
	color: #fff;
	text-decoration: none;
}
#footer .sitemap a:before {
	position: absolute;
	left: 0;
	top: 40%;
	width: 0;
	height: 0;
	border: 3px solid #fff;
	border-bottom-color: transparent;
	border-left-color: transparent;
	transform: rotate(45deg);
	content: "";
}
#footer .copy {
	margin: 20px auto 0 auto;
	font-size: 11px;
}
#footer p a {
	color: #fff;
	text-decoration: none;
}

@media all and (max-width: 990px) {
	.footer-inner { margin: 0 20px; }
	.to_top { margin: 0 20px; }
}
@media all and (max-width: 767px) {
	.to_top { display: none; }
	#footer {
		height: auto;
		background: url("img/sp_footer_bg.gif") repeat-x left bottom;
		background-size: 8px auto;
		box-sizing: border-box;
	}
	.footer-inner {
		margin: 0;
		padding: 8px;
		font-size: 13px;
		line-height: 1.6;
		background: linear-gradient(to bottom, #4DAA56, #4DAA56 41%, #319E3D);
	}
	#footer .chonamaru { display: none; }
	#footer .sitemap { margin: 0 0 15px; 	}
	#footer .sitemap a {
		padding-left: 12px;
		text-decoration: underline;
	}
	#footer .copy {
		margin-top: 15px;
		font-size: 10px;
		text-align: center;
	}
}
/****************************************
		Marriage Form
*****************************************/
.form-style-2 label {
	display: block;
	margin: 0px 0px 15px 0px;
}
.marriage-caution {
	margin: 20px 10px 10px;
	line-height: 1.8;
}
.marriage-inquiry {
	width: 330px;
	margin: 20px 10px 10px;
	padding: 10px;
	line-height: 1.8;
	border: 1px solid #53BD61;
}
.mar-ttl {
	display: block;
	color: #53BD61;
	font-weight: bold;
	font-size: 1.2em;
}
/***** コンタクトフォーム *****/
.table-contactform7 {
	overflow: hidden;
	table-layout: fixed;
	line-height: 1.8;
}
.required-contactform7 {
	padding: 5px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 7px;
}
.unrequired-contactform7 {
	padding: 5px;
	background: #fff;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
.table-contactform7 th {
	font-weight: bold;
	background: #fff;
	text-align: left;
}
.table-contactform7 td, .table-contactform7 th {
	padding: 5px;
	line-height: 1.8;
	vertical-align: middle;
}
.table-contactform7 input, .table-contactform7 textarea {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
.table-contactform7 .wpcf7-list-item-label {
	margin-top: -8px;
}
.table-contactform7 .wpcf7-text {
	height: 25px;
}
.table-contactform7 td input[type="radio"] {
	vertical-align: middle;
}
.address-100 input {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
.message-100 textarea {
	width: 100%;
	margin: 5px 10px 10px 5px;
}
input.btn-success {
	padding: 10px 30px;
	font-size: 1.2em;
	background-color: #53BD61;
	color: #fff;
	border-style: none;
	margin-left: 200px;
}
input.btn-success:hover {
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	opacity: 0.7;
	cursor: pointer;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
	padding: 10px !important;
}
div.wpcf7-mail-sent-ok {
	border-color: #DE8686 !important;
}
@media screen and (min-width: 900px) {
	.table-contactform7 th {
		width: 28%;
	}
}
@media screen and (max-width: 900px) {
	.table-contactform7 {
		display: block;
	}
	.table-contactform7 tbody, .table-contactform7 tr {
		display: block;
		width: 100%;
	}
	.table-contactform7 th {
		width: 100%;
		display: block;
		margin: 0 auto;
		border: none;
	}
	.table-contactform7 td {
		display: list-item;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: none !important;
	}
}
@media screen and (max-width: 767px) {

	#single h2 span,
	#single h3 span,
	#single h4 span {
		font-size: 16px !important;
	}

	#single h2 {
		font-size: 18px;
		line-height: 1.4;
		background-image: none;
		padding: 0px 10px 10px;
		margin-bottom: 15px;
		border-bottom: 3px solid #53BD61;
	}

	input.btn-success {
		margin: 0 auto;
		width: 122px;
		display: block;
	}
	.marriage-inquiry {
		width: auto;
	}

	#single ul {
		margin: 0;
	}
	#single ul li,
	#single p span,
	#single ul li span {
		font-size: 14px !important;
	}

	#single p,
	#single ul li,
	#single p span,
	#single ul li span {
		line-height: 1.8em;
		padding-left: 0 !important;
	}
	.post-meta li {
		width: auto;
	}
	.wpcf7-form-control-wrap input[type="text"],
	.wpcf7-form-control-wrap input[type="email"] {
		width: 100%;
	}
	.post-meta li {
		width: auto;
		padding-left: 5px;
		background-image: none;
	}
	.post-meta li span {
		display: block;
		padding-left: 5px;
	}
	.post-meta-key {
		margin: 0;
		padding-left: 5px;
		background-image: url(img/info_bg.gif);
		margin-bottom: 5px;
	}
	.single #single table {
		background: none !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.single #single table td {
		width: auto !important;
		max-width: 100% !important;
	}
	.single #single table td,
	.single #single table td span {
		color: #000 !important;
	}

}
.meteor-slides .meteor-buttons {
	left: 45% !important;
	margin: 5px auto !important;
	text-align: center !important;
	width: auto !important;
	bottom: -22px !important;
}
@media screen and (max-width: 767px) {
	.meteor-slides ul.meteor-nav {
		display: block !important;
	}
}
.images-4 {
	width: 100%;
	margin-bottom: 10px;
}
.images-4 li {
	float: left;
	width: 25%;
	list-style: none;
}
.images-4 li img { width: 98%; }

/* 2020.04.09 追加 */
#single .only_pc_center { text-align: center; }

@media screen and (max-width: 640px) {
	#single .only_pc_center { text-align: left; }
	.postid-476 .tbl-r02 { width: 80%; }
	.postid-476 .tbl-r02 .image_td {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.postid-476 .tbl-r02 th,
	.postid-476 .tbl-r02 td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
}