@charset "utf-8";
/*
 * Theme Name: yoga
 * Theme URI: http://http://tokyo-antenna.com/wordpress/
 * Description: yoga official theme
 */

@font-face {
font-family: epf;
src: url("css/epf_lc.otf") format("opentype");
}

@font-face {
font-family: epf;
src: url("css/epf_lc.otf") format("opentype");
}
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

input, textarea{
    margin: 0;
    padding: 0;
}

.epf{
	font-family:epf,sans-serif;
}

.locationBtn{
	display:inline;
	width:4px;
	position:relative;
	top:-1px;
}

.w50{
	width:50%;
}

.w60{
	width:60%;
}

.w69{
	width:69%;
}

.w90{
	width:90%;
}

.w92{
	width:92%;
}

.w96{
	width:96%;
}

.w100{
	width:100%;
}

.reserveLessonBtn{
	background:rgba(0,0,0,0.06);
	border-radius:8px;
	margin:0 auto;
	max-width:400px;
	display:block;
	margin-bottom:40px;
}

.reserveLessonBtn:active, .reserveLessonBtn:hover{
	background:rgba(0,0,0,0.16);
}


.mt05{margin-top: 5px;}
.mt07{margin-top: 7px;}
.mt08{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt75{margin-top: 75px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}


.ls1{
	letter-spacing:1px;
}

.fs13{
	font-size:13px !important;
}

.fs14{
	font-size:14px !important;
}

.fs15{
	font-size:15px !important;
}

.fs18{
	font-size:16px !important;
}

.whiteFont{
	color:#fff !important;
}

ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
 

a{
  text-decoration: none;
}

*{
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 14px;
  color: #8e8e8e;
}

body{
  margin-right: auto;
  margin-left: auto;
  width: 1200px;
}

#wapper{
}

#header{
  margin-top: 16px;
}

#header #logoarea{
  float: left;
}

#header #snsMail{
  margin-left: 1134px;
}

#header #snsMail .snsMail__icon{
  float: left;
}

#header #snsMail .snsMail__icon2{
  margin-left: 40px;
  float: left;
  
}

#header .menu-nav-container{
  float: right;
  margin-top: -34px;
}

.menu-nav{
  overflow: hidden;
}

.menu-item-68{
  float: right;
  margin-right: 74px;
  margin-top: 4px;
}

.menu-item-68 a{
  display: block;
  background-image: url(./img/top/nav_consept.png);
  text-indent: -9999px;
  text-decoration: none;
  width: 107px;
  height: 33px;
}

.menu-item-69{
  float: right;
  margin-right: 74px;
  margin-top: 6px;
}

.menu-item-69 a{
  display: block;
  background-image: url(./img/top/nav_instructor.png);
  text-indent: -9999px;
  text-decoration: none;
  width: 142px;
  height: 31px;
}

.menu-item-70{
  float: right;
  margin-top: 2px;
}

.menu-item-70 a{
  display: block;
  background-image: url(./img/top/nav_joinCafeyogaInstructor.png);
  text-indent: -9999px;
  text-decoration: none;
  width: 217px;
  height: 35px;
}

.menu-item-232{
  float: right;
  margin-right: 74px;
}

.menu-item-232 a{
  display: block;
  background-image: url(./img/top/nav_location.png);
  text-indent: -9999px;
  text-decoration: none;
  width: 106px;
  height: 37px;
}

.menu-item-266{
  float: right;
  margin-right: 74px;
  margin-top: 3px;
}

.menu-item-266 a{
  display: block;
  background-image: url(./img/top/nav_schedule.png);
  text-indent: -9999px;
  text-decoration: none;
  width: 98px;
  height: 35px;
}

.responsiveInline{
	display:none;
}

/*footer*/
#footer{
	clear:both;
}

#footer #logoarea{
  float: left;
  margin-top: 36px;
}

#footer .menu-nav-container{
  float: right;
  margin-top: 70px;
}

#footer #snsMail{
  margin-left: 1134px;
  margin-top: 138px;
  margin-bottom: 36px;
}

#footer #snsMail .snsMail__icon{
  float: left;
  height:14px;
}

#footer #snsMail .snsMail__icon2{
  margin-left: 40px;
  float: left;
  height:12px;
}

#footer .border{
  background-color: #e5e5e5;
}

#footer #copyright{
  font-size: 10px;
  text-align: center;
  color: #696969;
  margin-top: 30px;
}

/*index.php*/

#main__img{
  width: 1200px;
  /*height: 470px;*/
  margin-top: 20px;
  /*background-image: url(./img/top/img_main.jpg);*/
  position: relative;
  background-position: 0;
}

