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

/*------------ 校舎案内　---------------
----------------------------------------*/
/*ヘッダーバナーエリア幅設定*/
#map #hdr_banner {
	margin-right: 0;
}
p.go2top {
	text-align: right;
	font-size: 80%;
}

/*メインコンテンツ幅設定*/
#main.one {
	width: 100%;
	margin: 0 auto;
	float: none;
}
@media screen and (min-width:601px){
	#main.one {
		padding-left: 0;
	}
}

#map #main {
	width: 760px;
	float: none;
}

/*校舎案内トップ*/
#map #map_jpn {
	width: 601px;
	float: left;
	border: solid 1px #ccc;
	font-size: 11px;
	position: relative;
}

/* 日本地図 */
#map_jpn_img {
	position:relative; width:601px; height:747px;
	background:url("/map/images/map_notxt.png") left -55px top 0 no-repeat;
}
#map_jpn_img a { position:absolute; font-size:13px; line-height: 1; }
#map_jpn_img a.new { display:inline-block; background:url("/map/images/new.gif") right no-repeat; padding-right: 28px; }
	#map_jpn_img #link01 { top:24.8%; right:15.5%; } 				/* 札幌 */
	#map_jpn_img #link02 { top:42%; right:11.5%; } 				/* 仙台 */
	#map_jpn_img #link03 { top:22.3%; left:35%; } 				/* 四谷 */
	#map_jpn_img #link04 { top:15.7%; left:37%; } 			/* 池袋 */
	#map_jpn_img #link05 { top:26.3%; left:34.2%; background-color:#fff; } /* 自由が丘 */
	#map_jpn_img #link06 { top:18%; left:24%; } 					/* 吉祥寺 */
	#map_jpn_img #link07 { top:27.3%; left:16%; } 				/* 町田 */
	#map_jpn_img #link08 { top:18%; left:13.5%; } 				/* 立川 */
	#map_jpn_img #link09 { top:32%; left:36.5%; } 			/* 横浜 */
	#map_jpn_img #link10 { top:35%; left:31.8%; background-color:#fff; } /* 藤沢 */
	#map_jpn_img #link11 { top:29.8%; left:12.5%; } 				/* 厚木 */
	#map_jpn_img #link12 { top:6.2%; left:34%; } 					/* 大宮 */
	#map_jpn_img #link13 { top:6%; left:22.3%; } 					/* 川越 */
	#map_jpn_img #link14 { top:21%; right:32%; } 		/* 千葉 */
	#map_jpn_img #link15 { top:10.7%; right:41%; } 			/* 柏 */
	#map_jpn_img #link16 { top:18%; right:41%; } 				/* 船橋 */
	#map_jpn_img #link17 { bottom:37%; right:22.9%; } 	/* 静岡 */
	#map_jpn_img #link18 { bottom:32.8%; right:35%; background-color: rgb(255,255,255,0.8) } 	/* 名古屋 */
	#map_jpn_img #link19 { bottom:16.8%; left:36.8%; background-color:#fff; } /* 梅田 */
	#map_jpn_img #link20 { bottom:11.2%; left:31.5%; background-color:#fff; } /* なんば */
	#map_jpn_img #link21 { bottom:24.8%; left:37.3%; } 		/* 京都 */
	#map_jpn_img #link22 { bottom:22%; left:20%; } 		/* 神戸 */
	#map_jpn_img #link23 { bottom:43%; left:40%; } 		/* 広島 */
	#map_jpn_img #link24 { bottom:46%; left:23%; } 		/* 福岡天神 */
	#map_jpn_img #link25 { top:46%; left:30%; } 			/* 北九州 */
	#map_jpn_img #link26 { bottom:6.5%; left:40.5%; } 		/* 天王寺 */
	#map_jpn_img #link27 { top:23.8%; left:22%; background-color:#fff; } /* 下北沢 */
	#map_jpn_img #link28 { top:9.8%; left:39%; } 					/* 南浦和 */
	#map_jpn_img #link29 { bottom:37%; right:30.5%; } 	/* 千種 */
	#map_jpn_img #link30 { bottom:22%; left:28%; background-color:#fff;} 	/* 西宮北口 */
	#map_jpn_img #link31 { top:29%; left:40%; } 	/* 川崎 */
	
