@charset "UTF-8";

/* -------------------------------------------------- */
/* メインイメージ */
/* -------------------------------------------------- */

#mainimg {
	width: 1042px;
	margin: 0px auto 25px auto; padding: 0px 0px 0px 0px;
}

#mainimg2022 {
	position: relative;
	/*border: 1px solid #000;*/
	width: 1042px;
	margin: 0px auto 25px auto; padding: 0px 0px 0px 0px;
}
#mainimg2022 img {
	width: 1042px;
	height: auto;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

@media only screen and (max-width: 767px) {
#mainimg2022 {
	width: 100%;
	margin: 0px auto 15px auto; padding: 0px 0px 0px 0px;
}
#mainimg2022 img {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
}

/* ↓下記は全体化した際にコメントアウト */
/*.owl-carousel {
	width: 778px !important; height: 335px;
	float: left;
}
.owl-carousel_none {
	width: 778px !important; height: 335px;
	float: left;
}
.owl-carousel_disaster {
	width: 778px !important; height: 420px;
    border: 1px solid #BF0012;
    position: relative;
	float: left;
}*/

.owl-carousel_disaster {
	height: 420px;
    border: 1px solid #BF0012;
    position: relative;
}

/*.owl-theme {
	z-index: 9999 !important;
	background-color: #CCC;
}*/

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 0px !important;
}
.owl-theme .owl-dots {
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center !important;
	-webkit-tap-highlight-color: transparent;
	/*z-index: 10001 !important;*/
	/*border: 1px solid #000;*/
	
}
@media only screen and (max-width: 767px) {
#mainimg {
	width: 100%;
	margin: 0px auto 15px auto; padding: 0px 0px 0px 0px;
}
.owl-carousel {
	width: 100% !important; height: auto !important;
	float: none;
}
.owl-carousel_none {
	width: 100% !important; height: auto !important;
	float: none;
}
.owl-carousel_none img {
	width: 100% !important; height: auto !important;
}
.owl-carousel_disaster {
	width: 100% !important; height: 300px !important;
    border: 1px solid #BF0012;
	float: none;
}
.owl-theme .owl-dots {
	bottom: 10px;
}
}

/* -------------------------------------------------- */
/* 特設サイトへのリンク2022 */
/* -------------------------------------------------- */

#special2022 {
	position: relative;
	/*border: 1px solid #000;*/
	width: 1042px;
	margin: 0px auto 25px auto; padding: 0px 0px 0px 0px;
	list-style-type: none;
	padding-left: 0;
	text-align: center;
}
#special2022 li {
	display: inline-block;
	margin-left:10px;
}
#special2022 li:nth-child(1) {
	margin-left:0px;
}
#special2022 li img {
	/*width: 160px;*/
	width: 196px;
	height: auto;
}

@media only screen and (max-width: 767px) {
#special2022 {
	width: 100%;
	margin: 0px auto 15px auto; padding: 0px 0px 0px 0px;
}
#special2022 li:nth-child(4) {
	padding-top: 1vw;
	margin-left:0px;
}
#special2022 li {
	display: inline-block;
	margin-left:1vw;
}
#special2022 li img {
	width: 30vw;
	height: auto;
}
}

#special2022a {
	position: relative;
	/*border: 1px solid #000;*/
	width: 1042px;
	margin: 0px auto 25px auto; padding: 0px 0px 0px 0px;
	list-style-type: none;
	padding-left: 0;
	text-align: center;
}
#special2022a li {
	display: inline-block;
	margin-left:10px;
}
#special2022a li:nth-child(1) {
	margin-left:0px;
}
#special2022a li img {
	width: 160px;
	height: auto;
}

@media only screen and (max-width: 767px) {
#special2022a {
	width: 100%;
	margin: 0px auto 15px auto; padding: 0px 0px 0px 0px;
}
#special2022a li:nth-child(1) {
	padding-top: 1vw;
	margin-left:0px;
}
#special2022a li:nth-child(3) {
	padding-top: 1vw;
	margin-left:0px;
}
#special2022a li:nth-child(5) {
	padding-top: 1vw;
	margin-left:0px;
}
#special2022a li {
	display: inline-block;
	margin-left:1vw;
}
#special2022a li img {
	width: 47vw;
	height: auto;
}
}

/* -------------------------------------------------- */
/* 20220520追加START */
/* -------------------------------------------------- */

#LCR {
	display:flex;
	justify-content: space-between;
	margin-bottom: 25px; /*あとで削除*/
}

#L_sp {
	/*background: #8DDA96;*/
}
#C_sp {
	/*background: #CDDEA0;*/
}
#R_sp {
	/*background: #EBC684;*/
}

@media only screen and (max-width: 767px) {
	#LCR {
		flex-wrap: wrap;
	}
	#L_sp {
		/*background: #8DDA96;*/
		order: 2;
	}
	#C_sp {
		/*background: #CDDEA0;*/
		order: 1;
	}
	#C_sp img {
		/*background: #CDDEA0;*/
		width: 100%;
	}
	#R_sp {
		/*background: #EBC684;*/
		order: 3;
	}
}

/* -------------------------------------------------- */
/* 20220520追加END */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* メインイメージ代替 */
/* -------------------------------------------------- */
.owl-carousel_info {
	width: 778px !important; /* 778px */
	height: 420px; /* 420px */
	border:2px solid #FF0000;
	float: left;
	/*padding: 10px;*/
}
.owl-carousel_info h2 {
	margin: 20px 40px 20px 40px; 
	font-weight: bold;
	font-size: 1.2em;
}

