@charset "utf-8";
/* デフォルト：980px以上用（PC用）の記述 */
.SP{display:none;}

@media screen and (min-width:600px) and ( max-width:979px) {
/* 979px以下用（タブレット用）の記述 */
.SP{display:block;}

/*Header-----------------------------------------------------------------------------------------------------------------------*/
.headerArea{
	width:100%;
	background-color:#FFF;
	border-top:0px;
	border-bottom:2px solid #e2e2e2;
	margin-bottom:14px;
	box-shadow:0px 1px 2px 1px #EEE;
	position:fixed;
	z-index:10;
}
.aeriaLogo{
	text-align:left;
	width:180px;
	display:table-cell;
	padding-left:10px;
}
.aeriaLogo img{width:100%;}
.headerAreaIn{width:100%; padding:6px 0px;}
.navWrap{display:none;}

#contentSubMenu{display:none;}

#sgNav {
	display:block;
	position:fixed;
	top:-343px;
	left:0px;
	background-color:#FFF;
	width:100%;
	text-align:left;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
	box-sizing:border-box;
  z-index: 9;
}
#sgNav dl{background-color:#FFF; width:100%; height:343px; overflow:auto;}
#sgNav dl dt{width:100%; background-color:#FFF; font-size:2.4rem; border-bottom:1px solid #CCC;}
#sgNav dl dd{display:none;}
#sgNav dl dd ul li{width:100%; background-color:#F0F0F0; font-size:2.0rem; border-bottom:1px solid #CCC; text-indent:0.5rem;}
#sgNav dl dt a,#sgNav dl dd ul li a{
	display:block;
	text-align:left;
	padding:16px 0px;
	text-decoration:none;
	padding-left:10px;
	color:#595959;
	position:relative;
  line-height: 100%;
} 
#sgNav dl dt a::after{
	position:absolute;
	top:40%;
	right:15px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #006EA8;
	border-right:3px solid #006EA8;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
#sgNav dl dt.arrUp a::after{
	margin-top:0px;
	-webkit-transform:rotate(-44deg);
	-moz-transform:rotate(-44deg);
	-ms-transform:rotate(-44deg);
	-o-transform:rotate(-44deg);
	transform:rotate(-44deg);
}
#sgNav dl dt.dLink a::after{
	position:absolute;
	top:50%;
	right:19px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#sgNav dl dd ul li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:12px;
	height:12px;
	margin-top:-7px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
.open{-moz-transform:translateY(418px); -webkit-transform:translateY(418px); transform:translateY(418px);}

/*ToggleButton-----------------------------------------------------------------------------------------------------------------------*/
#nav-toggle{
	position:absolute;
	right:12px;
	top:14px;
	width:66px;
	height:46px;
	cursor:pointer;
	z-index:101;
}
#nav-toggle div{position: relative;}
#nav-toggle span{
	display:block;
	position:absolute;
	height:8px;
	width:100%;
	background:#006EA8;
	left:0;
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:18px;}
#nav-toggle span:nth-child(3){top:37px;}
.btOn span:nth-child(1){top:18px !important; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.btOn span:nth-child(2){width:0px; opacity:0;}
.btOn span:nth-child(3){top:18px !important; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);}

/*Banner-----------------------------------------------------------------------------------------------------------------------*/
#mainBanner::before{
	content:"";	
	display:block;
	padding-top:86px;
} 
#mainBanner::after{
	content:"";	
	display:block;
	margin-bottom:40px;
} 

  
.bx-wrapper{margin:0px auto 60px !important;}	
#topBanner{width:100%; margin:0 auto;}
.bx-prev,.bx-next{display:none;}


/*Breadcrumb-----------------------------------------------------------------------------------------------------------------------*/
.breadcrumb {
  margin-bottom:20px;
  color:#878787;
  padding:1px;
  border:1px solid #F0F0F0;
　width:100%;
	font-size:0;
	margin-top:0;
}

/*Movie-----------------------------------------------------------------------------------------------------------------------*/
#movieSet{display: none;}

