@charset "UTF-8";

/* *****************************************************************************************************
*
*  top.css
* 
* -------------------------------------------------------------------------------------
* 
*   ---- FONT-SIZE -----
*	
*	 9px	69%			|		18px	138.5%
*	10px	77%			|		19px	146.5%
*	11px	85%			|		20px	153.9%
*	12px	93%			|		21px	161.6%
*	13px	100%		|		22px	167%
*	14px	108%		|		23px	174%
*	15px	116%		|		24px	182%
*	16px	123.1%		|		25px	189%
*	17px	131%		|		26px	197%
*
*
***************************************************************************************************** */

/* ============================================================
	
	#mvBox
	
   ============================================================ */
#mvBox { display:none; }

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

	#topMain

   ============================================================ */
#topMain {
	padding:0;
	margin:4.1666% 0 6.25%;
}
#topMain h2 { margin-bottom:2.1739%; }
#topMain h2 img { width:552px; }
#topMain h2 + p { font-size:153.9%; }
#topMain h2 + p span, .eMessage span { display:block; }
.eMessage {
	margin-top:20px;
	font-size:123.1%;
}

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

	#topEvent

   ============================================================ */
#topEvent {
	padding:0;
	margin-bottom:4.3478%;
	background:none;
}
#topEvent h2 {
	font-size:153.9%;
	margin:1.5% 0 2.5%;
}
#topEvent > div.row { margin-bottom:2.5%; }
#topEvent h2.col.span_2 { width:23%; }
#topEvent div.col.span_10 { display:none; }
#loadarea li.col.span_4 {
	margin:0 2.3% 4.05% 0;
	width:30.4348%;
	height:144px;
}
#loadarea ul.row {
	margin-right:-4.2%;
	overflow:hidden;
}
.spEventImg, .pcEventImg { display:none; }
.prEventImg { 
	display:block;
	position:absolute;
	top:0;
}
.mosaic-block { 
	height:100%;
	/*height:230px;*/
}
/*.mosaic-backdrop { overflow:hidden; }*/
.mosaic-overlay {
	/*bottom:-110px;*/
	bottom:-150px;
	height:190px;
	background-color:rgba(255,255,255,0.75);
}
.mosaic-overlay h3 {
	padding:13px 0;
	font-size:100%;
}
#pc .col.span_4:hover .mosaic-overlay h3 { padding:25px 0 15px; }
.mosaic-overlay p { 
	display:none;
	/*padding:0 7.1429%;*/
}
.mosaic-overlay p span { display:none; }
#loadarea li.col.span_4 {
	margin:0 4.05% 4.05% 0;
	width:280px;
	height:190px;
}
#loadarea ul.row {
	margin:0 -4.168% -4.05% 0;
	overflow:hidden;
}
.loadmore, .pageTransition, .eventLink { font-size:182%; }
.loadmore a, .pageTransition a, .eventLink a { width:65%; }
.pageTransition a {
	background-size:auto;
	background-position:86% 50%;
	padding-left:8.5%;
}
.eventLink a {
	background:none;
	border:1px solid #727BA1;
	color:#727BA1;
}

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

	#topInfo

   ============================================================ */
#topInfo {
	padding:0;
	margin-bottom:4.3%;
	background:none;
}
#topInfoIn {
	width:960px;
	max-width:inherit;
	margin: 0 auto;
}
#topInfo h2 {
	font-size:182%;		
	margin-bottom:2.3913%;
}
#topInfo dl {
	padding:1.0869% 0;
	font-size:116%;
}
#topInfo .span_9 { margin-bottom:0; }
#topInfo .span_9 a, #topInfo .span_9 a:hover { background:none; }
#topInfo dl dt { padding:0; }
#topInfo dl dd {
	padding:0;
	background:none;
}
#topInfoIn ul.col { width:74.5%; }
#topInfo .pvMark.col {
	font-size:108%;
	width:23.5%;
}
#topInfo .pvMark img {
	width:70px;
	margin:0 auto 9.4339%;
}


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

	#topEco

   ============================================================ */
#topEco {
	width:100%;
	padding:3% 0 3.9062%;
	background:none;
}
#topEcoIn {
	width:960px;
	max-width:inherit;
	margin: 0 auto;
}
#topEco h2 {
	font-size:182%;
	margin-bottom:3.4782%;
}
#topEco div.col.span_8 {
	margin-bottom:0;
	min-height:335px;
	width:66%;
}
#topEco div.col.span_8 p {
	font-size:116%;
	margin-bottom:3.4782%;
	line-height:1.7;
}
#topEco div.col.span_8 ol {
	font-size:108%;
	padding-left:4%;
	line-height:2;
}
#topEco div.col.span_4 {
	position:relative;
	min-height:335px;
	width:32%;
}
#topEco .signature {
	position:absolute;
	right:0;
	bottom:0;
	font-size:93%;
}
.ecoImg {
	margin:0;
	width:100%;
}
.ecoImg ul li { margin-left:auto; }
.ecoImg ul li:first-child {
	width:164px;
	float:none;
	margin:0 0 6.8027% auto;
}
.ecoImg ul li:last-child {
	width:220px;
	float:none;
}