body {
font: 14px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
-webkit-text-size-adjust: 100%;
}
.logo{
margin:0;
padding:7px 0 3px 3px;
}
header {
margin:0 auto;
padding:0;
text-align:center;
border-top:1px solid #331b17;
}
header img { 
max-width:100%;  
height:auto;
margin:0;
padding:0; 
}

h1 {
font-size:75%;
font-weight:normal;
color:#777;
margin:0;
padding:5px 5px 0 5px;
}


#menu{
width:100%;
overflow:hidden;
/*position:relative;*/
margin:0;
}
#menu a:link {text-decoration:none;}
#menu a:visited {text-decoration:none;}
#menu a:hover {text-decoration:none;}

#menu li li {
	width: 250px;
}
#menu li li:last-child {
	border: none;
}

section {
margin-bottom:1em;
}

#wrap {
padding:10px;
}

h2 {
color:#3c201c;
margin-bottom:10px;
padding:5px;
border-top:1px solid #d1cac2;
border-bottom:1px solid #d1cac2;
background-color:#ebe8e5;
}
h3 {
background: url(../images/ico_title.png) left top no-repeat;
padding-left:5px;
color:#c11e1e;
margin:0;
min-height:23px;
}
p {
margin-bottom:1em;
}

.text{margin:0;padding:0;}
.text p{font-size:80%;color:#3c201c;}
.text img {max-width:100%;height:auto;margin:0;padding:3px;border:1px solid #CCC;}

aside {
background-color:#ebebeb;
border-radius:8px;
-webkit-border-radius:8px;
padding:10px;
}
aside p:last-child {
margin-bottom:0;
}

.submit{
display:block;
margin:5px auto 0 auto;
padding:7px 0 5px 0;
background-color:#e1e1e1;
background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e1e1e1));
border-radius:8px;
-webkit-border-radius:8px;
border:1px solid #CCC;
text-align:center;
color:#444444;
text-shadow:1px 1px 1px #fff;
text-decoration:none;
font-size:110%;
}
.submit:hover{
background: #666;
color:#fff;
text-shadow:1px 1px 1px #333;
}
.submit a:link {color:#444;text-shadow:1px 1px 1px #fff;text-decoration:none;}
.submit a:visited {color:#444;text-shadow:1px 1px 1px #fff;text-decoration:none;}
.submit a:hover {color:#fff;text-shadow:1px 1px 1px #333;text-decoration:none;}


.contact {
margin:30px 0 10px 0;
padding:7px;
font-weight:bold;
text-align:center;
color:#ffffff;
text-shadow:1px 1px 2px #a23634;
background-color:#c11e1e;
background:-webkit-gradient(linear, left top, left bottom, from(#c11e1e), to(#a23634));
border:1px solid #a23634;
}


#btnTop {
border-radius:5px;
-webkit-border-radius:5px;
background-color:#cbcccf;
background:-webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
width:7em;
font-size:85%;
text-align:center;
float:right;
margin-right:10px;
}
#btnTop a {
text-shadow:1px 1px 0 #ddd;
display:block;
padding:5px 0;
color:#444444;
text-decoration:none;
}
footer {
margin:0;
padding:8px 0 8px 0;
font-size:60%;
font-weight:normal;
text-align:center;
color:#3c201c;
font-weight: bold;
}


/* 電話 */

.tel{
font-size:180%;
font-weight:bold;
text-align:center;
}
.telcaption{
margin:-20px 0 5px 0;
padding:0;
font-size:75%;
text-align:center;
}


.link{
margin-bottom:0.5em;
padding:9px 0 6px 0;
font-size:75%;
color:#c39f86;
text-align:center;
border-top:1px solid #aaa;
}

.link a:link {color:#333;text-decoration:underline;}
.link a:visited {color:#333;text-decoration: underline;}
.link a:hover {color:#aaa;text-decoration:none;}

.center{text-align:center;}


.info {
padding:5px 5px 3px 5px;
margin:2em 0 0.1em 0;
color:#83761f;
border-left:5px solid #83761f;
}
table.spec {
width:100%;
border-collapse:collapse;
margin:0;
padding:0;
color:#3c201c;
}
table.spec th {
font-weight:normal;
padding:5px;
border-bottom:dotted 1px #3c201c;
border-right:dotted 1px #3c201c;
background-color:#ebe8e5;
white-space: nowrap;
}
table.spec td {
padding:5px;
border-bottom:dotted 1px #3c201c;
}

/* 文字装飾 */
.red{color:#be0c2d;}
.red120{font-weight:bold;color:#be0c2d;font-size:120%;}


/* バルーンオプション */

#balloon {
width:200px;
border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 15px #666;
-webkit-box-shadow:0 0 15px #666;
position:absolute;
background-color:rgba(231, 26, 91, 0.9);
padding:20px;
color:#fff;
line-height:1.5;
text-align:center;
}

#balloon p {
margin: 0;
}

/* clearfix */
.clearfix:after {
content:".";  /* 新しい要素を作る */
display:block;  /* ブロックレベル要素に */
clear:both;
height:0;
visibility:hidden;
}

.pictWrap {
width: 32%;
float: left;
margin-right: 1%;
}
.pictWrap img {
width: 100%;
}

.top-img { margin-bottom: 20px;}
.top-img img { width: 100%; }
.catch-copy { text-align: center; }

.goto-map{
	clear: both;
	position: relative;
	display: block;
	border: 1px solid #777;
	border-radius: 10px;
	color: white;
	text-align: center;
	padding: 5px 0;
	text-decoration: none;
	margin: 3px 0;
}
.goto-map a {
	display: block;
	text-decoration: none;
	color: #777;
}
#license, #contact { margin: 0 5px; }
#license li, #contact li {
	margin-left: 1em;
	list-style: disc;
	line-height: 1.3em;
}
#uchi-yoga, #office-yoga { margin-bottom: 30px;}


@media screen and (max-width: 38.75em) {
	.pc-content { display: none; }
	.menu-bar { display: none; }
	.btn {
	    background:transparent url(../sp_images/sp_btn.png) no-repeat 0 0;
	    display: block;
	    width:35px;
	    height: 35px;
	    position: absolute;
	    top:5px;
	    right:5px;
	    cursor: pointer;
	    z-index: 200;
	}
	.peke {
	    background-position: -35px 0;
	}
	.drawr {
	    display: none;
	    background-color:rgba(0,0,0,0.5);
	    position: absolute;
	    top: 0px;
	    right:0;
	    width:300px;
	    padding:60px 0 20px 20px;
	    z-index: 100;
	}
	#menu li {
	    width:280px;
	    list-style:none;
	}
	#menu li a {
	    color:#fff;
	    display: block;
	    padding: 10px;
	    font-size: 16px;
	}
	nav span {
	    color: #fff;
	    display: block;
	    padding: 10px;
	    font-size: 16px;
	}
	nav ul li ul {margin-left: 2em;}


}


@media screen and (min-width: 38.75em) {
	.mob-content { display: none; }
	a[href^="tel:"] { pointer-events: none; }
	#wrapper { width: 800px; margin:0 auto; }
	#menu { margin: 10px 0; }
	.drawr { display: none; }
	.menu-bar { 
	    border-bottom: solid 1px #aaa;
	    height: 35.2px;
	}
	nav { display: block; }
	nav ul { margin-left: 5%; }
	nav li{
	    width: 14%;
	    font-size: 85%;
	    text-align: center;
	    float: left;	
	    height: 35.2px;
	}
	nav li.active{
	    background-color:#3c201c;
	}
	nav li a{
	    padding:0.9em 0 0.8em 0;
	    display:block;
	    text-decoration:none;
	    color: #333;
	}
	nav li:first-child a{
	}
	nav li.active a{
	    color:#aaa;
	}
	nav li a:hover{
	    color:#aaa;
	}

	h1 { margin-bottom: 5px; }
	.split { width: 32%; float: left;}
	.split:nth-child(3n+2) { margin:0 2%; }
	.split2 { width: 64%; float: right; }
	.telcaption { display: none; }

	.top-img img { width: 100%; }
	.main-discript { width: 80%; margin: 0 auto; }

	.two-col { width: 48%; float: left; }
	.two-col:nth-child(2n+1) { margin-right: 4%; }
}