@charset "utf-8";

/*/////////////////////////////////////////
------------------------------------------
	nav
------------------------------------------
//////////////////////////////////////////*/

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

グローバルナビゲーション

----------------------------------------- */
#navBlock > ul > li {
position: relative;
z-index: 1; 
}
#navBlock > ul > li > a{
display: block;
color:#fff;
text-decoration:none;
outline:none;
}

/**/
@media screen and (max-width: 767px) { /*sp*/
		#menu_hd-subset, /*モーダルメニュー内 SNSリンクなど　SP only*/
		.menu_hd-subset ul{
			width:100%;
		}
		.menu_hd-subset ul{
		border-bottom:1px solid rgba(255,255,255,.2); 
		}
		#menu_hd-subset ul li{
			margin:0;
			padding:0;
		font-size:1.5rem;
		border-top:1px solid rgba(255,255,255,.2); 
		}
		#menu_hd-subset ul li a{
			display: block;
			padding: .75rem 10% .75rem 10%;
			padding: 1rem 10% 1rem 10%;
			color:#fff;
			text-decoration:none;
		}
	#menu_hd-subset ul li a.hover{
	text-decoration:underline;}
		
		/* SNS LINKS ( SP モーダルメニュー内 )*/
		#menu_hd-subset .sns_links{
		width:100%;
		line-height:1.4;
		background:#fff;
		}
		#menu_hd-subset ul.sns_links{
			width:100%;
		}

		#menu_hd-subset ul.sns_links li.with_bnnr img{
			width:240px;
			height:auto;
			margin-right:6px;
			vertical-align: middle;
			display: inline-block !important;
		}
		
		/*#menu_hd-subset .sns_links li.with_bnnr .txt_wrp{
			width:300px;
			display: inline-block !important;
			vertical-align: middle;
		}
		#menu_hd-subset .sns_links li.with_bnnr .txt_wrp p{
			margin: 0;
			font-size:1.3rem;
			line-height: 1;
		}
		#menu_hd-subset .sns_links li.with_bnnr .txt_wrp p a{
		color:#336600 !important;
		}*/
}

/* SP */
@media (max-width: 767px) { /* SP */
header,.header,
#navBlock { width:100% !important;}
#navBlock > ul{
  background: transparent;
font-size:1.6rem;
}
#navBlock > ul > li {
width:100%;
  position: relative;
z-index: 1; 
}

}

/* PC */
@media (min-width: 768px) {

header{width: 100%;}
.header{height:185px;}
.header .wrp_hd{height:125px;}

#nav-wrapper{
width:980px;
margin-top:0;
height:60px;
position:relative;
}

.drawer-hamburger{display: none;}
.drawer-nav{
position: relative;
width: 100%;
height: auto;
}
.drawer--right .drawer-nav{left: 0;}
.drawer-nav .drawer-menu li{display: inline-block;}


#navBlock {
width:980px;
margin:0 auto 0;
padding:0;
font-size:13px;
line-height:1.0;
}
#navBlock ul.drawer-menu li span{display:none; }

#navBlock > ul{
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  flex-wrap: wrap;
}

#navBlock > ul > li {
width:140px;
}
#navBlock > ul > li > a{
height:70px;
outline:none;
color:#ccc;
text-decoration:none;
}

#navBlock > ul.drawer-menu > li#about{background:url(../images/imgs_nav/nav_about.png) no-repeat 0 2px;}
#navBlock > ul.drawer-menu > li#event{background:url(../images/imgs_nav/nav_event.png) no-repeat 0 2px;}
#navBlock > ul.drawer-menu > li#grant{background:url(../images/imgs_nav/nav_grant.png) no-repeat 0 2px;}
#navBlock > ul.drawer-menu > li#evaluation{background:url(../images/imgs_nav/nav_evaluation.png) no-repeat 0 2px;}
#navBlock > ul.drawer-menu > li#tech{background:url(../images/imgs_nav/nav_tech.png) no-repeat 0 2px;}
#navBlock > ul.drawer-menu > li#support{background:url(../images/imgs_nav/nav_support.png) no-repeat 0 2px;}
#navBlock > ul.drawer-menu > li#disclosure{background:url(../images/imgs_nav/nav_disclosure.png) no-repeat 0 2px;}