/* オンライン */
#map #map_jpn #map_online {
	width: 170px;
	height: 1em;
	position:absolute;
	top: 600px;
	right: 25px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #333;
	box-shadow: 4px 4px 0px 0 #b2b2b2;
}
#map #map_jpn #map_online a {
	padding-left: 13px;
	background: url(/map/images/bg_school_list.gif) left 50% no-repeat;
}



/*オープンのバナー*/
.bnr_open {
	width: 760px;
	background: #ffef00;
	text-align: center;
	margin-bottom: 20px;
}

/*地図右の校舎リスト*/
#map #school_list {
	width: 170px;
	float: right;
	font-size: 12px;
	margin: 0;
}

.new a {
	padding-right: 27px;
	background-image: url(../../map/images/new.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
.new {
	padding-right: 27px;
	background-image: url(../../map/images/new.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}

#map #school_list h3 {
	border: none;
	background: #ccc;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
}
#map #school_list ul {
	margin: 5px 0 20px 5px;
}
#map #school_list ul li {
	padding-left: 13px;
	margin-bottom: 2px;
	background-image: url(../../map/images/bg_school_list.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}
#map #school_list ul .green {
	background-image: url(../../map/images/bg_school_list_green.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

#map  #school_list ul .senyou {
	background-image: url(../../images/icon_senyou.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

/* ===========================================================
 各校詳細ページ
=========================================================== */
#map #map_data_left {
	float: left;
	width: 300px;
	font-size: 12px;
	}
	#map #map_data_left ul li {
		margin-bottom: 15px;
		}
		#map #map_data_left ul li td {
			width: 150px;
			vertical-align: top;
			font-size: 11px;
			}
#map #map_data_right {
	float: right;
	width: 450px;
	font-size: 13px;
	margin: 0 0 30px 0;
	}
#map #map_data_right p {
	margin: 0 0 5px 0;
	}
/* 説明会のご予約はお電話にて承っています */
#map #map_data_right p.attention_tel_only {
	margin: 20px 0;
	padding: 10px 5px;
	border: 2px solid #ff0033;
	color: #ff0033;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	clear: both;
}
#map #map_data_right p.attention_pro {
	font-size: 90%;
	padding: 7px;
	border: 1px dotted #FF6699;
	background-color: #FFE6E6;
	margin: 15px 0 15px;
	color: #FF6699;
}

	#map #map_data_right .pht_right {
		float: right;
		margin: 0 0 0 5px;
		}
	#map #map_data_right .tel {
		font-size: 22px;
		font-weight: bold;
		}
	#map #map_data_right .tensou { font-size: 13px; font-weight:normal; background-color: #FFFF00; }

	#map #map_data_right .fax {
		font-weight: bold;
		}
	#map #map_data_right table {
	margin-bottom: 10px;
	border-style: none;
		}
	#map #map_data_right th {
	text-align: left;
	padding: 0 10px 5px 0;
	border-style: none;
		}
	#map #map_data_right td {
	padding: 0 0 5px 0;
	border-style: none;
		}
#map  #map_data_left td {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#map  #map_data_left  table {
	margin: 0px;
	padding: 0px;
	border-style: none;
}


#map #map_data_right .access {
	background: url(../../map/images/icn_train.gif) left 50% no-repeat;
	padding-left: 15px;
	font-weight: bold;
	margin: 0;
}

