@charset "UTF-8";

/* *******************************************************************************************
* 
*	クイズ!お酒に関するウソ・ホント
*
******************************************************************************************* */

#suntory_contents .arpSection-quiz{
	padding: 20px;
}
#suntory_contents .arpContents_quiz_inner{
	min-height: 460px;
	background: url(../img/quiz_bg_blu_pc.png) center bottom no-repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}
#suntory_contents .arpContents_quiz_inner.cat-1{
	background: url(../img/quiz_bg_grn_pc.png) center bottom no-repeat;
}
#suntory_contents .arpContents_quiz_inner.cat-2{
	background: url(../img/quiz_bg_org_pc.png) center bottom no-repeat;
}
#suntory_contents #backBtn{
	display: none;
	margin: 0 auto;
	padding-top: 25px;
	width: 579px;
}

/* ----------------------------- クイズ表紙 ----------------------------- */

#suntory_contents #quizTop{
	text-align: center;
}
#suntory_contents .quizTop_ttl{
	padding-top: 42px;
	margin: 0 auto 12px auto;
	width: 322px;
}
#suntory_contents .quizTop_lead{
	margin-bottom: 19px;
	font-size: 150%;
	letter-spacing: 0.34em;
	line-height: 1.5em;
	font-weight: bold;
}
#suntory_contents .quizTop_start{
	margin: 0 auto;
	width: 360px;
}

/* ----------------------------- クイズ問題 ----------------------------- */

#quizLabel{
	position: relative;
}
#suntory_contents .arpContents_category{
	top: -20px;
}
#quizContent{
	text-align: center;
}
#questionHolder{
	display: none;
}
#suntory_contents .questionNo{
	padding-top: 54px;
	margin-bottom: 10px;
	font-size: 225%;
	letter-spacing: 0.34em;
	line-height: 1.6em;
	font-weight: bold;
}
#suntory_contents .questionTtl{
	margin-bottom: 40px;
	font-size: 225%;
	letter-spacing: 0.34em;
	line-height: 1.6em;
	font-weight: bold;
}
#suntory_contents .questionNav{
	margin: 0 auto;
	width: 640px;
}
#suntory_contents .questionNav_item{
	float: left;
	margin: 0 20px;
	width: 280px;
}
#suntory_contents .yesBtn,
#suntory_contents .noBtn{
	display: block;
	padding: 16px;
	width: 280px;
	height: 90px;
	background: #fff;
	border: 2px solid #808080;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#suntory_contents .yesBtn span,
#suntory_contents .noBtn span{
	margin: 0 auto;
	display: block;
	width: 56px;
	height: 56px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
#suntory_contents .yesBtn:hover span,
#suntory_contents .noBtn:hover span{
	opacity: .7;
}

/* ----------------------------- クイズ回答 ----------------------------- */

#answerHolder{
	display: none;
}
#suntory_contents .answerItem{
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 36px;
	width: 920px;
	text-align: left;
}
#suntory_contents .answerItem_img{
	float: left;
	margin-right: 25px;
	width: 395px;
}
#suntory_contents .answerItem_img_holder{
	border: 3px solid #000;
}
#suntory_contents .answerItem_content{
	float: left;
	width: 500px;
}
#suntory_contents .answerItem_q{
	margin-bottom: 25px;
	padding: 10px 20px;
	font-size: 113%;
	line-height: 2em;
	letter-spacing: 0.2em;
	font-weight: bold;
}
#suntory_contents .cat-1 .answerItem_q{
	background: #e9f9ec;
}
#suntory_contents .cat-2 .answerItem_q{
	background: #fef1e6;
}
#suntory_contents .answerItem_correct{
	margin-bottom: 23px;
	width: 255px;
}
#suntory_contents .answerItem_ex{
	margin-bottom: 15px;
	font-size: 113%;
	line-height: 2em;
	letter-spacing: 0.2em;
	font-weight: bold;
}
#suntory_contents .answerItem_link a{
	font-size: 150%;
	line-height: 1.3em;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-decoration: underline;
}
#suntory_contents .cat-1 .answerItem_link a{
	color: #48c554;
}
#suntory_contents .cat-2 .answerItem_link a{
	color: #f7a359;
}
#suntory_contents .answerItem_nav{
	clear: both;
	margin: 0 auto;
	padding-top: 26px;
	width: 920px;
	text-align: center;
}
#suntory_contents .answerItem_next{
	margin: 0 auto;
	width: 249px;
}
#suntory_contents .answerItem_try{
	display: none;
	margin: 0 auto;
	width: 282px;
}


