@charset "utf-8";

/*-----------------------------------------------
 content
-----------------------------------------------*/

#content{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 86px;
	background: url(../img/bg-repeat.png) repeat-y center top;
}

/*-----------------------------------------------
 keyvisual
-----------------------------------------------*/
#keyvisual{
	position: relative;
	background: url(../img/top/line.png) no-repeat center bottom,
		url(../img/top/bg-keyvisual.png) no-repeat top center,
		url(../img/bg-repeat.png) repeat-y center top;
	padding-bottom: 54px;
}
#keyvisual .inner{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#keyvisual h1 {
	padding-top: 22px;
	margin-bottom: 50px;
}
#keyvisual .count{
	position: relative;
	width: 710px;
	height: 129px;
	background-color: #ffff01;
	margin: 0 auto 32px;
	padding: 0 24px;
	font-size: 0;
}
#keyvisual .count p:nth-child(1) img{
	margin-top: -35px;
}
#keyvisual .count p:nth-child(2) {
	display: inline-block;
	width: 218px;
	height: 65px;
	padding-top: 10px;
	background-color: #000;
	vertical-align: top;
}
#keyvisual .count .area{
	display: inline-block;
	width: 492px;
	height: 75px;
	box-sizing: border-box;
	background-color: #fff;
	border: 2px solid #000;
	font-size: 48px;
	text-align: center;
	line-height: 70px;
	font-family: 'arial black';
}
#keyvisual .count .area.finish{
	display: block;
	font-size: 45px;
	font-weight: bold;
    text-align: center;
    width: 100%;
    padding-top: 0px;
}
#keyvisual .count .area div{
	line-height: 90px;
}
#keyvisual .count span span{
	margin-right: 5px;
	font-size: 20px;
	font-weight: bold;
}
#keyvisual .broadcast {
	margin-bottom: 50px;
}
#keyvisual .broadcast p {
	margin-bottom: 15px;
	text-align: center;
}
#keyvisual .broadcast p:nth-of-type(2) {
	padding-top: 30px;
	margin-bottom: 5px;
}
#keyvisual .broadcast ul {
	font-size: 0;
	text-align: center;
}
#keyvisual .broadcast ul li {
	display: inline-block;
	margin: 0 8px;
}
#keyvisual .eve {
	margin-bottom: 36px;
}
#content .sns-pc {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#content .sns-pc ul{
	position: absolute;
	right: 0;
	top: 16px;
	z-index: 10;
}
#content .sns-pc ul li{
	display: inline-block;
	margin-left: 10px;
    vertical-align: top;
}

#content .intro {
	padding: 42px 0 57px;
	text-align: center;
	background: url(../img/top/bg-intro.png) no-repeat top center;
}
#content .intro .catch {
	margin-bottom: 20px;
}

#dialogue {
	text-align: center;
	margin-top: -46px;
	margin-bottom: 46px;
}
#dialogue .text{
	width: 865px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	background: url("../img/top/bg-dialogue02.jpg") no-repeat top center;
}
#dialogue .text01 {
	margin-right: 25px;
}
#dialogue .dialogue-block {
	width: 865px;
	margin: 0 auto;
	height: 1755px;
	background: url("../img/top/bg-dialogue01.jpg") no-repeat top center;
}

#dialogue .asuna,
#dialogue .miyuki,
#dialogue .index,
#dialogue .mai {
	position: relative;
	margin: 0 85px;
}


#dialogue .dialogue-block .c1{
	position: absolute;
    top: 30px;
    left: 0;
}
#dialogue .dialogue-block .c2{
	position: absolute;
    top: 239px;
    right: 0;
}
#dialogue .dialogue-block .c3{
	position: absolute;
    top: 511px;
    left: 0;
}
#dialogue .dialogue-block .c4{
	position: absolute;
    top: 714px;
    right: 0;
}
#dialogue .dialogue-block .c5{
	position: absolute;
    top: 1108px;
    left: 0;
}
#dialogue .dialogue-block .c6{
	position: absolute;
    top: 1396px;
    right: 0;
}
#dialogue .dialogue-block .pop1{
	position: absolute;
    top: 30px;
    right: 0;
}
#dialogue .dialogue-block .pop2{
	position: absolute;
    top: 239px;
    left: 0;
}
#dialogue .dialogue-block .pop3{
	position: absolute;
    top: 511px;
    right: 0;
}
#dialogue .dialogue-block .pop4{
	position: absolute;
    top: 714px;
    left: 0;
}
#dialogue .dialogue-block .pop5{
	position: absolute;
    top: 1108px;
    right: 0;
}
#dialogue .dialogue-block .pop6{
	position: absolute;
    top: 1396px;
    left: 0;
}
#dialogue .dialogue-block .border{
	position: absolute;
	width: 695px;
	height: 3px;
	left: 0;
}
#dialogue .border1,
#dialogue .border3,
#dialogue .border5,
#dialogue .border7{
	background-color: #ff0000;
}
#dialogue .border2,
#dialogue .border4,
#dialogue .border6,
#dialogue .border8{
	background-color: #0082ff;
}
#dialogue .border1{top:205px;}
#dialogue .border2{top:477px;}
#dialogue .border3{top:680px;}
#dialogue .border4{top:1073px;}
#dialogue .border5{top:1361px;}
#dialogue .border6{top:1752px;}

#dialogue .accordion .acc-btn {
	position: relative;
	text-align: center;
	padding-top: 56px;
	z-index: 10;
}
#dialogue .accordion .acc-box {
	position: relative;
	display: none;
}
#dialogue .accordion .dialogue-block {
	width: 865px;
	margin: 0 auto;
}
#dialogue .accordion .acc-box .text {
	text-align: center;
 }
