@charset "UTF-8" ;

html {
	font-size: 100%;
	}
body {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro","ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", sans-serif;/*'メイリオ','Hiragino Kaku Gothic',sans-serif*/;
	line-height: 2;
	color: #454545;
	}
h1 {
	margin-top: 0;
     margin-bottom: 50px;
     font-size: 36px;
     font-weight: 300;
     text-align: center;
     }
h2  {font-size: 18px;
	font-weight: 100;
	}
h4  {font-size: 12px;
	line-height: 1.6em;
}
p {font-size: 14px;}
ul  {margin: 0;
	padding-left: 40px;
	}
li  {
	list-style: none;
	}
ol {margin: 0;
	padding: 0 40px 20px;;
}

time {display: block;
	text-align: left;}
hr {margin: 20px 0;
	border:0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
	}
figure {
	margin: 0;
	}
.clear :after {
	content: "";
	display: block;
	clear: both;
	}
.head-title {
	margin-top: 6.25rem;
	margin-bottom: 1.875rem;
	font-weight: 300;
	}
.top-button {
	margin-top: 3rem;
}
@media (max-width:1000px){
	.top-button {
	  margin-top: 1rem;
	  margin-bottom: 3rem;
	  }
}

.mat50 {
	margin-top: 7.5rem;
	}
.white {
	color: #ffffff;
	}
.red {
	color: #ff0000;
	}
.blue,.box-three {
	color: #01a1dd;
	}
a:link {
	color: #01a1dd;
    }
a:hover img {
	opacity: 0.7;
    }
section {
	margin-top: 30px;
	margin-bottom: 50px;
	/*padding-top: 50px;*/
	padding-bottom: 50px;
	}
.admin-space {
	height: 32px;
	}
.wrapper {
	padding-left: 10px;
	padding-right: 10px;
	}
@media (max-width:782px){
	.admin-space {
		height: 46px;
		}
		}
/* -------------- 基本構造 ---------------- */
/* ヘッダーとフッターをバーの形にする設定 */
#inner {
    margin-top: 56px;
    }
footer {
	border-top: solid 1px #dddddd;
	background-color: #f3f3f3;
	}
@media (max-width:930px){
	#inner {
		margin-top: 55px; 
		}
		}
/* ボックスの上下の間隔 */
.contents {
	padding-top: 40px;
	padding-bottom: 40px;
	}
.sub {
	padding-top: 40px;
	padding-bottom: 20px;
	}
.footer {
	padding-top: 15px;
	padding-bottom: 15px;
	}
/* ボックスの左右の余白 */
footer , .container{
	padding-left: 20px;
	padding-right: 20px;
	}
/* 全体の横幅 */
@media (min-width: 1040px){
	.header {
		background: #ffffff;
	}
	.header-inner {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		}
	.wrapper {
		margin-left: 30px;
		margin-right: 30px;
	}
    .container, .footer-inner {
	    max-width: 1100px;
	    margin-left: auto;
	    margin-right: auto;
	    }
	    }