.movieBox{margin-bottom: 20px; padding: 0px 10px;}
.movieBox a{position:relative; display:block;}
.playBtn1{position:absolute; top:0; left:0; width:560px; height:315px;}
.playBtn2{position:absolute; top:0; left:0; width:100%;}

#archiveBtn{
	width: 100%; 
	background-color: #006ea8; 
	padding: 14px 0px;
	font-size:18px;
	font-size:1.8rem;
	color:#FFFFFF;
	cursor: pointer;
	text-align: center;
  line-height: 100%;
}

.mvTl{font-size:18px; font-size:1.8rem; color:#4E4E4E; margin-top:10px; margin-bottom:4px; line-height: 100%; padding-left: 10px;}

#archiveList{display: flex; flex-wrap: wrap; margin-top: 10px;}
#archiveList li{width: 100%; margin-right: 0px;}
#archiveList li:nth-child(even){margin-right: 0px;}	
#archiveList li .movieBox{margin-bottom: 10px;}
  
/*Main-----------------------------------------------------------------------------------------------------------------------*/
#mainContents{width:100%; margin:0 auto;}
#mainContents article::before{
	/*content:"";	
	display:block;
	padding-top:86px;*/
}
#purposeMenu_sub{width:100%; margin-bottom:30px; margin:0 auto;}
#purposeMenu h2,#purposeMenu_sub h2,.infoContents h2{
	color:#FFF;
	border-bottom:none;
	font-size:26px;
	font-size:2.6rem;
	background:url(../img/common/tl_icon_w.png) no-repeat 6px 6px #006EA8;
	background-size:30px 33px;
	height:auto;
	padding:10px 0px 10px 42px;
	margin-bottom:10px;
  line-height: 100%;
}
.infoContents .rList{width:96%; margin-top:16px; margin-left:auto; margin-right:auto;}
.moreBtn a{
	color:#FFF;
	display:block;
	font-size:24px;
	font-size:2.4rem;
	padding:24px 0px;
	text-decoration:none;
	width:90%;
	background-color:#006EA8;
	text-align:center;
	border-radius:0px;
	margin-left:auto;
	margin-right:auto;
}
.infoContents .rList li,.subContntsSet .rList li{margin-bottom:10px; border-bottom:dashed 1px #B5B5B5; padding:0px 0px 10px 0px; display:block; width:100%; font-size:20px; font-size:2.0rem;}
.infoContents .rDate,.subContntsSet .rDate{width:100%; display:block; margin-bottom:5px; color:#0588CE;}
.infoContents .rTitle,.subContntsSet .rTitle{width:100%; display:table-cell;}
.infoContents .rList li a,.subContntsSet .rList li a{text-decoration:none; color:#595959; line-height:2.2rem; display:block;}
#purposeMenu ul,#purposeMenu_sub ul{font-size:0; width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; text-align:center;}
#purposeMenu li,#purposeMenu_sub li{display:inline-block; margin-right:0px; vertical-align:top; width:48%; margin-left:0px; border-right:5px solid #FFF; border-left:5px solid #FFF;}
#purposeMenu ul li a,#purposeMenu_sub ul li a{
	border:2px solid #006EA8;
	width:100%;
	height:70px;
	border-radius:0px;
	display:block;
	font-size:22px;
	font-size:2.2rem;
	text-decoration:none;
	color:#595959;
	font-weight:bold;
	padding:23px 46px 4px 4px;
	position:relative;
	box-shadow:0px 0px 3px 0px rgba(154,154,154,1.0);
	box-sizing:border-box;
	margin-bottom:10px;
	text-align:left;
}
#purposeMenu ul li:nth-child(n+3) a,#purposeMenu_sub ul li:nth-child(n+3) a{
	border:2px solid #006EA8;
	width:100%;
	height:70px;
	border-radius:0px;
	display:block;
	font-size:22px;
	font-size:2.2rem;
	text-decoration:none;
	color:#595959;
	font-weight:bold;
	padding:23px 46px 4px 4px;
	position:relative;
	box-sizing:border-box;
	text-align:left;
}
#purposeMenu ul li a::after,#purposeMenu_sub ul li a::after{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:68px;
	display:block;
	background:url(/static/img/common/arrow_img.png) no-repeat 60% 40% #006EA8;
	background-size:70% 70%;
}
#purposeMenu ul li a span,#purposeMenu_sub ul li a span{display:none;}

