@charset "Shift_JIS";

html,body{
	height:100%;
}

body {
	background: #000;
	font-family: ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	line-height: 1;
	width: 100%;
	font-size:14px;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}

img {
	max-width: 100%;
}

/***********************************************/

.base{
	margin: 0;
	text-align: center;
	height:100%;
}

.base .deadline{
	background: url(../img/deadline.png) 0 0 no-repeat;
	background-size:100%;
	position: absolute;
	top:0;
	width:100%;
	height:100%;
}

#bgbase{
	z-index  : -1;
	background-color : #000;
	background-repeat : no-repeat;
	background-size : 100% auto;
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	height:100%;
}

.background-hack01 {
	background-image : url('../img/bg_01.jpg');
}

.background-hack07 {
	background-image : url('../img/bg_06.jpg');
}

.background-hack02 {
	background-image : url('../img/bg_02.jpg');
}

.background-hack03 {
	background-image : url('../img/bg_03.jpg');
}

.background-hack04 {
	background-image : url('../img/bg_04.jpg');
}

.background-hack05 {
	background-image : url('../img/bg_01.jpg');
}

.background-hack06 {
	background-image : url('../img/bg_05.jpg');
}
/***********************************************/

.main{
	width:100%;
	height:100%;
}

header {
	margin: 0;
	padding:0;
	height: 100%;
	position: relative;
}

header img{
	width: 100%;
}

header h1 {
	margin: 0;
	padding: 60px 0 0;
}

header p {
	position: absolute;
	bottom: 15px;
	width: 100%;
	line-height: 0;
}

header p a img.top{
	margin-bottom:0;
}

header p a img.rap{
	width:80%;
}


nav {
	position:fixed;
	top:0;
	width:100%;
	height:35px;
	background: rgba(0,0,0,0.3);
	border-bottom: 1px solid #fff;
	padding:5px;
}

nav p {
	display:inline-block;
}

nav p a img{
	height:35px;
	margin:0 5px 0 0;
}
/***********************************************/

.point {
	padding:50px 0;
	line-height: 0;
}

.point img {
	width:8%;
}
/***********************************************/
.news{
	padding:60px 10px 0;
	background: rgba(0,0,0,0.4);
}

.news p.title {
	margin:0 0 30px;
}

.news p.title img{
	width:100%;
}

.news p.txt{
	color:#fff;
	font-size:14px;
	font-weight: bold;
	line-height: 1.6;
}

.news p.txt img{
	width:100%;
	margin-bottom:20px;
}

.news p.entry{
	margin:20px 0 0;
	border:1px solid #fff;
	padding:5px;
}

.news p.entry a{
	display:block;
	padding:8px 0 6px;
	background:#fff;
	font-size:16px;
	font-weight: bold;
	color:#01b4ed;
}
/***********************************************/
.newsnews{
	padding:60px 10px 30px;
	background: rgba(0,0,0,0.5);
}

.newsnews p.title {
	margin:40px 0 50px;
}

.newsnews p.title img{
	width:100%;
}

.newsnews article.date{
	color:#fff;
	text-align: left;
	font-size:12px;
	line-height: 1.6;
	font-weight:bold;
	margin-bottom:30px;
}

.newsnews article.date p.day{
	text-align: center;
}

.newsnews article.date p.mi{
	font-size:150%;
	text-align: center;
	text-decoration: underline;
	margin-bottom: 10px;
}

.newsnews article p.newsimg{
	text-align: center;
	margin-bottom: 10px;
}

.newsnews p.btn{
	margin:10px 0 0;
	border:1px solid #fff;
	padding:5px;
	text-align: center;
}

.newsnews p.btn a{
	display:block;
	padding:8px 0 6px;
	background:#fff;
	font-size:16px;
	font-weight: bold;
	color:#01b4ed;
	line-height: 1.0;
}

.newsnews p.btn2{
	background: rgba(0,0,0,0.3);
	margin:10px 0;
	border:1px solid #fff;
	text-align: center;
}

.newsnews p.btn2 a{
	display:block;
	padding:5px 0 3px;
	font-size:14px;
	font-weight: bold;
	color:#fff;
}
/***********************************************/
/***********************************************/
.whats{
	padding:60px 10px;
	background: rgba(0,0,0,0.4);
}

.whats p.ribbon {
	margin:0 0 30px;
}

.whats p.ribbon img{
	width:60%;
}

.whats p.txt{
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height: 1.6;
}

.whats p.txt img{
	width:100%;
	margin-bottom:20px;
}

.whats p.entry{
	margin:20px 0;
	border:1px solid #fff;
	padding:5px;
}

