@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト
[2] 詳細デザイン（共通）
　　カルーセルパネルA、B
　　検索
　　トピックス（タブ表示）
	画像横並び（.bannerimg ul）
	flexstyle1　アイコン（上）+テキスト
	flexstyle2　アイコン（左）+テキスト
	flexstyle3　テキストバナー
	横スクロール（自動再生）
[2] 詳細デザイン
[3] 緊急エリア
[4] FONT（遊ゴシックIE対策）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト
*******************************************************************************/
#wrap{
	min-width:950px;
	background:none;
}
#header{
	width:100%;
}
/*******************************************************************************
[2] 詳細デザイン（共通）
*******************************************************************************/
/*==============================================================================
	検索
==============================================================================*/
/*------------------------------------------------------------------------------
	タブ表示（サイト内検索／ページ番号検索）
------------------------------------------------------------------------------*/
#searchtab{
	margin:0px 8% -2em 14%;
	display:flex;
	list-style-type:none;
}
#searchtab li{
	margin-right:10px;
}
#searchtab li a{
	padding:0.5em 0px 0.5em 0px;
	width:6em;
	display:block;
	position:relative;
	font-weight:bold;
	color:#fff;
	border-radius:1.5em;
	background-color:#003366;
	text-decoration:none;
	text-align:center;
	text-indent:0.08em;
	letter-spacing:0.08em;
	transition:all .5s;
}
#searchtab li.ui-tabs-active a{
	color:#003366;
	background-color:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
