@charset "utf-8";
/* CSS Document */

/*======================
pc_backgrond
======================*/
.pc_backgrond{
	background-image: url( "images/pc_bg.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
	background-color: #FFF5E9;
}

.wrapper{
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 490px) {
.pc_backgrond{
	background-image: none;
}
	.pc_backgrond::before{
		content: "";
		background: url( "images/sp_bg_top.png") no-repeat bottom/cover;
		width: 100%;
		height: 153px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.pc_backgrond::after{
		content: "";
		background: url( "images/sp_bg_btm.png") no-repeat top/cover;
		width: 100%;
		height: 192px;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
}


/*======================
mv
======================*/
.mv{
	padding-top: 80px;
	padding-bottom: 80px;
}
.mv_logo{
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.mv_date{
	max-width: 610px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.mv_ticket{
	max-width: 236px;
	margin:  0 auto;
}


@media only screen and (max-width: 490px) {
	.mv{
	padding-top: 0;
		padding-bottom: 0;
		height: 100vh;
		position: relative;
}
	.mv .mv_wrap{
		width: 100%;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.mv_logo{
	max-width: 290px;
}
.mv_date{
	max-width: 316px;
}
	.mv_ticket{
	max-width: 180px;
}
}




/*======================
カウンター
======================*/
.counter{
		max-width: 500px;
	margin: 0 auto;
	margin-top: 40px;
	background-color: #fff;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 3px 3px 6px rgba(196,196,196,0.2);
}
.counter .atdays {
	/*width: 360px;
	margin: 0 auto;*/
    display:block;
   /* background: #fff;*/
    color: #313131;
/*    padding:6px 20px;*/
    position: relative;
    border-radius: 6px;
    font-size:22px;
	font-weight: 600;
	text-align: center;
	/*box-shadow: 3px 3px 6px rgba(196,196,196,0.2);*/
}
/*.counter .atdays:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    z-index: 2;
}*/
.counter #countTimer {
    margin: 0;
    font-size:45px;
    font-weight: 600;
    letter-spacing: 0.08rem;
    text-align: center;
	color: #313131;
}
.counter #countTimer span {
	font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 20px;
    font-weight:600;
    margin-right: 10px;
	color: #313131;
}

@media only screen and (max-width: 767px) {
	.counter {
		padding: 15px;
	}
	.counter #countTimer{
		font-size: 30px;
	}
}


/*======================
footer
======================*/
.copy{
	padding: 6px;
	padding-bottom: 8px;
}