@charset "utf-8";
/* CSS Document */
/*---------共通設定---------*/
.topbody{
	margin: 0;
	width: 100%;
	padding: 0;
font-family: 'Sawarabi Gothic','Comfortaa', cursive;
background:url(../img/rojiframe4.png)  left top no-repeat;
	background-size:cover;
	line-height:2.8;
	color:#333131;
}
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
img{
	max-width:100%;
	
}
.wrap{
	position:relative;
		top: 0;
	left:0;
		z-index: 100;
}
.wrap2{/*コンタクトページ*/
	width:90%;
	margin:0 auto;

		z-index: 100;

}

.scrollTop img{
	width:50%;
}
.scrollTop {
    position: fixed;
    left: 1%;
    bottom: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
footer{
	margin-top:1000px;
	text-align: center;
	    position: fixed;

    bottom: 0;
    width: 100%;
}
footer img{
	width:20%;
}
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

header{
position: relative;
	top:0;
	left:0;
	margin-bottom:100px;
}
/*----------グローバルメニュー-------------*/
.menu{/*メニュー格納*/
	position:fixed;
	top:0;
	right:0;
}
.menu img{
	width:50%;
}
	nav{
		display:none;
		position: fixed;
		top:0;
		width: 100%;
		height: 100vh;
		background:#F7FF82;
		left: 0;
		z-index: 100;
	}
	header nav ul{
		display: block;
		width: 90%;
		height: 350px;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
	}

	header nav ul li{
		margin: 0 auto;
		text-align: center;
	}
	header nav ul li:last-child{
		border: none;
	}
	header nav ul li a{
		display: block; 
		color: #494444;
	}
	header nav ul li a:hover{
		
		color: #3D92EF;
	}

#nav_toggle{
		display: block;

		position: relative;
		top: 0;
	right:0;
		z-index: 1000;
	
	}
	#nav_toggle div {
		position: relative;
		
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #ccc;
		position:absolute;
		width: 100%;
		right: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:20px;
	}
	#nav_toggle span:nth-child(3){
		top:40px;
	}

	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

/*----------グローバルメニューend-------------*/
/*------アニメーション-------------------*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 800ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/* ------------- アニメーション END*/

h1{
	padding-top: 50px;
	text-align: center;
}
h1 img{
	width:30%;
}

h2{
		font-size:150%;
	text-align:center;
}

a.cp_btn {
	position: relative;
	width: 12%;
	padding: 0.6em;
	text-align: center;
	text-decoration: none;
	color: #000;
	transition: .4s;
	font-size: 80%;
}
a.cp_btn:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
	background:#000;
	transition: .2s;
}
a.cp_btn:after {
	position: absolute;
	display: inline-block;
	content: '';
	width: 1px;
	height: 100%;
	top:0;
	left: 100%;
	border-radius: 3px;
	background:#000;
	transition: .2s;
}
a.cp_btn:hover:before,a.cp_btn:hover:after {
	transform: rotate(20deg);
}
.left{ /*左寄せの文*/
	text-align:left;
}

.small{
	font-size:80%;
}
/*-------------共通設定end--------------------*/
/*--------------トップページの装飾--------------*/
.photo{
	width:25%;
	text-align:right;
	position:absolute;
	right:0;
	top:20%;
	padding-bottom:50px;
	
}
.photo5 img{/*トップページのライト*/
	width:80%;
	margin:0 auto;
	
}


/*----------トップページの装飾end-------------*/
.botn { 
		width:25%;
	 margin:0 auto;
	display:block;
	margin-top:100px;
  background-color: #fff;
  border: 2px solid #333;
  line-height: 50px;
  clear:both;
	text-align: center;
	margin-bottom: 100px;
	font-size:80%;
}
.botn:hover {
  border-style: dashed;
}
/*ー-----------index.html end------------*/

.abouts .cont{
	margin-bottom: 200px;
}
.cont{
	width:70%;
	margin:0 auto;
	text-align:center;
	margin-bottom:50px;
		position:relative;
	overflow: hidden;
	font-size:85%;
	
}

.cont2{
	width:85%;
	margin:0 auto;
	text-align:center;
	margin-bottom:50px;
	position:relative;
	font-size:85%;
	

}
.cont .con{
	
	text-align:left;
	display:inline-block;
margin-top:50px;

}
.cont .conts{
	
	text-align:left;
	display:inline-block;
margin-top:50px;
	width:80%;
	margin:0 auto;
}
.cont2 .conts{
width:90%;
		margin:0 auto;
margin-top:50px;
	margin-bottom:50px;
	text-align: left;

}
/*
.text{
	position:absolute;
	left:-10%;
	top:-10%;
}

.text img{
	width:60%;
}*/

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

.position, .position1 img{
	width:25%;
}
.position2 img{
	width:45%;
}
.position {
	position: absolute;
		top:20%;
	left:0;
}

.position1 {
	position: absolute;
		top:15%;
	right:0;
}
.position2 {
	position: absolute;
		top:20%;
	right:1%;
}

