@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.bl_lower_mv{
	background-image: url("../images/schools/mv_bg.jpg");
}
.bl_lower_mv_ttl::after{
	width: 79px;
	height: 31px;
	background: url("../images/schools/mv_ttl__en.svg") center / 79px 16px no-repeat;
}
@media screen and (max-width : 750px){
	.bl_lower_mv{
		background-image: url("../images/schools/mv_bg_sp.jpg");
	}
	.bl_lower_mv_ttl::after{
		width: 100px;
		height: 34px;
		background-size: 100px 19px;
	}
}

/*=======================================================
一覧
=======================================================*/
.archive .bl_breadcrumbs{
	background: #fff;
}
#list{
	background: #fff;
}
#list .ly_cont_inner{
    padding: 38px 0 100px;
}
/***店舗一覧***/
#list .bl_schoolsList{
    order: 2;
    width: 100%;
    margin-bottom: -25px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
#list .bl_schools{
	width: 500px;
    margin-bottom: 25px;
    padding: 30px 30px 85px;
    background: #fdf3ee;
	border-radius: 12px;
	position: relative;
}
#list .bl_schools_ttl{
    font-size: 22px;
    line-height: 1;
}
#list .bl_schools_imgWrapper{
	width: 440px;
	height: 170px;
    margin: 15px 0 20px;
    border: 1px solid #a79178;
}
#list .bl_schools_imgWrapper.noimg{
    background: #fff;
	border: 1px solid #b7b7b7;
    display: flex;
    justify-content: center;
    align-items: center;
}
#list .bl_schools_imgWrapper.noimg img{
    width: 134px;
    height: 129px;
}
#list .bl_schools_date{
    width: 100%;
}
#list .bl_schools_date > div{
    font-size: 16px;
	line-height: 1.5;
    display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
#list .bl_schools_date > div + div{
    margin-top: 3px;
}
#list .bl_schools_date > div > dt{
    width: 110px;
	padding-left: 10px;
	color: #242424;
    font-weight: bold;
	flex-shrink: 0;
}
#list .bl_schools_date > div > dd{
    width: 330px;
}
/*告知など*/
#list .bl_schools_other{
    margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}
/*店舗詳細ボタン*/
#list .bl_schools .el_moreBtn{
	width: 234px;
    margin: auto;
    position: absolute;
    bottom: 30px;
    left: 0;
	right: 0;
	height: 36px;
}
@media screen and (max-width : 750px){
    #list .ly_cont_inner{
        padding-top: 60px;
    }
/***店舗一覧***/
    #list .bl_schoolsList{
        margin-bottom: -45px;
        display: block;
    }
    #list .bl_schools{
        width: 100%;
        margin-bottom: 45px;
        padding: 30px 35px 50px;
    }
    #list .bl_schools_ttl{
        font-size: 32px;
    }
    #list .bl_schools_imgWrapper{
        width: 600px;
        height: 231px;
        margin: 20px 0 30px;
    }
    #list .bl_schools_imgWrapper.noimg img{
        width: 180px;
		height: 173px;
    }
    #list .bl_schools_date > div{
        font-size: 26px;
    }
    #list .bl_schools_date > div + div{
        margin-top: 10px;
    }
    #list .bl_schools_date > div > dt{
        width: 150px;
    }
    #list .bl_schools_date > div > dd{
        width: 450px;
    }
    #list .bl_schools_other{
        margin-top: 25px;
        font-size: 26px;
    }
/*お店に電話する＆店舗詳細*/
	#list .bl_schools .btn {
		width: 600px;
		margin-top: 30px;
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	#list .bl_schools li + li{
		margin-left: 20px;
	}
	#list .bl_schools .tel a {
    	width: 235px;
    	height: 93px;
    	padding: 0 0 0 50px;
    	background: url(../images/common/icon_phone.svg) left 28px center / 26px 46px no-repeat,#fff;
		border: 4px solid #707070;
		color: #707070;
		font-size: 32px;
		font-weight: bold;
		display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-wrap: wrap;
	}
    #list .bl_schools .el_moreBtn{
        width: 345px!important;
        height: 93px;
		padding-right: 60px;
		font-weight: bold;
		font-size: 34px;
		position: relative;
		bottom: auto;
		left: auto;
    }
	#list .bl_schools .el_moreBtn::before{
		top: 44px;
	}
	#list .bl_schools .el_moreBtn::after{
		top: -4px;
	}
}

