@charset "utf-8";


.list-news-title{
	margin-top : 30px;
	border-bottom : 1px solid #089932;
	padding-left : 20px;
	padding-bottom : 3px;
	margin-bottom : 3px;
	font-weight : bold;
	font-size : 110%;
}

.list-news{
	margin : 0px 15px 20px 25px;
	line-height:2;
}
.new{
	background:#ff0000;
	color : #ffffff;
	font-weight : bold;
	font-size : 70%;
	padding :4px;
	border-radius : 4px;
}

/* @@ sm xs 1000px以下(スマホ) */
@media screen and (max-width: 960px) {

	.staff-nameB{
		margin-bottom : 8px;
	}
	
.hidden{
	display : none;

}

.container {
	background-color: #FFF;
	margin: 0 auto;
}

.header {
	margin: 0px auto 10px auto;
	position: fixed;
	background:#ffffff;
	padding:10px;
}


.hd-menu {
	float: left;
	background:#00a83b;
	padding : 3px 2px;
	border-right : 1px solid #ffffff;
	margin-bottom: 1px;
}


.top-img {

}









.top-comme{
	margin: 20px auto 60px auto;
	width: 230px;
}
.top-comme div{
	width: 230px;
	height: 230px;
	float: left;
	margin-bottom:15px;
}

.top-title1-1-2{
	margin-top:-7px;
}


.top-title {
	width: 400px;
	height: 90px;
	margin: 60px auto 10px auto;
}


.top-title2 {
	margin: 0px auto 20px auto;
}


.top-comme3 {
	width: 390px;
	margin: 0px auto;
}
.top-comme3 div{
	margin :0 0 10px 0;
	
}

.info-title2-1 {
	margin: 0px auto 20px auto;

}

.info-title2 div{
	text-align : center;
}


.info-title {
	margin: 20px auto;
}





.circuit-training-left{
	text-align : center;
}

.circuit-training-title{
	border-bottom:4px solid #00A83B;
	margin:5px 0;
	padding-bottom:0px;
	font-size:120%;
	text-align : center;
}

.circuit-training-right{
	margin-bottom:25px;
	font-size:86%;
	line-height:1.5;
}
.circuit-training-right span{
	font-size:90%;
}


.info-bg-catch{
	margin : 20px auto 50px auto;
	border:2px solid #14a83b;
	padding:15px 0;
	text-align : center;
	width:100%;
}
.info-bg-catch img{
	margin : 5px 0;
}



.info-catch{
	width:100%;
	margin : 20px auto 20px auto;
}
.info-catch div{
	margin : 0 0 20px 0;
}


.sarani{width:20%;}
.info-catch2{
	width:100%;
	margin : 20px auto 20px auto;
}
.info-catch2 div{
	float : left;
}
.info-catch2 .txt{
	width:80%;
	color:#00a83b;
	font-size:70%;
	float : left;
	text-align : left;
	font-weight:bold;
	padding-top:10px;
}









.br-pc { display:none; }




.lp1{
	margin :15px 0 35px 0;
}

.lp2{
	margin :15px 0;
}

.lp3{
	margin :35px 0;
}

.lp4{
	margin : 15px 0 -20px 0;
}



.info-title-cont1 {
	font-size: 120%;
	color: #CB546F;
	font-weight: bold;
	margin: -20px 0 0 0;
}

.info-body-cont1 {
	margin: 10px 0 0 0;
	color: #666;
	font-size: 86%;
	font-weight: normal;
}
.info-img-cont1 {
	text-align : center;
	margin: 10px 0 20px 0;
}
.info-img-cont1 img{
	margin: 10px 0px;
}

.info-title3txt{
	font-size:110%;
}

.info-title3 div{
	width: 33%;
	float: left;
	text-align : center;
	margin: 0 0 60px 0;
}
.info-title3 img{
	width: 90%;
}





.info-title-cont2 {
	width: 490px;
	height: 145px;
	margin: 10px 10px 5px 20px;
	float: left;
	font-size: 20px;
	color: #CB546F;
	font-weight: bold;
}

.info-body-cont2 {
	width: 490px;
	height: 145px;
	margin: 10px 0px 20px 0px;
	float: left;
	font-size: 13px;
	line-height: 24px;
	color: #666;
}
.info-img-cont2 {
	width: 295px;
	height: 300px;
	margin: 10px 0px 20px 40px;
	float: left;
}
.info-img-cont3 {
	width: 160px;
	height: 300px;
	margin: 10px 0px 20px 60px;
	float: left;
}
.info-s-cont1 {
	width: 165px;
	height: 165px;
	margin: 10px 0px 20px 130px;
	float: left;
}
.info-s-cont2 {
	width: 165px;
	height: 165px;
	margin: 10px 70px 20px 70px;
	float: left;
}
.info-s-cont3 {
	width: 165px;
	height: 165px;
	margin: 10px 0px 20px 0px;
	float: left;
}
.info-ft-cont1 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background:url(../../info/info-ft-img.jpg) no-repeat 100% 85%;
	
}