#tw{display: inline-block; vertical-align: bottom;}
iframe.twitter-follow-button {height:21px !important; vertical-align: bottom; margin-right: 0px; margin-bottom: 45px; margin-top: 35px;}
  
#infoBox{margin-bottom:38px; margin-top: 0px;}  
  
/*Subpage-----------------------------------------------------------------------------------------------------------------------*/
.subContntsSet{font-size:16px; font-size:1.6rem; line-height:1.6rem; margin-bottom:36px; padding:0px 8px;}
.subContntsSet h2{border-bottom:2px solid #1578cb; font-size:25px; font-size:2.5rem; margin-bottom:10px; color:#1578cb; padding-bottom:3px; line-height: 100%;}
.subContntsSet p{line-height:2.2rem;}

#chaImg img,#preImg img{width:40%;}

#spGameAll{width:100%; font-size:0px; vertical-align:top; text-align:center;}
#rinen{background:none;}
.enkakuTbl td:first-child{width:16%;}

.ac-tl h3{font-size:20px; font-size:2.0rem; display:block; vertical-align:top; width:100%;}
.ac-url{display:block; vertical-align:bottom; text-align:left; width:100%; margin-top:5px;}

#recruitSet .recruitBox{width:100%; display:block; margin:10px 0px;}


.biTbl th{border-bottom:1px solid #9FD3FF; border-right:1px solid #9FD3FF; width:24%; background-color:#ECF8FF;}

#inqBox{width:100%; font-size:0;}
#inqBox > div{display:block; font-size:20px; font-size:2.0rem; text-align:center;}
#inqBox div:first-child{margin-right:0px; margin-bottom:20px;}
#inqBox div a{background-color:#0588CE; display:block; padding:20px 0px; text-decoration:none; color:#FFFFFF; border-radius:8px;}


.recruitInfoBox{border:2px solid #DBDBDB; padding:10px; width:100%; box-sizing:border-box;}
.recruitInfoBox ul li{margin-bottom:10px; list-style-type:disc; list-style-position:inside;}
.recruitInfoBox ul li:last-child{margin-bottom:0px;}
.recruitInfoBox ul li a{color:#0579DB; padding:10px 0px; text-decoration:none; display:block;}

.requirementsBtn{width:100%; text-align:center; margin-top:20px;}
.requirementsBtn a{width:100%; display:block; margin:0 auto 10px auto; text-decoration:none; border:3px solid #F60; background-color:#F60; color:#FFF; padding:16px 0px; font-weight:bold; font-size:22px; font-size:2.2rem; box-sizing:border-box;}

.entryformBtn{width:100%; text-align:center; margin-top:20px;}
.entryformBtn a{width:100%; display:block; margin:0 auto 10px auto; text-decoration:none; border:3px solid #F60; background-color:#F60; color:#FFF; padding:16px 0px; font-weight:bold;  font-size:22px; font-size:2.2rem; box-sizing:border-box;}

#entryTbl td.td1 input[type="text"]{width:20%; box-sizing:border-box;}
#entryTbl td.td2 input[type="text"]{width:20%; box-sizing:border-box;}
#entryTbl td.td3 input[type="text"]{width:100%; box-sizing:border-box;}


.contactTbl th{border-bottom:1px solid #9FD3FF; border-right:1px solid #9FD3FF; width:26%; background-color:#ECF8FF; vertical-align:middle;}
.contactTbl td input[type="text"]{width:100%; box-sizing:border-box;}


/*Aside-----------------------------------------------------------------------------------------------------------------------*/
#agRecommendIn{width:100%; margin:0 auto; color:#FFF; padding:14px 0px;}
#agRecommendIn h3{text-align:center; font-size:22px; font-size:2.2rem; margin-bottom:10px;}
#agRecommendIn ul{text-align:center;}
#agRecommendIn li{display:inline-block; margin-right:0px;}
#agRecommendIn li:nth-child(2){margin-left:16px;}
#agRecommendIn li:nth-child(n+3){display:none;}
#agRecommendIn li a img{width:740px;}

/*Footer-----------------------------------------------------------------------------------------------------------------------*/
.footerArea{width:100%; background-color:#F8F8F8; margin-top: 10px;}
.footerAreaIn{width:100%; margin-left:auto; margin-right:auto; padding:0px 0px 72px 0px; text-align:center;}
#fMenu{display:none;}
#fLogoSet div:nth-child(1){width:30%;}
#fLogoSet div:nth-child(2){width:12%;}		
#fLogoSet > div img{width:100%;}		
#sfMenu dl{background-color:#F7F7F7; margin-bottom:10px;}
#sfMenu dl dt{width:100%; background-color:#F7F7F7; font-size:2.4rem; border-bottom:1px solid #CCC;}
#sfMenu dl dd{display:none;}
#sfMenu dl dd ul li{width:100%; background-color:#FFF; font-size:2.0rem; border-bottom:1px solid #CCC; text-indent:0.5rem;}
#sfMenu dl dt a,#sfMenu dl dd ul li a{display:block; text-align:left; padding:16px 0px; text-decoration:none; padding-left:10px; color:#595959; position:relative; line-height: 100%;}
#sfMenu dl dt a::after{
	position:absolute;
	top:40%;
	right:15px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #006EA8;
	border-right:3px solid #006EA8;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);	
}
#sfMenu dl dt.arrUp a::after{
	margin-top:0px;
	-webkit-transform:rotate(-44deg);
	-moz-transform:rotate(-44deg);
	-ms-transform:rotate(-44deg);
	-o-transform:rotate(-44deg);
	transform:rotate(-44deg);
}
#sfMenu dl dt.dLink a::after{
	position:absolute;
	top:50%;
	right:20px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#sfMenu dl dd ul li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:12px;
	height:12px;
	margin-top:-7px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#fLogoSet > div{display:inline-block;}
.copyright{font-size:2.0rem; margin-top:10px;}
#topbutton {
	position:fixed;
	bottom:0px;
	right:0px;
	width:100%;
	display:none;
	background-color:#006EA8;
	opacity:1;
	border-radius:0px;
	text-align:center;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	margin:0px;
	box-sizing:border-box;
	padding:0;
}
#topbutton a{color:#FFF; text-decoration:none; display:block; padding:22px 0px; line-height: 100%;}
}

@media screen and (max-width: 600px) {
/* 599px以下用（スマートフォン用）の記述 */
.SP{display:block;}

/*Header-----------------------------------------------------------------------------------------------------------------------*/
.headerArea{
	width:100%;
	background-color:#FFF;
	border-top:0px;
	border-bottom:2px solid #e2e2e2;
	margin-bottom:14px;
	box-shadow:0px 1px 2px 1px #EEE;
	position:fixed;
	z-index:10;
}
.aeriaLogo{text-align:left; width:88px; display:table-cell; padding-left:10px;}
.aeriaLogo img{width:100%;}
.headerAreaIn{width:100%; padding:6px 0px;}
.navWrap{display:none;}

#contentSubMenu{display:none;}

#sgNav {
	display:block;
	position:fixed;
	top:-260px;
	left:0px;
	background-color:#FFF;
	width:100%;
	text-align:left;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
	box-sizing:border-box;
  z-index: 9;
}
#sgNav dl{background-color:#FFF; width:100%; height:259px; overflow:auto;}
#sgNav dl dt{width:100%; background-color:#FFF; font-size:1.8rem; border-bottom:1px solid #CCC;}
#sgNav dl dd{display:none;}
#sgNav dl dd ul li{width:100%; background-color:#F0F0F0; font-size:1.4rem; border-bottom:1px solid #CCC; text-indent:0.5rem;}
#sgNav dl dt a,#sgNav dl dd ul li a{display:block; text-align:left; padding:16px 0px; text-decoration:none; padding-left:10px; color:#595959; position:relative;} 
#sgNav dl dt a::after{
	position:absolute;
	top:40%;
	right:15px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #006EA8;
	border-right:3px solid #006EA8;	
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
#sgNav dl dt.arrUp a::after{
	margin-top:0px;
	-webkit-transform:rotate(-44deg);
	-moz-transform:rotate(-44deg);
	-ms-transform:rotate(-44deg);
	-o-transform:rotate(-44deg);
	transform:rotate(-44deg);
}
#sgNav dl dt.dLink a::after{
	position:absolute;
	top:50%;
	right:19px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#sgNav dl dd ul li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:10px;
	height:10px;
	margin-top:-6px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#modal-overlay{
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}
.open {-moz-transform:translateY(303px); -webkit-transform:translateY(303px); transform:translateY(303px);}


/*ToggleButton-----------------------------------------------------------------------------------------------------------------------*/
#nav-toggle {
	position:absolute;
	right:12px;
	top:8px;
	width:34px;
	height:27px;
	cursor:pointer;
	z-index:101;
}
#nav-toggle div {position:relative;}
#nav-toggle span {
	display:block;
	position:absolute;
	height:4px;
	width:100%;
	background:#006EA8;
	left:0;
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:11px;}
#nav-toggle span:nth-child(3){top:22px;}

