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

/* 右クリック/長押し不可 */
img {
    /* PCの右クリック禁止 */
    pointer-events: none;
    /* SPの長押し禁止 */
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}

/* 印刷不可 */
@media print {
    body { display: none }
}

/*  パララックス（背景画像固定）
-----------------------------------------*/
.fixed-background1 {
  position: relative;
  padding: 0;
  z-index: -4;
  height: 5vh;
}

.fixed-background1:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 65vh;
  background: url("../img/top.jpg") no-repeat center / cover;
  z-index: -5;
}

.inst-icon {
	max-width: 40px;
	height: 30px;
	text-align: center;
}

/* インストラクター画像 　 */
.inst1 {
	background-image:url(../img/inst1.jpg);
}

.inst-n1 {
	background-image: url(../img/1.png);
	background-size: contain;
}

.inst2 {
	background-image:url(../img/inst2.jpg);
}

.inst-n2 {
	background-image: url(../img/2.png);
	background-size: contain;
}

.inst3 {
	background-image:url(../img/inst3.jpg);
}

.inst-n3 {
	background-image: url(../img/3.png);
	background-size: contain;
}

.inst4 {
	background-image:url(../img/inst4.jpg);
}

.inst-n4 {
	background-image: url(../img/4.png);
	background-size: contain;
}

.inst5 {
	background-image:url(../img/inst5.jpg);
}

.inst-n5 {
	background-image: url(../img/5.png);
	background-size: contain;
}

.inst6 {
	background-image:url(../img/inst6.jpg);
}

.inst-n6 {
	background-image: url(../img/6.png);
	background-size: contain;
}

.inst7 {
	background-image:url(../img/inst7.jpg);
}

.inst-n7 {
	background-image: url(../img/7.png);
	background-size: contain;
}

.inst8 {
	background-image:url(../img/inst8.jpg);
}

.inst-n8 {
	background-image: url(../img/8.png);
	background-size: contain;
}

.inst9 {
	background-image:url(../img/inst9.jpg);
}

.inst-n9 {
	background-image: url(../img/9.png);
	background-size: contain;
}

.inst10 {
	background-image:url(../img/inst10.jpg);
}

.inst-n10 {
	background-image: url(../img/10.png);
	background-size: contain;
}

.inst11 {
	background-image:url(../img/inst11.jpg);
}

.inst-n11 {
	background-image: url(../img/11.png);
	background-size: contain;
}

.inst12 {
	background-image:url(../img/inst12.jpg);
}

.inst-n12 {
	background-image: url(../img/12.png);
	background-size: contain;
}

.inst14 {
	background-image:url(../img/inst14.jpg);
}

.inst-n14 {
	background-image: url(../img/14.png);
	background-size: contain;
}

.inst16 {
	background-image:url(../img/inst16.jpg);
}

.inst-n16 {
	background-image: url(../img/16.png);
	background-size: contain;
}

.inst17 {
	background-image:url(../img/inst17.jpg);
}

.inst-n17 {
	background-image: url(../img/17.png);
	background-size: contain;
}

.inst18 {
	background-image:url(../img/inst18.jpg);
}

.inst-n18 {
	background-image: url(../img/18.png);
	background-size: contain;
}

.inst19 {
	background-image:url(../img/inst19.jpg);
}

.inst-n19 {
	background-image: url(../img/19.png);
	background-size: contain;
}

.inst20 {
	background-image:url(../img/inst20.jpg);
}

.inst-n20 {
	background-image: url(../img/20.png);
	background-size: contain;
}

.inst21 {
	background-image:url(../img/inst21.jpg);
}

.inst-n21 {
	background-image: url(../img/21.png);
	background-size: contain;
}

.inst23 {
	background-image:url(../img/inst23.jpg);
}

.inst-n23 {
	background-image: url(../img/23.png);
	background-size: contain;
}

.inst24 {
	background-image:url(../img/inst24.jpg);
}

.inst-n24 {
	background-image: url(../img/24.png);
	background-size: contain;
}

.inst26 {
	background-image:url(../img/inst26.jpg);
}

.inst-n26 {
	background-image: url(../img/26.png);
	background-size: contain;
}

.inst27 {
	background-image:url(../img/inst27.jpg);
}

.inst-n27 {
	background-image: url(../img/27.png);
	background-size: contain;
}

