@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト
[2] 詳細デザイン（共通）
　　カルーセルパネルA、B
　　検索
　　トピックス（タブ表示）
	画像横並び（.bannerimg ul）
	flexstyle1　アイコン（上）+テキスト
	flexstyle2　アイコン（左）+テキスト
	flexstyle3　テキストバナー
	横スクロール（自動再生）
[2] 詳細デザイン
[3] 緊急エリア
　　オプション：緊急情報メール（表示切替3パターン）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト
*******************************************************************************/
#wrap{
	width:100%;
	min-width:950px;
	overflow:hidden;
}
#content3{
	padding-bottom:0;
	width:100%;
	background:transparent;
	max-width:none;
	min-width:auto;
}
.container{
	margin:auto;
	padding:30px 0px 30px 0px;
	width:100%;
	max-width:1400px;
	min-width:950px;
}
/*******************************************************************************
[2] 詳細デザイン（共通）
*******************************************************************************/
/*==============================================================================
	検索
==============================================================================*/
/*------------------------------------------------------------------------------
	サイト内検索
------------------------------------------------------------------------------*/
#searchmenu{
	box-sizing:border-box;
}
#searchmenu form{
	margin:0px auto 20px auto;
	width:60%;
}
#searchmenu label img{
	vertical-align:middle;
}
#searchmenu input{
	display:inline-block;
	vertical-align:middle;
}
#searchmenu input[type="text"]{
	padding:12px 8px!important;
	width:calc(100% - 135px) !important;
	height:auto!important;
	box-sizing:border-box;
	background-position:left 10px center!important;
	border:1px solid #0062B8 !important;
	border-radius:0px!important;
}
#searchmenu input[type="submit"]{
	padding:12px 30px 12px 30px!important;
	box-sizing:border-box;
	color:#FFF;
	font-size:100%!important;
	background-color:#0062B8;
	border-radius:0px!important;
	border:1px solid #0062B8 !important;
	-webkit-appearance:none;
}
/*==============================================================================
	画像横並び（.bannerimg ul）
==============================================================================*/
.bannerimg{
	padding:0px 0px 30px 0px;
}
.bannerimg ul{
	margin:0 0 0 -10px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.bannerimg ul li{
	margin:0 0px 10px 10px;
}
.bannerimg img{
	vertical-align:bottom;
}
/*==============================================================================
	flexstyle1　アイコン（上）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（ul.flexstyle1）
------------------------------------------------------------------------------*/
ul.flexstyle1{
	margin:0 0 30px -10px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.flexstyle1 li{
	margin:0 0px 10px 10px;
	width:calc(100% / 8 - 10px);
	box-sizing:border-box;
	background:#0062B8;
}
ul.flexstyle1 li a{
	padding:15px 5px 15px 5px;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:relative;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	box-shadow:0px 3px 0px 0px #004786;
	line-height:1.2;
	transition:all .5s;
}
ul.flexstyle1 li a:hover{
	background:#004786;
	box-shadow:0px 3px 0px 0px #0062B8;
}
ul.flexstyle1 li a img{
	margin:0px auto 15px auto;
	display:block;
}
ul.flexstyle1 li a span{
	width:100%;
}
/*------------------------------------------------------------------------------
	アイコン（上・画像full）+テキスト（ul.flexstyle1 imgfull）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgfull li a img{
	width:100%;
	height:auto;
}
ul.flexstyle1.imgfull li{
	padding:0;
	width:calc(100% / 3 - 10px);
}
ul.flexstyle1.imgfull li span{
	padding:5px 5px 15px 5px;
	display:inline-block;
	box-sizing:border-box;
}
ul.flexstyle1.imgfull li a{
	padding:0;
}
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（画像上）（ul.flexstyle1 imgup）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgup li img{
	margin-bottom:0px;
	width:100%;
	height:auto;
}
ul.flexstyle1.imgup li{
	margin:0 0px 10px 10px;
	width:calc(100% / 4 - 10px);
	box-sizing:border-box;
	background:#0062B8;
}
ul.flexstyle1.imgup li a{
	margin:0px;
	padding:0px;
	display:inline-flex;
	position:relative;
	color:#222222;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	box-shadow:none;
}
ul.flexstyle1.imgup a span{
	margin:0px;
	padding:8px 6px 10px 6px;
	width:100%;
	display:block;
	box-sizing:border-box;
	position:absolute;
	left:0;
	bottom:0;
	background-color:rgba(255,255,255, .8);
	text-align:center;
	vertical-align:middle;
}
ul.flexstyle1.imgup a:hover span{
	background-color:rgba(255,255,255, .9);
}
/*　外部リンク
------------------------------------------------------------------------------*/
ul.flexstyle1 li a img.external{
	margin:0;
	width:auto;
	display:inline-block;
	vertical-align:middle;
}
/*==============================================================================
	flexstyle2　アイコン（左）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（左）+テキスト（ul.flexstyle2）
------------------------------------------------------------------------------*/
ul.flexstyle2{
	margin:0 0 30px -15px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.flexstyle2 li{
	margin:0 0px 15px 15px;
	width:calc(100% / 3 - 15px);
	display:flex;
	box-sizing:border-box;
	border:2px solid #0062B8;
}
ul.flexstyle2 li a{
	width:100%;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	position:relative;
	color:#222222;
	font-size:110%;	
	font-weight:bold;
	text-decoration:none;
	line-height:1.4;
	background:#D0E7FF;
	transition:all .5s;
}
ul.flexstyle2 li a > img{
	margin:10px;
	flex-shrink:0;
}
ul.flexstyle2 li a:hover{
	background:#FFF;
}
ul.flexstyle2 li a span{
	width:calc(100% - 52px);
	padding:5px 5px 5px 15px;
	flex-basis:calc(100% - 52px);
	box-sizing:border-box;
}
/*------------------------------------------------------------------------------
	アイコン（左・画像full）+テキスト（ul.flexstyle2 imgfull）
------------------------------------------------------------------------------*/
ul.flexstyle2.imgfull li a img{
	margin:0px;
}
/*　外部リンク
------------------------------------------------------------------------------*/
ul.flexstyle2 li a .external{
	vertical-align:middle;
}
/*==============================================================================
	flexstyle3　テキストバナー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキスト中央揃え（ul.flexstyle3）
------------------------------------------------------------------------------*/
ul.flexstyle3{
	margin:0 0 30px -15px;
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
ul.flexstyle3 li{
	margin:0 0px 10px 15px;
	width:calc(100% / 4 - 15px);
	min-height:65px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	border:1px solid #CCC;
	box-shadow:0px 0px 3px #CCC;
	position:relative;
}
ul.flexstyle3 li a{
	padding:10px;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	color:#222;
	text-align:center;
	line-height:1.3;
	transition:all .5s;
}
ul.flexstyle3 li a img.external{
	position:absolute;
	right:5px;
	bottom:5px;
}
ul.flexstyle3 li a:hover{
	background:#EFEFEF;
}
/*------------------------------------------------------------------------------
	テキスト左揃マークあり（ul.flexstyle3 listmark）
------------------------------------------------------------------------------*/
ul.flexstyle3.listmark li a{
	padding-left:32px;
	justify-content:left;
	position:relative;
	text-align:left;
}
ul.flexstyle3.listmark li a::before{
	height:0;
	width:0;
	content:'';
	position:absolute;
	top:calc(50% - 5px);
	left:15px;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #0062B8;
}
/*==============================================================================
	横スクロール（自動再生）
==============================================================================*/
/*------------------------------------------------------------------------------
	左右送りボタン
------------------------------------------------------------------------------*/
#slidelink1scroll,
#slidelink2scroll,
#slidelink3scroll,
#slidelink4scroll{
	margin:0;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	list-style:none;
}
#slidelink1scroll li,
#slidelink2scroll li,
#slidelink3scroll li,
#slidelink4scroll li{
	width:50px;
	height:50px;
	position:absolute;
	top:calc(50% - 50px);
	background-color:#0062B8;
	border-radius:100%;
	text-indent:-99999px;
	z-index:2;
	cursor:pointer;
}
#slidelink1scroll li.forward,
#slidelink2scroll li.forward,
#slidelink3scroll li.forward,
#slidelink4scroll li.forward{
	left:-30px;
}
#slidelink1scroll li.forward::after,
#slidelink2scroll li.forward::after,
#slidelink3scroll li.forward::after,
#slidelink4scroll li.forward::after{
	margin-top:-5px;
	margin-left:-2px;
	width:10px;
	height:10px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	transform:rotate(45deg);
}
#slidelink1scroll li.back,
#slidelink2scroll li.back,
#slidelink3scroll li.back,
#slidelink4scroll li.back{
	right:-30px;
}
#slidelink1scroll li.back::after,
#slidelink2scroll li.back::after,
#slidelink3scroll li.back::after,
#slidelink4scroll li.back::after{
	margin-top:-5px;
	margin-left:-8px;
	width:10px;
	height:10px;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
	停止ボタン
