@charset "utf-8";
/*------------------------------------------------------------------------------
[1] レイアウト[ 配置 + 書式設定その他 ]
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] レイアウト[ 配置 + 書式設定その他 ]
*******************************************************************************/
/*==============================================================================
	配置　独自の設定
==============================================================================*/
#wrap{
	margin:0px auto 0px auto;
	width:100%;
}
#headerbg,#topheaderbg{
	width:100%;
}
#header{
	padding:10px 0px 35px 0px;
}
#guidebg,#topguidebg{
	margin-bottom:0px;
}
#guide{
	margin:0px auto 0px auto;
	padding:20px 0px 10px 0px;
}
#footerbg{
	max-height: 500px;
	overflow:hidden;
	background:url(images/footer/footbg.jpg) center bottom / cover no-repeat;
}
#footer{
	padding:50px 0px 15px 0px;
	max-width:1200px;
	min-width:950px;
	width:100%;
}
/*==============================================================================
	書式設定その他
==============================================================================*/
body{
	font-family:"游ゴシック体","Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:500;
	color:#222222;
}
input,select,textarea,button{
	font-family:"游ゴシック体","Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
	font-weight:500;
}
/* Firefoxのみ適用 */
@-moz-document url-prefix(){
	body,input,select,textarea,button{
		font-weight:500;
	}
}
/* Edgeのみ適用 */
@supports (-ms-ime-align:auto){
	body,input,select,textarea,button{
		font-weight:normal;
	}
}
#wrap{
	font-size:100%;
	background:url(images/header_bg.jpg) no-repeat top -210px center;
}
#guide{
	width:100%;
	min-width:950px;
	max-width:1200px;
	font-size:100%;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	ヘッダ
