@charset "utf-8";
@media screen and (max-width: 640px) {
/*-------------------------------------------
all
-------------------------------------------*/
body {
    font: 100%/1.8 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#666;   
}

a{
  color:#004ea2;
  text-decoration:none;
  font-size:90%;
}

.pc{display: none;}

/*---------------▼共通▼----------------*/


.blc{
  border: 5px solid #efefef;
  padding: 10px;
  margin: 20px 0px;
}

.center{
  text-align: center;
}

h2{
  padding:10px;
  text-align: center;
}

/*-------------------------------------------
header
-------------------------------------------*/
#header{
  width: 100%;
}

#header h1{
  background: #00a0e9;
  color: #FFF;
  margin-bottom: 10px;
  padding:10px;
  font-size:80%;
  display:block;
}

#header h2,
.logo {
  text-align: center;
  margin: 10px;
  background: none;
}

.catch{
  text-align:center;
}

.menu{
  background: #7fcef4;
  color: #fff;
  padding: 5px 0px;
  display: block;
  margin: 15px 10px 20px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 120%;
}

ul.menu ul { display:none;}

.menu i{
 margin:0 10px;
}

ul.menu ul li:first-child{
  border-top:1px solid #fff;
}

ul.menu ul li{
  border-bottom:1px solid #fff;
}

ul.menu ul li:last-child{
  border-bottom:none;
}

ul.menu ul li a{
  display:block;
  padding:10px;
  font-size:80%;
  color:#fff;
  position:relative;
}

ul.menu ul li a::after{
  position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*-------------------------------------------
article
-------------------------------------------*/

/*---------------▼index▼----------------*/

h4{
  font-size: 120%;
  border-left: 5px solid #7fcef4;
  padding-left: 10px;
}

.gline{
  margin: 10px;
  font-size:90%;
}

/*-------greet--------*/

.welcome01{
  color: #439fd0;
  background: none;
  text-align: center;
  font-family: 'ＭＳ 明朝';
  font-size: 250%;
  line-height: 100%
}

.welcome02{
  display: block;
  font-size:70%;
  margin-top: 10px
}

#greet p,
#news p{
  padding:10px 0px;
}

/*-------promise------*/

.bg_blue{
  background: #7fcef4;
  color: #FFF;
  padding:10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom:20px;
  display:inline;
}

#promise h4,
#link h4,
#news h4{
  margin:10px 0 10px -10px;
  color: #439fd0;
  border: none;
  font-size: 120%;
}

#promise p{
  margin: 10px 0;
}

/*--------Link---------*/

#link p{
  margin-bottom: 20px;
}

/*---------------▼symptom▼----------------*/

.gline h4{
  font-size: 120%;
  border-left: 5px solid #7fcef4;
  padding-left: 10px;
  color: #00a0e9;
  margin-bottom:10px;
}

.gline02 h4{
  font-size: 120%;
  border-left: 5px solid #7fcef4;
  padding-left: 10px;
  color: #00a0e9;
  margin-bottom:10px;
}

#neck p,
#shoulder p,
#ticket p,
#caution p{
  padding:10px 0px;
}

/*---------------▼access▼----------------*/


.about td{
  background-color: #FFF;
  padding: 10px;
  border: 1px solid #9cc8e0;
}

iframe{
  width: 98%;
  height: 250px;
}

/*---------------▼price▼----------------*/

.menu_price td,
.pack td{
  text-align: center;
  background-color: #FFF;
  padding: 10px;
  border: 1px solid #9cc8e0;
  vertical-align:middle;
  font-size:90%;
}

/*------time--------*/

#time p{
  text-align: center;
  font-size:120%;
}

/*---------------▼guide▼----------------*/

.gline02{
    margin: 10px;
}

.gline02 p{ 
    padding:10px 0px;
    font-size:90%;
}

/*-------------------------------------------
footer
-------------------------------------------*/

.contact{
  background: #dff2fc;
  overflow: hidden;
  font-size:90%;
}

.inner{
  background: #fff;
  margin: 20px 15px;
  padding:20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding:10px;
}

.contact p,
.contact02 p,
#access p,
#reservation p{
  font-size:120%;
  padding:5px 10px; 
}

.bg_blue02{
  background: #7fcef4;
  color: #fff;
  text-align: center;
  padding: 5px 0px 5px 0px;
  display: block;
  margin: 10px 10px 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-size: 120%;
}

.orange_btn a{
  background: #fdae48;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #FFF;
  display: block;
  padding: 5px 10px;
  font-size: 130%;
  box-shadow:0 5px 0 #c27e2e;
}

.orange_btn a i{
 float:right;
 margin:0 10px; 
}

.pagetop a{
  display:block;
  background: #00a0e9;
  padding: 10px;
  color: #FFF;
  text-align: right;
}

.pagetop a i{
 margin:0 10px; 
}

#footer li a{
  color: #333;
  background: #efefef;
  padding: 10px;
  display: block;
  position: relative;
}

#footer li a::after{
  position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: 2px solid #c0c0c0;
    border-right: 2px solid #c0c0c0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#footer li{
  padding: 1px;
}

.copy{
  background: #00a0e9;
  padding: 10px;
  text-align: center;
  color: #FFF;
}

.school dl{
  border:5px solid #ccc;
  margin:10px;
  padding:10px;
  font-size:90%;
  line-height:180%;
  }
  .school dt{
    background:#efefef;
    padding:10px;
    margin:10px 0;
  }


  .school dl h4{
    margin:10px 0;
  }
}