/* =================================
	ANASORE Story CSS
================================= */

/*	header
============================== */

.qanda main div.brd {
    background-image: url(../img/qanda_header.jpg);
    background-position: left top;
 }

@media all and (min-width: 768px) {
.qanda main div.brd > div.inner {
	padding:0 0 0px; 
	min-height:207px;
	height:auto !important;
	height:207px;
	/*height:417px;*/
}
.qanda main div.brd > div.inner {
	background-image:none;
}
.qanda h1{ 
	width:655px;
	height: 207px;
}
.qanda_text{
	width:648px;
	height: 371px;
	background-image: url(../img/qanda_text.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
.qanda_Qarea{
	width:533px;
	
	background-color: #fee8f6;
	border-radius: 10px;
	margin: 5px auto 0;
}

}
@media all and (max-width: 767px) {
.qanda h1{ 
	height:0;
	padding-top:31.603%;
}
.qanda_text {
	background-image: url(../img/qanda_text2.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:103.14814%;
	margin:0 auto ;
}
.qanda_kensaku {
	background-image: url(../img/blog_kensaku.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:14.217%;
	margin:0 auto 0;
}
.cmn main div.brd > div.inner {
    padding: 0 10px 0px;
}
}

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





/* Qarea */

div.q h3.qn{ background-image:url(../img/qanda_q.png);}
div.q h3.qn2{ background-image:url(../img/qanda_q2.png);}
div.q h3.qn3{ background-image:url(../img/qanda_q3.png);}
div.q h3.qn4{ background-image:url(../img/qanda_q4.png);}
div.q h3.qn5{ background-image:url(../img/qanda_q5.png);}
div.q h3.qn6{ background-image:url(../img/qanda_q6.png);}
div.q h3.qn7{ background-image:url(../img/qanda_q7.png);}
div.q h3.qn8{ background-image:url(../img/qanda_q8.png);}
div.q h3.qn9{ background-image:url(../img/qanda_q9.png);}
div.q h3.qn10{ background-image:url(../img/qanda_q10.png);}

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


div.q {
	margin:10px 55px 30px;
	background:#ffe4e4;
	padding:5px 20px 20px;
	border-radius: 10px;
	box-shadow:0px 0px 6px 3px #ffe4e4;
	-moz-box-shadow:0px 0px 6px 3px #ffe4e4;
	-webkit-box-shadow:0px 0px 6px 3px #ffe4e4;
}

div.q a {
	margin:0 auto;
}

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

div.q > h3 {
	width:315px;
	height:38px;
	margin:17px auto 0px;
}

div.q a {
	display:block;
	background-image:url(../img/qanda_oubobtn.png);
	width:250px;
	height:46px;
}
.pre_info_text{
	padding: 20px 25px 15px;
	font-size: 90%;
	line-height: 1.7;
	}
.pre_info_text_in{
	padding: 10px 0px 20px;
	font-size: 100%;
	line-height: 1.7;
	}
}

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


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

div.q {
	margin:10px 20px 20px;
	background:#ffe4e4;
	padding:0 20px 20px;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0px 0px 6px 3px #ffe4e4;
	-moz-box-shadow:0px 0px 6px 3px #ffe4e4;
	-webkit-box-shadow:0px 0px 6px 3px #ffe4e4;
}
div.q > h3{
	background-size:220px 27px;
	width:220px;
	height:27px;
	margin:20px auto 0px;
}

div.q a {
	margin:0 auto;
}
div.q p.question {
	font-size:87.5%;
	margin-bottom:20px;
}
div.q a {
	display:block;
	background-image:url(../img/qanda_oubobtn.png);
	background-size:220px 41px;
	width:220px;
	height:41px;
}


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;
	}

}

/* qanda_en1
================================= */
p.qanda_en1 img{
	background-image:url(../img/qanda_en1.jpg?0421_2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* koe
================================= */

.koe{
	border-top:2px dashed #f5c8c8;
	margin:10px 0 0;
	padding: 20px 0 0; 
	line-height: 1.7;
	font-size: 90%;
}

.kotae1{
	font-weight: bold;
	color: #f55775;
	font-size: 110%;
}

.kotae2{
	font-weight: bold;
	color: #5ca4f1;
	font-size: 110%;
}

.kotae_list li{
	padding-left: 1em;
  	text-indent: -1em;
  	margin: 0 0 1em;

}

.hoka{
	text-align: right;
}


/*	backnumber
============================== */

/* h2 */
@media all and (min-width: 768px) {
.bknum_area{
	padding: 0 55px 30px;
}
main section.bknum h2 {
	font-size:87.5%;
	padding:10px 20px;
}
}
@media all and (max-width: 767px) {
.bknum_area{
	padding: 0 20px 30px;
}
main section.bknum h2 {
	font-size:83%;
	padding:5px 10px;
}
}

/* h2_2 */
.qanda .bknum {
	border-top: 3px dashed #ffd2d5;
}
.qanda .bknum .bk_tit {
	display: block;
	width: 174px;
	height: 23px;
	background-image: url(../img/bk_tit.png);
	background-repeat: no-repeat;
	margin: 18px auto 0px;
}

/* list */
section.bknum ul.bn-pics li {
	border-bottom:1px solid #f4e6e5;
}
/*section.bknum ul.bn-pics li:nth-child(even) {
	background-color:hsla(10,16%,91%,0.5);
}*/
section.bknum ul.bn-pics li a,
section.bknum ul.bn-pics li a:before {
	display:block;
	line-height: 1.7;
}
section.bknum ul.bn-pics li a {
	text-decoration:none;
}
section.bknum ul.bn-pics li a:hover {
	text-decoration:underline;
}
section.bknum ul.bn-pics li:after {
	content:"";
	display:block;
	clear:both;
}

@media all and (min-width: 768px) {
section.bknum ul.bn-pics li {
	padding:10px;
}
section.bknum ul.bn-pics li a {
	font-size:87.5%;
}
section.bknum ul.bn-pics li a:before {
	width:114px;
}
}
@media all and (max-width: 767px) {
section.bknum ul.bn-pics li {
	padding:6px;
}
section.bknum ul.bn-pics li a {
	font-size:83%;
	line-height: 1.5;
}
section.bknum ul.bn-pics li .gyou2{
	font-size:83%;
	line-height:20px !important;
}
section.bknum ul.bn-pics li a:before {
	width:64px;
	height:36px;
}
}