/*-----------aboutタイトル-------------*/
.title img{
	width:80%;
}
.center{
	
	text-align:left;
	display:inline-block;
margin-top:50px;
	width:100%;
	margin:0 auto;
	
}
/*-----------aboutタイトルend-------------*/
/*--about：フェルデンクライスの特徴のテキスト--- */
.text3{
	margin-left:10px;
}
.text4{
	margin-left:18px;
}
.text5{
	margin-left:27px;
}
.text6{
	margin-left:36px;
	
}
.text7{
	margin-left:45px;
}
/*---------------------------------------*/

.kasen{
	font-weight:bold;
	padding:10px;
}
	.profile{
	width:50%;
		margin:0 auto;
}
	.profile.map {
	width:90%;
	}

.profiles{
	margin-bottom: 100px;
	width:100%;
	margin:0 auto;
	
}

.yohaku{
	padding-bottom:40px;
}
.yohaku2{
	padding-top:10px;
	width:80%;
	margin:0 auto;
	overflow: hidden;
}
/*---------------about.html end---------------*/
/*---------------program.html---------------*/


.left3{
	width:80%;
	margin:0 auto;
	text-align:left;
}
/*------------プログラムの枠------------*/
.left2{
	width:80%;
	margin:0 auto;
	border:1px solid;
	border-radius: 15px;
	padding:10px;

}
.soroe{
	text-align:left;
}
/*--------------program.html end---------------*/
/*--------------lesson.html---------------------*/
.pink{
	font-weight: bold;
	color:#E90787;
}

.lessonimg{
	width:80%;
	margin:0 auto;
	text-align:center;
}

.lessonimgs{
	widows:100%;

	padding:30px 0;
	
}
.lessonimgss{
	width:80%;
	float:left;
	clear:both;
	overflow: hidden;
	padding:30px 0;
	
}
.lessonimgsss{
	width:80%;
	float:right;
	clear:both;
	overflow: hidden;
	padding-bottom:30px;

	
}

/*.bleft{

	 display: inline-block;
  
}*/




.lessons{
	margin-bottom: 100px;
	width:100%;
	margin:0 auto;
	
}
/*--------------lesson.html---------------------*/

/*-----------price.html------------------*/
.links{
	display: flex;
		width:60%;
	margin:0 auto;

	justify-content: space-between;
	text-align: center;
	margin-bottom: 100px;
}
.linkss{
	width:80%;
	margin:0 auto;
	text-align: center;

}
	.linkss a{
		font-size:16px;
	}
/*----------キャンセルポリシー-----*/
.yohaku3{
	padding-top:10px;
	width:80%;
	margin:0 auto;
	overflow: hidden;
padding-bottom:100px;
}
/*----------キャンセルポリシーend-----*/
/*--------------price.html end----------------------*/
/*----------contact iframe---------------*/


.iframewrapper{

	text-align: center;
		
}


/*----------------------------------------*/


@media screen and (min-width: 900px) {

	.topbody{
	margin: 0;
	width: 100%;
	padding: 0;
	background: #ccc;
font-family: 'Sawarabi Gothic','Comfortaa', cursive;
background:url(../img/rojiframe3.png)  left top no-repeat;
	background-size:cover;
	line-height: 3.9;
	color:#333131;
}

	#nav_toggle{
		display: block;
		position: relative;
		top: 0;
	left:0;
		z-index: 1000;
	}
		footer img{
	width:10%;
}
		.scrollTop img{
	width:70%;
}
	.menu img{
	width:70%;
}
	.menu {

	position:fixed;
	top:0;
	right:3%;
}
/*	ーーーーーーーーー装飾系ーーーーーーーーー*/

	.position img{
	width:40%;
}
	.position1 img{
	width:25%;
}
	.position2 img{
	width:30%;
}
	a.cp_btn {
	position: relative;
	width: 20%;
	padding: 0.4em;
	text-align: center;
	text-decoration: none;
	color: #000;
	transition: .4s;
	font-size: 80%;
}
.cont{
	width:90%;
	margin:0 auto;
	text-align:center;
padding:100px 0;
		position:relative;
	overflow: hidden;
margin-bottom: 100px;
	font-size:100%;
}

.cont2{
	width:85%;
	margin:0 auto;
	text-align:center;
	margin-bottom:100px;
	position:relative;
	overflow: hidden;
	padding-top:100px;
	font-size:100%;
}
	.cont2 .conts{
width:80%;
		margin:0 auto;
margin-top:50px;
	margin-bottom:50px;
	text-align: left;

}
	.center{
	
	text-align:center;
	display:inline-block;
margin-top:50px;
	width:100%;
	margin:0 auto;
	
}
.text {
position: absolute;
left: 17%;
top: 0;
padding-top: 250px;
}
.text img{
	width:90%;
}	
.photo5 img{
	width:30%;
}
	.lessonimg{
	width:40%;
	margin:0 auto;
	text-align:center;
}
		.title{
	width:50%;
	margin:0 auto;
	text-align:center;
}

	.links{
		width:40%;
		margin:0 auto;
	margin-left:41%;

	}

	.linkss a{
		font-size:18px;
	}
	.profile{
	float:left;
	clear:both;
	width:30%;
	vertical-align: center;
}
	.profile.map {
	width:40%;
	}
	.yohaku2{
	padding-top:10px;
	width:50%;
		margin:0 auto;
	overflow: hidden;
}
	
	.soroe{
	text-align:center;
}
	.lesson{
	float:left;
	clear:both;
	width:30%;
	vertical-align: center;
		padding:100px 0;
}

}