@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);
@import url(base_sp.css);




/*------#mv---------*/
#mv_title{
	background: -moz-linear-gradient(left, #7bd7b8, #4bb4c3);
	background: -webkit-gradient(linear, left top, right top, from(#7bd7b8), to(#4bb4c3));
}

/*----------------------------archive-----------------------------------*/

main .flexwrap_tile a figure{
	overflow: hidden;
}
main .flexwrap_tile a img{
	display: block;
	transform: scale(1.001);
	transition: transform 0.6s ease-out;
	transition-property: opacity, transform;
	backface-visibility: hidden;
}
main .flexwrap_tile a:hover img{
	transform: scale(1.1);
}

/*----------------------------.single-----------------------------------*/

.single main > article{
	margin-bottom:50px;
}
.single main > article header{
	padding-bottom:20px;

	}
.single main > article header h3{
	font-size:1.5em;
	border-bottom:1px solid #57bdc0;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:normal;
	padding-top:15px;
}

/*800以下*/
@media screen and (max-width:800px){
.single main .flexwrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
    }
	
 }


.single main article #article_figure{
		width:50%;
		padding-right:5%;
	}
.single main article #article_sub{
		width:45%;
		font-size:.95em;
	}
.single main article #article_figure .profile_slide img{
	height:360px;
	width: 540px;
	object-fit: cover;
	object-position: 50% 20%;
	margin: 0 auto;
	border:1px solid #f5f5f5;
	box-sizing:border-box;
	font-family: 'object-fit: cover; object-position: 50% 20%;';
}
.single main article #article_figure .profile_slide.noimg{
	background: url(/images/cmn/logo.svg) 50% 50% no-repeat #e7e5e4;
	background-size: 60% auto;
	max-height: 360px;
	height: 50vw;
}
@media screen and (max-width:800px){
	.single main article #article_figure .profile_slide.noimg{
		width: 50vw;
		height: 40vw;
		margin: 0 auto 20px;
	}
}
.single main article #article_figure .profile_slide_nav{
	overflow: hidden;
}
.single main article #article_figure .profile_slide_nav .slick-track .slick-slide{
	height: 114px;
}
.single main article #article_figure .profile_slide_nav .slick-track .slick-slide:first-child:last-child{
	display: none;
}
.single main article #article_figure .profile_slide_nav div div div{
	float:left;
	box-sizing:border-box;
	margin:10px 5px; 
}
.single main article #article_figure .profile_slide_nav .slick-slide{
	overflow: hidden;
	border:1px solid #f5f5f5;
}
.single main article #article_figure .profile_slide_nav img{
	width: 100%;
	height: 114px;
	margin: 0 auto;
	box-sizing:border-box;
	cursor: pointer;
	object-fit: cover;
	object-position: 50% 20%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	transition: transform 0.6s ease-out;
	backface-visibility: hidden;
	transform: scale(1.001);
}
.single main article #article_figure .profile_slide_nav img:hover{
	opacity: 0.9;
	transform: scale(1.1);
}
.single main article #article_sub ul{
	margin-bottom:30px;
}
.single main article #article_sub li{
	list-style-type: circle;
	list-style-position: inside;
	margin:5px 0;
}
.single main article #article_sub dl{
	display: -webkit-flex;
	display: flex;
	margin:3px 0;
	}
.single main article #article_sub dt{
	white-space: nowrap;
	padding-right:15px;
	}
.single main article #article_sub div{
	margin:15px 0;
}
.single main article #article_sub p span{
	border-radius: 6px;
	background-color: #F5F5F5;
	display:block;
	padding:3px 10px;
	
}
.single main article #article_content{
	clear:both;
	width:100%;

}
.single main article #article_content h4{
	font-size:1.3em;
	border-bottom:1px solid #e2e2e2;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:normal;
	padding-top:15px;
}
.single main>article #article_content p{
	padding-bottom:20px;
}


/*--slide設定--*/

.profile_slide .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
}
.profile_slide{
	cursor: pointer;
	position: relative;
}
.profile_slide .slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}



.profile_slide .slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.profile_slide button.slick-arrow{
	display: none!important;
	
}

.profile_slide .pointer{
	display: none!important;
}

/*---担当レッスン---*/


#result h4{
	font-size:1.5em;
	border-bottom:1px solid #57bdc0;
	padding-bottom:10px;
	margin-bottom:20px;
	font-weight:normal;
	padding-top:15px;
	
}

.single main .flexwrap a:link,
.single main .flexwrap a:visited{
	text-decoration: underline;
	color:#f6624b;
}

.single main .flexwrap a:hover{
	color: #ef8878;
}

/*800以下*/
@media screen and (max-width:800px){
	
	
.single main > article header h3{
	margin-bottom:0px;
}
	.single main article #article_figure{
		width:100%;
		padding-right:0%;
	}
.single main article #article_sub{
		width:100%;
		font-size:.95em;
	}
	
.single main article #article_figure .profile_slide img{
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	width:360px;
	height:240px;

}
	.profile_slide .pointer{
	display: table!important;
	margin: 20px auto;
}
.profile_slide .pointer li{
	display: table-cell;
	padding: 0 3px;
}
.profile_slide .pointer li button{
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
	background-color: #c1c1c1;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: none;
	cursor: pointer;
}
.profile_slide .pointer .slick-active button{
	background-color: #f17965;
}
	
	

.single .btn{
	width: 80%;
}
}