#dialogue .accordion .asuna,
#dialogue .accordion .miyuki,
#dialogue .accordion .index,
#dialogue .accordion .mai {
	position: relative;
	margin: 0 85px;
}

#dialogue .acc-block01 .dialogue-block {
	height: 1812px;
	background: url(../img/top/bg-acc01.jpg) no-repeat;
}
#dialogue .acc-block01 .c1{
	position: absolute;
    top: 30px;
    left: 0;
}
#dialogue .acc-block01 .c2{
	position: absolute;
    top: 239px;
    right: 0;
}
#dialogue .acc-block01 .c3{
	position: absolute;
    top: 480px;
    left: 0;
}
#dialogue .acc-block01 .c4{
	position: absolute;
    top: 683px;
    right: 0;
}
#dialogue .acc-block01 .c5{
	position: absolute;
    top: 934px;
    left: 0;
}
#dialogue .acc-block01 .c6{
	position: absolute;
    top: 1146px;
    right: 0;
}
#dialogue .acc-block01 .c7{
	position: absolute;
    top: 1403px;
    left: 0;
}
#dialogue .acc-block01 .c8{
	position: absolute;
    top: 1619px;
    right: 0;
}
#dialogue .acc-block01 .pop1{
	position: absolute;
    top: 30px;
    right: 0;
}
#dialogue .acc-block01 .pop2{
	position: absolute;
    top: 239px;
    left: 0;
}
#dialogue .acc-block01 .pop3{
	position: absolute;
    top: 480px;
    right: 0;
}
#dialogue .acc-block01 .pop4{
	position: absolute;
    top: 683px;
    left: 0;
}
#dialogue .acc-block01 .pop5{
	position: absolute;
    top: 934px;
    right: 0;
}
#dialogue .acc-block01 .pop6{
	position: absolute;
    top: 1146px;
    left: 0;
}
#dialogue .acc-block01 .pop7{
	position: absolute;
    top: 1403px;
    right: 0;
}
#dialogue .acc-block01 .pop8{
	position: absolute;
    top: 1619px;
    left: 0;
}

#dialogue .acc-block01 .border1{top:205px;}
#dialogue .acc-block01 .border2{top:445px;}
#dialogue .acc-block01 .border3{top:649px;}
#dialogue .acc-block01 .border4{top:899px;}
#dialogue .acc-block01 .border5{top:1111px;}
#dialogue .acc-block01 .border6{top:1369px;}
#dialogue .acc-block01 .border7{top:1585px;}
#dialogue .acc-block01 .border8{top:1809px;}


#dialogue .acc-block02 .dialogue-block {
	height: 1755px;
	background: url(../img/top/bg-acc02.jpg) no-repeat;
}
#dialogue .acc-block02 .c1{
	position: absolute;
    top: 30px;
    left: 0;
}
#dialogue .acc-block02 .c2{
	position: absolute;
    top: 239px;
    right: 0;
}
#dialogue .acc-block02 .c3{
	position: absolute;
    top: 511px;
    left: 0;
}
#dialogue .acc-block02 .c4{
	position: absolute;
    top: 714px;
    right: 0;
}
#dialogue .acc-block02 .c5{
	position: absolute;
    top: 1108px;
    left: 0;
}
#dialogue .acc-block02 .c6{
	position: absolute;
    top: 1396px;
    right: 0;
}
#dialogue .acc-block02 .c7{
	position: absolute;
    top: 1572px;
    left: 0;
}
#dialogue .acc-block02 .c8{
	position: absolute;
    top: 1802px;
    right: 0;
}
#dialogue .acc-block02 .pop1{
	position: absolute;
    top: 30px;
    right: 0;
}
#dialogue .acc-block02 .pop2{
	position: absolute;
    top: 239px;
    left: 0;
}
#dialogue .acc-block02 .pop3{
	position: absolute;
    top: 511px;
    right: 0;
}
#dialogue .acc-block02 .pop4{
	position: absolute;
    top: 714px;
    left: 0;
}
#dialogue .acc-block02 .pop5{
	position: absolute;
    top: 1108px;
    right: 0;
}
#dialogue .acc-block02 .pop6{
	position: absolute;
    top: 1396px;
    left: 0;
}

#dialogue .acc-block02 .border1{top:205px;}
#dialogue .acc-block02 .border2{top:477px;}
#dialogue .acc-block02 .border3{top:680px;}
#dialogue .acc-block02 .border4{top:1073px;}
#dialogue .acc-block02 .border5{top:1361px;}
#dialogue .acc-block02 .border6{top:1752px;}

#content .copy{
	width: 865px;
	margin: 0 auto 10px;
	font-size: 8px;
	color: #fff;
}
.mfp-bg {
	background: #fff;
}
.mfp-container {
	cursor: default;
}
.mfp-auto-cursor .mfp-content .popup-img {
	position: relative;
	width: 910px;
	margin: 0 auto;
}
.mfp-auto-cursor .mfp-content .popup-img:hover {
	opacity: 0.7;
}
.mfp-figure:after {
	display: none;
}
.mfp-close-btn-in .mfp-close {
	background: url(../img/btn-close.png) no-repeat top center;
	width: 24px;
	height: 24px;
	font-size: 0;
	right: 80px;
	top: 65px;
	opacity: 1;
	color: #fff;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}
@media only screen and (max-width: 1000px) {
	#content .caution{
		padding: 20px 0;
		position: static;
		text-align: center;
	}
	#content .copy{
		font-size: 20px;
	}
	.mfp-wrap {
		position: fixed !important;
	}
	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
		top: 102px;
		font-size: 60px;
	}
	.mfp-close-btn-in .mfp-close {
		background-position-y: 2vw;
		width: 8%;
		height: 12%;
		right: 58px;
		top: 48px;
	}
}