.price-catch1 {
	width: 100%;
	height: auto;
	font-size: 120%;
	line-height: 1.5;
	color: #CB546F;
}



.staffshop-area{
	width : 100%;
	margin : 10px auto;
}
.coolcase{
	background:url(../../info/info-cool-smp2.png?assasdassdsfdas) no-repeat 0 0;
	background-size:100% auto;
}
.coolcase img{
	width : 100%;
	height : auto;
}

.staffshop-title{
	border : 1px solid #56a646;
	text-align : center;
	padding: 12px 0;
	font-size: 150%;
	color:#56a646;
	background:#ffff00;
	margin-bottom:15px;
}
.staff-body .right{
	width : 100%;
	margin : 20px auto 0 auto;
	text-align : center;
}




.content {
	padding: 10px 35px 10px 35px;
	margin: 0px 0px 0px 0px;
}



.content2 {
	padding: 30px 35px 10px 35px;
	margin: 0px 0px 0px 0px;
}

.blog-cont1 {
	width: 100%;
	margin: 0px auto 5px auto;
}
.blog-cont2 {
	width: 100%;
	margin: 0px auto 5px auto;
}
.blog-cont3 {
	width: 100%;
	margin: 0px auto 10px auto;
}

.b-line-logo4{
	margin:0;
}


.img100{
	width:100%;
}
.img100 img{
	width: 100%;
}





.img80{
	width:80%;
}
.img80 img{
	width: 80%;
}
.img70 img{
	width: 70%;
}



.img90 img{
	width: 90%;
}


.img50 img{
	width: 50%;
}


.img99{
	width: 99%;
}


.img33{
	background:#14a83b;
}
.img33 img{
	width: 33%;
}

.img30 img{
	width: 30%;
}



.norikae{
	margin: 20px 0 0 0;
}





.footer {
	margin-top:30px;
	padding: 0px 0px;
	background:#00a83b;
	text-align : center;
}






.price-title-1{
	width : 100%;
	margin:0 auto 50px auto;
	border-collapse: collapse;
	vertical-align:middle;
	font-size : 80%;
}


.price-title-1 th{
	border:none;
	font-weight:normal;
	text-align : left;
	padding: 12px 0;
}
.price-title-1 td{
	border : 2px solid #56a646;
	text-align : center;
	padding: 12px 0;
}
.price-title-1 .bg{
	background:#f1f6ec;
}
.price-title-1 .w50{
	width:50%;
}
.price-title-1 .w25{
	width:25%;
}
.price-title-1 .w40{
	width:40%;
}
.price-title-1 .w35{
	width:35%;
}



.shop-title-txt{
	margin-bottom:10px;
}

.shop-title img{
	margin-bottom:10px;
}