.whats p.entry a{
	display:block;
	padding:8px 0 6px;
	background:#fff;
	font-size:16px;
	font-weight: bold;
	color:#01b4ed;
}
/***********************************************/
/***********************************************/
.entry{
	padding:60px 10px;
	background: rgba(0,0,0,0.5);
}

.entry p.title {
	margin:40px 0 50px;
}

.entry p.title img{
	width:100%;
}

.entry p.txt{
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height: 1.6;
}

.entry p.txt img{
	width:100%;
	margin-bottom:20px;
}

.oubo{
	margin:30px 0;
	text-align: left;
}

.oubo div{
	margin: 0 0 10px;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
}

.oubo div img{
	width: 50%;
}

.oubo article{
	color:#fff;
	font-size:12px;
	line-height:1.6;
	font-weight:bold;
}

.oubo article p{
	font-size:120%;
	margin: 10px 0 0;
}

.oubo article p.p2{
	font-size:110%;
	margin:5px 0;
}

.oubo article span{
	color:#01b4ed;
}

.oubo p.btn2{
	background: rgba(0,0,0,0.3);
	margin:10px 0 20px;
	border:1px solid #fff;
	text-align: center;
}

.oubo p.btn2 a{
	display:block;
	padding:5px 0 3px;
	font-size:14px;
	font-weight: bold;
	color:#fff;
}

.houhou{
	margin:30px 0 10px;
	text-align: left;
}

.houhou div{
	margin: 0 0 10px;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
}

.houhou div img{
	width: 50%;
}

.houhou article{
	background: rgba(255,255,255,0.1);
	color:#fff;
	font-size:12px;
	line-height:1.6;
	font-weight:bold;
	margin:10px 0 20px;
	padding: 0 10px 5px;
}

.houhou article p.houhou01{
	margin: 10px 0 5px;
}

.houhou article p.houhou01 img{
	width: 60%;
}

.houhou article p.course{
	margin:0 0 10px;
	padding:3px 0;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px solid #fff;
}

.houhou p.btn{
	margin:10px 0 20px;
	border:1px solid #fff;
	padding:5px;
	text-align: center;
}

.houhou p.btn a{
	display:block;
	padding:8px 0 6px;
	background:#fff;
	font-size:13px;
	font-weight: bold;
	color:#01b4ed;
}

.tokuten{
	margin:30px 0 0;
	text-align: left;
}

.tokuten div{
	margin: 0 0 10px;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
}

.tokuten div img{
	width: 50%;
}

.tokuten article{
	color:#fff;
	font-size:12px;
	line-height:1.6;
	font-weight:bold;
}

.tokuten article p{
	font-size:14px;
	margin:10px 0 5px;
}

.tokuten article span{
	text-decoration: underline;
}
/***********************************************/
/***********************************************/
.netstage{
	padding:60px 0;
}

.netstage p.title {
	margin:40px 0 50px;
	padding:0 10px;
}

.netstage p.title img{
	width:100%;
}

.netstage p.txt{
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height: 1.6;
	padding:0 10px;
}

.netstage p.txt img{
	width:100%;
	margin-bottom:20px;
}

ul#netstage_list {
	margin:0;
	padding:0 10px;
}

ul#netstage_list li {
	color:#fff;
	margin-bottom:30px;
}

ul#netstage_list li div.photo {
	margin:10px 0;
}

ul#netstage_list li div.photo img{
	width:90%;
}

ul#netstage_list li p.titleline {
	margin:10px 0;
}

ul#netstage_list li p.titleline img{
	width:90%;
}

ul#netstage_list li p.name {
	margin:10px 0;
	font-weight:700;
	font-size:16px;
}

ul#netstage_list li p.music {
	margin:10px 0 ;
	font-weight:700;
	font-size:12px;
}

ul#netstage_list li p.link {
	margin:10px 0;
}

ul#netstage_list li p.link img{
	width:60%;
}
/***********************************************/
/***********************************************/
.livestage{
	padding:60px 0;
}

.livestage p.title {
	margin:40px 0 50px;
	padding:0 10px;
}

.livestage p.title img{
	width:100%;
}

.livestage p.txt{
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height: 1.6;
	padding:0 10px;
}

.livestage p.txt img{
	width:100%;
	margin-bottom:20px;
}

#nagoya,#osaka,#tokyo01,#tokyo02{
	margin-top:-40px;
	padding-top:40px;
}

.placeicon{
	margin:40px 10px 0;
	background:url(../img/livestage/bg_bar.png) 0 50% no-repeat;
	background-size: 100% 2px;
}

