@charset "utf-8";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                    quiz用css                    # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


/* クイズコンテンツ
---------------------------------------------------- */
#qs2,
#qs3,
#qs4,
#qs5,
#qs6,
#qs7,
#qs8,
#qs9,
#qs10,
#qs11,
#qs12,
#qs13,
#qs14,
#qs15,
#qs16,
#qs17,
#qs18,
#qs19,
#qs20,
.anserWrap,
#resultWrap {
	display:none;
}

#quizWrap {
	border-top:2px solid #ED1C24;
	border-bottom:2px solid #ED1C24;
	margin:20px 0;
	padding:30px 0;
}
#quizWrap #qs1 h4:before,
#quizWrap #as1 h4.qText:before {
	content:"Q1.";
}
#quizWrap #qs2 h4:before,
#quizWrap #as2 h4.qText:before {
	content:"Q2.";
}
#quizWrap #qs3 h4:before,
#quizWrap #as3 h4.qText:before {
	content:"Q3.";
}
#quizWrap #qs4 h4:before,
#quizWrap #as4 h4.qText:before {
	content:"Q4.";
}
#quizWrap #qs5 h4:before,
#quizWrap #as5 h4.qText:before {
	content:"Q5.";
}
#quizWrap #qs6 h4:before,
#quizWrap #as6 h4.qText:before {
	content:"Q6.";
}
#quizWrap #qs7 h4:before,
#quizWrap #as7 h4.qText:before {
	content:"Q7.";
}
#quizWrap #qs8 h4:before,
#quizWrap #as8 h4.qText:before {
	content:"Q8.";
}
#quizWrap #qs9 h4:before,
#quizWrap #as9 h4.qText:before {
	content:"Q9.";
}
#quizWrap #qs10 h4:before,
#quizWrap #as10 h4.qText:before {
	content:"Q10.";
}
#quizWrap #qs11 h4:before,
#quizWrap #as11 h4.qText:before {
	content:"Q11.";
}
#quizWrap #qs12 h4:before,
#quizWrap #as12 h4.qText:before {
	content:"Q12.";
}
#quizWrap #qs13 h4:before,
#quizWrap #as13 h4.qText:before {
	content:"Q13.";
}
#quizWrap #qs14 h4:before,
#quizWrap #as14 h4.qText:before {
	content:"Q14.";
}
#quizWrap #qs15 h4:before,
#quizWrap #as15 h4.qText:before {
	content:"Q15.";
}
#quizWrap #qs16 h4:before,
#quizWrap #as16 h4.qText:before {
	content:"Q16.";
}
#quizWrap #qs17 h4:before,
#quizWrap #as17 h4.qText:before {
	content:"Q17.";
}
#quizWrap #qs18 h4:before,
#quizWrap #as18 h4.qText:before {
	content:"Q18.";
}
#quizWrap #qs19 h4:before,
#quizWrap #as19 h4.qText:before {
	content:"Q19.";
}
#quizWrap #qs20 h4:before,
#quizWrap #as20 h4.qText:before {
	content:"Q20.";
}
#quizWrap .questionWrap ul li:before {
}
#quizWrap .questionWrap ul li.icoA:before {
	content:"A．";
}
#quizWrap .questionWrap ul li.icoB:before {
	content:"B．";
}
#quizWrap .questionWrap ul li.icoC:before {
	content:"C．";
}
#quizWrap .questionWrap ul li.icoD:before {
	content:"D．";
}
#quizWrap .questionWrap ul li.icoE:before {
	content:"E．";
}




/*PC Tablet*/
@media screen and (min-width: 421px) {
#quizWrap .questionWrap {
	padding:0 20px;
}
#quizWrap .questionWrap h4 {
	font-weight:lighter;
	font-size:14px;
	padding:10px 0 20px 0;
	background-image:none!important;
}
#quizWrap .anserWrap h4 {
	font-weight:lighter;
	font-size:14px;
	background-image:none!important;
}
#quizWrap #resultWrap h4 {
	color:#ED1C24;
	font-weight:bold;
	font-size:16px;
	padding:0 0 10px 0;
	background-image:none!important;
	text-align:center;
}
#quizWrap #resultWrap .resultRead p {
	font-weight:bold;
	font-size:16px;
	padding:10px 0 20px 0!important;
	text-align:center;
}

