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

body {
	line-height:1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	background-color: #000000;
}

span.futo{
	font-weight:bolder
}

#s01{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
}


#s01 #box, #s01 #box_sp{
	width:100%;
	height:100%;
}

#map  {
position: relative;
/*padding-bottom: 20%; */
padding-bottom:500px; /* これが縦横比*/
height: 0;
overflow: hidden;
}
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.filtr-item {
    padding: 1rem;
}
.item-desc {
	color: #000;
}



#map_canvas_01, #map_canvas_02, #map_canvas_03 {
    width:350px;
    min-height: 500px;
}




@media only screen and (min-width: 769px) {
	/*　画面 横向き　*/
.smp_only{display:none}


#s01 .top_scroll{
	position:absolute;
	bottom:40px;
	left:50%;
}

.gotoTop{position:fixed; bottom:15px; right:20px; width:74px; height:74px; z-index:5000}
	

	
#s02{
	background-color:#000;
}

.aisatsu{
	text-align: center;
	width: 100%;
	padding-top: 50px;
	clear: both;
	}
.aisatsu img{
	width: 8%
	}
.area01{
	width: 1000px;
	height: 425px;
	margin: 50px auto 0 auto;
	padding: 80px 0 0 0;
	color: #fff;
	background: url(../images/img_poster_spring01.png) 0 0 no-repeat;
	text-align: left;
	font-size: 14px;
	line-height: 220%;
	letter-spacing: 0.12em;
	clear: both;
	}

.course{
	text-align: center;
	width: 100%;
	padding-top: 100px;
	clear: both;
	}
.course img{
	width: 10%
	}

.course_area01{
	width: 1000px;
	height: 395px;
	margin: 0 auto;
	padding: 50px 0 
	}

.course_ph01{
	float: left;  width: 592px; height: 394px
}

.course_box01{
	width: 330px; float: right; color: #fff; font-size: 14px; position: relative
}
.item01{
	display: flex;
	margin-top: 20px;
}

.item01 >div{
	width: 50%;
}

.course_area02{
	width: 1000px;
	height: 570px;
	margin: 0 auto;
	padding: 50px 0;
	color: #fff;
}

.course_area02 .hour{
	font-size: 18px;
	letter-spacing: 0.12em;
}

.course_area02 .note{
	margin-top: 10px;
	letter-spacing: 0.12em;
}

.course_ph02{float: right;  width: 433px; height: 566px;
}

.course_item02{
	width: 500px;
	float: left;
	margin-top: 70px;
	}

.course_item02 img{
	width: 100%;
}

.course_item02 .image_area{
	display: flex;
	margin-bottom: 20px;
}

.course_item02 .image_area .text{
	width: 65%;
}

.course_item02 .image_area .text .day{
	font-size: 20px;
}

.course_item02 .image_area .text .dantai{
	margin-top: 20px;
	font-size: 16px;
}

.course_item02 .image_area .image{
	width: 35%;
	margin-top: 120px;
}

.tennai{
	margin: 50px 0; padding-bottom: 80px; text-align: center
}

.chef_area{
	margin: 0 auto 90px auto; 
	width: 1000px; 
	height: 470px; 
	background: url(../toyo_img/img03.jpg) center center no-repeat
}
.profile{
	width: 300px; height: 470px; 
	padding: 0 15px 0 25px; float: right; 
	background-color:#A80D0A; 
	color: #FFFFFF;; 
	line-height: 200%
}
.profile_ph{
	padding: 30px 0 30px 0; 
	text-align: center
}

.yoyaku{
	width: 100%; 
	height: 320px; 
	background-color: #fff; 
	clear: both; 
	margin: 50px 0; 
	padding: 60px 0; 
	text-align: center;
}
.yoyaku img{
	width: 8%
}
.yoyaku .tel{
	margin: 60px 0
}
.yoyaku .tel img{
	width: 850px
}
	
	
#s03{
	margin:10px 0 0 0; text-align: center; color: #fff
}	
#s03 img{
	width: 10%
}	
.txt{
	text-align: center; padding: 50px 0 ; font-size: 2.5em; line-height: 200%; letter-spacing: 0.2em; color: #fff;
}

.bt_fb{
	width: 30%; margin: 0 auto
}
	
}



@media only screen and (max-width: 768px) {
	/*　画面　縦向き　*/

	.pc_only{display:none}

	#s01 .top_scroll{
		position:absolute;
		bottom:40px;
		left:50%;
	}

	#s02{
		background-color:#000;
	}
	.aisatsu{
		text-align: center;
		width: 100%;
		padding-top: 50px;
		clear: both;
		}
	.aisatsu img{
		width: 35%
		}
	.area01{
		width: 90%;
		margin: 0 auto;
		padding: 40px 5% 0 5%;
		color: #fff;
		text-align: left;
		font-size: 16px;
		line-height: 180%;
		letter-spacing: 0.12em;
		clear: both;
		}


		
	.course{
		text-align: center;
		width: 100%;
		padding-top: 100px;
		clear: both;
		}
	.course img{
		width: 42%
		}

	.course_area01{
		width: 100%;
		margin: 0 auto;
		padding: 50px 0 30px 0; 
		}

	.course_ph01{
		width: 100%;
	}
	.course_ph01 img{
		width: 100%;
	}
	.course_box01{
		width: 90%; padding: 20px 5% 0 5%; color: #fff; font-size: 16px; position: relative
	}
	
	.item01{
		display: flex;
		margin-top: 20px;
	}
	
	.item01 >div{
		width: 50%;
	}
		
	.course_area02{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0 0;
		color: #fff;
	}
	.course_ph02{
		width: 100%; text-align: center
	}
	.course_ph02 img{
		width: 90%;
	}

	.course_area02 .hour{
		font-size: 14px;
		letter-spacing: 0.12em;
	}
	
	.course_area02 .note{
		margin-top: 10px;
		font-size: 10px;
	}

	.course_item02{
		margin-top: 10px;
		padding: 0 20px;
	}

	.course_item02 .image_area{
		display: flex;
		margin-bottom: 20px;
	}

	.course_item02 .image_area .text{
		width: 60%;
	}
	
	.course_item02 .image_area .text .day{
		font-size: 16px;
	}
	
	.course_item02 .image_area .image{
		width: 40%;
		margin-top: 110px;
	}
	.course_item02 img{
		max-width: 100%;
	}	


	.tennai{
		width: 100%; margin: 20px 0; padding-bottom: 80px; text-align: center
	}
	.tennai img{
		width: 90%; }

	.chef_area{
		margin: 0 auto 0 auto; width: 100%; height: 440px; background: url(../toyo_img/img03.jpg) -100px top no-repeat
	}
	.profile{
		width: 90%;  padding: 0 5% 10px 5%;  background-color:#A80D0A; color: #FFFFFF;; line-height: 200%
	}
	.profile_ph{
		padding: 10px 0; text-align: center}

		
	.yoyaku{
		width: 100%; background-color: #fff; clear: both; margin: 50px 0; padding: 20px 0; text-align: center;
	}
	.yoyaku img{
		width: 20%
	}
	.yoyaku .tel{
		margin: 30px 0
	}
	.yoyaku .tel img{
		width: 85%
	}
		
	#s03{
		margin:10px 0 0 0; text-align: center; color: #fff
	}	
	#s03 img{
		width: 25%
	}	
	.txt{
		text-align: center; padding: 50px 0 ; font-size: 1.2em; line-height: 200%; letter-spacing: 0.2em; color: #fff;
	}

	.bt_fb{
		width: 50%; margin: 0 auto
	}
}