#searchtab li.ui-tabs-active a:after{
	margin-left:-8px;
	width:16px;
	height:10px;
	content:"";
	position:absolute;
	left:50%;
	bottom:-10px;
	background:url(images/top/tabarrow.png) center top no-repeat;
}
#searchtab li a:hover{
	color:#003366;
	background:#c5d7e8;
}
#searchtab li.ui-tabs-active a:hover{
	background-color:#fff;
}
/*------------------------------------------------------------------------------
	サイト内検索
------------------------------------------------------------------------------*/
#searchmenu{
	padding:55px 8% 20px 14%;
	background:rgba(0, 99, 143, 0.85);
	background:linear-gradient(to right, rgba(0, 99, 143, 0.85), rgba(0, 107, 125, 0.85));
	box-shadow:1px 1px 2px rgba(0,0,0,0.15);
	text-align:left;
}
#searchmenu form{
	margin:0px 0px 10px 0px;
	display:flex;
}
#searchmenu input[type="text"]{
	margin-right:0px!important;
	padding:0.5em!important;
	width:calc(100% - 86px) !important;
	box-sizing:border-box;
	border:none !important;
	border-radius:5px 0px 0px 5px;
	-webkit-appearance:none;
}
#searchmenu input[type="submit"]{
	padding:0.5em!important;
	width:86px;
	box-sizing:border-box;
	color:#FFF;
	background-color:#003366;
	border-radius:0px 5px 5px 0px;
	border:1px solid #003366;
	-webkit-appearance:none;
	text-align:center;
	cursor:pointer;
}
#formwrap p{
	position:relative;
	z-index:10;
	font-size:0.95em;
	text-align:right;
}
#formwrap p a{
	color:#fff;
}
@media screen and (max-width:1450px){
	#searchmenu{
		padding:55px 20px 25px 20px;
	}
	#formwrap{
		display:block;
	}
	#searchmenu form{
		width:100%;
	}
	#formwrap p{
		text-align:right;
	}
}
/*------------------------------------------------------------------------------
	ページ番号検索
------------------------------------------------------------------------------*/
#searchmenu .navidetail p:first-child{
	margin-bottom:0.5em;
	color:#fff;
	font-size:0.95em;
}
#searchmenu .navidetail form{
	width:100%;
	color:#fff;
}
#searchmenu .navidetail input[type="text"]{
	margin-right:0px!important;
	width:calc(100% - 86px)!important;
	box-sizing:border-box;
	border:none !important;
	border-radius:5px 0px 0px 5px;
	-webkit-appearance:none;
}
#searchmenu .navidetail #idbtn{
	padding:0.5em 0px 0.5em 0px!important;
	width:86px;
	box-sizing:border-box;
	color:#FFF;
	background-color:#003366;
	border-radius:0px 5px 5px 0px;
	border:1px solid #003366;
	-webkit-appearance:none;
	text-align:center;
}
#searchmenu #idresult p{
	margin:0px;
	font-weight:bold;
}
/*------------------------------------------------------------------------------
	注目キーワード
------------------------------------------------------------------------------*/
#search1 .keyword{
	margin:-1.5em 0px 0px 0px;
	max-height:120px;
	color:#fff;
	overflow-y:auto;
	scrollbar-track-color:#297c8b;
	scrollbar-face-color:#0f475f;
	scrollbar-arrow-color:#0f475f;
	scrollbar-shadow-color:#0f475f;
}
#search1 .keyword::-webkit-scrollbar{
	width:3px;
}
#search1 .keyword::-webkit-scrollbar-track{
	background:rgba(255,255,255,0.7);
}
#search1 .keyword::-webkit-scrollbar-thumb{
	background:rgba(0, 51, 102,0.6);
}
#search1 .keyword dl{
	display:flex;
	flex-wrap:wrap;
	font-size:0.95em;
	font-weight:bold;
}
#search1 .keyword dt{
	margin-bottom:0.4em;
	padding-right:6.5em;
	width:100%;
	line-height:1.5;
	text-align:left;
}
#search1 .keyword dt:after{
	content:"／";
}
#search1 .keyword dd{
	margin:0px 1em 0.4em 0px;
	line-height:1.5;
}
#search1 .keyword dd a{
	color:#fff;
}
/*==============================================================================
	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:block;
	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;
}
/*------------------------------------------------------------------------------
	アイコン（上・画像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;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	ヘッダ
==============================================================================*/
#header{
	padding:0px;
	max-width:none;
	position:relative;
	display:block;
}
#header img{
	max-width:100%;
	height:auto;
}
#header #headleft{
	padding:0px 0px 5vw 0px;
	width:34%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	z-index:999;
	background:url(images/portal/bg01.png) center top / cover no-repeat;
}
#portaltlogo{
	padding:15vw 0px 0px 0px;
	height:25vw;
	position:relative;
	text-align:center;
}
#portaltlogo #portalh1{
	margin:0px auto 10px auto;
	max-width:6.2vw;
	position:relative;
	z-index:10;
}
#portaltlogo .text01{
	max-width:22.7vw;
	position:absolute;
	right:-6vw;
	top:26vw;
}
#portaltlogo .text02{
	max-width:5.4vw;
	position:absolute;
	right:3.2vw;
	top:2.6vw;
}
/*==============================================================================
	head right
==============================================================================*/
#header #headright{
	padding-bottom:3.15vw;
	width:66%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:1000;
	box-sizing:border-box;
}
.bannerwrap{
	position:absolute;
	right:1.6vw;
	top:1.6vw;
}
.topkinkyubnr{
	/*
	max-width:80%;
	position:absolute;
	right:1.6vw;
	top:1.6vw;
	*/
	margin-bottom:12px;
}
.topkinkyubnr a{
	display:flex;
	align-items:center;
	padding:5px 0px 5px 10px;
	box-sizing:border-box;
	color:#222222;
	font-size:1.4em;
	font-weight:bold;
	background-color:#ffdc28;
	text-decoration:none;
	line-height:1.4;
}
.topkinkyubnr a span{
	padding:0px 1.8em 0px 0em;
	width:calc(100% - 70px);
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.topkinkyubnr a span:before{
	padding-right:2.5em;
	width:31px;
	height:28px;
	display:block;
	flex-basis:31px;
	content:"";
	box-sizing:border-box;
}
.topkinkyubnr a:after{
	width:80px;
	height:60px;
	box-sizing:border-box;
	content:"";
	background:url(images/portal/arrowbottom3.png) center no-repeat;
	border-left:1px solid #222222;
}
.topbannerlink{
	/*
	max-width: 80%;
	position: absolute;
	right: 1.6vw;
	top: 7vw;
	*/
}
.topbannerlink a{
	display:flex;
	align-items:center;
	padding:5px 0px 5px 10px;
	color:#fff;
	font-size: 111.111%;
	font-weight:bold;
	background-color:#217546;
	box-sizing:border-box;
	text-decoration:none;
}
.topbannerlink a::after{
	width:80px;
	height:60px;
	box-sizing:border-box;
	content:"";
	background:url(images/portal/arrowbottom2.png) center no-repeat;
	border-left:1px solid #154B2C;
}
.topbannerlink a span{
	padding: 0 1em;
	width:calc(100% - 70px);
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:left;
}
.pronavi ul{
	width:100%;
	display:flex;
	justify-content:center;
	list-style:none;
}
.pronavi ul li{
	margin:0px 1vw 0px 1vw;
	transition:all .4s;
}
.pronavi ul li:first-child{
	padding-top: 3vw;
}
.pronavi ul li:nth-child(2n){
	padding-top: 1.5vw;
}
.pronavi ul li:last-child{
	margin-right:0px;
}
.pronavi ul li:hover{
	transform:scale(1.1,1.1);
}
@media screen and (max-width:1450px){
	.pronavi ul li{
		width:14.3vw;
	}
}
/*==============================================================================
	bxslider
==============================================================================*/
#slider1{
	min-width:950px;
}
#slider1 img{
	width:100%;
	height:auto;
	line-height:0;
}
#slider1 .bx-controls-auto{
	width:auto;
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:3000;
}
#slider1 .bx-controls-auto button{
	padding:8px 10px 8px 32px;
	display:inline-block;
	width:auto;
	height:auto;
	color:#ffffff;
	border:none;
	background-color:#003366;
	text-indent:0px;
	line-height:1.2;
	cursor:pointer;
}
#slider1 .bx-controls-auto button.bx-start{
	background:#003366 url("images/portal/start.png") no-repeat left 14px center;
}
#slider1 .bx-controls-auto button.bx-stop{
	background:#003366 url("images/portal/stop.png") no-repeat left 14px center;
}
/*==============================================================================
	メイン
==============================================================================*/
#probottom{
	padding:50px 0px 0px 0px;
	display:flex;
	background:url(images/portal/bg03.jpg) center top repeat;
}
#propagebody{
	width:66%;
	order:2;
	text-align:left;
}
/*-----------------------------------------------------------------------------
	banner
-----------------------------------------------------------------------------*/
#portalbanner{
	margin-bottom:40px;
}
#portalbanner .items{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#portalbanner .imglink{
	margin:0px 0px 8px 0px;
	width:calc(50% - 4px);
	position:relative;
	box-sizing:border-box;
	transition:all .5s;
	opacity:1;
}
#portalbanner .imglink:hover{
	opacity:0.7;
}
#portalbanner .imglink img{
	max-width:100%;
	height:auto;
}
#portalbanner .imglink:nth-child(1),
#portalbanner .imglink:nth-child(2n + 1){
	margin-right:8px;
}
#portalbanner .imglink span{
	padding:3em 0.8em 0.7em 0.8em;
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	color:#222;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	background:linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.6) 40%, #FFF 80%);
	line-height:1.3;
}
#portalbanner .imglink .external{
	vertical-align:baseline;
}
/*-----------------------------------------------------------------------------
	バナー広告
-----------------------------------------------------------------------------*/
#prosadbg #sad{
	margin:0px 0px 30px 0px;
	padding:0px;
	width:100%;
	background:none;
}
#prosadbg #sad h2{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#ffffff;
}
#prosadbg #sad p{
	margin:0px 10px 10px 0px;
	padding:0px;
	color:#ffffff;
}
#prosadbg #sad p a{
	color:#ffffff;
}
#prosadbg #sad ul{
	padding:0px;
}
/*-----------------------------------------------------------------------------
	SNS
-----------------------------------------------------------------------------*/
#prosnslink{
	padding:0px 0px 1.5vw 3vw;
}
#prosnslink ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
#prosnslink li{
	margin:0px 0em 1.2em 1.6em;
	box-sizing:border-box;
}
/*-----------------------------------------------------------------------------
	テキストバナー
-----------------------------------------------------------------------------*/
#txtbnrlink{
	padding: 0px 0px 1.5vw 5vw;
}
#txtbnrlink ul.flexstyle3{
	margin:0 0 0 -15px;
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
#txtbnrlink ul.flexstyle3 li{
	margin:0 0px 10px 15px;
	width:calc(100% / 2 - 15px);
	min-height:65px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	position:relative;
}
#txtbnrlink ul.flexstyle3 li a{
	padding:12px 10px;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	flex-direction: column;
	box-sizing:border-box;
	font-family: "游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	font-weight:bold;
	color: #FFF;
	background:rgba(0,51,102,0.9);
	border:1px solid rgba(255,255,255,0.3);
	text-align:center;
	line-height:1.4;
	text-decoration: none;
	transition:all .5s;
}
/*
#txtbnrlink ul.flexstyle3 li a::before{
  width:0;
  height:0;
	content:"";
  position:absolute;
  bottom:1px;
  right:1px;
  border-left:18px solid transparent;
  border-bottom:18px solid #036;
}
*/
#txtbnrlink ul.flexstyle3 li a .name{
	font-size: 137.5%;
}
#txtbnrlink ul.flexstyle3 li a .subtext{
	font-size: 75%;
	font-style: italic;
}
/*==============================================================================
	ページ遷移
==============================================================================*/
#guide{
	min-width:auto;
	max-width:none;
}
#guide .viewmode{
	font-size:90%;
}
#guide .viewmode dt{
	color:#ffffff;
	text-shadow:1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
}
#guide .viewmode dd a{
	padding: 8px 20px 8px 20px;
}
#guide .viewmode a#viewmode_pc{
	background-color:#cccccc;
}
#guide .viewmode a#viewmode_smp{
	background:#333333;
	color:#ffffff;
}
#guide .viewmode a#viewmode_smp:hover{
	background:#555555;
}
/*==============================================================================
	フッタ
==============================================================================*/
#profooter{
	margin:0px 4vw 0px 0px;
	padding:0px;
	width:calc(34% - 4vw);
	display:flex;
	flex-direction:column;
	order:1;
	box-sizing:border-box;
	background:url(images/portal/profooter_bg.png) no-repeat left bottom / 100% auto;
}
#footer{
	padding:0px;
	max-width:none;
	min-width:auto;
	background:none;
}
#footer #add{
	margin:0px;
	padding:0px 0px 5vw 5vw;
	display:block;
	font-weight:300;
}
#footer #add h2{
	font-size:1.5em;
	font-weight:bold;
}
#footer #add address{
	margin:1em 0px 1em 0px;
	padding:1em 0px 1em 0px;
	font-weight:300;
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
}
#footer #add p:last-child{
	padding-bottom:1em;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