#quizWrap .questionWrap ul li {
	font-size:16px;
	padding:10px 30px 10px 15px;
	background-color:#666666;
	margin-bottom:10px;
	color:#FFF;
	background-image: url(../../images/quiz/ico_link_sp.gif);
    background-position: 98% center;
    background-repeat: no-repeat;
}
#quizWrap .questionWrap ul li:hover {
	text-decoration:underline;
}
#quizWrap h5 {
	background-image:none!important;
    border-bottom: none!important;
    clear: both;
    color: #ED1C24;
    font-size: 16px!important;
    font-weight: bold;
    line-height: 130%;
    padding:0!important;
    margin:0 0 10px!important;
}
#quizWrap .anserWrap .next {
	font-size: 16px;
    padding: 10px 15px;
    width:150px;
    background-color: #666666;
    margin:20px auto 10px;
    color: #FFF;
    background-image: url(../../images/quiz/ico_link_sp.gif);
    background-position: 95% center;
    background-repeat: no-repeat;
}
#quizWrap .anserWrap .next:hover {
    text-decoration:underline;
}
#quizWrap .anserWrap .result {
	text-align:right;
	font-weight:bold;
	font-size:20px;
	margin:0 auto;
	padding:30px 0;
}
#quizWrap .anserWrap .correct {
	background-image: url(../../images/quiz/ico_crrect.png);
	background-position: left center;
	background-repeat: no-repeat;
	width:90px;
}
#quizWrap .anserWrap .miss {
	background-image: url(../../images/quiz/ico_miss.png);
	background-position: left center;
	background-repeat: no-repeat;
	width:110px;
}

#quizWrap .retry {
	font-size: 16px;
    padding: 10px 15px;
    width:150px;
    background-color: #666666;
    margin:20px auto 10px;
    color: #FFF;
    background-image: url(../../images/quiz/ico_link_sp.gif);
    background-position: 95% center;
    background-repeat: no-repeat;
}
#quizWrap .retry:hover {
    text-decoration:underline;
}

#quizWrap #resultWrap .resultStar .star5 {
	background-image: url(../../images/quiz/star5.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star4 {
	background-image: url(../../images/quiz/star4.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star3 {
	background-image: url(../../images/quiz/star3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star2 {
	background-image: url(../../images/quiz/star2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star1 {
	background-image: url(../../images/quiz/star1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star0 {
	background-image: url(../../images/quiz/star0.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultListArea {
	background-color:#F7F7F7;
	padding:10px 20px;
	margin-bottom:20px;
}
#quizWrap #resultWrap .resultListArea ul li {
	border-bottom:1px solid #CCC;
	padding:10px;
}
#quizWrap #resultWrap .resultListArea ul li p {
	padding-right:40px !important;
}
#quizWrap #resultWrap .resultListArea ul li p.qText {
	font-size:16px !important;
	text-indent: -2.5em;
	padding-left:2.5em !important;
}
#quizWrap #resultWrap .resultListArea ul li p.qText span {
	color:#ED1C24;
	font-size: 16px;
    font-weight: lighter;
}
#quizWrap #resultWrap .resultListArea ul li p.aText {
	font-weight:bold;
	padding-left:2.9em !important;
}
#quizWrap #resultWrap .resultListArea ul li:last-child {
	border-bottom:none;
}
#quizWrap #resultWrap .resultListArea ul li.correct {
	background-image: url(../../images/quiz/ico_crrect.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#quizWrap #resultWrap .resultListArea ul li.miss {
	background-image: url(../../images/quiz/ico_miss.png);
	background-position: right center;
	background-repeat: no-repeat;
}
strong:after {content:"』";}
.pointer {
	cursor:pointer;
}
#quizWrap p.pageNum {
	text-align:center;
	padding:20px 0 0 !important;
}

#quizWrap .anserWrap h4.qText {
	padding:10px 20px 20px;
}
#quizWrap .anserWrap h4.aText {
	margin:0 20px!important;
	background-color:#666666;
	font-size: 16px;
	color:#FFF;
	padding:10px 15px!important;
}
#quizWrap .anserWrap .aArea {
	background-color:#F7F7F7;
	padding:25px;
}

#quizWrap .questionWrap h4:before,
#quizWrap .anserWrap h4.qText:before {
	display:block;
	color:#ED1C24;
	font-size:32px;
	font-weight:bold;
	margin-bottom:15px;
}
}




/*SmartPhone*/
@media screen and (max-width: 420px) {
#quizWrap .questionWrap {
	padding:0 0;
}
#quizWrap .questionWrap h4 {
	font-weight:lighter;
	font-size:14px;
	padding:0 0 20px 0;
	background-image:none!important;
}
#quizWrap .anserWrap h4 {
	font-weight:lighter;
	font-size:14px;
	background-image:none!important;
}
#quizWrap #resultWrap h4 {
	color:#ED1C24;
	font-weight:bold;
	font-size:16px;
	padding:0 0 10px 0;
	background-image:none!important;
	text-align:center;
}
#quizWrap #resultWrap .resultRead p {
	font-weight:bold;
	font-size:16px;
	padding:10px 0 20px 0!important;
	text-align:center;
}

