@charset "UTF-8";

#relateLinks:after,
header:after,
#header-sp:after,
#globalNav:after,
#nav:after,
#crumb:after,
#info:after,
footer:after,
#contents:after,
#main:after,
#aside:after,
#breadcrumb:after,
#visual:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#relateLinks,
header,
#header-sp,
#globalNav,
#nav,
#crumb,
#info,
footer,
#contents,
#main,
#aside,
#breadcrumb,
#visual{
	zoom: 1;
}

.entry:after,
.entry ul:after,
ul.meta:after,
ul.boxSNS:after,
ul.horizon:after,
.well:after,
.boxSerch:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.entry,
.entry ul,
ul.meta,
ul.boxSNS,
ul.horizon,
.well,
.boxSerch{
	zoom: 1;
}



/* scroll Top */
#page-top{
	display: block;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	background: rgba(2,54,143,.7);
	border-radius: 3px;
	padding-top: 0px;
	font-size: 20px;
	color: #fff;
	line-height: 220%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	z-index: 999999999999;
}
#page-top a{
	color: #fff;
}
#page-top:hover{
	background: rgba(2,54,143,.8);
}

#wrapper{
	text-align: left;
}


/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){

.inner{
	width: 70%;
	margin:auto;
	padding: 0 30px;
}

header{
	background-color: #f89135;
	margin-bottom:30px; 
	padding: 12px 0 20px 0; 
}
header p.logo{
	float: left;
}
header p.logo img{
	width: 100%;
	height: auto;
}
header h1 {
	float: left;
	font-size: 1.125em !important;
	color: #FFF;
	margin-left: 40px;
	padding-top: 12px; 
}

footer{
	background-color: #EFEFEF;
	padding:30px 0;
}
footer p.copy{
	font-size: 0.625em;
	color: #999;
	text-align: center;
}

#content .jp{
	margin-bottom: 60px;
}
#content .es{
	margin-bottom: 40px;
}


}




/*----------------------------------------
　Mobile
-------------------------------------------*/
@media screen and (max-width: 768px){

.inner{
	width: 90%;
	margin:auto;
}

header{
	margin:auto;
	padding: 6px 0 16px 0; 
	background-color: #f89135;
	margin-bottom: 30px;
	text-align: center;
}
header p.logo{
	width: 200px;
	margin: auto; 
}
header p.logo img{
	width: 100%;
	height: auto;
}
header h1{
	font-size: 0.875em;
}

footer{
	background-color: #EFEFEF;
	padding:30px 0;
}

footer p.copy{
	font-size: 0.625em;
	color: #999;
}


#content .jp{
	margin-bottom: 60px;
}
#content .es{
	margin-bottom: 40px;
}






}