@charset "utf-8";
/* Admission 入試　kouza 202503 */

/*  movie */
div.movie{
	margin:0 auto 20px;
}

div.movie div.block{
	margin:0 0 25px!important;
	width: 640px;
}

div.movie div.block p.btn a {
	display:block;
	width:390px;
	height: 52px;
	padding: 10px 110px 10px 10px;
	line-height: 1.5;
	font-size: 110%;
	color: #4C4948;
	text-decoration: none;
	background: #D7DFE3 url(../images/kouza/play_bt.png) no-repeat right center;
}

div.movie div.block p.btn a span.fnt-s {
	font-size: 90%;
}

div.movie div.block p.btn a span span {
	font-size: 90%;
}

.past div.movie div.block p.btn a span span {
	font-size: 100%;
}

div.movie div.block p.btn a:hover {
	color: #F50000;
	background-color: #E0E4E7;
}

div.movie div.block p.playing a:hover {
	color: #4C4948;
	background-color: #D7DFE3;
	cursor: default;
}


div.movie div.block p.btn_kouza a strong {
	margin-right: 10px;
	font-size: 130%;
	font-weight: bold;
}
	
div.movie div.block .iframe{
	line-height: 0;
}

div.movie div.block iframe{
	width:640px;
	height:480px;
}
div.movie div.block p.close{
	width:80px;
	height:30px;
	margin-bottom: 30px;
	display:none;
}
*+html div.movie div.block p.close{
	bottom:6px;
}
div.movie div.block p.close a {
	width:70px;
	display:block;
	padding: 5px 10px;
	line-height: 2em;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-color: #D7DFE3;
}

.mondai{
width: 110px;
padding: 6.5px 5px;
background-color: #314B57;
margin-left: 10px;
object-fit:cover;
text-align: center;
}

.mondai a{
display: block;
color: #fff;
font-size: 85%;
}

.mondai a:hover{
text-decoration: none;
}


/*各講座ごとに問題と回答が無い場合のボタン　横幅いっぱい*/
div.movie div.block p.btn520 a {
	display:block;
	width:520px;
	padding: 10px 110px 10px 10px;
	line-height: 1.5;
	font-size: 110%;
	color: #4C4948;
	text-decoration: none;
	background: #D7DFE3 url(../images/kouza/play_bt.png) no-repeat right center;
}

div.movie div.block p.btn520 a span.fnt-s {
	font-size: 90%;
}

div.movie div.block p.btn520 a span span {
	font-size: 90%;
}

.past div.movie div.block p.btn520 a span span {
	font-size: 100%;
}

div.movie div.block p.btn520 a:hover {
	color: #F50000;
	background-color: #E0E4E7;
}

div.movie div.block p.playing a:hover {
	color: #4C4948;
	background-color: #D7DFE3;
	cursor: default;
}


div.movie div.block p.btn520 a strong {
	margin-right: 10px;
	font-size: 130%;
	font-weight: bold;
}

div.movie div.block p.btn a.a520 {
    display: block;
    width: 520px;
	height: auto;
}

div.dl_box p.title {
    position: absolute;
    top: 15px;
    bottom: 0;
    margin: auto;
    width: 380px;
    height: 100px;
    font-size: 110%;
    font-weight: bold;
    color: #F50000;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

div.dl_box .dl_text p {
    display: block;
    margin-bottom: 5px;
    font-size: 100%;
    font-weight: bold;
    color: #314B57;
    line-height: 1.4;
}



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

div.movie div.block{
	margin:0 0 25px;
}

div.movie div.block p.btn a {
    width: 100%;
    height: auto;
	background-image: none;
	padding: 10px;}
	
.mondai{
margin-left: 0px;
margin-right: 10px;
margin-top: 5px;
float: right;
}

div.movie div.block p.btn520 a {
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 100%;
	box-sizing: border-box;
	background-image: none;
}


div.movie div.block p.btn520 a span span {
	display: block;
	font-size: 90%;
}

div.movie div.block p.btn520 a::after {
	content:" >";
	display: inline;
	margin: 0 0 0 5px;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

div.movie div.block p.btn a.a520 {
    width: 100%;
	font-size: 100%;
}

div.dl_box p.title {
        position: inherit;
        margin: 0 auto 20px;
        width: 100%;
        height: auto;
        font-size: 110%;
}

div.dl_box .dl_text p {
        margin-bottom: 10px;
    }

}