.inst28 {
	background-image:url(../img/inst28.jpg);
}

.inst-n28 {
	background-image: url(../img/28.png);
	background-size: contain;
}

.inst29 {
	background-image:url(../img/inst29.jpg);
}

.inst-n29 {
	background-image: url(../img/29.png);
	background-size: contain;
}

.inst32 {
	background-image:url(../img/inst32.jpg);
}

.inst-n32 {
	background-image: url(../img/32.png);
	background-size: contain;
}

.inst33 {
	background-image:url(../img/inst33.jpg);
}

.inst-n33 {
	background-image: url(../img/33.png);
	background-size: contain;
}

.inst34 {
	background-image:url(../img/inst34.jpg);
}

.inst-n34 {
	background-image: url(../img/34.png);
	background-size: contain;
}

.inst36 {
	background-image:url(../img/inst36.jpg);
}

.inst-n36 {
	background-image: url(../img/36.png);
	background-size: contain;
}

.inst38 {
	background-image:url(../img/inst38.jpg);
}

.inst-n38 {
	background-image: url(../img/38.png);
	background-size: contain;
}

.inst39 {
	background-image:url(../img/inst39.jpg);
}

.inst-n39 {
	background-image: url(../img/39.png);
	background-size: contain;
}

.inst40 {
	background-image:url(../img/inst40.jpg);
}

.inst-n40 {
	background-image: url(../img/40.png);
	background-size: contain;
}

.inst42 {
	background-image:url(../img/inst42.jpg);
}

.inst-n42 {
	background-image: url(../img/42.png);
	background-size: contain;
}

.inst43 {
	background-image:url(../img/inst43.jpg);
}

.inst-n43 {
	background-image: url(../img/43.png);
	background-size: contain;
}

.inst46 {
	background-image:url(../img/inst46.jpg);
}

.inst-n46 {
	background-image: url(../img/46.png);
	background-size: contain;
}

.inst48 {
	background-image:url(../img/inst48.jpg);
}

.inst-n48 {
	background-image: url(../img/48.png);
	background-size: contain;
}

.inst49 {
	background-image:url(../img/inst49.jpg);
}

.inst-n49 {
	background-image: url(../img/49.png);
	background-size: contain;
}

.inst50 {
	background-image:url(../img/inst50.jpg);
}

.inst-n50 {
	background-image: url(../img/50.png);
	background-size: contain;
}

.inst51 {
	background-image:url(../img/inst51.jpg);
}

.inst-n51 {
	background-image: url(../img/51.png);
	background-size: contain;
}

.inst52 {
	background-image:url(../img/inst52.jpg);
}

.inst-n52 {
	background-image: url(../img/52.png);
	background-size: contain;
}

.inst53 {
	background-image:url(../img/inst53.jpg);
}

.inst-n53 {
	background-image: url(../img/53.png);
	background-size: contain;
}

.inst54 {
	background-image:url(../img/inst54.jpg);
}

.inst-n54 {
	background-image: url(../img/54.png);
	background-size: contain;
}

.inst55 {
	background-image:url(../img/inst55.jpg);
}

.inst-n55 {
	background-image: url(../img/55.png);
	background-size: contain;
}

.inst56 {
	background-image:url(../img/inst56.jpg);
}

.inst-n56 {
	background-image: url(../img/56.png);
	background-size: contain;
}

.inst57 {
	background-image:url(../img/inst57.jpg);
}

.inst-n57 {
	background-image: url(../img/57.png);
	background-size: contain;
}

.inst58 {
	background-image:url(../img/inst58.jpg);
}

.inst-n58 {
	background-image: url(../img/58.png);
	background-size: contain;
}

.inst59 {
	background-image:url(../img/inst59.jpg);
}

.inst-n59 {
	background-image: url(../img/59.png);
	background-size: contain;
}

.inst60 {
	background-image:url(../img/inst60.jpg);
}

.inst-n60 {
	background-image: url(../img/60.png);
	background-size: contain;
}

.inst61 {
	background-image:url(../img/inst61.jpg);
}

.inst-n61 {
	background-image: url(../img/61.png);
	background-size: contain;
}

.inst62 {
	background-image:url(../img/inst62.jpg);
}

.inst-n62 {
	background-image: url(../img/62.png);
	background-size: contain;
}