#main__img .responsive-image{
	/*display:none;*/
}

#main__img .main__btn{
  position: absolute;
  top: 320px;
  right: 94px;
}

.h__title{
  text-align: center;
  margin: 24px auto 50px auto;
}

.h__title__p{
  color: #666464;
  margin: 20px auto 24px auto;
}

#menuArea{
  width: 1200px;
  margin-bottom: 100px;
}

#menuArea .menuArea__div{
  float: left;
  width: 400px;
  font-size: 12px;
}

#menuArea .menuArea__img{
  margin-bottom: 14px;
}

#menuArea .menuArea__div p{
  letter-spacing: -0.5px;
  padding-left: 25px;
  padding-right: 20px;
}

.mb60{
  margin-bottom: 60px;
}

.h__category{
  margin-bottom: 30px;
}

.postleft{
  width: 600px;
  float: left;
}

.postleft img{
  float: left;
  width: 114px;
  height: 114px;
}

.postleft .pArea{
  float: left;
  margin-left: 16px;
  width: 400px;
}

.postleft .pTitle{
  font-size: 16px;
  color: #666464;
}

.postleft .pTime{
  font-size: 12px;
  color: #8e8e8e;
  padding-top: 14px;
}

#postArea__top .postleft .pDay{
  font-size: 12px;
  color: #8e8e8e;
  text-align: right;
  margin-top: 24px;
  background-image: url(./img/top/category_alohaTableD.png);
  background-position: 200px, bottom;
  background-repeat: no-repeat;
}

.postleft .tenpotagu,
.postright .tenpotagu{
  display: block;
  float: right;
  width: 110px;
  height: 20px;
  margin-top: 30px;
}

#postArea__bottom .postleft .pDay{
  font-size: 12px;
  color: #8e8e8e;
  text-align: right;
  margin-top: 24px;
  background-image: url(./img/top/category_alohaTableH.png);
  background-position: 200px, bottom;
  background-repeat: no-repeat;
}

.postright{
  width: 600px;
  float: right;
}

.postright img{
  float: left;
  width: 114px;
  height: 114px;
}

.postright .pArea{
  float: left;
  margin-left: 16px;
  width: 400px;
}

.postright .pTitle{
  font-size: 16px;
  color: #666464;
}

.postright .pTime{
  font-size: 12px;
  color: #8e8e8e;
  padding-top: 14px;
}

#postArea__top .postright .pDay{
  font-size: 12px;
  color: #8e8e8e;
  text-align: right;
  margin-top: 24px;
  background-image: url(./img/top/category_islandVeggie.png);
  background-position: 200px, bottom;
  background-repeat: no-repeat;
}

#postArea__bottom .postright .pDay{
  font-size: 12px;
  color: #8e8e8e;
  text-align: right;
  margin-top: 24px;
  background-image: url(./img/top/category_luauS.png);
  background-position: 200px, bottom;
  background-repeat: no-repeat;
}

.mt36{
  margin-top: 36px;
}

#schedule{
  margin: 100px 0;
}

#s__table{
  width: 1098px;
  margin: auto;
}

.s__table__box{
  float: left;
  width: 156px;
}

.s__table__box__IN{
  display: inline-block;
  height: 250px;
     border-right: 1px dotted #8e8e8e;
}

#s__table .last{
  border: none;
}

.s__table__box__p{
  text-align: center;
  margin: 4px auto 0 auto;
  width: 136px;
  height: 24px;
  font-size: 12px;
  border-bottom: 1px dotted #8e8e8e;
}

div.breadcrumbs {
    margin-left: 222px;
      padding:5px 0 0 10px;
  }
  
.pc-img {
	display:block;
	}
.sp-img {
	display:none;
	}
.sp-img2 {
	display:none;
	}
	
.s__table__box__daikanyama{
	text-indent: -9999px;
	background-image:url(img/top/category_alohaTableD.png);
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;	
}

.s__table__box__daikanyama_none{
	text-indent: -9999px;
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;		
}

.s__table__box__island_veggie{
	text-indent: -9999px;
	background-image:url(img/top/category_islandVeggie.png);
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;		
}

.s__table__box__island_veggie_none{
	text-indent: -9999px;
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;	
	margin-right: 23px;	
}

.s__table__box__natural{
	text-indent: -9999px;
	background-image:url(img/top/category_alohaTableH.png);
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;		
}

.s__table__box__natural_none{
	text-indent: -9999px;
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;	
		
}

.s__table__box__luau{
	text-indent: -9999px;
	background-image:url(img/top/category_luauS.png);
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;		
}

