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


/**/
@media (min-width: 767px) {
		/*楽器別 習いたい楽器をクリック*/
	    .filter-btn{
	        font-size: 1.4rem;
	        color: #fff;
			font-weight: bold;
			padding: 30px 24px;
		/*楽器種ボタンカラー*/
			background: #0b51c3;
			border-radius: 6px;
			display: inline-block;
			line-height: 1;
			margin: 8px 8px 8px auto;
			cursor: pointer;
	    }

	}

@media (min-width: 991px) {
		/*楽器別 習いたい楽器をクリック*/
	    .filter-btn{
	        font-size: 1.0rem;
	        color: #fff;	
			font-weight: bold;
			padding: 7px 15px;
		/*楽器種ボタンカラー*/
			background: #0b51c3;
			border-radius: 3px;
			display: inline-block;
			line-height: 1;
			margin: 7px 7px 7px auto;
			cursor: pointer;
	    }
	}


#Container .mix{
	display: none;
}
	/*.カテゴリで絞り込む　文字サイズ*/

.category-title{

	font-size: 24px;

	font-weight: bold;

	text-align: center;

}

	/*....楽器をクリック　文字色*/

.filter-title{
	color: #000;
	font-weight: bold;
	margin-bottom: 12px;

}

.filter-btn-block{
	
	/*窓サイズ*/
	width: 858px;
	
	margin: 0 auto 24px auto;
	
	/*backgroundcolor*/
	background: #FFFFFF;

	/*窓外周ライン*/
	border: solid 1px #999;
	
	border-radius: 5px;
	
	padding: 10px 50px;
	
}

/*
.filter-btn{
	color: #fff;
	font-size: 16px;	
	font-weight: bold;
	padding: 5px;
	background: #C60;
	border-radius: 3px;
	display: inline-block;
	line-height: 1;
	margin: 5px 5px 5px auto;
	cursor: pointer;
}*/


.filter-inst,.filter-store{

	margin-bottom: 24px;

}


.col-teacher{
	width: 278px;
	height: 180px;
	margin: 10px;
	padding: 10px;
	border: solid 1px #E6E6E6;
	box-shadow: 3px 3px 3px #999;
	float: left;
	overflow: hidden;
	
}

/*プロフィールテキスト*/

.prof-block{
	
	width: 150px;
	
	margin-right: 10px;
	
	float: left;
	
}

.teacher-name{
	
	font-size: 18px;
	
	font-weight: bold;
	
	color: #000;
	
	border-bottom: solid 1px #C00;
	
}

.shop-name{
	
	font-size: 14px;
	
	font-weight: bold;
	
	color: #06F;
	
}

.shop-name2{
	
	font-size: 12px;
	
	font-weight: bold;
	
	color: #06F;
	
}

.shop-name3{
	
	font-size: 10px;
	
	font-weight: bold;
	
	color: #06F;
	
}

.inst{
	
	color: #fff;
	
	font-size: 10px;
	
	padding: 3px;
	
	background: #06C;
	
	border-radius: 3px;
	
	display: inline-block;
	
	line-height: 1;
	
	margin: 2px 0;
	
}

/*プロフィール写真*/

.photo{
	
	float: right;
	
	overflow: hidden;
	
}

.photo-size{
	
	display: block;
	
	width: 116px;
	
	border: solid 1px #0C9;
	
}

.prof-btn{
	
	font-size: 12px;
	
	text-align: center;
	
}

/*探す地図の路線図　相対パスに変更！*/
#route{
	width: 858px;
/*663から765pxに変更*/
	height: 765px;
	background-image: url("images/route_map_2023.png") ;
	background-size: cover;
}

/*駅名*/
.place{
	font-size: 18px;
	color: #333;
	font-weight: bold;

	border:2px solid #fff;
	border-radius: 5px;
/*駅名ボタンカラー*/
	background-color: #68f2ff;
	background-color:rgba(100,240,255,0.8);
	list-style: none;
/*駅名ボタン幅*/
	width: 150px;
	padding: 5px;
	display: block;
	text-align: center;
}


/**/
@media (min-width: 767px) {
		/*楽器別 習いたい楽器をクリック*/
	    .school_name{
			list-style: none;
			color: #333;
			font-size: 1.1rem;
			font-weight: bold;
			padding: 5px;
			/*
			display: inline-block;*/
			line-height: 1.6;
			margin: 5px 5px 5px auto;
			cursor: pointer;
			text-decoration: none;
	    }
	}

@media (min-width: 991px) {
		/*楽器別 習いたい楽器をクリック*/
	    .school_name{
			list-style: none;
			color: #333;
			font-size: 1.0rem;
			font-weight: bold;
			padding: 5px;
			/*
			display: inline-block;*/
			line-height: 1.8;
			margin: 5px 5px 5px auto;
			cursor: pointer;
			text-decoration: none;
	    }
	}


.link_icon {
  color: #000;
  position: absolute;
  margin-left: 10px;
  margin-top: 4px;
  height: 16px;
  background-color: currentColor;
}

.link_icon:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 3px;
  width: 5px;
  height: 5px;
  border-top: solid 3px currentColor;
  border-right: solid 3px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

#place_area{
	position: relative;
}

#place_area a{
	color: #333;
 	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration: none;
}

#place_area a:hover {
	color: #000333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	text-decoration: none;
        }

.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10 {
  position: absolute;
}

.p1 .icon, .p2 .icon_1, .p2 .icon_2, .p3 .icon_1, .p3 .icon_2, .p4 .icon, .p5 .icon, .p6 .icon, .p7 .icon_1, .p7 .icon_2, .p7 .icon_3, .p8 .icon, .p9 .icon_1, .p9 .icon_2, .p10 .icon {
  position: absolute;
  color: #555;
  cursor: pointer;
}


/*福岡*/
.p10 {left: 0;top: 0;}
.p10 .icon{left: 185px; top: 49px;}

/*大阪以降は102px加算！*/

/*大阪*/
.p1 {left: 0;top: 102px;}
.p1 .icon{left: 285px; top: 48px;}

/*名古屋*/
.p2 {left: 0px;top: 212px;}
.p2 .icon_1{left: 115px;top: 48px;}/*名古屋LM　矢印*/
.p2 .icon_2{left: 50px; top: 120px;}/*名古屋Vn　矢印*/

/*池袋*/
.p3 {left: 420px;top: 112px;}
.p3 .icon_1{left: 105px; top: 47px;}
.p3 .icon_2{left: 265px; top: 93px;}

/*新大久保*/
.p4 {left: 290px;top: 247px;}
.p4 .icon{left: 140px; top: 48px;}

/*新宿*/
.p5 {left: 250px;top: 342px;}
.p5 .icon{left: 85px; top: 151px;}

/*渋谷*/
.p6 {left: 270px;top: 452px;}
.p6 .icon{left: 115px; top: 75px;}

/*御茶ノ水*/
.p7 {left: 480px;top: 346px;}
.p7 .icon_1{left: 270px; top: 78px;}
.p7 .icon_2{left: 270px; top: 120px;}
.p7 .icon_3{left: 80px; top: 190px;}

/*町田*/
.p8 {left: 40px;top: 482px;}
.p8 .icon{left: 100px; top: 50px;}

/*横浜*/
.p9 {left: 165px;top: 610px;}
.p9 .icon_1{left: 105px;top: 50px;}
.p9 .icon_2{left: 255px; top: 90px;}

.sus{
    margin-top: 10px;
    padding: 2px 5px;
    font-size: 11px;
    color: #4A708B;
    background-color: pink;
}
.sus::before{
    content: "ただいま休講中のため新規のご予約はできません。";
}