/*------------------------------------------
クイズ
------------------------------------------*/
.quiz_intro {
	border-top:#333 solid 1px;
	border-bottom:#333 solid 1px;
	margin-bottom:30px;
	padding-top:20px;
}
.com-entry-page .head .quiz_intro p {
	margin:0 0 1em;
}
.quiz_txt_red {
	color:#e60012;
	font-size:100%;
}
.com-entry-page .head h3.quiz_question_txt, .com-entry-page .editor h3.quiz_question_txt {
	margin-top:25px;
	border-left:#35adea solid 6px;
	padding-left:7px;
}
.com-entry-page .head p.quiz_center_img, .com-entry-page .editor p.quiz_center_img {
	width:580px;
	margin:0 auto 2em;
	font-size:100%;
}
.quiz_center_img img {
	width:100%;
	border:#ccc solid 1px;
	margin-bottom:15px;
	box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);
	height:auto;
}

.com-entry-page .head p.quiz_ttl_nobold, .com-entry-page .editor p.quiz_ttl_nobold, .quiz_ttl_nobold {
	margin-bottom:10px;
}
.com-entry-page .head p.quiz_ttl_bold, .com-entry-page .editor p.quiz_ttl_bold, .quiz_ttl_bold {
	font-weight:bold;
	margin-bottom:0;
	font-size:110%;
}
.quiz_karte {
	background:#d6ad85;
	border-radius:10px;
	padding:20px 15px;
	margin-bottom:30px;
}
.quiz_karte_inner {
	background:#fff;
	padding:30px 15px 1px;
	position:relative;
}
.quiz_karte_clip {
	position:absolute;
	top:-16px;
	left:50%;
	margin-left:-88px;
	width:196px;
}
.quiz_karte_clip img {
	width:100%;
	height:auto;
}
.com-entry-page .head .quiz_karte_inner ul, .com-entry-page .editor .quiz_karte_inner ul {
	margin-top:5px;
	margin-bottom:2em;
}


.quiz_voice_area {
	margin:15px 0 20px;
}
.arrow_box_left, .arrow_box_right {
	min-height:50px;
	margin-bottom:10px;
}
.arrow_box_left {
	background:url(https://medical-tribune.co.jp/rensai/quiz_doctor.png) 0 50%  no-repeat;
	background-size:50px auto;
	padding-left:60px;
	padding-right:60px;
}
.arrow_box_right {
	background:url(https://medical-tribune.co.jp/rensai/quiz_doctor.png) 100% 50%  no-repeat;
	background-size:50px auto;
	padding-right:60px;
	padding-left:60px;
}

.com-entry-page .editor .arrow_box_left p, .com-entry-page .editor .arrow_box_right p, .com-entry-page .head .arrow_box_left p, .com-entry-page .head .arrow_box_right p {
	position: relative;
	border-radius:5px;
	padding:5px 10px;
	margin-bottom:0;
}
.arrow_box_left p:after, .arrow_box_right p:after {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box_left p, .arrow_box_right p{
	background: #cae2ee;
}
.arrow_box_left p:after, .arrow_box_right p:after {
	border-color: rgba(202, 226, 238, 0);
}
.arrow_box_left p:after {
	right: 100%;
	border-right-color: #cae2ee;
}
.arrow_box_right p:after {
	left: 100%;
	border-left-color: #cae2ee;
}
.last_arrow_box p {
	background: #deeeca;
}
.last_arrow_box p:after {
	border-color: rgba(222, 238, 202, 0);
	border-right-color: #deeeca;
}

.com-entry-page .editor .quiz_select_box, .com-entry-page .head .quiz_select_box{
	margin-top:10px;
	margin-bottom:2em;
}
.com-entry-page .editor .quiz_select_box li, .com-entry-page .head .quiz_select_box li {
	border-bottom:#666 dotted 1px;
	border-right:#ccc solid 1px;
	background:none;
	padding-left:0;
}
.quiz_select_box li:first-child {
	border-top:#666 dotted 1px;
}
.quiz_select_box li a {
	display:block;
	padding:5px 15px;
	text-decoration:none;
	background:#fafafa;
	color:#222;
	position:relative;
}
.quiz_select_box li a:hover {
	background:#fffae7;
}
.quiz_select_box li a span {
	background:#0087cb;
	display:block;
	float:left;
	margin:-5px 12px 0 -15px;
	padding:5px 7px;
	color:#fff;
}
.quiz_select_box li a:hover span {
	background:#eabd35;
}
.quiz_select_box li a:after {
	content:url(https://medical-tribune.co.jp/rensai/quiz_select_arrow.png);
	position:absolute;
	right:8px;
	top:50%;
	margin-top:-10px;
}
.com-entry-page .editor li.current, .com-entry-page .head li.current{
	background: #eee;
	padding: 5px 15px;
}
.com-entry-page .head li.current span {
	background: #aaa;
	color: #fff;
	display: block;
	float: left;
	margin: -5px 12px 0 -15px;
	padding: 5px 7px;
}


.quiz_correct_box, .quiz_incorrect_box {
	padding:10px 15px 0;
	margin:30px 0;
	border-radius:3px;
}
.quiz_correct_box {
	background:#fef5f5;
	border:#ec8181 solid 4px;
}
.quiz_incorrect_box {
	background:#f5fdfe;
	border:#81c0ec solid 4px;
}
.com-entry-page .head .quiz_correct_box p, .com-entry-page .head .quiz_incorrect_box p {
	margin-bottom:10px;
}
.com-entry-page .head p.quiz_txt_large {
	font-size:240%;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	padding-top:5px;
}
.com-entry-page .head p.quiz_txt_large img {
	margin-right:10px;
	display: inline;
	vertical-align:middle;
	position:relative;
	top:-3px;
}
.com-entry-page .head .quiz_correct_box .quiz_txt_large {
	color:#bc0000;
}
.com-entry-page .head .quiz_incorrect_box .quiz_txt_large {
	color:#006abc;
}

.quiz_btn_next a {
	display:block;
	width:40%;
	margin:0 auto;
	background:#0087cb;
	border-radius:5px;
	text-align:center;
	padding:10px;
	color:#fff;
	border:#0171aa solid 1px;
	text-decoration:none;
}
.quiz_btn_next a:hover {
	background:#64c4f5;
}
.quiz_ps {
	padding:15px;
	background:#f6fefe;
	margin-bottom:20px;
	border:3px double #6abbcc;
}
.com-entry-page .head .quiz_ps p {
	margin-bottom:10px;
}

@media screen and (max-width:960px){
.com-entry-page .head p.quiz_center_img, .com-entry-page .editor p.quiz_center_img {
	width:90%;
}
}
@media screen and (max-width:480px){
.quiz_karte {
	padding:20px 10px;
}
.quiz_karte_inner {
	padding:25px 10px 1px;
}
.quiz_karte_clip {
	top:-11px;
	margin-left:-65px;
	width:130px;
}
.arrow_box_left {
	padding-right:0;
}
.arrow_box_right {
	padding-left:0;
}
.quiz_imgarea .col {
	margin-left:0;
}
}