@media (min-width:768px){
	/* 横幅が768px以上の場合コンテンツとサイドバーを横に並べる設定 */
	.page {
		width: 100%;
		}
	.container:after {
		content: "";
		display: block;
		clear: both;
		}
	.contents {
		width: 70%;
		margin: auto
		}
	.sub {
		float: left;
		width: 30%;
		}
	/*　ホーム */
	.home .contents {
		float: left;
		width: 100%;
		}
	/* コンテンツとサイドバーの間隔 */
	.contents {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
	.home .contents {
		padding-right: 0;
		}
		}
/* --------------- ヘッダー ------------------ */
header {
	background: #fff;
	display: block;
	background: rgba(255,255,255,0.95);
	position:fixed;
	top: 0px;
	z-index: 9900;
	opacity: 1;
	width: 100%;
	height: 56px;
	box-sizing: border-box;
	line-height: 1.5;
	}
.header-inner {
	background: rgba(255,255,255,0.95);
	}
/* サイト名 */
.site h1 a {
	display: inline-block;
	padding: 7px 10px 3px 0;/*14.5px 10px 14.5px 0;*/
	color: #000000;
	text-decoration: none;
	}
.site h1 a:link,.site h1 a:hover img {
	opacity: 1 !important;
	}
.site h1 {margin: 0;
	font-size: 30px;
    }	
/* ---------- contact-bt ------------- */	
.contact-bt {
	background-color:#ff9012;
	border:1px solid #ff9012;
	border-radius:3px;
	position: absolute;
	width: 20px;
	height: 20px; 
	top: 23px;
	left: 5px;
	}
.contact-bt:before {
border:8px solid transparent;
border-top-color:#ff9012;
border-bottom-width:0;
border-right: 3px solid transparent;
bottom:-8px;
content:"";
display:block;
left:6px;
position:absolute;
width:0;
z-index:1;
}
.mail-button {

}
.mail.icon {
  color: #ff9012;
  position: absolute;
  margin-top: 0;
  width: 24px;
  height: 16px;
  border-radius: 1px;
  border: solid 1px currentColor;
  top: 23px;
}

.mail.icon:before {
  content: '';
  position: absolute;
  left: 12px;
  top: -6px;
  width: 1px;
  height: 15px;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}

.mail.icon:after {
  content: '';
  position: absolute;
  left: 12px;
  top: -6px;
  width: 1px;
  height: 15px;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}



@media (max-width: 930px) {
	.site {display: block;
		margin: 0 auto;
		width: 128px;
	}
	}
/*　タイトルヘッダー */
.PageHeader {
	margin: 50px 0;
	}
.Page_Head {
	text-align: center;
	}
.Page_Heading {
	text-align: center;
	}
}
.title {text-align: center;}
.title h2 {
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.title-underline:after {
    content: "";
    display: block;
    height: 1px;
    width: 30px;
    margin: 10px auto;
    border-bottom: 1px solid #bbb;
}
.sub__title {
	padding-bottom: 50px;
	text-align: center;
	font-size: 14px;
	}
@media (max-width:768px){
     .sub__title {
	/*margin-bottom: 50px;*/
	text-align: left;
	}
	.sub__title br {
	    display: none;
	  }
	}
/* ソーシャルボタン */
.social a {
    padding: 5px;
    text-decoration: none;
}
.svg-logo {
    fill: #fff;
    width: 28px;
    height: 28px;
}
/*　カバー画像　*/
.page-cover {
	width: 100%;
	/*min-width: 1000px;*/
	height: 473px;
	background: url(images/page-cover.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
/* ダンサーのヘッダー画像 */
.page-id-368 .page-cover {
	background: url(images/page-cover-athlete@2x.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 750px;
}
@media (max-width: 930px) {
     .page-id-368 .page-cover {
	     height: 400px;
	     }
	     }

/* 料金のヘッダー画像 */
.page-id-2 .page-cover {
	background: url(images/page-cover-price.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}


/* 体験レッスンのヘッダー画像 */
.page-id-83 .page-cover {
	background: url(images/page-cover-trial.jpg);
	background-repeat: no-repeat;
	/*background-position: center center;*/
	background-size: cover;
	position: relative;
}
@media (max-width: 930px) {
     .page-id-83 .page-cover {
	     height: 300px;
	     }
	     }

/* 海外研修のヘッダー画像 */
.page-id-370 .page-cover {
	background: url(images/page-cover-overseas@2x.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

/* グループレッスンのヘッダー画像 */
.page-id-249 .page-cover {
	background: url(images/page-cover-group.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	
}
/* 資格コースのヘッダー画像 */
.page-id-13 .page-cover {
	background: url(images/page-cover-learn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.contents .study {
	text-align: center;
	}
	
/* セミナーのヘッダー画像 */
.page-id-116 .page-cover {
	background: url(images/page-cover-seminar3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
/* トレーナーのヘッダー画像 */
.page-id-193 .page-cover {
	background: url(images/page-cover-team.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
/* WSのヘッダー画像 */
.page-id-600 .page-cover {
	background: url(images/page-cover-about.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

/* 専門家の声ヘッダー画像 */
.page-id-613 .page-cover {
	background: url(images/page-cover-expert.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

/* グループヘッダー画像 */
.page-id-613 .page-cover {
	background: url(images/page-cover-expert.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.head-cover {
	width: 100%;
	min-height: 565px;
	background: url(images/hell-image.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	position: relative;
    color: #fff;
}
.head-cover:before, .head-cover:after {
    display: table;
    content: "";
    line-height: 0;
}
.overlay {
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bg-black-20 {
	height: 100%;
	width: 100%;
	left: 0;
	/*ヘッダー画像の明度を下げる*/
	position: absolute;
	background-color: rgba(0,0,0,0.5);
}
.cover {width: 100%;
	height: 473px;
	margin: 0 auto;
	top: 0;
}
.head-cover {height: 780px;}
.cover-title {
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.cover-title:before, .cover-title:after {
    display: table;
    content: "";
    line-height: 0;
}
.head-title-sub {
	font-size: 2.25rem;
	font-weight: lighter;
	/*font-family: 'メイリオ','Hiragino Kaku Gothic',sans-serif;*/
	line-height: 0.8;
	}
.kiji .head_subnav p {
	margin: 0;
	}
a.link__button {
	display: inline-block;
	background-color: #ff9012;
     padding: 10px 30px 9px;
     border-radius: 20px;
     line-height: 1em;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     text-decoration: none;
     font-size: 1.25rem;
     font-weight: normal;
     color: #ffffff;
     }
a.link__button:hover {
	opacity: 0.7;
}
.current a.link__button {
    background-color: #f00;
}
  
.cover-title a:link,
.cover-title a:visited {
	color: #ffffff;
	}
.head-about:hover {
	background-color: #ffb115/*0d66d0*//*ffb115*/;
    transition: 0.5s;
    }
.head_subnav {
    text-align: center;
    }
.hello_button {
	display: inline-block;
	margin-left: 20px;
	}
.ml0 {
	margin-left: 0;
	}

.left {float: left;}
	
.right {float: right;}
	
.w50 {width: 50%;}

.taiken {box-sizing: border-box;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.center {text-align: center;}

@media (max-width: 930px) {
	.head-title-sub {
     display: inline-block;
	text-align: left;
	font-size: 1.25rem;
	font-weight: normal;
	line-height: 1.8;
	}
	.head-title-sub span {
		display: none;
		}
	.left {
		width: 100%;
		}
	.right {
		width: 100%;
		}
}

@media (min-width:768px){
	.taiken {
		width: 700px;
	    padding-left: 30px;
	    padding-right: 30px;
	    }
	}
	

/* お問い合わせボタン */
.mw-container {color: #ffffff;}
.mw-container a {
	color: #ffffff;
	} 
.mw-container a:link {
	color: #ffffff;
	}
.mw-container a:visit {
	color: #ffffff;
	}
.mv30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.mab30 {
	text-align: center;
	}
.tc {
    text-align: center;
}
.title-24-32 {
    font-weight: 400;
    line-height: 1;
}
.blog-icon {line-height: 1;
	padding-bottom: 30px;
}
	
@media (max-width:1000px){
	.page-cover {
		height: 100%;
		width: 100%;
		min-height: 300px;
		}
	.cover {width: 100%;
		height: 100%;
	}
	.head-cover {width: 100%;
		height: 100%;
		min-height: 100%;
	}
	.head-title {
		font-size: 1.5rem;
		margin-top: 5.25rem;
          margin-bottom: 2.875rem;
	}
	.head-about {font-size: 0.875rem;}
	}
@media (max-width:768px){
	.page-cover {
		height: 100%;
		width: 100%;
		min-height: 200px;
		}
}


/* ---------------- フッター ------------------ */
.footer-inner {padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 44px;
}

.arancia_footer_logo {
	width: 130px;
	margin-bottom: 20px;
	}
.reebok_footer_logo {
	width: 100px;
}
.footer_logo p {
    text-align: center;
    color: #666;
    line-height: 1.5em;
    font-size: 12px;
}
.footer_logo a {
	text-decoration: none;
}
.footer_logo a:link {
	color: #666;
}
.socail {text-align: center;
	font-size: 24px;
}
/* コピーライト */
.copyright {float: left;
	display: inline;
}
.copyright p {margin: 0;
	color: #666666;
	font-size: 12px;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.footermenu {display: inline-block;
	vertical-align: top;
	}
@media (max-width: 768px) {
	.footer-inner {text-align: center;}
	.copyright {float: none;
	text-align: center;
	}
	.arancia_footer_logo {
	width: 110px;
	margin-bottom: 20px;
	}
	.reebok_footer_logo {
	width: 80px;
    }
    .footer_logo p {
	    font-size: 10px;
    }

}
/* ---------------- news&media ----------------*/
.news-content,.news-list-content {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
}
.column-item,.column-item-list {
	flex: 40%;
	padding: 20px 0;
	margin: 5px;
}
.column-title {
	text-align: left;
}
.column-title a:link {
	color: #555555;
	text-decoration: none;
}
time {font-size: 15px;
	color: #454545;
}
@media screen and (min-width:768px) {
	.news-content {
	flex-wrap: nowrap;
	max-width: 1200px;
	margin: 0 auto;
     }
     .column-item {
	     flex: 1;
     }
     .column-item-list {
	     flex: 20%;
     }
     .column-item-list {
	     font-size: 0.75rem
     }
}
/* ---------------- 記事の概要 ----------------- */
/* 概要 */
.gaiyou {
	padding-bottom: 30px;
	}
.gaiyou:before,.gaiyou:after {
	content: "";
	display: table;
}
.gaiyou__inner {
	width: 100%;
	display: block;
	margin-bottom: 30px;
	content: "";
	clear: both;
	}
.gaiyou__inner:after {
	content: "";
	clear: both;
	display: block;
	}
.gaiyou a {
	display: block;
	color: #555555;
	text-decoration: none;
}
.post-categories {
	padding-left: 0;
	}
.v1__title__head a:hover {
	text-decoration: none;
	color: #5a5a5a;
	}
.gaiyou .text {float: right;
	width: 65%;
	display: block;
}
.gaiyou .img {
	float: left;
	width: 35%;
	padding-right: 72.5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	line-height: 0;
}
.gaiyou img {
	width: 100%;
}

.v1__title__head {margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
}
.v1__title__head a:hover {text-decoration: underline;}

.v1__title__head a {
	padding-top: 0;
	padding-bottom: 0;
	}

.gaiyou p {margin: 0;
	font-size: 16px;
	font-weight: 300;
}
.gaiyou .kiji-date {
	margin-bottom: 8px;
	display: inline-block;
	}
.kiji-date a {
	padding-top: 0;
	padding-bottom: 0;
	}
.kiji-date div {
	display: inline-block;
	}
.gaiyou .post-categories {
	list-style: none;
	margin: 0;
	}
.gaiyou .post-categories li {
	display: inline-block;
	margin: 0;
	}
.gaiyou .post-categories li a {
	padding-right: 10px;
	padding-left: 10px;
	color: #727171;
	}

.contact__info {
	text-align: right;
	}
.contact__info__link {
	}
.post-categories li:before {
	content: 'カテゴリー：';
	}
.newsmedia .post-categories li:before {
	content:none;
	}

.category__link .post-categories li a {
	color: #01a1dd;
	}

@media (max-width: 768px) {
	.gaiyou a {padding:  0;
	}
	.gaiyou .img {float: left;
		padding-right: 0;
		width: 100%;
		margin-top: 10px;
	}
	.gaiyou img {float: none;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.gaiyou .text {width: 100%;
		float: left;
		margin-left: 0;
		text-align: center;
	}
	.gaiyou h1 {font-size: 22px/*24px*/;
		margin-bottom: 5px;
		line-height: 1.5;
	}
	.gaiyou p {
		font-size: 14px;
		margin-bottom: 10px;
		text-align: left;
	}
	.gaiyou .kiji-date {margin-bottom: 10px;}
}

/* ----------------- サイドバー ------------------- */
.sub {line-height: 1.5;
	display: block;
}
.sub h2{position: relative;
	margin-top: 40px;
	font-size: 24px;
	clear: both;
	border: none;
	padding-left: 0;}
.mymenu {
	padding: 15px;
	border: 1px #E5E5E5 solid;
}
.mymenu h2 {
	margin-bottom: 10px;
	color: #666666;
	font-size: 18px;
}
.mymenu .first {
	margin-top: 0;
}
.mymenu ul {margin: 0;
	padding: 0;
	list-style: none;
}
.mymenu li a {display: block;
	padding: 10px 5px;
	color: #555;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}
.mymenu li a:hover {background-color: #eeeeee;}

.mymenu-box {
	border-width: 1px;
    border-bottom-style: solid;
	border-color: #E5E5E5;
	padding-bottom: 20px;
}
.mymenu-box:last-child {
	border: none;
}

/* Visit Us */

.mymenu-list {
	font-size: 14px;
	margin: 0;
	padding: 0;
	height: auto;
}
.mymenu-list:after {
	content: "";
	display: block;
	clear: both;
}
.mymenu-list ul {
	padding: 0;
}
.mymenu-list span {
	padding: 10px 0px;
}

.mymenu-list span a { 
    display: inline;
}
.mymenu-list span a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: rgb(0, 0, 238);

}
.mymenu-list .right {
	float: right;
	font-weight: 300;
	}
.mymenu-list .right a {
		color: #01a1dd;
}
.mymenu-list .left {
	float: left;
	   	clear: both;
}
.mymenu-list span.pd-0 {padding: 0px;}

/* ----------------- アクセス --------------------*/
.kiji .list_content {
	margin: 0 -30px 0 0;
    padding: 0;
    display: flex;
}

.kiji .list_content a {
	text-decoration: none;
	}


.kiji .list_content li {
    list-style-type: none;
	padding: 0 30px 55px 0;
    width: 303px;
    float: left;
    background: #e5f0f7;
}

.kiji .list_content i {
	padding-right: 7px;
	}

.kiji .list_content .title {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    /* margin-bottom: 0.75em; */
    padding: 18px 18px 12px 18px;
    background: url(../images/ico_arrow01.png) no-repeat 18px center;
    text-align: left;
    }
    
.kiji .list_content .caption {
	font-size: 0.9em;
    display: block;
    padding: 0 18px 18px;
}
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;

}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px){
	.contents:after {
		content: "";
		clear: both;
		display: block;
		}
	.kiji .list_content {
		display: block;
		}
	
	}
/* ----------------- 記事 ---------------------- */
.v2__about__section {
	padding-bottom: 50px;
	}
/* 記事 */
.kiji:after {content: "";
	display: block;
	clear: both;
}
.kiji h1 {margin-top: 0;
	font-size: 24px;
	font-weight: 300;
	color: #454545;
}
@media (max-width: 599px){
	.contents {padding-top: 0;}
	.kiji h1 {font-size: 24px;}
	.kiji p {font-size: 14px;}
}
.kiji p {margin-top: 0;
	margin-bottom: 30px;
}
/* 小見出し */
.kiji h2 {position: relative;
	margin-top: 40px;
	font-size: 24px;
	font-weight: normal;
	clear: both;
}
.orange-line {padding-left: 20px;
	border-left: 5px solid #f18b22;
}
.kiji h2.bold_sub-title {border: none;
	padding-left: 0;
	font-weight: 600;
}
.kiji h3 {
	font-size: 14px;
	font-weight: bold;
	clear: both;
	color: #454545;
	margin-top: 50px;
	margin-bottom: 20px;
}
.kiji h3.mgt-50 {margin-top: 50px;}

h3.details-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 2;
    text-transform: uppercase;
    color: #555;
    padding-left: 0;
    margin-top: 70px;
}
@media (max-width: 599px){
	.kiji h2 {font-size: 20px;}
	.kiji h3 {font-size: 18px;
	}
}
/* 投稿日・更新日 */
.kiji-date {margin-bottom: 20px;
	color: #666666;
	font-size: 14px;
	font-weight: 300;
}
@media (max-width: 599px){
	.kiji-date {font-size: 14px;}
}

/* ----------------- 画像 ----------------------- */
/* 画像のキャプション */
.wp-caption {padding-bottom: 35px;}
.wp-caption-text {margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: right;
}
.wp-caption-text a {color: #666666;}
/* 画像の配置 */
.aligncenter {display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	/*width: 100%;　投稿記事の写真が大きく表示されてしまう */
}
@media (max-width: 599px){
	.alignleft, .alignright {display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.aligncenter {
		width: 100%; /*60%; 変更 2017/05/30 */
	}
}
@media (min-width: 600px){
.alignleft {float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 30px;
}
.alignright {float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
}
}
/* Internet Explorer用の設定 */
a img {border: none;}
/* 大きい画像用の設定 */
img, wp-caption {max-width: 100%;
	height: auto;
}

/* ギャラリー */
.gallery {
    overflow: hidden;
}
.gallery-item {
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
}
.gallery-icon {
    text-align: center;
}
.gallery-caption {
    color: #555555;
    font-size: 14px;
    margin: 0;
    text-align: center;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
    margin-right: 1%;
}
.gallery-columns-3 .gallery-item {
    width: 32%;
    margin-right: 1%;
}
.gallery-columns-4 .gallery-item {
    width: 24%;
    margin-right: 1%;
}
@media (max-width: 699px){
    .gallery-columns-3 .gallery-item {
    width: 49%;
    margin-right: 1%;}
    .gallery-columns-3 br {
	    display: none;
    }
    .gallery-caption {
	    font-size: 12px;
    }
    }
/* ------------------ サムネイル画像の表示 ------------------ */
.kiji .thumb {width: 100%;
	height: 500px;
	background-size: cover;
	background-position: 50% 0%;
	margin-bottom: 50px;
}
/* ------------------ アスリート・ダンサー、海外研修　画像表示 ------------------ */
@media (max-width: 599px){
.study .alignnone,.study .aligncenter,
.dancer-page .alignnone,.dancer-page .aligncenter  {
	width: 100%;
}
}
@media (min-width: 600px){
.study .alignnone,.study .aligncenter  {
	width: 70%;
}
}
.dancer-page p {line-height: 1.8;}

/* ------------------ ページネーション ------------------- */
.pagenation {margin: 40px 0 30px;
	text-align: center;
}
.pagenation ul {display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	list-style: none;
}
.pagenation li a,
.pagenation li > span {display: block;
	padding: 10px 5px;
	color: #555555;
	font-size: 14px;
	text-decoration: none;
}
.pagenation li > span {background-color: #efefef;}
.pagenation li a:hover {background-color: #eeeeee;}
.pagenation ul:after {content: "";
	display: block;
	clear: both;
}
.pagenation li {float: left;
	width: auto;
}
/* -------------------- ナビゲーションメニュー ---------------------- */
#mainmenu {display: none;}
.mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.mainmenu li {
	margin: 5px 0 0;
	}
.mainmenu li a {
	display: block;
	padding: 10px;
	color:#3a3a3a;
	font-size: 0.875rem;
	font-weight: normal;
	text-decoration: none;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.mainmenu li a:hover, .mainmenu li a:active {
    color: #000;
    text-decoration: none;
    outline: none;
}
.footermenu ul {margin: 0;
	padding: 0;
	list-style: none;
}
.footermenu li {display: inline-block;}
.footermenu li a {display: block;
	padding-left: 5px;
	padding-right: 5px;
	color: #555555;
	font-size: 12px;
	font-weight: : 300;
	text-decoration: none;
}

@media (max-width: 768px) {
	.mainmenu ul {
		padding: 20px 20px 50px;
	}
	.mainmenu li {
		margin: 0;
		}
    .footermenu ul:after {
	    content: "";
	    display: block;
	    clear: both;
	    }
	    }
nav {display: block;
	font-size: 14px;
}

.mb-50 {margin-bottom: 50px;}

@media (max-width: 768px) {
	nav {font-size: 16px;}
	}

/* -------------------- ページネーション ----------------------- */
.pagination ul {margin: 0;
	padding: 0;
	list-style: none;
}
.pagination li a,
.pagination li > span {display: block;
	padding: 10px 5px;
	color: #01a1dd;
	font-size: 14px;
	text-decoration: none;
}
.pagination li > span {
	color: #555555;
}
.pagination ul:after {content: "";
	display: block;
	clear: both;
}
.pagination li {float: left;
	width: auto;
}

/* --------------------- トグルボタン -------------------------- */
.header-inner {position: relative;
	display: block;
}

#navbtn {
	position: absolute;
	top: 15px;
	right: 10px;
	padding: 0;
	border: solid 1px transparent;
	border-radius: 5px;
	background-color: transparent;
	cursor: pointer;
}
@media (min-width: 930px){
	/* サイト名とナビゲーションメニューを横に並べる設定 */
	.header-inner:after,
	.footer-inner:after {content: "";
		display: block;
		clear: both;
	}
	.site {float: left;
		width: auto;
	}
	.sitenav {float: right;
		width: auto;
	}
	.footernav {float: right;
		/*width: auto;*/
		vertical-align: top;
	float: right;
		text-align: left;
    display: inline;
	width: 55%;
	}
	/* ナビゲーションメニューのリンクを横に並べる設定 */
	#mainmenu {display: block !important;
		margin-left: 30px;
	}
	.mainmenu ul:after {content: "";
		display: block;
		clear: both;
	}
	.mainmenu li {float: left;
		width: auto;
	}
	.mainmenu li a {padding: 14px 13px 12px 13px;/*22px 13px 14px 13px;*/
	}
	
	/*トグルボタン*/
	#navbtn {display: none;}
    .contact-bt {display: none;}
    
	.mail.icon {display: none;}
	
	/* フッターメニューのリンクを横に並べる設定 */
	#footermenu {/*display: block !important;*/
		margin-left: 50px;
		margin-right: 50px;

		vertical-align: top;
	text-align: left;
    display: inline-block;

	}
	.footermenu ul:after {content: "";
		display: block;
		clear: both;
	}
	.footermenu li {
		width: auto;
	}
	.footermenu li a {padding-left: 15px;
		padding-right: 15px;
	}

}
 /*---------------　ナビゲーションメニュー ------------------*/
    #navbtn i {color: #888888;
	    font-size: 30px;
    }
    #panel {display: none;}
    #panel-btn {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0px 0 10px;
    }
    #panel-btn:hover{
        background: #fff;
    }
    #panel-btn-icon{
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 25px;
        height: 2px;
        margin: -0.5px 0 0 -15px;
        background: #000;
        transition: .3s;
    }
    #panel-btn-icon:before, #panel-btn-icon:after{
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 25px;
        height: 2px;
        background: #000;
        transition: .3s;
    }
    #panel-btn-icon:before{
        margin-top: -7.5px;
    }
    #panel-btn-icon:after{
        margin-top: 7px;
    }
    #panel-btn .close{
        background: transparent;
    }
    #panel-btn .close:before, #panel-btn .close:after{
        margin-top: 0;
    }
    #panel-btn .close:before{
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #panel-btn .close:after{
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    
    @media (min-width: 1260px){/*768px*/
	    .header-inner:after {content: "";
		    display: block;
		    clear: both;
	    }
	    #panel {display: block !important;
	    }
	    #panel-btn {display: none;}
    }
/* ---------------------　トップページ（WORKS）　---------------------------- */
.works {background-color: #ffffff;
	/*padding: 2px 0;*/
}
.works .title {display: none;}
.works-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	
	border-collapse: separate;  /* セルの間隔を空ける */
    /*border-spacing: 2px 0;*/
    margin-top: 10px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.work-box {
	width: 50%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
}
.work-image {display: block;
	width: 100%;
	/*background-color: #000000;*/
}
.work-text {
	/*position: absolute;
	top: 50%;
    left: 50%;*/
    color: #555555;
    /*-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    font-size: 21px;
    /*letter-spacing: 0.3em;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
 }
.work-inner a {
	text-decoration: none;
	overflow: hidden;
    display: block;
    /*position: relative;*/
}
.work-inner a:hover {
    /*background-color: rgba(0,0,0,0.3);
    transition:1.0s; */
}

.work-inner {display: block;
	width: 100%;
	color: #000000;
}
.work-inner img {
    display: inline;
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

/* WORKSを縦に並べる設定 */
@media (max-width: 699px){
	.works-wrapper,
	.work-box {
		display: block;
		width: 100%;
	}
	.work-image {
		margin-bottom: 2px;
	}
}
/* ---------------------- 表（テーブル） --------------------------- */
/* ---------------------- グループレッスン表 ------------------------ */
.group-box {border: 1px #E5E5E5 solid;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 14px;
    padding: 25px;
}
.group-box ol {
	margin-bottom: 7px;
}
.cell {
	float: left;
}
.cell-one {
	width: 100%;
	padding-right: 10px;
	box-sizing: border-box;
}
.cell-two {width: 100%;
	padding-right: 10px;
	box-sizing: border-box;
}
.cell-three {
    width: 100%;
    overflow: hidden;
    }
@media (max-width: 699px){
	.group-box {font-size: 14px;
		padding: 15px;
	}
}
/* ----------------------- 料金表 -------------------------- */

.box-50 {
	padding: 25px;}
.cell-50 {width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
.box-one {width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
}
.box-two {width: 25%;
	padding-right: 10px;
	box-sizing: border-box;
}
.box-three {width: 25%;
	text-align: right;}

/* ------------------------ ポイント -------------------------- */
.point {padding: 30px 10px 50px 10px;
	margin: 50px 0 50px 0;
	box-sizing: border-box; 
	background-color: #f3f3f3;
	position: relative;
	font-size: 14px;
	width: 100%;
	}
.point ul {
	padding-left: 40px;
	padding-right: 40px;
	}

p.point-title {position: absolute;
	top: -0.5em;
    line-height: 1em;
    left: 40px;
    font-weight: 300;
    font-size: 130%;
    width: 100%;
}
	
li {margin: 20px 0;}

@media (max-width: 699px){
	.point {font-size: 14px;
		padding: 30px 7px 50px 7px;
		margin: 20px 0 20px 0;
		}
    p.point-title {font-size: 15px;
	    left: auto;
	    text-align: left;
	    padding-left: 20px;
	}
	.point ul {padding-left: 20px;
		padding-right: 20px;
	}
}

/* ------------------------ ページトップに戻るボタン ------------------------- */
.page_top {
    position:fixed;
    bottom:50px;
    right:0px;
    width: 280px;
    height: 50px;
    color:#fff;
    font-size:20px;
    text-decoration:none;
    background:#ff9012;
    opacity: 0.8;
    text-align: center;
    line-height: 50px;
}

a.page_top:link {color: #fff;}

.boxA-1:after {content:"";
	display: block;
	clear: both;
}
.boxA-1 .gaiyou {float: left;
	width: 50%;
}

/* -------------------------　readmore --------------------------- */
h1.center {font-size: 32px;
	text-align: center;}
.title-underline:after {
    content: "";
    display: block;
    height: 1px;
    width: 30px;
    margin: 10px auto;
    border-bottom: 1px solid #bbb;
}
.contents-box {width: 100%;
	padding-right: 0;
}
.people-box {
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.people-list {padding: 20px;
	    flex-basis: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

@media (max-width: 699px){
.people-list {padding: 20px;
	flex-basis: 100%;
    max-width: 100%;
    }
}
.people-list a {
	overflow: hidden;
	display: block;
	position: relative;
}
.people-list a:link {
	text-decoration: none;
	}
.people-back {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*position:absolute;*/
	/*background-color: rgba(0,0,0,0.1); スタッフ写真ワントーン暗く*/
	}
.people-list a:hover .people-back {
    /*background-color: rgba(0,0,0,0.3);
    transition:1.0s;*/ 
	}
.people-table {
	height: 100%;
	width: 100%;
	display: table;
	text-align: center;
}
.people-table .middle {
	/*vertical-align: middle;
	display: table-cell;*/
	padding-top: 10px;
	color: #454545;
}
.people-list .name {
	font-size: 24px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: 100;
	margin-bottom: 0;
}
.people-list .sub-name {
	}
.people-list img {
	display: inline;
	width: 100%;
	max-width: 460px;
    height: auto;
    vertical-align: middle;
    border: 0;
}
.people-list i {
	padding-left: 5px;
	font-size: 16px;
	font-weight: 900;
}
.pdt-50 {
	padding-top: 50px;
}
/* --------------------- Step Number -------------------------- */
.kiji p.light-bold {font-size: 24px;
	font-weight: 500;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 25px;
	margin-bottom: 0;
}
.kiji p.lh-copy{font-size: 16px;
	line-height: 1.6;
	margin: 0;
	padding-bottom: 20px;
}
@media (max-width: 699px){
	.kiji p.light-bold {font-size: 22px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.kiji p.lh-copy{font-size: 14px;}
	}


/* ---------------------- */
.voice {margin-bottom: 50px;
	font-size: 14px;
    color: #333333;
    text-indent: -3em;
    margin-left: 3em;
}
.voice span {font-size: 20px;
    color: #A19E7E;
    margin: 0 1.3em 0 0;
    }
.mb-20 {padding-bottom: 20px;}

/* トップページブログ */
.blogposts {max-width: 800px;
	margin: 0 auto;
}
.blog-content {
	padding-bottom: 30px;
}
.blogposts .post {border-bottom: dotted 2px #dddddd;
    color: #555555;
}

.postinfo {font-size: 14px;
	font-weight: normal;
	color: #727171;
	margin: 0;
	display: -webkit-flex;
    display: flex;
}
.postinfo div {
	margin-right: 10px;
	}
.page__link {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    }
@media (max-width: 768px){
.newsmedia .postinfo {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    }
	}

.postinfo a {
	}

.blogposts .postinfo .postcat {margin-left: 20px;}

.blogposts .post h2 {font-size: 16px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 20px;	
}

@media (max-width: 699px){
.blogposts .post h2 {font-size: 14px;}
}

/* -------- 固定ページ　リスト ----------*/

.section-list {
    margin-bottom: 30px;
    padding: 25px 30px;
    background: #f7f7f7;
    font-size: 14px;
    }

@media (max-width: 699px){
.section-list {margin-bottom: 16px;
    padding: 15px 20px;}
}

/* --------- 固定ページ　料金表 -----------*/
table {width: 100%;
	    margin-bottom: 64px;
}
.price-table_row {padding: .35em;
    border: 1px solid #efefef;
    background-color: #f7f7f7;
    width: 100%;
 }
 
.price-table_head {width: 40%;
	padding: 8px;
	letter-spacing: .1em;
    background-color: #f7f7f7;
}
.price-table_cell {font-size: 1.6rem;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}
.price-table {border: 1px solid #efefef;
	border-collapse: collapse;
}

/* ----------------- 料金表 -------------------- */
.default_table {border-collapse: collapse;
    margin: 30px auto 30px auto;
    font-size: 14px;}

.default_table th {
    background: #8f7435;
    color: #fff;
    font-weight: 300;
}
.default_table td, .default_table th {
    text-align: left;
    border: 1px solid #ebebeb;
    padding: 10px 14px;
}
/* ----------------- 引用 --------------------- */
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/* 問い合わせ */
.tag_link {
    background-color: #F7931E;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    color: #ffffff;
    }
.tag_contact {
	background-color: #F7931E;
	}
.tag_online {
	background-color: #01a1dd;
	}
	
.tag_link ul {display: table;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
    background: #;
    padding: 0;
}
.tag_link ul li {display: table-cell;
	text-align: center;
    vertical-align: middle;
    font-size: 12px;
}

.tag_link a {text-decoration: none;
	color: #ffffff;}

/* ----------------- 体験者の声 --------------------*/
.wp-caption {
	width: 100%;
	display: block;
	}
	
.wp-block-image .alignleft {
	margin-right: 0;
	}
	
.mainmessage p {
	font-size: 0.875rem;
	text-align: center;
    padding: /*4.8em 6em 0*/;
    padding-top: 4.8em;
    padding-bottom: 0.3125rem;
    margin: auto;
    line-height: 1.6;
    background: #f5f5f5;
}
.mainmessage p > span {
	font-size: 0.75rem;
	}
@media (max-width: 768px){
.mainmessage {
		font-size: 1rem;
		padding-top: 0;
    }
}

/* ----------------- オンラインレッスン -------------------- */
.on_photo {
  position: relative;
  }

.on_photo p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾*/
  font-weight: bold; /*太字に*/
  font-size: 2.5em;/*サイズ2倍*/
  }
.on_photo i {
	padding-left: 10px;
	}

.on_photo img {
  width: 100%;
  }

@media screen and (max-width: 768px) {
	.on_photo p {
		font-size: 1em;
		}
		}

.wp-block-image.is-resized>figcaption {
   display: block;
   }
.wp-block-image figcaption {
    text-align: left;
    }
/* ---------------2022年リニューアル----------------- */
/*キャプション*/
.wp-caption-dd {
	font-size: 0.85rem;
}

/* ---------------google calendar------------------- */
.googleCalendar {
	width: 100%;
	overflow-x: scroll;
	padding-bottom: 100px;
	}
/* ---------------ページ内リンク調整------------------ */
h2.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