.btOn span:nth-child(1){top:11px !important; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.btOn span:nth-child(2){width:0px; opacity:0;}
.btOn span:nth-child(3){top:11px !important; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);}	

/*Banner-----------------------------------------------------------------------------------------------------------------------*/
#mainBanner::before{
	content:"";	
	display:block;
	padding-top:50px;
}

#mainBanner::after{
	content:"";	
	display:block;
	padding-top:10px;
}
  
.bx-wrapper{margin: 0px auto 40px !important;}
#topBanner{width:100%; margin:0 auto;}
.bx-prev,.bx-next{display:none;}	


/*Breadcrumb-----------------------------------------------------------------------------------------------------------------------*/
.breadcrumb {
  margin-bottom:20px;
  color:#878787;
  padding:1px;
  border:1px solid #F0F0F0;
　width:100%;
	font-size:0;
	margin-top:0;
}

ol.breadcrumb li{display:inline-block; vertical-align:top;}

ol.breadcrumb li a{
	display: block;
	background: #F0F0F0;
	padding:5px 10px 5px 0px;
	margin-right:31px;
	position:relative;
	text-decoration:none;
	color:#878787;
	font-size:11px;
	font-size:1.1rem;
}
ol.breadcrumb li a:last-of-type { margin-right:24px }
ol.breadcrumb li:nth-child(2) a:last-of-type { margin-right:16px;}
ol.breadcrumb li:nth-child(3) a:last-of-type { margin-left:9px;}
ol.breadcrumb li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: -22px;
	border: 11px solid transparent;
	border-color: #F0F0F0;
	border-left-color: transparent;
}
ol.breadcrumb li a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -22px;
	border: 11px solid transparent;
	border-left-color: #F0F0F0;
}
 
 
ol.breadcrumb li:first-child a{ padding-left: 15px;}
ol.breadcrumb li:first-child a:before{display:none;}
 