.s__table__box__luau_none{
	text-indent: -9999px;
	width: 110px;
	height: 20px;
	margin-left: 23px;
	margin-top: 20px;
	margin-right: 23px;		
}

.s__table__box__height{
	height: auto;
}

.s__table__box__islandWeekday{
	margin: 100px 23px 0 23px;
}
.s__table__box__daikanyamaSaturday{
	margin: 20px 23px 0 23px;
}

.s__table__box__islandSaturday{
	margin: 55px 23px 0 23px;
}

.s__table__box__naturalSunday,
.s__table__box__islandSunday,
.s__table__box__luanSunday{
	margin: 15px 23px 0 23px;
}

.responsive{
	display:none;
}

.m0Auto{
	margin:0 auto;
}

.mt05{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.fs14{
	font-size:14px;
}

.clearBoth{
	clear:both;
}

.mb10{
	margin-bottom:10px;
}

.mb30{
	margin-bottom:30px !important;
}

.color555{
color:#555;
}

.width94p{
	width:94%;
}

.bb1pxsolid{
	border-bottom:1px solid #BBB;
}

.lh24px{
	line-height:24px;
}

.width100p{
	width:100% !important;
}


/* MP WP form button
================================================== */
.tcenter {text-align: center;}
dl.form01 { padding: 0; margin:10px 0 25px; }
dl.form01 dt { width:200px; border-top:1px solid #DFE0D4; float:left;
color:#000; font-weight:400; padding:7px 0; font-weight: bold;}
dl.form01 dd {margin-left:200px;border-top:1px solid #DFE0D4; padding:7px 0 7px 7px;}
.portfolio-entry-title {font-size: 1em;}

.btn_s, input[type="submit"].btn_s {font-size:13px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:6px 10px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px; }
.btn_m, input[type="submit"].btn_m, input[type="button"] {font-size:14px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 15px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

input[type="submit"] {font-size:14px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 15px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

.btn_l, input[type="submit"].btn_l {font-size:16px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 30px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

a.btn_s, a.btn_m, a.btn_l {color:#ffffff;}
a.btn_s:active, a.btn_m:active, a.btn_l:active { position:relative; top:1px; }
a.b_grn, input[type="submit"].b_grn, input[type="reset"].b_grn { background:#4a8d2d;}

a.b_grn:hover { color:#ffffff; background:#5b9d3e; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
	{background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
		display: inline-block;
xheight: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}


input[type="submit"], input[type="reset"], input[type="button"]{ border:none; background:#4a8d2d; font-weight: bold;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{ filter: alpha(opacity=80); opacity: .6; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }

/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	
	dl.form01 dt { float:none; width:100%;}
	dl.form01 dd {margin-left:0px; border-top:0px;}
	
}


@media screen and (min-width: 801px){
	a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

ul li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

}


@media screen and (max-width: 800px) {
	html{
		width:100% !important;
		
	}
    body {
        width:100%;
		margin:0px 0px;
		font-size:13px;
		overflow:hidden;
    }
	
	
	.responsive{
		display:block;
	}

	.responsiveInline{
		display:inline;
	}
	
	/* nav */
	a,a:hover {
		filter:none;
		-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
transition-property: none;
-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	}
	 
	a img:hover {
		filter:none;
		-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
transition-property: none;
-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	}

	ul li a:hover {
		filter:none;
		-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
transition-property: none;
-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	}
	
	
	/* top */
	#main__img{
	  width: 100%;
	  height:auto;
	  margin:0px;
	  background:none;
	  position: relative;
	}
	#main__img .responsive-image{
		display:block;
		width:100%;
		height: auto;
		margin:0px;
	}

	#main__img .main__btn{
	  display:none;
	}
	
	#main__img .responsive_btn{
	  margin:0 auto;
	  width:80%;
	  max-width:500px;
	}
	
	.responsiveMax70W{
		max-width:70%;
	}
	.antiResponsive{
		display:none;
	}
	.h__title p{
		width:86%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#menuArea{
	  width: 94%;
	  margin-bottom: 100px;
	  margin:0 auto;
	}

	#menuArea .menuArea__div{
	  float:none;
	  width: 100%;
	  font-size: 12px;
	}
	
	#menuArea .menuArea__img{
	  margin-bottom: 0px;
	  width:100%;
	}

	#menuArea .menuArea__div p{
	  letter-spacing: -0.5px;
	  width:100%;
	  margin-bottom:6px;
	  padding:0px;
	}
	
	hr{
		width:94%;
	}
	
	.h__title__p{
	  margin: 10px auto 5px auto;
	}
	
	.h__title{
	  text-align: center;
	  margin: 24px auto 20px auto;
	}
	
	.categoryArea{
		width:94%;
		margin:0 auto;
	}

	.postleft, .postright{
	  width: 100%;
	  float:none;
	  margin-bottom:20px;
	}
	
	.postleft a, .postright a{
	  width: 100%;
	  float:none;
	  display:table;
	}

	.postleft img, .postright img{
	  display: table-cell;
	  height:auto;
	  float: none;
	  width:94%;
	}

	.postleft .pArea, .postright .pArea{
	  float: none;
	  display: table-cell;
	  vertical-align:top;
	  width:52%;
	  position:relative;
	}

	.postleft .pTitle, .postright .pTitle{
	  font-size: 14px;
	}

	.postleft .pTime,.postright .pTime{
	  font-size: 12px;
	  color: #8e8e8e;
	  float:none;
	  position:absolute;
	  bottom:24px;
	}

	.h__category{
	  margin-bottom: 10px;
	}
	
	.postleft .tenpotagu,
	.postright .tenpotagu{
	  float: none;
	  margin-top: 0px;
	  position:absolute;
	  bottom:0;
	  width:70%;
	  height:auto;
	  max-height:24px;
	}
	
	#postArea__bottom{
		margin-top:0px !important;
	}
	
	#schedule{
	  margin: 20px 0;
	  width:94%;
	  margin-left:auto;
	  margin-right:auto;
	}
	

	#header{
	  margin:0px;
	  margin-bottom:4px;
	}

	#header #logoarea{
	  float: left;
	  width:26%;
	  display:inline-block;
	  margin-left:37%;
	}
	
	#header #logoarea img{
		width:100%;
	margin-top: 16px;
	  margin-bottom:4px;
	}

	#header #snsMail{
	  display:none;
	}

	.pc-img {
		display:none;
	}
	.sp-img {
		display:none;
	}
	.sp-img2 {
		display:block;
	}
	.MenuHeader{
		display:none;
	}
	
	#header .menu-nav-container{
	  float: right;
	  margin-top: 0px;
	}
	
	.MenuContainer input{
		display:none;
	}
	
	.MenuContainer label.MenuIcon{
		width:26px !important;
		height:22px !important;
		display:block;
		float:right;
		margin-right:3%;
		margin-top:26px;
		background:transparent url(img/sp/sp_menu.png) no-repeat left top;
		background-size:cover;
	}

	nav.Menu{
		clear:both;
		display:none;
	}
	nav.Menu ul li{
		width:100%;
		
		display:block;
	}
	nav.Menu ul li:hover{
		
	}
	nav.Menu ul li a{
		color:#fff;
		width:96%;
		margin:0 auto;
		font-size:12px;
		padding-top:8px;
		line-height:18px;
		padding-bottom:8px;
		display:block;
		text-align:center;
		margin-bottom:1px;
		background:#999 url(img/sp/sp_menu_arrow.png) no-repeat 96% center;
	}
	
	nav.Menu ul li a:active{
		background:#656464 url(img/sp/sp_menu_arrow.png) no-repeat 96% center;
	}
	
	.sp-img {
		display:block;
		float:right;
		margin-top:20px;
	}
	
	#footer{
		width:94%;
		margin:0 auto;
	}
	
	#footer #logoarea{
	  float: left;
	  clear:both;
	  margin-top: 20px;
	  margin-bottom:20px;
	}
	
	#footer #snsMail{
	  margin-left: 0px;
	  margin-top: 40px;
	  margin-bottom: 0px;
	  float:right;
	}

	#footer #snsMail .snsMail__icon{
	  float: left;
	  height:20px;
	}

	#footer #snsMail .snsMail__icon2{
	  margin-left: 20px;
	  height:20px;
	  float: left;
	}
	#footer #copyright{
	  font-size: 10px;
	  text-align: center;
	  color: #696969;
	  margin-top: 20px;
	  margin-bottom:20px;
	  clear:both;
	}

	.opacity50{
		opacity:0.5;
	}
	
	.s__table__box__IN{
     border-right: none;
}

}



























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

	JAMD STUDIO at 170126_

----------------------------------------------------*/
.postleft {
    margin-bottom: 50px;
}
.week-schedule__list {
	margin: 10px 0;
	text-align: center;
}
@media screen and (max-width: 800px) {
.week-schedule__list {
	margin: 0;
	padding-bottom: 6px;
	text-align: left;
}

.week-schedule__list li + li {
	margin-top: 5px;
}
}