------------------------------------------------------------------------------*/
.tmenubtn{
	position:absolute;
	bottom:0px;
	left:0px;
}
.tmenubtn{
	bottom:0px;
	left:0px;
}
.tmenubtn p{
	line-height:0;
}
.tmenubtn button{
	margin:0;
	padding:0px;
	background:none;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	cursor:pointer;
	appearance:none;
	line-height:1.0;
}
/*------------------------------------------------------------------------------
	メニュー
------------------------------------------------------------------------------*/
#slidelink1,
#slidelink2,
#slidelink3,
#slidelink4{
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}
.tmenubtn{
	position:absolute;
	bottom:0;
	top:auto;
	z-index:2;
}
#slidelink1list,
#slidelink2list,
#slidelink3list,
#slidelink4list{
	margin:0 auto 0 auto;
	position:relative;
}
#slidelink1list ul,
#slidelink2list ul,
#slidelink3list ul,
#slidelink4list ul{
	margin:0px 0 0px 0;
	margin-left:-25px;
	padding-bottom:40px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#slidelink1list ul li,
#slidelink2list ul li,
#slidelink3list ul li,
#slidelink4list ul li{
	margin:1px 0px 0px 30px;
	width:200px;
	position:relative;
	cursor:pointer;
}
/*	見出し+テキスト+画像
------------------------------------------------------------------------------*/
#slidelink1list ul li,
#slidelink3list ul li{
	box-shadow:0px 0px 5px 0px #999;
}
#slidelink1list ul li a,
#slidelink3list ul li a{
	display:flex;
	flex-wrap:wrap;
	color:#222;
	text-decoration:none;
	transition:all .5s;
}
#slidelink1list ul li a:hover,
#slidelink3list ul li a:hover{
	background:#efefef;
}
#slidelink1list ul li a h3,
#slidelink3list ul li a h3{
	margin:10px;
	order:2;
	font-size:120%;
	text-align:left;
	line-height:1.2;
}
#slidelink1list ul li a > img,
#slidelink3list ul li a > img{
	width:100%;
	height:auto;
	order:1;
	vertical-align:bottom;
}
#slidelink1list ul li p,
#slidelink3list ul li p{
	margin:10px 15px;
	text-align:left;
	line-height:1.5;
	order:3;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	#submenu