#navBlock > ul.drawer-menu > li#about a:hover,#navBlock > ul > li#about a:active,
#navBlock > ul.drawer-menu > li#event a:hover,#navBlock > ul > li#event a:active,
#navBlock > ul.drawer-menu > li#grant a:hover,#navBlock > ul > li#grant a:active,
#navBlock > ul.drawer-menu > li#evaluation a:hover,#navBlock > ul > li#evaluation a:active,
#navBlock > ul.drawer-menu > li#tech a:hover,#navBlock > ul > li#tech a:active,
#navBlock > ul.drawer-menu > li#support a:hover,#navBlock > ul > li#support8 a:active,
#navBlock > ul.drawer-menu > li#support a:hover,#navBlock > ul > li#support a:active,
#navBlock ul#menu-nav_global li.current a{
background:url(../images/imgs_nav/nav_current.png) no-repeat 50% 46px;}

}


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

	ニュースページ
	(1)	 side_block
	(2)sideNav（サイドメニュー　カスタム　ウィジェット( SP ） ）
	※PC　は、layout_cont.css　に記載

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

/* ============================================ */

/*    （１） sideBlock     */  

/* ============================================ */

/*---------------------------*/
/* ニュースサイドメニュー（sp 開閉式） */
/*---------------------------*/

.acd-check{display: none;} 


/* SP（開閉） */

	@media (max-width: 767px) {

		.acd-check{display: none;} 
		
		.side_block.menu-news{ /*ニュース サイドメニュー*/
			width:100%;
			margin:0;
			position:absolute;
			top:-62px;
			right:0;
			z-index: 10; 
			font-size:1.5rem;
			color:rgb(102,161,95);
		}
		.side_block.menu-news > ul{
			width:calc(100% - 40px); 
			margin:0 auto;
		}
		.side_block.menu-news h2{display:none;}
		
		
		/* --------- */
		/* SP（開閉） */
	
		
		.acd-check{display: none;}
		
		.acd-label{
			font-size:13px;
			color: #fff;
			border:1px solid #ddd;
			width:8em;
			display: block;
			margin:0 10px 9px auto;
			padding:0 3px;
			text-align:center;
			cursor: pointer; 
			display:flex;
			justify-content: center;
			align-items: center;
		}
		span.menu-btn{
			display: inline-block;
			margin-left:6px;
			height: 30px;
			width: 12px;
			align-items: center;
			display:flex;
		}
		span.menu-btn span,
		span.menu-btn span:before,
		span.menu-btn span:after {
			content: '';
			display: block;
			height: 2px;
			width: 12px;
			border-radius: 3px;
			background-color: #ffffff;
			position: absolute;
		}
		.menu-btn span:before {
			bottom: 6px;
		}
		.menu-btn span:after {
			top: 6px;
		}
	/*close*/
		.acd-check:checked + .acd-label span.menu-btn span{
			background-color: transparent;
		}
		.acd-check:checked + .acd-label span.menu-btn span:before,
		.acd-check:checked + .acd-label span.menu-btn span:after {
			top: 0;
		}
		.acd-check:checked + .acd-label span.menu-btn span:before {
			transform: rotate(45deg);
		}
		.acd-check:checked + .acd-label span.menu-btn span:after {
			transform: rotate(-45deg);
		}

	/*acd-check:checked*/
		.acd-check:checked + label{
			background:transparent;
		}
		.acd-content{
			width:100%;
			padding:20px;
			margin:0 auto;
			background:rgb(221,238,219); /*モスグリーン　薄い*/
			height: 0;
			opacity: 0;
			transition:all .2s;
			visibility: hidden;
		}
		.acd-check:checked + .acd-label + .acd-content{
			height: auto;
			opacity: 1;
			/*padding: 0%;*/
			visibility: visible;
			margin-bottom:30px;
		}

}
/* ------------------------ */

	/* PC */
	@media (min-width: 768px) {
			
			/*.side_block{
			display:block;
			display:flex;
			flex-basis:260px !important;
			padding-top:60px;
			padding-bottom:12px;
			}*/
			
			.side_block h1{
			display:none;
		}
		
		}

/* ============================================ */

/*	（２） ニュースページ（左サイドメニューカテゴリー）
		　カスタム　ウィジェット( SP ） */
/*		※PC　は、Nav.css　に記載	*/

/* ============================================ */

@media (max-width: 767px) { /* SP */
		.sideNav{
			width:100%;
		}
		
		
		.sideNav > ul{
			width:calc(100% - 40px);
			margin:0 auto;
			padding:20px 0;
			font-size:1.5rem;
		}
		.side_block h3
		.side_block > ul{
			margin:10px 20px;
		}
		.side_block ul li{
			color:rgb(102,161,95);
		}
		/*サイドメニュー　タイトル*/
		.side_block h2.widgettitle{
			display:block;
			font-size:13px;
			font-weight:bold;
			color:#666;
			margin:10px 0;
			padding:4px 1em;
			background:rgba(255,255,255,.6);
		}
		
		/* ------------------------ */
		/*  カテゴリー メニュー （カスタム ウィジェット）*/
		/* ------------------------ */
		.widget ul > li{
			width:100%;
			margin: 0;
			padding: 6px;
			overflow: hidden;
			clear: both;
			color:rgb(102,161,95) !important;
		}
		.widget ul li span{
			float: right;
			cursor: pointer;
			padding: 0 10px 0 0;
		}
		.widget ul li ul.children li,
		.widget ul li ul.sub-menu li,
		.widget ul li ul.sub-menu li ul.sub-menu li{
			width: 100%;
			padding: 0;
			line-height: 30px;
			overflow: hidden;
			clear: both;
			border-bottom: 1px dashed #e6e6e6;
		}
		
		.widget ul li ul.children li:last-child,
		.widget ul li ul.sub-menu li:last-child,
		.widget ul li ul.sub-menu li ul.sub-menu li:last-child{
			border-bottom: none;
		}
		.widget ul li ul.children li:first-child,
		.widget ul li ul.sub-menu li:first-child,
		.widget ul li ul.sub-menu li ul.sub-menu li:first-child{
			margin: 10px 0 0 0;
		}
		
		
		.widget ul li ul.sub-menu li,
		.widget ul li ul.sub-menu li ul.sub-menu li{
		padding-left:0px;}
		
		.widget ul.sub-menu li{
			padding-top:0;
			border:none;
		}
		
		.widget ul li.current-category-ancestor,
		.widget ul li.current-category-ancestor ul.sub-menu li {
			background-color:transparent;
		}
		
		.widget ul li.current-menu-item,
		.widget ul.sub-menu li.current-menu-item,
		.widget ul li.current-post-ancestor{
			color:#666;
			/*background-color:#f8fadf;*/
			padding:4px 1rem;
			font-weight:bold;
			text-decoration:underline;
		}
		.widget ul li.current-menu-item a,
		.widget ul.sub-menu li.current-menu-item a,
		.widget ul li a{
			text-decoration:none;
			color:rgb(102,161,95);
			display:block;
		}

/*.widget ul li a:active{
text-decoration:underline;
color:#063e36;
background:rgba(255,255,255,.6);
background:rgba(50,50,50,.1);
}*/

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

/*基本リンク*/
ul.links{
margin:30px 20px;
}
ul.links li{
display:inline-block;
}

/*tags（タグ）*/
.widget-simpletags li{
width:auto !important;
display:inline-block;
padding:3px;
margin:0 6px 6px 0;
line-height:1;
border: 1px solid rgb(102,161,95);
}
.widget-simpletags li,
.widget-simpletags li a{
  font-size:14px;
color:rgb(102,161,95) !important;
}
}