.placeicon ul{
	display: table;
	width:100%;
}

.placeicon ul li{
	display:table-cell;
	width:25%;
}

.placeicon ul li img{
	width:95%;
}

.placeicon ul li:first-child{
	text-align: left;
}

.placeicon ul li:last-child{
	text-align: right;
}

.placeinfo{
	margin:30px 10px;
}

.placeinfo p{
	width:90%;
	margin:auto;
	text-align: left;
	color:#fff;
	font-weight:bold;
	line-height: 1.4;
	margin-bottom:10px;
	font-size:14px;
}

.placeinfo p span{
	background:#00a0e9;
	padding:3px 5px 3px 10px;
	border-radius: 20px;
	margin-right:8px;
	font-size:13px;
}

ul#livestage_list {
	margin:0;
	padding:0 10px;
}

ul#livestage_list li {
	color:#fff;
	margin-bottom:30px;
}

ul#livestage_list li div.photo {
	margin:10px 0;
}

ul#livestage_list li div.photo img{
	width:90%;
}

ul#livestage_list li p.titleline {
	margin:10px 0;
}

ul#livestage_list li p.titleline img{
	width:90%;
}

ul#livestage_list li p.name {
	margin:10px 0;
	font-weight:700;
	font-size:16px;
}

ul#livestage_list li p.music {
	margin:10px 0 ;
	font-weight:700;
	font-size:12px;
}

ul#livestage_list li p.link {
	margin:10px 0;
}

ul#livestage_list li p.link img{
	width:60%;
}

.guest{
	margin:30px 10px;
	position:relative;
}

.guest img{
	width:90%;
	margin:0 auto;
}

.guest span{
	position:absolute;
	top:-20px;
	left:0;
	width:100%;
	text-align: left;
}

.guest span img{
	width:20%;
}

.guest p{
	color:#fff;
	margin:5px 0 0;
	font-size:20px;
	font-weight:bold;
}

/***********************************************/
/***********************************************/

.final #rap{
	margin-top:-50px;
	padding-top:50px;
}

.final{
	padding:60px 0;
}

.final p.title {
	margin:40px 0 50px;
	padding:0 10px;
}

.final p.title img{
	width:100%;
}

.final p.ribbon{
	margin:50px 0 30px;
}

.final p.ribbon_copy{
	margin:50px 0 20px;
}

.final p.ribbon img,.final p.ribbon_copy img{
	width:65%;
}

.final p.supported{
	margin:20px 0 15px;
}

.final p.supported img{
	width:75%;
}

.final p.copy{
	display:inline-block;
	margin:0 auto 30px;
	color:#fff;
	font-size:16px;
	font-weight: bold;
	line-height: 1;
	padding:10px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}


.final p.txt{
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height: 1.6;
	padding:0 10px;
}

.final .placeinfo p{
	text-align: center;
	line-height: 1.6;
}

ul#finalist {
	margin:0;
	padding:0 10px;
}

ul#finalist li {
	color:#fff;
	margin-bottom:40px;
}

ul#finalist li div.photo {
	margin:10px 0;
}

ul#finalist li div.photo img{
	width:90%;
}

ul#finalist li p.titleline {
	margin:10px 0;
}

ul#finalist li p.titleline img{
	width:60%;
}

ul#finalist li p.name,ul#finalist li p.name2 {
	margin:20px 0 10px;
	font-weight:700;
	font-size:16px;
}

ul#finalist li p.name img{
	width:60%;
}

ul#finalist li p.name2 img{
	width:70%;
}

ul#finalist li p.music {
	margin:10px 0 ;
	font-weight:700;
	font-size:14px;
}

ul#finalist li p.link {
	margin:10px 0;
}

ul#finalist li p.link img{
	width:60%;
}

ul#finalist li p.review {
	width:90%;
	margin:20px auto 10px;
	font-size:11px;
	text-align: left;
	line-height: 1.4;
}

.final p.special {
	padding:0 10px;
	font-size:12px;
	text-align: center;
	line-height: 1.4;
}

.final div.expand{
	padding:0 10px;
}

.final div.expand a img{
	width:90%;
	border:1px solid #fff;
}

ul#grandprix {
	margin:0;
	padding:0 10px;
}

ul#grandprix li {
	color:#fff;
	margin-bottom:40px;
}

ul#grandprix li div.photo {
	margin:10px 0;
}

ul#grandprix li div.photo img{
	width:90%;
}

ul#grandprix li p.titleline {
	margin:10px 0;
}

ul#grandprix li p.titleline img{
	width:60%;
}