==============================================================================*/
#submenubg.fixed{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
#submenu{
	margin:10px auto 0;
	max-width:1400px;
	min-width:950px;
	width:100%;
}
#submenu ul{
	margin-left:-19px;
	display:flex;
	list-style:none;
	justify-content:center;
}
#submenu ul li{
	margin-left:19px;
	width:calc(100% / 4 - 19px);
}
#submenu ul li a{
	padding:5px 10px 13px 10px;
	display:block;
	font-size:95%;
	color:#1c4f34;
	border:1px solid #388e4f;
	border-radius:4px;
	background:url("images/top/mark_pagelink.png") no-repeat center bottom 4px,#fff;
	text-align: center;
	text-decoration:none;
	line-height:1.2;
}
/*==============================================================================
	latestinfo
==============================================================================*/
#latestinfobg{
	margin-bottom:30px;
}
#latestinfobg .container{
	padding:30px 0px 0px 0px;
}
#topics{
	margin-top:20px;
}
/*------------------------------------------------------------------------------
	タブ表示
------------------------------------------------------------------------------*/
#topics ul#tab{
	padding-left:10px;
	display:flex;
	justify-content:space-between;
	list-style-type:none;
}
#topics ul#tab li{
	margin-right:10px;
	width:100%;
}
#topics ul#tab li a{
	margin:0px;
	padding:8px 10px 6px 10px;
	display:block;
	box-sizing:border-box;
	font-weight:500;
	color:#1c4f34;
	background:#ebeee8;
	border-top:2px solid #1c4f34;
	border-radius:10px 10px 0px 0px;
	text-align:center;
}
#topics ul#tab li a:hover{
	color:#1c4f34;
	background:url("images/top/craft_bg.jpg") repeat left top;
}
#topics ul#tab li.ui-tabs-active a{
	color:#1c4f34;
	font-weight:bold;
	background:url("images/top/craft_bg.jpg") repeat left top;
	text-decoration:none;
}
/* タブ */
#latestinfobg .leftbox{
	width:36%;
	float:left;
}
/*	トピックス
------------------------------------------------------------------------------*/
#tmenu{
	margin:-2px 0px 0px 0px;
	padding:18px 40px 18px 40px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	box-sizing:border-box;
	border-top:2px solid #1c4f34;
	border-bottom:2px solid #1c4f34;
	background:url("images/top/news_bg.png") left -30px top 30px no-repeat,url("images/top/craft_bg.jpg");
}
#tmenubox{
	width:100%;
}
#tmenu ul{
	padding-top:10px;
	list-style-type:none;
}
#tmenu ul li{
	margin:0px;
	padding:0px 0px 14px 10px;
	position:relative;
	box-sizing:border-box;
	background:url("images/top/mark_li.png") no-repeat top 0.45em left;
	line-height:1.6;
}
#tmenu ul li a{
	color:#1c4f34;
}
#tmenu ul:not(.topicsdetail) li{
	position:relative;
}
/*　RSS等
------------------------------------------------------------------------------*/
#topics ul.topicsdetail{
	margin:0px -10px 0px 0px;
	padding:0px;
	clear:both;
	text-align:right;
	font-weight:bold;
}
#topics ul.topicsdetail li{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 20px;
	display:inline-block;
	clear:none;
	background:url("images/top/icon_news.png") no-repeat left center;
	border:none;
}
#topics ul.topicsdetail li.rss{
	background:url("images/top/icon_rss.png") no-repeat left center;
}
#topics ul.topicsdetail li a{
	color:#1c4f34;
}
/*　メイン画像　*/
#latestinfobg .rightbox{
	width:59%;
	float:right;
	text-align:right;
	position:relative;
	box-sizing:border-box;
}
#latestinfobg .rightbox::before,#latestinfobg .rightbox::after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
}
#latestinfobg .rightbox::before{
	top:-1px;
	width:101%;
	height:101%;
	background:url("images/top/main_frame.svg") center center / cover no-repeat;
}
#latestinfobg .rightbox::after{
	background:url("images/top/main_illust.svg") center center / cover no-repeat;
}
#latestinfobg #topmainimage img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
/*==============================================================================
	放射能関連情報
==============================================================================*/
#news{
	padding:15px;
	margin:0px 0px 20px 0px;
	background:#FFFFFF;
	border:4px solid #f1e8d6;
}
#news h2{
	margin-bottom:20px;
	padding:2px 0px 0px 50px;
	position:relative;
	color:#222;
	font-size:125%;
}
#news h2::before{
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	content:"";
	background:url("images/top/radiation.png");
}
#news p:not(.topicsdetail){
	margin-bottom:20px;
	padding:12px 12px 10px 12px;
	border:2px solid #f1e8d6;
	border-radius:8px;
}
#news p:not(.topicsdetail) a{
	color:#222;
}
#news ul{
	margin:0px 10px 10px 20px;
	list-style-type:none;
}
#news ul li{
	margin-bottom:10px;
	padding-left:12px;
	position:relative;
	line-height:1.6;
}
#news ul li::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.6em;
	left:-2px;
	border-top:1px solid #d6bd8f;
	border-right:1px solid #d6bd8f;
	transform:rotate(45deg);
}
#news ul li a{
	color:#222;
}
#news p.topicsdetail{
	margin:0;
	text-align:right;
}
#news p.topicsdetail a{
	padding-right:11px;
	display:inline-block;
	color:#222;
	position:relative;
}
#news p.topicsdetail a::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.6em;
	right:2px;
	border-top:1px solid #d6bd8f;
	border-right:1px solid #d6bd8f;
	transform:rotate(45deg);
}
/*==============================================================================
	検索
==============================================================================*/
#topsearchbg{
	margin-top:100px;
	background:#1c4f34;
	position:relative;
}
#topsearchbg::before{
	content:"";
	width:100%;
	height:61px;
	position:absolute;
	left:0;
	top:-61px;
	background:url("images/top/top_bg_bird.png") no-repeat calc(50% - 551px) 0px, url("images/top/top_bg03.png") repeat-x center bottom;
}
#topsearchbg::after{
	content:"";
	width:100%;
	height:54px;
	position:absolute;
	left:0px;
	bottom:-2px;
	background:url("images/top/top_bg04.png") top left calc(50% - 410px) no-repeat, url("images/top/top_bg02.png") bottom 2px left calc(50% + 470px) no-repeat;
}
#topsearchbg .container{
	padding:36px 0px 80px 0px;
	max-width:785px;
	min-width:auto;
	position:relative;
}
#topsearchbg .deco{
	position:absolute;
	pointer-events:none;
}
#topsearchbg .deco2{
	bottom:-7px;
	left:-103px;
}
#topsearchbg .deco3{
	bottom:-0px;
	right:-420px;
}
/* 検索 */
#topsearchbg #searchmenu form{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
#topsearchbg #searchmenu label[for="key"]{
	margin-bottom:5px;
	flex-basis:100%;
	color:#fff;
}
#topsearchbg #searchmenu input[type="text"]{
	width:calc(100% - 92px)!important;
	border-radius:10px 0px 0px 10px!important;
	border:none!important;
}
#topsearchbg #searchmenu input[type="image"]{
	padding:12px 32px 12px 32px!important;
	background-color:#ebeee8;
	border-radius:0px 10px 10px 0px;
}
/* 注目キーワード */
#topsearchbg #searchmenu .keyword{
	margin:30px auto 0px auto;
	width:100%;
}
#topsearchbg #searchmenu .keyword dl{
	margin-right:-10px;
	margin-bottom:-10px;
	display:flex;
	flex-wrap:wrap;
	line-height:1.5;
}
#topsearchbg #searchmenu .keyword dt{
	margin:0px 10px 10px 0px;
	padding:7px 0px 5px 0px;
	color:#fff;
}
#topsearchbg #searchmenu .keyword dd{
	margin:0px 10px 10px 0px;
}
#topsearchbg #searchmenu .keyword dd a{
	padding:6px 10px 6px 10px;
	display:block;
	color:#1c4f34;
	background:#ebeee8;
	border-radius:5px;
	line-height:1.4;
	text-decoration:none;
	transition:all .5s;
}
#topsearchbg #searchmenu .othersearch{
	margin-top:30px;
}
#topsearchbg #searchmenu .othersearch ul{
	margin-left:-21px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#topsearchbg #searchmenu .othersearch ul li{
	margin-left:21px;
	padding-left:10px;
	background:url("images/top/mark_li_wh.png") no-repeat left center;
}
#topsearchbg #searchmenu .othersearch ul li a{
	color:#fff;
}
/*==============================================================================
	もしものために
==============================================================================*/
#emeeventbg{
	 background:#388e4f; 
}
#emeeventbg .container{
	padding:0px;
	max-width:1200px;
	display:flex;
	justify-content:space-between;
}
#emeeventbg .leftbox{
	padding:20px 20px 100px;
	width:33.3%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	background-color:#b34646;
}
#emeeventbg .leftbox #emergency{
	width:100%;
	text-align:center;
}
#emeeventbg .leftbox #emergency h2{
	margin-bottom:15px;
	color:#fff;
}
#emeeventbg .leftbox #emergency ul{
	margin-bottom:-10px;
	margin-left:-12px;
}
#emeeventbg .leftbox #emergency ul li{
	margin-bottom:10px;
	margin-left:12px;
	width:calc(50% - 12px);
	border:none;
}
#emeeventbg .leftbox #emergency ul li a{
	background:#ffffff;
	font-weight:500;
	font-size:100%;
	border-radius:10px;
	box-shadow:none;
}
#emeeventbg .leftbox #emergency ul li a > img{
	margin:15px 10px 15px 15px;
	max-width:50px;
	height:auto;
}
#emeeventbg .leftbox #emergency ul li a span{
	width:calc(100% - 50px);
	padding:8px 10px 8px 0px;
	flex-basis:calc(100% - 50px);
	text-align:left;
}
/*==============================================================================
	イベント
==============================================================================*/
/*------------------------------------------------------------------------------
		イベント情報
------------------------------------------------------------------------------*/
#emeeventbg .rightbox{
	padding:45px 0 100px;
	width:62.5%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
}
#emeeventbg .rightbox #topevent{
	margin:0;
	padding:19px 38px 30px;
	background-color:#ebeee8;
	border-radius:10px;
}
/* 見出し h2 */
#emeeventbg .rightbox #topevent h2{
	margin-bottom:25px;
	text-align:center;
}
#emeeventbg .rightbox #topevent h2 span{
	padding-left:46px;
	padding-right:40px;
	display:inline-block;
	color:#1c4f34;
	position:relative;
}
#emeeventbg .rightbox #topevent h2 span::before{
	content:"";
	width:34px;
	height:30px;
	position:absolute;
	background:url("images/top/title_event01.png");
	left:0;
	top:calc(50% - 15px);
}
#emeeventbg .rightbox #topevent h2 span::after{
	content:"";
	width:25px;
	height:40px;
	position:absolute;
	background:url("images/top/title_event02.png");
	right:0px;
	top:calc(50% - 20px);
}
#emeeventbg .rightbox #topevent ul{
	margin:0px;
	list-style-type:none;
}
#emeeventbg .rightbox #topevent ul li{
	margin:0px;
	font-size:95%;
	line-height:1.8;
}
#emeeventbg .rightbox #topevent ul li + li{
	margin-top:14px;
}
#emeeventbg .rightbox #topevent ul li a{
	padding-right:10px;
	display:inline-block;
	color:#1c4f34;
}
#emeeventbg .rightbox #topevent ul li .ecate{
	margin-right:5px;
	padding:3px 10px 3px 10px;
	display:inline-block;
	font-size:95%;
	border-radius:3px;
	line-height:1.2;
}
#topevent span.e1{
	background:#F1E3C0;
}
#topevent span.e2{
	background:#F2C7B6;
}
#topevent span.e3{
	background:#DCE7BB;
}
#topevent span.e4{
	background:#C7C0D8;
}
#topevent span.e5{
	background:#B1D2E2;
}
#topevent span.e6{
	background:#F3CBDA;
}
#topevent span.e7{
	background:#C0D9C4;
}
#topevent span.e8{
	background:#B2C2D8;
}
#topevent span.e9{
	background:#DFBDD2;
}
#topevent span.e10{
	background:#BDD9D9;
}
#emeeventbg .rightbox #topevent ul li img{
	margin:0px 3px 0px 0px;
	vertical-align:middle;
}
#emeeventbg .rightbox #topevent ul li p{
	display:inline;
}
#emeeventbg .rightbox #toptodayevent > p{
	font-size:95%;
}
#emeeventbg .rightbox #topevent p.order{
	margin-top:15px;
}
#emeeventbg .rightbox #topevent p.order a{
	font-weight:bold;
	color:#222;
	font-size:105%;
}
/*　注目のイベント　*/
#emeeventbg .rightbox #topevent .toppickup{
	margin-top:30px;
	padding:18px 30px 23px;
	background-color:#fff;
}
/* 見出し h3 */
#emeeventbg .rightbox #topevent h3{
	margin-bottom:10px;
	text-align:center;
	color:#1c4f34;
}
#emeeventbg .rightbox #topevent .toppickup .pickupinner{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
#emeeventbg .rightbox #topevent .toppickup .pickupinner #eventdetail{
	width:calc(100% - 198px - 10px);
}
#emeeventbg .rightbox #topevent .toppickup .pickupinner #eventdetail a{
	padding:10px 16px;
	display:block;
	color:#222;
	background:#b2d3bb;
	font-weight:bold;
}
#emeeventbg .rightbox #topevent .toppickup .pickupinner #eventdetail .date{
	margin-top:10px;
	display:block;
}
/*　カウントダウン　*/
#emeeventbg .rightbox #topevent p.countdown{
	padding:0px 0px 10px 0px;
	min-width:198px;
	text-align:center;
	background:url("images/top/attentionevent_bg.png") no-repeat bottom center;
	font-weight:bold;
}
#emeeventbg .rightbox #topevent p.countdown .title{
	margin-bottom:5px;
	display:block;
	font-size:140%;
	color:#1c4f34;
	line-height:1;
}
#emeeventbg .rightbox #topevent p.countdown span.date,
#emeeventbg .rightbox #topevent p.countdown span.day{
	line-height:1;
	color:#990000;
}
#emeeventbg .rightbox #topevent p.countdown span.date{
	font-size:360%;
}
#emeeventbg .rightbox #topevent p.countdown span.day{
	font-size:170%;
}
/* イベントカレンダーを見る */
#emeeventbg .rightbox #topevent .calendar{
	margin-top:20px;
	text-align:center;
}
#emeeventbg .rightbox #topevent .calendar a{
	padding:7px 50px;
	display:inline-block;
	position:relative;
	color:#fff;
	background:#1c4f34;
	text-decoration:none;
	font-weight:bold;
	border-radius:10px;
}
#emeeventbg .rightbox #topevent .calendar a::after{
	margin-top:-5px;
	width:8px;
	height:8px;
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
/*==============================================================================
	テーマから探す
==============================================================================*/
#themebg{
	padding:0px 0px 110px 0px;
	background:url("images/top/craft_bg.jpg");
	position:relative;
	color:#1c4f34;
}
#themebg::before{
	content:"";
	width:100%;
	height:54px;
	position:absolute;
	left:0;
	top:-45px;
	background:url("images/top/top_bg05.png") repeat-x center top;
}
#themebg .container{
	padding:0;
	max-width:1200px;
}
#theme{
	padding-top:40px;
}
#themebg h2{
	margin-bottom:30px;
	text-align:center;
}
#themebg  h2 span{
	padding-left:70px;
	padding-right:52px;
	display:inline-block;
	color:#1c4f34;
	position:relative;
}
#themebg h2 span::before{
	content:"";
	width:44px;
	height:35px;
	position:absolute;
	background:url("images/top/title_theme01.png");
	left:0;
	top:calc(50% - 17px);
}
#themebg h2 span::after{
	content:"";
	width:26px;
	height:50px;
	position:absolute;
	background:url("images/top/title_theme02.png");
	right:0px;
	top:calc(50% - 25px);
}
/* 上 */
#themebg .theme1 ul.flexstyle2{
	margin:0 0 -20px -20px;
	justify-content:center;
}
#themebg .theme1 ul.flexstyle2 li{
	margin:0 0 20px 20px;
	width:calc(100% / 4 - 20px);
	border:none;
}
#themebg .theme1 ul.flexstyle2 li a{
	color:#1c4f34;
	background:#fff;
	font-weight:500;
	border:1px solid #388e4f;
	border-radius:10px;
}
#themebg .theme1 ul.flexstyle2 li a > img{
	margin:10px 10px 10px 25px;
}
#themebg .theme1  ul.flexstyle2 li a span{
	width:calc(100% - 42px);
	padding:5px 5px 5px 5px;
	flex-basis:calc(100% - 42px);
}
/* 下 */
#themebg .theme2 ul.flexstyle2{
	margin:0 0 -20px -24px;
	justify-content:center;
}
#themebg .theme1 + .theme2{
	margin-top:45px;
}
#themebg .theme2 ul.flexstyle2 li{
	margin:0 0 20px 24px;
	width:calc(100% / 3 - 24px);
	border:none;
}
#themebg .theme2 ul.flexstyle2 li a{
	color:#fff;
	background:#1c4f34;
	font-weight:500;
	border-radius:10px;
}
#themebg .theme2 ul.flexstyle2 li a > img{
	margin:10px 10px 10px 25px;
}
#themebg .theme2  ul.flexstyle2 li a span{
	width:calc(100% - 42px);
	padding:5px 5px 5px 5px;
	flex-basis:calc(100% - 42px);
}
/*==============================================================================
	流山市のイチオシ　ぐるっと流山
==============================================================================*/
#toprecommendbg{
	padding:45px 0 70px;
	background:#ebeee8;
	position:relative;
}
#toprecommendbg .container{
	max-width:1200px;
}
#toprecommendbg::before{
	content:"";
	width:100%;
	height:46px;
	position:absolute;
	left:0;
	top:-46px;
	background:url("images/top/top_bg06.png") center top;
}
#toprecommend .container{
	padding:0;
	display:flex;
	justify-content:space-between;
}
/*================================= 流山市のイチオシ */
#toprecommend .leftbox{
	width:690px;
}
/* 見出し */
#toprecommend .leftbox h2{
	margin-bottom:35px;
	text-align:center;
}
#toprecommend .leftbox h2 span{
	padding-left:87px;
	padding-right:60px;
	display:inline-block;
	color:#1c4f34;
	position:relative;
}
#toprecommend .leftbox h2 span::before{
	content:"";
	width:65px;
	height:42px;
	position:absolute;
	background:url("images/top/title_know01.png");
	left:0;
	top:calc(50% - 21px);
}
#toprecommend .leftbox h2 span::after{
	content:"";
	width:40px;
	height:36px;
	position:absolute;
	background:url("images/top/title_know02.png");
	right:0px;
	top:calc(50% - 18px);
}
/* スライダー */
#toprecommend .leftbox #slidelink1{
	margin:0;
	padding:0 123px;
	box-sizing:border-box;
}
#toprecommend .leftbox #slidelink1list ul{
	margin:0;
	padding-bottom:0;
}
#toprecommend .leftbox #slidelink1list ul li{
	margin:0;
	width:444px;
	box-shadow:none;
}
#toprecommend .leftbox #slidelink1list ul li img{
	border-radius:10px;
	overflow:hidden;
}
/*-- 左右送りボタン --*/
#toprecommend .leftbox #slidelink1scroll li{
	width:60px;
	height:60px;
	top:calc(50% - 60px);
	background-color:#388e4f;
	border-radius:10px;
}
#toprecommend .leftbox #slidelink1scroll li.forward{
	left:0px;
}
#toprecommend .leftbox #slidelink1scroll li.back{
	right:0px;
}
#toprecommend .leftbox .tmenubtn{
	bottom:-34px;
	left:123px;
}
/*================================= ぐるっと流山 */
#toprecommend .rightbox{
	padding-right:43px;
	padding-left:20px;
	width:32%;
	box-sizing:border-box;
}
/* 見出し */
#toprecommend .rightbox h2{
	margin-bottom:14px;
	color:#1c4f34;
	text-align:center;
	line-height:1.4;
}
/* 小さい方 */
#toprecommend .rightbox h2 span.h2_1{
	padding:0px 16px 0px 16px;
	position:relative;
	font-size:65%;
}
#toprecommend .rightbox h2 span.h2_1::before,
#toprecommend .rightbox h2 span.h2_1::after{
	content:"";
	width:14px;
	height:1px;
	position:absolute;
	top:calc(50% - 1px);
	background:#1c4f34; 
}
#toprecommend .rightbox h2 span.h2_1::before{
	left:0;
	transform:rotate(45deg);
}
#toprecommend .rightbox h2 span.h2_1::after{
	right:0;
	transform:rotate(-45deg);
}
/* 大きい方 */
#toprecommend .rightbox h2 span.h2_2{
	margin-top:10px;
	padding-left:62px;
	padding-right:60px;
	display:inline-block;
	position:relative;
}
#toprecommend .rightbox h2 span.h2_2::before{
	content:"";
	width:36px;
	height:30px;
	position:absolute;
	background:url("images/top/title_gurutto01.png");
	left:0;
	top:calc(50% - 15px);
}
#toprecommend .rightbox h2 span.h2_2::after{
	content:"";
	width:36px;
	height:25px;
	position:absolute;
	background:url("images/top/title_gurutto02.png");
	right:0px;
	top:calc(50% - 12px);
}
#toprecommend .rightbox p a{
	color:#1c4f34;
}
#toprecommend .rightbox p span{
	margin-bottom:10px;
	display:block;
}
#toprecommend .rightbox p span img{
	max-width:100%;
	height:auto;
	border-radius:10px;
	vertical-align:bottom;
}
#toprecommend #photo p.photodetail{
	margin:8px auto 8px auto;
	width:90%;
}
#toprecommend #photo p.photodetail a{
	padding:10px 24px 10px 24px;
	display:block;
	position:relative;
	color:#fff;
	font-weight:bold;
	background:#1c4f34;
	border-radius:10px;
	text-align:center;
	text-decoration:none;
	line-height:1.4;
}
#toprecommend #photo p.photodetail a::before{
	width:7px;
	height:7px;
	content:"";
	position:absolute;
	top:calc(50% - 4px);
	right:14px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	transform:rotate(45deg);
}
/*==============================================================================
	流山市の紹介
==============================================================================*/
#cityinfobg{
	margin-bottom:50px;
	border-top:50px solid #fff;
	position:relative;
}
#cityinfobg::before{
	content:"";
	width:100%;
	height:48px;
	top:-98px;
	background:url("images/top/top_bg07.png") center top;
	position:absolute;
}
#cityinfobg .container{
	padding:0;
	padding-bottom:30px;
	max-width:100%;
	min-width:100%;
	background:url("images/top/craft_bg.jpg");
	border-bottom:2px solid #1c4f34;
}
#cityinfobg h2{
	margin-bottom:30px;
	background-color:#1c4f34;
}
#cityinfobg h2 span{
	padding:16px 0 14px;
	margin:auto;
	max-width:1200px;
	min-width:950px;
	display:block;
	color:#fff;
}
#cityinfobg .listwrap{
	margin:auto;
	max-width:1200px;
	min-width:950px;
}
/* flexstyle2 */
#cityinfobg .article .flexstyle2.imgfull{
	margin-top:30px;
}
#cityinfobg .flexstyle2.imgfull{
	margin:0 0 -20px -24px;
}
#cityinfobg .flexstyle2.imgfull li{
	margin:0 0 20px 24px;
	width:calc(100% / 3 - 24px);
	border:none;
}
#cityinfobg .flexstyle2.imgfull li a{
	position:relative;
	border:2px solid #388e4f;
	border-radius:10px;
	overflow:hidden;
	background:url("images/top/introduction_li.png") no-repeat center right 14px,#fff;
	color:#1c4f34;
}
#cityinfobg .flexstyle2.imgfull li a span{
	width:calc(100% - 82px);
	padding:5px 49px 5px 29px;
	flex-basis:calc(100% - 82px);
}
/* もっと見る */
#cityinfobg h3{
	margin:30px 0 0;
	background:#b2d3bb;
	text-align:center;
	font-weight:500;
}
#cityinfobg h3 a,
#cityinfobg h3 button{
	margin:0px;
	padding:18px 16px 18px 16px;
  width:100%;
	display:block;
	box-sizing:border-box;
	color:#222;
	font-size:110%;
	background:#b2d3bb;
	border:none;
	text-decoration:none;
	cursor:pointer;
}
#cityinfobg h3 a span,
#cityinfobg h3 button span{
	padding-left:32px;
	position:relative;
}
#cityinfobg h3 a span::before,
#cityinfobg h3 button span::before{
	width:22px;
	height:22px;
	content:"";
	position:absolute;
	top:calc(50% - 11px);
	left:0;
}
#cityinfobg h3.plus2 a span::before,
#cityinfobg h3.plus2 button span::before{
	background:url("images/top/introduction_open.png");
}
#cityinfobg h3.minus2 a span::before,
#cityinfobg h3.minus2 button span::before{
	background:url("images/top/introduction_close.png");
}

