@charset "UTF-8";
/* ==============================


lesson_page.css


============================== */


/* レイアウト
============================== */

body#lesson div#main_title {
    background-image: url(../img/title/staff_title_img.jpg);
}

#header #gnavi {
    width: 800px; 
}
h4.cmn_title_even{
	background-color:#193b8a;
    color: white;
    border-left-color: #ececec;
}
#header #gnavi ul li.lesson {
    width: 93px;
}
body#lesson div#main_title {
    background-image: url(../img/title/staff_title_img.jpg);
}
section.part__lesson {
    margin-bottom: 5em;
}

ul.lesson_list.clearfix,
 ul.lesson_list_detail.cmn_text{
    list-style: none;
    padding: 0;
}
ul.lesson_list_detail.cmn_text{
	display: flex;
	gap:1%;
}
ul.lesson_list_detail.cmn_text .lesson-block{
	padding: 3%;
	background-color:#ececec;
}
ul.lesson_list_detail.cmn_text h5{
	font-size:1.2em;
}

ul.lesson_list_detail.cmn_text img{
width:70%;
padding-top:3%;
margin-bottom: -30%;
}
ul.lesson_list_detail.cmn_text .open-modal{
	text-align: right;
	margin-right:5%;
}
.modal-open{
	color: #292929;
}
.modal-open:visited {
    color: #292929;
}
.modal-open:hover {
    color: #292929;
	text-decoration: none;
}
.open-modal_arrow {
	display: inline-block;
	width: 1.5em;
}
ul.lesson_list_detail.cmn_text p{
	line-height: normal;
	font-size: 0.9em;
}
ul.maisonette li{
	background-color: #d0deff;

}
div#alacarte {
    z-index: 1;
    position: relative;
}
#page_navi ul li.current ul.second_floor {
    background-color: #fff;
}
@media only screen and (max-width: 600px) {
	ul.lesson_list_detail.cmn_text{
		flex-wrap: wrap;
	}
	ul.lesson_list_detail.cmn_text li{
		width:49%;
		padding-bottom: 10%;
		}
	ul.lesson_list_detail.cmn_text h5{
	font-size:1.03em;
	}
	ul.lesson_list_detail.cmn_text p{
		font-size: 0.8em;
	}
	section.part__lesson {
		margin-bottom: 1em;
	}
}	
@media only screen and (max-width: 350px) {
	ul.lesson_list_detail.cmn_text li{
		width:100%;
		padding-bottom: 20%;
		}
}

/*モーダル
============================== */


/*infoエリアをはじめは非表示*/
div#modaal_16963930380575ce50630d9064{
	overflow: hidden;
}
.modaal-wrapper{
	z-index: 999999;
}
.md-st-info{
	display: none;
}
.md-st-info_inner{
	display: flex;
	gap:3%;
	align-items: center;
}
.info_inner_l, .info_inner_r{
	flex:1;
}
.modaal-container{
	width: 70vw;
    max-width: 1200px;
	overflow: auto;
}

.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
.modaal-close {
	right: 100px;
	top: 9%;
}
@media only screen and (max-width: 767px) {
	.md-st-info_inner{
	flex-direction: column;
	}
	.modaal-close {
		right: 50px;
		top: 50px;
	}
}	
@media only screen and (max-width: 576px) {
	.modaal-container{
		width: 100%;
		margin-top: 10vh;
		height: 75vh;
	}
	.modaal-content-container {
		padding: 15px;
	}
	.modaal-close {
		right: 15px;
	}
}