@charset "utf-8";
section{
	margin: 0 0 2rem;
}
.contents{
	width:1200px;
	margin:90px auto 15px;
}
#index .wrap{
	width:100%;
}
.leftColumn{
	float:left;
	width:650px;
}
.rightColumn{
	float: right;
	width:300px;
}

/*------------------------------------------------------------------------------------------【トップページ】*/
#index{}

#index h3.side{
	padding: 1% 4%; 
	color:#fff;
	background:#fa8da9;
	border-radius:2px;
	font-size:13px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing:0.5px;
	line-height: 1.8;
}
#index h3:first-letter{
	color: #fd6fac;
}


/* user guide
======================================================= */


/* アコーディオンメニュー */
#index #acMenu dt{
	cursor:pointer;
}
#index #acMenu dt h3.fas{
	display: block;
	padding:8px 0 0;
}

#index #acMenu dd{
	display:none;
	width:100%;
	margin: 0;
	padding:0;
	box-sizing: border-box;
}



#userGuide{
	margin: 0 0 24px;
	padding:30px 22px 30px;
	background:rgba(255,255,255,0.7);
}

#userGuide h3{
	width:150px;
	margin: 0 auto 0px;
	padding:2px 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 100;
	background: #dcdcdc;
	border-radius:12px;
	color: #555;
	
}
#userGuide img{
	max-width: 100%;
}
#userGuide p{
	margin: 25px 0 25px;
	font-size:11px;
	line-height:1.6;
	color: #383838;
}
#userGuide .studio{
	margin: 0 0 25px;
}
#userGuide .course{
}
#userGuide ul{
	display: table;
	width:100%;
}
#userGuide ul li{
	display: table-cell;
}


/*
##########################################################################
　イベント
##########################################################################*/

#eventArea{
	position: relative;
	width:1200px;
	margin:0 auto 30px;
	padding:0 ;
	box-sizing: border-box;
}
#eventArea .swiper-container {
	witdh:100%;
	margin: auto;
	padding:0 ;
}
#eventArea .swiper-wrapper {
	witdh:100%; 
	padding:0 0px;
}
#eventArea .swiper-slide{
	width:1200px !important;
	height: 570px;
	margin:0 auto;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  #eventArea .swiper-slide {
    height: 570px;
  }
}
#eventArea .swiper-slide img{
}

#eventArea .swiper-slide-next,#eventArea .swiper-slide-prev{ opacity: 0.5; }
#eventArea .swiper-button-prev::before,#eventArea .swiper-button-next::before {
		font-size:32px;
		color:#fff;
		font-weight:900;
	z-index: 8;
	}
/*	
#eventArea .swiper-button-prev::before { content: "←"; }
#eventArea .swiper-button-next::before { content: "→"; }
*/
#eventArea .floatText{
	position: absolute;
	bottom:-30px;
	right: 3rem;
	z-index:3;
	
	-webkit-animation-name:logo; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:logo;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;	
	
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes logo {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -4px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes logo {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -4px);}
	100% {-moz-transform:translate(0, 0);}
}


/*
##########################################################################
道場
##########################################################################*/

.dojoArea{
	position: relative;
	width:1200px;
	margin:0 auto 30px;
	padding:0 ;
	box-sizing: border-box;
}
.dojoArea ul{
	display: flex;
	justify-content: space-between;
	width:100%;
}

/*
##########################################################################
　MEWS
##########################################################################*/

#admissionGuidanceArea{
	width:100%;
	border-bottom:1px solid #e7e7e7;
}
#admissionGuidanceArea .inner{
	width:1200px;
	margin:0 auto ;
}
#admissionGuidanceArea .inner ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width:100%;
}
#admissionGuidanceArea .inner ul li{
}
#admissionGuidanceArea .inner ul li.illust{
	width:12%;
	font-size: 1.3rem;
	font-weight: bold;
	color: #454545;
}
#admissionGuidanceArea .inner ul li.text{
	width:40%;
	font-size: 1.3rem;
	font-weight: bold;
	color: #454545;
}
#admissionGuidanceArea .inner ul li.text strong{
	font-size: 1.6rem;
	color: #000;
}
#admissionGuidanceArea .inner ul li.contact{
	width:30%;
}
#admissionGuidanceArea .inner ul li.contact a{
	display: inline-block;
	padding:3% 15px;
	background:#dd542a;
	color: #fff;
	font-size: 1.1rem;
	border-radius:8px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
}
#admissionGuidanceArea .inner ul li.login{
	width:21%;
}
#admissionGuidanceArea .inner ul li.login a{
	display: inline-block;
	padding:3% 15px;
	background:#ba9217;
	color: #fff;
	font-size: 1.1rem;
	border-radius:8px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
}
#admissionGuidanceArea .inner ul li.contact a:hover,
#admissionGuidanceArea .inner ul li.login a:hover{
	text-decoration: none;
	margin:2px 2px 0 0 ;	
	box-shadow: 0;
}