.shop-title2{
	width:100%;
	text-align : center;
}
.shop-title1 img , .shop-title2 img{
	margin-bottom:10px;
}



.studio-info{
	width:100%;
	margin : 50px auto;
}


.studio-info-head{
	padding:0px 0 0 7px;
	border-left : 7px solid #00a83b;
	margin-bottom:30px;
}

.sankaku { display:none; }

.w4em{
	margin:10px 0 5px 0;
}

.studio-info2 span{
	color:#ff0000;
	font-weight:bold;
}

.studio-info2 .float{
	margin: 0;
}

.studio-info-imgcaption{
	margin:5px 0 25px 0;
	font-size:80%;
	color:#777777;
}
.w4em span {color:#000000; }



.studio-link{
	margin:30px 0;
	padding:10px 0;
	border-top:1px solid #252525;
	border-bottom:1px solid #252525;
	text-align:center;
}

.studio-map{
	font-size:80%;
	margin:50px 0;
	text-align : right;
}
.phonelast img{
	margin-bottom:20px;
}

.hodonoMap-parking3 .none{
	display:none; 

}

.hodonoMap-parking3 .img1{
	margin-top:20px;
}

.hodonoMap-parking3 .img2{
	background:#fff100;
}

.hodonoMap-parking4 .img img{
	width:86%;
}


.hodonoMap-parking4{
	margin-top:20px;
	text-align:center;

}


.hodonoMap-parking6{
	margin:0 0 15px 0;

}


    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.swiper-slideW{
	width:100%;
}




ul.header-menu{
		display: block;
		font-size: 0;
		background-color: #cccccc;
		margin: 10px 0 10px 0;
	box-sizing: border-box;
}
ul.header-menu li{
	flex: 1;
	display: inline-block;
	border-right: 1px solid #cccccc;
	width: calc(100% / 3);
	font-size: 15px;
	border-bottom: 1px solid #cccccc;
	box-sizing: border-box;
}
ul.header-menu li:nth-child(3),
ul.header-menu li:nth-child(6){
	border-right: none;
}

ul.header-menu li a{
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	background-color: #00a83b;
	font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
}
ul.header-menu li a:hover{
	text-decoration: underline;
}


video,
img, object {
	max-width: 100%;
	height: auto;
	/* ie8.css参照 */
}





}

