@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2014-6-24
 -------------------------------------------------- */
 
/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main{
	position:relative;
	background:#1a1a1a;
	overflow:hidden;
}
#main h1 img{
	width:100%;
	height:auto;
}
#main h1{
	margin-bottom:20px;
}
#main h2{
	margin-left:15px;
	font-size:25rem;
	color:#00cdc7;
	font-style: oblique; 
	padding-bottom:10px;
	line-height:120%;
}
#main h3{
	margin-left:15px;
	margin-right:15px;
	font-size:18rem;
	color:#FFF;
	padding-bottom:20px;
	line-height:130%;
}
#main .subnavi{
	font-size:13rem;
	color:#FFF;
	padding-bottom:25px;
	text-align:center;
}
#main .subnavi li{
	display:inline-block;
	margin:0 8px;
}
#main .subnavi li a{
	color:#FFF;
	text-decoration:underline;
}
#main .twitter{
	width:49%;
	float:left;
	/*margin-bottom:6px;*/
	margin-bottom:2%;
}
#main .twitter a{
	display:block;
	width:100%;
	height:100px;
	background:#30a6df url(../../img/common/arrow_link_wh.png) no-repeat 92% center;
	background-size:13px 25px;
}
#main .twitter .icon{
	margin-left:15px;
	padding-top:15px;
	margin-bottom:13px;
}
#main .twitter .icon img{
	width:32px;
	height:auto;
}
#main .twitter h4{
	margin-left:15px;
	font-size:18rem;
	color:#FFF;
	line-height:1;
	font-family:"Montserrat";
	margin-bottom:7px;
	font-weight:normal;
}
#main .twitter p{
	margin-left:15px;
	font-size:9rem;
	color:#FFF;
	line-height:1;
}

#main .facebook{
	width:49%;
	float:right;
	/*margin-bottom:6px;*/
	margin-bottom:2%;
}
#main .facebook a{
	display:block;
	width:100%;
	height:100px;
	background:#3b5999 url(../../img/common/arrow_link_wh.png) no-repeat 92% center;
	background-size:13px 25px;
}
#main .facebook .icon{
	margin-left:15px;
	padding-top:12px;
	margin-bottom:10px;
}
#main .facebook .icon img{
	width:32px;
	height:auto;
}
#main .facebook h4{
	margin-left:15px;
	font-size:18rem;
	color:#FFF;
	line-height:1;
	font-family:"Montserrat";
	margin-bottom:7px;
	font-weight:normal;
}
#main .facebook p{
	margin-left:15px;
	font-size:9rem;
	color:#FFF;
	line-height:1;
}

#main .nosns{
	clear:both;
	width:100%;
	margin-bottom:6px;
}
#main .nosns a{
	display:block;
	width:100%;
	height:60px;
	background:#a8a8a8 url(../../img/common/arrow_link_wh.png) no-repeat 96% center;
	background-size:13px 25px;
}
#main .nosns .icon{
	margin-left:15px;
	padding-top:14px;
	margin-right:9px;
	float:left;
}
#main .nosns .icon img{
	width:32px;
	height:auto;
}
#main .nosns h4{
	width:74px;
	padding-top:22px;
	margin-right:25px;
	font-size:18rem;
	color:#FFF;
	line-height:1;
	font-family:"Montserrat";
	margin-bottom:7px;
	float:left;
}
#main .nosns p{
	padding-top:26px;
	font-size:9rem;
	color:#FFF;
	line-height:1;
}


/*----------------------------------------------------
	#select
----------------------------------------------------*/
#select{
	position:relative;
	background:#1a1a1a;
	overflow:hidden;
}
#select h1 img{
	width:100%;
	height:auto;
}
#select .step img{
	width:100%;
	height:auto;
}
#select h2{
	margin-left:15px;
	margin-right:15px;
	font-size:18rem;
	color:#FFF;
	padding-bottom:30px;
	font-weight:normal;
}
#select .list{
	text-align:center;
	min-width:340px;
	margin-left:-8px;
	
}
#select .list .column{
	display:inline-block;
	width:157px;
	height:145px;
	margin:0 3px;
	position:relative;
}

#select .list .column .select{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img/artist_active.png) no-repeat;
	background-size:contain;
	width:157px;
	height:100px;
}
#select .list .column .image{
	margin-bottom:0px;
}
#select .list .column .image img{
	width:100%;
	height:auto;
}

#select .list .column p{
	text-align:center;
	color:#FFF;
	font-size:11rem;
}