/*
##########################################################################
　INTROFUCE
##########################################################################*/
#introduce{
	width:100%;
	margin:0 auto 5rem;
	padding:4rem;
	box-sizing: border-box;
	color: #535353;
	background:url("../images/index/introduce/bg.png") no-repeat left center;
}
#introduce h2{
	margin: 0 0 3rem;
	padding-left:44%;
	font-size: 1.9rem;
	text-align: center;
}
#introduce p{
	width:56%;
	margin-left:44%;
	font-size: 1.2rem;
	line-height: 1.8;
	text-indent: 1rem;
}
#introduce p.name{
	margin-top:2rem;
	text-align: right;
}

/*
##########################################################################
　MEWS
##########################################################################*/

/* news */
#news{
	margin: 0 0 3.6rem;
}
#news h2{
	margin: 0 0 2rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #999;
}
#news ul.inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width:100%;
}
#news ul.inner li{
	width: 30%;
	margin:0 1.5% 10px;
	padding:0.7rem;
	box-sizing: border-box;
	border: 1px solid #eee;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.06);
	color: #666;
}
#news ul.inner li .img{
	margin:0 0 20px;
}

#news ul.inner li .flexSection{
	margin: 0 0 0.5rem;
}

#news ul.inner li .text{
	font-size:0.74rem;
	color: #151515;
}
#news ul.inner li .title{
	text-align: center;
	font-size:0.9rem;
}
#news ul.inner li .title a{
	font-size:0.9rem;
}
#news ul.inner li .day{
	display: block;
}


/*
##########################################################################
　SCHEDULE
##########################################################################*/

#schArea{
	width:100%;
	margin:0 0 45px;
}
#schArea .inner{
	width:100%;
	padding:0;
}
#schArea h2{
	margin: 0px 0 2.5rem;
	padding:1% 3%;
	font-size:2.5rem;
	color:#787878;
	text-align: center;
	border-bottom:3px solid #787878;

	

}


#schArea .section{
	margin:0 0 16px;
}
#schArea .sch_unit{
	margin:0 15px 0 0 ;
	padding:4px;
	background:#D8E9FF;
	font-size:11px;
	color:#FFF;
	line-height:1.2;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#schArea table#schTbl{
	width:100%;
	background:#ddd;
}
#schArea table#schTbl thead th{
	width:14%;
	background:#F3F3F3;
	padding:10px 4px;
	text-align:center;
	font-size: 1.5rem;
	color:#787878;
}
#schArea table#schTbl thead th a{
	color:#787878;
}
#schArea table#schTbl tbody th{
	width:14%;
	background:#F3F3F3;
	padding:4px;
}
#schArea table#schTbl td{
	padding:4px;
	height:120px;
	background:#FFF;
	vertical-align:top;
}
#schArea table#schTbl td p.day{
	margin:0 0 3px;
	padding:2px;
	background:#f2f2f2;
}


