@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [WHOLE EARTH STATION]*/
/*----------------------------------------------*/
/*Created: 2015.10.01*/
/*Last Update:	2020.07.10*/
/*----------------------------------------------*/




/*INDEX*/

/*[WHOLE EARTH STATION]*/
/*[Main Frame Customize]*/
/*[Page Title with Icon Customize]*/

/*-- [Whole Earth Station] --*/











/*----------------------------------------------*/
/*[WHOLE EARTH STATION]*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/

/*(Whole Earth Station)*/
.main-container.one-column .main-frame > .p-wes.inner-frame {
	width:auto;
	margin:0 auto;
}


@media screen and (max-width:640px) {

/*(Whole Earth Station)*/
	.main-container.one-column .main-frame > .p-wes.inner-frame {
		/*padding:0 8px;*/
	}

} /* @media screen and (max-width:640px) end */


@media screen and (min-width:641px) and (max-width:960px) {
	
	/*(Whole Earth Station)*/
		.main-container.one-column .main-frame > .p-wes.inner-frame {
		width:98%;
		margin:0 auto;
	}

} /* @media screen and (min-width:641px) and (max-width:960px) end */


@media screen and (min-width:961px) and (max-width:1199px) {
	
	/*(Whole Earth Station)*/
	.main-container.one-column .main-frame > .p-wes.inner-frame {
		width:92%;
		margin:0 auto;
	}

} /* @media screen and (min-width:961px) and (max-width:1199px) end */


@media screen and (min-width:1200px) {
	
	/*(Whole Earth Station)*/
	.main-container.one-column .main-frame > .p-wes.inner-frame {
		width:auto;
		margin:0 auto;
	}

} /* @media screen and (min-width:1200px) end */
/*----------------------------------------------*/





/*[Page Title with Icon Customize]*/
/*[Pages Title]*/
#pages-header.pages-header .ph-ttl {
	padding:12px 0 0 48px;
	background:url(../images/icn_page_wes.png) no-repeat left 3px;
	background-size:auto 56px;
	-webkit-background-size:auto 56px;
	-moz-background-size:auto 56px;
	-ms-background-size:auto 56px;
	-o-background-size:auto 56px;
}


@media screen and (max-width:899px) {
	#pages-header.pages-header .ph-ttl small {
		margin-left:-48px;
	}

} /* @media screen and (max-width:899px) end */


@media screen and (max-width:640px) {
	#pages-header.pages-header .ph-ttl {
		padding:8px 0 0 38px;
		background:url(../images/icn_page_wes.png) no-repeat left 2px;
		background-size:auto 42px;
		-webkit-background-size:auto 42px;
		-moz-background-size:auto 42px;
		-ms-background-size:auto 42px;
		-o-background-size:auto 42px;
	}

	#pages-header.pages-header .ph-ttl small {
		margin-left:-38px;
	}

} /* @media screen and (max-width:640px) end */


@media screen and (max-width:480px) {
	#pages-header.pages-header .ph-ttl {
		padding:8px 0 0 28px;
		background:url(../images/icn_page_wes.png) no-repeat left 2px;
		background-size:auto 34px;
		-webkit-background-size:auto 34px;
		-moz-background-size:auto 34px;
		-ms-background-size:auto 34px;
		-o-background-size:auto 34px;
	}

	#pages-header.pages-header .ph-ttl  small {
		margin-left:-28px;
	}

} /* @media screen and (max-width:480px) end */
/*----------------------------------------------*/





/*
[Whole Earth Station]
*/

.fontWf-ja {
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
}
.fontWf-ja b,
.fontWf-ja strong {
	font-weight: 700;
}

.wes-inner .sp2 {
	display:none;
}

.wes-inner {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:url(../../shared/images/_bg/bg_sand.png) repeat 0 0;
}

#wes-header {
	width: 100%;
	height: auto;
	margin:0;
	padding:0;
	background:#FFFAEF url(../images/bg_header.png) center top repeat-x;
	position: relative;
}

#wes-headermain {
	width: auto;
	min-height:53px;
	margin:0;
	padding:0;
	text-align:center;
}
#wes-headermain h1,
#wes-primary h3 {
	margin:0;
	padding:0;
	text-align:center;
}
#wes-primary {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding:0;
	text-align:center;
	background:url(../images/bg_main.png) center bottom repeat-x;
}
/*(2020.07.10)*/
#wes-primary .bg-earth {
	padding: 1.6em;
	background:url(../images/bg_wec2020_pc.png) no-repeat center bottom;
	background-size: contain;
}
#wes-primary .wes-header-text {
	padding-top: 1.2em;
	font-size: 1.52em;
	line-height: 1.65;
	color:#cc0000;
}
#wes-primary .wes-header-copy {
	padding-top: 2em;
	font-size:.9em;
	line-height: 1.8;
}