#addlink{
	padding:0px 0px 5vw 0px;
	font-size:100%;
}
#addlink ul{
	text-align:right;
}
#footer #addlink ul li{
	margin:0px 0px 0.8em 0px;
	text-shadow:1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
}
#footer #addlink ul li a{
	padding:0px;
	background:none;
}
#copy{
	padding:1em 1vw 1em 1vw;
	display:flex;
	align-self:stretch;
	flex-grow:2;
	font-size:85%;
	color:#ffffff;
}
#copy p{
	align-self:flex-end;
}
/*******************************************************************************
[3] 緊急エリア
*******************************************************************************/
/*==============================================================================
	緊急情報
==============================================================================*/
.kinkyu{
	margin:0px 0px 40px 0px;
	padding:0px 0px 20px 0px;
	width:100%;
	box-sizing:border-box;
	color:#222;
	background:#FFFFFF;
	border-top:1px solid #660033;
	border-bottom:1px solid #660033;
}
.kinkyu h2{
	margin-top:30px;
	margin-bottom:10px;
	padding:0.5em 15px 0.5em 60px;
	color:#660033;
	font-size:1.4em;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	font-weight:bold;
	line-height:1.3;
	background:#f2d4d9 url(images/top/icon01.png) left 20px center no-repeat;
}
.kinkyu h2:first-child{
	margin-top:0px;
}
.kinkyu .articleall2{
	margin:0px 30px 0px 30px;
	position:relative;
	border-bottom:1px solid #e5a3ad;
}
.kinkyu .articleall2:after{
	width:44px;
	height:1px;
	content:"";
	position:absolute;
	left:0px;
	bottom:-1px;
	background-color:#660033;
}
.kinkyu .articleall2:last-child{
	border-bottom:none;
}
.kinkyu .articleall2:last-child:after{
	display:none;
}
.kinkyu h3{
	padding:0.75em 0px 0.75em 0px;
	font-size:113%;
	cursor:pointer;
}
.kinkyu h3 .pmbtn{
	position:relative;
	top:auto;
	right:auto;
}
.kinkyu h3.plus2{
	padding:0.75em 50px 0.75em 0px;
	background:url(images/top/plus.png) right 0.3em center no-repeat;
	cursor:pointer;
}
.kinkyu h3.minus2{
	padding:0.75em 50px 0.75em 0px;
	background:url(images/top/minus.png) right 0.3em center no-repeat;
	cursor:pointer;
}
.kinkyu h3 a{
	display:block;
	color:#222222;
	text-decoration:none;
}
.kinkyu p{
	padding:0px 10px 10px 10px;
}
.kinkyu ul{
	padding:0px 0px 15px 0px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:8px;
	padding-left:10px;
	position:relative;
}
.kinkyu ul li a{
	padding-left:45px;
	display:block;
	background:url(images/top/arrow.png) left 0.325em no-repeat;
	color:#5e0038;
}
#wrap .kinkyu p.topicsdetail{
	padding:0px 10px 15px 15px;
}
#wrap .kinkyu p.topicsdetail a{
	padding-left:15px;
	position:relative;
	color:#5e0038;
	background:none;
	text-decoration:underline;
}
#wrap .kinkyu p.topicsdetail a::before{
	position:absolute;
	content:'';
	top:0.4em;
	left:0px;
	height:0;
	width:0;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #5e0038;
}
/*==============================================================================
	 オプション：緊急情報メール（表示切替3パターン）
==============================================================================*/
#kinkyumail{
	margin:0px 10% 5% 10%;
	padding:0px 0px 20px 0px;
	max-height:32%;
	overflow-y:auto;
	background:#FFFFFF;
	border-top:1px solid #660033;
	border-bottom:1px solid #660033;
	text-align:left;
}
@media screen and (max-width: 1000px){
	#kinkyumail{
		margin-bottom: 2%;
	}
}
#kinkyumail h2{
	margin-bottom:10px;
	padding:0.5em 15px 0.5em 60px;
	color:#660033;
	font-size:1.4em;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	line-height:1.3;
	background:#f2d4d9 url(images/top/icon01.png) left 20px center no-repeat;
}
#kinkyumail h3{
	margin:0px 25px 10px 25px;
	padding:5px 5px 5px 10px;
	font-size:115%;
	background:#EFEFEF;
	border-bottom:1px solid #CCCCCC;
}
#kinkyumail h3 + p{
	margin-bottom:5px;
}
#kinkyumail h3 span.textright{
	display:inline-block;
	float:right;
}
#kinkyumail h4{
	margin:0px 25px 10px 25px;
	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 30px 5px 30px;
	list-style:none;
}
#kinkyumail ul li{
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
#kinkyumail ul li:after{
	content:"";
	display:block;
	clear:both;
}
#kinkyumail ul li span.kinkyumailli{
	margin:2px 10px 0px 0px;
	width:calc(100% - 8.4em);
	float:right;
}
#kinkyumail ul li span.kinkyumailli2{
	margin:0px 12px 0px 0px;
}
#kinkyumail p{
	margin:0px 30px 15px 30px;
}
/*　メール配信情報
------------------------------------------------------------------------------*/
#kinkyumail p.textright{
	clear:both;
}
#kinkyumail p.textright a{
	padding-left:15px;
	position:relative;
	background:none;
	text-decoration:underline;
}
#kinkyumail p.textright a::before{
	position:absolute;
	content:'';
	top:0.4em;
	left:0px;
	height:0;
	width:0;
	border-style:solid;
	border-width:5px 0 5px 8px;
	border-color:transparent transparent transparent #B80E0E;
}
/*　アイコン
------------------------------------------------------------------------------*/
#kinkyumail p.iconsaigai{
	margin:0px 0px 0px 30px;
}
#kinkyumail p.iconsaigai span,
span.iconsaigai{
	margin:0px 10px 0px 0px;
	width:8em;
	display:inline-block;
	color:#FFF;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}
span.iconsaigai1{
	background:#B80E0E;
}
span.iconsaigai2{
	background:#B80E0E;
}
span.iconsaigai3{
	background:#333333;
}
span.iconsaigai4{
	background:#123456;
}
/*******************************************************************************
[4] FONT（遊ゴシックIE対策）
*******************************************************************************/
/* IE10以上に適用 */
@media all and (-ms-high-contrast:none){
	
}


/*==============================================================================
	目的別で探す
==============================================================================*/
#target{
	position:relative;
	top:auto;
	right:auto;
	width:340px;
}
#target button.tismenu{
	margin:0px;
	padding:10px 0px 10px 10px;
	width:100%;
	min-width:auto;
	height:auto;
	min-height:auto;
	position:relative;
	top:auto;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	background:none;
	background-color:#217546;
	text-decoration:none;
	line-height:1.4;
	writing-mode:inherit;
	border:none;
	border-radius:0;
}
#target button.tismenu:hover{
	background:#217546 none;
}
#target button.tismenu::after{
	width:13px;
	height:13px;
	content:'';
	position:absolute;
	box-sizing:border-box;
	top:calc(50% - 10px);
	right:27px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	transform: rotate(225deg);
}
#target button.tismenu.choice::after{
	top:calc(50% - 4px);
	transform: rotate(45deg);
}
#target button.tismenu span{
	padding:0 0 0 1em;
	width: calc(100% - 85px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	border-right: 1px solid #154B2C;
	writing-mode:horizontal-tb;
}
#target #hpurposemenu{
	padding:20px;
	width:630px;
	height: auto;
	display:none;
	position:absolute;
	box-sizing:border-box;
	top:calc(100% + 10px);
	right:0;
	z-index:4;
	background:#c5eede url(images/smp/bg02.jpg) center top repeat;
	border:3px solid #008559;
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
	overflow-y: auto;
}
/*	翻訳
------------------------------------------------------------------------------*/
.navitranslation{
	padding:0px 20px 0px 20px;
}
.navitranslation h2 .ptitle{
	margin:20px 0px 10px 0px;
	padding:0px;
	display:block;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	border:none;
	color:#003366;
	line-height:1.3;
}
.navitranslation ul.flexstyle3{
	margin:0px 0px 10px -15px;
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
.navitranslation ul.flexstyle3 li{
	margin:0px 0px 10px 15px;
	width:calc(100% / 3 - 15px);
	min-height:3.4em;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	border:1px solid #003366;
	box-shadow:0px 0px 3px #CCC;
	border-radius:3px;
}
.navitranslation ul.flexstyle3 li a{
	padding:5px 10px 5px 10px;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	font-weight: bold;
	color:#003366;
	background:#FFF;
	text-align:center;
	line-height:1.3;
	transition:all .5s;
	border-radius:3px;
}
/*	テキストエリア
------------------------------------------------------------------------------*/
.navitextarea{
	padding:0px 20px 10px 20px;
}
.navitextarea p .ptitle{
	margin:20px 0 5px 0;
	padding-left:10px;
	display:block;
	text-align:left;
	font-size:1.4em;
	font-weight:bold;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	border-left:5px solid #003366;
	color:#003366;
	line-height:1.3;
}
.navitextarea ul.flexstyle3{
	margin: 15px 15px 15px -15px;
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
.navitextarea ul.flexstyle3 li{
	margin:0 0px 10px 15px;
	width:calc(100% / 2 - 15px);
	min-height:40px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	border-radius: 5px;
	box-shadow:0px 0px 3px #CCC;
}
.navitextarea 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;
	background: #FFF;
	border-radius: 5px;
	text-align:center;
	line-height:1.3;
	transition:all .5s;
}
/*	目的別に探す
------------------------------------------------------------------------------*/
.navipurpose{
	padding:0px 20px 10px 20px;
}
.navipurpose p .ptitle{
	margin:20px 0 5px 0;
	padding-left:10px;
	display:block;
	text-align:left;
	font-size:1.4em;
	font-weight:bold;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	border-left:5px solid #003366;
	color:#003366;
	line-height:1.3;
}
.navipurpose .items{
	margin-top:15px;
	margin-left:-10px;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.navipurpose .items .imglink{
	margin: 0px 0px 10px 10px;
	width: calc(100% / 4 - 10px);
	box-sizing:border-box;
	background:#fff;
	border:2px solid #003366;
	line-height:1.3;
}
.navipurpose .items .imglink img{
	vertical-align:bottom;
}
#wrap .navipurpose .items .imglink a{
	padding: 1em 0.5em 1em;
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
.navipurpose .items .imglink span{
	display:block;
	margin-top:0.5em;
	color:#003366;
}
/*　閉じるボタン
------------------------------------------------------------------------------*/
#hpurposemenu .psclose{
	padding:6px 8px 6px 24px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	font-size:90%;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
	background-color:#003366;
	border:none;
	cursor: pointer;
}
#hpurposemenu .psclose::before{
	content:"";
	position:absolute;
	background:#fff;
	left:13px;
	top:50%;
	width:1px;
	height:10px;
	transform:translate(-50%, -50%) rotateZ(45deg);
}
#hpurposemenu .psclose::after{
	content:"";
	position:absolute;
	background:#fff;
	left:13px;
	top:50%;
	width:1px;
	height:10px;
	transform:translate(-50%, -50%) rotateZ(-45deg);
}