@charset "utf-8";

/*
Theme Name: Y バレエ デ ザンジュ
Theme URI: http://y-ba.com/
Description: Y バレエ デ ザンジュ
*/





/* General Setting
========================================== */
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td, hr{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

body{
	color: #333;
	font: 12px/18px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	*font-size:small;
    *font:x-small;
    
    -webkit-text-size-adjust: 100%
}




a{
	color: #D10055;
	text-decoration: none;
}
a:hover{
	color: #ff6666;
	text-decoration: underline;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	transition: 0.6s;
}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



.d_none{
	display: none;
	}

		
.text-nowrap {
	white-space: nowrap;
	}
	
/* Basic Layout 
========================================== */
body{
	

}


#wrapper{
	width: 960px;
	margin: 0 auto;
}


/* ヘッダーエリア */
header{
	position: relative;
	width: 100%;
	height: 150px;
	background-size:960px 150px;
	background-image: url(image/headerback7.png);

}


#contents{
	padding: 0;
	overflow: hidden;
	zoom: 1;
}


#main{
	float: right;
	width: 680px;

}


#sideber{
	overflow: hidden;
	position: relative;
	float: left;
	width: 250px;
	margin-top: 30px;
	margin-left: 30px;
}

/* フッター  */
footer{
	clear: both;
	color: #fff;
	text-align: center;
	background-color: #D10055;
	overflow: hidden;
	padding: 5px;
}

*{zoom: 1;}


/* ナビゲーション
========================================== */
#nav ul {
	position: absolute;
	z-index: 101px;
	float: right;
	height: 27px;
	top:  68px;
	right: 20px;
}

#nav ul li {
	float: left;
	font-size:13px;
	font-weight: bold;
}

#nav ul li a{
	display: block;
	height: 27px;
	padding: 0 15px;
	line-height: 29px;
	color: #fff;
	text-decoration: none;
	
}

#nav ul li a:hover{
	color: #fedd77;
	background-color: #ad0549;
	
}

#nav-etc{
	position: absolute;
	z-index: 100px;
	float: right;
	top: 15px;
	right: 0px;
}

#nav-etc ul{
	line-height: 12px;
}

#nav-etc ul li{
	float: left;
	padding: 0 15px;
}

#nav-etc ul li:nth-child(1),#nav-etc ul li:nth-child(2){
	border-right: 1px solid #666;
}



/* post
========================================== */
.post{
	margin: 0 50px 50px;

}
.post h1{
	font-size: 20px;
	height: 35px;
	background-image: url(image/h1back.png);
	background-position: 0 100%;
	margin: 0 0 20px;
	line-height: 21px;
	font: "ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;

}
.post h2{
	margin: 0px 0px 16px 0px;
	padding: 4px 0px 4px 6px;
	border-left: solid 5px #CCCCCC;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.post h3{
	font-size: 14px;
	color: #D10055;
	margin: 0 0 14px;
}
.post h4{
	font-size: 14px;
	margin: 0 0 14px;
	padding: 2px 0px 2px 6px;
	border-left: solid 5px #fbcbdd;
}

.post p{
	margin-bottom: 30px;

}

/* テーブル  */

.post table{
	background-color: #999999;
	margin-bottom: 30px;
}

.post table th{
	padding: 5px;
	background-color: #F1F1F1;
}

.post table td{
	padding: 5px;
	background-color: #fff;

}

/* テーブル  */

.post table.std{
	width: 100%;
	background-color: #999999;
	margin-bottom: 30px;
}

.post table.std th{
	width: 125px;
	padding: 5px;
	background-color: #EBBFCB;
}

.post table.std td.type1{
	width: 320px;
	padding: 5px;
	background-color: #F1F1F1;

}
.post table.std td.type2{
	text-align: right;
	padding: 5px;
	background-color: #fff;
}
.post table.std td.type1b{
	width: 200px;
	padding: 5px;
	background-color: #F1F1F1;

}

table.style-none{
	background:none;
}

table.style-none td{
	padding:1px;
	background:none;
}

}

/* 日程  */
div.nittei table{
	width: 300px;
}
div.nittei table th{
	width: 50%;
	padding: 5px;
	background-color: #F1F1F1;
}
div.nittei table td{
	text-align: right;
	font-weight: bold;
	padding: 5px;
	background-color: #fff;

}


/* リスト（★）  */
.post ul{
	margin-bottom: 30px;
}

ul.star{
}

ul.star li{
	margin: 0 0 15px 0;
	background-image: url(image/ochiSter.png);
	background-repeat: no-repeat;
	padding-left: 18px;
}


/* リスト（ナンバー）  */
ul.number {
	margin-left: 20px;
}
ul.number li{
	list-style: decimal;
	margin: 0 0 5px;
}

