@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2014-6-24
 -------------------------------------------------- */
 
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
 
/*----------------------------------------------------
	#canvas
----------------------------------------------------*/

#canvas{
	width:320px;
	max-width:640px;
	max-height:750px;
	height:auto;
	float:left;
	cursor:pointer;
	position:relative;
}
/*----------------------------------------------------
	#mainvisual
----------------------------------------------------*/


#header #mainvisual{
	margin-top:35px;
	position:relative;
	overflow:hidden;
	max-width:640px;
	min-height:375px;
}
#header #mainvisual .caver{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}
#header #mainvisual .caver img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}


/*----------------------------------------------------
	#mainvisual
----------------------------------------------------*/
#information{
	background:#f2f2f2;
	width:100%;
	color:#000;
	
}
#information h1{
	font-family:"Montserrat";
	font-size:11rem;
	padding:15px;
	
}
#information .list{
	width:100%;
	background:url(../img/top/news_line.png) no-repeat center top;
	background-size:36px 1px;
	overflow:hidden;
	padding-bottom:30px;
}
#information .column{
	width:100%;
	background:url(../img/top/news_line.png) no-repeat center bottom;
	background-size:36px 1px;
}
#information .column a{
	display:block;
	background:url(../img/top/arrow_link.png) no-repeat 97% center;
	padding:10px 10px 10px 15px;
	background-size:13px 25px;
	overflow:hidden;
	
}
#information .icon{
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
#information .icon img{
	width:32px;
	height:auto;
}
#information .column p{
	font-size:9rem;
	color:#a8a8a8;
	font-family:Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height:1;
}
#information .column h2{
	font-size:18rem;
	font-weight:normal;
	float: left;
	width: 83%;
}


/*----------------------------------------------------
	#facebook
----------------------------------------------------*/
#facebook{
	background:url(../img/top/facebook_bg.png) repeat-x;
	background-size:contain;
	height:78px;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
#facebook a{
	background:url(../img/top/facebook_arrow.png) no-repeat 97% center;
	background-size:13px 25px;
	display:block;
	height:78px;
	color:#fff;
}
#facebook .icon{
	float:left;
	margin:22px 10px 0 15px;
}
#facebook .icon img{
	width:31px;
	height:auto;
}
#facebook h1{
	font-size:22rem;
	padding-top:19px;
	line-height:1;
}
#facebook p{
	font-size:11px;
	padding-top:9px;
	line-height:1;
}

