/* @@ sm 768px〜(991px) ()は↓と一緒に使えば */
@media (min-width: 960px)  {

.lp1{
	margin : 15px 0;
}

.lp2{
	margin : 50px 0 15px 0;
}

.lp3{
	margin : 50px 0 15px 0;
}

.lp4{
	margin : 50px 0 0 0;
}

.container {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto;
}

.header {
	width: 960px;
	margin: 0px auto 10px auto;
	position: fixed;
	background:#ffffff;
	padding:0 0 20px 0;
}



.hd-menu {
	width: 109px;
	float: left;
	background:#00a83b;
///	background:#0000ff;
	padding : 20px 41px 20px 41px;
	border-right : 1px solid #cccccc;
}




.b-line-logo div{
	float:left;

}

.b-line-logo4{
	margin:3px 0 7px 0;
}




.top-img {
	float:left;

}

.top-comme{
	margin: 50px 0px 60px 50px;
}


.top-comme div{
	width: 230px;
	height: 230px;
	float: left;
	margin-right:45px;
}

.top-comme1 {
	width: 230px;
	height: 230px;
	float: left;
	margin: 50px 25px 60px 50px;
}
.top-comme2 {
	width: 230px;
	height: 230px;
	float: left;
	margin: 50px 25px 60px 20px;
}
.top-title {
	width: 400px;
	height: 90px;
	margin: 60px auto 10px auto;
}
.top-title2 {
	width: 590px;
	margin: 0px auto 20px auto;
}

.top-title1-1-2{
	margin:-40px 0 0 443px;
}

.top-comme3 {
	margin: 0px;
}
.top-comme3 div{
	float : left;
	margin :0 0 20px 37px;
	
}





.info-title {
	width: 780px;
	margin: 40px auto 0 auto;
}

.info-title5 {
	width: 780px;
	margin: 40px auto 0 auto;
	text-align:center;
	background:#14a83b;
}




.info-title2 {
	width: 750px;
	margin: 70px auto 0 auto;
}

.info-title2 div{
	float:left;
}

.info-title2-1 {
	width: 748px;
	margin: 0px auto 20px auto;
	text-align : center;
	font-size: 110%;
}


.info-title3txt{
	font-size:170%;
}




.br-sp { display:none; }


.circuit-training{
	width : 350px;
	margin: 10px 0px 20px 85px;
	float : left;
}
.circuit-training-left{
	float : left;
	width : 145px;
	margin-right:10px;
}
.circuit-training-right{
	float : left;
	width : 195px;
	font-size:86%;
	line-height:1.4;
}
.circuit-training-title{
	border-bottom:4px solid #00A83B;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:120%;
}





.info-bg-catch{
	margin : 20px auto 50px auto;
	border:2px solid #14a83b;
	padding:15px 25px;
	text-align : center;
}



.info-catch{
	width:100%;
	margin : 20px auto 50px auto;
}
.info-catch div{
	float : left;
}


.info-catch2{
	width:100%;
	margin : 20px auto 50px auto;
}
.info-catch2 div{
	float : left;
}
.info-catch2 .txt{
	color:#00a83b;
	font-size:170%;
	padding-top:40px;
}

.info-title3{
	width:660px;
	margin: 10px auto 20px auto;
}
.info-title3 div{
	width: 220px;
	height: 165px;
	float: left;
	text-align : center;
	margin: 0 0 60px 0;
}





.info-title-cont1 {
	width: 510px;
	height: 145px;
	margin: 10px 10px 5px 70px;
	float: left;
	font-size: 20px;
	color: #CB546F;
	font-weight: bold;
}
.info-title-cont2 {
	width: 490px;
	height: 145px;
	margin: 10px 10px 5px 20px;
	float: left;
	font-size: 20px;
	color: #CB546F;
	font-weight: bold;
}
.info-body-cont1 {
	width: 510px;
	height: 145px;
	margin: 10px 0px 0px 0px;
	float: left;
	font-size: 13px;
	line-height: 24px;
	color: #666;
}
.info-body-cont2 {
	width: 490px;
	height: 145px;
	margin: 10px 0px 20px 0px;
	float: left;
	font-size: 13px;
	line-height: 24px;
	color: #666;
}
.info-img-cont1 {
	width: 250px;
	height: 300px;
	margin: 10px 0px 20px 10px;
	float: left;
}
.info-img-cont2 {
	width: 295px;
	height: 300px;
	margin: 10px 0px 20px 40px;
	float: left;
}
.info-img-cont3 {
	width: 160px;
	height: 300px;
	margin: 10px 0px 20px 60px;
	float: left;
}


.studio{
	padding-top: 70px;
	background:url(../../info/info-ft-img.png) no-repeat 100% 100%;
}


.info-ft-cont1 {
	width: 510px;
	height: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 45px;
	margin-bottom: 20px;
	float: left;
}
.info-ft-cont2 {
	width: 315px;
	height: auto;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	float: left;
}

.price-title{
	width : 780px;
	height:340px;
	margin : 0 auto;
	background:#ff0000;
}

.price-title-1{
	width : 776px;
	margin:0 auto 50px auto;
	border-collapse: collapse;
	vertical-align:middle;
}
.price-title-1 th{
	border:none;
	font-weight:normal;
	text-align : left;
	padding: 12px 0;
}
.price-title-1 td{
	border : 2px solid #56a646;
	text-align : center;
	padding: 12px 0;
}
.price-title-1 .bg{
	background:#f1f6ec;
}
.price-title-1 .w50{
	width:50%;
}
.price-title-1 .w25{
	width:25%;
}
.price-title-1 .w40{
	width:40%;
}
.price-title-1 .w35{
	width:35%;
}




.price-catch1 {
	width: 760px;
	height: auto;
	font-size: 120%;
	margin: 10px 0px 0px 60px;
	line-height: 1.8;
	color: #CB546F;
}


.staffshop-area{
	width : 780px;
	margin : 50px auto 0 auto;
}

.staffshop-title{
	border : 1px solid #56a646;
	text-align : center;
	padding: 12px 0;
	font-size: 200%;
	color:#56a646;
	background:#ffff00;
	margin-bottom:15px;
}

.staff-body{
	border : 1px solid #56a646;
	padding: 0px 0 0 20px;
	margin-bottom:20px;
	line-height:2;
}

.staff-body .left{
	padding-top : 12px;
	float : left;
}
.staff-body .right{
	float : right;
	width : 240px;
}

.staff-body img{
	width : 100%;
}

.staff-nameB{
	font-size: 150%;
}

.blog-banner{
	background:url(../../top/blog-b-3.png) no-repeat 50% 0;
	width:780px;
	margin : 20px auto 70px auto;
}
.blog-banner .left{
	float : left;
}
.blog-banner .right{
	float : right;
}

.shop-title-txt{
	text-align : center;
	padding: 10px 0 20px 0;
	font-size: 150%;
	
}

.shop-title1{
	width:246px;
	margin: 0 auto;

}

.shop-title2{
	width:521px;
	margin: 0 auto;

}
.shop-title1 img , .shop-title2 img{
	margin-bottom:18px;
}
.shop-title2 .m21{
	margin-right:21px;
}

.coolcase{
	width : 780px;
	height:136px;
	background:url(../../info/info-cool-1.png) no-repeat;

}


.content {
	padding: 55px 35px 10px 35px;
	margin: 0px 0px 0px 0px;
}

.blog-cont1 {
	width: 280px;
	margin: 0 0px 20px 0;
	float: left;
}
.blog-cont2 {
	width: 280px;
	margin: 0 0 20px 10px;
	float: left;
}
.blog-cont3 {
	width: 280px;
	margin: 0 0 10px 10px;
	float: left;
}

.blog-cont1 img , .blog-cont2 img ,.blog-cont3 img{width:100%;}


.footer {
	padding: 0px 0px;
	background:#00a83b;
	text-align : center;
}




















.studio-info{
	width : 730px;
	margin : 50px auto;
}

.studio-info-head{
	width : 730px;
	margin : 0px auto;
	padding:0px 0 0 20px;
	border-left : 10px solid #00a83b;
}

.sankaku {float : left;}

.studio-info2 div{
	float : left;
	padding:5px;
}
.studio-info2 .w4em{
	width:4em;
}

.studio-info2 span{
	color:#ff0000;
	font-weight:bold;
}

.studio-info-imgcaption{
	margin-top:5px;
	font-size:90%;
	color:#777777;
}

.studio-info-img{
	margin-top:25px;
}

.studio-info-img3{
	float : left;
	width:340px;
}
.studio-info-img3L{
	float : left;
	width:340px;
	margin-right:50px;
}

.studio-map{
	margin-top:80px;
	margin-bottom:50px;
}
.phonelast{
	text-align : center;
}
.phonelast img{
	margin-bottom:20px;
}

.studio-info2 .float{
	float : left;
}

.w4em span { display:none; }

.studio-link{
	margin:30px 0;
	padding:10px 0;
	border-top:1px solid #252525;
	border-bottom:1px solid #252525;
	text-align:center;
}

.hodonoMap-parking{
	width : 659px;
	margin : 0 auto;
}
.hodonoMap-parking div{
	float : left;
}
.hodonoMap-parking2{
	width : 343px;
	margin : 0 auto;
}

.hodonoMap-parking3 div{
	margin-top:30px;
	float : left;
}


.hodonoMap-parking4{
	width : 730px;
	margin : 20px auto 0 auto;
}
.hodonoMap-parking4 div{
	float : left;
}
.hodonoMap-parking5{
	width : 430px;
	margin : 0 auto;
}


.hodonoMap-parking6{
	width : 730px;
	text-align : center;
}



/*-----------------------------------------------------
@@ ヘッダメニュー
------------------------------------------------------*/
ul.header-menu{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.header-menu li{
	flex: 1;
	display: inline-block;
	border-right: 1px solid #cccccc;
}
ul.header-menu li:nth-child(6){
	border-right: none;
}

ul.header-menu li a{
	display: block;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	background-color: #00a83b;
	font-size: 16px;
	color: white;
	text-align: center;
	text-decoration: none;
}
ul.header-menu li a:hover{
	text-decoration: underline;
}




}





@media screen and (min-width:321px) {
.hd-menu img{
	width : 100px;
}



}



@media screen and (max-width:320px) {
.hd-menu img{
	width : 95px;
}




}








input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 5px;
}

