@import "reset.css";
@charset "UTF-8";

body {
color: #060606;
font-family: sans-serif;
text-align: justify;
text-justify: distribute;
}

body a{
color: #060606;
text-decoration: none;
}

body .container {
max-width: 900px;
margin: 0 auto;
}

body img{
display: block;
}

.pc {display: block;}
.mb {display: none;}

.pc-t {display: table;}
.mb-t {display: none;}


*, 
*:before, 
*:after { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} 





header .headertop {
border-top: 3px #476a8d solid;
border-bottom: 3px #e4e0da double;
}

header .container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

header .sitetitle {
width: 240px;
}
header .sitetitle img {
margin: 5px 0 0 5px;
}
header .sitetitle h1 {
padding: 5px 0;
}

header .information {
margin: 5px 0 0;
}
header .information p{
padding: 8px 0 5px;
text-align: right;
}
header .information p a:hover{
text-decoration: underline;
color: #2b2bff;
}
header .information .sns {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 240px;
padding: 5px 0 0;
}








header nav {
background: #ffd5d5;
}

nav #menu {
max-width: 900px;
margin: 0 auto;
}
nav #menu li {
width: 150px;
}

nav #menu {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

nav #menu li {
font-size: 95%;
text-align: center;
border-right: 1px #ffffff solid;
}
nav #menu li.home {
border-left: 1px #ffffff solid;
}
nav #menu li a{
display: block;
padding: 15px 0;
text-decoration: none;
color: #723838;
}
nav #menu li a:hover{
background: #fceded;
}
nav #toggle{ 
display: none;
}



h2 {
padding: 20px 0 25px;
font-size: 160%;
font-weight: bold;
}

section {
width: 75%;
margin: 0 auto;
}



#top .imgwrap {
padding: 70px 0 30px;
}
#top img {
width: 80%;
margin: 0 auto;;
}
#top .greet {
padding: 10px 0;
}
#top p {
padding: 20px 0;
line-height: 130%;
text-align: center;
font-size: 120%;
}




#coach section {
margin: 0 auto 30px;
}
#coach h3 {
padding: 10px 0 10px 10px;
font-size: 140%;
font-weight: bold;
border-left: 10px #555555 solid;
border-bottom: 1px #555555 solid;
}
#coach h4 {
margin: 10px 0 10px 20px;
padding: 10px 0;
font-weight: bold;
font-size: 140%;
border-top: 3px #f1b8b8 dashed;
border-bottom: 3px #f1b8b8 dashed;
}
#coach img {
float: left;
margin: 10px 50px 50px 20px;
}
#coach img.ken {
margin: 10px 50px 20px 20px;
}
#coach h5 {
padding: 10px 0 0 50px;
font-size: 110%;
line-height: 130%;
text-indent: -1em;
font-weight: bold;
color: #385572;
}
#coach p {
padding: 0 0 0 50px;
font-size: 110%;
line-height: 130%;
}



#fee h2 span {
padding: 0 0 0 30px;
font-size: 60%;
font-weight: normal;
}

#fee h3 {
padding: 12px 0 7px 10px;
font-size: 140%;
border-left: 20px #ea9595 solid;
}

#fee table {
margin: 0 20px 50px 20px;
line-height: 120%;
font-size: 120%;
}
#fee table th,
#fee table td {
border: 2px #ea9595 solid;
padding: 10px;
text-align: center;
vertical-align: middle;
}

#fee .nenkaihi table {
width: 80%;
}
#fee .nenkaihi table th {
padding: 20px 0;
width: 50%;
}


#fee .kojin table {
width: 95%;
margin: 0 0 50px 19px;
}
#fee .kojin table td.kojin-h3 {
padding: 0;
border-top: 0px #ea9595 solid;
border-left: 0px #ea9595 solid;
}
#fee .kojin table td.kojin-time {
padding: 5px 0 2px;
background: #dcf8dc;
}
#fee .kojin table td.coach {
width: 30%;
padding: 20px 0 20px 10px;
border-right: 0px #ffd5d5 solid;
border-top: 0px #ffd5d5 solid;
border-bottom: 0px #ffd5d5 solid;
text-align: left;
}
#fee .kojin table td.hand {
width: 40%;
padding: 20px 0 20px 10px;
border-left: 0px #ffd5d5 solid;
border-top: 0px #ffd5d5 solid;
border-bottom: 0px #ffd5d5 solid;
text-align: left;
}