/* 道案内へのアンカーリンク */
#map #map_data_right .route_link_area {
	margin-bottom: 15px;
}
#map #map_data_right .route_link_area .access_note {
	font-size: 90%;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#map #map_data_right .route_link_area .route_link:before {
	content: "▼ ";
	color: #fc3;
}

#map #map_data_right #course_name li {
	padding: 0 0 0 10px;
	font-size: 95%;
	background-image: url(../../map/images/bg_course_name.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}
#map #map_data_right .btn_yoyaku {
	text-align: center;
	clear: both;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#map #map_data_right .btn_yoyaku a:hover img {
	opacity: 0.7;
}

/* メッセージ
------------------------------------------------------------*/
#map #message {
	background: #f6f6f6;
	border: solid 1px #ccc;
	padding: 15px;
	font-size: 13px;
	margin-bottom: 25px;
	}
	#map #message h3 {
		border: none;
		background: url(../../map/images/icn_message.gif) left 50% no-repeat;
		margin: 0 0 5px 0;
		padding: 0 0 0 30px;
		}
		#map #message p {
			margin: 0;
			padding: 0;
			}
#map .map_photos1 {   
	padding-left: 0px;
	clear: both;
	}

#map .map_photos2 {   
	padding-left: 0px;
	clear: both;
	}
	#map .map_photos1 li,
	#map .map_photos2 li {
		float: left;
		width: 220px;
		font-size: 11px;
		margin: 0 15px 15px 15px;
		line-height: 1.2em;
		}
	#map .map_photos1 img,
	#map .map_photos2 img {
		margin-bottom: 3px;
		}
#map_list {
	margin-right: 20px;
	margin-left: 20px;
	clear: both;
	padding-top: 20px;
}

#map_list  .back {
	background: url(../../map/images/icn_arrow.jpg) left 50% no-repeat;
	padding-left: 15px;
	font-size: 12px;
	margin: 15px 0 10px 330px;
	}
#map_list  .link {
	clear: both;
	}
#map_list  .link  li {
	font-size: 12px;
	float: left;
	padding: 0 5px 0 5px;
	background: url(../../map/images/list_br.gif) right 50% no-repeat;
	}
#map_list  .link  .no_border {
		background: none;
		}

.map_side_bnrs {
	margin-bottom: 10px;
}.prefecture {
	vertical-align: middle;
	margin-bottom: 10px;
	background-position: center;
}
#main  .prefecture  table    {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main .prefecture_left table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main .prefecture td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#map #main .prefecture_left td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.prefecture_left {
	vertical-align: middle;
	margin-bottom: 10px;
	background-position: center;
	float: left;
	width: 370px;
	clear: left;
}

.prefecture_right {
	vertical-align: middle;
	margin-bottom: 10px;
	background-position: center;
	float: right;
	width: 370px;
	clear: right;
}

#main h3 {
	font-size: 130%;
	background-image: url(../../images/shade01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#main .prefecture_right td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#map #main .prefecture_right table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* エリア・都道府県別教室一覧 */
.prefecture_list {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.prefecture_list li {
	width: 49%;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.prefecture_list li .school_name {
	margin-bottom: 0.5em;
	padding-left: 8px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FFCC33;
}
.prefecture_list li img {
	max-width: 100%;
}
@media (max-width: 600px) {
	.prefecture_list {
		display: block;
	}
	.prefecture_list li {
		width: 100%;
	}
}


#map #map_data_right .plan55 {
	font-size: 90%;
	padding: 7px;
	border: 1px dotted #FF6699;
	width: 210px;
	float: right;
	background-color: #FFE6E6;
	margin-bottom: 30px;
	color: #FF6699;
}

/* 教室案内
------------------------------------------------------------*/
#map #classroom .grad-wrap h3{
	margin:7px 0;
	background:none;
	padding:0;
	}
#map #classroom .grad-wrap h3:before {
    content: "●";
    color: #ffcc33;
	margin-right:5px;
}
#map #classroom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:space-between;
    margin-bottom:30px;
}

