@font-face {
  font-family: MOBO;
  src: url(../fonts/MOBO.otf) format("opentype");
}


::placeholder{
  color:#484848
}


.weekbox,.teacherbox{
	width:800px;
	overflow:hidden;
	padding-bottom: 20px;
	display: flex;
	flex-flow: row wrap;
}

/*スケジュール*/




.events .datebox{
	width:80px;
	height:60px;
	background-color:#4c4c4c;
	color:#FFF;
	border-radius:8px;
	float:left;
	margin:3px;
	text-align:center;
	padding-top: 0px;
	line-height: 2em;
	position:relative;
}


.movweek .arr-d, 
.events .arr-d {
	background-image: url(/images/arrow-d.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 18px 18px;
}

.movweek .arr-r,
.events .arr-r {
	background-image: url(/images/arrow-r.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 18px 18px;
}

.movweek .arr-l {
	background-image: url(/images/arrow-l.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 18px 18px;
}

.events .datebox a{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

.movweek .arr-r:hover,
.events .arr-r:hover{
	background-image: url(/images/arrow-r_on.png);
	background-color:#e9cc2c;
	color:#372d12;
	font-weight:bold;
}


.events .arr-d:hover{
	background-image: url(/images/arrow-d.png);
	background-color:#e9cc2c;
	color:#372d12;
	font-weight:bold;
}

.events  .first{
	background-color:#e9cc2c;
	color:#372d12;
	font-weight:bold;
}

.movweek .now,
.events  .now{
	background-color:#e9cc2c !important;
	color:#372d12 !important;
	font-weight:bold;
}


.befbtn{
}
.movebox{
	width:80px;
	height:60px;
	background-color:#4c4c4c;
	color:#FFF;
	border-radius:8px;
	float:left;
	margin:3px;
	text-align:center;
	padding-top: 0px;
	line-height: 2em;
	position:relative;
	cursor: pointer;
}

.cd-timeline-navigation .prev .movebox a{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 69px;
    max-width: 800px;
    margin: 0 auto;
    z-index: 40;
}

.cd-horizontal-timeline .events {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 47px;
    height: 2px;
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-timeline-navigation .liprev{
	top: 0px;
    position: absolute;
}

.cd-timeline-navigation .linext{
	top: 0px;
	right:5px;
    position: absolute;
}

.cd-timeline-navigation .liprev .arr-l {
	background-image: url(/images/arrow-l.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 18px 18px;
}
.cd-timeline-navigation .liprev .arr-l:hover{
	background-image: url(/images/arrow-l_on.png);
	background-color:#e9cc2c;
	color:#372d12;
	font-weight:bold;
}

.cd-timeline-navigation .linext .arr-r {
	background-image: url(/images/arrow-r.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 18px 18px;
}

.cd-timeline-navigation .linext .arr-r:hover{
	background-image: url(/images/arrow-r_on.png);
	background-color:#e9cc2c;
	color:#372d12;
	font-weight:bold;
}




.events-content .teacher .tchimg{
    width: 130px;
    margin: 5px;
    float:left;
}
.events-content .teacher .place{
	font-weight:bold;
}
.events-content .teacher .shift{
    width: 220px;
    margin: 5px;
    float:left;
}

.loaded .less1mark,
.contentsMain .less1mark{
	background-color: #e04e07;
	color: #fff;
	font-size: 12px;
	top: 2px;
	right: 3px;
	border-radius: 5px;
	padding: 2px;
}
.loaded .openev,
.contentsMain .openev{
	background-color: #008c14;
	color: #fff;
	font-size: 12px;
	top: 2px;
	right: 3px;
	border-radius: 5px;
	padding: 2px;
}
.events-content .teacher .shift .less1{
	position: absolute;
	background-color: #e04e07;
	color: #fff;
	font-size: 12px;
	top: 2px;
	right: 3px;
	border-radius: 5px;
	padding: 2px;
}
.events-content .teacher .shift .openev{
	position: absolute;
	background-color: #008c14;
	color: #fff;
	font-size: 12px;
	top: 2px;
	right: 3px;
	border-radius: 5px;
	padding: 2px 6px;
}

.events-content .teacher .schearea{
    width: 130px;
    margin: 5px;
    float:left;
    position: relative;
}
.events-content .teacher .schearea .bx-wrapper{
	border:0;
}
.events-content .teacher .schearea .bx-wrapper .bx-pager{
	height: 53px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #e9cc2c !important;
}


.sp-thumbnails{
	transform: translate3d(0px, 0px, 0px) !important;
	}


.chkone .sp-arrows{
	display:none;
}


.private{
    background-color: #3168b2;
    color: #FFF;
    padding: 5px 10px;
    position:relative;
    cursor:pointer;
    border-radius:8px;
}

.private a{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

.private:hover{
	 background-color: #335684;
}


.precal_awesome{
	font-size: 20px;
}


/*インストラクター登録*/
#contentsArea form{
	width:750px;
	margin:0 auto;
	text-align: center;
}
.inputpce{
	width:750px;
	margin:0 auto;
	text-align: center;
}

.inputpce table{
	width: 750px;
	margin: 0 auto;
}
.inputpce td{
	border: 1px #888888 solid;
	padding:5px;
}
.inputpce input{
	font-size:16px;
}
.inputpce textarea{
	font-size:16px;
}
.inputpce .sumbit_btn{
	background-color: #295caa;
    padding: 10px 50px;
    color: #fff;
}
.inputpce .sumbit_btn:hover{
	background-color: #294f77;
}

table.pceinfo{
	width:100%;
	border-collapse:  collapse;
}

table.pceinfo th,table.pceinfo td{
	border: solid 1px;
	padding: 10px;
}
table.pceinfo th{
	background-color:#27293c;
	color:#dedede;
	width: 30%;
}

.popupedit{
	text-align:right;
	margin-right:10px;
	margin-top:20px;
	font-size: 20px;
}
.fcolordrop{
	color:#ad1301;
}

.stafflist_bd td p i{
	font-size:18px;
}

.inputpce table th{
	background-color: #27293c;
	color:#dedede;
}




/*インストラクター登録情報表示*/
.stfinfo_view{
	width:95%;
	margin:0 auto;
}
.stfinfo_view dl dt,
.stfinfo_view dl dd{
	font-size:18px;
}
.stfinfo_view dl dt{
    padding: 5px;
    font-weight: bold;
    color: #372d12;
    background-color: #d6d6d6;
    border-radius: 5px;
}
.stfinfo_view dl dd{
	padding: 5px;
	padding-left: 10px;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.3em;
	border: 1px solid #372d12;
	border-radius: 5px;
	}
	
.stfconfirmbutton button,
.backbutton button{
	position:relative;
}
.stfconfirmbutton button i{
	position:absolute;
	right:12px;
	top:12px;
}

.backbutton button i{
	position:absolute;
	left:12px;
	top:6px;
}
.jlevel_link i{
	font-size:22px;
}
.stfjlevel_link i{
	font-size:18px;
	margin-top:5px;
}

/*インストラクター予約マスター*/
.pcebookmaster .cultblk{
	position:relative;
}
.pcebookmaster .cultblk .block{
	border: 1px solid #ccc; 
	margin:5px;
}
.pcebookmaster .cultblk .block ul{
	margin:5px; 
	padding:0;
}
.pcebookmaster .cultblk .block ul li{
	display: inline-block;
	margin-left: 10px;
}
.pcebookmaster .cultblk .block ul li select{
	margin-left: 10px;
}


.pcebookmaster .cultblk .block li p{
	margin:0;
}
.select-box04 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand {
	display: none;
}

.select-box04 select {
position: relative;
width: 150px;
padding: 5px;
font-size:16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}

.select-box04 label {
position: relative;
}

.select-box04 label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 4px;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: url(../images/arrow02.png) 0 0 no-repeat;
	background-size: 20px;
	pointer-events: none;
}

.zoomarea{
	display:flex;
	position: relative;
}

.zoomarea .setbutton{
 position:absolute;
 right:20px;
}
.zoomarea .setbutton p{
	border: 1px solid #000;
	background-color: #efefef;
	padding: 2px 5px;
	color: #000;
}
.zoomarea .setbutton .seton{
	background-color: #ffa51d;
	border: 1px solid #b55d00;
	color: #fff;
	padding: 2px 5px;
}


.setregist1{
	float: left;
	width: 150px;
	height: 32px;
	margin-top: 5px;
	padding-top: 6px;
	color: #fff;
	background-color: #ff6e07;
	margin-left: 10px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.setregist2{
	float: left;
	width: 150px;
	height: 42px;
	color: #fff;
	background-color: #ff6e07;
	padding-top: 9px;
	margin-left: 10px;
	border: 1px solid #ccc;
	cursor:pointer;
}

/*プロフィールリンク*/

.events-content .teacher .proflink:before{
	content: "プロフィール";
    position: absolute;
    left: 3px;
    top: 4px;
    padding: 2px 5px;
    background-color: #f3cd26;
    border-radius: 9px;
    font-size: 10px;
    font-weight: bold;
	z-index: 2;
}

#alllist a img{
	position:relative;
}
#alllist a img:before{
	content: "プロフィール";
    position: absolute;
    left: 3px;
    top: 4px;
    padding: 2px 5px;
    background-color: #f3cd26;
    border-radius: 9px;
    font-size: 10px;
    font-weight: bold;
	z-index: 2;
}


/*PC*/
@media only screen and (min-width: 980px) {


.smt{display:none;}
/*Week 選択*/

.movweek{
	height:46px;
	margin-right: 6px;
}
.movweek .weekboxL {
	width: 79px;
	height: 40px;
	background-color: #4c4c4c;
	color: #FFF;
	border-radius: 8px;
	float: left;
	margin: 3px;
	text-align: left;
	padding-top: 6px;
	padding-left: 28px;
	line-height: 2em;
	position: relative;
}

.movweek .weekbox {
	width: 79px;
	height: 40px;
	background-color: #4c4c4c;
	color: #FFF;
	border-radius: 8px;
	float: right;
	margin: 3px;
	text-align: left;
	padding-top: 6px;
	padding-left: 10px;
	line-height: 2em;
	position: relative;
}


/*あと一人掲示板*/
.kokubanlink .bbskiji{display:none;}

.kokuban-s1 .kokutitle{
	text-align:center;
	margin-bottom:0px;
	font-weight:bold;
	background: unset;
	border-bottom:1px solid #ccc;
}

.kokuban-s2 .kokutitle{
	text-align:center;
	margin-bottom:0px;
	font-weight:bold;
	background: unset;
	border-bottom:1px solid #372d12;
}



.kokuban-waku2{
 position: relative;
 margin-top: 80px;
}
.kokuban-waku2 .tutatop{
	position:absolute;
	top: -88px;
}
.kokuban-waku2 .tutabtm{
	position:absolute;
	bottom: -31px;
}

.font_jpmobo {
    font-family: MOBO;
    font-size: 20px;
    color: #3f1809;
}

.kokuban-s2 {
 position: relative;
 margin: 2em auto;
 padding: 24px 24px 33px 24px;
 width: 90%; /* ボックス幅 */
 color: #333; /* 文章色 */
 border: 0px solid #fff; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}

.kokuban-s2:before{

}
.kokuban-s2 .kokubanlink{
	overflow-y: scroll;
	height: 215px;
}
.kokuban-s2 .kokubanlink a {
    width: 100%;
    padding-top: 5px;
    padding-right: 3px;
    margin-top: 2px;
    display: block;
	  color: #372d12;
		text-decoration: underline;
		font-family: MOBO;
		padding-left: 1.3em;
    text-indent: -1.3em;
}
.kokuban-s2 .kokubanlink a:hover{
	background-color:#e9cc2b;
	color: #372d12;
}
.kokuban-s2 .kokubanlink a:before{
	content:url(/images/bbs_clip.png)
}

.kokuban-s2 .kokubanlink .moreview{
	text-align: center;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e9cc2b;
    width: 200px;
		padding: 5px 0;
    color: #372d12;
    font-weight: bold;
}
.kokuban-s2 .kokubanlink .moreview:hover{
	background-color: #978526;
	color:#fff;
}	
.kokuban-s2 .kokubanlink .hide{
	display:none;
}


/*こだわり条件検索アコーディオ*/
.searchAcc{
	width:100%;
}
.searchAcc .pcesearchflowdown{
	width:100%;
	margin-top:30px;
	border:1px solid #ccc;
	background-color: #e9cc2c !important;
	color: #372d12 !important;
	font-weight: bold;
}
.searchAcc .pcesearchflowdown span{
	float:right;
}
.searchAcc .pceflowcontents{
	display: none;
	clear: both;
	margin: 0;
}


.searchAcc_top{
	width:100%;
}
.searchAcc_top .pcesearchflowdown2{
	width:100%;
	margin-top:30px;
	border:1px solid #ccc;
	background-color: #e9cc2c !important;
	color: #372d12 !important;
	font-weight: bold;
}
.searchAcc_top .pcesearchflowdown2 span{
	float:right;
}
.searchAcc_top .pceflowcontents2{
	display: none;
	clear: both;
	margin: 0;
}



/*地域選択*/
.Areaselect{
    margin: 10px 0;
    overflow: hidden;
}


.Areaselect .selected{
	background-color:#e9cc2c;
	color: #372d12;
}

.Areaselect div{
		width: 32%;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
}

.Areaselect div:hover{
	background-color:#e9cc2c;
	color: #372d12;
}

.Areaselect div a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.levelarea{
	overflow:hidden;
}
.levelarea div{
		width: 146px;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
		cursor:pointer;
}

.levelarea div:hover{
	background-color:#e9cc2c;
	color: #372d12;
}

.levelarea div a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.levelarea div.on{
	background-color:#e9cc2c;
	color: #372d12;
}



/*講師*/

.events-content .teacher{
	width:375px;
	min-height: 215px;
	border: 1px solid #bebebe;
	border-radius:8px;
	float:left;
	margin-top:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
	margin-right:10px;
}	

.events-content .noteacher{
	width:765px;
	min-height: 215px;
	border: 1px solid #bebebe;
	border-radius:8px;
	float:left;
	margin-top:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
	margin-right:10px;
		padding-top: 85px;
    text-align: center;
    color: #7d715f;
    font-weight: bold;
}	

.olstyle{
	margin-left: -40px;
}

/*講師スライダー*/

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.sp-thumbnail-container{
	width:30px !important;
}
.sp-thumbnail-title{
	font-size:25px;
}
.sp-selected-thumbnail{
	color:#e9cc2c;
}

.sp-thumbnails .sp-thumbnail-container .sp-thumbnail .sp-thumbnail-title:hover{
	color:#e9cc2c;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.dateboxmgn1{
	margin-left:85px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn2{
	margin-left:170px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn3{
	margin-left:255px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn4{
	margin-left:340px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn5{
	margin-left:425px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn6{
	margin-left:510px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn7{
	margin-left:595px; 
	width:85px; 
	height: 50px;
}

.nav_out{
	height:60px;
}

}

/*タブレット*/
@media only screen and (min-width: 600px) and (max-width: 979px) {

.nav_out{
	height:140px;
	width: 600px;
	    margin: 0 auto;
}

}


/*タブレット*/
@media only screen and (min-width: 480px) and (max-width: 979px) {

.smt{display:none;}
/*Week 選択*/

.movweek{
	height:46px;
	margin-right: 6px;
}
.movweek .weekboxL {
	width: 79px;
	height: 40px;
	background-color: #4c4c4c;
	color: #FFF;
	border-radius: 8px;
	float: left;
	margin: 3px;
	text-align: left;
	padding-top: 6px;
	padding-left: 28px;
	line-height: 2em;
	position: relative;
}

.movweek .weekbox {
	width: 79px;
	height: 40px;
	background-color: #4c4c4c;
	color: #FFF;
	border-radius: 8px;
	float: right;
	margin: 3px;
	text-align: left;
	padding-top: 6px;
	padding-left: 10px;
	line-height: 2em;
	position: relative;
}



/*あと一人掲示板*/
.kokubanlink .newsarea{
	margin-bottom:15px;
	overflow:hidden;
}

.kokubanlink .bbskiji{display:none;}

.kokuban-s2 .kokutitle{
	text-align:center;
	margin-bottom:0px;
	font-weight:bold;
	background: unset;
	border-bottom:1px solid #372d12;
}

.kokuban-waku2{
 position: relative;
  margin-top: 80px;
}
.kokuban-waku2 .tutatop{
	position:absolute;
	top: -88px;
}
.kokuban-waku2 .tutabtm{
	position:absolute;
	bottom: -31px;
}
.font_jpmobo {
    font-family: MOBO;
    font-size: 20px;
    color: #3f1809;
}
.kokuban-s2 {
 position: relative;
 margin: 2em auto;
 padding: 24px 24px 33px 24px;
 width: 90%; /* ボックス幅 */
 color: #333; /* 文章色 */
 border: 0px solid #fff; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-s2 .kokubanlink{
	overflow-y: scroll;
	height: 300px;
}
.kokuban-s2 .kokubanlink a {
    width: 100%;
    padding-top: 5px;
    padding-right: 3px;
    margin-top: 2px;
    display: block;
	  color: #372d12;
		text-decoration: underline;
		font-family: MOBO;
		padding-left: 1.3em;
    text-indent: -1.3em;
}
.kokuban-s2 .kokubanlink a:hover{
	background-color:#e9cc2b;
	color: #372d12;
}
.kokuban-s2 .kokubanlink a:before{
	content:url(/images/bbs_clip.png)
}

.kokuban-s2 .kokubanlink .moreview{
	text-align: center;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e9cc2b;
    width: 200px;
		padding: 5px 0;
    color: #372d12;
    font-weight: bold;
}
.kokuban-s2 .kokubanlink .moreview:hover{
	background-color: #978526;
	color:#fff;
}	
.kokuban-s2 .kokubanlink .hide{
	display:none;
}
/*こだわり条件検索アコーディオ*/
.searchAcc{
	width:100%;
}
.searchAcc .pcesearchflowdown{
	width:100%;
	margin-top:30px;
	border:1px solid #ccc;
	background-color: #e9cc2c !important;
	color: #372d12 !important;
	font-weight: bold;
}
.searchAcc .pcesearchflowdown span{
	float:right;
}
.searchAcc .pceflowcontents{
	display: none;
	clear: both;
	margin: 0;
}

.searchAcc_top{
	width:100%;
}
.searchAcc_top .pcesearchflowdown2{
	width:100%;
	margin-top:30px;
	border:1px solid #ccc;
	background-color: #e9cc2c !important;
	color: #372d12 !important;
	font-weight: bold;
}
.searchAcc_top .pcesearchflowdown2 span{
	float:right;
}
.searchAcc_top .pceflowcontents2{
	display: none;
	clear: both;
	margin: 0;
}




/*地域選択*/
.Areaselect{
    margin: 10px 0;
    overflow: hidden;
}

.Areaselect .selected{
	background-color:#e9cc2c;
	color: #372d12;
}

.Areaselect div{
		width: 31%;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
}

.Areaselect .selected{
	background-color:#e9cc2c;
	color: #372d12;
}


.Areaselect div a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.levelarea{
	overflow:hidden;
}

.levelarea div{
		width: 31%;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
}

.levelarea .selected{
	background-color:#e9cc2c;
	color: #372d12;
}


.levelarea div a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*講師*/

.events-content .teacher{
	width:95%;
	border: 1px solid #bebebe;
	border-radius:8px;
	float:left;
	margin-top:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
	margin-right:10px;
}	


.events-content .noteacher{
	width:95%;
	border: 1px solid #bebebe;
	border-radius:8px;
	float:left;
	margin-top:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
	margin-right:10px;
	padding: 45px 0;
    text-align: center;
    color: #7d715f;
    font-weight: bold;
}	

.events-content .teacher .shift {
    width: 50%;
    margin: 5px;
    float: left;
}

.schlink a{
	padding: 5px;
}

.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -3px;
}
.olstyle{
	margin-left: 0px;
}

/*講師スライダー*/

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.sp-thumbnail-container{
	width:30px !important;
}
.sp-thumbnail-title{
	font-size:20px;
}
.sp-selected-thumbnail{
	color:#e9cc2c;
}

.sp-thumbnails .sp-thumbnail-container .sp-thumbnail .sp-thumbnail-title:hover{
	color:#e9cc2c;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative !important;
    height: 100% !important;
    overflow: scroll !important;
}

.cd-timeline-navigation .liprev {
    top: 2px;
     position: relative;
}

.cd-timeline-navigation .linext {
    top: 0px;
    right: 0px;
    float:right;
    position: relative;
}

.dateboxmgn1{
	margin-left:0px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn2{
	margin-left:85px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn3{
	margin-left:170px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn4{
	margin-left:255px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn5{
	margin-left:340px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn6{
	margin-left:425px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn7{
	margin-left:510px; 
	width:85px; 
	height: 50px;
}

nav{
	background-color:rgba(255,255,255,.8);
	border-radius: 8px;
	  z-index: 100;
}

.is-fixed {
  position: fixed;
  top: 5px;
  left: 5%;
  right: 5%;
  z-index: 100;
  width: 90%;
}

.is-fixed .cd-timeline-navigation{
	display:none;
}

.sp-fade-arrows {
	opacity: 1;
}

.nav_out{
	height:140px;
}

}

/*タブレット&スマホ*/
@media only screen and (max-width: 480px) {


.pc{display:none;}
/*Week 選択*/

.movweek{
	height:46px;
	margin-right: 6px;
}
.movweek .weekboxL {
	width: 70px;
	height: 40px;
	background-color: #4c4c4c;
	color: #FFF;
	border-radius: 8px;
	float: left;
	margin: 3px;
	text-align: left;
	padding-top: 6px;
	padding-left: 26px;
	line-height: 2em;
	position: relative;
	font-size: 12px;
}

.movweek .weekbox {
	width: 70px;
	height: 40px;
	background-color: #4c4c4c;
	color: #FFF;
	border-radius: 8px;
	float: right;
	margin: 3px;
	text-align: left;
	padding-top: 6px;
	padding-left: 10px;
	line-height: 2em;
	position: relative;
	font-size: 12px;
}


/*あと一人掲示板*/
.kokubanlink .newsarea{
	margin-bottom:15px;
	overflow:hidden;
}

.kokubanlink .bbskiji{display:none;}

.kokuban-s2 .kokutitle{
	text-align:center;
	margin-bottom:0px;
	font-weight:bold;
	background: unset;
	border-bottom:1px solid #372d12;
}

.kokuban-waku2{
 position: relative;
  margin-top: 46px;
}
.kokuban-waku2 .tutatop{
	position:absolute;
	top: -42px;
}
.kokuban-waku2 .tutabtm{
	position:absolute;
	bottom: -20px;
}
.font_jpmobo {
    font-family: MOBO;
    font-size: 20px;
    color: #3f1809;
}
.kokuban-s2 {
 position: relative;
 margin: 2em auto;
 padding: 24px 24px 33px 24px;
 width: 87%; /* ボックス幅 */
 color: #333; /* 文章色 */
 border: 0px solid #fff; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;
}
.kokuban-s2 .kokubanlink{
	overflow-y: scroll;
	height: 200px;
}
.kokuban-s2 .kokubanlink a {
    width: 100%;
    padding-top: 5px;
    padding-right: 3px;
    margin-top: 2px;
    display: block;
	  color: #372d12;
		text-decoration: underline;
		font-family: MOBO;
		padding-left: 1.3em;
    text-indent: -1.3em;
}
.kokuban-s2 .kokubanlink a:hover{
	background-color:#e9cc2b;
	color: #372d12;
}
.kokuban-s2 .kokubanlink a:before{
	content:url(/images/bbs_clip.png)
}
.kokuban-s2 .kokubanlink .pickupbottom{
	width:100%;
	padding: 0;
}

.kokuban-s2 .kokubanlink .moreview{
	text-align: center;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e9cc2b;
    width: 200px;
		padding: 5px 0;
    color: #372d12;
    font-weight: bold;
}
.kokuban-s2 .kokubanlink .moreview:hover{
	background-color: #978526;
	color:#fff;
}	
.kokuban-s2 .kokubanlink .hide{
	display:none;
}

/*こだわり条件検索アコーディオ*/
.searchAcc{
	width:100%;
}
.searchAcc .pcesearchflowdown{
	width:100%;
	margin-top:30px;
	border:1px solid #ccc;
	background-color: #e9cc2c !important;
	color: #372d12 !important;
	font-weight: bold;
}
.searchAcc .pcesearchflowdown span{
	float:right;
}
.searchAcc .pceflowcontents{
	display: none;
	clear: both;
	margin: 0;
}

.searchAcc_top{
	width:100%;
}
.searchAcc_top .pcesearchflowdown2{
	width:100%;
	margin-top:30px;
	border:1px solid #ccc;
	background-color: #e9cc2c !important;
	color: #372d12 !important;
	font-weight: bold;
}
.searchAcc_top .pcesearchflowdown2 span{
	float:right;
}
.searchAcc_top .pceflowcontents2{
	display: none;
	clear: both;
	margin: 0;
}

/*地域選択*/
.Areaselect{
    margin: 10px 0;
    overflow: hidden;
}

.Areaselect .selected{
	background-color:#e9cc2c;
	color: #372d12;
}

.Areaselect div{
		width: 31%;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
}

.Areaselect div a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.levelarea{
	overflow:hidden;
}
.levelarea div{
		width: 31%;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
}

.levelarea .selected{
	background-color:#e9cc2c;
	color: #372d12;
}


.levelarea div a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.events-content .teacher{
	width:100%;
	border: 1px solid #bebebe;
	border-radius:8px;
	float:left;
	margin-top:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
	margin-right:0;
}


.events-content .noteacher{
	width:95%;
	border: 1px solid #bebebe;
	border-radius:8px;
	float:left;
	margin-top:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1); 
	margin-right:10px;
	padding: 45px 0;
    text-align: center;
    color: #7d715f;
    font-weight: bold;
}	

.events-content .teacher .shift {
    width: 50%;
    margin: 5px;
    float: left;
}

.schlink a{
	padding: 5px;
}

.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -3px;
}

.olstyle{
	margin-left: 0px;
}

/*講師スライダー*/

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.sp-thumbnail-container{
	width:25px !important;
}
.sp-thumbnail-title{
	font-size:20px;
}
.sp-selected-thumbnail{
	color:#e9cc2c;
}

.sp-thumbnails .sp-thumbnail-container .sp-thumbnail .sp-thumbnail-title:hover{
	color:#e9cc2c;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative !important;
    height: 100% !important;
    overflow: scroll !important;
}

.cd-timeline-navigation .liprev {
    top: 2px;
     position: relative;
}

.cd-timeline-navigation .linext {
    top: 0px;
    right: 0px;
    float:right;
    position: relative;
}

.dateboxmgn1{
	margin-left:0px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn2{
	margin-left:85px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn3{
	margin-left:170px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn4{
	margin-left:255px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn5{
	margin-left:340px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn6{
	margin-left:425px; 
	width:85px; 
	height: 50px;
}
.dateboxmgn7{
	margin-left:510px; 
	width:85px; 
	height: 50px;
}

nav{
	background-color:rgba(255,255,255,.8);
	border-radius: 8px;
	  z-index: 100;
}

.is-fixed {
  position: fixed;
  top: 5px;
  left: 7%;
  right: 5%;
  z-index: 100;
  width: 85%;
}

.is-fixed .cd-timeline-navigation{
	display:none;
}

.sp-fade-arrows {
	opacity: 1;
}

.nav_out{
	height:75px;
}

}

/*スマホ５インチ*/
@media only screen and (max-width: 360px) {

/*Week 選択*/

.movweek .weekboxL {
	width: 55px;
}

.movweek .weekbox {
	width: 55px;
}


.events-content .teacher .schearea {
    width: 100%;
    margin: 5px;
    float: left;
    position: relative;
}

.events-content .teacher .shift {
    width: 95%;
    margin: 5px;
    float: left;
}

.Areaselect div{
		width: 46%;
		color: #372d12;
		font-weight: bold;
    border: solid 1px #4c4c4c;
    padding: 10px;
    text-align: center;
    float: left;
		margin: 3px;
		border-radius: 8px;
		position:relative;
}

}