@charset "utf-8";
#live img{
	width: 100%;
}
#live .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
#live{
	font-family: 'Noto Sans JP', sans-serif;
}
#live #header{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#live #header .inner{
	position: relative;
	background: url("../images/spheader_bg.jpg") no-repeat top center / cover;
	width: 100%;
	padding-top: 112.18%;
}
#live #header .main_ttl{
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 2%;
	left: 0;
	right: 0;
}
#live #header .main_ttl .img{
	background: url("../images/spheader_logo.png") no-repeat top center / cover;
	padding-top: 108.75%;
}
#live #info{
	background: url("../images/bg.jpg") no-repeat top center / cover;
	padding: 3% 0px;
}
#live #info .img{
	background: url("../images/spmain.png") no-repeat top center / cover;
	padding-top: 171.09%;
	width: 100%;
	margin: 0% auto;
}

#live #outline{
	background: url("../images/guide_bg.png") no-repeat top center / cover;
	padding: 8% 0;
}
#live #outline .img{
	background: url("../images/guide_sp.jpg?210630") no-repeat top center / cover;
	padding-top: 109.3%;
	margin: 0 auto;
}

#live .link{
	background: url("../images/bg.jpg") no-repeat top center / cover;
	padding: 3% 0;
}

#live .btn{
    width: 85%;
    background: #aa4500;
    font-size: 4.0vw;
    font-weight: bold;
    text-align: center;
    padding: 3% 1%;
    margin: 4% auto;
    border: 8px solid #F0F0F0;
    border-radius: 10px;
    box-shadow: 3px 5px 4px 0px #aaaaaa;
}
#live .gray{
	background: #9c9c9c;
	width: 85%;
	font-size: 4.0vw;
	font-weight: bold;
	text-align: center;
	padding: 3% 1%;
	margin: 1% auto 4%;
	border: 8px solid #F0F0F0;
	border-radius: 10px;
	box-shadow: 3px 5px 4px 0px #aaaaaa;
}
#live .btn a{
    display: block;
    color: #fff;
}
#live .gray a{
	color:#d4d4d4;
}
#live .btn:hover{
	opacity: 0.6;
    transition: 0.3s;
}
#live .btn a:hover{
    text-decoration: none;
}
#live .gray a:hover{
	 text-decoration: none;
}

#live #present{
	background: url("../images/bg.jpg") no-repeat top center / cover;
	padding: 1% 0 15%;
	width: 100%;
}
#live #present .img{
	background: url("../images/present_sp.jpg") no-repeat top center / cover;
	padding-top: 314.84%;
	margin: 0 auto;
	padding-bottom: 0%;
}
#live #present .btn a{
	color: #dd2296;
	text-decoration: none;
	
}
#live #present .btn{
    width: 85%;
    background: #F0F0F0;
    font-size: 4.0vw;
    font-weight: bold;
    text-align: center;
    padding: 3% 1%;
    margin: 0% auto 0%;
    border: 8px solid #dd2296;
    border-radius: 10px;
    box-shadow: 3px 5px 4px 0px #aaaaaa;
	transition-duration: .3s;
}
#live #present .btn a:hover{
    text-decoration: none;
	transition-duration: .3s;
	
}