/*
##############################################
# /medical/��
##############################################

*/
div#movie_nomral_title_h1 {margin:5px 5px 20px 5px;border-radius:5px;background-color:#f0ffff;padding:3px;overflow: auto;}
div#movie_nomral_title_h1 img{margin:5px 5px;float:left;}
div#movie_nomral_title_h1 h1{color:#000078;font-size:x-large;}
div#movie_nomral_title_h1 h1 span.apptype{font-size:medium;}
h2.movie_nomral_title{font-size:large;border-left:2em solid #007800;padding:5px;border-bottom:1px solid #007800;margin:30px 20px 10px 20px;}
h2.movie_nomral_title span.movie_num{color:#007800;}
div.movie_block{text-align:center;margin:20px 20px 20px 30px;}
h3{margin-left:25px;padding:5px;background-color:#efffff;font-size:medium;}
ul.movielist{margin-left:20px;}
ul.movielist li{margin-bottom:5px;}
.ttl01{border-left: 8px green solid;margin-top:2em;margin-bottom:1em;;padding:10px;background-color:#efffff;}

h4.h5{margin-top:1.5em;border-left:1em solid gray;padding-left:5px;font-weight:bold;font-size:medium;}

td.q_with_num div{padding-left:2em;text-indent:-2em;}


table.normaltable{margin:2em;border-collapse:collapse;font-size:small;}
table.normaltable thead tr th{border:1px solid #333;padding:10px;background-color:gray;color:white;}
table.normaltable tbody tr th{border:1px solid #666;padding:10px;background-color:#eee;}
table.normaltable tbody tr td{border:1px solid #666;padding:10px;}
table.normaltable tbody tr td a{font-size:medium;}
table.normaltable tbody tr.even_num th,td{background-color:#eeeee;}

div#to_app{margin:0px 0px 1em 5px;}
a:hover img.button {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.appbookdata{margin-bottom:1em;}
.bookcover{margin-right:1em;}


/*
##############################################
# ���ʽ񡡾������ꡦ����
##############################################

*/

h2.yodo_h3{font-size:large;padding:1em 0 0 3em;text-indent:-2.5em;}

h3.question{margin:1em  1em 1em 2.5em;text-indent:-2em;background-color:white;font-weight:bold;font-size:large;}
h3.questionlist{margin:0.5em  1em 1em 2em;text-indent:-1em;background-color:white;font-weight:normal;}

h4.answer{margin:1em 1em 1em 1em;font-size:x-large;font-weight:normal;border-radius:5px;background-color:#fffff3;padding:10px;}

#answersample{margin-bottom:2em;}

#answersample p{margin:0 1em 1em 2em;padding:0 0 2em 0;}

h3.otherquestions{background-color:#fffff3;margin:1em 0 1em 0;padding:10px;border-radius:5px;}

ul.contentslist{margin:1em 1em 3em 0;}

@media(max-width:767px){
	h3.question{margin:0 0 1em 1em;text-indent:-1em;background-color:white;}
	#answersample p{margin:0 0 0 1em;}
}

#answersample strong{font-weight:normal;text-decoration:underline;}

#answersample blockquote{margin:1em;border:0px;border-radius:5px;background-color:#f3ffff;padding:1em;font-size:small;}


.contents-wrap{
	max-width: 950px;
	font-family: var(--font-notosans);
	margin: 10px 0 max(50px, min(10vw, 100px));
}

.contents-wrap .breadcrumb{
	border-radius: 0;
	font-size: max(12px, min(1.5vw, 14px));
	background: transparent;
	padding: 0;
	margin-bottom: 25px;
}

.contents-wrap ul{
	padding-left: 20px;
	margin-bottom: 0;
}
.contents-wrap ul li:not(:last-child){
	margin-bottom: .4em;
}

.contents-wrap div#to_app{
	margin: 0px 0px 1.5em 0;
}

.appbookdata.douga{
	margin-bottom: max(3em, min(4vw, 4em));
	border: 1px solid #d8ead4;
	padding: 15px;
	background: var(--color-green-bg);
}
.appbookdata.douga h1{
	font-weight: 400;
	margin: 0;
	font-size: max(12px, min(1.5vw, 14px));
	line-height: 1.5;
}
.appbookdata.douga h1 .sub{
	display: block;
	font-size: 85%;
	margin-bottom: 1em;
	color: var(--color-yodosha);
}
.appbookdata.douga .bookcover{
	width: max(70px, min(9vw, 85px));
	margin-right: max(1em, min(2vw, 1.5em));
	border: 1px solid #ddd;
}

.attention-box{
	/* background: #f0f1f3; */
	padding: 1.5em max(1.5em, min(2vw, 2em));
	border-radius: 6px;
	margin: max(1em, min(3vw, 2em)) max(1em, min(7vw, 6em)) 0;
	border: 1px solid #ddd;
}
.attention-box h3{
	background: transparent;
	margin: 0;
	padding: 0;
	font-size: max(14px, min(1.5vw, 16px));
}
.attention-box h3 i{
	margin-right: 0.6em;
	font-size: 110%;
	position: relative;
	top: 0px;
}
.attention-box ul{
	font-size: max(12px, min(1.5vw, 14px));
}

.contents-wrap h2.yodo_h3.yodo_h3{
	font-size: max(16px, min(2.5vw, 22px));
	padding: 0 0 20px 0;
	margin: max(2em, min(4vw, 3em)) 0 0;
	text-align: center;
	font-weight: 700;
	border-bottom: none;
	text-indent: 0;
	scroll-margin-top: 100px;
}
.contents-wrap h2.yodo_h3.yodo_h3 i{
	margin-right: max(10px, min(2vw, 15px));
	color: #666;
}

#movie_num{
	border-radius: 5px;
	width: 9em;
	font-size: 14px;
	height: 30px;
	font-weight: 400;
	padding: 5px;
	border: 2px solid #5f5f5f;
	margin-right: 5px;
}
#movie_num::placeholder{
  color: #9e9e9e;
}
#jump_to_movie{
	border-color: #333;
	height: 30px;
	padding: 0 10px;
	border: #5f5f5f solid 2px;
	border-radius: 5px;
	background: #5f5f5f;
	color: #fff;
	font-weight: 700;
}
.yodo_h3.movie-search{
	display: flex;
	align-items: center;
	justify-content: center;
}

.contents-wrap table{
	border-bottom: 1px solid #ddd;
}
.contents-wrap .table tr{
	border-top: 1px solid #ddd;
}
.contents-wrap table>thead>tr>th{
	border-bottom: none;
	color: #777;
	vertical-align: middle;
}
.contents-wrap .table>thead>tr>th, .contents-wrap .table>tbody>tr>th, .contents-wrap .table>tfoot>tr>th, .contents-wrap .table>thead>tr>td, .contents-wrap .table>tbody>tr>td, .table>tfoot>tr>td{
	padding: 15px 8px;
}
.contents-wrap .table>tbody>tr.app-item-list td{
	transition: all .25s;
	color: #428bca;
	font-size: max(12px, min(1.5vw, 16px));
	border: none;
}
.table>tbody>tr.app-item-list td>span:not([class]){
	display: none;
}
.table>tbody>tr.app-item-list:hover td{
	background-color: #e6f8e2 !important;
	background-color: #e3f0fb !important;
	cursor: pointer;
}

.contents-wrap .table>tbody td:first-child,
.contents-wrap .table th:first-child{
	position: relative;
	padding-left: 1.4em;
}

.table>tbody .playing td{
	font-weight: 700;
	color: #2a6496 !important;
	color: #146ebe !important;
}

.table>tbody .playing td:first-child::before{
	content: '▶';
	position: absolute;
	left: 4px;
	font-size: 80%;
	color: #3bcb28;
	color: #146ebe;
	top: 17px;
}

.contents-wrap .ttl01{
	border: none;
	background: none;
	padding: 0;
	margin: max(3em, min(5vw, 5em)) 0 max(1em, min(2vw, 2em));
	font-size: max(18px, min(3vw, 24px));
	font-weight: 700;
	line-height: 1.5;
	display: table;
	margin-inline: auto;
}
.contents-wrap .ttl01 .glyphicon,
.contents-wrap .ttl01 i{
	color: var(--color-yodosha);
	display: table-cell;
	padding-right: max(14px, min(2vw, 18px));
}

.contents-wrap .ttl01 small{
	display: inline-block;
	line-height: 1.5;
}

#video_box.douga{
	display: grid;
	justify-content: center;
	margin-bottom: .6em;
}

.audio-info{
	max-width: 640px;
	margin-inline: auto;
	margin-bottom: 0;
	font-size: 13px;
	text-align: right;
	color: #666;
}

.step-arrow{
	border-radius: 50px;
	border: none;
	padding: 0;
	background-color: #5f5f5f;
	color: #fff;
	width: max(35px, min(5vw, 40px));
	height: max(35px, min(5vw, 40px));
	line-height: max(35px, min(5vw, 40px));
	font-size: max(14px, min(1.5vw, 16px));
	transition: all .25s;
}
.step-arrow:hover{
	background-color: #5f5f5f;
	color: #fff;
	border: none;
	opacity: .75;
}

.accordion-title-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
	transition: all 0.1s ease;
	position: relative;
}

.accordion-box {
	display: none;
	padding: 25px 0 0;
}

.accordion-box-inner {
	opacity: 0;
	transition: all 0.25s ease;
}
.accordion-box-inner.is-active {
	opacity: 1;
	transition: all 0.55s 0.2s ease;
}

.accordion-icon{
	right: 0;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background-color: #C8C8C8;
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
}
.accordion-icon span{
	content: "";
	position: absolute;
	top: 50%;
	width: 3px;
	height: 9px;
	background-color: #fff;
	transition: .3s;
}
.accordion-icon span:nth-child(1){
	transform: translateY(-50%) rotate(-45deg);
	right: 15px;
}
.accordion-icon span:nth-child(2){
	transform: translateY(-50%) rotate(45deg);
	right: 10px;
}
.accordion-title-wrapper.is-active .accordion-icon span:nth-child(1) {
	transform: translateY(-50%) rotate(-135deg);
	transition:.3s;
}
.accordion-title-wrapper.is-active .accordion-icon span:nth-child(2) {
	transform: translateY(-50%) rotate(135deg);
	transition:.3s;
}

@media (min-width: 768px) {
	.accordion-title-wrapper:hover {
		opacity: 0.7;
	}
}

@media (max-width: 767px) {
	.attention-box{
		margin-left: 0;
		margin-right: 0;
	}
}