.owl-carousel_info ul {
	margin: 20px 40px 20px 40px; padding: 0px 0px 0px 0px;
}
.owl-carousel_info li {
	padding: 3px 0px;
	padding-left: 1.6em;
    text-indent: -1.3em;
	font-weight: normal; text-align: left; line-height: 1.5;
	float: none;
	border: none; border-radius: 0px;
}
.owl-carousel_info li a:link    { color: #003399; text-decoration: underline; }
.owl-carousel_info li a:hover   { color: #003399; text-decoration: none; }
.owl-carousel_info li a:active  { color: #003399; text-decoration: none; }
.owl-carousel_info li a:visited { color: #003399; text-decoration: underline; }

.owl-carousel_info p a:link    { color: #003399; text-decoration: underline; }
.owl-carousel_info p a:hover   { color: #003399; text-decoration: none; }
.owl-carousel_info p a:active  { color: #003399; text-decoration: none; }
.owl-carousel_info p a:visited { color: #003399; text-decoration: underline; }

@media only screen and (max-width: 767px) {
#mainimg {
	width: 100%;
	margin: 0px auto 15px auto; padding: 0px 0px 0px 0px;
}
.owl-carousel_info {
	width: auto !important; height: auto !important;
	float: none;
}
.owl-carousel_info ul {
	margin: 20px 20px 20px 20px; padding: 0px 0px 0px 0px;
}
}


/* -------------------------------------------------- */
/* 特設サイトへのリンク */
/* -------------------------------------------------- */

.special    { float: right; }
.special li { margin-bottom: 5px; /*margin-bottom: 10px;*/ }
.special li:last-child { margin-bottom: 0px; }

@media only screen and (max-width: 767px) {
.special    { float: none; }
.special li {
	margin-right: 0.5vw; padding: 0px 0px 0px 0px;
	float: left;
}
.special li:last-child { margin-right: 0px; }
.special li img {
	width: 33vw; height: auto;
}
/*.special    { float: none; }
.special li {
	margin-right: 1vw; padding: 0px 0px 0px 0px;
	float: left;
}
.special li:last-child { margin-right: 0px; }
.special li img {
	width: 49.5vw; height: auto;
}*/
}

/* -------------------------------------------------- */
/* 中央カラム：情報ボックス */
/* -------------------------------------------------- */

#news {
	margin: 0px 0px 5px 0px; padding: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 1px solid #3F9CD4;
	clear: both;
	position: relative;
}
#news h2 {
	height: 45px;
	margin: 0px 0px 0px 0px; padding: 0px 0px;
	text-indent: -10000px;
	background: url(../img/top/h2_news.png) no-repeat left;
	background-size: contain;
}
#news h2 span {
	/*display: block;
	text-indent: -10000px;*/
}
#news h2 a {
	/*display: block;
	height: 45px;
	text-indent: -10000px;*/
}

#news #news_menu {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: 100%;
	margin: 0px 0px 20px 0px; padding: 0px 0px;
}
#news #news_menu li {
	/*width: 126px;*/
	width: 168px;
	text-align: center;
	background: #E6E6E6;
	border: 2px solid #C0C0C0; border-left: none;
	border-radius: 2px 2px 0px 0px;
}
#news #news_menu li:last-child {
	border-right: none;
}
#news #news_menu li a {
	display: block;
	padding: 6px 0px;
	text-decoration: none;
}
#news #news_menu li.active {
	background-color: #FFF;
	border-bottom: none;
}
	
#news #news_contents {
	margin: 0px 0px; padding: 0px 0px 0px 0px;
}
#news #news_contents ul {
	margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px;
}
#news #news_contents li {
	padding: 3px 0px;
	padding-left: 1.6em;
    text-indent: -1.3em;
	font-weight: normal; text-align: left; line-height: 1.5;
	float: none;
	border: none; border-radius: 0px;
}
#news #news_contents li a:link    { color: #003399; text-decoration: underline; }
#news #news_contents li a:hover   { color: #003399; text-decoration: none; }
#news #news_contents li a:active  { color: #003399; text-decoration: none; }
#news #news_contents li a:visited { color: #003399; text-decoration: underline; }

#news #news_contents p a:link    { color: #003399; text-decoration: underline; }
#news #news_contents p a:hover   { color: #003399; text-decoration: none; }
#news #news_contents p a:active  { color: #003399; text-decoration: none; }
#news #news_contents p a:visited { color: #003399; text-decoration: underline; }

@media only screen and (max-width: 767px) {
#news {
	margin: 0px 0px 20px 0px; padding: 0px 0px 2vh 0px;
	border: 2px solid #666; border-left: none; border-right: none;
	background: #FFF;
}
#news h2 a {
	height: auto;
}
#news #news_menu {
	-webkit-align-items: center; align-items: center;
	-webkit-justify-content: center; justify-content: center;
}
#news #news_menu li {
	/*width: 25vw; height: auto;*/
	width: 33vw; height: auto;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 2px 2px 0px 0px;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}
#news #news_menu li:last-child { border-right: none; }

#news #news_menu li a {
	display: block;
	padding: 6px 8px;
}
}

/* -------------------------------------------------- */
/* 中央カラム：情報ボックス【分離】 */
/* -------------------------------------------------- */

#newsonly {
	margin: 0px 0px 5px 0px; padding: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 1px solid #3F9CD4;
	clear: both;
	position: relative;
}
#newsonly h2 {
	height: 45px;
	margin: 0px 0px 0px 0px; padding: 0px 0px;
	text-indent: -10000px;
	background: url(../img/top/h2_newsonly.png) no-repeat left;
	background-size: contain;
}
#newsonly h2 span {
	/*display: block;
	text-indent: -10000px;*/
}
#newsonly h2 a {
	/*display: block;
	height: 45px;
	text-indent: -10000px;*/
}

#newsonly #newsonly_menu {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: 100%;
	margin: 0px 0px 20px 0px; padding: 0px 0px;
}
#newsonly #newsonly_menu li {
	width: 126px;
	text-align: center;
	background: #E6E6E6;
	border: 2px solid #C0C0C0; border-left: none;
	border-radius: 2px 2px 0px 0px;
}
#newsonly #newsonly_menu li:last-child {
	border-right: none;
}
#newsonly #newsonly_menu li a {
	display: block;
	padding: 6px 0px;
	text-decoration: none;
}
#newsonly #newsonly_menu li.active {
	background-color: #FFF;
	border-bottom: none;
}
	
