@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: center;
	padding: 20px;
	color: #ED1E79;
	font-size: 12px;
}
.inner {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
}
/* ヘッダー部分 ----------------------------------------------------------- */
#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;
}
/* 踊ろう！優雅に！大胆に！ ----------------------------------------------------------- */
/* 共通項目 --*/

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

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

#topimage_member {
	background-image: url(../images/main_sp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 520px;
	padding-top: 0px;
	margin-top:20px;
}

/* greeting ----------------------------------------------------------- */

#greeting {
	background: #459220;
}
#greeting .inner{
	padding: 75px 0;
	color: #FFFF00;
	font-weight: bold;
}
#greetingback {
	background-image: url(../images/ph_welcome.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1000px auto;
	color: #FFFFFF;
}
.greetingbox {
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
/* aboutustitle ----------------------------------------------------------- */

#aboutustitle {
	background: #ED1E79;
	color: #FFFFFF;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 2px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
	letter-spacing: 1px;
}
#aboutustitle .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.aboutustitle_br {
	display: none;
}
/* インストラクター--------------------------------------------------------------- */

.teacherboxflex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.teacherbox p {
	color: #ED1E79;
	font-size: 15px;
	line-height: 25px;
}
.teacherbox h2 {
	padding-top: 30px;
	color: #00A99D;
	font-size: 28px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.teacherbox h3 {
	color: #00A99D;
	font-size: 17px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.teacherbox:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.teacherbox img {
	width: 100%;
	height: auto;
}
.teacherbox1, .teacherbox2, .teacherbox3, .teacherbox4, .teacherbox5, .teacherbox6, .teacherbox7 {
	width: 280px;
	float: left;
	margin-top: 20px;
}
.teacher-br{
	height: 0;
}
.teacherbox1 p, .teacherbox2 p, .teacherbox3 p, .teacherbox4 p, .teacherbox5 p, .teacherbox6 p, .teacherbox7 p {
	font-size: 14px;
	color: #00A99D;
}
/* クラス--------------------------------------------------------------- */
.classboxflex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.classbox h2 {
	color: #F15A24;
	font-size: 28px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin-top: 60px;
}
.classbox:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.classbox img {
	width: 100%;
	height: auto;
}
.classbox1, .classbox2, .classbox3, .classbox4 {
	width: 280px;
	font-size: 14px;
	/* float: left; */
	line-height: 22px;
	margin-bottom: 30px;
}
.classbox1 {
	margin-right: 15px;
	color: #dc2873;
}
.classbox2 {
/*	margin-right: 15px;*/
	color: #6bb72d;
}
.classbox3 {
	color: #662d91;
}
.classbox4 {
	color: #F15A24;
}
.classbox4 p{
	margin: 0 0 0 1em;
	text-indent: -1em;
}
#class .inner {
	padding-top: 0;
	padding-bottom: 0;
}
/*--checklessonbox----------------------------------------------------------*/

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

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


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

#acMenu {
	margin-bottom: 20px;
}
#acMenu dt {
	color: #662d91;
	display: block;
	background: #FFFFFF;
	padding: 12px 15px;
	background: rgba(255,255,255,0.5);
	width: 100%;
	text-align: center;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#acMenu dd {
	background: #FFFFFF;
	padding: 15px;
	width: 90%;
	display: none;
}
#activity p{
	font-size: 14px;
	text-align: center;
}
#activity p:first-child{
	font-size: 15px;
}
#activity #acMenu dd p{
	text-align: left;
}
/* ホットトピックス--------------------------------------------------------------- */


#hottopicstitle {
	background: #bb003f;
	font-size: 40px;
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 5px;
	text-align: center;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	letter-spacing: 1px;
}
#hottopicstitle .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.hottopicsbox img {
	width: 100%;
	height: auto;
}
#hottopics {
	background-image: url(../images/bg2.gif);
}
#hottopics .inner{
	padding-top: 40px;
	padding-bottom: 60px;
}
#companytitle {
	background: #FFFFFF;
}
#company {
	background: #FFFFFF;
}
#company .inner{
	padding-bottom: 60px;
}
.hottopicsbox {
	font-size: 14px;
}
.hottopicsbox:after {
	content: "";
	display: block;
	clear: both;
}
.hottopicsbox1 {
	float: left;
	width: 50%;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-left: 0;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hottopicsbox2 {
	float: left;
	width: 50%;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 0;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hottopicsbox{
	position: relative;
	padding-bottom: 120px;
}
.hottopicsbox1 p.image{
	width: 50%;
	position: absolute;
	bottom: 0;
	left:0;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hottopicsbox2 p.image{
	width: 50%;
	position: absolute;
	bottom: 0;
	right:0;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#hottopics h2 {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 28px;
}
.hottopicsbox1 p, .hottopicsbox2 p {
	color: #FFFFFF;
	line-height: 150%;
}
/*--companybox----------------------------------------------------------*/

#companytitle {
	background: #FFFFFF;
	color: #ED1E79;
	padding-top: 40px;
	padding-bottom: 30px;
	font-family: 'Slabo 27px', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 40px;
	text-align: center;
	letter-spacing: 1px;
}
#companytitle .inner {
	padding-top: 0;
	padding-bottom: 0;
}
.companybox{
	margin-left: 140px;
}
.companybox p {
	font-size: 14px;
	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;
}

#menubtn p{
	text-indent: 0px;
	font-size:9px;
}
/* ナビ------------------------------------------------------------------------ */
#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;
}

#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: 80%;
}
#contactus .button{
	background: #ffffff;
	padding: 5px 2em;
}

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

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