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

#181777 rgba(24,23,119,0.5)

*/

/*-----------------------------------
  body
-----------------------------------*/
body{
	position:relative;
	width:100%;
	line-height:145%;
	background:#FFF;
	color:#222;
	background:url(../../image/base/bg.jpg) no-repeat center 0;
	}
	body:after{
		content:" ";
		position:absolute;
		left:0px;
		bottom:149px;
		width:100%;
		height:280px;
		background:linear-gradient(0deg, rgba(144,195,33,1), rgba(144,195,33,0));
		z-index:-1;
}
#wrapper{
	position:relative;
	width:100%;
	}
	#wrapper:before{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:130px;
		background:#181777;
		z-index:-1;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	body{
		background:none;
	}
	body:after{
		bottom:109px;
	}
	#wrapper:before{
		display:none;
	}
}


/*-----------------------------------
  header
-----------------------------------*/

header *{
	transition-duration:0.5s;
}
header{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:130px;
	z-index:1000;
}
#head_contents{
	position:relative;
	width:1000px;
	max-width:100%;
	height:100%;
	margin:0 auto;
	padding:0 10px;
	text-align:center;
	z-index:11;
	}
	#head_contents #yeglogo{
		display:block;
		position:absolute;
		top:19px;
		left:0px;
		width:85px;
		height:93px;
		z-index:10;
	}
	#head_contents h1{
		display:block;
		position:absolute;
		top:12px;
		left:100px;
		width:400px;
		height:63px;
		z-index:10;
}


/* main_nav */
header #main_nav{
	display:block;
	position:absolute;
	top:87px;
	left:110px;
	width:calc(100% - 270px);
	height:30px;
	margin:0 auto;
	list-style:none;
	z-index:20;
	}
	header #main_nav ul{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:flex-start;
		list-style:none;
		position:relative;
		height:100%;
		-webkit-overflow-scrolling:touch;
	}
	header #main_nav li{
		position:relative;
		width:auto;
		height:100%;
		margin:0 0 10px 30px;
		}
		header #main_nav li:nth-child(2){
			margin:0 0 10px 0px;
		}
		header #main_nav li:before,
		header #main_nav li:after{
			content:" ";
			position:absolute;
			top:8px;
			width:1px;
			height:16px;
			background:#000;
			}
			header #main_nav li:before{
				right:0px;
			}
			header #main_nav li:after{
				display:none;
				left:-1px;
			}
			header #main_nav li:first-child:after{
				display:block;
	}

	header #main_nav li a{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:100%;
		height:100%;
		padding:0 0 2px 30px;
		font-weight:normal;
		font-size:1.0rem;
		text-align:center;
		text-decoration:none;
		background:url(../../image/navi/navi_icon.png) no-repeat 0 center;
		line-height:1.35;
		color:#FFF;
		transition-duration:0.5s;
		}
		header #main_nav li.active a,
		header #main_nav li:hover a{
			color:#FF0;
			background:url(../../image/navi/navi_icon_r.png) no-repeat 0 center;
	}
	
	header #main_nav li#nav_top,
	header #main_nav li#nav_mypage,
	header #main_nav li ul{
		display:none;
	}
	
	header #main_nav li#sns_disp{
		position:absolute;
		top:-57px;
		right:0px;
		margin:0px;
		}
		header #main_nav li#sns_disp div{
			display:inline-block;
			margin:0 0 0 20px;
		}
		header #main_nav li#sns_disp a{
			padding:0 0 0 0px;
			background:none !important;
	}

/* --- responsive --- */
@media only screen and (max-width:1040px){
	header{
		padding:0 20px;
	}
	header #main_nav li{
		margin:0 0 10px 20px;
	}
	header #main_nav li a{
		font-size:0.87rem;
	}
}
@media only screen and (max-width:940px){
	header #main_nav li{
		margin:0 0 10px 10px;
	}
	header #main_nav li a{
		font-size:0.77rem;
	}
}
@media only screen and (max-width:860px){
	header #main_nav li{
		margin:0 0 10px 20px;
	}
	header #main_nav li a{
		padding:0 0 2px 0px;
		background:none !important;
	}
}
@media only screen and (max-width:767px){
	header{
		display:none;
	}
}

/*-----------------------------------------------------------------------------------------
  loginout
-----------------------------------------------------------------------------------------*/

#loginout{
	position:absolute;
	top:50%;
	right:0px;
	}
	#loginout a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:130px;
		height:60px;
		margin:-30px 0 0 0;
		padding:5px 10px 5px;
		font-weight:bold;
		font-size:0.95rem;
		text-decoration:none;
		background:#00A9EB;
		border:2px solid #000;
		color:#FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		cursor:pointer;
		transition-duration:0.5s;
	}
	#loginout.inchu a{
		background:#999;
		color:#555;
	}
	#loginout a:hover{
		background:#E60013;
		color:#FFF;
}


/*-----------------------------------------------------------------------------------------
  contents_body main_contents
-----------------------------------------------------------------------------------------*/

main{
	display:block;
	position:relative;
	margin:0 auto !important;
	text-align:center;
	z-index:10;
}
#main_contents{
	position:relative;
	width:100%;
	margin:0 auto;
	padding: 20px 0 0;
	text-align:center;
	z-index:10;
}
main section{
	display:block;
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto 25px;
	text-align:center;
	}
	main section *{
		text-align:left;
}