/*=======================================================
店舗詳細
=======================================================*/
.single main > article{
	background: #ededed;
}
.bl_lower_mv,.bl_breadcrumbs{
	position: relative;
	z-index: 10;
}
/***店内写真***/
#view{
	margin-top: -31px;
	background: #fffde9;
	position: relative;
	z-index: 5;
}
#view .ly_cont_inner{
    padding: 68px 0 60px;
}
#view .bl_photo{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#view .bl_photo_main_item{
    width: 815px;
    height: 410px;
    border: 1px solid #ad8d55;
}
#view .bl_photo_main_item img {
	width: 813px;
	height: 408px;
	object-fit: cover;
}
#view .bl_photo_main input[type=radio],#view .bl_photo_main_item{
    display: none;
}
#view .bl_photo_main input[type=radio]:checked + .bl_photo_main_item{
    display: block;
}
#view .bl_photo_btnList{
    width: 181px;
}
#view .bl_photo_btn{
	height: 92px;
    border: 1px solid #b89d6f;
    display: block;
}
#view .bl_photo_btn img {
	height: 90px;
	width: 179px;
	object-fit: cover;
}
#view .bl_photo_btnList > * + *{
	margin-top: 14px;
}
#view .bl_photo + .bl_schools_txt,#view .bl_photo + .bl_schools_txt_other{
    margin-top: 15px;
	line-height: 1.58;
}
#view .bl_schools_txt,#view .bl_schools_txt_other{
    text-align: center;
}
#view .bl_schools_txt + .bl_schools_txt_other{
    margin-top: 25px;
}
#view .bl_schools_txt_other{
	color: #ff0000;
	font-weight: bold;
}
/***アクセス・スクール情報***/
#info{
    order: 2;
}
#info > div:nth-of-type(even){
	background: #fdf3ee;
}
#info .ly_cont_inner{
	padding: 56px 0 60px;
}
#info .bl_schools .el_sec_mainTtl {
	margin-bottom: 43px;
}
#info .bl_schools .el_sec_mainTtl::before {
	background-image: url(../images/schools/info_information_ttl.svg);
    width: 201px;
    height: 28px;
	margin-bottom: 15px;
}
#info .bl_schools_main{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#info .bl_schools_map{
    order: 1;
    width: 512px;
    height: 325px;
    padding: 5px;
    background: #fff;
    border: 1px solid #9f8e5f;
}
#info .bl_schools_map > iframe{
    width: 100%;
    height: 100%;
}
#info .bl_schools_map + .el_schools_add_mapBtn{
	margin-top: 20px;
}
#info .el_schools_add_mapBtn{
    width: 270px;
	height: 40px;
}
#info .bl_schools_add{
    order: 2;
    width: 420px;
    position: relative;
}
#info .bl_schools_add > div{
    display: flex;
    flex-wrap: wrap; 
}
#info .bl_schools_add > div + div{
	margin-top: 10px;
}
#info .bl_schools_add > div > dt{
    width: 115px;
    color: #242424;
    font-weight: bold;
	line-height: 1.5;
}
#info .bl_schools_add > div dd{
    width: 305px;
	line-height: 1.5;
}
/*スタジオ*/
#info .bl_studios .el_sec_mainTtl {
	margin-bottom: 30px;
}
#info .bl_studios .el_sec_mainTtl::before {
	background-image: url(../images/schools/info_studio_ttl.svg);
	width: 109px;
	height: 28px;
	margin-bottom: 15px;
}
#info .bl_studios_txt {
	margin-bottom: 35px;
	text-align: center;
	line-height: 1.58;
}
#info .bl_stuidosList {
	margin-bottom: -30px;
	display: flex;
	flex-wrap: wrap;
}
#info .bl_stuidosList li {
	margin-right: 30px;
	margin-bottom: 30px;
	width: 320px;
}
#info .bl_stuidosList li:nth-of-type(3n) {
	margin-right: 0;
}
#info .bl_stuidosList .bl_studios_imgWrapper figcaption {
	text-align: cener; 
	margin-top: 10px;
	text-align: center;
}
/*フリースペース*/
#info .bl_freeSpace .ly_cont_inner {
	padding-bottom: 73px; 
}
#info .bl_freeSpace .el_sec_mainTtl::before {
	background-image: url(../images/schools/info_freeSpace_ttl.svg);
	width: 200px;
	height: 34px;
}