.taikensubmit{
	font-size:125%;
	width:100%;
	font-weight:bold;
	padding:10px;
	background:#eeeeee;
	margin:10px 0 30px 0;
}



.taikentable input , .taikentable select{
	font-size:120%;
}

.taikentable{
	width:100%;
	margin :0px 0 20px 0;
	border-collapse: collapse;
	vertical-align:middle;
}

.hissu{
	font-size:90%;
	color:#ff0000;
}
input::placeholder {
	color:#cccccc;
}


.taikentable th{
	vertical-align:middle;
	padding : 7px ;
	text-align : center;
	font-weight : normal;
	line-height:1.5;
	background:#f8f4e6;
}
.taikentable td{
	vertical-align:middle;
	padding : 7px ;
	text-align : left;
	font-weight : normal;
	line-height:1.5;
}




.higashiguchi{
	width :100%;
	margin : 0;
	padding : 0;
}
.higashiguchi img{
	width : 100%;
}

/* @@ sm xs pc */
@media screen and (min-width: 961px) {

	.taikentable h{
		border : 1px solid #DDD1AB;
	}
	.taikentable td{
		border : 1px solid #DDD1AB;
	}
	.smp{
		display : none;
	}

}




/* @@ sm xs 1000px以下(スマホ) */
@media screen and (max-width: 960px) {

	.pc{
		display : none;
	}

	.taikentable th{
		border-top : 1px solid #DDD1AB;
		border-left : 1px solid #DDD1AB;
		border-right : 1px solid #DDD1AB;
		display: block; 
	}

	.taikentable td{
		border-top : 1px solid #DDD1AB;
		border-left : 1px solid #DDD1AB;
		border-right : 1px solid #DDD1AB;
		display: block; 
	}
	.taikentable-last{
		border-bottom : 1px solid #DDD1AB;
	}


}





.higashiguchibn img{
	width : 100%;
	margin:0 0 50px 0;
}







/* @@ sm xs pc */
@media screen and (min-width: 961px) {

	.sns{
		text-align: center;
		margin : 0px auto 15px auto;
	}
	.sns img{
		width : 40px;
		margin : 0 5px;
	}

}




/* @@ sm xs 1000px以下(スマホ) */
@media screen and (max-width: 960px) {

	.sns{
		text-align: center;
		margin : 0px auto;
	}
	.sns img{
		width : 40px;
		margin : 0 5px;
	}


}







.banner4 a{
	border : 1px solid #56a646;
	border-radius: 5px;
	color:#56a646;
}

/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp , .sp{display:none;}
	.banner4{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}
	.banner4{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.banner4 a{
		display: block;
		text-align: center;
		width: 48%;
		margin: 5px 0;
	}




}
/* スマホ ここまで-------------------------------- */

/* ●●●●●●●●●●  ここまで */