/* --- responsive --- */
@media only screen and (max-width:1040px){
	main section{
		padding: 0 20px;
	}
}
@media only screen and (max-width:767px){

}


/* ------------------------------------------------
   covid
-------------------------------------------------*/

#covid{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	min-height:62px;
	margin:0 auto 18px;
	border:2px solid #FDD000;
	background:#FFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#covid h2{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:175px;
		background:#FDD000;
	}
	#covid p{
		display:-webkit-flex;
		display:flex;
		align-items:center;
		position:relative;
		width:calc(100% - 175px);
		padding:0 0 0 13px;
		font-weight:bold;
		font-size:0.80rem;
		line-height:1.50;
}
#covid:after{
	content:" ";
	position:absolute;
	top:-2px;
	right:-5px;/*-12*/
	width:95px;
	height:82px;
	background:url(../../image/base/tentou.png) no-repeat 0 0;
	background-size:contain;
}

#covid_plus{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto 25px;
	text-align:left;
	font-size:0.87rem;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#covid{
		position:relative;
		width:calc(100% - 40px);
		padding:0px;
		margin:0 0 13px 20px;
		}
		#covid h2{
			width:100%;
			padding:5px;
		}
		#covid p{
			width:100%;
			padding:10px 10px;
			font-weight:normal;
			font-size:0.77rem;
			line-height:1.50;
	}
	#covid:after{
		display:none;
	}
	#covid_plus{
		padding:0 20px;
		font-size:0.77rem;
		line-height:1.50;
	}
}


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

#pageback{
	position:fixed;
	right:20px;
	bottom:-100px;
	width:50px;
	height:50px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#FFFFFF;
	border:5px solid rgba(57,177,178,1);
	opacity:0.5;
	z-index:101;
	transition-duration:0.5s;
	}
	#pageback:hover{
		opacity:1;
	}
	#pageback:before{
		content:" ";
		position:absolute;
		top:5px;
		left:6px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(57,177,178,1);
	}
	#pageback:after{
		content:" ";
		position:absolute;
		top:20px;
		left:15px;
		width:13px;
		height:15px;
		background:rgba(57,177,178,1);
		z-index:0;
	}
	#pageback a{
		display:block;
		position:absolute;
		left:-5px;
		top:-5px;
		width:50px;
		height:50px;
		padding:0px;
		font-size:0.8em;
		text-indent:-9999px;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		z-index:1;
		text-decoration:none;
}
#pageback.bottomfix{
	position:absolute;
	bottom:120px;
	transition-duration:0.5s;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#pagetop{
		display:none;
	}
}

/*---------------------
  footer
---------------------*/
footer{
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#E0DDED;
	border-bottom:20px solid #191877;
	color:#231916;
	z-index:99;
	}
	footer #ft_contents{
		position:relative;
		width:1000px;
		max-width:100%;
		min-height:149px;
		margin:0 auto;
		padding:25px 20px 20px;
		text-align:center;
		}
		footer #yeg_ft{
			position:absolute;
			top:19px;
			left:0px;
			z-index:150;
		}
		footer #ft_menu{
			position:relative;
			width:100%;
			margin:0 auto 25px;
			list-style:none;
			font-size:0.87rem;
			}
			footer #ft_menu li{
				display:inline-block;
				position:relative;
				margin:0 0 15px;
			}
			footer #ft_menu li:first-child:before,
			footer #ft_menu li:after{
				content:"|";
				display:inline-block;
				margin:0 15px;
			}
			footer #ft_menu li a{
				font-size:0.87rem;
				text-decoration:none;
				color:#000;
			}
			footer #ft_menu li a:hover{
				text-decoration:underline;
		}
		footer #ft_sns{
			position:absolute;
			top:22px;
			right:0px;
			margin:0 auto 15px;
			list-style:none;
			z-index:20;
			}
			footer #ft_sns li{
				display:inline-block;
				position:relative;
				margin-left:30px;
			}
			footer #ft_sns li a{
				transition-duration:0.5s;
			}
			footer #ft_sns li a:hover{
				opacity:0.8;
	}

	footer p#sponsorship{
		position:relative;
		margin:0 auto 15px;
		font-size:0.77rem;
		text-align:center;
		color:#000;
	}
	footer p#copyright{
		position:relative;
		font-size:0.77rem;
		text-align:center;
		color:#000;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	footer{
		}
		footer #ft_contents{
			position:relative;
			min-height:0px;
			margin:0 auto;
			padding:20px 20px 20px;
			text-align:center;
			}
			footer #yeg_ft{
				display:none;
			}
			footer #ft_menu{
				margin:0 auto;
				}
				footer #ft_menu li{
					margin:0 0 15px;
				}
				footer #ft_menu li:first-child:before,
				footer #ft_menu li:after{
					margin:0 10px;
				}
				footer #ft_menu li a{
					font-size:0.77rem;
			}
			footer #ft_sns{
				position:relative;
				top:0px;
				}
				footer #ft_sns li{
					margin-left:20px;
	}
}