/* 日程 */



/* sideber エリア
========================================== */
#sideber img{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px;
}

#sideber h1{
	width: 174px;
	margin: 0 auto 20px;
	padding: 8px;
	border: 1px solid #D10055;

}

#facebook{
	width: 192px;
	margin: 0 auto 0;

}

#facebook img{
	//border: none;
	//padding: 0;
}

/* Instagram */
#instagram{
	width: 192px;
	margin: 0 auto 20px;
	}

.instagram{
	color: #FFF;
	//border-radius: 7px;
	position: relative;
	display: inline-block;
	height: 50px;
	width: 190px;
	text-align: center;
	font-size: 22px;
	line-height: 50px;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow: hidden;
	text-decoration:none;
}

.instagram:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.instagram .fa-instagram{
	font-size: 35px;
	position: relative;
	top: 4px;
}

.instagram span {
	display:inline-block;
	position: relative;
	//transition: .5s
}

/* TOPページ
========================================== */
.rightImg{
	float: right;
	padding: 5px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
}

#classcomp{
	margin:30px 0 15px;
	overflow: hidden;
	zoom: 1;
}


.topContents h2{
	display: inline;
	
font-family: kan415typos-std,sans-serif;
font-weight: 400;
font-style: normal;
	
	color: #333;
	font-size: 16px;
	line-height: 22px;
	border-left: none;
	border-bottom: 2px solid #666;
	padding: 5px 0 2px;
	margin-top: 20px;
	
}

.topContents h3{
	font-size: 13px;
	margin: 0 0 30px;
}

ul.classcomp{
	overflow: hidden;
	margin: 15px 0 20px 0;
	list-style-position:outside;
}

ul.classcomp li{
	
font-family: kozuka-gothic-pro,sans-serif;
font-weight: 700;
font-style: normal;

	font-size: 12px;
	color: #333;
	margin: 3px 0;
	margin-left: 16px;
}

ul.classcomp li:before{
	font-size: 18px;

	content:"■ ";
	color: #dadada;
	margin-left: -15px;
}



/* トップニュース */

#bl_topNewsBox{
	margin-bottom: 70px;
}

.topNewsBox_title{
	font-family: josefin-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	color: #D10055;
	margin-bottom: 15px;
	
}

.el_Card{
	margin-bottom: 30px;
	padding: 20px 20px 20px 20px;
	border-radius: 5px;
	background-color: #feeef3;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
}
	
.topNews_meta{
	display: flex;
}

.topNews_meta_date{
	margin-right: 10px;
	color: #999;
	font-size: 12px;
}

.topNews_meta_cate{
	color: #999;
	font-size: 11px;
}

.topNews_title{
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* トピックス（2021.06.02） */


/* トピックス */
#bl_topicsBox{
	clear: both;
	min-height: 200px;
}


.topicsBox_title{
	font-family: josefin-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	color: #D10055;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #D10055;
	
}

#bl_topicsBox dl{
	display: flex;
	margin-bottom: 10px;
}

#bl_topicsBox dt{
	flex-basis: 85px;
	padding-left: 15px;
	background-image: url(image/oti6.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}


#bl_topicsBox dd{
	flex-basis: 465px;
}



/* トピックス */
#topicsBox{
	clear: both;
	padding: 15px;
	background-color: #fff1f7;
	min-height: 200px;
}

#topicsBox dl{
	clear: both;
	margin-left: 15px;
	margin-bottom: 10px;
}

#topicsBox dt{
	float: left;
	width: 80px;
	padding-left: 15px;
	background-image: url(image/oti6.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#topicsBox dd{
	margin-left: 95px;
}

p.topNews_text{
	margin-bottom: 0;
	}


/* サイドエリア */
#topSideBox {
	width: 212px;
	margin: 0 auto 20px;
}

#information{
	width: 180px;
	margin: 0 auto 50px;
	padding: 15px;
	background-color: #f1f1f1;

}
#information h1{
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
#information p{
	line-height: 22px;
	margin: 0 0 10px;
	border-bottom: 1px dashed #999;
}


/* 大歓迎 */
#kangei{
	width: 170px;
	margin: 0 auto 50px;
	padding: 10px;
	background-color: #e9c435;
	text-align: center;

}

#kangei p{
	font-family: kan415typos-std, sans-serif;
	font-style: normal;
	font-weight: 400;
	
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 6px;
	color: #da515b;
}




/* ナビゲーション
========================================== */
div#submenu{
	width: 190px;
	padding: 0 30px;	
}

body#perform div#submenu{
	width: 205px;
	padding: 0 30px;	
}
	
#submenu ul {
	margin: 0 0 50px 0; 
}

