@charset "utf-8"
  
body {
  margin:  0;
  padding: 0;
  color: #363740;
  background-color: #E7EAFF;
}

a { color: #b7a077; }
a:visited {color:  #a8a8a8; }
a:hover {
  color:  #988564;
  font-weight: bold;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { margin-top: 0; }

p {
  margin-top: 0;
  line-height: 1.6;
}

img { vertical-align:  bottom; }

#main h1 {
  background-image: url(../images/header_bg.jpg);
  padding: 30px 30px 30px 20px;
  font-size: 26px;
  border-bottom: solid 1px #8b7348;
}

header {
  width: 980px;
  margin: 0 auto;
}
#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden
}


#main {
  width: 970px;
  float: left;
  margin: 10px;
  padding: 10px
}


#oshirase {
  color: crimson;
  padding: 0 50px;
}


  /*連絡先*/

.contactus td{
    font-size: 1.5em;
    padding: 10px;
    color:firebrick;
    font-weight: bold;
    opacity: 0.7;
}
.contactus tr td{padding: 0 50px}

/*グローバルナビゲーション*/

#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li {
  width: 161px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
#global_navi ul li a {
  display: block;
  padding: 16px;
  background-color: #25288F;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s linear;
}
#global_navi ul li.current a {
  background-color: #2067FF;
}
#global_navi ul li a:hover {
  background-color: #4369E8;
}


/*フッター*/

footer {
  background-color: #4369E8;
  text-align: center
}
footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0;
}
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0:
}
footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
  
}
#breadcrum {font-size: smaller;}
#breadcrum ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#breadcrum ol li {display: inline;}
#breadcrum ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrum ol li:last-child::after {content: none;}

/*メインビジュアル*/

#main_visual {

}


/*スライドショー*/

#slideshow {
    position: relative;
    max-width:980px;
    margin: 0 auto;
    background: #ddd;
}
.slide {
    position: absolute  
}
.slide img {
    width: 100%;
    height: auto;
    opacity: 0;
    animation:imgTrans 24s infinite;
}
#slide1 img {
    animation-delay: 8s;
}
#slide2 img {
    animation-delay: 16s;
}
#slede3 img {
    animation-delay: 24s;
}
@keyframes imgTrans{
    0%{opacity: 0;}
    15%{opacity: 1;}
    30%{opacity: 1;}
    40%{opacity: 0;}
    100%{opacity: 0;}
}

/*診療内容*/

#main h3 {margin-bottom: 0}
#am  {
  margin: 30px 20px;
  padding: 10px
}
#am th {
  text-align: left;
  width: 4em;
}
#am td {
  padding: 5px
}
#pm  {
  margin: 30px 20px;
  padding: 10px;
  float: left
}
#urology {margin-bottom: 30px}
#urology table {margin: 0}
#kidney {margin-bottom: 30px}
#VA {margin-bottom: 30px}

}
#ope_us {
 float: right;
  margin: 0;
}

/*診療案内*/

#opentime th {
  text-align: center;
  width 5em;
}

.Table2 {
  border-collapse: collapse;
  margin-bottom: 20px;
}
.Table2 th,
.Table2 td {
  border: 1px solid #c7c7c7;
  padding: 8px;
  text-align: center;
 
}
.Table2 td{
  width: 70px;
  height: 40px
}

/*医療設備*/
#photos ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#photos ul li {
  width: 480px;
  margin: 0 50px 0 50px 0;
  padding: 20px px;
  border: solid 1px #ccc;
  float: left;
  text-align: center;
  font-weight: bold;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
#photos ul li:ntc-child(2n) {
  margin-right: 0;
}


/*アクセス*/
#accessmap {
  float: left;
  margin: 20px;
  
}
#access {
  margin: 20px;

}
/*院長プロフィール*/

#portlait {
  float: left;
  margin: 20px;
  overflow: hidden;
    
}
.shikaku {
  margin: 10px;
  overflow: hidden;
  padding: 10px;
}

#history {
  padding: 1px;
}
#history th {
  text-align: left;
  width: 7em;
  padding-top: 0;
}


@media screen and (max-width : 767px){
  img {
    max-width: 100%;
  }
  header,
  .contactus,
  #global_navi,
  #wrapper{
    width: 100%;
  }
  #global_navi ul li {
  width: 50%;
  padding: 0.5px;
  margin: 0;
  box-sizing: border-box;
 }
  .contactus {margin: 0;}
  .contactus tr th {
    padding: 1.5px;
    font-size: 0.7em;
    box-sizing: border-box;
  }
  .contactus tr td {
  padding: 1.5px;
  margin: 0;
  font-size: 0.8em;
  box-sizing: border-box;
 }
  #main {
    width: 100%;
    margin: 0;
    padding: 0 5%;
    box-sizing: border-box;
  }
  #main_visual {
    width: 100%;
    height: auto;
  }

  #opentime th {width 5em;}
  
  #portlait {
    float: none;
    margin: 0 0 11px 0;
  }
  #shinryo {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #am {
    width 100%;
    margin: 0;
    padding: 0;
  }
  #pm {
    width 100%;
    margin: 0;
    padding: 0 ;
    box-sizing: border-box;
  }
  #ope_us {
    float: none;
    margin: 0 ;
    text-align: center;
  }
}