#newsonly #newsonly_contents {
	margin: 0px 0px; padding: 0px 0px 0px 0px;
}
#newsonly #newsonly_contents ul {
	margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px;
}
#newsonly #newsonly_contents li {
	padding: 3px 0px;
	padding-left: 1.6em;
    text-indent: -1.3em;
	font-weight: normal; text-align: left; line-height: 1.5;
	float: none;
	border: none; border-radius: 0px;
}
#newsonly #newsonly_contents li a:link    { color: #003399; text-decoration: underline; }
#newsonly #newsonly_contents li a:hover   { color: #003399; text-decoration: none; }
#newsonly #newsonly_contents li a:active  { color: #003399; text-decoration: none; }
#newsonly #newsonly_contents li a:visited { color: #003399; text-decoration: underline; }

#newsonly #newsonly_contents p a:link    { color: #003399; text-decoration: underline; }
#newsonly #newsonly_contents p a:hover   { color: #003399; text-decoration: none; }
#newsonly #newsonly_contents p a:active  { color: #003399; text-decoration: none; }
#newsonly #newsonly_contents p a:visited { color: #003399; text-decoration: underline; }

@media only screen and (max-width: 767px) {
#newsonly {
	margin: 0px 0px 20px 0px; padding: 0px 0px 2vh 0px;
	border: 2px solid #666; border-left: none; border-right: none;
	background: #FFF;
}
#newsonly h2 a {
	height: auto;
}
#newsonly #newsonly_menu {
	-webkit-align-items: center; align-items: center;
	-webkit-justify-content: center; justify-content: center;
}
#newsonly #newsonly_menu li {
	width: 25vw; height: auto;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 2px 2px 0px 0px;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}
#newsonly #newsonly_menu li:last-child { border-right: none; }

#newsonly #newsonly_menu li a {
	display: block;
	padding: 6px 8px;
}
}

/* -------------------------------------------------- */
/* 中央カラム：情報ボックス（天気） */
/* -------------------------------------------------- */

#news #news_contents .weather {
	margin: 0px 40px 10px 40px; padding: 0px 0px 0px 0px;
	background: #FFF;
	border: 1px solid #000;
}
#news #news_contents .weather .date {
	width: 242px; 
	height: 74px;
	margin: 0px 0px 0px 0px; padding: 30px 0px 0px 25px;
	color: #666;
	float: left;
	background: url(../img/top/bg_weather.png) no-repeat left top;
}
#news #news_contents .weather .date .year  { font-size: 0.9em; }
#news #news_contents .weather .date .month { font-size: 1.4em; font-weight: bold; }
#news #news_contents .weather .date .week  { font-size: 0.9em; }

#news #news_contents .weather .temperature {
	/*width: 74px;*/ height: 74px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	/*float: right;*/
	float: left;
	text-align: center;
	/*background: url(../img/top/bg_weather_sample.png) no-repeat left top;*/
	/*border: 1px solid #000;*/
}
#news #news_contents .weather .temperature .wth_icon {
	float: left;
	width: 70px;
	height: 70px;
	/*border: 1px solid #000;*/
	overflow: hidden;
	object-fit: cover;
	position: relative;
}
#news #news_contents .weather .temperature img {
	transform: scale(2.0);
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-o-transform: scale(2.0);
	-ms-transform: scale(2.0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#news #news_contents .weather .temperature .temp_1 {
	display: block;
	/*margin-top: 4px;*/
    margin-top: 14px;
	margin-left: 80px;
	color: #000; 
    /*font-size: 1.4em;*/
    font-size: 2.0em; 
    font-weight: bold;
}
#news #news_contents .weather .temperature .temp_2 {
	display: block;
	margin-left: 80px;
	color: #000; font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
#news #news_contents .weather {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px;
}
#news #news_contents .weather .date {
	width: 50%;
	margin: 0px 0px 0px 0px; padding: 2.8vh 0 0 5vw;
	background: url(../img/top/bg_weather.png) no-repeat left top;
	background-size: contain;
}
#news #news_contents .weather .date .year  { font-size: 0.8em; }
#news #news_contents .weather .date .month { font-size: 1.1em; font-weight: bold; }
#news #news_contents .weather .date .week  { font-size: 0.8em; }

#news #news_contents .weather .temperature {
	width: 40%; height: auto;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	/*background: url(../img/top/bg_weather_sample.png) no-repeat left top;
	background-size: contain;*/
}
#news #news_contents .weather .temperature .wth_icon {
	float: left;
	width: 70px;
	height: 70px;
	/*border: 1px solid #000;*/
	overflow: hidden;
	position: relative;
}

#news #news_contents .weather .temperature img {
	transform: scale(2.0);
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-o-transform: scale(2.0);
	-ms-transform: scale(2.0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#news #news_contents .weather .temperature .temp_1 {
	display: block;
	margin-left: 50px;
	/*color: #999; 
    font-size: 1.2em; */
    font-size: 2.0em; 
    font-weight: bold;
}
#news #news_contents .weather .temperature .temp_2 {
	display: block;
	margin-left: 50px;
	color: #999; font-size: 0.8em;
}
}

/* -------------------------------------------------- */
/* 中央カラム：情報ボックス（天気）【分離】 */
/* -------------------------------------------------- */

#newsonly #newsonly_contents .weather {
	margin: 0px 40px 0px 40px; padding: 0px 0px 0px 0px;
	background: #FFF;
}
#newsonly #newsonly_contents .weather .date {
	width: 242px; 
	height: 74px;
	margin: 0px 0px 0px 0px; padding: 30px 0px 0px 25px;
	color: #666;
	float: left;
	background: url(../img/top/bg_weather.png) no-repeat left top;
}
#newsonly #newsonly_contents .weather .date .year  { font-size: 0.9em; }
#newsonly #newsonly_contents .weather .date .month { font-size: 1.4em; font-weight: bold; }
#newsonly #newsonly_contents .weather .date .week  { font-size: 0.9em; }