#submenu ul li {
	width: 190px;
	margin: 0 auto 10px;
	border: 1px solid #D10055;
}

body#perform #submenu ul li {
	width: 205px;
	margin: 0 auto 10px;
	border: 1px solid #D10055;
}

#submenu ul li a{
	display: block;
	padding: 8px;
	font-weight: bold;
	text-decoration: none;
	
}

#submenu ul li a:hover{
	background-color:#FDE5EB;
	
}
#submenu ul li.current a{

}


#submenu.fixed {
	position: fixed;
	top: 0;
	left: auto;

}



/* 最近の記事（サイドバー）
========================================== */
#newslist ul {
	width: 190px;
	margin: 0 auto 50px;
}

#newslist ul li {
	margin: 0 0 10px 0; 
	padding-left: 8px;
	background-image: url(image/marker.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#newslist ul li a{
	
}

#newslist ul li a:hover{
	
}




/* お知らせ
========================================== */
div.newsBox{
	margin-bottom: 40px;
	padding: 20px;
	background-color: #fff;
}

div.newsBox h2{
	font-size: 18px;
	border-bottom: 2px solid #ccc;
	border-left: none;
	margin-bottom: 20px;
	padding: 0 0 5px 0;
}

div.newsBox imgCenter{
	display: block;
	margin-right: auto;
	margin-left: auto; 
}




/* 入会案内
========================================== */
.zei{
	font-size: 88%;
	}



/* スタジオ紹介 > プロフィール
========================================== */

table#profile{
	width: 100%;
	margin-bottom: 30px;
	background-color: #999999;

}

table#profile td:nth-child(1){
	width: 50px;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #EBBFCB;
}

table#profile td:nth-child(2){
	width: 30px;
	text-align:right;
	padding: 5px;
	background-color: #F1F1F1;
}

table#profile td:nth-child(3){
	padding: 5px;
	background-color: #fff;
}


/* スタジオ紹介 > タイムスケジュール
========================================== */

table#schedule{
	width: 100%;
	margin-bottom: 30px;
	background-color: #999999;

}
table td.sel_1 {
	background-color: #EBBFCB;
	padding: 5px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
table td.sel_1b {
	background-color: #EB93B8;
	padding: 5px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}
table td.sel_2 {
	background-color: #F1F1F1;
	padding: 5px;
	font-size: 12px;
}
.sel_3 {
table td	background-color: #FFFFFF;
	padding: 5px;
	font-size: 12px;
}
table td.sel_close {
	padding: 5px;
	font-size: 12px;
	color: #999;
	background-image: url(./studio/image/close_back.gif);
}


/* スケジュール下テーブル */
div.setumei{
	float: left;
	margin-top: 20px;
	width: 50%;
}
div.setumei table{
	width: 265px;
	margin-top: 10px;
	background-color: #fff;
}
div.setumei table th{
	width: 50px;
	color: #D10055;
	background-color: #fff;
	border: solid 1px #D10055;
}

div.setumei table td{
	padding: 3px 0 3px 8px;
	background-color: #F9F9F9;

}


/* スタジオ紹介 > 教師紹介
========================================== */
div.teacherBox{
	overflow: hidden;
	zoom:1;
	clear: both;
	margin-bottom: 30px;
	

}
div.teacherBox h1{
	position: relative;
	height: auto;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 10px;
	background-image: none;
	background-color: #F1F1F1;
}
div.teacherBox h1 span{
	color: #D10055;
}
div.teacherBox h1 span.katagaki{
	position: absolute;
	font-size: 92%;
	right: 10px;
	top: 10px;
	color: #333;
}
div.teacherBox img{
	float: left;
	margin-right: 30px;
}
div.teacherBox p{
   overflow:hidden;
   zoom:1;
}

div.teacherBox dl{
	overflow: hidden;
	}

div.teacherBox dl dt{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	}

div.teacherBox dl dd{
	overflow: hidden;
	margin-bottom: 5px;
	}

/* スタジオ紹介 > 教室紹介（googlemaps）
========================================== */
.maplist{
	clear: both;
	border-bottom: 1px dotted #333;
	margin-bottom: 20px;
	padding-bottom: 30px;
	overflow: hidden;
	zoom: 1;
}

#map-canvas1,#map-canvas2 ,#map-canvas3 ,#map-canvas4 ,#map-canvas5  ,#map-canvas6b  ,#map-canvas7b  ,#map-canvas8b  ,#map-canvas9b  {
        width:100%;
        height: 380px;
}