#wes-secondary {
	width: auto;
	height:auto;
	margin:0;
	padding:2.5em 2em;
	background: #eddfd7;
}
/*(2020.07.10)*/
#wes-secondary.bg-grass {
	margin: 0;
	padding: 1.4em;
	background: #D2DA85;
}

@media screen and (max-width: 767px) {
	#wes-secondary.bg-grass {
		padding: 1em;
	}

} /* @media screen and (max-width: 767px) end */

#wes-secondary .wes-content:not(:first-child) {
	margin-top: 1.2em;
}

#wes-secondary .wes-content > .inner-frame {
	margin: 0;
	padding: 1.6em;
	background: rgba(255,255,255,1);
	border-radius: 5px;
}
#wes-secondary .wes-content .wes-content-sign {
	width: auto;
	height: auto;
	margin-top: -1.6em;
	margin-bottom: 2em;
}
#wes-secondary .wes-content .wes-content-sign span {
	color: rgba(255,255,255,1);
	font-size: .9em;
	padding: .6em 1em;
	border-radius: 0 0 5px 5px;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	#wes-secondary .wes-content > .inner-frame {
		padding: 1.2em;
	}
	#wes-secondary .wes-content .wes-content-sign {
		margin-top: -1.2em;
		margin-bottom: 1.6em;
	}
	#wes-secondary .wes-content .wes-content-sign span {
		font-size: .8em;
		padding: .5em .8em;
	}
	#wes-secondary .wes-content .wes-button-box a {
		display: block;
		width: 100%;
	}

}
/*[ Pink ]*/
#wes-secondary .wes-content .wes-content-sign .wes-content-sign-pink {background: #F46D73;}
/*[ Blue ]*/
#wes-secondary .wes-content .wes-content-sign .wes-content-sign-blue {background: #0080A7;}
/*[ Brown ]*/
#wes-secondary .wes-content .wes-content-sign .wes-content-sign-brown {background: #61281C;}
/*[ Sky Blue ]*/
#wes-secondary .wes-content .wes-content-sign .wes-content-sign-skyblue {background: #66B3CA;}
/*[ Green ]*/
#wes-secondary .wes-content .wes-content-sign .wes-content-sign-green {background: #9BA526;}


#wes-secondary .wes-content .wes-content-title {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4;
}
#wes-secondary .wes-content .wes-content-text {
	padding-top: 1.6em;
	font-size: .85em;
	line-height: 1.8;
}
#wes-secondary .wes-content .wes-content-text .wes-content-text-head {
	font-size:1.2em;
}

#wes-secondary .wes-content .wes-button-box {
	margin-top: 1.6em;
}

@media screen and (max-width: 767px) {
	#wes-secondary .wes-content .mt {
		margin-top: 1.6em;
	}

}

#wes-secondary dl{
	width: auto;
	height: auto;
	padding:0;
	margin: 0 auto 1.8em;
}
#wes-secondary dl:last-child {
	margin:0 auto;
}
#wes-secondary dl .wes-img01{
	width:auto;
	max-width:130px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
#wes-secondary dl .wes-txt01 {
	width:auto;
	height:auto;
	margin:0 0 0 150px;
	padding:0;
	font-size:.9em;
	line-height:1.6em;
}
#wes-secondary dl .wes-txt01 h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#603813;
	padding:.3em 0 0;
	margin:0 0 .3em;
}

#wes-secondary dl .wes-img02 {
	width:auto;
	max-width:130px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
#wes-secondary dl .wes-txt02 {
		width:auto;
	height:auto;
	margin:0 0 0 150px;
	padding:0;
		font-size:.9em;
	line-height:1.6em;
}
#wes-secondary dl .wes-txt02 h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#603813;
	padding:.3em 0 0;
	margin:0 0 .3em;
}

#wes-secondary dl .wes-img01 a:hover img,
#wes-secondary dl .wes-img02 a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


@media screen and (max-width:480px) {
	.wes-inner .sp2 {
		display:block;
	}
	.wes-inner .pc2 {
		display:none;
	}

	#wes-secondary {
		padding:1.2em 12px;
	}

	#wes-secondary dl{
		margin: 0 auto 1.2em;
		padding:0 0 1em;
		border-bottom:1px solid #603813;
	}
	#wes-secondary dl:last-child {
		margin:0 auto;
		padding:0;
		border:none;
	}
	#wes-secondary dl .wes-img01{
		max-width:130px;
		margin:0 auto 1em;
		text-align:center;
		float:none;
	}
	#wes-secondary dl .wes-txt01 {
		margin:0;
	}
	#wes-secondary dl .wes-txt01 h3 {
		font-size:1em;
	}

	#wes-secondary dl .wes-img02 {
		max-width:130px;
		margin:0 auto 1em;
		float:none;
	}
	#wes-secondary dl .wes-txt02 {
		margin:0;
	}
	#wes-secondary dl .wes-txt02 h3 {
		font-size:1em;
	}

} /* @media screen and (max-width:480px) end */