html body{
font-size:90%;
padding: 0 0px 30px;
}

.main-navigation li {
  display: block;
  position: relative;
  border-bottom: 1px solid #e4e1dc;
}

#logo-area .tel {display:none;}
#mainvisual     {display:none;}

#masthead{display:none;}

.main-navigation a {
    
    color: #333;
    display: block;
    font-size: 100%;
    font-weight: normal;
    padding: 12px 24px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 1px #aaa, 0 0 1px #ccc, 0 0 1px #fafafa;

}

/* Text elements */
p {
  margin-bottom: 24px;
}

/*
330
5
5
800

 
 800
 340
1140
*/
.site {
  margin: 0 auto;
  max-width:1200px;
  width:100%;
}

.site-header {
}

.site-content {
  margin: 0px auto 0;
  width:100%;
}

  .content-area {
  }

/* =Header */
.site-header {
    background-color: #fff;
    border-radius: 20px;
    float: left;
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%;
    z-index: 1;
    box-shadow: 0 0 5px #aaa;
}



.site-footer {
  clear: both;
  color: #ada393;
  font-size: 0.8125em;
  line-height: 1.84615em;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 auto 0;
  padding: 0;
  text-align: center;
}
.site-header table {max-width:320px; font-size:15px;}

.hentry {
    background-color: #fff;
    box-shadow: 0 0 5px #aaa;
    padding: 30px 30px 200px;
    position: relative;
}







.margin-right{
  margin-right:5px;
}




/* Headings */
h1 {
  font-size: 320%;
  font-weight: bold;
  line-height: 1;
  margin: 20px 0;
}

h2 {
  color: #bd5532;

  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  margin: 24px 0;
}

#content h3 {
background: none repeat scroll 0 0 #30a68c;
    border-radius: 6px;
    color: #fff;
    font-size: 150%;
    /*font-weight: bold;*/
    line-height: 1;
    margin: 24px 0 24px 0;
    padding: 10px 15px;
}


#content .h3-2 {
background: none repeat scroll 0 0 #e96999;
    border-radius: 6px;
    color: #fff;
    font-size: 150%;
    /*font-weight: bold;*/
    line-height: 1;
    margin: 24px 0 24px 0;
    padding: 10px 15px;
}




h3 {
background: none repeat scroll 0 0 #30a68c;
    color: #fff;
    font-size: 150%;
    /*font-weight: bold;*/
    line-height: 1;
    margin: 0 0 5px 0;
    padding: 10px 15px;
}


h4 {
  color: #bd5532;

  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin: 24px 0;
}

h5 {
  color: #bd5532;

  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin: 24px 0;
}

h6 {
  color: #bd5532;

  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  margin: 24px 0;
}

h4,
h5,
h6 {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tel .number{display:none}
.tel img{margin-left: 13px; margin-top: 10px; width:270px;;}
.tel .text{text-align:center; font-size: 115%; margin-top:-5px;}







.links{text-align:center; margin:20px 0 40px 0;}



.links a:visited{
  
    background-color: #dad6c3;
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    color: #888;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.84615em;
    padding: 12px 24px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    margin: 5px ;
}
.links a{
  
    background-color: #dad6c3;
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.84615em;
    padding: 12px 24px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    margin: 5px ;
}

.links a:hover{
    background-color: #bcb697;
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.84615em;
    padding: 12px 24px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    margin: 5px ;
}

form div{ margin-bottom:20px;}
form  label  {
    clear: both;
    display: block;
    float: left;
    font-size: 120%;
    width: 200px;
}

form input[type="text"] {
    width: 500px;
}

form .center{text-align:center;}










  
  
  .midashi{font-size: 130%; color: #ff6600; margin-top:0;}
.midashi-h4{   
color: #ff6600;
font-size: 130%;
font-weight: normal;
line-height: 100%;
margin: 0 0 10px 1em;
}




table .hour{background-color:#cbe4d5;}

table .open{background-color:#fff; color:#30a68c;}

table tr:last-child{
  border-bottom:1px solid #999;
}
table td:first-child{
  padding-left:10px;
}

table .radius1{border-radius: 10px 0 0 0;}
table .radius2{border-radius: 0 10px 0 0;}
table .radius3{border-radius: 0 0 0 10px;}
table .radius4{border-radius: 0 0 10px 0;}

.openhour table td:not(:first-child){
  text-align:center;
}


.openhour {
  /* tables still need 'cellspacing="0"' in the markup */
  border-spacing: 0;
  border:2px solid #aaa;
  background-color:#fff;
  font-size:120%;
  border-radius: 10px;
}

.tate {width:150px;}
.yoko {width:202px;}





#nav-tablet{
  z-index:1000;
  background: none repeat scroll 0 0 #30a68c;
}

#nav-tablet ul {
    font-size: 13px;
    padding: 10px;
    color:#fff;
}

#nav-tablet li {
    color: #fff;
    display: table-cell;
    padding-right: 5px;
    vertical-align: middle;
}

#nav-tablet li:not(:first-child) {
    padding-left: 5px;
}
#nav-tablet li:not(:last-child) {
    border-right: 2px solid #eee;
}
#nav-tablet li {
    color: #fff;
    display: table-cell;
    padding-right: 5px;
    vertical-align: middle;
}