/* normallink */
#cityinfobg .normallink{
	margin:30px 0 -20px -24px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#cityinfobg .normallink li{
	margin:0 0 20px 24px;
	width:calc(100% / 4 - 24px);
}
#cityinfobg .normallink li a{
	padding:23px 30px 23px 20px;
	height:100%;
	position:relative;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	background:#1c4f34;
	text-decoration:none;
	border-radius:10px;
	line-height:1.4;
}
#cityinfobg .normallink li a::after{
	margin-top:-5px;
	width:8px;
	height:8px;
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
}
/*==============================================================================
	人口統計
==============================================================================*/
#populationbg{
	margin-bottom:50px;
	background:#ebeee8;
}
#populationbg .container{
	max-width:1200px;
	display:flex;
	justify-content:space-between;
}
#populationbg .container .plinner h2{
	float:left;
	color:#1c4f34;
}
#populationbg .container .plinner p{
	margin-left:20px;
	margin-top:0.5em;
	float:left;
	font-size:90%;
}
#populationbg .container ul{
	margin-left:-40px;
	padding-top:20px;
	clear:both;
	display:flex;
	list-style:none;
	font-size:120%;
}
#populationbg .container ul li{
	margin-left:60px;
}
#populationbg .container ul li span{
	display:inline-block;
}
#populationbg .container ul li span:first-child{
	margin-right:60px;
}
#populationbg .container .populationdetail{
	min-width:90px;
	padding-top:100px;
	background:url("images/top/demographics_bg.png") no-repeat top center;
}
#populationbg .container .populationdetail a{
	padding-left:10px;
	display:block;
	color:#222;
	background:url("images/top/mark_li.png") no-repeat left center;
}