ul#grandprix li div.name {
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	margin:20px auto 10px;
	padding:3px 0;
	width:90%;
	font-weight:700;
	font-size:18px;
}

ul#grandprix li div.name p{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px 0;
}


ul#grandprix li p.name2 img{
	width:70%;
}

ul#grandprix li p.music {
	margin:10px 0 ;
	font-weight:700;
	font-size:14px;
}

ul#grandprix li p.link {
	margin:10px 0;
}

ul#grandprix li p.link img{
	width:60%;
}

/***********************************************/
/***********************************************/
.lazyload, .lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 500ms;
}
/***********************************************/
/***********************************************/
.question{
	padding:60px 10px;
	background: rgba(0,0,0,0.5);
}

.question p.title {
	margin:40px 0 50px;
}

.question img{
	width:100%;
}

.cat{
	margin:30px 0;
	text-align: left;
}

.cat div{
	margin: 0 0 10px;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
}

.cat article{
	color:#fff;
	font-size:12px;
	line-height:1.6;
}

.cat p{
	font-weight:bold;
	margin:15px 0 5px;
	font-size:110%;
}

.cat p:before{
	content: "■ "
}

.cat a{
	font-weight: bold;
	text-decoration: underline;
	color:#01b4ed;
}
/***********************************************/
/***********************************************/
.roadto {
	padding:60px 10px;
	background: rgba(28,177,234,0.95);
}

.roadto p.title {
	margin:40px 0 50px;
}

.roadto img {
	width:100%;
}

.roadto article {
	color:#fff;
	line-height:1.4;
	margin:30px 0;
}

.roadto article img {
	display:block;
	margin:20px auto 5px;
	width:100%;
}

.roadto article p{
	font-weight:bold;
	margin:5px 0 10px;
}

.roadto p.road img {
	width:30%;
	margin:0;
}

.roadto p.btn{
	margin:10px 0 20px;
	border:1px solid #fff;
	padding:5px;
	text-align: center;
}

.roadto p.btn a{
	display:block;
	padding:8px 0 6px;
	background:#fff;
	font-size:14px;
	font-weight: bold;
	color:#666;
}
/***********************************************/
/***********************************************/
.contact {
	padding:60px 10px;
	background: rgba(0,0,0,0.5);
}

.contact p.title {
	margin:40px 0 50px;
}

.contact img{
	width:100%;
}

.contact article {
	color:#fff;
	line-height:1.4;
	margin:30px 0;
	text-align: left;
}

.contact article a{
	font-weight: bold;
	text-decoration: underline;
	color:#01b4ed;
}

.contact article p{
	font-weight: bold;
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
}

.contact p.btn{
	margin:10px 0 20px;
	border:1px solid #fff;
	padding:5px;
	text-align: center;
}

.contact p.btn a{
	display:block;
	padding:8px 0 6px;
	background:#fff;
	font-size:14px;
	font-weight: bold;
	color:#01b4ed;
}
/***********************************************/
/***********************************************/
.backtop{
	margin:30px 0 0;
}

.backtop a img{
	width:50%;
}

.noone{
	margin:30px 0 0;
	width:100%;
	line-height: 0;
}

.noone img{
	width: 100%;
}

footer {
	background: rgba(28,177,234,0.9);
	padding: 0 10px 5px;
}

.pagetop {
	padding : 20px 0 0;
}

.pagetop img{
	width:15%;
}

.footer_logo {
	padding : 20px 0;
}

.footer_logo img {
	padding : 0 10px;
	width :30%;
}

.history {
	display: table;
	width: 100%;
	margin:10px 0;
}

.history a {
	display: table-cell;
	width : 25% ; /* ??????????????? */
	width : -webkit-calc(100% / 4) ;
	width : calc(100% / 4) ;
}

.history a img {
	width: 96%;
}

.host {
	display: table;
	width: 100%;
	margin:30px 0 15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:12px 0 10px;
}

.host a {
	display: table-cell;
}

.host a img {
	width:90%;
}

.supporter {
	background:#fff;
	margin:10px 0;
	border-radius:5px;
	text-align: center;
}

.supporter p{
	padding:5px 0;
	border-bottom:1px dotted #ccc;
	font-size:11px;
	font-weight:bold;
	color:#333;
}

.supporter ul {
	display: table;
	width: 97%;
	margin:0 auto;
	padding:12px 0 10px;
}

.supporter ul li {
	display: table-cell;
}

.supporter a img {
	width:87%;
}
.copyright {
	color: #fff;
	font-size: 0.65em;
}

/***********************************************/