#map #classroom .grad-wrap{
    width: 220px;
	font-size:12px;
    margin: 0 16px 20px;
	}

#map #classroom .grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
#map #classroom .grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
#map #classroom .grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
#map #classroom .grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/* 周辺をご案内します
------------------------------------------------------------*/
#map #guide {
    background-color: #fff8e3;
    border: 1px solid #ffcc33;
    margin-bottom: 0;
    padding: 15px;
}
#map #guide h3{
    background:url(../../map/images/icon_guide.png) no-repeat left top;
    background-size: 16px;
    font-size: 15px;
    margin-bottom: 8px;
    padding-left: 20px;
}


.sp-item {
  display: none;
}


/* 道案内
------------------------------------------------------------*/
#map #route {
	margin: 50px 0 0;
}

#map #route h3 {
	margin-bottom: 22px;
}

/* タブ
--------------------------*/
#map #route .route_tab {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 25px;
}
#map #route .route_tab li {
	display: table-cell;
	height: 35px;
	padding: 10px;
	color: #081a7c;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	background-color: #ddd;
	border-right: 1px solid #fff;
	position: relative;
	cursor: pointer;
}
#map #route .route_tab li:first-child {
	border-top-left-radius: 8px;
}
#map #route .route_tab li:last-child {
	border-top-right-radius: 8px;
	border-right: 0;
}
#map #route .route_tab li:hover {
	text-decoration: underline;
}

/* タブON時 */
#map #route .route_tab li.on {
	background-color: #fff104;
}
#map #route .route_tab li.on:after {
	content: "";
	display: inline-block;
	width: 0;
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -9px;
	border: 7px solid transparent;
	border-top: 12px solid #fff104;
	border-bottom-width: 0;
}

/* 道順写真
--------------------------*/
#map #route .route_photo h4 {
	display: none;
}

#map #route .route_photo ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	counter-reset: cnt;
}
#map #route .route_photo ol:after{
	content: "";
	display: block;
	width: 32%;
}

#map #route .route_photo ol li {
	width: 32%;
	counter-increment: cnt;
}
#map #route .route_photo ol li img {
	max-width: 100%;
}
#map #route .route_photo ol li p {
	margin: 0.5em 0 2em 1.5em;
	text-indent: -1.5em;
	font-size: 90%;
}
#map #route .route_photo ol li p:before {
	content: "("counter(cnt)")";
	margin-right: 0.3em;
}


/* 受付がない棟
--------------------------*/
#map #route .route_wrong {
}
#map #route .route_wrong > p {
	margin: 0.5em 0 1em 1.3em;
	text-indent: -1.3em;
	color: #f44a4a;
}
#map #route .route_wrong > p:before {
	content: "※";
	margin-right: 0.3em;
}

#map #route .route_wrong ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#map #route .route_wrong ul:after{
	content: "";
	display: block;
	width: 32%;
}
#map #route .route_wrong ul li {
	padding: 16px;
	background-color: #ffecec;
	border: 1px solid #fca8a8;
	width: 32%;
	box-sizing: border-box;
}
#map #route .route_wrong ul li img {
	max-width: 100%;
}
#map #route .route_wrong ul li p {
	margin: 0.5em 0 0 1.3em;
	text-indent: -1.3em;
	font-size: 90%;
	line-height: 1.4;
}
#map #route .route_wrong ul li p:before {
	content: "※";
	margin-right: 0.3em;
}

#map .TabbedPanels{
padding-top: 30px;
}


