@charset "utf-8";
/* ******************************************************************
 *	File name		: menu.css
 *	Summary			: menu.css
 * ******************************************************************
 */
 
/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

main{
	display:block;
	position:relative;
}

/* -----------------------------------------------------------------
   title
----------------------------------------------------------------- */

#ch_title{
	position:relative;
	width:100%;
	background:rgba(10,78,151,0.3);
	}
	#ch_title h2{
		width:1000px;
		height:auto;
		margin:0 auto !important;
		padding:12px 440px 12px 0;
		text-align:left;
	}
	#ch_title p{
		margin-bottom:15px !important;
		padding:0px 15px;
		font-size:0.85em;
		font-weight:bold;
		color:#000;
	}
	#ch_title #twitteryoutube{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		position:absolute;
		top:12px;
		left:calc(50% + 70px);
		width:430px;
	}
	#ch_title #twitteryoutube #ty_twitte,
	#ch_title #twitteryoutube #ty_youtube{
		position:relative;
		width:210px;
		margin:0 0 10px;
}
/* --- responsive --- */
@media(max-width:767px){
	#ch_title h2{
		width:100%;
		padding:12px 15px;
		text-align:center;
	}
	#ch_title #twitteryoutube{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		padding:0px 15px;
	}
	#ch_title #twitteryoutube #ty_twitter,
	#ch_title #twitteryoutube #ty_youtube{
		width:48%;
	}
}

/* -----------------------------------------------------------------
   pnkz
----------------------------------------------------------------- */

#pnkz{
	position:relative;
	margin:0px;
	text-align:left;
/*	background:rgba(242,212,40,0.3);
	border-bottom:1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(242,212,40,1);*/
	background:rgba(10,78,151,0.15);
	border-bottom:1px solid rgba(10,78,151,0.7);
	line-height:1.3;
	}
	#pnkz ul{
		width:1010px;
		max-width:100%;
		margin:0 auto;
		padding:3px 0 0 0;
	}
	#pnkz ul li{
		display:inline-block;
		margin:0 0 5px;
		font-weight:bold;
		font-size:0.75em;
	}
	#pnkz ul li:after{
		content:">";
		margin:0 7px;
	}
	#pnkz ul li:last-child:after{
		display:none;
}
/* --- responsive --- */
@media(max-width:767px){
	#pnkz{
		display:none;
	}
}

/* -----------------------------------------------------------------
   contents
----------------------------------------------------------------- */

#bdid_menu section{
	position:relative;
	padding:30px 0 0 0;
}
/* menu_list */
#bdid_menu section:nth-child(even){
	background:rgba(43,71,154,0.2);
	background:rgba(43,71,154,1);
}

#bdid_menu section h3{
	position:relative;
	width:1010px;
	max-width:100%;
	margin:0 auto 30px;
	padding:6px 10px 5px;
	font-size:1.25em;
	border-top:1px solid #2B479A;
	border-bottom:1px solid #2B479A;
	color:#2B479A;
}
#bdid_menu section:nth-child(even) h3{
	border-top:1px solid #F4DA2B;
	border-bottom:1px solid #F4DA2B;
	color:#F4DA2B;
}

/* menu_list */
#bdid_menu section .menu_list{
	position:relative;
	width:1010px;
	margin:0 auto;
}
#bdid_menu section .menu_list ul{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	}
	#bdid_menu section .menu_list li{
		position:relative;
		width:294px;
		margin:0 0 30px;
		text-align:left;
		}
		#bdid_menu section .menu_list li:nth-child(3n+1){
			margin:0 64px 30px 0;
		}
		#bdid_menu section .menu_list li:nth-child(3n+2){
			margin:0 64px 30px 0;
		}
		#bdid_menu section .menu_list li a{
			display:inline-block;
			position:relative;
			width:100%;
			margin:0 0 5px;
			border:2px solid rgba(43,71,154,0);
			}
			#bdid_menu section .menu_list li a:hover{
				border:2px solid rgba(43,71,154,1);
			}
			#bdid_menu section:nth-child(even) .menu_list li a:hover{
				border:2px solid rgba(244,218,43,1);
		}
		#bdid_menu section .menu_list li img{
			position:relative;
			width:100%;
			height:auto;
		}
		#bdid_menu section .menu_list li h4{
			position:relative;
			width:100%;
			font-size:1.0em;
			line-height:1.2;
			text-align:left;
			color:#000;
		}
		#bdid_menu section:nth-child(even) .menu_list li h4{
			color:#FFF;
}

/* --- responsive --- */
@media(max-width:767px){
	#bdid_menu section .menu_list{
		width:100%;
		padding:0 20px;
	}
	#bdid_menu section .menu_list li{
		width:100%;
		}
		#bdid_menu section .menu_list li:nth-child(3n+1),
		#bdid_menu section .menu_list li:nth-child(3n+2){
			margin:0 0 30px;
		}
	#bdid_menu section .menu_list h4{
		font-size:0.85em;
	}
}

/* -----------------------------------------------------------------
   alert_bn
----------------------------------------------------------------- */

#alert_bn{
	width:100%;
	margin:0 0 40px;
	text-align:center;
}
/* --- responsive --- */
@media(max-width:767px){
	#alert_bn{
		padding:0 10px;
	}
}