/* =================================
	NIGEHAJI Present CSS
================================= */
article.presentquiz h2.pic_iphone,
article.presentquiz h2.pic_iphone_b,
article.presentquiz h2.pic_bag,
article.presentquiz h2.pic,
article.presentquiz div.q a,
article.presentquiz div.q h3.qn {
	background-repeat:no-repeat;
	text-indent:100%;		/* 指定した分ずらす */	
	white-space:nowrap;	/* 改行させない */	
	overflow:hidden;		/* はみ出た部分を表示しない */
}
article.presentquiz {
	padding-bottom:20px;
}




article.presentquiz div.q p.question {
	text-align:justify;
	display:block;
	margin:0 auto;
	line-height:1.5;
}



p.question span {
	display:block;
	padding-left:1.5em;
}

article.presentquiz {
	background: url(../img/present_bg.jpg?0414);
	border-radius:10px;
}

article.presentquiz ul.kome {
	margin:0 20px;
}

article.qbn {
	margin:20px;
}

article.qbn h2 {
	background-color:#ffe7cf;
	padding:15px;
	margin:0 -20px 20px;
	border-radius:10px;
}






@media all and (min-width: 768px) {

article.presentquiz h2.pic {
	background-image:url(../img/present_quiz.jpg?0428);
	width:587px;
	height:319px;
	margin:0 auto -15px;
}

article.presentquiz h2.pic_bag {
	background-image:url(../img/present_quiz_bag.jpg);
	width:587px;
	height:319px;
	margin:0 auto -15px;
}

article.presentquiz h2.pic_iphone {
	background-image:url(../img/present_quiz_iphone.jpg);
	width:587px;
	height:319px;
	margin:0 auto -15px;
}
article.presentquiz h2.pic_iphone_b {
	background-image:url(../img/present_quiz_iphone_b.jpg);
	width:587px;
	height:319px;
	margin:0 auto -15px;
}

article.presentquiz div.q {
	margin:10px 24px 20px;
	background:#fff5ea;
	padding:5px 20px 20px;
	border-radius: 10px;
}

article.presentquiz div.q a {
	margin:0 auto;
}

article.presentquiz div.q p.question {
	margin-bottom:10px;
}


article.presentquiz div.q h3.qn {
	background-image:url(../img/present_q.png?0414);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn2 {
	background-image:url(../img/present_q2.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn3 {
	background-image:url(../img/present_q3.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn4 {
	background-image:url(../img/present_q4.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn5 {
	background-image:url(../img/present_q5.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn6 {
	background-image:url(../img/present_q6.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn7 {
	background-image:url(../img/present_q7.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn8 {
	background-image:url(../img/present_q8.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn9 {
	background-image:url(../img/present_q9.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}
article.presentquiz div.q h3.qn10 {
	background-image:url(../img/present_q10.png);
	width:315px;
	height:38px;
	margin:17px auto 0px;
}

.oubo a {
	display:block;
	background-image:url(../img/present_oubobtn.jpg?0414);
	width:326px;
	height:45px;
	border-radius:10px;
}
.pre_info_text{
	padding: 20px 25px 15px;
	font-size: 90%;
	line-height: 1.7;
	}
.pre_info_text_in{
	padding: 10px 0px 10px;
	font-size: 90%;
	line-height: 1.7;
	}
.pre_info_text_in2{
	padding: 10px 0px 10px;
	font-size: 100%;
	line-height: 1.7;
	}
}

.select_box{
	line-height: 1.7;
	margin: 20px 0;
}

@media all and (max-width: 767px) {
article.presentquiz h2.pic span {
	display:block;
	background-image:url(../img/present_quiz2.png?0428);
	border-radius:10px;
}

article.presentquiz h2.pic {
	display:block;
	position:relative;
	height:0;
	padding-top:69.846%;
}

article.presentquiz h2.pic span {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

article.presentquiz h2.pic_bag span {
	display:block;
	background-image:url(../img/present_quiz2_bag.png);
	border-radius:10px;
}

article.presentquiz h2.pic_bag {
	display:block;
	position:relative;
	height:0;
	padding-top:69.846%;
}

article.presentquiz h2.pic_bag span {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

article.presentquiz h2.pic_iphone span {
	display:block;
	background-image:url(../img/present_quiz_iphone2.png);
	border-radius:10px;
}

article.presentquiz h2.pic_iphone {
	display:block;
	position:relative;
	height:0;
	padding-top:69.846%;
}

article.presentquiz h2.pic_iphone span {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

article.presentquiz h2.pic_iphone_b span {
	display:block;
	background-image:url(../img/present_quiz_iphone_b_2.png);
	border-radius:10px;
}

article.presentquiz h2.pic_iphone_b {
	display:block;
	position:relative;
	height:0;
	padding-top:69.846%;
}

article.presentquiz h2.pic_iphone_b span {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


article.presentquiz div.q {
	margin:10px 20px 20px;
	background:#fff5ea;
	padding:0 20px 20px;
	border-radius:10px;
	overflow:hidden;
}


article.presentquiz div.q h3.qn {
	background-image:url(../img/present_q.png?0414);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}

article.presentquiz div.q h3.qn2 {
	background-image:url(../img/present_q2.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn3 {
	background-image:url(../img/present_q3.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn4 {
	background-image:url(../img/present_q4.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn5 {
	background-image:url(../img/present_q5.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn6 {
	background-image:url(../img/present_q6.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn7 {
	background-image:url(../img/present_q7.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn8 {
	background-image:url(../img/present_q8.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn9 {
	background-image:url(../img/present_q9.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}
article.presentquiz div.q h3.qn10 {
	background-image:url(../img/present_q10.png);
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}

article.presentquiz div.q a {
	margin:0 auto;
}

article.presentquiz div.q p.question {
	font-size:87.5%;
	margin-bottom:20px;
}

article.presentquiz div.q a {
	display:block;
	background-image:url(../img/present_oubobtn.jpg?0414);
	background-size:220px 34px;
	width:220px;
	height:34px;
	border-radius:10px;
}


article.qbn {
	font-size:87.5%;
}

.pre_info_text{
	padding: 0px 25px 10px;
	font-size: 90%;
	line-height: 1.7;
	margin: 0 0 0px;
	}
.pre_info_text_in{
	padding: 10px 0px 10px;
	font-size: 90%;
	line-height: 1.7;
	}
.pre_info_text_in2{
	padding: 10px 0px 10px;
	font-size: 100%;
	line-height: 1.7;
	}

}







/* 　Present quiz backnumber
================================= */


article.presentquiz div.q dl dt,
article.qbn dl dt {
	float:left;
	line-height:1.5;
}

article.presentquiz div.q dl dd,
article.qbn dl dd {
	margin-left:2.5em;
	margin-bottom:8px;
	line-height:1.5;
}

article.presentquiz div.ch dl dd {
	margin-left:1.5em;
	margin-bottom:8px;
	line-height:1.5;
}

@media all and (min-width: 768px) {

}

@media all and (max-width: 767px) {
	
article.presentquiz div.q dl dt,
article.presentquiz div.q dl dd,
article.presentquiz div.ch dl dd {
	font-size:87.5%;
}

}

/* pre_pre_pic1
================================= */
p.pre_pre_pic1 img{
	background-image:url(../img/present_present1.png);
}

@media all and (min-width: 768px) {
p.pre_pre_pic1 {
	width:270px;
	margin:0 auto;
}

p.pre_pre_pic1 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pre_pic1 {
	width:270px;
	margin:0 auto;
}

p.pre_pre_pic1 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}

/* pre_pic1
================================= */
p.pre_pic1 img{
	background-image:url(../img/present_pic1.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic1 {
	width:270px;
	margin:0 auto;
}

p.pre_pic1 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic1 {
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic1 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic2
================================= */
p.pre_pic2 img{
	background-image:url(../img/present_pic2.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic2 {
	width:270px;
	margin:0 auto;
}

p.pre_pic2 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic2{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic2 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic3
================================= */
p.pre_pic3 img{
	background-image:url(../img/present_pic3.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic3 {
	width:270px;
	margin:0 auto;
}

p.pre_pic3 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic3{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic3 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic4
================================= */
p.pre_pic4 img{
	background-image:url(../img/present_pic4.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic4 {
	width:270px;
	margin:0 auto;
}

p.pre_pic4 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic4{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic4 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic5
================================= */
p.pre_pic5 img{
	background-image:url(../img/present_pic5.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic5 {
	width:270px;
	margin:0 auto;
}

p.pre_pic5 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic5{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic5 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic6
================================= */
p.pre_pic6 img{
	background-image:url(../img/present_pic6.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic6 {
	width:270px;
	margin:0 auto;
}

p.pre_pic6 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic6{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic6 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic7
================================= */
p.pre_pic7 img{
	background-image:url(../img/present_pic7.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic7 {
	width:270px;
	margin:0 auto;
}

p.pre_pic7 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic7{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic7 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic8
================================= */
p.pre_pic8 img{
	background-image:url(../img/present_pic8.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic8 {
	width:270px;
	margin:0 auto;
}

p.pre_pic8 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic8{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic8 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic9
================================= */
p.pre_pic9 img{
	background-image:url(../img/present_pic9.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic9 {
	width:270px;
	margin:0 auto;
}

p.pre_pic9 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic9{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic9 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
/* pre_pic10
================================= */
p.pre_pic10 img{
	background-image:url(../img/present_pic10.jpg);
}

@media all and (min-width: 768px) {
p.pre_pic10 {
	width:270px;
	margin:0 auto;
}

p.pre_pic10 img {
	width:270px;
	height:270px;
	text-indent:100%;
	white-space:nowrap;overflow:hidden;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
p.pre_pic10{
	display:block;
	position:relative;
	height:0;
	padding-top:100%;
	margin:0 auto;
}

p.pre_pic10 img{
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}