#quizWrap .questionWrap ul li {
	font-size:14px;
	padding:10px 30px 10px 15px;
	background-color:#666666;
	margin-bottom:10px;
	color:#FFF;
	background-image: url(../../images/quiz/ico_link_sp.gif);
    background-position: 98% center;
    background-repeat: no-repeat;
}
#quizWrap .questionWrap ul li:hover {
	text-decoration:underline;
}
#quizWrap h5 {
	background-image:none!important;
    border-bottom: none!important;
    clear: both;
    color: #ED1C24;
    font-size: 16px!important;
    font-weight: bold;
    line-height: 130%;
    padding:0!important;
    margin:0 0 10px!important;
}
#quizWrap .anserWrap .next {
	font-size: 16px;
    padding: 10px 15px;
    width:150px;
    background-color: #666666;
    margin:20px auto 10px;
    color: #FFF;
    background-image: url(../../images/quiz/ico_link_sp.gif);
    background-position: 95% center;
    background-repeat: no-repeat;
}
#quizWrap .anserWrap .next:hover {
    text-decoration:underline;
}
#quizWrap .anserWrap .result {
	text-align:right;
	font-weight:bold;
	font-size:20px;
	margin:0 auto;
	padding:30px 0;
}
#quizWrap .anserWrap .correct {
	background-image: url(../../images/quiz/ico_crrect.png);
	background-position: left center;
	background-repeat: no-repeat;
	width:90px;
}
#quizWrap .anserWrap .miss {
	background-image: url(../../images/quiz/ico_miss.png);
	background-position: left center;
	background-repeat: no-repeat;
	width:110px;
}

#quizWrap .retry {
	font-size: 16px;
    padding: 10px 15px;
    width:150px;
    background-color: #666666;
    margin:20px auto 10px;
    color: #FFF;
    background-image: url(../../images/quiz/ico_link_sp.gif);
    background-position: 95% center;
    background-repeat: no-repeat;
}
#quizWrap .retry:hover {
    text-decoration:underline;
}

#quizWrap #resultWrap .resultStar .star5 {
	background-image: url(../../images/quiz/star5.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star4 {
	background-image: url(../../images/quiz/star4.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star3 {
	background-image: url(../../images/quiz/star3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star2 {
	background-image: url(../../images/quiz/star2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star1 {
	background-image: url(../../images/quiz/star1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultStar .star0 {
	background-image: url(../../images/quiz/star0.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height:50px;
}
#quizWrap #resultWrap .resultListArea {
	background-color:#F7F7F7;
	padding:10px 20px;
	margin-bottom:20px;
}
#quizWrap #resultWrap .resultListArea ul li {
	border-bottom:1px solid #CCC;
	padding:10px 0;
}
#quizWrap #resultWrap .resultListArea ul li p {
	padding-right:40px !important;
}
#quizWrap #resultWrap .resultListArea ul li p.qText {
	font-size:14px !important;
	text-indent: -2.5em;
	padding-left:2.5em !important;
}
#quizWrap #resultWrap .resultListArea ul li p.qText span {
	color:#ED1C24;
	font-size: 14px;
    font-weight: lighter;
}
#quizWrap #resultWrap .resultListArea ul li p.aText {
	font-weight:bold;
	padding-left:2.9em !important;
}
#quizWrap #resultWrap .resultListArea ul li:last-child {
	border-bottom:none;
}
#quizWrap #resultWrap .resultListArea ul li.correct {
	background-image: url(../../images/quiz/ico_crrect.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#quizWrap #resultWrap .resultListArea ul li.miss {
	background-image: url(../../images/quiz/ico_miss.png);
	background-position: right center;
	background-repeat: no-repeat;
}
strong:after {content:"』";}
.pointer {
	cursor:pointer;
}
#quizWrap p.pageNum {
	text-align:center;
	padding:20px 0 0 !important;
}

#quizWrap .anserWrap h4.qText {
	padding:0 0 20px;
}
#quizWrap .anserWrap h4.aText {
	margin:0 0 !important;
	background-color:#666666;
	font-size: 14px;
	color:#FFF;
	padding:10px 15px!important;
}
#quizWrap .anserWrap .aArea {
	background-color:#F7F7F7;
	padding:25px;
}

#quizWrap .questionWrap h4:before,
#quizWrap .anserWrap h4.qText:before {
	display:block;
	color:#ED1C24;
	font-size:32px;
	font-weight:bold;
	margin-bottom:15px;
}
}