#select .list .active p{
	color:#e60012;
}
#select .btn_limit{
	position:fixed;
	bottom:0px;
	left:0px;
	background:url(../../img/common/noize_bg.gif) no-repeat;
	background-size:100% 100%;
	width:100%;
	height:60px;
	z-index:4;
	line-height:60px;
	text-align:center;
	font-size:18rem;
	font-weight:bold;
}
#select .btn_send{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:4;
	width:100%;
	display:none;
}
#select .btn_send a{
	display:block;
	background:url(../../img/common/noize_red_bg.gif);
	background-size:100% 100%;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:18rem;
	font-weight:bold;
	color:#FFFFFF;
}
#select .btn_send a img{
	vertical-align:middle;
	margin-right:5px;
}


/*----------------------------------------------------
	#name
----------------------------------------------------*/
#name{
	position:relative;
	background:#1a1a1a;
	overflow:hidden;
}
#name h1 img{
	width:100%;
	height:auto;
}
#name .step img{
	width:100%;
	height:auto;
}
#name h2{
	margin-left:15px;
	margin-right:15px;
	font-size:18rem;
	color:#FFF;
	padding-bottom:30px;
	font-weight:normal;
}

#name .input_area{
	margin-left:15px;
	margin-right:15px;
}
#name .input_area .user_name{
	margin-bottom:5px;
}
#name .input_area .user_name input[type="text"]{
	border:2px #00cdc7 solid;
	width:49%;
	font-size:18rem;
	padding:15px;
	margin-right:6px;
}
#name .input_area .user_name span{
	font-size:18rem;
	font-weight:bold;
	font-style: oblique; 
	
}
#name .input_area .user_name_limit_text{
	width:59%;
	text-align:right;
	font-size:9rem;
	margin-bottom:15px;
}
#name .input_area .event_name{
	margin-bottom:5px;
}
#name .input_area .event_name input[type="text"]{
	border:2px #00cdc7 solid;
	width:37%;
	font-size:18rem;
	padding:15px;
	margin-right:6px;
	vertical-align:middle;
}
#name .input_area .event_name span{
	font-size:18rem;
	font-weight:bold;
	font-style: oblique;
	line-height:1;
	
}
#name .input_area .event_name_limit_text{
	width:46%;
	text-align:right;
	font-size:9rem;
	margin-bottom:15px;
}
#name .input_area .event_kana_name{
	margin-bottom:5px;
}
#name .input_area .event_kana_name .input_textarea{
	border:2px #00cdc7 solid;
	width:88%;
	font-size:18rem;
	padding:15px;
	margin-right:6px;
	vertical-align:middle;
}
#name .input_area .event_kana_name span{
	font-size:18rem;
	font-weight:bold;
	font-style: oblique;
	line-height:1;
	
}
#name .input_area .event_kana_name_limit_text{
	width:98%;
	text-align:right;
	font-size:9rem;
	margin-bottom:25px;
}

#name .btn_limit{
	position:fixed;
	bottom:0px;
	left:0px;
	background:url(../../img/common/noize_bg.gif);
	background-size:100% 100%;
	width:100%;
	height:60px;
	z-index:4;
	line-height:60px;
	text-align:center;
	font-size:18rem;
	font-weight:bold;
}
#name .btn_limit img{
	vertical-align:middle;
	margin-right:5px;
}

#name .btn_send{
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:4;
	width:100%;
	display:none;
}
#name .btn_send a{
	display:block;
	background:url(../../img/common/noize_red_bg.gif);
	background-size:100% 100%;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:18rem;
	font-weight:bold;
	color:#FFFFFF;
}
#name .btn_send a img{
	vertical-align:middle;
	margin-right:5px;
}

#name .btn_send a img{
	vertical-align:middle;
	margin-right:5px;
}



/*----------------------------------------------------
	#preview
----------------------------------------------------*/
#preview{
	position:relative;
	background:#1a1a1a;
	text-align:center;
}
#preview h1 img{
	width:100%;
	height:auto;
}
#preview .step img{
	width:100%;
	height:auto;
}
#preview h2{
	margin-left:15px;
	margin-right:15px;
	font-size:18rem;
	color:#FFF;
	padding-bottom:30px;
	font-weight:normal;
	text-align:left;
}
#wrapper {
	overflow:visible;
}