#fee .kojin table td.top {
border-top: 2px #ea9595 solid;
}
#fee .kojin table td.bottom {
border-bottom: 2px #ea9595 solid;
}

#fee .takkyudai table {
width: 100%;
}
#fee .takkyudai table th {
width: 30%;
padding: 5px 10px;
background: #dcf8dc;
}
#fee .takkyudai table td {
padding: 20px 10px;
}
#fee .takkyudai table td.hitaiou {
border-top: 0px #ea9595 solid;
border-right: 0px #ea9595 solid;
border-bottom: 0px #ea9595 solid;
}

#fee .machine table {
width: 60%;
}
#fee .machine table th {
padding: 5px 10px;
background: #dcf8dc;
}
#fee .machine table td {
padding: 20px 10px;
}


#fee .fee-sonota h3 {
border-bottom: 2px #ea9595 solid;
}
#fee .fee-sonota img {
float: left;
margin: 15px 10px 10px 10px;
}
#fee .fee-sonota p {
padding: 20px;
line-height: 130%;
font-size: 120%;
}


#fee .fee-kyousitu-title {
margin: 50px auto 30px;
}
#fee .fee-kyousitu-title h3 {
margin: 10px auto;
padding: 12px 0 7px;
border: 2px #ea9595 solid;
background: #ffffaa;
font-size: 140%;
text-align: center;
}
#fee .fee-kyousitu-title p {
padding: 0 0 0 20px;
line-height: 130%;
font-size: 120%;
color: #dc4e4e;
}

#fee .fee-kyousitu p {
margin: -1px 0 40px 19px;
padding: 25px 0 20px;
width: 350px;
border: 2px #ea9595 solid;
text-align: center;
font-size: 120%;
}

#fee .katoyuka h3 span {
font-size: 70%;
}
#fee .katoyuka p {
width: 60%;
padding: 15px 0 13px;
line-height: 120%;
}



#access table {
margin: 20px 0;
width: 100%;
}
#access table th,
#access table td {
border: 1px #d4d4d4 solid;
line-height: 160%;
}
#access table th {
font-weight: bold;
text-align: center;
vertical-align: middle;
color: #552b2b;
background: #ffeaea;
}
#access table td {
border: 1px #d4d4d4 solid;
padding: 20px;
vertical-align: middle;
}

#access iframe {
margin: 20px 0;
width: 100%;
height: 600px;
border: 1px #ea9595 solid;
}


#schedule h3 {
padding: 20px 0 15px;
letter-spacing: 0.1em;
font-weight: bold;
text-align: center;
line-height: 120%;
font-size: 160%;
color: #ff2b2b;
background: #fceded;
}
#schedule img {
width: 100%;
margin: 0 auto 50px;
}


#contact p.hissu {
padding: 20px 0 0 5px;
text-indent: 0;
color: #dc4e4e;
}

#contact table {
margin: 0 auto;
width: 98%;
}
#contact th {
width: 30%;
background: #f8fafc;
}
#contact th,
#contact td {
padding: 10px;
font-size: 95%;
line-height: 130%;
border: 1px #7f7f7f solid;
text-align: left;
vertical-align: top;
}
#contact .send {
text-align: center;
}
#contact .sendtd {
background: #edf4fc;
}

#contact .mfjusyowrap {
padding: 2px 0 0 1em;
}
#contact textarea.mfjusyo {
width: 69%;
height: 3em;
}
#contact textarea.mftoi {
width: 70%;
height: 10em;
}



#thanks section {
padding: 0 0 500px 0;
}
#thanks h3 {
padding: 2px 2px 2px 2px;
font-weight: bold;
font-size: 120%;
line-height: 180%;
}
#thanks p {
padding: 2px 2px 2px 2px;
font-size: 110%;
line-height: 150%;
}



footer {
margin: 80px 0 0;
padding: 15px 0 15px 0;
background: #e2eaf1;
border-top: 3px #e4e0da double;
border-bottom: 7px #476a8d solid;
}

footer p {
padding: 5px 0 0;
font-size: 95%;
}
footer p.sitetitle {
font-size: 130%;
font-weight: bold;
}
footer p.sitetitle span {
padding: 0 0 0 15px;
font-size: 60%;
font-weight: normal;
}
footer p.cop {
padding: 10px 0 0 0;
font-size: 85%;
}



.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix {
min-height: 1px;
}