/*******************************************************************************
[3] 緊急エリア
*******************************************************************************/
#kinkyu .container{
	max-width:1200px;
	min-width:950px;
}
/*==============================================================================
	緊急情報
==============================================================================*/
.kinkyu{
	margin:0px 0px 20px 0px;
	background:#b34646;
	border:3px solid #b34646;
	border-top-width:13px;
	border-right-width:20px;
	border-left-width:20px;
	border-bottom-width:11px;
}
.kinkyu h2{
	padding-left:50px;
	padding-bottom:15px;
	color:#FFFFFF;
	font-size:130%;
	background:#b34646 url("images/top/emergency.png") no-repeat left top;
	text-align:left;
}
.kinkyu .kinkyuinner{
	margin-bottom:10px;
	padding:0px 0px 8px 0px;
	background:#FFFFFF;
	border-radius:5px;
}
.kinkyu h3{
	margin:0px 0px 0px 0px;
	padding:10px 5px 8px 10px;
	color:#ffffff;
	font-size:115%;
	background:#852e2e;
	border-radius:5px 5px 0px 0px;
	font-weight:500;
}
.kinkyu p{
	padding:10px 15px 0px 15px;
}
.kinkyu ul{
	padding:10px 15px 0px 15px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:3px;
	padding-left:11px;
	position:relative;
}
.kinkyu ul li::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.6em;
	left:-2px;
	border-top:1px solid #b34646;
	border-right:1px solid #b34646;
	transform:rotate(45deg);
}
.kinkyu ul li a{
	color:#222;
}
.kinkyu p.more{
	margin:0px;
	padding:0px;
	background:#b34646;
	text-align:right;
}
.kinkyu p.more a{
	padding-right:11px;
	display:inline-block;
	position:relative;
	color:#fff;
}
.kinkyu p.more a::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.55em;
	right:2px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
}
/*==============================================================================
	重要なお知らせ
==============================================================================*/
.importantnewsbg .container{
	max-width:1200px;
	min-width:950px;
}
.important{
	margin:0px 0px 20px 0px;
	background:#1c4f34;
	border:3px solid #1c4f34;
	border-top-width:13px;
	border-right-width:20px;
	border-left-width:20px;
	border-bottom-width:10px;
}
.important h2{
	padding-left:50px;
	padding-bottom:12px;
	color:#FFFFFF;
	font-size:130%;
	background:url("images/top/information.png") left top no-repeat #1c4f34;
	text-align:left;
}
.important .tpinner{
	margin-bottom:10px;
	padding:0px 0px 8px 0px;
	background:#FFFFFF;
	border-radius:5px;
}
.important h3{
	margin:0px 0px 0px 0px;
	padding:10px 5px 8px 10px;
	font-size:115%;
	background:#b2d3bb;
	border-radius:5px 5px 0px 0px;
	font-weight:500;
}
.important p{
	padding:10px 15px 0px 15px;
}
.important ul{
	padding:10px 15px 0px 15px;
	list-style-type:none;
}
.important ul li{
	margin-bottom:3px;
	padding-left:11px;
	position:relative;
}
.important ul li::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.6em;
	left:-2px;
	border-top:1px solid #3f9255;
	border-right:1px solid #3f9255;
	transform:rotate(45deg);
}
.important ul li a{
	color:#222;
}
.important p.more{
	margin:0;
	padding:0;
	background:#1c4f34;
	text-align:right;
}
.important p.more a{
	padding-right:11px;
	display:inline-block;
	position:relative;
	color:#fff;
}
.important p.more a::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.55em;
	right:2px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
}
/*==============================================================================
	防災情報エリア（スマホ緊急情報）
==============================================================================*/
.smpkinkyu{
	margin:0px 0px 20px 0px;
	background:#FFFFFF;
	border:3px solid #b34646;
	border-top-width:13px;
	border-right-width:20px;
	border-left-width:20px;
	border-bottom-width:15px;
}
.smpkinkyu h2{
	margin-bottom:5px;
	padding-left:50px;
	padding-bottom:12px;
	color:#FFFFFF;
	font-size:130%;
	background:#b34646 url("images/top/emergency.png") no-repeat left top;
	text-align:left;
}
.smpkinkyu h3{
	margin:0px 5px 10px 5px;
	padding:10px 5px 10px 5px;
	color:#fff;
	font-size:100%;
	font-weight:500;
	background:#852e2e;
	border-radius:3px;
	line-height:1.4;
}
.smpkinkyu p.textright{
	padding:0px 15px 5px 15px;
}
.smpkinkyu ul.objectlink{
	margin:0px 0px 10px 0px;
	padding:0px 15px 5px 15px;
	list-style:none;
	line-height:1.8;
}
.smpkinkyu ul.objectlink li{
	margin-bottom:3px;
	padding-left:11px;
	position:relative;
}
.smpkinkyu ul.objectlink li a{
	color:#222;
}
.smpkinkyu ul.objectlink li::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.55em;
	left:-2px;
	border-top:1px solid #b34646;
	border-right:1px solid #b34646;
	transform:rotate(45deg);
}
.smpkinkyu p.more{
	margin:0;
	padding:15px 0px 0px 0px;
	background:#b34646;
	text-align:right;
	line-height:1.4;
}
.smpkinkyu p.more a{
	padding-right:11px;
	display:inline-block;
	position:relative;
	color:#fff;
}
.smpkinkyu p.more a::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.55em;
	right:2px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
	防災情報エリア（スマホ更新）