ol.breadcrumb li a:hover {
	background: #006EA8;
	color: #fff;
	text-decoration: none;
}
ol.breadcrumb a:hover:before {
	border-color: #006EA8;
	border-left-color: transparent;
}
ol.breadcrumb li a:hover:after { border-left-color: #006EA8 }

#nowpage{font-size:11px; font-size:1.1rem; padding:5px 10px 5px 0px; line-height: 100%;}

/*Movie-----------------------------------------------------------------------------------------------------------------------*/
#movieSet{display: none;}

.movieBox{margin-bottom: 15px; padding: 0px 10px;}
.movieBox a{position:relative; display:block;}
.playBtn1{position:absolute; top:0; left:0; width:560px; height:315px;}
.playBtn2{position:absolute; top:0; left:0; width:100%;}

#archiveBtn{
	width: 100%; 
	background-color: #006ea8; 
	padding: 14px 0px;
	font-size:18px;
	font-size:1.8rem;
	color:#FFFFFF;
	cursor: pointer;
	text-align: center;
}

.mvTl{font-size:14px; font-size:1.4rem; color:#4E4E4E; margin-top:10px; margin-bottom:4px; padding-left: 10px;}

#archiveList{display: flex; flex-wrap: wrap; margin-top: 5px;}
#archiveList li{width: 100%; margin-right: 0px;}
#archiveList li:nth-child(even){margin-right: 0px;}	
#archiveList li .movieBox{margin-bottom: 5px;}

/*Main-----------------------------------------------------------------------------------------------------------------------*/
#mainContents{width:100%; margin:0 auto;}
#mainContents article::before{
	/*content:"";	
	display:block;
	padding-top:50px;*/
}
  
