@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2014-06-24
 -------------------------------------------------- */
/*
 html5doctor.com Reset Stylesheet v1.6.1
 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com http://html5doctor.com/html-5-reset-stylesheet/ Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:text-bottom;}
ol,ul {list-style:none;}

/*----------------------------------------------------
 common
--------------------------------------------------- */
html, body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1em;
	line-height: 1;
	word-break: break-all;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	background:#000000;
	color:#FFF;

}
html{
    font-size: 6.25%;
}
body{
    font-size: 14rem; /*14px*/
} 


/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,a:visited,a:active{
	color:#000;
	text-decoration:none;
   -webkit-tap-highlight-color:transparent;
}

/*----------------------------------------------------
	#wrapper ページ全体
--------------------------------------------------- */
#wrapper {
	max-width: 640px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	background:#1a1a1a;
}
#top #wrapper{
	background:#f2f2f2;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	overflow:hidden;
	
}
#header .title{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#header .title img{
	width:100%;
	height:auto;
}
#header .btn_navi{
	position:fixed;
	top:5px;
	right:0px;
	z-index:6;
}

/*----------------------------------------------------
	#menu
----------------------------------------------------*/
#menu{
	position:fixed;
	top:0px;
	right:-92%;
	width:92%;
	height:100%;
	background:#1a1a1a;
	z-index:5;
	
}
#menu h1{
	font-family:"Montserrat";
	font-size:29rem;
	padding:32px 0 25px 15px;
}
#menu .list{
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px #545454 solid;
	margin:0 15px;
}
#menu .column{
	width:100%;
	background:url(../img/common/menu_line.png) no-repeat center top;
	background-size:36px 1px;
}
#menu .column a{
	display:block;
	padding:10px 0px 10px 0px;
	overflow:hidden;
}
#menu .pre{
	display:block;
	padding:10px 0px 10px 0px;
	overflow:hidden;
}
#menu .icon{
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
#menu .icon img{
	width:32px;
	height:auto;
}
#menu .column p{
	font-size:9rem;
	color:#a8a8a8;
}

#menu .pre p{
	font-size:9rem;
	color:#e90058;
}
#menu .column h2{
	font-family:"Montserrat";
	font-size:17rem;
	color:#FFFFFF;
	line-height:1;
}
#menu .pre h2{
	font-family:"Montserrat";
	font-size:17rem;
	color:#616161;
	line-height:1;
}
#menu .submenu{
	padding:15px;
}
#menu .submenu a{
	color:#FFFFFF;
	font-size:11rem;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	overflow:hidden;
	clear: both;
	width: 100%;
	text-align:center;
	/*
	max-height:300px;
	min-height:150px;
	*/
	position:relative;
}
#footer .bg img{
	width:100%;
	/*eight:auto;*/
	vertical-align:bottom;
}
#footer .pagetop{
	position:absolute;
	top:10%;
	right:3%;
	width:100%;
	text-align:right;
}
#footer .pagetop img{
	width:11%;
	height:auto;
}
#footer .sstv{
	position:absolute;
	top:67%;
	left:0px;
	width:100%;
	text-align:center;
}
#footer .sstv img{
	width:41%;
	height:auto;
}
#footer .sns{
	position:absolute;
	left:10px;
	bottom:39%;
}
#footer .sns li{
	float:left;
}
#footer .sns li.twitter{
	width:112px;
}
#footer .sns li.facebook{
	width:113px;
}