@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
#Footer {
	text-align: left;
	padding: 20px;
	color: #ED1E79;
	font-size: 12px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.inner {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
}
.pcbr{
	display: none;
}

/*** ヘッダー部分 ******************************************************/
#Header {
	padding-top: 10px;
	background: #FFFFFF;
	width: 100%;
	position: fixed !important;
}

.Hleft {
	text-indent: 5px;
}
.Hleft img {
	width: auto;
	height: 30px;
}
.Hleft h1 {
	color: #DC143C;
}
.menuinner {
	margin-left: auto;
	margin-right: auto;
}
.topimageunder_br_320{
	display: none;
}
.topimageunder_br_320_space{
	display: none;
}
@media screen and (max-width: 360px) {
	.topimageunder_br_320{
		display: block;
	}
	#company .topimageunder_br_320_space{
		display: inline;
	}
} 
/*** 踊ろう！優雅に！大胆に！ ******************************************************/
/*** 共通項目 ***/

#topimageback {
	background: url(../images/bg1.gif);
	padding-top:50px;
}
#topimageunder .inner {
	padding-top: 0;
	padding-bottom: 0;
}
#topimageunder {
	background: #ED1E79;
	padding-top: 13px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
#topimageunder .font1 {
	text-align: center;
	color: #1B1464;
	font-size: 15px;
	letter-spacing: 0.6px;
}
#topimageunder .font2 {
	text-align: center;
	font-size: 5px;
	color: #1B1464;
}
#topimageunder .font2.spspace{
}
#topimageunder .font3 {
	color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 40px;
}
#topimage {
	background: url(../images/window.png);
	text-align: center;
	padding-top: 70px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 440px;
}

#topimage_title {
	background-image: url(../images/main_sp_title.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 70px;
	margin-top:20px;
	padding-top:0px;
}

#topimage_member {
	background-image: url(../images/main_sp.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:cover;
	background-size:170%;
	height: 450px;
	padding-top: 0%;
}
@media screen and (max-width: 320px) {
	#topimage_member{
		background-position: center 30px;
	}
} 
/*** greeting ******************************************************/

#greeting {
	background: #459220;
}
#greetingback {
	background-image: url(../images/ph_welcome.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1000px auto;
	color: #FFFFFF;
}
#greetingback .inner{
	font-size:16px;
	padding: 50px 0;
	color: #FFFF00;
	font-weight: bold;
}

.greetingbox {
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
/* aboutustitle --------------------------------------------------------------- */

#aboutustitle {
	background: #ED1E79;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 2px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
}
#aboutustitle .inner{
	padding-bottom: 0;
}

/* インストラクター--------------------------------------------------------------- */


.teacherbox h2 {
	color: #00A99D;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 30px;
	padding-bottom: 8px;
}
.teacherbox h3 {
	color: #00A99D;
	font-size: 18px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 2px;
}
.teacherbox p {
	color: #ED1E79;
	font-size: 14px;
}
.teacherbox:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.teacherbox img {
	width: 100%;
	height: auto;
}
.teacherbox6 {
	margin-top: 33px;
}
.teacherbox1, .teacherbox2, .teacherbox3, .teacherbox4, .teacherbox5, .teacherbox7 {
	margin-top: 40px;
}
.teacherbox1 p, .teacherbox2 p, .teacherbox3 p, .teacherbox4 p, .teacherbox5 p, .teacherbox6 p, .teacherbox7 p {
	font-size: 90%;
	color: #00A99D;
	line-height: 150%;
}
.teacher-br{
	height: 0;
}
/* クラス--------------------------------------------------------------- */


.classbox h2 {
	color: #F15A24;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 30px;
	margin-top: 30px;
}
.classbox:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.classbox img {
	width: 100%;
	height: auto;
}
.classbox1 p, .classbox2 p, .classbox3 p , .classbox4 p {
	font-size: 14px;
	line-height: 150%;
}

.classbox1 {
	margin-top: 3px;
	color: #dc2873;
}
.classbox2 {
	margin-top: 45px;
	color: #6bb72d;
}
.classbox3 {
	margin-top: 45px;
	color: #662d91;
}
.classbox4 {
	margin-top: 45px;
	color: #F15A24;
}
.classbox4 p{
	text-indent: -1em;
	padding-left: 1em;
}
.classbox1 img, .classbox2 img, .classbox3 img {
	margin-bottom: 5px;
}
#class .inner {
	padding-top: 0;
	padding-bottom: 0;
}
/*--checklessonbox----------------------------------------------------------*/

.checklessonbox h2 {
	color: #29ABE2;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 30px;
	margin-top: 55px;
	margin-bottom: 3px;
}
.checklessonbox p {
	color: #29ABE2;
	font-size:14px;
	display: none;
}
.checklessonbox_sp{
	margin-bottom: 65px;
}
.checklessonbox_sp p {
	color: #29ABE2;
	font-size:14px;
	display: hidden;
}
.videobox1 p, .videobox2 p {
	font-size: 90%;
	color: #00A99D;
}
.videobox:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.videobox1 {
	margin-top: 8px;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.videobox2 {
	margin-top: 10px;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.videobox1 iframe, .videobox2 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* 見学、無料体験レッスンは随時受付中！--------------------------------------------------------------- */

#kengaku {
	color: #FFFFFF;
	background: #ED1E79;
}
#kengaku .inner{
	margin-top: 35px;
	padding-bottom: 35px;
}
.kengakubox {
	padding: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size:15px;
	text-align: center;
}
.kengakubox p {
	line-height: 150%;
}
#kengaku .white50 {
	background: #FFFFFF;
	margin-top: 15px;
	background: rgba(255,255,255,0.5);
	text-align: center;
	font-size:14px;
}
#kengaku .white50 a {
	padding: 18px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.2;
}
/* アクティビティ--------------------------------------------------------------- */