#purposeMenu_sub_wrap{width:100%; border-top:1px solid #CCCCCC; padding:14px 0px 0px;}
#purposeMenu_sub{width:100%; margin-bottom:30px; margin:0 auto;}
#purposeMenu h2,#purposeMenu_sub h2,.infoContents h2{
	color:#FFF;
	border-bottom:none;
	font-size:18px;
	font-size:1.8rem;
	background:url(../img/common/tl_icon_w.png) no-repeat 4px 3px #006EA8;
	background-size:25px 28px;
	height:auto;
	padding:8px 0px 8px 36px;
	margin-bottom:10px;
  line-height: 100%;
}
.infoContents .rList{width:96%; margin-top:16px; margin-left:auto; margin-right:auto;}
.moreBtn a{
	color:#FFF;
	display:block;
	font-size:20px;
	font-size:2rem;
	padding:14px 0px;
	text-decoration:none;
	width:90%;
	background-color:#006EA8;
	text-align:center;
	border-radius:0px;
	margin-left:auto;
	margin-right:auto;
}
.infoContents .rList li,.subContntsSet .rList li{margin-bottom:10px; border-bottom:dashed 1px #B5B5B5; padding:0px 0px 10px 0px; display:block; width:100%; font-size:16px; font-size:1.6rem;}
.infoContents .rDate,.subContntsSet .rDate{width:100%; display:block; margin-bottom:5px; color:#0588CE;}
.infoContents .rTitle,.subContntsSet .rTitle{width:100%; display:table-cell;}
.infoContents .rList li a,.subContntsSet .rList li a{text-decoration:none; color:#595959; line-height:1.8rem; display:block;}

#purposeMenu ul,#purposeMenu_sub ul{font-size:0; width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; text-align:center; box-sizing: border-box; padding: 0px 10px;}
#purposeMenu li,#purposeMenu_sub li{width:100%; display:flex; margin-left:0px; border-right:none; border-left:none; margin-right: 0px;}
#purposeMenu ul li a,#purposeMenu_sub ul li a{
	border:2px solid #006EA8;
	width:100%;
	height:50px;
	border-radius:0px;
	display:block;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	color:#595959;
	font-weight:bold;
	padding:14px 24px 4px 4px;
	position:relative;
	box-shadow:0px 0px 3px 0px rgba(154,154,154,1.0);
	box-sizing:border-box;
	margin-bottom:5px;
	text-align:left;
}
#purposeMenu ul li:nth-child(n+3) a,#purposeMenu_sub ul li:nth-child(n+3) a{
	border:2px solid #006EA8;
	width:100%;
	height:50px;
	border-radius:0px;
	display:block;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	color:#595959;
	font-weight:bold;
	padding:14px 24px 4px 4px;
	position:relative;
	box-shadow:0px 0px 3px 0px rgba(154,154,154,1.0);
	box-sizing:border-box;
	margin-bottom:5px;
	text-align:left;
}
#purposeMenu ul li a::after,#purposeMenu_sub ul li a::after{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:48px;
	display:block;
	background:url(/static/img/common/arrow_img.png) no-repeat 60% 40% #006EA8;
	background-size:70% 70%;
}
#purposeMenu ul li a span,#purposeMenu_sub ul li a span{display:none;}

#tw{display: inline-block; vertical-align: bottom;}
iframe.twitter-follow-button {height:21px !important; vertical-align: bottom; margin-right: 0px; margin-bottom: 25px; margin-top: 15px;}
 