#newsonly #newsonly_contents .weather .temperature {
	/*width: 74px;*/ height: 74px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	/*float: right;*/
	float: left;
	text-align: center;
	/*background: url(../img/top/bg_weather_sample.png) no-repeat left top;*/
	/*border: 1px solid #000;*/
}
#newsonly #newsonly_contents .weather .temperature .wth_icon {
	float: left;
	width: 70px;
	height: 70px;
	/*border: 1px solid #000;*/
	overflow: hidden;
	object-fit: cover;
	position: relative;
}
#newsonly #newsonly_contents .weather .temperature img {
	transform: scale(2.0);
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-o-transform: scale(2.0);
	-ms-transform: scale(2.0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50%; /* 天気画像を縮小（2020.06.18追加） */
}
#newsonly #newsonly_contents .weather .temperature .temp_1 {
	display: block;
	/*margin-top: 4px;*/
    margin-top: 14px;
	margin-left: 80px;
	color: #000; 
    /*font-size: 1.4em; */
    font-size: 2.0em; 
    font-weight: bold;
}
#newsonly #newsonly_contents .weather .temperature .temp_2 {
	display: block;
	margin-left: 80px;
	color: #000; font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
#newsonly #newsonly_contents .weather {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px;
}
#newsonly #newsonly_contents .weather .date {
	width: 50%;
	margin: 0px 0px 0px 0px; padding: 2.8vh 0 0 5vw;
	background: url(../img/top/bg_weather.png) no-repeat left top;
	background-size: contain;
}
#newsonly #newsonly_contents .weather .date .year  { font-size: 0.8em; }
#newsonly #newsonly_contents .weather .date .month { font-size: 1.1em; font-weight: bold; }
#newsonly #newsonly_contents .weather .date .week  { font-size: 0.8em; }

#newsonly #newsonly_contents .weather .temperature {
	width: 40%; height: auto;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	/*background: url(../img/top/bg_weather_sample.png) no-repeat left top;
	background-size: contain;*/
}
#newsonly #newsonly_contents .weather .temperature .wth_icon {
	float: left;
	width: 70px;
	height: 70px;
	/*border: 1px solid #000;*/
	overflow: hidden;
	object-fit: cover;
	position: relative;
}


#newsonly #newsonly_contents .weather .temperature img {
	transform: scale(2.0);
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-o-transform: scale(2.0);
	-ms-transform: scale(2.0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 40%; /* 天気画像を縮小（2020.06.18追加） */
}
#newsonly #newsonly_contents .weather .temperature .temp_1 {
	display: block;
	margin-left: 50px;
	/*color: #999; 
    font-size: 1.2em;*/ 
    font-size: 2.0em; 
    font-weight: bold;
}
#newsonly #newsonly_contents .weather .temperature .temp_2 {
	display: block;
	margin-left: 50px;
	color: #999; font-size: 0.8em;
}
}

/* -------------------------------------------------- */
/* 中央カラム：ライフスタイル */
/* -------------------------------------------------- */

#lifestyle {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
	border: none; /*border: 2px solid #666;*/
	background: #FFF;
}
#lifestyle h2 {
	background: url(../img/top/h2_lifestyle.png) no-repeat left;
	background-size: contain;
}
#lifestyle h2 span {
	/*margin: 0px 0px 0px 18px; padding: 0px 0px 0px 8px;
	color: #25896B; font-size: 1.1em; font-weight: bold;
	border-left: 6px solid #25896B;*/
}
#lifestyle h2 a {
	display: block;
	height: 45px;
	text-indent: -10000px;
}

#lifestyle ul {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: #FFF;
	border: 1px solid #D5C200;
	/*border-top: 1px solid #D5C200;
	border-left: 1px solid #D5C200;*/
}
#lifestyle li {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	text-align: center;
	width: 127px; /*168px*/
	/*border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;*/
}
#lifestyle #lifestyle_02,
#lifestyle #lifestyle_03,
#lifestyle #lifestyle_06,
#lifestyle #lifestyle_07,
#lifestyle #lifestyle_10,
#lifestyle #lifestyle_11 {
    width: 128px; /*170px*/
}

#lifestyle li a {
	display: block;
	height: 127px;
}
#lifestyle li span {
	/*position: relative; top: 135px;*/
	display: block;
	text-indent: -10000px;
}
#lifestyle li a:link    { color: #333; text-decoration: none; }
#lifestyle li a:hover   { color: #333; text-decoration: none; }
#lifestyle li a:active  { color: #333; text-decoration: none; }
#lifestyle li a:visited { color: #333; text-decoration: none; }

/*#lifestyle li:nth-of-type(4n)  { border-right: none; }
#lifestyle li:nth-of-type(n+9) { border-bottom: none; }*/

#lifestyle #lifestyle_01 { background: url(../img/top/lifestyle_01.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_02 { background: url(../img/top/lifestyle_02.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_03 { background: url(../img/top/lifestyle_03.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_04 { background: url(../img/top/lifestyle_04.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_05 { background: url(../img/top/lifestyle_05.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_06 { background: url(../img/top/lifestyle_06.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_07 { background: url(../img/top/lifestyle_07.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_08 { background: url(../img/top/lifestyle_08.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_09 { background: url(../img/top/lifestyle_09.png) no-repeat left top; background-size: contain; }

#lifestyle #lifestyle_links_01 { background: url(../img/top/lifestyle_links_01.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_02 { background: url(../img/top/lifestyle_links_02.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_03 { background: url(../img/top/lifestyle_links_03.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_04 { background: url(../img/top/lifestyle_links_04.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_05 { background: url(../img/top/lifestyle_links_05.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_06 { background: url(../img/top/lifestyle_links_06.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_07 { background: url(../img/top/lifestyle_links_07.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_08 { background: url(../img/top/lifestyle_links_08.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_09 { background: url(../img/top/lifestyle_links_09.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_10 { background: url(../img/top/lifestyle_links_10.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_11 { background: url(../img/top/lifestyle_links_11.png) no-repeat left top; background-size: contain; }
#lifestyle #lifestyle_links_12 { background: url(../img/top/lifestyle_links_12.png) no-repeat left top; background-size: contain; }