#info .bl_freeSpace_txt {
	margin-bottom: 35px;
	text-align: center;
	line-height: 1.58;
}
#info .bl_freeSpaceList {
	margin-bottom: -30px;
	display: flex;
	flex-wrap: wrap;
}
#info .bl_freeSpaceList li {
	margin-right: 30px;
	margin-bottom: 30px;
	width: 320px;
}
#info .bl_freeSpaceList li:nth-of-type(3n) {
	margin-right: 0;
}
@media screen and (max-width : 750px){
/***店内写真***/
	#view{
		margin-top: -80px;
	}
	#view .ly_cont_inner{
	    padding: 130px 0 60px;
	}
	#view .bl_photo{
	    display: block;
	}
	#view .bl_photo_main_item{
	    width: 670px;
	    height: 337px;
	}
	#view .bl_photo_main_item img {
		width: 688px;
		height: 335px;
	}
	#view .bl_photo_btnList{
	    width: 690px;
		margin-top: 20px;
		display: flex;
	}
	#view .bl_photo_btnList > *:nth-of-type(4){
		display: none;
	}
	#view .bl_photo_btn{
		width: 217px;
		height: 113px;
		margin-top: 0;
	}
	#view .bl_photo_btn img {
		width: 222px;
		height: 111px;
	}
	#view .bl_photo_btnList > * + *{
		margin: 0 0 0 10px;
	}
	#view .bl_photo + .bl_schools_txt,#view .bl_photo + .bl_schools_txt_other{
	    margin-top: 35px;
	}
	#view .bl_schools_txt,#view .bl_schools_txt_other{
	    text-align: left;
	}
	#view .bl_schools_txt + .bl_schools_txt_other{
	    margin-top: 15px;
	}
/***店舗情報***/
	#info .ly_cont_inner{
	    padding: 80px 0;
	}
	#info .bl_schools .el_sec_mainTtl::before {
		width: 306px;
		height: 42px;
		margin-bottom: 25px;
	}
	#info .bl_schools_main{
		position: relative;
	}
	#info .bl_schools_main.paddingB{
		padding-bottom: 130px;
	}
	#info .bl_schools_map{
	    width: 690px;
		height: 390px;
		margin-bottom: 40px;
	}
	#info .bl_schools_add{
	    width: 690px;
	    padding-bottom: 0;
	}
	#info .bl_schools_add > div{
	    display: block;
	}
	#info .bl_schools_add > div + div{
		margin-top: 20px;
	}
	#info .bl_schools_add > div > dt{
	    width: 100%;
		font-size: 28px;
		margin-bottom: 10px;
	}
	#info .bl_schools_add > div > dd{
		width: 100%;
		font-size: 28px;
	}
	#info .el_schools_add_mapBtn{
		width: 480px!important;
		height: 88px!important;
		margin-top: 0!important;
		font-size: 28px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}
/*スタジオ*/
	#info .bl_studios .el_sec_mainTtl::before {
		width: 168px;
		height: 43px;
		margin-bottom: 25px;
	}
	#info .bl_studios_txt{
		text-align: left;
	}
	#info .bl_stuidosList{
		justify-content: space-between;
	}
	#info .bl_stuidosList li{
		margin-right: 0;
	}
/*フリースペース*/
	#info .bl_freeSpace .el_sec_mainTtl::before {
		width: 274px;
		height: 46px;
	}
	#info .bl_freeSpace_txt{
		text-align: left;
	}
	#info .bl_freeSpaceList{
		justify-content: space-between;
	}
	#info .bl_freeSpaceList li{
		margin-right: 0;
	}
}