#infoBox{margin-bottom:38px; margin-top: 0px;}    
  
/*Subpage-----------------------------------------------------------------------------------------------------------------------*/
.subContntsSet{font-size:14px; font-size:1.4rem; line-height:1.4rem; margin-bottom:36px; padding:0px 8px;}
.subContntsSet h2{border-bottom:2px solid #1578cb; font-size:20px; font-size:2.0rem; margin-bottom:6px; color:#1578cb; padding-bottom:4px; line-height: 100%;}
.subContntsSet p{line-height:2.0rem;}

.subContntsSet h2#pageContentsTl{border-bottom:2px solid #1578cb; font-size:16px; font-size:1.6rem; margin-bottom:4px; color:#1578cb; padding-bottom:2px;}

#spGameAll{width:100%; font-size:0px; vertical-align:top; text-align:center;}
.spGameSet{background-color:#f5f5f5; margin:0px 0px 15px 0px; width:100%; display:inline-block; font-size:12px; font-size:1.2rem; box-sizing:border-box;}
.spGameBnr a img{width:100%;}

#chaImg img,#preImg img{width:60%;}

#rinen{background:none;}
.enkakuTbl td:first-child{width:23%;}
#accessTl{font-size:18px; font-size:1.8rem; color:#006EA8;}

.ac-tl h3{font-size:16px; font-size:1.6rem; display:block; vertical-align:top; width:100%;}
.ac-url{display:block; vertical-align:bottom; text-align:left; width:100%; margin-top:3px;}
.ac-contents div:first-child{width:100%; display:block; vertical-align:middle; margin-bottom:10px;}
.ac-contents div:last-child{display:block; vertical-align:middle;}

.subTlset{border-left:4px solid #1578CB; padding:4px 0px 4px 8px; margin-bottom:10px; font-size:14px; font-size:1.4rem;}


.biTbl th{border-bottom:1px solid #9FD3FF; border-right:1px solid #9FD3FF; width:40%; background-color:#ECF8FF;}

.irTbl{width:100%; border-collapse:collapse; background-color:#fefaee; border:solid 2px #659dd5; margin-bottom:40px; table-layout:fixed; word-wrap:break-word; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr;}
.irTbl th,.irTbl td{ padding:4px;}
.irTbl th{ border-right:solid 1px #659dd5; background-color:#99ccff; text-align:center; height:120px;}
.irTbl td{ padding:4px; border-bottom:solid 1px #d2c9af; border-right:solid 1px #d2c9af; text-align:right;}
.irTbl .cell1{ width:24%;}
.irTbl .cell2{ width:24%; text-align:left;}
.irTbl tr.evn{ background-color:#f4efe1; }

#irTbl_last tr td:first-child{text-align:left;}

.tcy{text-combine: horizontal; -webkit-text-combine: horizontal; -moz-text-combine: horizontal;}

#recTxt1{font-size:1.6rem; line-height:2.0rem;}
#recTxt2{font-size:1.6rem; line-height:2.0rem;}

#recruitSet .recruitBox{width:100%; display:block; margin:10px 0px;}


#inqBox{width:100%; font-size:0;}
#inqBox > div{display:block; font-size:16px; font-size:1.6rem; text-align:center;}
#inqBox div:first-child{margin-right:0px; margin-bottom:15px;}
#inqBox div a{background-color:#0588CE; display:block; padding:20px 0px; text-decoration:none; color:#FFFFFF; border-radius:8px;}

#impText{font-size:14px; font-size:1.4rem;} 


.recruitInfoBox{border:2px solid #DBDBDB; padding:10px; width:100%; box-sizing:border-box;}
.recruitInfoBox ul li{margin-bottom:10px; list-style-type:disc; list-style-position:inside;}
.recruitInfoBox ul li:last-child{margin-bottom:0px;}
.recruitInfoBox ul li a{color:#0579DB; padding:10px 0px; text-decoration:none; display:block;}

.requirementsBtn{width:100%; text-align:center; margin-top:20px;}
.requirementsBtn a{width:100%; display:block; margin:0 auto 10px auto; text-decoration:none; border:3px solid #F60; background-color:#F60; color:#FFF; padding:16px 0px; font-weight:bold; font-size:20px; font-size:2rem; box-sizing:border-box;}

.entryTopTxt{font-size:12px; font-size:1.2rem; margin-bottom:0px;}

.entryformBtn{width:100%; text-align:center; margin-top:20px;}
.entryformBtn a{width:100%; display:block; margin:0 auto 10px auto; text-decoration:none; border:3px solid #F60; background-color:#F60; color:#FFF; padding:16px 0px; font-weight:bold;  font-size:20px; font-size:2rem; box-sizing:border-box;}

#entryTbl td.td1 input[type="text"]{width:60%; box-sizing:border-box;}
#entryTbl td.td2 input[type="text"]{width:30%; box-sizing:border-box;}
#entryTbl td.td3 input[type="text"]{width:100%; box-sizing:border-box;}

.wantedBox{margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC;}

.contactTbl th{border-bottom:1px solid #9FD3FF; border-right:1px solid #9FD3FF; width:28%; background-color:#ECF8FF; vertical-align:middle;}
.contactTbl td input[type="text"]{width:100%; box-sizing:border-box;}



/*Aside-----------------------------------------------------------------------------------------------------------------------*/
#agRecommendIn{width:100%; margin:0 auto; color:#FFF; padding:14px 0px;}
#agRecommendIn h3{text-align:center; font-size:22px; font-size:2.2rem; margin-bottom:10px;}
#agRecommendIn ul{text-align:center;}
#agRecommendIn li{display:inline-block; margin-right:0px;}
#agRecommendIn li:nth-child(n+2){display:none;}
#agRecommendIn li a img{width:320px;}

/*Footer-----------------------------------------------------------------------------------------------------------------------*/
.footerArea{width:100%; background-color:#F8F8F8; margin-top: 10px;}
.footerAreaIn{width:100%; margin-left:auto; margin-right:auto; padding:0px 0px 50px 0px; text-align:center;}	
#fMenu{display:none;}
#fLogoSet div:nth-child(1){width:30%;}
#fLogoSet div:nth-child(2){width:12%;}	
#fLogoSet > div img{width:100%;}
#sfMenu dl{background-color:#F7F7F7; margin-bottom:10px;}
#sfMenu dl dt{width:100%; background-color:#F7F7F7; font-size:1.8rem; border-bottom:1px solid #CCC;}
#sfMenu dl dd{display:none;}
#sfMenu dl dd ul li{width:100%; background-color:#FFF; font-size:1.4rem; border-bottom:1px solid #CCC; text-indent:0.5rem;}
#sfMenu dl dt a,#sfMenu dl dd ul li a{display:block; text-align:left; padding:16px 0px; text-decoration:none; padding-left:10px; color:#595959; position:relative;}
#sfMenu dl dt a::after{
	position:absolute;
	top:40%;
	right:15px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #006EA8;
	border-right:3px solid #006EA8;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	transform:rotate(135deg);	
}
#sfMenu dl dt.arrUp a::after{
	margin-top:0px;
	-webkit-transform:rotate(-44deg);
	-moz-transform:rotate(-44deg);
	-ms-transform:rotate(-44deg);
	-o-transform:rotate(-44deg);
	transform:rotate(-44deg);
}
#sfMenu dl dt.dLink a::after{
	position:absolute;
	top:50%;
	right:20px;
	display:block;
	content:'';
	width:14px;
	height:14px;
	margin-top:-9px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#sfMenu dl dd ul li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:10px;
	height:10px;
	margin-top:-6px;
	border-top:3px solid #898989;
	border-right:3px solid #898989;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#fLogoSet > div{display:inline-block;}
.copyright{font-size:1.2rem; margin-top:10px;}
#topbutton{
	position:fixed;
	bottom:0px;
	right:0px;
	width:100%;
	display:none;
	background-color:#006EA8;
	opacity:1;
	border-radius:0px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin:0px;
	box-sizing:border-box;
	padding:0;	
}
#topbutton a{color:#FFF; text-decoration:none; display:block; padding:16px 0px;}
}