/*model*/
#schArea .box{
	width:100%;
	margin:0.5rem 0 ;
	font-size:12px;
	line-height:1.2;
}
#schArea .box .icon{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0 0 0.2rem;
}
#schArea table#schTbl td .sch a,#schArea table#schTbl td .sch_unit a{
	display:block;
	color:#FFF;
}
#schArea table#schTbl td .box .sch_cate0{
	display:inline-block;
	width:40%;
	padding:2%;
	background:#01A8E4;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #01A8E4;
}
#schArea table#schTbl td .box .sch_cate1{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#e72545;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #e72545;
}
#schArea table#schTbl td .box .sch_cate2{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#FB8C00;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #FB8C00;
}
#schArea table#schTbl td .box .sch_cate3{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#7725e7;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #7725e7;
}
#schArea table#schTbl td .box .sch_cate4{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#25a0e7;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #25a0e7;
}
#schArea table#schTbl td .box .sch_cate5{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#299b0e;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #299b0e;
}
#schArea table#schTbl td .box .sch_cate6{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#c6a91f;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #c6a91f;
}
#schArea table#schTbl td .box .sch_cate7{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#514ec3;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #514ec3;
}
#schArea table#schTbl td .box .sch_cate8{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#0029dc;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #0029dc;
}
#schArea table#schTbl td .box .sch_cate9{
	
	display:inline-block;
	width:40%;
	padding:2%;
	background:#760045;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #760045;
}
#schArea table#schTbl td .box .sch_cate10{
	display:inline-block;
	width:40%;
	padding:2%;
	background:#01A8E4;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #01A8E4;
	/*
	display:inline-block;
	width:40%;
	padding:2%;
	background:#24c687;
	font-size:11px;
	color:#FFF;
	text-align:center;
	border-radius:8px;
	border:1px solid #24c687;
	*/
}
/*  */

#schArea table#schTbl td .box .sch_place1{
	float:right;
	display:inline-block;
	width:40%;
	padding:2%;
	border:1px solid #e72545;
	font-size:11px;
	color:#e72545;
	text-align:center;
}
#schArea table#schTbl td .box .sch_place2{
	float:right;
	display:inline-block;
	width:40%;
	padding:2%;
	border:1px solid #7725e7;
	font-size:11px;
	color:#7725e7;
	text-align:center;
}
#schArea table#schTbl td .box .sch_place3{
	float:right;
	display:inline-block;
	width:40%;
	padding:2%;
	border:1px solid #25a0e7;
	font-size:11px;
	color:#25a0e7;
	text-align:center;
}
#schArea table#schTbl td .box .sch_place4{
	float:right;
	display:inline-block;
	width:40%;
	padding:2%;
	border:1px solid #299b0e;
	font-size:11px;
	color:#299b0e;
	text-align:center;
}
#schArea table#schTbl td .box .sch_place0{
	float:right;
	display:inline-block;
	width:40%;
	padding:2%;
	border:1px solid #514ec3;
	font-size:11px;
	color:#514ec3;
	text-align:center;
}
/*  */

#schArea table#schTbl td .box .sch_time{
	clear:both;
	padding:2%;
	font-size:14px;
}
#schArea table#schTbl td .box .sch_title{
	margin: 0 0 0.3rem;
	padding:0.4rem;
	font-size:0.94rem;
}
#schArea table#schTbl td .box .sch_title a{
	font-size:1rem
}
#schArea table#schTbl td .box .sch_image{
}



/* モーダル用 */
.remodal-wrapper{
}
.remodal-wrapper h3{
	margin:0 0 15px;
	padding:0 0 3px;
	border-bottom:5px solid #1322C7;
	text-align:center;
	font-size:18px;
}
.remodal-wrapper section{
	margin:0 0 20px;
}
.remodal-wrapper section strong{
	font-size:12px;
	margin-right:12px;
}
.remodal-wrapper .time{
	float:left;
	display:inline-block;
	padding:1%;
	margin-right:15px;
	background:#f2f2f2;
	text-align:left;
}
.remodal-wrapper .cate{
	float:left;
	display:inline-block;
	padding:1%;
	margin-right:15px;
	background:#f2f2f2;
	text-align:left;
}
.remodal-wrapper .place{
	float:left;
	display:inline-block;
	padding:1%;
	margin-right:15px;
	background:#f2f2f2;
	text-align:left;
}
.remodal-wrapper .text{
	display:inline-block;
	text-align:left;
	line-height:1.5;
}





#schArea th.dow0,#schArea th.dow1, #schArea th.dow2, #schArea th.dow3, #schArea th.dow4, #schArea th.dow5, #schArea th.dow6 {
background-color: #ccc;
}
#schArea .dow0 .day{
color: red;
} 
#schArea .dow6 .day{
color: blue;
} 
#schArea .ym {
border: none;
}