#activitytitle{
	background: #662d91;
	color: #FFFFFF;
	padding-top: 33px;
	padding-bottom: 2px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
}
#activitytitle .inner {
	padding-top: 0;
	padding-bottom: 0;
}
#activity {
	background: #D9E021;
}
#activity .inner {
	padding-top: 25px;
	padding-bottom: 50px;
}
.activitybox:after {
	content: "";
	display: block;
	clear: both;
}
#activity .white50 {
	background: #FFFFFF;
	background: rgba(255,255,255,0.5);
	text-align: center;
	margin-bottom: 10px;
}
#activity .white50 a {
	padding: 12px;
	display: block;
	text-decoration: none;
	color: #000000;
}
#activity .white50.facebooklink img{
	width: 100px;
	height: auto;
	vertical-align: sub;
}
#activity .white50.facebooklink a{
	color: #662d91;
}
#activity .space{
	font-size: 10px;
	display: none;
}
.activitybox1 {
	padding-top: 0;
}
.activitybox2 {
	padding-top: 20px;
}
.activitybox1 h2{
	margin-top: 30px;
	margin-bottom: 6px;
}
.activitybox1 h2, .activitybox2 h2 {
	color: #662d91;
	line-height: 150%;
	font-size:15px;
}
.activitybox1 h3, .activitybox2 h3 {
	color: #662d91;
	font-size: 120%;
	line-height: 150%;
}
.activitybox1 p, .activitybox2 p {
	color: #662d91;
	line-height: 150%;
	font-size: 90%;
	margin-bottom: 12px;
}
/*アコーディオン*/

#acMenu {
	margin-bottom: 20px;
}
#acMenu dt {
	color: #662d91;
	display: block;
	background: #FFFFFF;
	padding: 15px;
	background: rgba(255,255,255,0.5);
	width: 90%;
	text-align: center;
	cursor: pointer;
}
#acMenu dd {
	background: #FFFFFF;
	padding: 15px;
	width: 90%;
	display: none;
}
/* ホットトピックス--------------------------------------------------------------- */

#hottopics .space{
	display: none;
}
#hottopics .image{
	margin: 14px 0 5px;
}
#hottopicstitle {
	background: #bb003f;
	color: #FFFFFF;
	padding-top: 33px;
	padding-bottom: 2px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
}
#hottopicstitle .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.hottopicsbox:after {
	content: "";
	display: block;
	clear: both;
}
.hottopicsbox img {
	width: 100%;
	height: auto;
}
.hottopicsbox1 {
	padding-top: 20px;
}
.hottopicsbox2 {
	padding-top: 20px;
	padding-bottom: 35px;
}
#hottopics h2 {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size:30px;
}
.hottopicsbox1 p, .hottopicsbox2 p {
	color: #FFFFFF;
	line-height: 150%;
	font-size: 90%;
}
#hottopics {
	background-image: url(../images/bg2.gif);
}
/*--companybox----------------------------------------------------------*/

#companytitle {
	background: #FFFFFF;
	color: #ED1E79;
	padding-top: 28px;
	padding-bottom: 10px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
}
#companytitle .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.companybox p {
	font-size: 90%;
	color: #ED1E79;
	line-height: 150%;
}
/* トグルボタン--------------------------------------------------------------- */
#menubtn {/*ここにトグルボタンのデザインを書きこむ*/
	border: none;
	/* border: solid 1px #aaaaaa; */
/* border-radius:5px; */
	background-color: #ffffff;
	position: absolute;
	top: 8px;
	right: 5px;
	cursor: pointer;/* 指アイコンに変更 */
}
#menubtn:hover {
	background-color: #dddddd;
}
#menubtn:focus {/* クリック時の青い枠を消す */
	outline: none;
}
#menubtn i {/* 三本線に対して指定 */
	color: #1b1464;
	font-size: 24px;
	-webkit-transform: scale(1.25, 1);
	-moz-transform: scale(1.25, 1);
	transform: scale(1.25, 1);

}

#menubtn p{
	color: #1b1464;
	text-indent: 0px;
	font-size:9px;
}

/* MENUの文字を消す
#menubtn span {
	display: inline-block;
	text-indent: -9999px;
}
 */
/* ナビ------------------------------------------------------------------------ */
#menu {
	display: none;
}
.menu li a {
	padding: 10px 7px;
	font-size: 11px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.menu li a {
	display: block;
	padding: 5px;
	color: #1B1464;
	font-size: 14px;
	text-decoration: none;
}
.menu li a:hover {
	color: #ED1E79;
}

/* contactus --------------------------------------------------------------- */

#contactustitle {
	background: #ED1E79;
	color: #FFFFFF;
	padding-top: 58px;
	padding-bottom: 2px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
}
#contactustitle .inner{
	padding-top: 25px;
	padding-bottom: 0;
}
#contactus .inner{
	color:#4D4D4D;
	font-size:12px;
}
#contactus form{
	border: 1px solid #4d4d4d;
	padding: 20px;
}
#contactus input, #contactus textarea{
	border: 1px solid #4d4d4d;
	padding: 5px;
	margin: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contactus textarea{
	width: 100%;
}
#contactus .spbr{
	display: block;
}
#contactus .button{
	background: #ffffff;
	padding: 5px 2em;
}

/* SNSボタン --------------------------------------------------------------- */

.sns div {
	display: inline-block;
}
 
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}