@charset "UTF-8";

/*________________________________________________________

 header
________________________________________________________*/

/*___PC____*/
@media only screen and (min-width: 741px) {

.sp_cont{display: none;!important}

.main_cont {width: 1024px; margin: 0 auto;}
.main-visual img {width:540px;}
.main-visual {padding:160px 0; background-color: #000;}
.main-visual a {width: 440px;}
video.bg-video {
	min-width: 100%;
	min-height: 100%;
}

.wp_cont {width: 30%;padding: 40px;}
.warlking_performer {margin-top:40px;}
.voice ul,ul.wanted-model,.btnEntry {display:flex;justify-content:space-between;}
.voice li,.licenses li,.btnEntry li {width:49%;}
.schedule {padding: 40px 0;}
.schedule a {padding-left: 24px;}
.schedule a div {width: 65%;}
.schedule img {width: 30%;}
.schedule strong {
	margin: 24px 0;
	font-size: 120%;
}
.data {font-size: 110%;}

.youtube iframe {width: 85%; height: 520px;}
.wanted .link_list {margin-top: 40px;}
ul.wanted-model li {width: 32%;}
.wanted-model li a {width: 100%;height: 420px;}
ul.wanted-model.wanted-wp {margin-top: 24px;}
ul.wanted-model.wanted-wp li {width: 48.5%;}
.wanted .link_list li {width:32%;}

.wanted-model strong {
	font-size: 190%;
	margin: 120px 0 16px 0;
}
.gengaku {padding:24px 0; margin: 64px 0;}
.gengakuBox {width: 46%;}
.about_sponsor h2.headLine {margin-bottom: 40px;}
.about_sponsor .reccomend {margin-top: 40px;}
.col2.ticket {align-items: center;}
.col2.ticket img {width: 420px;}

.performers_nav ul {width: 1024px;}
.performers_img li {width:280px;}
.performers_nav a {padding: 16px 24px;}
.performers_movie {padding: 64px 0 40px 0;}
.walking_performers_voice,.wasouka_performers_voice {padding: 24px 0 40px 0;}
.instructorLink li {width: 18%;margin-right: 16px;}

.main_visual {padding: 104px 0 80px 0;}
.main_visual h2.headLine {font-size: 350%;}
.pageTtl.instructor_ttl h1 strong {margin-top: 24px;}
.instructorBox .col2-img img {width: 320px;}

}


/*___SP____*/
@media screen and (max-width: 740px) {
	.pc_cont, .col2 img.pc_cont {display: none;!important}
	
	.bg-video {width:100%;}
	.main-visual {
		padding:40px 0;
		background-image: url("../img/top/bg_main.jpg");
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size:100%;
	}
	.main-visual img {width:70%; margin-bottom: 40px;}
	.main-visual a {width:80%;}
	video.bg-video {
		width: 100%!important;
	}
	
	section.voice {padding-bottom: 0;}
	.wp_cont {padding: 40px 32px}
	.wp_cont img {width: 120px;}
	.voice li {width: 100%;}
	.schedule {padding: 8px 16px 16px 16px;}
	.schedule a {padding: 0 8px 8px 16px;}
	.schedule strong {
	margin: 8px 0;
	font-size: 100%;
	}
	.schedule a div {padding-right:8px;}
	.schedule img {width: 160px;height:120px;}
	.data,.place {font-size: 90%;}
	.place {display:block;}
	
	.youtube iframe {width: 100%; height: 240px;}
	.wanted-model li a {
	width: 100%;
	height: 280px;
	}
	.wanted-model li {margin-bottom:16px;}
	.wanted-model strong {
		font-size: 160%;
		margin: 64px 0 16px 0;
	}
	.gengaku {padding:16px; margin: 24px 0;}
	.gengakuBox {margin-top: 8px;}
	.gengaku .main_cont h2.headLine {font-size: 120%; margin: 24px;}
	.gengaku p {margin: 16px;}
	.gengaku ul {margin-left: 16px;}
	
	.contBox_inner .col2 img {margin-top: 16px;}
	.performers_nav ul {width: 95%;}
	.performers_nav a {padding: 8px 10px; font-size: 90%;}
	.performers_nav li:first-child a {padding: 19px 16px;}
	.performers_nav li:nth-child(2) a {letter-spacing: -.1em;}
	.walking_performers_voice,.wasouka_performers_voice {padding: 8px 16px;}
	.performers_img li {width:140px;}
	.performers_movie {padding: 48px 16px 16px 16px;}
	.instructorLink li {width: 45%;margin-right: 8px;}

	.main_visual {padding: 40px 0;}
	.main_visual h2.headLine {font-size: 250%;}

	.pageTtl.instructor_ttl h1 strong {margin-top: 16px;}


}


/*________________________________________________________

	TOP
	________________________________________________________
*/
.main-visual {
	position:relative;
	text-align:center;
	color:#FFF;
}
.main-visual a {margin:0 auto;}
video.bg-video {
	position: absolute;
	top:0;
	right: 0;
	left: 0;
	display:block;
	width: auto;
	height: auto;
	margin: auto;
	opacity:.5;
	background-size: cover;
}
.brand-text{position: relative;}
.main-visual p {margin-bottom:24px;}

	.newsBox {
	position: relative;
	padding:10px 8px;
	background-color:#ae2039;
	color:#FFF;
	text-align:center;
}

/*パフォーマー*/
.wp_cont {
	text-align: center;
	color: #FFF;
	background-color: rgba(0,0,0,0.7);
}
.wp_cont h2 {letter-spacing: 0;font-size:190%; color:#FFF;}
.wp_cont h2 span {display:block;font-size:50%;}
.wp_cont p {font-size:90%; margin-top:0;}
.wp_cont li {margin-bottom: 8px; text-align: left;}
.warlking_performer {background-image: url("../img/top/img_walking.jpg"); background-size: cover; background-position: center center;}
.wasouka_performer {background-image: url("../img/top/img_wasouka.jpg"); background-size: cover; background-position: center center;}

/*受講生の声*/
.voice {padding-bottom: 40px;}
.voice li {
	position: relative;
	overflow: hidden;
	height: 260px;
}
.voice a {
	display:block;
	background-repeat: no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 260px;
	color:#FFF;
	transition: transform .6s ease;
	padding: 40px;
}
.voice a:hover {transform: scale(1.1);}
.voice_walking {background-image: url("../img/top/bg_voice_walking.jpg");}
.voice_wasouka {background-image: url("../img/top/bg_voice_wasouka.jpg");}

.voice img {
	display:inline-block;
	vertical-align: middle;
	width:32px;
	margin-right:5px;
}
.voice strong, .voice span {display:block;}
.voice strong {
	font-size:150%;
	line-height:1.4;
	font-family: 'Yu Mincho','游明朝', serif;
	margin: 16px 0;
}
.voice span {font-size:90%;}
.voice li span::before {
	display: inline-block;
	margin-right: 8px;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1.8;
}

/*スケジュール*/
.schedule {background-color: #ececec;}
.schedule li {background-color: #FFF;margin-bottom: 16px;}
.schedule a {
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.data {
	display: block;
	padding: 5px 0;
	border-bottom: dotted 1px #ae2039;
}
.schedule strong {
	color:#000;
	display:block;
	font-weight: normal;
}
.data::before, .place::before {
	display: inline-block;
	margin-right: 8px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1.8;
}
.data::before {content: '\f105';}
.place::before {content: '\f105';}


/*________________________________________________________

	着物ランウェイコレクション
	________________________________________________________
*/
.pageTtl.kimono-runway-top {background-image: url("../img/kimono-runway-collection/bg_ttl_top.jpg");}
.pageTtl.kimono-runway {background-image: url("../img/kimono-runway-collection/bg_ttl.jpg");}

.youtube {text-align: center;}
.wanted-model li a {
	position: relative;
	display:block;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	color:#FFF;
}
.wanted-model li a img {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	z-index:-1;
	transition: transform .6s ease;
}
.wanted-model li a:hover img {
  transform: scale(1.1);
}
.wanted-model {font-size: 90%;line-height: 1.3;}
.wanted-model strong {
	display:block;
	font-family: 'Yu Mincho','游明朝', serif;
}
.wanted-model span {display:block; text-decoration: underline; margin-top: 16px;}
.wanted-model span::before{
	display: inline-block;
	margin-right: 8px;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1.8;
}

/*弦楽パフォーマー*/
.gengaku {background-color: #ae2039; color:#FFF!important;}
.gengaku .main_cont h2 {text-align: center; color:#FFF;}
.gengaku .main_cont h3 {border-bottom-color: #FFF;}
.gengakuBox {
	padding: 24px 16px 16px 16px;
	background-color: #FFF;
	color:#000;
}
.gengakuBox h3 {
	color:#ae2039;
	text-align: center;
	border:none;
	font-family: 'Yu Mincho','游明朝', serif;
	font-size: 150%;
	margin-top: 0;
}
.gengakuBox img {display: block;}

/*チケット*/
.flow li {
	position: relative;
	background-color: #f4f4f4;
	margin-bottom: 40px;
	font-weight: bold;
	text-align: center;
	padding: 16px;
	font-size: 110%;
	letter-spacing: .1em;
}
.flow li::after {
	position: absolute;
	 bottom: -32px;
	 left: 0;
	 right: 0;
	 margin: auto;
	content: "";
	width: 0;
	height: 0;
	border-left: 24px solid transparent;
	border-right: 24px solid transparent;
	border-top: 24px solid #ffe3e3;
}
.flow li:last-child::after {
	border: none;
	}
	
	
/*________________________________________________________

	パフォーマー
	________________________________________________________
*/
.pageTtl.walking_performer_ttl {background-image: url("../img/walking_performer/bg_ttl.jpg");}
.pageTtl.walking_performer_trial {background-image: url("../img/walking_performer/bg_ttl_trial.jpg");}
.pageTtl.wasouka_performer_ttl {background-image: url("../img/wasouka_performer/bg_ttl.jpg");}
.pageTtl.wasouka_performer_trial {background-image: url("../img/wasouka_performer/bg_ttl_trial.jpg");}

.performers_nav {position: relative;}
.performers_nav ul {
	position: absolute;
	top: -32px;
	right:0;
	left:0;
	margin: 0 auto;
	z-index:100;
	margin: 0 auto;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}
.performers_nav li {width: 49%;}
.performers_nav a { display: block; border: 1px solid #ae2039; background-color: #FFF; font-weight: bold;}
.performers_movie {background-color: #ae2039;}

.walking_performers_voice,
.wasouka_performers_voice {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#FFF;
}
.walking_performers_voice h2,
.wasouka_performers_voice h2 {color:#FFF;}

.walking_performers_voice p,
.wasouka_performers_voice p {margin: 24px 0;}

.walking_performers_voice {background-image: url("../img/walking_performer/bg_voice.jpg");}
.wasouka_performers_voice {background-image: url("../img/wasouka_performer/bg_voice.jpg");}

.performers_img.swiper {background-color: #ececec; padding: 16px 0;}
.performers_img li img {width: 100%;}

/*________________________________________________________

	講師
	________________________________________________________
*/
ul.instructorLink {
	display:flex;
	flex-wrap: wrap;
	justify-content:
	flex-start;
}
.instructorLink li {
	list-style: none;
	margin-bottom: 24px;
}

.instructorLink img,
.instructorLink strong,
.instructorLink span,
.instructorLink a {
	display: block;
	text-align: center;
	line-height: 1.5;
	width: 100%;
	font-family: 'Yu Mincho','游明朝', serif;
}
.instructorLink strong {
	color: #ae2039;
	font-size: 90%;
	margin-top: 5px;
}
.instructorLink span {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 5px;
}
.instructorLink .q_button {margin:0;padding: 5px 0;font-size: 90%;}

.instructor_ttl {background-color: #ae2039;}
.instructor_ttl strong, .instructor_ttl span {display:block; font-weight: normal;}
.pageTtl.instructor_ttl h1 span {font-size: 50%; opacity:0.5;}
.pageTtl.instructor_ttl h1 strong {font-size: 60%;}
.history li { border-bottom: 1px dotted #ccc; padding: 8px 16px;}

/*________________________________________________________

	visual collection
	________________________________________________________
*/
.pageTtl.visual-collection_ttl {background-image: url("../img/visual-collection/bg_ttl.jpg");}

.main_visual {
	text-align: center;
	color: #FFF;
	background: url("../img/visual-collection/bg_main.jpg") center center no-repeat;
	background-size: cover;
}
.main_visual h2.headLine {color: #FFF;}