@media (max-width: 600px) {
	#map #route h3 {
		margin-bottom: 1em;
		padding: 12px 15px;
		color: #0e357f;
		border-left: 0;
		background: #6ddacf;
		box-sizing: border-box;
	}
	
	#map #route .route_tab {
		display: none;
	}
	
	#map #route .route_photo {
		margin: 0 1em 10px;
		border: 2px solid #6ddacf;
	}
	
	/* 路線toggle
	--------------------------*/
	#map #route .route_photo h4 {
		display: block;
		padding: 10px;
		color: #444;
		font-size: 120%;
		position: relative;
	}
	#map #route .route_photo h4:after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -10px;
		width: 10px;
		height: 10px;
		border-right: 3px solid #444;
		border-bottom: 3px solid #444;
		transform: rotate(45deg);
	}
	
	#map #route .route_photo h4.on {
		background-color: #6ddacf;
	}
	#map #route .route_photo h4.on:after {
		margin-top: -5px;
		transform: rotate(-135deg);
	}
	
	
	/* 道順写真
	--------------------------*/
	#map #route .route_photo ol {
		display: none;
		padding: 1em 1em 0;
		box-sizing: border-box;
	}
	#map #route .route_photo ol li {
		width: 100%;
	}
	#map #route .route_photo ol li p {
		font-size: 100%;
	}
	
	/* 受付がない棟
	--------------------------*/
	#map #route .route_wrong {
		padding: 1em 1em 0;
	}
	#map #route .route_wrong ul li {
		margin-bottom: 10px;
		padding: 10px;
		width: 49%;
	}
	#map #route .route_wrong ul:after{
		display: none;
	}
	#map #route .route_wrong ul li p {
		font-size: 100%;
	}
}




/* ===========================================================
 電話番号一覧
=========================================================== */
#map .tel_attention {
	text-align: center;
	font-weight: bold;
	color: #f70;
}
#map table.tellist {
	width: 80%;
	margin: 20px auto 0;
}
#map table.tellist th {
	width: 50%;
	padding: 2%;
	border: 1px solid #999;
	background-color: #ffffee;
	text-align: left;
}
#map table.tellist td {
	padding: 2%;
	border: 1px solid #999;
	font-size: 100%;
}
#map table.tellist td a.no_tel {
	color: #555;
	text-decoration: none;
}



/* Only Smartphone
----------------------------------------------------------------------*/
@media screen and (max-width:600px){


#map #map_jpn{
	display: none;
}

/*オープンのバナー*/
.bnr_open {
	width:auto;
	background: #ffef00;
	text-align: center;
	max-width: 100%;
}
	
/*メインコンテンツ幅設定*/
#map #main {
	width: 100%;
	float: none;
}
	
#map #school_list h3 {
	border: none;
	background: #ccc;
	margin: 0;
	padding: 5px;
	width: 95%;
	font-size: 100%;
	font-weight: normal;}
	
#map #school_list {
	width: 100%;
	font-size: 100%;
	margin: 20px 10px 0 10px;
	}
#map #school_list #left{
	width: 45%;
	float: left;
	font-size: 95%;
	margin: 0 0 0 20px;
	}
#map #school_list #right{
	width: 45%;
	float: right;
	font-size: 95%;
	margin: 0;
	}

#map #school_list ul {
	margin: 5px 0 20px 5px;
	}
	#map #school_list ul li {
		padding: 10px 10px 10px 23px;
		margin-bottom: 10px;
		background-image: url(../../map/images/bg_school_list.gif);
		background-repeat: no-repeat;
		background-position: 10px 50%;
		border: 1px #CCC solid;
		border-radius: 3px;
		}
		#map #school_list ul .green {
	background-image: url(../../map/images/bg_school_list_green.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
			}

#map  #school_list  ul  .senyou {
	background-image: url(../../images/icon_senyou.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
			}
	#map #school_list ul li a {
		display:block;
	}


	#map #map_data_left  {
	width: 95%;
}
	#map #map_data_right {
	float: left;
	width: 95%;
	margin-left:10px
	}