@media only screen and (max-width: 767px) {
	#lifestyle {
		margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;
		/*border-left: none; border-right: none;
		border-top: 1px solid #C0C0C0;
		border-bottom: 1px solid #C0C0C0;*/
	}
	#lifestyle h2 a {
		height: auto; padding: 2vh 0;
	}
	#lifestyle li {
		width: 32.9%;
	}
	#lifestyle #lifestyle_02, #lifestyle #lifestyle_05, #lifestyle #lifestyle_08 {
		width: 32.9%;
	}

	/*#lifestyle li:nth-of-type(4n)  { border-right: 1px solid #C0C0C0; }
	#lifestyle li:nth-of-type(n+9) { border-bottom: 1px solid #C0C0C0; }
	#lifestyle li:nth-of-type(3n)  { border-right: none; }
	#lifestyle li:nth-of-type(n+10) { border-bottom: none; }*/
	
	#lifestyle li a {
		display: block;
		height: 130px;
	}
	#lifestyle li span {
		/*position: relative; top: 100px;*/
		display: block;
		text-indent: -10000px;
	}
	#lifestyle #lifestyle_01 { background: url(../img/top/lifestyle_01.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_02 { background: url(../img/top/lifestyle_02.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_03 { background: url(../img/top/lifestyle_03.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_04 { background: url(../img/top/lifestyle_04.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_05 { background: url(../img/top/lifestyle_05.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_06 { background: url(../img/top/lifestyle_06.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_07 { background: url(../img/top/lifestyle_07.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_08 { background: url(../img/top/lifestyle_08.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_09 { background: url(../img/top/lifestyle_09.png) no-repeat center top; background-size: contain; }

	#lifestyle #lifestyle_links_01 { background: url(../img/top/lifestyle_links_01.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_02 { background: url(../img/top/lifestyle_links_02.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_03 { background: url(../img/top/lifestyle_links_03.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_04 { background: url(../img/top/lifestyle_links_04.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_05 { background: url(../img/top/lifestyle_links_05.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_06 { background: url(../img/top/lifestyle_links_06.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_07 { background: url(../img/top/lifestyle_links_07.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_08 { background: url(../img/top/lifestyle_links_08.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_09 { background: url(../img/top/lifestyle_links_09.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_10 { background: url(../img/top/lifestyle_links_10.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_11 { background: url(../img/top/lifestyle_links_11.png) no-repeat center top; background-size: contain; }
	#lifestyle #lifestyle_links_12 { background: url(../img/top/lifestyle_links_12.png) no-repeat center top; background-size: contain; }

}

/* -------------------------------------------------- */
/* 中央カラム：古賀市コミュニケーション */
/* -------------------------------------------------- */

#sns {
	margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px;
	background-color: #FFF;
	border: none; /*border: 2px solid #666;*/
	clear: both;
	position: relative;
}
#sns h2 {
	height: 45px;
	margin: 0px 0px 0px 0px; padding: 0px 0px;
	text-indent: -10000px;
	background: url(../img/top/h2_sns.png) no-repeat center #3F9CD4;
	background-size: contain;
}
#sns h2 span {
	/*display: block;
	margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px;
	color: #FFF; font-size:1.1em; font-weight: bold;
	text-indent: -10000px;*/
}
#sns h2 a {
	/*display: block;
	height: 44px;
	text-indent: -10000px;*/
}

#sns #sns_menu {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	/*-ms-flex-flow: row; -webkit-flex-flow: row; flex-flow: row;*/
	-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: 100%;
	margin: 0px 0px 20px 0px; padding: 0px 0px;
}
#sns #sns_menu li {
	width: 33.07%;
	font-weight: bold; text-align: center;
	background: #E6E6E6;
	border: 2px solid #C0C0C0; border-left: none;
	border-radius: 2px 2px 0px 0px;
}
#sns #sns_menu li:last-child {
	border-right: none;
}
#sns #sns_menu li a {
	display: block;
	padding: 6px 0px;
	text-decoration: none;
}
#sns #sns_menu li.active {
	color: #FF0000;
	background-color: #FFF;
	border-bottom: none;
}

#sns #sns_menu a:link    { color: #003399; text-decoration: none; }
#sns #sns_menu a:hover   { color: #003399; text-decoration: none; }
#sns #sns_menu a:active  { color: #003399; text-decoration: none; }
#sns #sns_menu a:visited { color: #003399; text-decoration: none; }

#sns #sns_contents {
	overflow: hidden !important;
	/*border:1px solid #000;*/
}

#sns #sns_contents .snsinside {
	/*margin-left: 10px;*/
	display: inline-block;
	margin: 0 auto !important;
	/*border:1px solid #FF0000;*/
	/*height: 10%;*/
	/*overflow: scroll;
	height: 300px;*/
}

#sns #sns_contents #sns_3 {
	padding: 1em;
	margin: auto !important;
}
#sns #sns_contents #sns_3 .towns_L {
	display: inline-block;
	float: left;
	margin-right: 1em;
}
#sns #sns_contents #sns_3 .towns_R {

}

@media only screen and (max-width: 767px) {
#sns {
	margin: 0px 0px 20px 0px; padding: 0px 0px 2vh 0px;
	border: 1px solid #666; border-left: none; border-right: none;
	background: #FFF;
}
#sns h2 {
	height: auto;
	margin: 0px 0px 0px 0px; padding: 2vh 0;
}

#sns #sns_menu li {
	width: 33.33333%;
	text-align: center;
	background: #E6E6E6;
	border: none;
	border-radius: none;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}
}

/* -------------------------------------------------- */
/* 左カラム：市長の部屋 */
/* -------------------------------------------------- */

#mayor {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
	border: none;
	background: #FFF;
}
#mayor h2 {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: url(../img/top/h2_mayor.png) no-repeat center;
	background-size: contain;
}
#mayor h2 a {
	display: block;
	height: 72px;
	text-indent: -10000px;
}
#mayor h2 a:link    { color: #000; text-decoration: none; }
#mayor h2 a:hover   { color: #000; text-decoration: underline; }
#mayor h2 a:active  { color: #000; text-decoration: none; }
#mayor h2 a:visited { color: #000; text-decoration: none; }

