div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top; max-width: 100%;}
img.lp {border:1px solid #a9a9a9;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* input */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;margin:2px;padding:0px;}
input.txt,textarea.txt {margin:2px;padding:3px;border:1px solid #999;vertical-align:middle;font-size:14px;color:#333;}
select {margin:2px;padding:1px;border:1px solid #999;vertical-align:middle;font-size:14px;color:#333;}

/* ========== 共通パーツ========== */
.fs24 {font-size: 2.4rem !important;}
.fs23 {font-size: 2.3rem !important;}
.fs22 {font-size: 2.2rem !important;}
.fs21 {font-size: 2.1rem !important;}
.fs20 {font-size: 2.0rem !important;}
.fs19 {font-size: 1.9rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs17 {font-size: 1.7rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs15 {font-size: 1.5rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs10 {font-size: 1.0rem !important;}
.lh10 {line-height: 1em;}
.lh11 {line-height: 1.1em;}
.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}
.lh15 {line-height: 1.5em;}
.lh16 {line-height: 1.6em;}
.lh17 {line-height: 1.7em;}
.lh18 {line-height: 1.8em;}
.lh19 {line-height: 1.9em;}
.lh20 {line-height: 2em;}
.bold {font-weight: bold;}
.lft {text-align: left;}
.cnt {text-align: center;}
.rgt {text-align: right;}
.flft {float: left;}
.frgt {float: right;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}
.ofa {overflow: auto;}
.ofh {overflow: hidden;}
.prv {position:relative;}
.pab {position:absolute;}
.mgb5 {margin-bottom: 5px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgt5 {margin-top: 5px;}
.mgt15 {margin-top: 15px;}
.mglra {margin-left:auto;margin-right:auto;}
.red {color: #d10000;}
.clear_fix {
min-height: 1em;
_height: 1px;
_overflow: visible;
}
.clear_fix:after {
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}

html{
font-size: 62.5%;
}
body {
font-family: Meiryo, arial, sans-serif;
padding: 0px;
margin: 0px;
text-align: center;
color: #333;
/* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
font-family: Meiryo, arial, sans-serif;
font-size: 1.6rem;
line-height: 1.8em;
background: url(../images/bg_pc.jpg) center top no-repeat #000;
background-attachment: fixed;
background-size: cover;
}
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #999;}
a:active {color: #666;}
a:hover img {opacity:0.7;}

.spItem{display:none;}

#header {
height: 50px;
}
#headerInner {
position: fixed;
z-index: 100;
width: 100%;
margin: 0px auto;
padding: 0px;
background: #fff;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#headerMenu {
position: relative;
width: 1000px;
height: 50px;
margin: 0px auto;
}
#Top {

}
#TopInner {
position: relative;
width: 1000px;
height: 800px;
margin: 0px auto;
text-align: left;
}
h1 {
margin: 0px !important;
padding: 40px 0;
}
.mainImg {
margin: 0px !important;
padding: 40px 0;
}
h2 {
margin: 0px auto 40px auto;
font-size: 4rem;
line-height: 1em;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 800;
text-align: center;
}
h3 {
margin: 40px auto 20px auto;
padding: 10px 0;
font-family: 'M PLUS 1p', sans-serif;
text-align: center;
color: #fff;
border-radius: 6px;
background: #00b9ef;
}
h5 {
margin: 20px auto 20px auto;
padding: 0;
font-family: 'M PLUS 1p', sans-serif;
text-align: center;
background: #fff;
}

#Main {
max-width: 1000px;
margin: 0 auto 60px auto;
text-align: left;
background: #fff;
}
#Message {
padding: 60px;
background: #eee;
}
#Message p {
margin: 0 auto 2em auto;
}
.newDate {
margin: 0 0 2rem 2em;
font-size: 2rem;
line-height: 2em;
font-weight: bold;
}
#LessonInfo {
padding: 60px;
}
#Intro {
padding: 60px;
}
#Intro h2 span {
padding: 0 0 0 20px;
}
#Intro p {
margin: 0 auto;
}
#Intro li.red.bold {
margin: 0 auto 0.5em auto;
font-size: 2.4rem;
line-height: 1.4em;
text-align: center;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 800;
}
#Intro ul {
margin: 0 auto 2em auto;
}
#Intro .introMessage {
margin: 3em 0 1em 0;
text-align: center;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
font-size: 3rem;
}
#Intro ul {
margin: 0 4em 2em 4em;
font-weight: bold;
}
#Intro li {
margin: 0;
padding: 15px 0;
border-bottom: 1px dotted #ccc;
}
@media screen and (min-width: 901px){
	#Intro li br {
	display: none;
	}
}
.memberAddition {
margin: 4em 0 0;
padding: 10px;
color: #fff;
font-weight: bold;
font-size: 2rem;
text-align: center;
background: #d10000;
}

.stagePhoto {
margin: 2em 0 0 0;
}
.stagePhoto h4 {
margin: 0 0 10px 0;
padding: 5px;
text-align: center;
font-size: 1.6rem;
line-height: 1.4em;
background: #eee;
}
.stagePhoto h4 span {
display: block;
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: normal;
}
.stagePhoto ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 1em 0;
}
.stagePhoto li {
width: calc(50% - 10px);
margin: 0 0 10px 0;
}
.stagePhoto .flyer_img li {
width: calc(25% - 10px);
margin: 0;
}
.stagePhoto .flyer_img li img {
border: 1px solid #eee;
}
.stagePhoto a {
position: relative;
display: block;
}
.stagePhoto a::after {
content: '+';
position: absolute;
right: 10px;
bottom: 5px;
display: block;
padding: 2px;
color: #fff;
line-height: 1em;
font-weight: bold;
border-radius: 4px;
background: #000;
}

#Data {
padding: 60px;
background: #eee;
}
#Data p {
padding: 0 10px;
margin: 0 0 0.5em 0;
}
#Data ul {
margin: 0;
padding: 0 0 0 2em;
}
#Data li {
margin: 0 0 0.5em 0;
list-style: disc;
}

.oderFormLink {
margin-top: 40px;
padding: 40px;
text-align: center;
border-radius: 10px;
background: #fff;
}
.oderFormLink a {
display: block;
margin: 0 0 1em 0;
padding: 15px;
color: #fff;
text-decoration: none;
font-size: 2rem;
font-weight: bold;
border-radius: 10px;
background: #5a95d0;
}
.oderFormLink a:hover {
opacity: 0.7;
}

#Profile {
padding: 60px;
}
#Profile p {
margin: 0;
}
#Profile h4 {
margin: 0 0 40px 0;
padding: 10px 0 10px 20px;
font-size: 2.4rem;
line-height: 1em;
border-left: 5px solid #ccc;
}
#Profile .profileJp {
padding: 0 0 0 0px;
}
#Profile h4 .profileEn {
padding: 0 0 0 20px;
font-size: 1.4rem;
}
#Profile .profileUnit {
margin: 0;
padding: 4em 0;
border-top: 1px dotted #ccc;
}
#Profile .profileUnitInner {
display: flex;
justify-content: space-between;
}
#Profile .profileUnitInner .profileUnitImg {
width: 20%;
font-size: 1.2rem;
line-height: 1.2em;
}
#Profile .profileUnitInner .profileUnitImg span {
display: block;
margin: 10px 0 0 0;
}
#Profile .profileUnitInner p {
width: calc(80% - 40px);
}
a.showDetail {
display: block;
margin: 2em 1em 0 1em;
padding: 15px;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 2rem;
font-weight: bold;
border-radius: 10px;
background: #3678ba;
}
#footer {
padding: 30px 0px 70px 0px;
color: #fff;
font-size: 1.2rem;
letter-spacing: 2px;
}

#social_area {
position: absolute;
top: 15px;
right: 0;
display: flex;
justify-content: flex-end;
text-align: right;
}
#social_area li{
margin: 0 0 0 5px;
padding: 0;
}
#social_area li.HomeBt a {
text-decoration: none;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}




/*===============================================
 for SP
===============================================*/
@media screen and (max-width: 900px){

	body {
	font-family: Meiryo, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: center;
	color: #333;
	/* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	font-family: Meiryo, arial, sans-serif;
	font-size: 1.6rem;
	line-height: 1.8em;
	background: url(../images/bg_pc.jpg) center top no-repeat #000;
	background-attachment: fixed;
	background-size: cover;
	}
	a:hover img {opacity:0.7;}
	img {max-width: 100%;}

	.pcItem{display:none;}
	.spItem{display:block;}

	#header {
	height: 50px;
	}
	#headerInner {
	position: fixed;
	z-index: 100;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	}
	#headerMenu {
	position: relative;
	width: auto;
	height: 50px;
	margin: 0px auto;
	}

	h1 {
	margin: 0px !important;
	padding: 20px 0;
	}
	.mainImg {
	margin: 0px !important;
	padding: 0 0 20px 0;
	}
	h2 {
	margin: 0px auto 30px auto;
	font-size: 2.4rem;
	}
	h2 span,
	h3 span {
	display: inline-block;
	}
	h3 {
	margin: 40px auto 20px auto;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	background: #00b9ef;
	}
	#Message {
	padding: 60px 10px;
	}
	.newDate {
	margin: 0 0 2rem 10px;
	font-size: 2rem;
	line-height: 1em;
	font-weight: bold;
	}
	.newDate span {
	display: block;
	margin: 10px 0 0 0;
	font-weight: normal;
	font-size: 1.2rem;
	}
	#LessonInfo {
	padding: 60px 10px;
	}
	#Intro {
	padding: 40px 10px;
	}
	#Intro h2 span {
	display: block;
	padding: 10px 0 0 0;
	}
	#Intro ul {
	margin: 0 10px 2em 10px;
	font-weight: bold;
	}
	.stagePhoto li {
	width: calc(50% - 5px);
	margin: 0 0 10px 0;
	}
	.stagePhoto .flyer_img li {
	width: calc(50% - 5px);
	margin: 0 0 10px 0;
	}
	#Data .dataUnit {
    flex-wrap: wrap;
	}
	#Data {
	padding: 40px 10px;
	}
	#Data .dataUnit {
	margin: 0 0 1em 0;
	}
	#Data .dataUnit h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 0 1em 0;
	color: #fff;
	text-align: center;
	font-weight: normal;
	border-radius: 4px;
	background: #999;
	}
	#Data .dataUnit p {
	width: 100%;
	}
	.oderFormLink {
	padding: 20px;
	border-radius: 10px;
	}
	.oderFormLink a {
	font-size: 1.6rem;
	}

	#Profile {
	padding: 40px 10px;
	}
	#Profile .profileUnitInner {
	display: block;
	}
	#Profile .profileUnitInner .profileUnitImg {
	width: 100%;
	margin: 0 0 2rem 0;
	font-size: 1.2rem;
	line-height: 1em;
	text-align: center;
	}
	#Profile .profileUnitInner .profileUnitImg span {
	display: block;
	margin: 10px 0 0 0;
	}
	#Profile .profileUnitInner p {
	width: 100%;
	}
	#Profile h4 {
	margin: 0 0 20px 0;
	font-size: 3rem;
	}
	#Profile h4 span {
	display: block;
	}
	.profileClass {
	margin: 0 0 10px 0;
	font-size: 1.8rem;
	}
	#Profile .profileJp::before {
	display: none;
	}
	#Profile h4 .profileEn {
	margin: 0px 0 0 0;
	padding: 0;
	}
	#footer {
	padding: 30px 0px 70px 0px;
	color: #fff;
	font-size: 1.1rem;
	letter-spacing: 0px;
	}
}