.inst63 {
	background-image:url(../img/inst63.jpg);
}

.inst-n63 {
	background-image: url(../img/63.png);
	background-size: contain;
}

/* ------------------------------
   フィルタリング
------------------------------ */

#filterList ul {
	margin: 0 auto;
	width:100%;
	max-width: 1300px;
	padding: 0px 0px 0px 0px;
}

#filterList li {
	margin: 1% 1%;
	padding: 10px 10px;
	width:23%;
	max-width: 325px;
	float: left;
}

#filterList li img {
	width:100%;
	max-width: 325px;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#filterList ul:before,
#filterList ul:after {
	content: " ";
	display: table;
}
#filterList ul:after {clear: both;}
#filterList ul {*zoom: 1;}

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

#inst {
	margin: 0px 0px;
	background-repeat:no-repeat;
	background-position:center;
	max-width:275px;
	width: 100%;
	height:275px;
	float:left;
}

#inst-n {
	margin: 5px 0px;
	background-repeat:no-repeat;
	background-position:center;
	max-width:275px;
	width: 100%;
	height:25px;
	float:left;
}

/*==================================================
1024px以下の形状
===================================*/
@media screen and (max-width:1024px){
	
/* ------------------------------
   フィルタリング
------------------------------ */

#filterList ul {
	margin: 0 auto;
	width:100%;
	max-width: 1024px;
	padding: 0px 0px 0px 0px;
}

#filterList li {
	margin: 1% 1%;
	padding: 10px 10px;
	width:30%;
	max-width: 341px;
	float: left;
}

#filterList li img {
	width:100%;
	max-width: 341px;
}
/* インストラクター
-----------------------------------------*/
	
#inst-box {
	margin: 1% 1%;
	padding: 10px 10px;
	width:30%;
	max-width: 341px;
	float:left;
}

#inst {
	margin: 0px 0px;
	background-repeat:no-repeat;
	background-position:center;
	max-width:275px;
	width: 100%;
	height:250px;
	float:left;
}

#inst-n {
	margin: 15px 0px;
	background-repeat:no-repeat;
	background-position:center;
	max-width:275px;
	width: 100%;
	height:25px;
	float:left;
}
}

/*==================================================
580px以下の形状
===================================*/
@media screen and (max-width:580px){
	
/* ------------------------------
   フィルタリング
------------------------------ */

#filterList ul {
	margin: 0 auto;
	width:100%;
	max-width: 580px;
	padding: 0px 0px 0px 0px;
}

#filterList li {
	margin: 1% 1%;
	padding: 10px 10px;
	width:46%;
	max-width: 290px;
	float: left;
}

#filterList li img {
	width:100%;
	max-width: 290px;
}
/* インストラクター
-----------------------------------------*/
	
.inst-icon {
	max-width: 30px;
	height: 30px;
	text-align: center;
}

#inst {
	margin: 0px 0px;
	background-repeat:no-repeat;
	background-position:center;
	max-width:275px;
	width: 100%;
	height:180px;
	float:left;
}

#inst-n {
	margin: 5px 0px;
	background-repeat:no-repeat;
	background-position:center;
	max-width:275px;
	width: 100%;
	height:25px;
	float:left;
}
}
/*==================================================
515px以下の形状
===================================*/
@media screen and (max-width:515px){
	
/* ------------------------------
   フィルタリング
------------------------------ */

#filterList ul {
	margin: 0 auto;
	width:100%;
	max-width: 515px;
	padding: 0px 0px 0px 0px;
}

#filterList li {
	margin: 2% 1%;
	padding: 10px 10px;
	width:46%;
	/*max-width: 290px;*/
	max-width: 250px;
	float: left;
}

#filterList li img {
	width:100%;
	max-width: 290px;
}
	
}

/*==================================================
300px以下の形状
===================================*/
@media screen and (max-width:300px){
	
/* ------------------------------
   フィルタリング
------------------------------ */

#filterList ul {
	margin: 0 auto;
	width:100%;
	max-width: 280px;
	padding: 0px 0px 0px 0px;
}

#filterList li {
	margin: 2% 1%;
	padding: 10px 10px;
	width:46%;
	max-width: 250px;
	float: left;
}

#filterList li img {
	width:100%;
	max-width: 250px;
}
	
}