#mayor h2 span {
	/*margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;
	color: #FFF; font-size: 1.1em; font-weight: bold;*/
}
#mayor h2 .sp {
	display: none;
}
#mayor li            { border-bottom: 1px solid #C0C0C0; line-height: 1.5; }
#mayor li:last-child { border-bottom: none; }
#mayor li a {
	display: block;
	padding: 8px 0px 8px 1.5em;
    text-indent: -0.75em;
}
#mayor .fa {
	margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;
	color: #009080; font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
	#mayor {
		margin: 0 0 20px 0; padding: 0px 0px 0px 0px;
		border: none; border-bottom: 1px solid #C0C0C0;
	}
	#mayor h2 a {
		height: auto;
		padding: 3vh 0;
	}
	#mayor h2 {
		margin: 0px 0px 0px 0px; padding: 0px;
		background: #3f9cd4 url(../img/top/h2_mayor_sp.png) no-repeat center top; background-size: contain;
		cursor: pointer;
	}
	#mayor h2 span {
		display: block;
		position: absolute; right: 2vw;
		width: 30px;
		height: 30px;
		margin: 20px 0 0 2vw; padding: 0px 0px 0px 0px;
		background: url(../img/top/plus_white.png) no-repeat right top;
		background-size: contain;
	}
	#mayor h2 span.open {
		margin: 20px 0 0 2vw; padding: 0px 0px 0px 0px;
		background: url(../img/top/minus_white.png) no-repeat right top;
		background-size: contain;
	}
	#mayor ul   { display: none; }
	#mayor li a { padding: 12px 0px 12px 25px; }
}

/* -------------------------------------------------- */
/* 左カラム：古賀市議会 */
/* -------------------------------------------------- */

#assembly {
	margin: 0 0 5px 0; padding: 0;
	border: none; background: #FFF;
}
#assembly h2    { background: url(../img/top/h2_assembly.png) no-repeat center; background-size: contain; }
#assembly h2 a  {
	display: block;
	height: 72px; text-indent: -10000px;
}

/* -------------------------------------------------- */
/* 左カラム：街角スナップ */
/* -------------------------------------------------- */

#townsnap {
	margin: 0 0 5px 0; padding: 0;
	border: none; background: #FFF;
}
#townsnap h2    { background: url(../img/top/h2_townsnap.png) no-repeat center; background-size: contain; }
#townsnap h2 a  {
	display: block;
	height: 72px; text-indent: -10000px;
}

#townsnap p.align-center {
	text-align: center;
}

#townsnap p {
	padding: 0 1em;
	font-size: 0.9em;
}

/* -------------------------------------------------- */
/* 左カラム：広報こが */
/* -------------------------------------------------- */

#kohokoganap {
	margin: 0 0 5px 0; padding: 0;
	border: none; background: #FFF;
}
#kohokoganap h2    { background: url(../img/top/h2_kohokoga.png) no-repeat center; background-size: contain; }
#kohokoganap h2 a  {
	display: block;
	height: 72px; text-indent: -10000px;
}

#kohokoganap p.align-center {
	text-align: center;
}

#kohokoganap p {
	padding: 0 1em;
	font-size: 0.9em;
}

#kohokoganap .fa {
	margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;
	color: #F4A21A; font-size: 0.8em;
}


/* -------------------------------------------------- */
/* 左カラム：古賀市のまちづくり・電子市役所 */
/* -------------------------------------------------- */

#machidukuri, #motion {
	margin: 0 0 5px 0; padding: 0;
	border: none; background: #FFF;
}
#machidukuri h2 { background: url(../img/top/h2_machidukuri.png) no-repeat left top; background-size: contain; }
#motion h2      { background: url(../img/top/h2_motion.png) no-repeat left top; background-size: contain; }

#machidukuri h2 a, #motion h2 a {
	display: block;
	height: 45px; text-indent: -10000px;
}
/*#kohokoganap li:first-child { border-top: 1px solid #C0C0C0; line-height: 1.5; margin-top: 10px; }*/
#assembly li, #machidukuri li, #motion li, #kohokoganap li { border-bottom: 1px solid #C0C0C0; line-height: 1.5; }
#assembly li:last-child, #machidukuri li:last-child, #motion li:last-child, #kohokoganap li:last-child { border-bottom: none; }

#assembly li a, #machidukuri li a, #motion li a, #kohokoganap li a {
	display: block;
	padding: 8px 0 8px 1.5em;
    text-indent: -0.75em;
}
#assembly .fa, #machidukuri .fa, #motion .fa {
	margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;
	color: #009080; font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
	#assembly, #machidukuri, #motion {
		margin: 0 0 20px 0; padding: 0;
		border: none; border-bottom: 1px solid #C0C0C0;
	}
	#assembly h2 { margin: 0; padding: 0; background: #29998c url(../img/top/h2_assembly_sp.png) no-repeat center top; cursor: pointer; background-size: contain;}
	#machidukuri h2 { margin: 0; padding: 0; background: #6ea24c url(../img/top/h2_machidukuri.png) no-repeat center top; cursor: pointer; background-size: contain; }
	#motion h2 { margin: 0; padding: 0; background: #9b9485 url(../img/top/h2_motion.png) no-repeat center top; cursor: pointer; background-size: contain; }
	#kohokoganap h2 { margin: 0; padding: 0; background: #F4A21A url(../img/top/h2_kohokoga.png) no-repeat center top; cursor: pointer; background-size: contain; }
	
	#assembly h2 a { height: auto; padding: 3vh; }
	#machidukuri h2 a { height: auto; padding: 3vh; }
	#motion h2 a { height: auto; padding: 3vh; }
	#kohokoganap h2 a { height: auto; padding: 3vh; }
	
	#assembly h2 span, #machidukuri h2 span, #motion h2 span, #townsnap h2 span {
		display: block; position: absolute; right: 2vw;
		width: 30px; height: 30px;
		margin: 12px 0 0 2vw; padding: 0;
		background: url(../img/top/plus_white.png) no-repeat right top; background-size: contain;
	}
	#assembly h2 span.open, #machidukuri h2 span.open, #motion h2 span.open, #townsnap h2 span.open {
		margin: 12px 0 0 2vw; padding: 0px 0px 0px 0px;
		background: url(../img/top/minus_white.png) no-repeat right top;
		background-size: contain;
	}
	#assembly ul, #machidukuri ul, #motion ul  { display: none; }
	#assembly li a, #machidukuri li a, #motion li a, #kohokoganap li a { padding: 12px 0 12px 25px; }
	/*#townsnap p       { display: none; }*/
	#townsnap div { padding: 12px 0 12px 25px; }
}