------------------------------------------------------------------------------*/
/*		CKエディタ入力
------------------------------------------------------------------------------*/
.smpkinkyu h4{
	margin:0px 12px 10px 12px;
	padding:2px 5px 2px 5px;
	font-size:110%;
	border-bottom:1px solid #A01313;
}
.smpkinkyu h5,.smpkinkyu h6{
	margin:0px 15px 3px 15px;
	padding:0px 0px 0px 0px;
	font-size:100%;
}
.smpkinkyu p{
	padding:0px 15px 10px 15px;
}
/*		リスト
------------------------------------------------------------------------------*/
.smpkinkyu ol{
	margin:0px 15px 10px 40px;
}
.smpkinkyu ul{
	margin:0px 15px 10px 35px;
}
.smpkinkyu ol li,.smpkinkyu ul li{
	margin-bottom:3px;
}
/*		テーブル
------------------------------------------------------------------------------*/
.smpkinkyu table{
	margin:10px 10px 20px 15px;
	padding:0px;
	max-width:95%;
	clear:both;
	border-collapse:collapse;
	border:1px solid #CCC;
	empty-cells:show;
}
.smpkinkyu th,.smpkinkyu td{
	padding:3px 6px 3px 6px;
	font-size:95%;
	border:1px solid #CCC;
	text-align:left;
	vertical-align:top;
}
.smpkinkyu th{
	background:#EEE;
}
.smpkinkyu table caption{
	padding:0px 0px 3px 3px;
	text-align:left;
	font-weight:bold;
}
.smpkinkyu table td.verticaltop,.smpkinkyu table th.verticaltop{
	vertical-align:top;
}
.smpkinkyu table td.verticalmiddle,.smpkinkyu table th.verticalmiddle{
	vertical-align:middle;
}
.smpkinkyu table td.verticalbottom,.smpkinkyu table th.verticalbottom{
	vertical-align:bottom;
}
.smpkinkyu table td.verticalbaseline,.smpkinkyu table th.verticalbaseline{
	vertical-align:baseline;
}
.smpkinkyu table td.cell,.smpkinkyu table th.cell{
	white-space:nowrap;
}
.smpkinkyu table td.cellleft,.smpkinkyu table th.cellleftt{
	text-align:left;
	white-space:nowrap;
}
.smpkinkyu table td.cellright,.smpkinkyu table th.cellright{
	text-align:right;
	white-space:nowrap;
}
.smpkinkyu table td.cellcenter,.smpkinkyu table th.cellcenter{
	text-align:center;
	white-space:nowrap;
}
.smpkinkyu p table{
	margin-left:0px;
}
.smpkinkyu td p,.smpkinkyu th p{
	margin:0px;
	padding:0px;
}
.smpkinkyu table ul{
	margin:0px 15px 0px 20px;
}
.smpkinkyu table ol{
	margin:0px 15px 0px 25px;
}
.smpkinkyu table ul li,.smpkinkyu table ol li{
	margin-bottom:0px;
}
/*==============================================================================
	 オプション：緊急情報メール（表示切替3パターン）
==============================================================================*/
#kinkyumail{
	margin:0px 0px 20px 0px;
	background:#FFFFFF;
	border:3px solid #b34646;
	border-top-width:13px;
	border-right-width:20px;
	border-left-width:20px;
	border-bottom-width:15px;
}
#kinkyumail h2{
	margin-bottom:5px;
	padding-left:50px;
	padding-bottom:12px;
	color:#FFFFFF;
	font-size:130%;
	background:#b34646 url("images/top/emergency.png") no-repeat left top;
	text-align:left;
}
#kinkyumail h3{
	margin:0px 5px 10px 5px;
	padding:10px 5px 10px 5px;
	color:#fff;
	font-size:100%;
	font-weight:500;
	background:#852e2e;
	border-radius:3px;
	line-height:1.4;
}
#kinkyumail h3 span.textright{
	display:inline-block;
	float:right;
}
#kinkyumail h4{
	margin:0px 12px 10px 12px;
	padding:5px 10px;
	font-size:100%;
	background:#ffe8e8;
	border-bottom:1px solid #CCCCCC;
}
#kinkyumail h4 span.textright{
	display:inline-block;
	float:right;
}
#kinkyumail ul{
	margin:0px 12px 5px 12px;
	list-style:none;
}
#kinkyumail ul li{
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
#kinkyumail ul li span.kinkyumailli{
	margin:2px 10px 0px 0px;
	width:calc(100% - 9em);
	float:right;
}
#kinkyumail ul li span.kinkyumailli2{
	margin:0px 12px 0px 0px;
}
#kinkyumail p{
	margin:0px 15px 15px 15px;
}
#kinkyumail p.more{
	margin:0;
	padding:15px 0px 0px 0px;
	background:#b34646;
	text-align:right;
	line-height:1.4;
}
#kinkyumail p.more a{
	padding-right:11px;
	display:inline-block;
	position:relative;
	color:#fff;
}
#kinkyumail p.more a::before{
	width:6px;
	height:6px;
	content:"";
	position:absolute;
	top:0.45em;
	right:2px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg);
}
/*　メール配信情報
------------------------------------------------------------------------------*/
#kinkyumail p.textright{
	clear:both;
	font-size:100%;
}
#kinkyumail p.textright a{
	padding-left:15px;
	position:relative;
	background:none;
	text-decoration:underline;
	color:#222;
}
#kinkyumail p.textright a::before{
	width:7px;
	height:7px;
	content:"";
	position:absolute;
	top:0.40em;
	left:-2px;
	border-top:1px solid #b34646;
	border-right:1px solid #b34646;
	transform:rotate(45deg);
}
/*　.kinkyulink
------------------------------------------------------------------------------*/
.kinkyulink ul{
	list-style:none;
}
.kinkyulink li{
	font-size:120%;
	font-weight:bold;
}
.kinkyulink li a{
	padding:18px 20px 16px 70px;
	display:block;
	color:#fff;
	border-bottom:3px solid #852e2e;
	background:url("images/top/emergency.png") no-repeat left 20px top 15px,#b34646;
}
.kinkyulink li + li{
	margin-top:10px;
}
/*　アイコン
------------------------------------------------------------------------------*/
#kinkyumail p.iconsaigai{
	margin:0px 0px 0px 12px;
}
#kinkyumail p.iconsaigai span,
span.iconsaigai{
	margin:0px 10px 5px 0px;
	width:8em;
	display:inline-block;
	color:#FFF;
	font-size:95%;
	font-weight:500;
	text-align:center;
}
span.iconsaigai1{
	background:#b34646;
}
span.iconsaigai2{
	background:#B80E0E;
}
span.iconsaigai3{
	background:#333333;
}
span.iconsaigai4{
	background:#46439c;
}