/* スタジオ紹介 > 生徒の活躍
========================================== */
div.activityBox{
	overflow: hidden;
	zoom:1;
	clear: both;
	margin-bottom: 30px;
	

}
div.activityBox h1{
	height: auto;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 10px;
	background-image: none;
	background-color: #F1F1F1;
}
div.activityBox h1:before{
	content: "★";
	color:#D10055;
	margin-right: 2px;
}
div.activityBox h1 span{
	color: #D10055;
}
div.activityBox>img{
	clear: both;
	float: right;
	margin-left: 25px;
}
div.activityBox img{
	border: 1px solid #ccc;
	padding: 5px;
}
div.activityBox p{
	margin-bottom: 10px;
	overflow:hidden;
	zoom:1;
}


div.activityBox dl{
	margin-bottom: 10px;
}

div.activityBox dl dt{
	font-weight: bold;
	color: #339999;
	margin-top: 15px;
}

div.activityBox dl dd{
}
div.activityBox dl dd:before{
	//content: "・";
	//color:#D10055;
}

div.activityBox dl dd p{
	margin-left: 20px;
	margin-bottom: 10px;
}

div.activityBox dl dd ul{
	margin-left: 20px;
	margin-bottom: 10px;
}

div.activityBox dl dd ul li{
	list-style:disc;
	margin-bottom: 3px;
}



/* 在籍生の活躍
========================================== */

.achieve{
		-js-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
		justify-content:space-between;
	overflow: hidden;
	width: 580px;
	margin: 20px 0 40px 0;
}

.achieve img{
}


/* コンクール
========================================== */
#awardBox{
	overflow: hidden;
	margin-bottom: 20px;
}
#awardBox dl{
	overflow: hidden;
	margin-bottom: 10px;
}
	
#awardBox dl.dl_left{
	float: left;
	width: 270px;
}
	
#awardBox dl.dl_right{
	float: left;
	width: 270px;
}
#awardBox dl dt{
	width: 70px;
	float: left;
	clear: both;
	margin-right: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #339999;
	}
	
#awardBox dl dd{
	margin-bottom: 15px;
	font-size: 108%;
	}
	
#awardBox dl dd i.award1{
	color: #d0af56;
	margin-right: 8px;
	font-size: 120%;
	}
	
#awardBox dl dd i.award2{
	color: #d0af56;
	margin-right: 8px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 120%;
	}



/* スタジオ紹介 > 教室レンタル（googlemaps）
========================================== */
#map-canvas6,#map-canvas7   {
	float: right;	
	width:250px;
	height: 250px;
}

.maplist table{
	width: 300px;
}

.maplist table th{
	width: 100px;
	background-color: #F1F1F1;
}

.maplist table td{
	text-indent: 10px;
	background-color: #fff;
}


/* スタジオ紹介 > 概要
========================================== */
dl.shozaichi dt{
	font-weight: bold;
	color: #666;
	}
dl.shozaichi dd{
	margin-bottom: 20px;
	}
	
dl.gaiyo{
	margin-bottom: 30px;
	}
	
	
dl.gaiyo dt.year{
	float: left;
	}
	
dl.gaiyo dt.month{
	float: left;
	width: 30px;
	white-space: nowrap;
	text-align: right;
	margin-right: 20px;
	}

/* 発表会
========================================== */
.perform{
	width: 542px;
	margin: 0 auto;
}

.perform table{
	background-color: #fff;
	margin-bottom: 10px;
}

.perform img{
	border: 1px solid #ccc;
	padding: 5px;
}

.perform div.imgCenter{
	text-align: center;
}


.perform div.imgLeft{
	clear: both;
	float: left;
}


.perform div.imgRight{
	float: right;
}


.perform div.imgLeftC{
	clear: both;
	float: left;
	text-align: center;
	width: 48%;
}


.perform div.imgRightC{
	float: right;
	text-align: center;
	width: 48%;
}




.perform div.photo{
	margin-bottom: 20px;
}

.perform div.photo p{
	color: #666;
	font-size: 11px;
	text-align: center;
	margin: 0;
}
.perform div.photo p:before{
	content:"●";
	color: #D10055;
}


/* 装飾
========================================== */

/* シャドウ1 */
.dropshadow1{
	box-shadow: 0 1px 4px 0 #aaa,0 0 40px 0 #f1f1f1 inset;
	position: relative;
}

.dropshadow1:before{
	content: "";
	position: absolute;
	z-index: -2;
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
	top: 50%;
	bottom:0;
	left:10px;
	right: 10px;
	border-radius: 100px/10px;
}

/* シャドウ2 */
.dropshadow2{
	box-shadow: 0 1px 4px 0 #aaa,0 0 40px 0 #e5e5e5 inset;
	position: relative;
}

.dropshadow2:before, .dropshadow2:after{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left:10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	box-shadow: 0 15px 10px #4c4c4c;
	transform:rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
}
.dropshadow2:after{
	right: 10px;
	left:auto;
	transform:rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);

}