/* -------------------------------------------------- */
/* 右カラム：緊急時に必要な情報 */
/* -------------------------------------------------- */

#emergency {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
	border: 1px solid #C40E2C;
	background: #FFF;
}
#emergency h2 {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color: #FDE7EA;
	background: url(../img/top/h2_emergency.png) no-repeat center; background-size: contain;
}
#emergency h2 span {
}
#emergency h2 a {
	display: block;
	height: 42px;
	text-indent: -10000px;
}

#emergency li            { border-bottom: 1px solid #C0C0C0; line-height: 1.5; }
#emergency li:last-child { border-bottom: none; }
#emergency li a {
	display: block;
	padding: 8px 0px 8px 1.5em;
    text-indent: -0.75em;
}
#emergency .fa {
	margin: 0 0 0 12px; padding: 0;
	color: #C60626; font-size: 0.8em;
}
#emergency li a:link    { color: #C60626; text-decoration: none;}
#emergency li a:hover   { color: #C60626; text-decoration: underline;}
#emergency li a:active  { color: #C60626; text-decoration: underline;}
#emergency li a:visited { color: #C60626; text-decoration: none;}

@media only screen and (max-width: 767px) {
	#emergency {
		margin: 0 0 20px 0; padding: 0;
		border: none; border-bottom: 1px solid #C0C0C0;
	}
	#emergency h2 { margin: 0; padding: 0; background: #c20014 url(../img/top/h2_emergency.png) no-repeat center top; cursor: pointer; background-size: contain; }
	
	#emergency h2 a { height: auto; padding: 3vh 0; }
	
	#emergency h2 span {
		display: block; position: absolute; right: 2vw;
		width: 30px; height: 30px;
		margin: 12px 0 0 0; padding: 0;
		background: url(../img/top/plus_white.png) no-repeat right top; background-size: contain;
	}
	#emergency h2 span.open {
		margin: 12px 0 0 0; padding: 0;
		background: url(../img/top/minus_white.png) no-repeat right top;
		background-size: contain;
	}
	#emergency ul       { display: none; }
	#emergency li a { padding: 12px 0 12px 25px; }
}

/* -------------------------------------------------- */
/* 右カラム：お役立ちコーナー */
/* -------------------------------------------------- */

#convenient {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
	border: none; /*border: 2px solid #676767;*/
	background: #E3F0F8;
}
#convenient h2 {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: #E6EFF8;
	background: url(../img/top/h2_convenient.png) no-repeat center; background-size: contain;
}
#convenient h2 a {
	display: block;
	height: 42px;
	text-indent: -10000px;
}

#convenient ul {
	margin-bottom: 5px;
	background: #FFF;
	/*border-top: 1px solid #D5D5D5;*/
	border-bottom: 1px solid #D5D5D5;
}
#convenient ul:last-child { margin-bottom: 0px; border-bottom: none; }

#convenient li            { border-bottom: 1px solid #C0C0C0; line-height: 1.4; }
#convenient li:last-child { border-bottom: none; }
#convenient li a {
	display: block;
	padding: 8px 0px 8px 1.5em;
    text-indent: -0.75em;
}
#convenient .fa {
	margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;
	color: #CCCC00; font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
	#convenient {
		margin: 0 0 20px 0; padding: 0;
		border: none; border-bottom: 1px solid #C0C0C0;
	}
	#convenient h2 { margin: 0; padding: 0; background: #d5c200 url(../img/top/h2_convenient.png) no-repeat center top; cursor: pointer; background-size: contain; }
	
	#convenient h2 a { height: auto; padding: 3vh 0; }
	
	#convenient h2 span {
		display: block; position: absolute; right: 2vw;
		width: 30px; height: 30px;
		margin: 12px 0 0 2vw; padding: 0;
		background: url(../img/top/plus_white.png) no-repeat right top; background-size: contain;
	}
	#convenient h2 span.open {
		margin: 12px 0 0 2vw; padding: 0px 0px 0px 0px;
		background: url(../img/top/minus_white.png) no-repeat right top;
		background-size: contain;
	}
	#convenient div       { display: none; }
	#convenient li a { padding: 12px 0 12px 25px; }
}

/* -------------------------------------------------- */
/* 右カラム：行政情報 */
/* -------------------------------------------------- */

#government {
	margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
	border: none; /*border: 2px solid #676767;*/
	background: #E3F0F8;
}
#government h2 {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background: #E6EFF8;
	background: url(../img/top/h2_government.png) no-repeat center; background-size: contain;
}
#government h2 a {
	display: block;
	height: 42px;
	text-indent: -10000px;
}

#government ul {
	margin-bottom: 5px;
	background: #FFF;
	/*border-top: 1px solid #D5D5D5;*/
	border-bottom: 1px solid #D5D5D5;
}
#government ul:last-child { margin-bottom: 0px; border-bottom: none; }

