@charset "UTF-8";

/* ========================================
	check
======================================== */
.p-check {
	padding-top: 34px;
	margin-bottom: -13%;
	background: url(../images/check/bg_wood.jpg) center top no-repeat;
	background-size: cover;
}
.p-check-curtain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 0;
}
.p-check-curtain_left {
	float: left;
	width: 14.93333%; /* 112 / 750 * 100 */
}
.p-check-curtain_right {
	float: right;
	width: 12.53333%; /* 94 / 750 * 100 */
}

.p-check-contents {
	display: none;
	position: relative;
	z-index: 5;
	width: 94.13333%; /* 706 / 750 * 100 */
	margin: auto;
	padding-bottom: 95px;
}
.p-check-contents_top img,
.p-check-contents_bottom img {
	display: block;
}
.p-check-contents_inner {
	position: relative;
	background: url(../images/check/contents_bg_middle.png) center top repeat-y;
	background-size: 100% auto;
}
.p-check-contents_bottom-deco {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


/* ========================================
	.p-check-start
======================================== */
.p-check-start {
	position: relative;
	z-index: 60;
}
.p-check-start_ttl {
	margin-top: -24px;
	margin-bottom: 10px;
}
.p-check-start_lead {
	width: 88.8%; /* 666 / 750 * 100 */
	margin: 0 auto 4px;
}
.p-check-start_btn {
	position: relative;
	width: 54.4%; /* 408 / 750 * 100 */
	margin: auto;
	cursor: pointer;
}
.p-check-start_chara {
	margin-top: -14%;
}

/* ========================================
	.p-check-quiz
======================================== */
.p-check-quiz {
	position: relative;
	z-index: 5;
	min-height: 360px;
	padding-bottom: 20px;
}
.p-check-quizpath {
	position: absolute;
	top: -23px;
	left: 0;
	width: 100%;
	text-align: center;
}
.p-check-quizpath li {
	display: inline-block;
	width: 32px;
	height: 55px;
	margin: 0 3px;
}
.p-check-quizpath_no01,
.p-check-quizpath_no02,
.p-check-quizpath_no03,
.p-check-quizpath_no04,
.p-check-quizpath_no05 {
	background: center center no-repeat;
	background-size: contain;
}
.p-check-quizpath_no01 {	background-image: url(../images/check/pager01.png);	}
.p-check-quizpath_no02 {	background-image: url(../images/check/pager02.png);	}
.p-check-quizpath_no03 {	background-image: url(../images/check/pager03.png);	}
.p-check-quizpath_no04 {	background-image: url(../images/check/pager04.png);	}
.p-check-quizpath_no05 {	background-image: url(../images/check/pager05.png);	}
.p-check-quizpath_no01.is-current {	background-image: url(../images/check/pager01_current.png);	}
.p-check-quizpath_no02.is-current {	background-image: url(../images/check/pager02_current.png);	}
.p-check-quizpath_no03.is-current {	background-image: url(../images/check/pager03_current.png);	}
.p-check-quizpath_no04.is-current {	background-image: url(../images/check/pager04_current.png);	}
.p-check-quizpath_no05.is-current {	background-image: url(../images/check/pager05_current.png);	}

.p-check-quiz_ttl {
	padding-top: 12%;
}
.p-check-quiz_answers {
	width: 86.11898%; /* 608 / 706 * 100 */
	margin: auto;
}
.p-check-quiz_answer:not(:last-child) {
	margin-bottom: 6px;
	cursor: pointer;
}

/* ========================================
	.p-check-result
======================================== */
.p-check-result {
	display: none;
	position: relative;
	z-index: 5;
	min-height: 514px;
}
.p-check-result_bg {
	position: absolute;
	top: -12px;
	left: -2.93333%;
	width: 106.23229%; /* 750 / 706 * 100 */
}
.p-check-result_ttl {
	position: relative;
	top: -24px;
}
.p-check-result_chara {
	margin-top: -35px;
	margin-bottom: 12px;
}
.p-check-result_lead {
	margin-bottom: 25px;
}
.p-check-result_movie-wrapper {
	margin-bottom: 28px;
	padding: 0 16px;
}
.p-check-result_movie {
	position: relative;
	width: 100%;
    padding-top: 68.63057%; /* 431 / 628 * 100 */
	background: url(../images/check/result_movie.png) center center no-repeat;
	background-size: 100% auto;
}
.p-check-result_movie:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-check-result_slider-wrap {
	position: absolute;
	top: 10.20882%; /* 44 / 431 * 100 */
	left: 4.29936%; /* 27 / 628 * 100 */
	width: 91.40127%; /* 574 / 628 * 100 */
	height: 79.58237%; /* 343 / 431 * 100 */
}
.p-check-result_text1 {
	margin-bottom: 28px;
}
.p-check-result_text2 {
	margin-bottom: 29px;
}
.p-check-result_sns {
	position: relative;
	margin-bottom: 18px;
}
.p-check-result_twitter {
	position: absolute;
	top: 16.15385%; /* 21 / 130 * 100 */
	right: 42.91785%; /* 303 / 706 * 100 */
	width: 12.46459%; /* 88 / 706 * 100 */
	cursor: pointer;
}
.p-check-result_facebook {
	position: absolute;
	top: 16.15385%; /* 21 / 130 * 100 */
	right: 27.33711%; /* 193  / 706 * 100 */
	width: 12.60623%; /* 89 / 706 * 100 */
	cursor: pointer;
}
.p-check-result_line {
	position: absolute;
	top: 16.15385%; /* 21 / 130 * 100 */
	right: 11.75637%; /* 83 / 706 * 100 */
	width: 12.46459%; /* 88 / 706 * 100 */
	cursor: pointer;
}
.p-check-result_btn {
	position: relative;
	padding-bottom: 20px;
}

.p-check-retry {
	display: none;
	position: relative;
	top: -70px;
	z-index: 80;
	width: 67.73333%; /* 508 / 750 * 100 */
	margin: auto;
	cursor: pointer;
}

.l-footer {
	position: relative;
	z-index: 70;
}