@media screen and (max-width : 767px){

	#suntory_contents .arpContents_inner-btm{
		padding-top: 0px;
	}

	#suntory_contents .arpSection-quiz{
		padding: 8px;
	}
	#suntory_contents .arpContents_quiz_inner{ /* 274 */
		min-height: 370px;
		background: url(../img/quiz_bg_blu_sp.png) center bottom no-repeat;
		background-size: 100% auto;
	}
	#suntory_contents .arpContents_quiz_inner.cat-1{
		background: url(../img/quiz_bg_grn_sp.png) center bottom no-repeat;
		background-size: 100% auto;
	}
	#suntory_contents .arpContents_quiz_inner.cat-2{
		background: url(../img/quiz_bg_org_sp.png) center bottom no-repeat;
		background-size: 100% auto;
	}
	#suntory_contents #backBtn{
		display: none;
		margin: 0 auto;
		padding-top: 18px;
		padding-bottom: 10px;
		width: 244px;
	}

	/* ----------------------------- クイズ表紙 ----------------------------- */

	#suntory_contents .quizTop_ttl{
		padding-top: 57px;
		margin: 0 auto 5px auto;
		width: 205px;
	}
	#suntory_contents .quizTop_lead{
		margin-bottom: 12px;
		font-size: 94%;
		letter-spacing: 0.34em;
		line-height: 1.75em;
	}
	#suntory_contents .quizTop_start{
		width: 244px;
	}

	/* ----------------------------- クイズ問題 ----------------------------- */

	#suntory_contents .arpContents_category{
		top: -8px;
	}
	#suntory_contents .questionItem{
		padding: 0 16px 16px 16px;
	}
	#suntory_contents .questionNo{
		padding-top: 65px;
		margin-bottom: 10px;
		font-size: 163%;
		letter-spacing: 0.34em;
		line-height: 1.6em;
	}
	#suntory_contents .questionTtl{
		margin-bottom: 27px;
		font-size: 107%;
		letter-spacing: 0.14em;
		line-height: 1.75em;
	}
	#suntory_contents .questionNav{
		margin: 0 auto;
		width: 242px;
	}
	#suntory_contents .questionNav_item{
		margin: 0 5px;
		width: 111px;
	}
	#suntory_contents .yesBtn,
	#suntory_contents .noBtn{
		padding: 11px;
		width: 111px;
		height: 60px;
		border: 1px solid #808080;
	}
	#suntory_contents .yesBtn span,
	#suntory_contents .noBtn span{
		width: 36px;
		height: 36px;
	}
	#suntory_contents .yesBtn:hover span,
	#suntory_contents .noBtn:hover span{
		opacity: 1;
	}

	/* ----------------------------- クイズ回答 ----------------------------- */

	#suntory_contents .answerItem{
		padding: 48px 18px 26px 18px;
		width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#suntory_contents .answerItem_img{
		float: none;
		margin-right: 0;
		margin-bottom: 26px;
		width: 100%;
	}
	#suntory_contents .answerItem_img_holder{
		border: 2px solid #000;
	}
	#suntory_contents .answerItem_content{
		float: none;
		width: 100%;
	}
	#suntory_contents .answerItem_q{
		margin-bottom: 26px;
		padding: 11px 17px;
		font-size: 75%;
		line-height: 2em;
		letter-spacing: 0.2em;
	}
	#suntory_contents .answerItem_correct{
		margin: 0 auto 20px auto;
		width: 116px;
	}
	#suntory_contents .answerItem_ex{
		margin-bottom: 24px;
		font-size: 75%;
		line-height: 2em;
		letter-spacing: 0.2em;
	}
	#suntory_contents .answerItem_link a{
		font-size: 94%;
		line-height: 1.3em;
		letter-spacing: 0.2em;
	}
	#suntory_contents .answerItem_nav{
		width: 100%;
	}
	#suntory_contents .answerItem_next{
		width: 158px;
	}
	#suntory_contents .answerItem_try{
		width: 180px;
	}





}