#government li            { border-bottom: 1px solid #C0C0C0; line-height: 1.4; }
#government li:last-child { border-bottom: none; }
#government li a {
	display: block;
	padding: 8px 0px 8px 1.5em;
    text-indent: -0.75em;
}
#government .fa {
	margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;
	color: #009080; font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
	#government {
		margin: 0 0 20px 0; padding: 0;
		border: none; border-bottom: 1px solid #C0C0C0;
	}
	#government h2 { margin: 0; padding: 0; background: #3ba29b url(../img/top/h2_government.png) no-repeat center top; cursor: pointer; background-size: contain; }
	
	#government h2 a { height: auto; padding: 3vh 0; }
	
	#government h2 span {
		display: block; position: absolute; right: 2vw;
		width: 30px; height: 30px;
		margin: 12px 0 0 2vw; padding: 0;
		background: url(../img/top/plus_white.png) no-repeat right top; background-size: contain;
	}
	#government h2 span.open {
		margin: 12px 0 0 2vw; padding: 0px 0px 0px 0px;
		background: url(../img/top/minus_white.png) no-repeat right top;
		background-size: contain;
	}
	#government div       { display: none; }
	#government li a { padding: 12px 0 12px 25px; }
}

/* -------------------------------------------------- */
/* 右カラム：古賀市の人口 */
/* -------------------------------------------------- */

#population {
	margin: 0px 0px 0px 0px; padding: 15px 15px;
	border: 1px solid #009080; /*border: 2px solid #25896B;*/
	background: #FFF;
}
#population h2 {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
#population h2 span {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #25896B; font-weight: bold;
}
@media only screen and (max-width: 767px) {
#population {
	margin: 0px 0px 20px 0px; padding: 15px 25%;
	border-left: none; border-right: none;
}
}

/* -------------------------------------------------- */
/* トピックス等の表示関係 */
/* -------------------------------------------------- */

.rss {
	text-align: right;
}
.rss li {
	display: inline-block;
	line-height: 1em !important;
	margin: 1em 0 0 0 !important;
	padding: 0 !important;
}

/* -------------------------------------------------- */
/* 今日の人権標語（2018年12月2日追加） */
/* -------------------------------------------------- */

#word {
	margin: 0px 0px 5px 0px; padding: 20px 0px 20px 0px;
	border: 1px solid #F3A52D;
	background: url(../img/top/bg_word.png) no-repeat 10px center #FFF;
	/*background-size: contain;*/
	background-size: 18%;
}
#word .p_1 {
	margin: 0px 10px 0px 110px; padding: 0;
}
#word .p_2 {
	margin: 0px 10px 0px 110px; padding: 0;
	text-align: right;
}

@media only screen and (max-width: 767px) {
#word {
	margin-bottom: 20px;
	border-left: none;
	border-right: none;
}
}

/* -------------------------------------------------- */
/* 今日の暑さ指数（2020年6月15日追加） */
/* -------------------------------------------------- */

#heat {
	display: flex;
	justify-content: space-between;
	width: 433px;
	margin: 0 auto 20px auto; padding: 0;
	/*border: 1px solid #000;*/
}
#heat_L {
	position: relative;
	width: 241px; height: 69px;
	margin: 0; padding: 0;
	/*background: url(../img/top/heat_L_A.png) no-repeat left top;*/
}
#heat_L p {
	position: absolute;
	/*bottom: 5px;*/
	/*right: 18px;*/
	bottom: 10px;
	left: 96px;
	color: #FFF;
}
#heat_L p span {
	display: none;
}
#heat_R {
	width: 180px; height: 69px;
	margin: 0; padding: 0;
	/*background: url(../img/top/heat_R_A.png) no-repeat left top;*/
}

.heat_L1 { background: url(../img/top/heat_L_E.png) no-repeat left top; }
.heat_L2 { background: url(../img/top/heat_L_D.png) no-repeat left top; }
.heat_L3 { background: url(../img/top/heat_L_C.png) no-repeat left top; }
.heat_L4 { background: url(../img/top/heat_L_B.png) no-repeat left top; }
.heat_L5 { background: url(../img/top/heat_L_A.png) no-repeat left top; }

.heat_R1 { background: url(../img/top/heat_R_E.png) no-repeat left top; }
.heat_R2 { background: url(../img/top/heat_R_D.png) no-repeat left top; }
.heat_R3 { background: url(../img/top/heat_R_C.png) no-repeat left top; }
.heat_R4 { background: url(../img/top/heat_R_B.png) no-repeat left top; }
.heat_R5 { background: url(../img/top/heat_R_A.png) no-repeat left top; }

@media only screen and (max-width: 767px) {
#heat {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
}
#heat_L {
	width: 53%;
	margin-left: 10px;
	float: left;
	background-size: contain;
}
#heat_L p {
	/*bottom: 16px;
	right: 5px;*/
	bottom: 16px;
	left: 21vw;
}
#heat_R {
	width: 39%;
	margin-right: 10px;
	float: right;
	background-size: contain;
}
}

/* -------------------------------------------------- */
/*  */
/* -------------------------------------------------- */

.owl-carousel_disaster h2 {
    width: 100%;
    height: auto;
    background-color: #BF0012;
    padding: 0.4em 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 1.4em;
}

.owl-carousel_disaster ul {
    margin: 20px 10px 20px 20px;
    height: 290px;
    overflow-y: auto;
}

.owl-carousel_disaster ul li {
    line-height: 2.0em;
}
@media only screen and (max-width: 767px) {
.owl-carousel_disaster ul {
    height: 160px;
    overflow-y: auto;
}
}






/* -------------------------------------------------- */
/* #todaycamp */
/* -------------------------------------------------- */


#todaycamp {
	position: relative;
	margin: 0 10px 10px 1em;
	text-align: center; 
	border: 1px solid #F3A52D; 
	padding: 1em 0; 
	font-size: 1.1em; 
	line-height: 1.4em; 
	height: 2em;
}
@media only screen and (max-width: 767px) {
#todaycamp {
	font-size: 1.0em; 
	line-height: 1.2em; 
}
}

/*.ratio-1_1:before {
    content: " ";
    display: block;
    padding-top: 100%;
}*//* 1:1 */

.crossfade {
	position: absolute;
	/*top: 0;
	left: 0;*/
	width: 100%;
	/*height: 100%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.nocrossfade {
	position: absolute;
	/*top: 0;
	left: 0;*/
	width: 100%;
	/*height: 100%;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/* -------------------------------------------------- */
/*  */
/* -------------------------------------------------- */