#preview #poster{
	width:290px;
	height:410px;
	margin:0 auto;
	margin-bottom:32px;
	box-shadow:rgb(255, 255, 255) 6px 10px 0px 0px;
	-webkit-box-shadow:rgb(255, 255, 255) 6px 10px 0px 0px;
	-moz-box-shadow:rgb(255, 255, 255) 6px 10px 0px 0px;
}
#preview .input_area{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:35px;
}
#preview .input_area p{
	font-size:18rem;
	margin-bottom:10px;
	text-align:left;
}
#preview .input_area .event_name{
	margin-bottom:5px;
	position:relative;
	height:185px;
}
#preview .input_area .event_name .event_name_over{
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	color:#999;
	border:2px #00cdc7 solid;
	width:89%;
	height:150px;
	padding:15px;
}
#preview .input_area .event_name .input_textarea{
	position:absolute;
	top:0;
	left:0;
	border:2px #00cdc7 solid;
	width:89%;
	height:150px;
	font-size:18rem;
	padding:15px;
	display:none;
}

#preview p.attention{
	font-size:11rem;
	margin-bottom:10px;
	text-align:left;
	
}

#preview .btn_send{
	margin-bottom:20px;
}
#preview .btn_send a{
	display:block;
	background:url(../../img/common/noize_red_bg.gif);
	background-size:100% 100%;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:18rem;
	font-weight:bold;
	color:#FFFFFF;
}
#preview .btn_send a img{
	vertical-align:middle;
	margin-right:5px;
}


#preview .twitter{
	width:49%;
	float:left;
	margin-bottom:6px;
	text-align:left;
}
#preview .twitter a{
	display:block;
	width:100%;
	height:100px;
	background:#30a6df url(../../img/common/arrow_link_wh.png) no-repeat 92% center;
	background-size:13px 25px;
}
#preview .twitter .icon{
	margin-left:15px;
	padding-top:15px;
	margin-bottom:13px;
}
#preview .twitter .icon img{
	width:32px;
	height:auto;
}
#preview .twitter h4{
	margin-left:15px;
	font-size:18rem;
	color:#FFF;
	line-height:1;
	font-family:"Montserrat";
	margin-bottom:7px;
	font-weight:normal;
}
#preview .twitter p{
	margin-left:15px;
	font-size:9rem;
	color:#FFF;
	line-height:1;
}

#preview .facebook{
	width:49%;
	float:right;
	margin-bottom:6px;
	text-align:left;
}
#preview .facebook a{
	display:block;
	width:100%;
	height:100px;
	background:#3b5999 url(../../img/common/arrow_link_wh.png) no-repeat 92% center;
	background-size:13px 25px;
}
#preview .facebook .icon{
	margin-left:15px;
	padding-top:12px;
	margin-bottom:10px;
}
#preview .facebook .icon img{
	width:32px;
	height:auto;
}
#preview .facebook h4{
	margin-left:15px;
	font-size:18rem;
	color:#FFF;
	line-height:1;
	font-family:"Montserrat";
	margin-bottom:7px;
	font-weight:normal;
}
#preview .facebook p{
	margin-left:15px;
	font-size:9rem;
	color:#FFF;
	line-height:1;
}



/*----------------------------------------------------
	#comp
----------------------------------------------------*/
#comp{
	position:relative;
	background:#1a1a1a;
	overflow:hidden;
}
#comp h1 img{
	width:100%;
	height:auto;
	padding-bottom:30px;
}
#comp h2{
	margin-left:15px;
	margin-right:15px;
	font-size:18rem;
	color:#FFF;
	padding-bottom:30px;
}
#comp p{
	margin-left:15px;
	margin-right:15px;
	font-size:18rem;
	color:#FFF;
	padding-bottom:30px;
	font-weight:normal;
}
#comp .btn{
	
}
#comp .btn .live a{
	display:block;
	background:#dfe22a url(../../img/common/arrow_link_wh.png) no-repeat 97% center;
	padding:0px 10px 0px 15px;
	background-size:13px 25px;
	overflow:hidden;
	height:60px;
	margin-bottom:6px;
}

#comp .btn .live  .icon{
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
	padding-top:14px;
}

#comp .btn .live .icon img{
	width:32px;
	height:auto;
}
#comp .btn .live h3{
	line-height:60px;
	font-size:18rem;
	color:#FFFFFF;
}

#comp .btn .poster a{
	display:block;
	background:#00cdc7 url(../../img/common/arrow_link_wh.png) no-repeat 97% center;
	padding:0px 10px 0px 15px;
	background-size:13px 25px;
	overflow:hidden;
	height:60px;
	margin-bottom:6px;
}

#comp .btn .poster  .icon{
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
	padding-top:14px;
}

#comp .btn .poster .icon img{
	width:32px;
	height:auto;
}
#comp .btn .poster h3{
	line-height:60px;
	font-size:18rem;
	color:#FFFFFF;
}