#map  #map_data_right  .plan55 {
	font-size: 90%;
	padding: 7px;
	border: 1px dotted #FF6699;
	width: auto;
	float: none;
	background-color: #FFE6E6;
	margin-bottom: 20px;
	color: #FF6699;
}
#map .map_photos1{
    clear: both;
	width:96%;
	padding:0;
	}
	#map .map_photos1 li{
    clear: both;
	width:100%;
}
	#map .map_photos1 li img{
	width:94%;
}
	#map .map_photos2{
    clear: both;
	width:96%;
	padding:0;
	
	}
	#map .map_photos2 li{
    clear: both;
	width:100%;
	
}
	#map .map_photos2 li img{
	width:94%;
}
#map_list .back {
    background: url(../../map/images/icn_arrow.jpg) left 50% no-repeat;
    padding-left: 15px;
    font-size: 12px;
    margin: 10px;
}

#map #map_data_left {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
	#map #map_data_left ul li {
		margin-bottom: 15px;
		text-align: center;
		}
		#map #map_data_left ul li table {
			margin: 0 auto;
		}
		#map #map_data_left ul li td {
			width: auto;
			vertical-align: top;
			font-size: 11px;
			}
	
#map #prefecture_left {
	width: auto;
	border: 1px solid #CCCCCC;
	padding: 10px;
	float: none;
}
#map  #prefecture_right {
	width: auto;
	border: 1px solid #CCCCCC;
	padding: 10px;
	float: none;
}
#map  #prefecture_right img {
	max-width: 100%;
}
#map #prefecture_left img {
	max-width: 100%;
}

.prefecture_left,
.prefecture_right {
	width: auto;
	float: none;

}



/* 道案内へのリンクボタン */
#map #map_data_right .route_link_area {
	margin-bottom: 20px;
}
#map #map_data_right .route_link_area .route_link a {
	display: block;
	padding: 0.5em 1em;
	background-color: #6ddacf;
	font-weight: bold;
	font-size: 120%;
	color: #0e357f;
	text-align: center;
	text-decoration: none;
	position: relative;
}
#map #map_data_right .route_link_area .route_link:before {
	display: none;
}
#map #map_data_right .route_link_area .route_link a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -10px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #0e357f;
	border-bottom: 3px solid #0e357f;
	transform: rotate(45deg);
}
	


/* 教室案内
------------------------------------------------------------*/
#map #classroom {
	display:block;
	margin-bottom:2em;}
#map #classroom .grad-wrap {
  position: relative;
  float:left;
  width:48%;
  margin: 2em 2% 3em 0;
}
#map #classroom .grad-wrap:nth-of-type(2n){
	float:right;
	margin: 2em 0 3em 2%;
	}
#map #classroom .grad-wrap:nth-of-type(2n+1){
	clear:both;
}
#map #classroom .grad-wrap img{
	width:100%;
	}
#map #classroom .grad-wrap h3{
	font-size:100%;
	margin:7px 0;
	background:none;
	padding:0;
	}
#map #classroom .grad-wrap h3:before {
    content: "●";
    color: #ffcc33;
	margin-right:5px;
}
#map #classroom .grad-btn {
    z-index: 2000;
    position: absolute;
    bottom: -35px;
    left: 15%;
    width: 70%;
    margin: auto;
    padding: 0.2em 0;
    border-radius: 15px;
    background: #aaaaaa;
    color: #fff;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    text-indent:1px;
}
#map #classroom .grad-btn::before {
  content: "続きを読む"
}
#map #classroom .grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /*隠した状態の高さ*/
}
#map #classroom .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
#map #classroom .grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
#map #classroom .grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
#map #classroom .grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
#map #classroom .grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/* 周辺をご案内します
------------------------------------------------------------*/
#map #guide{
	clear:both;
    padding: 3%;
    margin: 2em auto 1em;
    width: 94%;
}
#map #guide h3{
    width:96%;
}

/* ===========================================================
 電話番号一覧
=========================================================== */
#map .tel_attention {
	text-align: left;
}
#map table.tellist {
	width: 100%;
}

	
}