==============================================================================*/
#header{
	padding:30px 0px 30px 0px;
	max-width:1440px;
	min-width:950px;
	width:auto;
	display:flex;
	justify-content:space-between;
}
#headerbg #header{
	padding-bottom:20px;
	padding-right: 45px;
}
@media screen and (max-width: 1020px){
	#headerbg #header{
		padding-right: 0px;
	}
}
#utilwrap{
	max-width:calc(100% - 360px);
}
#header .headnav{
	width:calc(100% - 140px);
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	background:url(images/header/bg.png) left center repeat-y;
}
.subnavi1{
	position:absolute;
	left:210px;
	top:0px;
	z-index:1;
}
.subnavi1 ul{
	display:flex;
	list-style:none;
}
.subnavi1 ul li{
	position:absolute;
	height:100px;
}
.subnavi1 ul li:nth-child(1){
	/*padding-top:30px;*/
	left:0px;
	top:30px;
}
.subnavi1 ul li:nth-child(2){
	/*margin-top:-16px;*/
	left:90px;
	top:-20px;
}
.subnavi1 ul li.snsmpbrand{
	display:none;
}
.subnavi2{
	width:128px;
}
.subnavi2 ul{
	height: 100%;
	list-style:none;
}
.subnavi2 ul li{
	height: 100%;
}
.subnavi2 a{
	display:block;
	padding:30px 0px 0px 0px;
	background-position:center 30px;
	background-repeat:no-repeat;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	text-decoration:none;
	font-size:1.1em;
	text-align:center;
	height:100%;
	box-sizing: border-box;
}
/*
.subnavi2 li:nth-child(1) a{
	background-color:#008559;
	background-image:url(images/header/icon01.png);
	color:#fff;
}
.subnavi2 li:nth-child(2){
	margin-top:14px;
}
*/
.subnavi2 li:nth-child(1) a{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#000;
	background-color:#ffdc28;
	background-image:url(images/header/icon02.png);
	background-position-y:45px;
}
@media screen and (max-width:1050px){
	.subnavi1{
		top:20px;
		left:185px;
	}
	.subnavi1 ul li{
		width:80px;
	}
	.subnavi1 ul li img{
		width:100%;
		height:auto;
	}
	.subnavi1 ul li:nth-child(2){
		left:70px;
	}
}
#tlogo{
	padding:35px 0px 25px 25px;
	width:170px;
	float:left;
}
@media screen and (max-width:1050px){
	#tlogo{
	    padding:35px 0px 25px 15px;
	}
}
#wrapcal #header{
	padding:15px 0px 0px 0px;
}
#wrapcal #header #tlogo{
	margin:0px 0px 0px 0px;
}
/*------------------------------------------------------------------------------
	util
------------------------------------------------------------------------------*/
#util{
	padding:6px 15px 6px 15px;
}
#util ul{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:flex-end;
	font-size:0.85em;
	list-style:none;
}
#util ul li{
	margin-bottom:6px;
}
#util ul li:before{
	content:"／";
	margin:0px 0.25em;
	color:#78919f;
}
#util ul li:first-child:before{
	display:none;
}
#util ul li a{
	color:#fff;
}
#reader{
	float:right;
}
#reader ul li{
	margin:0px;
}
#reader ul li::before{
	content:none;
}
/*------------------------------------------------------------------------------
	検索
------------------------------------------------------------------------------*/
#sitesearch #formwrap{
	margin:0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	max-width: 1440px;
	min-width: 950px;
	width:auto;
	display:flex;
	justify-content: center;
	align-items:center;
	border-bottom:1px solid #003366;
}
#sitesearch form{
	display:flex;
	justify-content:center;
	align-items:center;
}
#sitesearch form label{
	margin:0px 7px 0px 0px;
	float:left;
}
#sitesearch form label{
	padding:0px 0px 0px 28px;
	float:left;
	width:150px;
	flex-basis:150px;
	font-weight:500;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	box-sizing:border-box;
	background:url("images/header/mark_search.png") left center no-repeat;
	text-align:left;
}
#sitesearch form input{
	float:left;
	vertical-align:middle;
	box-shadow:1px 1px 3px #bdbdbd;
}
#sitesearch form input[type="text"]{
	margin-right: 0px !important;
	padding: 0.5em 0px 0.5em 0px !important;
	width: calc(100% - 86px) !important;
	box-sizing: border-box;
	border: none !important;
	border-radius: 5px 0px 0px 5px;
	-webkit-appearance: none;
}
#sitesearch form input[type="submit"]{
	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:2px solid #003366;
	-webkit-appearance:none;
	text-align:center;
	cursor:pointer;
}
#key{
	margin:0px 5px 0px 0px!important;
	padding:2px 5px 2px 5px!important;
	width:306px!important;
	height:auto!important;
	font-size:110%;
	border:1px solid #999!important;
}
#sitesearch p.how{
	margin:3px 0px 0px 20px;
	font-size:90%;
}
#sitesearch p.how a{
	padding-left:14px;
	color:#222;
	background:url(images/header/mark_util.png) left center no-repeat;
}
/*==============================================================================
	グローバルナビ
==============================================================================*/
#gnavi{
	position:relative;
	margin:0px;
	width:auto;
}
#gnavibg,#topgnavibg{
	/* max-width:calc(100% - 340px); */
	width:auto;
}
#gnavi ul#topscate{
	display:flex;
	box-sizing:border-box;
	font-weight:bold;
}
#gnavi ul li.scate{
	display: flex;
	float:none;
	box-sizing:border-box;
	font-size:120%;
	line-height:1.4;
	border-left:1px solid #000;
}
#gnavi ul#topscate > li > button,
#gnavi ul#dmnscate > li > a{
	margin:0px;
	padding:10px 1.1em 10px 1.1em;
	width:100%;
	min-height:90px;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	box-sizing:border-box;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	color:#FFFFFF;
	background:transparent;
	border:none;
	cursor:pointer;
	text-shadow:1px 1px 3px rgba(0,0,0,0.75);
	box-sizing:border-box;
}
#gnavi ul#dmnscate > li > a{
	border-left:1px solid #000;
}
#gnavi ul#topscate >  li > button::before{
	content:"";
	position:absolute;
	right:0px;
	top:0px;
	width:14px;
	height:24px;
	background-color:#000033;
}
#gnavi ul#topscate >  li > button::after{
	content:"";
	position:absolute;
	right:3px;
	top:10px;
	border-style:solid;
	border-width:4px;
	border-color:#fff transparent transparent transparent;
}
#gnavi ul#topscate >  li > button:hover,
#gnavi ul#topscate  > li > button.choice,
#gnavi > ul > li > a:hover,
#gnavi > ul > li > a.choice{
	box-sizing:border-box;
	color:#FFFFFF;
	background:rgba(0,0,0,0.4);
	transition:all .6s;
}
@media screen and (max-width:1150px){
	#gnavi ul#topscate >  li > button{
		padding:0px 0.5em;
		font-size:0.8em;
	}
}
/*------------------------------------------------------------------------------
	開閉メニュー
------------------------------------------------------------------------------*/
#gnavi .navi{
	padding-top:18px;
	width:100%;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:9999;
	font-size:90%;
}
#gnavi .navi a{
	color:#fff;
	text-decoration:underline;
}
#gnavi .navi .gnavilower{
	padding:10px 30px 10px 30px;
	background:rgba(25,71,117,0.95);
	position:relative;
}
#gnavi .navi .gnavidetail{
	float:left;
	font-size:130%;
	font-weight:bold;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
}
#gnavi .navi .gnavidetail a{
	padding:20px 20px 20px 0px;
	display:block;
	position:relative;
	color:#FFF;
	font-size:110%;
	font-weight:bold;
}
#gnavi .navi .gnavidetail a:hover{
	background:transparent;
}
#gnavi .navi .gnavidetail a::after,
#gnavi .navi ul li a::after{
	content:none;
}
/*	閉じるボタン
------------------------------------------------------------------------------*/
#gnavi ul#topscate .navi button.gnaviclose{
	padding:10px 10px 8px 40px;
	display:block;
	position:absolute;
	right:10px;
	left:auto;
	top:10px;
	font-size:90%;
	color:#fff;
	border:none;
	background:rgba(0,0,0,0.4);
	text-decoration:none;
	line-height:1.2;
	cursor:pointer;
	width:auto;
}
#gnavi ul#topscate .navi button.gnaviclose:before,
#gnavi ul#topscate .navi button.gnaviclose:after{
	content:"";
	position:absolute;
	display:inline-block;
	top:10px;
	right:auto;
	left:20px;
	width:2px;
	height:15px;
	border:0;
	margin:0;
	padding:0;
	background-color:#fff;
}
#gnavi ul#topscate .navi button.gnaviclose:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#gnavi ul#topscate .navi button.gnaviclose:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#gnavi .navi ul{
	margin:0px;
	padding:0px 30px 15px 30px;
	clear:both;
	background:rgba(25,71,117,0.95);
}
#gnavi .navi ul li{
	margin-right:15px;
	margin-bottom:15px;
	width:calc(100% / 4 - 15px);
	text-align:left;
	box-sizing:border-box;
	font-size:95%;
	background:none;
	padding:0;
}
#gnavi .navi ul li:nth-child(4n){
	margin-right:0px;
}
#gnavi .navi ul li:nth-child(4n+1){
	clear:left;
}
#gnavi .navi ul li{
	padding:0px 12px 0px 15px;
	position:relative;
	display:flex;
	justify-content:flex-start;
	font-size:95%;
	font-weight:normal;
	word-break: break-all
}
#gnavi .navi ul li a{
	font-weight:normal;
}
#gnavi .navi ul li::before{
	position:absolute;
	content:'';
	width:0;
	height:0;
	border:solid 4px transparent;
	border-left:solid 6px #FFF;
	top:calc(0.5em - 4px);
	left:0;
}
/*------------------------------------------------------------------------------
	吹き出しの矢印
------------------------------------------------------------------------------*/
#gnavi .navi::before{
	content:"";
	position:absolute;
	top:0px;
	border-style:solid;
	border-width:0px 12px 18px 12px;
	border-color:transparent transparent rgba(25,71,117,0.95) transparent;
	z-index:1;
}
#gnavi #list1::before{
	left:calc(16.6% / 2);
}
#gnavi #list2::before{
	left:calc(17.3% + (16.6% / 2));
}
#gnavi #list3::before{
	left:calc(33.1% + (16.6% / 2));
}
#gnavi #list4::before{
	left:calc(52.5% + (16.6% / 2));
}
#gnavi #list5::before{
	left:calc(71.5% + (16.6% / 2));
}
#gnavi #list6::before{
	left:calc(84.1% + (16.6% / 2));
}
/*==============================================================================
	左メニュー
==============================================================================*/
#menu{
	width:196px;
	border:3px solid #003366;
	border-radius:5px;
	overflow: hidden;
}
/*------------------------------------------------------------------------------
	見出しh2
------------------------------------------------------------------------------*/
#menu h2 a, #menu h2 span.h2span{
	padding:25px 5px 26px 5px;
	display:block;
	font-family: "游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	color:#fff;
	background:#003366 /*url(images/lnavi/lnavi_h2_bg.gif) no-repeat left top*/;
}
#menu h2.choice{
	background-color:#F7F4DF;
}
/*------------------------------------------------------------------------------
	リンクなし　セパレータ
------------------------------------------------------------------------------*/
#menu h3.separator{
	margin:0px;
	padding:10px 5px 8px 8px;
	border-top:1px solid #e5e5e5;
}
#menu h4.separator,#menu h5.separator,#menu h6.separator{
	margin:0px 0px 0px 10px;
	padding:10px 5px 8px 6px;
	border-top:1px solid #e5e5e5;
}
/*------------------------------------------------------------------------------
	詳細メニュー　h3 h4 ul 同じリスト風デザイン
------------------------------------------------------------------------------*/
#menu h3,#menu h4{
	margin:0px;
	font-weight:normal;
	background:#FFF;
	border-bottom:none;
}
#menu h5{
	margin-left:10px;
	font-weight:normal;
	background:#FFF;
	border-bottom:none;
}
#menu h3 a{
	padding:8px 5px 8px 10px;
	border-top:1px solid #e5e5e5;
	font-weight:bold;
}
#menu h4 a{
	padding:8px 5px 8px 35px;
	background:url(images/lnavi/mark_h4_lnavi.png) no-repeat 10px 15px;
	border-top:1px solid #e5e5e5;
}
#menu h5 a{
	padding:8px 5px 8px 35px;
	background:url(images/lnavi/mark_h4_lnavi.png) no-repeat 10px 15px;
	border-top:1px solid #e5e5e5;
}
#menu h3 a:hover{
	background:#def6ee;
}
#menu h4 a:hover{
	background:#def6ee url(images/lnavi/mark_h4_lnavi_o.png) no-repeat 10px 15px;
}
#menu h5 a:hover{
	background:#def6ee url(images/lnavi/mark_h4_lnavi_o.png) no-repeat 10px 15px;
}
#menu ul{
	font-size:95%;
	background:#FFF;
}
#menu ul li a{
	padding:8px 5px 8px 35px;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 10px 15px;
	border-top:1px solid #e5e5e5;
}
#menu ul li a:hover{
	background: #def6ee url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
}
#menu ul li.choice{
	padding:8px 5px 8px 35px;
	display:block;
	background: #def6ee url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
	border-top:1px dotted #CCC;
}
/*------------------------------------------------------------------------------
	入れ子リスト
------------------------------------------------------------------------------*/
#menu ul.lmenu{
	background:#FFF;
}
#menu ul.lmenu li{
	margin-left:10px;
}
#menu ul.lmenu li a{
	background:url(images/lnavi/mark_slnavi.png) no-repeat 9px 15px;
	border-top:1px solid #e5e5e5;
	border-bottom:none;
}
#menu ul.lmenu li a:hover{
	background:#def6ee url(images/lnavi/mark_slnavi_o.png) no-repeat 9px 15px;
}
#menu ul.lmenu li.choice{
	display:block;
	background:#def6ee url(images/lnavi/mark_slnavi_o.png) no-repeat 9px 15px;
	border-top:1px solid #e5e5e5;
	border-bottom:none;
}
/*------------------------------------------------------------------------------
	手動メニュー
------------------------------------------------------------------------------*/
#lnavitopics{
	margin-bottom:20px;
	width:196px;
	border:3px solid #003366;
	border-radius:5px;
	overflow: hidden;
}
#lnavitopics h2{
	padding:25px 5px 26px 5px;
	display:block;
	font-size:110%;
	font-family: "游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	color:#fff;
	background:#003366;
	text-align:center;
}
#lnavitopics ul{
	margin:0px;
	font-size:95%;
	background:#FFF;
	list-style-type:none;
}
#lnavitopics ul li a{
	padding:8px 5px 8px 35px;
	display:block;
	background:url(images/lnavi/mark_lnavi.png) no-repeat 10px 15px;
	border-top:1px solid #e5e5e5;
}
#lnavitopics ul li a:hover{
	background: #def6ee url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
}
#lnavitopics ul li.choice{
	padding:8px 5px 8px 35px;
	display:block;
	background: #def6ee url(images/lnavi/mark_lnavi_o.png) no-repeat 10px 15px;
	border-top:1px dotted #CCC;
}
/*==============================================================================
	ページ遷移
==============================================================================*/
#guide ul,#guide ul li{
	display:inline;
}
/*------------------------------------------------------------------------------
	このページのトップへ
------------------------------------------------------------------------------*/
#guide p.pagetop{
	display:block;
	clear:both;
	text-align:right;
	position:fixed;
	right:0px;
	bottom:25px;
	z-index:10000;
	line-height:0;
}
#guide p.pagetop a{
	padding-left:18px;
}
#guide p.pagetopnoscript{
	display:block;
	clear:both;
	text-align:right;
	position:fixed;
	right:30px;
	bottom:25px;
	z-index:10000;
	line-height:0;
}
/*------------------------------------------------------------------------------
	ページ戻り
------------------------------------------------------------------------------*/
#guide ul li a.pageback{
	margin-right:15px;
	padding-left:24px;
	background:url(images/page/mark_pageback.png) no-repeat left center;
}
#guide ul li a.pagehome{
	padding-left:20px;
	background:url(images/page/mark_pagehome.png) no-repeat left center;
}
#guide ul li a{
	color:#222222;
}
/*------------------------------------------------------------------------------
	表示切替
------------------------------------------------------------------------------*/
#guide .viewmode{
	display:inline-block;
	font-size:95%;
}
#guide .viewmode dl,#guide .viewmode dt,#guide .viewmode dd{
	display:inline-block;
}
#guide .viewmode dl:after{
	content:"";
	display:block;
	clear:both;
}
#guide .viewmode dl{
	margin-left:10px;
	vertical-align:middle;
}
#guide .viewmode dt{
	padding:5px 15px 5px 15px;
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
}
#guide .viewmode dd{
	vertical-align:middle;
	border:1px solid #CCCCCC;
	overflow:hidden;
	border-radius:5px;
}
#guide .viewmode ul{
	margin:0px;
	display:table;
	list-style-type:none;
}
#guide .viewmode ul li{
	display:table-cell;
	text-align:center;
	white-space:nowrap;
}
#guide .viewmode dd a{
	padding:8px 25px 8px 25px;
	display:block;
	color:#222;
}
#guide .viewmode a#viewmode_pc{
	border-right:1px solid #CCC;
	background:#FFF;
	text-decoration:none;
}
#guide .viewmode a#viewmode_pc:hover{
	text-decoration:underline;
}
#guide .viewmode a#viewmode_smp{
	border:none;
	background:#EEEEEE;
}
#guide .viewmode a#viewmode_smp:hover{
	background:#FFF;
}
/*==============================================================================
	フッタ
==============================================================================*/
#footernavi{
	padding:30px 0px 40px 0px;
}
#footernavi ul{
	display:flex;
	justify-content:center;
	list-style:none;
}
#footernavi ul li:before{
	content:"／";
	margin:0px 0.25em;
}
#footernavi ul li:first-child:before{
	display:none;
}
#topfooterbg{
	min-height:940px;
	overflow:hidden;
	background:url(images/footer/footbg.jpg) center bottom / cover no-repeat;
}
#footer{
	position:relative;
	color:#fff;
}
#footerbg #footer{
	display: flex;
}
#footer a{
	color:#fff;
}
#footer h2{
	font-size:2.5em;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	font-weight:300;
}
#footer #add{
	margin-bottom:60px;
	font-size:1.0625em;
	font-weight:bold;
}
#footerbg #footer #add{
	margin-right: 160px;
}
#footerbg #addlink{
	margin-top: 20px;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
}
#footer #addlink ul{
	list-style:none;
}
#footer #addlink ul li{
	margin-bottom:1em;
}
#footer #addlink ul li a{
	padding-left:2.5em;
	background:url(images/footer/arrow.png) left center no-repeat;
}
#footer .map1{
	position:absolute;
	left:320px;
	top:430px;
}
#footer .map2{
	position:absolute;
	right:0px;
	top:-86px;
}
#topfooterbg #copy{
	padding:360px 1em 1em 1em;
	text-align:left;
	color:#fff;
	font-size:0.8125em;
}
#footerbg #copy{
	padding:100px 1em 1em 1em;
	text-align:left;
	color:#fff;
	font-size:0.8125em;
}
/*==============================================================================
	目的別で探す
==============================================================================*/
#target{
	position: fixed;
	top: 20px;
	right: 0px;
	z-index: 1000;
}
#target button.tismenu{
	margin:0px;
	padding:36px 8px 10px 8px;
	min-width:50px;
	min-height:150px;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:0px;
	font-size:100%;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	font-weight:bold;
	color:#fff;
	background:#217546 url(images/header/icon01.png) no-repeat center 8px;
	border:1px solid #fff;
	border-right:none;
	cursor:pointer;
	transition:all .2s;
}
#target button.tismenu span{
	writing-mode:vertical-rl;
}
@media screen and (max-width: 1020px){
	#target button.tismenu{
		top:200px;
	}
}
#target button.tismenu:hover{
	background:#008559 url(images/header/icon01.png) no-repeat center 8px;
}
#target #hpurposemenu{
	padding:20px 5px 20px 20px;
	width:760px;
	max-height:620px;
	display:none;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:55px;
	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;
}
#target h2 .ptitle{
	margin:20px 0px 8px 0px;
	display:block;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	font-family:"游明朝", "YuMincho", "Yu Mincho Demibold", "YuMincho Medium", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ",Meiryo,serif;
	color:#003366;
	line-height:1.3;
}
.navitranslation ul.flexstyle3{
	margin: 15px 15px 15px -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.2em;
	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:10px;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	font-size:95%;
	font-weight:bold;
	color:#003366;
	background:#FFF;
	text-align:center;
	line-height:1.3;
	text-decoration:none;
	transition:all .5s;
	border-radius: 5px;
}
/*	テキストエリア
------------------------------------------------------------------------------*/
.navitextarea{
	padding:0px 20px 0px 20px;
}
.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:60px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	border:1px solid #003366;
	box-shadow:0px 0px 3px #CCC;
}
.navitextarea ul.flexstyle3 li a{
	padding:10px;
	width:100%;
	height:100%;
	position:relative;
	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;
	text-decoration:none;
}
.navitextarea 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;
}
/*	目的別に探す
------------------------------------------------------------------------------*/
.navipurpose{
	padding:0px 20px 10px 20px;
}
.navipurpose p .ptitle{
	margin:20px 0px 5px 0px;
	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;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.navipurpose .items .imglink{
	margin:0px 10px 10px 0px;
	width:calc(100% / 4 - 10px);
	box-sizing:border-box;
	font-size:95%;
	background:#fff;
	border:2px solid #003366;
	line-height:1.3;
}
.navipurpose .items .imglink img{
	vertical-align:bottom;
}
#wrap .navipurpose .items .imglink a{
	padding:0.4em 0.5em 0.7em;
	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.2em;
	color:#003366;
}
/*　閉じるボタン
------------------------------------------------------------------------------*/
#hpurposemenu .psclose{
	padding:4px 8px 4px 26px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	background-color:#003366;
	border:none;
	cursor: pointer;
}
#hpurposemenu .psclose::before{
	content:"";
	position:absolute;
	background:#fff;
	left:15px;
	top:50%;
	width:1px;
	height:10px;
	transform:translate(-50%, -50%) rotateZ(45deg);
}
#hpurposemenu .psclose::after{
	content:"";
	position:absolute;
	background:#fff;
	left:15px;
	top:50%;
	width:1px;
	height:10px;
	transform:translate(-50%, -50%) rotateZ(-45deg);
}