#nav-tablet li:not(:last-child) {
    border-right: 1px solid #b2cfc9;
}

#nav-tablet ul{margin-bottom:0;}



@media only screen
 and (max-width: 768px) {

  #nav-tablet li a{
    font-size:10px;
    color:#fff;
    font-weight:bold;
  }

}

@media only screen
 and (min-width: 769px) {

  #nav-tablet li a{
    font-size:14px;
    color:#fff;
  }

}

.home #content .entry-content h3 {
  font-size: 120%;
  font-weight: bold;
  margin: 1em 10px;
  border-radius: 30px;
  background-color:#e4e1dc;
  padding: 20px 20px;
  color:#555;
  
}
#device-tablet #logo-area {text-align:center; height:140px;}
#device-tablet #logo-area img {width:400px; padding-top:20px;}
#device-tablet #logo-area {background-image:none;}

#content table { font-size:95%;}

#logo-area{
background-image: url("http://yamatomura-dental.jp/images/top/visual/01.png");
height:200px;
  border-radius:20px 20px 0 0;
}

.site-header .header-image{

  display: block;
  margin: 0 auto 7px;
  position: relative;
  padding-top:20px;
  
}
  
#logo-area img{ width:280px;}


/* Small menu */
.menu-toggle {
  font-size: 1.625em;
  line-height: 1.84615em;
  background-color: #30a68c;
  clear: none;
  color: white;
  cursor: pointer;
  display: none;
  float: left;
  font-weight: bold;
  margin: 0;
  letter-spacing: 1px;
  padding: 3px 0 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 50%;
}

.site-content .tel tel{display:none;}

.entry-title2{font-size:150%; text-align:left; line-height:150%;}



.home .catch h2{
    color: #444;
    font-size: 190%;
    line-height: 130%;
    text-align:center;
    margin:0;
}
.home .catch section{   }
.home .catch section{padding:10px;}
.home .catch .text{
  color: #777;
  font-size: 95%;
  line-height: 130%;
}
.home .catch .contents{border: 2px dotted #333;
    color: #333;
    padding: 10px;}


#nav-tablet ul{margin:0;}

footer{margin:0;}

footer li{
      border-right: 1px solid #333;
    display: inline;
    font-size: 90%;
    list-style-type: none;
    margin: 0;
    padding-left: 2px;
    padding-right: 4px;
}

footer nav{
    background-color: #333;
    margin: 0 auto 10px;;
    padding: 20px;
    width: 100%;
}

footer nav ul{margin:0;}
.home .coution{text-align:center; width:100%; background-color:#f8c847; padding:15px;margin:30px 0;}
.home .coution article{font-size:200%; color:#dc1f00;}


.to-article-list{text-align:right;}
.to-article-list a{
   
    font-size: 130%;
    margin: 5px;
    padding: 15px;
    }