@charset "utf-8";
img.fluid-image {
  max-width: 100%;
}
area {
  border: none;
  outline: none;
}
@media print,screen and (min-width:769px) {
  .readmore, #index label, #index input, .contact-box, .topic-box, .sidenavi-sp, .sp-doctor-table, .sp-cont {
    display: none;
  }
  .demo {
    display: none !important;
  }
  .balls {
    width: 100%;
    height: auto;
  }
  body#index {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    background-image: url(../images/bg.png);
    background-repeat: repeat-x;
    line-height: 24px;
    -webkit-text-size-adjust: 100%;
    background-position: top;
  }
  body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    background-image: url(../images/bg2.png);
    background-repeat: repeat-x;
    line-height: 24px;
    -webkit-text-size-adjust: 100%;
    background-position: top;
  }
  #area {
    text-align: center;
    height: auto;
    width: 1080px;
    margin: 0 auto;
    padding: 0;
  }
  #wrapper {
    text-align: left;
    height: auto;
    width: 1020px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  #header-area {
    padding: 0px;
    height: auto;
    width: 100%;
    margin: 0 auto 4px;
    text-align: center;
    background-image: url(../images/bg.png);
    background-repeat: repeat-x;
  }
  #header {
    margin: 0;
    padding: 0;
    height: auto;
    width: 1020px;
    margin: 0 auto;
    text-align: left;
  }
  #header #first {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 10px;
    width: 1020px;
    text-align: center;
  }
  #header #first h1 {
    margin: 0px;
    padding: 0px;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    color: #FFF;
  }
  #header #logo {
    margin: 0px;
    padding: 0px;
    float: left;
		/*
    background-image: url(images/header.png);
		*/
    background-repeat: no-repeat;
    width: 50%;
    height: 155px;
  }
  #header #logo img {
    width: 100%;
    padding: 0px;
    margin: 15px 0 0;
  }
  /* 電話番号ボタン */
  .headbtn {
    float: right;
    width: 330px;
    height: 150px;
    margin: 10px 0 0 20px;
    text-align: right;
    padding: 0px;
  }
  .headbtn li {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    list-style: none;
  }
  .headbtn li a {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 330px;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .headbtn li:nth-of-type(2) img {
    height: 50px;
    display: block;
    margin-top: 0.5rem;
  }
  .headbtn li:nth-of-type(1) a {
    margin: 10px 0 0;
    height: 80px;
    background: url(../images/telephones2.png) no-repeat;
    background-size: 100% auto;
  }
  .headbtn2 {
    float: right;
    margin: 27px 0 0;
    padding: 0px;
    text-align: right;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .headbtn2 a {
    display: block;
    background: url(../images/yoyaku.png) no-repeat;
    background-size: 100% auto;
    width: 145px;
    height: 120px;
  }
  nav {
    width: 1020px;
    height: 50px;
    margin: 0;
    padding: 0;
  }
  nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  nav ul li {
    float: left;
    text-align: center;
    list-style: none;
    height: 50px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
  }
  nav ul li:nth-child(1) a {
    width: 110px;
    background: url(../images/hn1.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(1) a:hover {
    background: url(../images/hn1_over.png) no-repeat;
  }
  nav ul li:nth-child(2) a {
    width: 115px;
    background: url(../images/hn2.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(2) a:hover {
    background: url(../images/hn2_over.png) no-repeat;
  }
  nav ul li:nth-child(3) a {
    width: 115px;
    background: url(../images/hn3.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(3) a:hover {
    background: url(../images/hn3_over.png) no-repeat;
  }
  nav ul li:nth-child(4) a {
    width: 170px;
    background: url(../images/hn4.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(4) a:hover {
    background: url(../images/hn4_over.png) no-repeat;
  }
  nav ul li:nth-child(5) a {
    width: 180px;
    background: url(../images/hn5.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(5) a:hover {
    background: url(../images/hn5_over.png) no-repeat;
  }
  nav ul li:nth-child(6) a {
    width: 170px;
    background: url(../images/hn6.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(6) a:hover {
    background: url(../images/hn6_over.png) no-repeat;
  }
  nav ul li:nth-child(7) a {
    width: 160px;
    background: url(../images/hn7.png) no-repeat;
    background-size: 100% auto;
  }
  nav ul li:nth-child(7) a:hover {
    background: url(../images/hn7_over.png) no-repeat;
  }
  nav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    text-decoration: none;
    margin: 0;
    padding: 0;
  }
  nav ul li img {
    margin: 0;
    padding: 0;
  }
  #flash {
    height: 350px;
    width: 1020px;
    margin: 0 auto 18px;
    padding: 0px;
    text-align: left;
  }
  #flash #flash_area {
    margin: 0;
    padding: 0px;
    float: left;
    width: 720px;
    height: 350px;
  }
  #flash #news_box {
    margin: 0px;
    float: right;
    width: 300px;
    height: auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    background-color: #fffbb4;
  }
  #flash #news_box h3 {
    padding: 0px;
    height: 40px;
    color: #FFF;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
  }
  /* 当院からのお知らせ*/
  #news_area {
    width: 290px;
    ;
    height: 265px;
    margin: 10px 0 0;
    overflow: auto;
  }
  #news_area .date {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 10px;
    color: #999;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #news_area dt {
    font-size: 16px;
    color: #ff7e00;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    line-height: 20px;
    margin-left: 20px;
  }
  #news_area dd {
    margin-bottom: 20px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    line-height: 20px;
  }
  #news_area .read {
    font-size: 14px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
    margin: 0px;
  }
  #main .box .center {
    text-align: center;
  }
  #picture {
    padding: 0px;
    height: 150px;
    width: 1020px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
  }
  #slideshow {
    padding: 0px;
    height: 350px;
    width: 1020px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 37px;
    margin-left: auto;
  }
  #main .box .eqbox .three_pic {
    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
  }
  /* 担当医表（PC）*/
  .doctor-table {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
  }
  .doctor-table figure {
    margin: 0 !important;
    padding: 0;
  }
  .doctor-table p {
    font-size: 14px;
    margin: 0 !important;
    padding: 0;
  }
  .fatcell {
    height: 50px;
  }
  #main .box .eqbox .three_pic2 {
    padding: 0px;
    text-align: center;
    margin: 0px;
    float: left;
  }
  .sidenavi-pc {
    float: left;
    height: auto;
    width: 240px;
    margin: 0 20px 10px 0;
    padding: 0 0 40px;
  }
  .sidenavi-pc li {
    padding: 0px;
    margin: 0 0 10px;
    list-style: none;
  }
  .sidenavi-pc .fb-share-button {
    padding: 0px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 40px;
    text-decoration: none;
  }
  .marquee {
    width: 1020px;
    height: 22px;
    background-color: #663200;
    color: #FFF;
    padding: 0px;
    margin: 0 0 10px;
  }
  #main {
    margin: 0px;
    padding: 0px;
    float: right;
    height: auto;
    overflow: hidden;
    width: 760px;
  }
  #main h3 {
    width: 760px;
    height: 50px;
    clear: both;
    color: #fff;
    margin: 0 0 10px;
    padding: 12px 10px 10px 30px;
    font-size: 22px;
    letter-spacing: 0.1em;
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    background-image: url(../images/title.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  #main p {
    margin: 0 20px 20px;
  }
  #index #main {
    height: auto;
    margin: 0 0 20px;
    padding: 0 0 20px;
    overflow: hidden;
  }
  #index #main figure {
    margin: 0 auto 20px;
    padding: 0;
  }
  #index #main figure img {
    padding: 0;
  }
  #main .box {
    width: 758px;
    height: auto;
    overflow: hidden;
    border: 1px solid #CCC;
    padding: 20px 0;
    margin: 0 0 30px;
  }
  #main .box h3 {
    padding: 0px;
    margin: 0 20px 10px 20px;
    font-size: 18px;
  }
  #main .box .boxbox {
    background-color: #edeeeb;
    height: auto;
    width: 678px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    margin: 10px;
  }
  #main .box .eqbox .bottom10 {
    margin-bottom: 10px;
  }
  #main .box .eqbox .reservation_h4 {
    background-color: #edeeeb;
    text-align: center;
    width: 490px;
    color: #663200;
  }
  #main .box .eqbox #reservation_h4a {
    background-color: #0a85db;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
    float: left;
  }
  #main .box .eqbox #reservation_h4b {
    background-color: #ffff08;
    text-align: center;
    width: 420px;
    color: #663200;
    float: left;
  }
  #main .box .eqbox #reservation_h4c {
    background-color: #40a629;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
    float: left;
  }
  #main .box .eqbox #reservation_h4d {
    background-color: #00a2e5;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
    float: left;
  }
  #main .box .eqbox #reservation_h4e {
    background-color: #fba502;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
    float: left;
  }
  #main .box .eqbox .r0 {
    margin-right: 0px;
  }
  #main .box h4 {
    color: #77451A;
    padding: 0px;
    margin: 0 auto 20px !important;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    width: 718px;
    background-color: #FEE9CD;
  }
  #main .box h5 {
    color: #643206;
    padding: 0px;
    margin: 0 0 0 20px;
    font-size: 18px !important;
    font-weight: normal;
  }
  #main .box h6 {
    color: #FF9900;
    padding: 0px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
  }
  #main .box .red_h4 {
    color: #FF0000;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: normal;
  }
  #main .box p {
    padding: 0px;
    margin: 0 20px 20px;
  }
  #main .box .treatmentbox3 .orangebg {
    width: 500px;
    background-color: #F90;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
  }
  #main .box2 {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
  }
  #main .box2 .eqbox {
    background-image: url(images/info_body.png);
    background-repeat: repeat-y;
    background-position: top center;
    margin: 0;
    padding: 0;
    width: 760px;
    height: auto;
    overflow: hidden;
  }
  #main .box2 .eqbox p {
    padding: 0 20px;
    font-size: 130%;
    font-weight: bold;
    color: #ff0000;
    line-height: 1.4;
  }
  #main .box2 .eqbox .bottom10 {
    margin-bottom: 10px;
  }
  #main .box2 .eqbox .reservation_h4 {
    background-color: #edeeeb;
    text-align: center;
    width: 490px;
    color: #663200;
  }
  #main .box2 .eqbox #reservation_h4a {
    background-color: #0a85db;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
  }
  #main .box2 .eqbox #reservation_h4b {
    background-color: #ffff08;
    text-align: center;
    width: 420px;
    color: #663200;
  }
  #main .box2 .eqbox #reservation_h4c {
    background-color: #40a629;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
  }
  #main .box2 .eqbox #reservation_h4d {
    background-color: #00a2e5;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
  }
  #main .box2 .eqbox #reservation_h4e {
    background-color: #fba502;
    text-align: center;
    width: 420px;
    color: #FFFFFF;
  }
  #main .box2 .eqbox .r0 {
    margin-right: 0px;
  }
  /* 妙典さいとう耳鼻咽喉科の4つのこだわり（pc）*/
  .featurebox {
    width: 760px;
    height: auto;
    margin: 0 0 40px;
    padding: 89px 0 20px;
    overflow: hidden;
    background-image: url(../images/feature_h3.png);
    background-position: top center;
    background-repeat: no-repeat;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  #main .featurebox h3 {
    color: #FFFFFF;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
  }
  #main .featurebox h3 img {
    width: 760px;
    height: 95px;
    margin: 0;
    padding: 0;
  }
  #main .featurebox p {
    margin: 0 0 10px 25px;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    padding: 0px;
    float: left;
    list-style: none;
  }
  #main .featurebox div p {
    clear: both;
    width: 96%;
    text-align: right;
    font-size: 18px;
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
  /* トップページ ごあいさつ（pc） */
  #main .greeting-box {
    width: 760px;
    margin: 0 auto 20px;
    padding: 20px 0 20px;
    height: auto;
    overflow: hidden;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  #main .greeting-box h3 {
    width: 96%;
    margin: 0 auto 20px;
    padding: 7px 0 5px;
    text-align: center;
    color: #683403;
    font-size: 24px;
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    border: double 3px #fff;
    background-image: none;
    background-color: #ce9c78;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }
  .greeting-box img {
    float: right;
  }
  #main .greetingbox .drtable {
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 718px;
    font-size: 14px;
  }
  #main .greetingbox .drtable tr .drleft {
    width: 75px;
    text-align: right;
    padding-right: 10px;
  }
  #main .greetingbox {
    margin: 0 0 20px;
    padding-top: 20px;
    height: auto;
    overflow: hidden;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  #main .greetingbox h3 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    height: 40px;
    line-height: 40px;
  }
  #main .greetingbox p {
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
  }
  #main .greetingbox p.greettop {
    background-color: #ffff00;
    padding: 10px;
    font-weight: bold;
    margin: 0 20px 20px;
    width: 520px;
    font-size: 105%;
  }
  #main .greetingbox .halfbox {
    margin: 0px;
    height: auto;
    width: 250px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
  }
  #main .greetingbox .halfbox .lists li {
    list-style-type: circle;
  }
  #main .greetingbox .halfbox2 {
    margin: 0px;
    height: auto;
    width: 230px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 20px;
  }
  #main .greetingbox .halfbox .lists li {
    list-style-type: circle;
  }
  #main .box .w718table {
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    width: 718px;
    border-collapse: collapse;
  }
  #main .box .w718table tr td {
    border: 1px solid #CCC;
  }
  #main .box .w718table tr .left {
    width: 100px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #main .box .w718table tr .w100blue {
    width: 100px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #9CF;
  }
  #main .box .w718table tr .w100pink {
    width: 100px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FCC;
  }
  #main .box .w718table tr .right {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
  }
  #main .box .w718table tr .center {
    text-align: center;
  }
  #main .box .tabler tr .earwax_title {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #663200;
    font-size: 18px;
    color: #FFF;
  }
  #main .box .tabler tr .ba {
    background-color: #663200;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
  }
  #main .box .tabler tr .imgcell {
    width: 300px;
    margin: 0px;
    padding: 0px;
    background-color: #181A17;
  }
  #main .box .tabler tr .arrow {
    width: 100px;
    text-align: center;
    background-color: #CE9C78;
    font-size: 36px;
  }
  #main .box .tabler {
    padding: 10px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    width: 718px;
    border-collapse: collapse;
  }
  #main .box .tabler tr td {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #cccccc;
  }
  #main .box .tabler tr .center {
    text-align: center;
    padding-bottom: 30px;
  }
  #main .box .tabler tr th {
    background-color: #edeeeb;
    border: 1px solid #cccccc;
    font-weight: normal;
    text-align: center;
    padding: 10px;
  }
  #main .box .clinicpic_box {
    float: left;
    height: 460px;
    width: 350px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 0px;
  }
  #main .box .clinicpic_box img {
    margin: 0px;
    padding: 0px;
    float: left;
  }
  #main .box .clinicpic_box .names {
    float: left;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    width: 350px;
    background-color: #40A629;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: #FFF;
  }
  #main .box .clinicpic_box2 {
    height: auto;
    width: 718px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
  }
  #main .box .clinicpic_box2 .imgl {
    padding: 0px;
    float: left;
    width: 350px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  #main .box .clinicpic_box2 h4 {
    width: 718px;
    height: 40px;
    background-color: #40A629;
    color: #FFF;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  #main .box .clinicpic_box2 .text_box {
    float: right;
    width: 350px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main .box .clinicpic_box2 .text_box p {
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    padding: 0px;
  }
  #main .bottom30 {
    margin-bottom: 30px;
  }
  #main .box #timetable {
    padding: 0px;
    vertical-align: middle;
    font-size: 14px;
    width: 355px;
    height: 80px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    background-color: #FFF;
    border-collapse: collapse;
  }
  #main .box #timetable tr {
    margin: 0px;
    padding: 0px;
  }
  #main .box #timetable tr td {
    margin: 0px;
    padding: 0px;
    background-color: #FFF;
    text-align: center;
    color: #ED6D00;
    border: 1px solid #ddd7ca;
    font-weight: bold;
    vertical-align: middle;
  }
  #main .box #timetable tr th {
    margin: 0px;
    padding: 0px;
    background-color: #fba502;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #ddd7ca;
    font-weight: normal;
    vertical-align: middle;
  }
  #main .box #timetable tr .head {
    width: 110px;
    height: 30px;
    margin: 0px;
    background-color: #FBA502;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 1px solid #ddd7ca;
  }
  #main .box #timetable tr .time {
    width: 130px;
    height: 30px;
    margin: 0px;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 1px solid #ddd7ca;
    font-weight: normal;
    line-height: 30px;
    color: #000;
  }
  #main .box #timetable2 {
    padding: 0px;
    vertical-align: middle;
    font-size: 14px;
    width: 718px;
    height: 80px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    background-color: #FFF;
    border-collapse: collapse;
  }
  #main .box #timetable2 tr {
    margin: 0px;
    padding: 0px;
  }
  #main .box #timetable2 tr td {
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #39b54a;
    border: 1px solid #ddd7ca;
    font-weight: bold;
    vertical-align: middle;
    height: 40px;
  }
  #main .box #timetable2 tr th {
    margin: 0px;
    padding: 0px;
    background-color: #39b54a;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #ddd7ca;
    font-weight: normal;
    vertical-align: middle;
    height: 40px;
  }
  #main .box #timetable2 tr .head {
    width: 110px;
    height: 30px;
    margin: 0px;
    background-color: #39b54a;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 1px solid #ddd7ca;
    color: #FFF;
  }
  #main .box #timetable2 tr .time {
    width: 110px;
    height: 30px;
    margin: 0px;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 9px;
    border: 1px solid #ddd7ca;
    font-weight: normal;
    vertical-align: middle;
    color: #333;
  }
  #main .box .summarynumber1 {
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    background-image: url(images/icon1.png);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 80px;
    background-repeat: no-repeat;
  }
  #main .box .summarynumber2 {
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    background-image: url(images/icon2.png);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 80px;
    background-repeat: no-repeat;
  }
  #main .box .summarynumber3 {
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    background-image: url(images/icon3.png);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 80px;
    background-repeat: no-repeat;
  }
  #main .box .summarynumber4 {
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    background-image: url(images/icon4.png);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 80px;
    background-repeat: no-repeat;
  }
  #main .box #clinicname {
    font-size: 18px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  #main .box #telnumber {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #main .box .bottom10 {
    margin-bottom: 10px;
  }
  #main .box .bottom20 {
    margin-bottom: 20px;
  }
  #main .box .bottom30 {
    margin-bottom: 30px;
  }
  #main .box .bottomdotline {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
  }
  #main .box .lists {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 44px;
    font-size: 16px;
  }
  #main .box .lists li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    list-style-type: circle;
  }
  #main .box .treatmentlink {
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    text-align: right;
    width: 718px;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 0px;
    margin-bottom: 20px;
  }
  #main .box .number {
    margin-right: 20px;
    margin-left: 5px;
  }
  #main .box .number li {
    margin-bottom: 10px;
  }
  #main #trbox {
    padding: 0px;
    height: auto;
    width: 760px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  #main #trbox p {
    padding: 0px;
    float: left;
    width: 239px;
    height: 110px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  #main #trbox .r0 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  #main #topic {
    padding: 0px;
    height: auto;
    width: 760px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
  }
  #main #topic .disease {
    height: 320px;
    width: 175px;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  #main #topic .disease h4 {
    text-align: center;
    padding: 0px;
    line-height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: normal;
  }
  #main #topic .disease .disease-list {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease .disease-list li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(../images/yajirushi_g.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
  }
  #main #topic .disease .disease-list li a {
    color: #000000;
  }
  #main #topic .disease2 {
    height: 320px;
    width: 175px;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  #main #topic .disease2 h4 {
    text-align: center;
    padding: 0px;
    line-height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: normal;
  }
  #main #topic .disease2 .disease-list {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease2 .disease-list li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(../images/yajirushi_p.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    ;
  }
  #main #topic .disease2 .disease-list li a {
    color: #000000;
  }
  #main #topic .disease .disease-list2 {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease .disease-list2 li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(images/yajirushi_y.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
  }
  #main #topic .disease .disease-list2 li a {
    color: #000000;
  }
  #main #topic .disease3 {
    height: 320px;
    width: 175px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  #main #topic .disease3 h4 {
    text-align: center;
    padding: 0px;
    line-height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: normal;
  }
  #main #topic .disease3 .disease-list {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease3 .disease-list li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(images/yajirushi_o.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
  }
  #main #topic .disease3 .disease-list li a {
    color: #000000;
  }
  .ContTxtArea {
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    height: auto;
    padding: 0px;
  }
  #main .box .eqbox {
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    width: 718px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    overflow: hidden;
  }
  #main .box .eqbox p {
    line-height: 20px;
    margin: 0px;
    padding: 0px;
  }
  #main .box .eqbox .imgl {
    float: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #main .box .eqbox .imgr {
    padding: 0px;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  #main .box .eqbox h4 {
    padding: 0px;
    font-size: 18px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    line-height: 40px;
    color: #77451A;
    font-weight: normal;
    background-color: #FEE9CD;
  }
  #main .box .eqbox h5 {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
  }
  #main .box .eqbox .number {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  #main .box .eqbox .numbers {
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  #main .box .eqbox .numbers li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 25px;
    font-size: 16px;
  }
  #main .box .eqbox .lists {
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  #main .box .eqbox .lists li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 25px;
    font-size: 16px;
  }
  #main .box .treatmentbox .imgcell2 {
    padding: 0px;
    float: left;
    width: 250px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #main .box .treatmentbox {
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    width: 718px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    background-image: url(images/treatment_bg.png);
    background-repeat: no-repeat;
  }
  .greeting-box2 {
    height: auto;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    width: 680px;
    min-height: 260px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 30px;
    background-image: url(images/treatment_bg5.png);
    background-repeat: no-repeat;
  }
  .greeting-box3 {
    height: auto;
    padding-top: 10px;
    padding-right: 80px;
    padding-bottom: 20px;
    padding-left: 0px;
    width: 600px;
    min-height: 225px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 30px;
    background-image: url(images/treatment_bg7.png);
    background-repeat: no-repeat;
  }
  #main .box .treatmentbox p {
    line-height: 20px;
    margin: 0px;
    padding: 0px;
  }
  #main .box .treatmentbox .imgl {
    float: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #main .box .treatmentbox .imgr {
    padding: 0px;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  #main .box .treatmentbox h4 {
    padding: 0px;
    font-size: 18px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    background-color: #fee9cd;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    line-height: 40px;
    color: #77451A;
    font-weight: normal;
  }
  #main .box .treatmentbox h4 {
    font-weight: normal;
    margin: 0px;
    padding: 0px;
  }
  #main .box .treatmentbox .number {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  #main .box .treatmentbox .number li {
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 0px;
  }
  #main .box .treatmentbox .numbers {
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  #main .box .treatmentbox .numbers li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 25px;
    font-size: 18px;
  }
  #main .box .treatmentbox .serif {
    padding: 0px;
    margin-top: 33px;
    margin-right: 0px;
    margin-bottom: 45px;
    margin-left: 30px;
  }
  .greetingbox2 .serif {
    margin-right: 0px;
    margin-bottom: 45px;
    margin-left: 20px !important;
    width: 555px;
  }
  #main .box .treatmentbox2 .serif2 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
  }
  #main .box .treatmentbox2 .serif3 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 30px;
  }
  #main .box .treatmentbox2 .serif4 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 30px;
  }
  #main .box .treatmentbox2 {
    height: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    width: 718px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    background-image: url(images/treatment_bg2.png);
    background-repeat: no-repeat;
  }
  #main .box .treatmentbox2 p {
    margin: 0px;
    padding: 0px;
    text-align: left;
  }
  #main .box .treatmentbox2 .lists {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: left;
  }
  #main .box .treatmentbox2 .lists li {
    list-style-type: circle;
    font-size: 16px;
    margin-left: 25px;
    margin-bottom: 10px;
  }
  #main .box .aquabox {
    width: 710px;
    height: auto;
    overflow: hidden;
    margin: 20px 20px 30px;
    padding: 20px 0;
    border: 3px double #00a2e5;
    background-color: #e9f7fc;
    text-align: center;
  }
  #main .box .aquabox p {
    margin-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }
  #main .box .aquabox h4 {
    width: 660px;
    margin: 0 auto 20px;
    color: #FFF;
    background-color: #00A2E5;
  }
  #main .box .aquabox h5, #main .box .aquabox h6 {
    padding: 0px;
    width: 660px;
    margin: 0 auto 20px;
    padding: 10px;
    color: #FFF;
    font-size: 24px !important;
    border: double 3px #fff;
    background-color: #00A2E5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  #upper-respiratory-inflammation #main .box .aquabox h4 {
    width: 660px;
    margin: 0 auto 20px;
    color: #FFF;
    background-color: #00A2E5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #main .box .aquabox .lists {
    margin-left: 30px;
    text-align: left;
  }
  #main .box .aquabox .lists li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 16px;
  }
  #main .box .aquabox .numbers {
    text-align: left;
    margin-left: 20px;
  }
  #main .box .aquabox .numbers li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #main .box .aquabox .text14 {
    font-size: 14px;
  }
  #main .box .greenbox {
    margin: 20px 20px 30px;
    border: 5px double #23AC38;
    background-color: #f1faf3;
    text-align: center;
    padding: 20px 0;
    width: 710px;
  }
  #main .box .greenbox p {
    margin-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }
  #main .box .greenbox h4 {
    padding: 0px;
    width: 660px;
    margin: 0 auto 20px;
    color: #FFF;
    background-color: #23AC38;
  }
  #main .box .greenbox .lists {
    margin-left: 30px;
    text-align: left;
  }
  #main .box .greenbox .lists li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 16px;
  }
  #main .box .greenbox .text14 {
    font-size: 14px;
  }
  #main .box .orangebox {
    margin-top: 20px;
    margin-bottom: 30px;
    border: 5px double #FBA502;
    background-color: #fbf4e3;
    text-align: center;
    padding: 20px 0;
    width: 710px;
    margin-right: 20px;
    margin-left: 20px;
  }
  #main .box .orangebox p {
    margin-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }
  #main .box .orangebox h4 {
    padding: 0px;
    width: 660px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    color: #FFF;
    background-color: #FBA502;
  }
  #main .box .orangebox .text14 {
    font-size: 14px;
  }
  #main .box .treatmentbox3 {
    height: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 60px;
    padding-left: 0px;
    width: 718px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    background-image: url(images/treatment_bg3.png);
    background-repeat: no-repeat;
  }
  #main .box .treatmentbox3 p {
    padding: 0px;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
  }
  #main .box .treatmentbox6 {
    height: auto;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 60px;
    padding-left: 0px;
    width: 718px;
    min-height: 118px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 5px;
    background-image: url(images/treatment_bg6.png);
    background-repeat: no-repeat;
  }
  #main .box .treatmentbox6 p {
    padding: 10px 0 0;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    width: 600px;
  }
  #main .box .treatmentbox3 .serif3 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 30px;
  }
  #main .box .treatmentbox3 .imgl {
    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #main .box .treatmentbox4 {
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 718px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    background-image: url(images/treatment_bg4.png);
    background-repeat: no-repeat;
  }
  #main .box .treatmentbox4 h4 {
    padding: 0px;
    font-size: 18px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    background-color: #fee9cd;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    line-height: 40px;
    color: #77451A;
    font-weight: normal;
  }
  #main .box .treatmentbox4 p {
    padding: 0px;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
  }
  #main .box .treatmentbox4 .l0 {
    margin: 0px;
    padding: 0px;
  }
  #main .box .treatmentbox4 .serif {
    padding: 0px;
    margin-top: 33px;
    margin-right: 0px;
    margin-bottom: 45px;
    margin-left: 30px;
  }
  #footerArea {
    height: auto;
    width: 100%;
    text-align: center;
    background-color: #F4EBE4;
    margin: 0 auto;
    padding: 30px 0 0;
    border-top-style: solid;
    border-top-color: #663200;
    /**
		background-image: url(images/footer-bg.png);
		**/
    background-repeat: repeat-x;
  }
  footer {
    height: auto;
    width: 1020px;
    text-align: center;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
  }
  footer p {
    padding: 0;
    margin: 0;
    color: #663200;
  }
  footer p a {
    color: #663200;
  }
  .footerlogo {
    padding: 0px;
    float: left;
    margin: 0 20px 20px 0;
    text-align: left;
  }
  .footerlogo p {
    font-size: 12px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  .pagetop p {
    text-indent: -9999px !important;
  }
  .pagetop p a {
    margin: 0;
    padding: 0;
    width: 200px;
    height: 132px;
    display: block;
    background: url(../images/pagetop.png);
    float: right;
  }
  .footerlink {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .footerlink li {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    color: #663200;
  }
  .footerlink li a {
    color: #663200;
  }
  .In-preparation {
    font-size: 18px;
    color: #FFF;
    background-color: #999;
    width: 200px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
  }
  .bottom10 {
    margin-bottom: 10px;
  }
  .bottom20 {
    margin-bottom: 20px;
  }
  .bottom30 {
    margin-bottom: 20px;
  }
  .text12 {
    font-size: 12px;
  }
  .text14 {
    font-size: 14px;
  }
  .text16 {
    font-size: 16px;
  }
  .text18 {
    font-size: 18px;
  }
  p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
  }
  a {
    color: #77451A;
  }
  .zero {
    margin: 0px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
  }
  .imgl {
    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  .imgr {
    padding: 0px;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  img {
    margin: 0px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
  }
  #flash {}
  #flash-area {
    display: block;
    text-align: center;
    height: 350px;
    background-image: url(images/bg.png);
    background-position: center top;
    margin-top: 100;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
  }
  .underlayer {
    width: 100%;
    height: 150px;
    margin: 0 0 20px;
    padding: 35px 0 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/underlayer.png) no-repeat;
  }
  .underlayer h2 {
    font-size: 26px;
    letter-spacing: 0.1em;
  }
  #main .box #reservation_btn_area {
    padding: 0px;
    height: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #main .box #reservation_btn_area .left_res {
    padding: 0px;
    float: left;
    height: 200px;
    width: 349px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    background-repeat: no-repeat;
    display: block;
  }
  #main .box #reservation_btn_area .right_res {
    padding: 0px;
    float: left;
    height: 200px;
    width: 349px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    background-repeat: no-repeat;
    display: block;
  }
  #main .box #reservation_btn_area .left_res p, #main .box #reservation_btn_area .right_res p {
    margin: 0;
    padding: 0;
  }
  #main .box #reservation_btn_area a {
    display: block;
    height: 200px;
    width: 349px;
    line-height: 200px;
  }
  .reservation2-btn {
    display: none;
  }
  .copyright {
    width: 100%;
    font-size: 12px;
    text-align: center;
    clear: both;
  }
  /* クリニック概要 */
  .overview-box {
    width: 758px;
    height: auto;
    overflow: hidden;
    border: 1px solid #CCC;
    padding: 20px 15px;
		box-sizing: border-box;
    margin: 0 0 30px;
  }
  .overview-text {
    float: left;
		width: 360px;
  }
  .overview-box h4 {
    margin: 0 20px 18px 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
  }
  .overview-box h5 {
    display: none;
  }
  .overview-box p {
    font-size: 14px;
    margin: 0 0 8px 0 !important;
    padding: 0;
  }
  .overview-box p:nth-of-type(1) {
    margin-bottom: 0 !important;
  }
  /* 住所 */
  .overview-box p:nth-of-type(2) {
    font-size: 14px;
    padding: 2px 0 0 80px;
    height: 24px;
    line-height: 22px;
    background-image: url(../images/icon1.png);
    background-position: left;
    background-repeat: no-repeat;
  }
  /* 電話番号 */
  .overview-box p:nth-of-type(3) {
    font-size: 14px;
    padding: 2px 0 0 80px;
    height: 24px;
    line-height: 22px;
    background-image: url(../images/icon2.png);
    background-position: left;
    background-repeat: no-repeat;
  }
  /* 最寄り駅 */
  .overview-box p:nth-of-type(4) {
    font-size: 14px;
    padding: 2px 0 0 80px;
    height: auto;
    line-height: 22px;
    color: #f60 !important;
    background-image: url(../images/icon3.png);
    background-position: left;
    background-repeat: no-repeat;
  }
  /* 診療内容 */
  .overview-box p:nth-of-type(5) {
    font-size: 14px;
    margin-bottom: 20px !important;
    padding: 2px 0 0 80px;
    height: 24px;
    line-height: 22px;
    background-image: url(../images/icon4.png);
    background-position: left;
    background-repeat: no-repeat;
  }
  .overview-box #map {
    float: right;
    height: auto;
    width: 350px;
    margin: 0;
    padding: 0;
  }
  #main .h4box {
    height: auto;
    width: 678px;
    padding: 0;
    margin: 10px 10px 30px;
  }
  /* -----------------------------------------------------------
（PC用）医療理念ページ（philosophy.html）
----------------------------------------------------------- */
  #philosophy .box h4 {
    background-color: transparent !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    text-align: left !important;
    border-bottom: dotted 1px #ccc;
  }
  /* -----------------------------------------------------------
（PC用）医師紹介ページ（greeting.html）
----------------------------------------------------------- */
  #greeting h4 {
    font-size: 20px;
    margin: 0 0 0 20px;
    color: #643206;
  }
  .drtable {
    margin: 0 0 20px 20px;
    width: 550px;
  }
  /* 院長先生（資格・所属学会・校医） */
  .threecolumns-list {
    width: 100%;
    height: auto;
  }
  .threecolumns-list div {
    float: left;
    width: 32%;
    margin: 0 0 0 1%;
  }
  /* -----------------------------------------------------------
（PC用）当院の特徴的治療（feature.html）
----------------------------------------------------------- */
  .pic-list-3 {
    display: inline-block;
    margin: 10px 0 0 25px;
    padding: 0;
  }
  .pic-list-3:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
  .pic-list-3 li {
    list-style: none;
    float: left;
    margin: 0 15px 0 0;
    text-align: center;
  }
  .pic-list-3 li:nth-child(3) {
    margin: 0;
  }
  .pic-list-2 {
    display: inline-block;
    margin: 10px 0 0 127px;
    padding: 0;
  }
  .pic-list-2:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
  .pic-list-2 li {
    list-style: none;
    float: left;
    margin: 0 15px 0 0;
    text-align: center;
  }
  .pic-list-2 li:nth-child(3) {
    margin: 0 0 0 0;
  }
  #feature .pic-list-1 li {
    list-style: none;
    margin: 15px 0;
    text-align: center;
  }
  /* -----------------------------------------------------------
（PC用）診療時間 / アクセス（access.html）
----------------------------------------------------------- */
  #access .access-table {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #access .access-table td {
    width: 40%;
    height: auto;
  }
  #access .access-table td img {
    width: 100%;
  }
  #access .access-table .access-text {
    padding: 1% 0 5%;
    text-align: center;
    font-size: 130%;
  }
  /* -----------------------------------------------------------
（PC用）検査・処置費用（cost.html）
----------------------------------------------------------- */
  #cost #main .box h4 {
    background-color: transparent;
    text-align: left;
    font-size: 18px;
    padding: 0;
    margin: 0 20px 10px;
    border-bottom: dotted 1px #ccc;
  }
  #cost #main .box table tr th {
    background-color: #edeeeb;
    border: 1px solid #cccccc;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #cost #main .box table tr .cost1 {
    text-align: left;
    vertical-align: middle !important;
    padding: 10px;
  }
  #cost #main .box table tr .cost2 {
    text-align: right;
    width: 100px;
    padding-right: 10px;
  }
  #cost #main .box table tr .cost3 {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
  }
  #cost #main .box table tr .cost4 {
    text-align: right;
    width: 100px;
    background-color: #EDEEEB;
    padding-right: 10px;
  }
  /* -----------------------------------------------------------
（PC用）クリニック紹介（clinic.html）
----------------------------------------------------------- */
  #clinic .clinicpic_box2 img:nth-child(1) {
    padding: 0 17px 0 0;
  }
  /* -----------------------------------------------------------
（PC用）初めての方へ（first.html）
----------------------------------------------------------- */
  #first .box .eqbox {
    overflow: hidden;
  }
  #first .box .eqbox h4 {
    text-align: left !important;
    width: 300px !important;
    background-color: transparent;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    font-size: 18px;
    clear: none;
    border-bottom: none;
  }
  #first .box .eqbox h4:before {
    content: "◆";
    margin-right: 10px;
  }
  #first .box h4 {
    clear: both;
    text-align: left !important;
    background-color: transparent;
    margin: 0 0 10px 20px !important;
    padding: 0 !important;
    font-size: 18px;
    border-bottom: dotted 1px #ccc;
  }
  /*:::: 吹き出し::::*/
  .comment {
    overflow: hidden;
    width: 690px;
    margin: 0 40px 20px 30px;
  }
  .comment.cara0 {
    background: url(../images/treatment_cara0.png) right bottom no-repeat;
  }
  .comment.cara5 {
    background: url(../images/treatment_cara5.png) right bottom no-repeat;
  }
  .comment.cara7 {
    background: url(../images/treatment_cara7.png) right bottom no-repeat;
  }
  .comment .cara {
    width: 85px;
    height: auto;
    float: right;
  }
  .balloon {
    position: relative;
    display: inline-block;
    margin: 20px 0 50px;
    padding: 20px;
    width: 580px;
    max-width: 100%;
    min-height: 100px;
    color: #555;
    font-size: 16px;
    background: #f8f7ec;
    border: solid 3px #d1ceab;
    box-sizing: border-box;
    z-index: -90;
  }
  .balloon:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-left: 12px solid #f8f7ec;
    z-index: 2;
  }
  .balloon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -13px;
    border: 14px solid transparent;
    border-left: 13px solid #d1ceab;
    z-index: 1;
  }
  .balloon p {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* -----------------------------------------------------------
（PC用）よくある質問（faq.html）
----------------------------------------------------------- */
  #faq .faq_box h4 {
    background: url(../images/faq_title.png) top left no-repeat;
    background-color: transparent !important;
    width: 718px;
    height: 50px !important;
    font-weight: bold !important;
    color: #fff !important;
    text-align: left !important;
    margin: 20px !important;
    padding: 0 0 0 70px !important;
    font-size: 20px !important;
    line-height: 50px !important;
  }
  #faq .faq_box .line2 {
    background: url(../images/faq_title_2line.png) top left no-repeat;
    background-color: transparent !important;
    width: 718px;
    height: 90px !important;
    font-weight: bold !important;
    color: #fff !important;
    text-align: left !important;
    margin: 20px;
    padding: 20px 10px 0 70px !important;
    font-size: 20px !important;
    line-height: 120% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* -----------------------------------------------------------
（PC用）20分でわかる花粉症検査（hay-fever20.html）
----------------------------------------------------------- */
  #hay-fever20 .box h4 {
    text-align: left;
    background-color: transparent;
    margin: 0 20px;
    padding: 0;
    font-size: 18px;
    clear: none;
    border-bottom: none;
  }
  .youtube {
    position: relative;
    width: 720px;
    padding-top: 56.25%;
    margin: 0 20px;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  /* -----------------------------------------------------------
（PC用）にんにく・ビタミン注射（injection.html）
----------------------------------------------------------- */
  #main .box .vitaminarea {
    width: 718px;
    height: 640px;
    margin: 0 20px 20px;
    padding: 10px 0 0;
    background-image: url(../images/vitamine-area.png);
    background-repeat: no-repeat;
  }
  #main .box .vitaminarea .vitaminbox {
    float: left;
    height: 315px;
    width: 358px;
    padding: 0px;
    margin: 0px;
  }
  #main .box .vitaminarea .vitaminbox h4 {
    height: 40px;
    width: 318px;
    font-size: 20px;
    background-color: transparent;
    text-align: center;
    font-weight: bold;
    color: #663200;
  }
  #main .box .vitaminarea .vitaminbox p {
    line-height: 21px;
  }
  /* -----------------------------------------------------------
（PC用）花粉症とは（allergy.html）
----------------------------------------------------------- */
    /*:::: 吹き出し::::*/
  #allergy .comment {
    overflow: hidden;
    width: 690px;
    margin: 0 40px 20px 25px;
  }
  /* -----------------------------------------------------------
（PC用）患者さまの声（voice.html）
----------------------------------------------------------- */
  #main .box .eqbox .man {
    padding: 0px;
    font-size: 18px;
    margin: 0 0 10px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    line-height: 40px;
    color: #77451A;
    font-weight: normal;
    background-image: url(../images/h4_man.jpg);
    background-repeat: no-repeat;
    clear: both;
  }
  #main .box .eqbox .female {
    padding: 0px;
    font-size: 18px;
    margin: 0 0 10px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    line-height: 40px;
    color: #77451A;
    font-weight: normal;
    background-image: url(../images/h4_female.jpg);
    background-repeat: no-repeat;
    clear: both;
  }
  /* -----------------------------------------------------------
（PC用）めまいページ（vertigo.html）
----------------------------------------------------------- */
  #vertigo .picbox {
    height: auto;
    overflow: hidden;
    margin: 0 0 20px;
  }
  /* -----------------------------------------------------------
（PC用）耳鳴り・補聴器ページ（innitus.html） 
----------------------------------------------------------- */
  .hearing_aid_change {
    margin: 10px 0 !important;
    padding: 10px !important;
    border: solid 2px #2e74b5;
    color: #2e74b5;
    background-color: #deeaf6;
    font-weight: bold;
    text-align: center;
  }
  .bronchial-asthma_text {
    font-size: 130%;
    color: #FF0004;
    font-weight: bold;
  }
  /* -----------------------------------------------------------
（PC用）風邪外来ページ（cold_clinic.html）
----------------------------------------------------------- */
  .leftBox {
    float: left;
    width: 300px;
    text-align: left;
  }
  .leftBox h3 {
    width: 280px;
    background-image: none !important;
    background-color: #fde9ce;
    color: #75441f !important;
    margin: 0;
    padding: 10px 0 10px 10px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .leftBox p {
    margin: 0 0 0 20px !important;
    padding: 0;
  }
  .rightBox {
    float: right;
    width: 300px;
    text-align: left;
    margin: 0 10px 0 0;
  }
  .rightBox h3 {
    width: 280px;
    background-image: none !important;
    background-color: #fde9ce;
    color: #75441f !important;
    margin: 0;
    padding: 10px 0 10px 10px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .rightBox p {
    margin: 0;
    padding: 0;
  }
  .rightBox img {
    float: right;
    margin: 0 10px 0 0;
  }
  #cold_clinic .cold_clinic_special {
    margin: 0 0 20px !important;
    padding: 0 !important;
    width: 100%;
    text-align: center;
    line-height: 40px;
    background: none !important;
    background-color: #fde9ce !important;
    color: #75441f;
  }
  .cold_clinic_box {
    background: url(../images/cold_clinic_bg01.png) 0 0 no-repeat;
    padding-top: 250px !important;
  }
  /* -----------------------------------------------------------
（PC用）甲状腺疾患（thyroid-disease.html）
/* -----------------------------------------------------------
（PC用）気管支喘息・咳ぜんそく（bronchial-asthma.html）
--------------------------------------------------------------
（PC用）漢方外来（chinese-foreign.html）
----------------------------------------------------------- */
  #chinese-foreign .greeting-box p, #thyroid-disease .greeting-box p, #bronchial-asthma .greeting-box p {
    color: #fa0019;
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 5px;
  }
  /* -----------------------------------------------------------
（PC用）キッズクラブのご案内（kidsclub.html）
----------------------------------------------------------- */
  #main figure {
    width: 760px !important;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
  }
  .kidsclub-bnr {
    width: 760px;
    height: auto;
    margin: 0 0 30px;
  }
  .kidsclub-bnr figure {
    width: 760px !important;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
  }
  /* ----------------------------------------------------------- 
（PC用）求人のご案内（recruitment.html）
 ----------------------------------------------------------- */
  .mailform_box {
    width: 94%;
    haight: auto;
    margin: 0 auto;
  }
  #mailformpro dt {
    border: none !important;
  }
}
/*::::: /PC表示 ::::: */
@media screen and (max-width: 768px) {
  body {
    font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  }
  .pc-cont {
    display: none;
  }
  .balls {
    width: 92%;
    height: auto;
    margin: 0 4%;
  }
  .button_influenza {
    width: 96%;
    margin: 0 auto;
  }
  .button {
    margin: 10px auto 10px;
    padding: 0 11px;
  }
  .button img {
    max-width: 100%;
  }
  .button.frm {
    margin: 10px auto 5px;
    padding: 10px;
    border: 1px solid #6a3906;
  }
  .button.frm > a img {
    margin: 0 0 5px;
  }
  .text-center {
    text-align: center;
  }
  .headbtn, #news_box h3, .footerlogo, .footerlink {
    display: none;
  }
  .headbtn2 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .headbtn2 a {
    display: block;
    background: url(../images/s/reservation_fixed.gif)no-repeat;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 9% 0 !important;
    background-size: 100% auto;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
  }
  #navToggle {}
  .main_nav {}
  #header #first h1 {
    font-size: 8px;
    padding: 1%;
    text-align: center;
    background-color: #663200;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #logo img {
    width: 75%;
    height: auto;
    float: left;
    padding: 0 0 3%;
    margin: 1% 0 0 2%;
  }
  nav ul li a {
    margin: 0;
    padding: 10px;
    font-weight: bold;
    color: #663200;
    background-color: #fff;
  }
  nav ul li a:before {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-right: 10px;
  }
  #flash {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #flash_area {
    width: 100%;
    margin: 0 0 4%;
    padding: 48% 0 0;
    overflow: hidden;
    z-index: -1;
  }
  #flash_area img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .underlayer h2 {
    margin: 0 auto 5%;
    padding: 10% 0;
    letter-spacing: 0.2em;
    text-align: center;
    height: auto;
    background: url(../images/underlayer.png) top center repeat-y;
    background-size: 100% auto;
    font-size: 140%;
  }
  .marquee {
    width: 100%;
    height: 22px;
    background-color: #663200;
    color: #FFF;
    padding: 0px;
    margin: 0 0 10px;
    line-height: 22px;
  }
  #main h3 {
    clear: both;
    color: #fff;
    width: 92%;
    height: auto;
    margin: 0 auto 4%;
    letter-spacing: 0.1em;
    padding: 12px 10px 10px 20px;
    background-color: #663200;
    border: double 3px #fff !important;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  /* 電話予約とWEB予約（SP） */
  .contact-box {
    width: 92%;
    margin: 0 auto 4%;
    padding: 0;
    clear: both;
    overflow: hidden;
  }
  .contact-box li {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 2% 2% 0;
    text-align: center;
    list-style: none;
  }
  .contact-box li:nth-child(2) {
    margin: 0;
  }
  .contact-box li:nth-child(3) {
    width: 100%;
    margin: 0;
  }
  .contact-box li img {
    width: 100%;
    height: auto;
  }
  /* 当院からのお知らせ（SP） */
  #news_box {
    clear: both;
    padding: 0;
    width: 92% !important;
    height: auto;
    margin: 0 auto 4%;
    overflow: auto;
  }
  #news_area {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: auto;
  }
  #news_box dt {
    color: #ff7e10;
    margin: 0 0 5%;
    padding: 5% 0 0;
  }
  #news_box dt .date {
    color: #ccc;
    font-size: 12px;
  }
  #news_box dd {
    margin: 0;
    font-size: 14px;
    padding: 0 0 3%;
    text-decoration: none;
  }
  label {
    display: block;
    margin: 0 0 5%;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  label img {
    width: 100%;
  }
  input[type="checkbox"].on-off {
    display: none;
  }
  #news_area dl {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #news_area li {
    padding: 5px;
    list-style: none !important;
    text-decoration: none !important;
  }
  input[type="checkbox"].on-off + dl {
    height: 0;
    overflow: hidden;
  }
  input[type="checkbox"].on-off:checked + dl {
    height: 300px;
    overflow: auto;
  }
  /* 当院へのアクセス・当日順番予約・初めての方へ（SP） */
  .topic-box {
    width: 92%;
    margin: 0 auto 2%;
    padding: 0;
    clear: both;
    overflow: hidden;
  }
  .topic-box li {
    float: left;
    width: 31%;
    height: auto;
    margin: 0 3% 2% 0;
    text-align: center;
    list-style: none;
  }
  .topic-box li:nth-child(3) {
    margin: 0;
  }
  .topic-box li img {
    width: 100%;
    height: auto;
  }
  p {
    font-size: 14px;
    width: 96%;
    margin: 0 auto 5%;
  }
  /* 担当医表（SP） */
  .doctor-table {
    width: 92%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 4%;
  }
  .doctor-table figure {
    width: 100% !important;
    height: auto;
  }
  .doctor-table figure img {
    width: 100% !important;
    height: auto;
    background-color: #02FF7D;
    margin: 0;
  }
  .doctor-table p {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }
  .doctor-table p span {
    color: #FF0004
  }
  .fatcell {
    height: 30px;
  }
  /* 妙典さいとう耳鼻咽喉科の4つのこだわり（SP） */
  .featurebox {
    width: 92%;
    margin: 0 auto 4%;
    padding: 11% 0 5%;
    height: auto;
    overflow: hidden;
    background-size: 100%;
    background-image: url(../images/feature_h3.png);
    background-position: top center;
    background-repeat: no-repeat;
		background-position: center top 1px;
    background-size: 92%;
		border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .featurebox h3, .featurebox h3 img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }
  .featurebox p img {
    width: 45%;
    float: left;
    height: auto;
    margin: 0 0 3% 5%;
  }
  .featurebox div {
    padding: 0;
    text-align: right;
  }
  .featurebox div a {
    clear: both;
    color: #71441d;
    font-weight: bold;
    font-size: 12px;
  }
  /* トップページ ごあいさつ（SP） */
  #main .greeting-box {
    width: 92%;
    margin: 0 auto 4%;
    padding: 5%;
    height: auto;
    overflow: hidden;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  #main .greeting-box h3 {
    width: 100%;
    margin: 0 auto;
    padding: 3% 2% 2%;
    text-align: center;
    color: #683403;
    font-weight: bold;
    border: double 3px #fff;
    background-image: none !important;
    background-color: #ce9c78;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  #main .greeting-box figure {
    text-align: center;
  }
  #main .greeting-box figure img {
    width: 40% !important;
    height: auto;
    margin: 5% auto 0;
  }
  #main .greeting-box p {
    width: 100%;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 18px;
  }
  /* 水色帯の診療科目バナー（SP）*/
  #trbox {
    height: auto;
    overflow: hidden;
    margin: 0 0 4% 0;
  }
  #trbox p img {
    width: 45%;
    float: left;
    height: auto;
    margin: 0 0 3% 5%;
  }
  #trbox p:nth-child(even) img {
    margin: 0 0 3% 5%;
  }
  #trbox p:nth-child(5) img, #trbox p:nth-child(6) img {
    margin-bottom: 0;
  }
  /* クリニック概要（SP） */
  .overview-box {
    width: 92%;
    margin: 0 auto 4%;
    height: auto;
    overflow: hidden;
  }
  .overview-text {
    width: 100% !important;
    margin: 0 0 4%;
  }
  .overview-box h4 {
    margin: 0 0 4% 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
  }
  .overview-box p {
    font-size: 14px !important;
    margin: 0 0 5% 0 !important;
    padding: 0;
    line-height: 20px;
  }
  .overview-box p:nth-of-type(1) {
    margin-bottom: 2% !important;
  }
  .overview-box p:nth-of-type(6) img {
    width: 100%;
  }
  .overview-box p:nth-of-type(7) span {
    color: #FF0004 !important;
  }
  .overview-box h5 {
    width: 100% !important;
    background-color: #fba502;
    color: #663200;
    text-align: center;
    padding: 2% 4% 2% 0 !important;
    margin: 0 auto 2% !important;
  }
  .overview-box #map img {
    height: auto;
    width: 100%;
    margin: 0 auto 10%;
    padding: 0px;
  }
  /* 対象疾患について（SP） */
  .sidenavi-pc {
    display: none;
  }
  .sidenavi-sp {
    width: 92%;
    height: auto;
    margin: 0 auto 4%;
    padding: 0;
    overflow: hidden;
    clear: both;
  }
  .sidenavi-sp li {
    list-style: none;
  }
  .sidenavi-sp li img {
    width: 48%;
    float: left;
    height: auto;
    margin: 0 0 5% 0;
  }
  /* ドクターズファイル */
  .sidenavi-sp li:nth-child(1) img {
    width: 100%;
  }
  .sidenavi-sp li:nth-child(2) img {
    margin: 0 4% 5% 0;
  }
  .sidenavi-sp li:nth-child(3) img {
    margin: 0 0 5%;
  }
  .sidenavi-sp li:nth-child(4) img {
    margin: 0 4% 5% 0;
  }
  .sidenavi-sp li:nth-child(5) img {
    margin: 0 0 5%;
  }
  .sidenavi-sp li:nth-child(6) img {
    margin: 0 4% 5% 0;
  }
  .sidenavi-sp li:nth-child(7) img {
    margin: 0 0 5%;
  }
  .sidenavi-sp li:nth-child(8) img {
    margin: 0 4% 5% 0;
  }
  .sidenavi-sp li:nth-child(9) img {
    margin: 0 0 5%;
  }
  .sidenavi-sp li:nth-child(10) img {
    width: 100%;
  }
  .sidenavi-sp li.wide img {
    width: 100%;
  }
  /* SNS（SP） */
  .sidenavi-sp li img.sns {
    width: 20%;
    margin: 5% 0 20% 4%;
  }
  /* ページトップ（犬キャラクター）（SP） */
  .pagetop p {
    text-indent: -9999px !important;
    position: fixed;
    bottom: 13%;
    right: 2%;
  }
  .pagetop p a {
    margin: 0;
    padding: 22% 0 0;
    width: 23%;
    height: 0;
    display: block;
    background: url(../images/pagetop-sp.png) top center no-repeat;
    float: right;
    background-size: contain;
  }
  /* コピーライト（SP） */
  .copyright {
    width: 100%;
    padding: 10px 10px 20%;
    font-size: 12px;
    text-align: center;
    background-color: #662D2E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
  }
  .copyright a {
    color: #fff;
  }
  /* 縦2列（SP） */
  .disease, .disease2, .disease3 {
    width: 45%;
    float: left;
    height: auto;
    margin: 0 2.5% 3%;
  }
  .disease {}
  .disease2 {
    clear: both;
  }
  .disease3 {}
  .disease h4 img {
    width: 100%;
  }
  .disease2 h4 img {
    width: 100%;
  }
  .disease3 h4 img {
    width: 100%;
  }
  .sidenavi-sp {
    width: 94%;
    height: auto;
    margin: 0 auto 4%;
    overflow: hidden;
  }
  #main #topic {
    width: 92%;
    height: auto;
    margin: 0 auto 4%;
    overflow: hidden;
  }
  #main #topic .disease h4 {
    text-align: center;
    padding: 0px;
    line-height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: normal;
  }
  #main #topic .disease-list {
    margin: 0;
    padding: 0;
  }
  #main #topic .disease-list2 li {
    margin: 0 5% 0 0;
    list-style-type: none;
  }
  #main #topic .disease-list li {
    border-bottom: 1px dotted #333;
    margin: 0 0 2% 0;
    padding-bottom: 5px;
    list-style-type: none;
    background-image: url(../images/yajirushi_g.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
  }
  #main #topic .disease-list li a {
    color: #000000;
  }
  #main #topic .disease2 h4 {
    text-align: center;
    padding: 0px;
    line-height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: normal;
  }
  #main #topic .disease2 .disease-list {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease2 .disease-list li {
    border-bottom: 1px dotted #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(../images/yajirushi_p.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    ;
  }
  #main #topic .disease2 .disease-list li a {
    color: #000000;
  }
  #main #topic .disease .disease-list2 {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease .disease-list2 li {
    border-bottom: 1px dotted #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(../images/yajirushi_y.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
  }
  #main #topic .disease .disease-list2 li a {
    color: #000000;
  }
  #main #topic .disease3 h4 {
    text-align: center;
    padding: 0px;
    line-height: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: normal;
  }
  #main #topic .disease3 .disease-list {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #main #topic .disease3 .disease-list li {
    border-bottom: 1px dotted #333;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style-type: none;
    margin-left: 0px;
    background-image: url(../images/yajirushi_o.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
  }
  #main #topic .disease3 .disease-list li a {
    color: #000000;
  }
  #index #main figure {
    width: 92%;
    margin: 0 auto 4%;
  }
  #index #main figure img {
    width: 100%;
  }
  #map {
    width: 92%;
    margin: 0 auto;
  }
  #map img {
    width: 100%;
    margin: 0 auto;
  }
  /*トップページごあいさつ内の続きを読むボタン*/
  article {
    margin-top: 0;
  }
  article.readmore {
    max-height: auto;
    padding: 0;
    margin: 0;
  }
  .readmore-btn {
    display: block;
    width: 100%;
    padding: 10px;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
    color: #693508;
    text-decoration: none;
    text-align: center;
  }
  .close-btn {
    display: block;
    width: 100px;
    padding: 5px;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
    color: #693508;
    text-decoration: none;
    text-align: center;
  }
  /* プルダウン選択 担当医表テーブル（SP表示のみ） */
  .demo {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 14px;
  }
  .demo h3 {
    background-color: #40a629 !important;
    width: 92% !important;
    margin: 0 auto 2% !important;
    padding: 2% 0 !important;
  }
  .demo .dayframe {
    height: auto;
    overflow: hidden;
  }
  .demo table {
    width: 88%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 1%;
    border-collapse: collapse;
    padding: 2%;
    background-color: #339933;
  }
  .demo table thead th, .demo table thead td, .demo table tfoot th, .demo table tfoot td, .demo table tbody th, .demo table tbody td {
    padding: 5px;
    vertical-align: middle;
    background-color: #fff;
    border: solid 1px #339933;
  }
  .demo table thead th {
    background-color: #339933;
    color: #fff;
  }
  .demo table tbody th {
    border: solid 1px #339933;
    background-color: #d4ffd4;
  }
  /* 下記のプルダウンから日付を選択してください。 */
  .demo label {
    width: 91%;
    font-size: 13px;
    text-align: right;
    margin: 0 auto;
  }
  /* プルダウン */
  .demo .focus {
    margin: 2% 5% 0 0;
    float: right;
    font-size: 18px;
    background-color: #fff;
  }
  .box {
    width: 92%;
    height: auto;
    margin: 0 auto 10%;
    padding: 0;
  }
  .box p {
    width: 100%;
    line-height: 120%;
    margin: 0 0 5%
  }
  #main .box .eqbox {
    height: auto;
    overflow: hidden;
    margin: 0 0 10%;
  }
  #main .box .eqbox .numbers {
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  #main .box .eqbox .numbers li {
    padding: 0px;
    margin: 0 0 10px 25px !important;
    font-size: 16px;
  }
  #main .box .lists {
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  #main .box .lists li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 25px !important;
    font-size: 16px;
  }
  #main .box .eqbox h5 {
    margin: 0 0 5%;
    color: #643206;
  }
  #main .box .eqbox h6 {
    margin: 0 0 0 0;
    color: #fb9823;
  }
  #main .box .aquabox {
    width: 96% !important;
    height: auto;
    overflow: hidden;
    margin: 0 auto 30px;
    padding: 20px 0;
    border: 3px double #00a2e5;
    background-color: #e9f7fc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #main .box .aquabox p {
    width: 96%;
    margin: 0 auto;
  }
  #main .box .aquabox h5, #main .box .aquabox h6 {
    padding: 0px;
    width: 96%;
    margin: 0 auto 20px;
    padding: 10px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    border: double 3px #fff;
    background-color: #00A2E5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
  }
  #main .box .aquabox ol {
    text-align: left;
    padding: 0px;
    margin: 2% 5% 2% 12%;
    font-size: 16px;
  }
  #main .box .aquabox .lists {
    text-align: left;
  }
  #main .box .aquabox .lists li {
    padding: 0px;
    margin: 0 5% 3% 12%;
    font-size: 16px;
  }
  #main .box h5 {
    margin: 0 0 5% 0;
    line-height: 120%;
  }
  #main .box ul .lists {
    margin: 0 0 2% 7%;
  }
  #main .box ol .numbers {
    margin: 0 0 2% 7%;
  }
  #main .box .greenbox {
    margin: 20px auto 30px;
    border: 5px double #23AC38;
    background-color: #f1faf3;
    text-align: center;
    padding: 20px;
    width: 96%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #main .box .greenbox p {
    font-size: 16px;
    margin: 10px;
    text-align: left;
  }
  #main .box .greenbox h4 {
    padding: 0px;
    width: 660px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    color: #FFF;
    background-color: #23AC38;
  }
  #main .box .greenbox .lists {
    margin-left: 30px;
    text-align: left;
  }
  #main .box .greenbox .lists li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    font-size: 16px;
  }
  #main .box .greenbox .text14 {
    font-size: 14px;
  }
  #main .greetingbox {
    width: 92%;
    margin: 0 auto 20px;
    padding-top: 20px;
    height: auto;
    overflow: hidden;
    border: double 3px #693508;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  #main .greetingbox p {
    margin: 0 auto;
  }
  .w30 img {
    width: 30%;
    height: auto;
  }
  .box {
    width: 92%;
    height: auto;
    margin: 0 auto 10%;
    padding: 0;
  }
  .box p {
    width: 100%;
    line-height: 120%;
  }
  .box h4 {
    margin: 0 0 2% 0;
  }
  .box .h4box {
    height: auto;
    overflow: hidden;
    margin: 0 0 10% 0;
    line-height: 120%;
  }
  .imgl {
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  .imgr {
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  figure {
    width: 60%;
    margin: 0 auto 5% !important;
  }
  figure img {
    width: 100%;
  }
  /* -----------------------------------------------------------
（SP表示）医療理念ページ（philosophy.html）
----------------------------------------------------------- */
  #philosophy .box h4 {
    background-color: transparent;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    color: #8c451a;
  }
  /* -----------------------------------------------------------
（SP用）医師紹介ページ（greeting.html）
----------------------------------------------------------- */
  #greeting .imgl, #greeting .imgr {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #greeting .imgr img {
    width: 35%;
    height: auto;
  }
  #greeting .imgl img {
    width: 70%;
    height: auto;
    padding: 20px 0 0;
  }
  #greeting .imgr img {
    width: 35%;
    height: auto;
  }
  #greeting .heading img {
    width: 100% !important;
    background-color: #3924BF;
  }
  #greeting h4 {
    font-size: 18px;
    color: #643206;
    margin: 20px 0 10px;
  }
  #greeting .greeting-box li {
    list-style: none;
    line-height: 120%;
    font-size: 90%;
  }
  .drtable {
    margin: 0;
    width: 100%;
    font-size: 14px;
  }
  .drtable .drleft {
    width: 80px;
    padding-bottom: 20px;
  }
  .threecolumns-list div ul {
    width: 100;
    height: auto;
    margin: 0 0 0 20px;
  }
  .threecolumns-list div li {
    margin: 0 0 5px;
  }
  .greeting-box .comment {
    padding-bottom: 60%;
  }
  /* -----------------------------------------------------------
（SP表示）当院の特徴的治療（feature.html）
----------------------------------------------------------- */
  .pic-list-3 {
    display: inline-block;
  }
  .pic-list-3:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
  .pic-list-3 li {
    list-style: none;
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
    text-align: center;
  }
  .pic-list-3 li img {
    width: 100%;
    height: auto;
  }
  .pic-list-2 {
    display: inline-block;
  }
  .pic-list-2:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
  .pic-list-2 li {
    list-style: none;
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
    text-align: center;
  }
  .pic-list-2 li img {
    width: 100%;
    height: auto;
  }
  .pic-list-2 li:nth-child(3) {
    margin: 0 0 15px 0;
  }
  sp-r0 {
    margin: 0 !important;
  }
  #feature .pic-list-1 {
    margin: 0 auto;
  }
  #feature .pic-list-1 li {
    list-style: none;
    width: 46%;
    height: auto;
    margin: 0 auto;
  }
  #feature .pic-list-1 li img {
    width: 100%;
    height: auto;
  }
  .reservation-btn {
    margin: 5% auto !important;
    width: 94%;
  }
  .reservation-btn img {
    margin: 0 auto;
    width: 100%;
  }
  .box h4 {
    background-color: #fde9ce;
    margin: 0 0 5%;
    padding: 3%;
    line-height: 130%;
  }
  .fluid-image {
    max-width: 100%;
  }
  /* -----------------------------------------------------------
（SP表示）当院の特徴的治療（access.html）
----------------------------------------------------------- */
  #access .access-table {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #access .access-table td {
    width: 40%;
    height: auto;
    padding: 0 0.1rem;
  }
  #access .access-table td img {
    width: 100%;
  }
  #access .access-table .access-text {
    padding: 1% 0 5% !important;
  }
  /* -----------------------------------------------------------
（SP表示）検査・処置費用（cost.html）
----------------------------------------------------------- */
  #cost #main .box h4 {
    background-color: transparent;
    text-align: left;
    font-size: 16px;
    padding: 0;
    margin: 0 0 10px;
    border-bottom: dotted 1px #ccc;
    color: #75451e;
  }
  #cost #main .box table {
    width: 100%;
    margin: 0 0 2% !important;
  }
  #cost #main .box table th {
    padding: 2% 0;
    text-align: center;
    background-color: #EDEEEB;
  }
  #cost #main .box table th, #cost #main .box table td {
    border: solid 1px #ccc;
    vertical-align: middle !important;
  }
  #cost #main .box table tr .cost1 {
    vertical-align: middle !important;
    padding: 10px;
  }
  #cost #main .box table tr .cost2 {
    text-align: center;
    vertical-align: middle !important;
    width: 25%;
  }
  #cost #main .box table tr .cost3 {
    padding: 1%;
    border: none;
    vertical-align: middle !important;
  }
  #cost #main .box table tr .cost4 {
    text-align: center;
    background-color: #EDEEEB;
    vertical-align: middle !important;
    width: 25%;
  }
  #cost #main .box p {
    text-align: left;
  }
  /* -----------------------------------------------------------
（SP表示）クリニック紹介（clinics.html）
----------------------------------------------------------- */
  #clinic .clinicpic_box p, #clinic .clinicpic_box2 p {
    float: right;
    height: auto;
    overflow: hidden;
    margin: 0px;
    padding: 2% 0 5%;
  }
  #clinic .clinicpic_box img, #clinic .clinicpic_box2 img {
    width: 99%;
    margin: 0 0 0 1px;
  }
  #clinic .names {
    background-color: #46a631;
    width: 93%;
    margin: 0 0 0 1px;
    color: #fff;
    text-align: center;
  }
  #clinic .clinicpic_box p, #clinic .clinicpic_box2 p {
    margin: 0;
  }
  /* -----------------------------------------------------------
当日順番予約（reservation.html）
----------------------------------------------------------- */
  #main .box #reservation_btn_area .left_res, #main .box #reservation_btn_area .right_res {
    float: left;
    width: 48%;
    height: auto;
    margin: 0 1% 10%;
    padding: 0px;
    background-repeat: no-repeat;
  }
  #main .box #reservation_btn_area .left_res img, #main .box #reservation_btn_area .right_res img {
    width: 100%;
    height: auto;
  }
  /* -----------------------------------------------------------
（SP表示）当日順番予約（reservation2.html）
----------------------------------------------------------- */
  .reservation2-btn a {
    display: block;
    width: 100%;
    padding: 10px;
    border: solid 3px #fde3bc;
    background-color: #f7a425;
    color: #fff;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
  }
  .reservation2-btn a:before {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-right: 10px;
  }
  /* -----------------------------------------------------------
（SP用）初めての方へ（first.html）
----------------------------------------------------------- */
  #first .eqbox {
    overflow: hidden;
    margin: 0 0 5%;
  }
  #first .eqbox .imgl {
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  #first .eqbox .imgr {
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  /*:::: 吹き出し::::*/
  .comment {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 5%;
    /*:::: 院長イラストと吹き出しの距離::::*/
    padding-bottom: 200px !important;
  }
  .comment.cara0 {
    background: url(../images/treatment_cara0.png) center bottom no-repeat;
  }
  .comment.cara5 {
    background: url(../images/treatment_cara5.png) center bottom no-repeat;
  }
  .comment.cara7 {
    background: url(../images/treatment_cara7.png) center bottom no-repeat;
  }
  .balloon {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 3%;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #f8f7ec;
    border: solid 3px #d1ceab;
    box-sizing: border-box;
    z-index: -1;
  }
  .balloon:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #f8f7ec;
    z-index: 2;
  }
  .balloon:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #d1ceab;
    z-index: 1;
  }
  .balloon p {
    margin: 0;
    padding: 0;
  }
  #download {
    width: 100%;
  }
  #download2 {
    width: 100%;
  }
  /* -----------------------------------------------------------
（SP表示）よくある質問（faq.html）
----------------------------------------------------------- */
  #faq .faq_box h4 {
    background-color: transparent !important;
    width: 100%;
    height: auto !important;
    font-weight: bold !important;
    font-size: 100%;
    border: solid 2px #23ac38;
    color: #23ac38 !important;
    text-align: left !important;
    padding: 4% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #faq .faq_box li {
    margin: 0 0 3% 7%;
  }
  /* -----------------------------------------------------------
（SP表示）20分でわかる花粉症検査（hay-fever20.html）
----------------------------------------------------------- */
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  /* -----------------------------------------------------------
（SP表示）患者さまの声（voice.html）
----------------------------------------------------------- */
  #voice .box .eqbox .man {
    background-color: #ecf8ff;
  }
  #voice .box .eqbox .female {
    background-color: #fff1f1;
  }
  .picbox, #voice .box .eqbox img {
    width: 98%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
  #innitus .picbox img {
    width: 98%;
    height: auto;
    margin: 0 auto;
    text-align: center;
  }
  /* 外耳炎ページ（otitis-externa.html） */
  #otitis-externa .eqbox .imgr img {
    width: 94%;
    text-align: center;
    margin: 0 auto 20px;
  }
  #otitis-externa .tabler {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #otitis-externa .tabler th {
    background-color: #643206;
    padding: 10px 0;
    color: #fff;
  }
  #otitis-externa .tabler .imgcell {
    width: 40%;
    height: auto;
  }
  #otitis-externa .tabler .arrow {
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
  }
  #otitis-externa .tabler img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #earwax .tabler {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  #earwax .tabler th {
    background-color: #643206;
    padding: 10px 0;
    color: #fff;
  }
  #earwax .tabler .imgcell {
    width: 40%;
    height: auto;
  }
  #earwax .tabler .arrow {
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
  }
  #earwax .tabler img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  /* 耳鳴り・補聴器ページ（innitus.html） */
  .hearing_aid_change {
    width: 100%;
    margin: 10px 0 !important;
    padding: 10px !important;
    border: solid 2px #2e74b5;
    color: #2e74b5;
    background-color: #faf4e4;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  /* 上気道炎ページ（upper-respiratory-inflammation.html） */
  #upper-respiratory-inflammation #main .box .aquabox h4, #influenza #main .box .aquabox h4 {
    background-color: #00A2E5;
    width: 84%;
    margin: 0 auto 5%;
    color: #fff;
    text-align: center;
  }
  #upper-respiratory-inflammation #main .box .aquabox p {
    width: 92%;
  }
  #upper-respiratory-inflammation #main .box .greenbox h4 {
    background-color: #30ad3d;
    width: 94%;
    margin: 0 auto 5%;
    color: #fff;
    padding: 3%;
  }
  #upper-respiratory-inflammation #main .box .orangebox h4 {
    background-color: #f7a425;
    width: 94%;
    margin: 0 auto 5%;
    color: #fff;
  }
  #upper-respiratory-inflammation #main .box .greenbox ul {
    margin: 0 0 0 0;
  }
  #upper-respiratory-inflammation #main .box .aquabox .text14 {
    margin: 0 20% 0 5% !important;
    font-size: 14px;
  }
  #upper-respiratory-inflammation #main .box .greenbox p {
    margin: 0 0 0 0;
  }
  #upper-respiratory-inflammation #main .box .orangebox {
    margin: 20px auto 30px;
    border: 5px double #f7a425;
    background-color: #faf4e4;
    text-align: center;
    padding: 20px;
    width: 96%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #upper-respiratory-inflammation #main .box .orangebox p {
    font-size: 16px;
    text-align: left;
  }
  /* -----------------------------------------------------------
（SP用）甲状腺疾患（thyroid-disease.html）
/* -----------------------------------------------------------
（SP用）気管支喘息・咳ぜんそく（bronchial-asthma.html）
----------------------------------------------------------- *
（SP用）漢方外来（chinese-foreign.html）
----------------------------------------------------------- */
  #chinese-foreign .greeting-box p, #thyroid-disease .greeting-box p, #bronchial-asthma .greeting-box p {
    color: #fa0019;
    font-weight: bold;
    font-size: 130% !important;
    line-height: 140% !important;
  }
  /* ----------------------------------------------------------- 
（SP用）甲状腺疾患（thyroid-disease.html）
 ----------------------------------------------------------- */
  #recruitment .box .tabler {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
  }
  #recruitment .box .tabler tr td {
    font-size: 14px;
    border: 1px solid #cccccc;
    padding: 10px;
  }
  #recruitment .box .tabler tr .center {
    text-align: center;
    padding-bottom: 30px;
  }
  #recruitment .box .tabler tr th {
    background-color: #edeeeb;
    border: 1px solid #cccccc;
    font-weight: normal;
    text-align: center;
    padding: 10px;
  }
  /* ----------------------------------------------------------- 
（SP用）求人のご案内（recruitment.html）
 ----------------------------------------------------------- */
  .mailform_box {
    width: 100%;
    haight: auto;
    margin: 20px auto 0;
  }
  #mailformpro dt {
    border: none !important;
    font-size: 90% !important;
  }
  #mailformpro dd {
    margin-bottom: 10px !important;
  }
  #mailformpro dd textarea {
    width: 100%;
  }
}

/* -----------------------------------------------------------
　【妙典さいとう耳鼻咽喉科】　YouTube 公式チャンネル
----------------------------------------------------------- */
.bnr-youtube {
  width: 758px;
  border: #fc031b 3px solid;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 25px;
  padding: 20px 10px;
  text-align: center;
}
.bnr-youtube img {
  width: 100%;
  max-width: 694px;
	vertical-align: bottom;
}
.bnr-youtube iframe {
  width: 100%;
  max-width: 690px;
  height: 388px;
  margin: 1.5rem auto 1.2rem;
  border: #636363 2px solid;
}
.bnr-youtube img.btn {
  margin: 1rem auto 0;
}
@media screen and (max-width: 768px) {
  .bnr-youtube {
    width: 92%;
    margin: 0 auto 15px;
    padding: 10px;
    align-items: center;
  }
  .bnr-youtube iframe {
    width: 96%;
    height: 224px;
		margin: 10px auto 5px;
  }
	.bnr-youtube img.btn {
		margin: 10px auto 0;
  }
}
/* -----------------------------------------------------------
　当日順番予約
----------------------------------------------------------- */
.bnr-line {
  width: 758px;
  border: #00b900 3px solid;
  box-sizing: border-box;
  border-radius: 8px;
  margin-bottom: 25px;
  padding: 10px 10px 2px 10px;
  display: flex;
  justify-content: space-between;
}
.icon-line img {
  width: 100px;
		margin-top: 35%;
}
.icon-right {
  width: 620px;
}
.icon-right img:nth-child(1) {
  margin-right: 10px;
}
.icon-right a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .bnr-line {
    width: 92%;
    margin: 0 auto 15px;
    padding: 10px;
    align-items: center;
  }
  .icon-line img {
    width: 60px;
    margin: 3.2vh 15px 0 5px;
  }
	.icon-line img.chara{
		margin: 1.8vh 15px 0 0px;
		 width: 70px;
	}
  .icon-right {
    width: calc(100% - 50px);
  }
  .icon-right a:hover {
    opacity: inherit;
  }
  .icon-right img {
    margin-right: 0px;
    margin-bottom: 5px;
  }
  .icon-right img:nth-child(2) {
    margin-bottom: 0;
  }
}
/* -----------------------------------------------------------
　メインメニュー
----------------------------------------------------------- */
.main_nav {
  margin: 0;
  padding: 0;
  clear: both;
}
nav p#menu {
  display: none;
}
#main .box-noborder {
  width: 758px;
  height: auto;
  overflow: hidden;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  nav ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: #000;
  }
  #main .box-noborder {
    width: 92%;
    margin: 0 auto;
  }
}
/* -----------------------------------------------------------
　ハンバーガーメニュー
----------------------------------------------------------- */
/* Toggle(Button) */
#navToggle {
  display: none;
  position: absolute; /*to body*/
  right: 10px;
  top: 25px;
  width: 15%;
  height: 8.5%;
  cursor: pointer;
}
#navToggle img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease .8s;
}
#navToggle .defo {
  opacity: 1;
}
#navToggle .open {
  opacity: 0;
}
.openNav #navToggle .defo {
  opacity: 0;
}
.openNav #navToggle .open {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .main_nav nav {
    position: absolute;
    right: 0;
    top: -700px; /*通常時はビュー外*/
    background: #fff;
    width: 100%;
    padding: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-align: left;
  }
  .main_nav ul {
    margin: 0;
    padding: 0;
  }
  .main_nav ul li {
    display: block;
    margin: 0;
    border-bottom: dotted 1px #454545;
    line-height: 3;
    width: 100%;
    text-align: center;
  }
  .main_nav ul li a {
    display: block;
  }
  .main_nav ul li::after {
    content: ''
  }
  .main_nav ul li:first-child {
    border-top: dotted 1px #454545;
  }
  /* Toggle(Button) */
  #navToggle {
    display: block
  }
  /* Click Toggle(Button) */
  .openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  /*header menu*/
  .openNav nav {
    -moz-transform: translateY(800px);
    -webkit-transform: translateY(800px);
    transform: translateY(800px)
  }
}
.all_clear {
  clear: both;
  height: 0;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
@media screen and (max-width: 320px) {
  /*:::: 吹き出し(iPhone5以前用)::::*/
  .comment {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 5%;
    padding-bottom: 60%;
  }
  .comment.cara0 {
    background: url(../images/treatment_cara0.png) center bottom no-repeat;
  }
  .comment.cara5 {
    background: url(../images/treatment_cara5.png) center bottom no-repeat;
  }
  .comment.cara7 {
    background: url(../images/treatment_cara7.png) center bottom no-repeat;
  }
  .comment .cara {
    width: 85px;
    height: auto;
  }
}
/* top - 担当医表 */
.doctor-table table {
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  border-style: solid;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 2px;
  margin: 0 0 10px;
  line-height: 1.3;
}
.doctor-table table thead tr th {
  color: #FFF;
  font-size: 1.5em;
  border-radius: 8px 8px 0 0;
  padding: 10px;
}
.doctor-table table tfoot tr th {
  color: #FFF;
  font-size: 1.5em;
  border-radius: 0 0 8px 8px;
  padding: 10px;
}
.doctor-table table tfoot tr th a{
	color: #fff;
}
.doctor-table table tbody tr th, .doctor-table table tbody tr td {
  padding: 5px;
  font-size: 1.2em;
  background-color: #ffff00;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
}
.doctor-table table tbody tr th:first-of-type {
  width: 10%;
}
.doctor-table table tbody tr th:not(:first-of-type) {
  width: 15%;
}
.doctor-table table tbody tr td.sml {
  width: 15%;
  padding: 5px 0;
}
.doctor-table table tbody tr td.sml span {
  font-size: 0.7em;
}
.doctor-table table tbody tr td.sml2 {
  width: 15%;
  padding: 5px 0;
}
.doctor-table table tbody tr td.sml2 span {
  font-size: 0.9em;
}
.doctor-table table tbody tr:first-of-type th, .doctor-table table tbody tr:first-of-type td {
  border-top-style: solid;
  border-top-width: 1px;
}

.doctor-table table tbody tr:nth-of-type(1) td.close2 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000 !important;
}
.doctor-table table tbody:last-of-type tr:nth-child(4) th {
  /*border-radius: 0 0 0 10px;*/
}
.doctor-table table tbody:last-of-type tr:nth-child(4) td:last-child {
  /*border-radius: 0 0 10px 0;*/
}
.doctor-table table tbody tr th.holiday {
  color: #ff0000;
}
.doctor-table table tbody tr td {
  background-color: #ffff00;
}
.doctor-table table tbody tr td.close {
  background-color: #fff;
}
.doctor-table table tbody tr td.close2 {
  height: 80px;
  background-color: #fff;
}
.doctor-table table tbody tr td.man {
  background-color: #20a3ec;
  color: #fff;
}
.doctor-table table tbody tr td.woman {
  background-color: #ff6699;
  color: #fff;
}
.doctor-table table tbody tr td.fuku-man {
  background: url(../images/doctor-table_bg_fuku-man.png);
  background-position: center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: -999px;
  width: 112px;
}
.doctor-table table tbody tr td.mihashi-kimura {
  background: url(../images/doctor-table_bg_mihashi-kimura.png);
  background-position: center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: -999px;
  width: 112px;
}
.doctor-table table tbody tr td.fuku-kimura {
  background: url(../images/doctor-table_bg_fuku-kimura.png);
  background-position: center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: -999px;
  width: 112px;
}
.doctor-table table tbody tr td.fuku-mihashi {
  background: url(../images/doctor-table_bg_fuku-mihashi.png);
  background-position: center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: -999px;
  width: 112px;
}
/* カラバリ：オレンジ */
.doctor-table table.base_orange, .doctor-table table.base_orange tbody tr th, .doctor-table table.base_orange tbody tr td {
  border-color: #ff7200;
}
.doctor-table table.base_orange thead tr th,.doctor-table table.base_orange tfoot tr th {
  background-color: #ff7200;
}
.doctor-table table.base_orange tbody tr th {
  background-color: #fff3e1;
}
/* カラバリ：ブラウン */
.doctor-table table.base_brown, .doctor-table table.base_brown tbody tr th, .doctor-table table.base_brown tbody tr td {
  border-color: #663200;
}
.doctor-table table.base_brown thead tr th,.doctor-table table.base_brown tfoot tr th  {
  background-color: #663200;
}
.doctor-table table.base_brown tbody tr th {
  background-color: #f9e1d0;
}
/* カラバリ：ピンク */
.doctor-table table.base_pink, .doctor-table table.base_pink tbody tr th, .doctor-table table.base_pink tbody tr td {
  border-color: #ff0000;
}
.doctor-table table.base_pink thead tr th,.doctor-table table.base_pink tfoot tr th {
  background-color: #ff0000;
}
.doctor-table table.base_pink tbody tr th {
  background-color: #ffeaf1;
}
/* カラバリ：グリーン */
.doctor-table table.base_green, .doctor-table table.base_green tbody tr th, .doctor-table table.base_green tbody tr td {
  border-color: #339933;
}
.doctor-table table.base_green thead tr th,.doctor-table table.base_green tfoot tr th {
  background-color: #339933;
}
.doctor-table table.base_green tbody tr th {
  background-color: #d4ffd4;
}
@media screen and (max-width: 768px) {
  .doctor-table table th, .doctor-table table td {
    vertical-align: middle;
  }
  .doctor-table table thead tr th {
    font-size: 3.3vw;
    padding: 5px;
  }
  .doctor-table table tfoot tr th {
    font-size: 3.3vw;
    padding: 5px;
  }
  .doctor-table table tbody tr th, .doctor-table table tbody tr td {
    padding: 3px;
    font-size: 2.3vw;
  }
  .doctor-table table tbody tr td.sml {
    padding: 0;
  }
  .doctor-table table tbody tr td.close2 {
    height: 50px;
    background-color: #fff;
  }
  .doctor-table table tbody tr td.sml span {
    width: 8.5em;
    margin: 0 -5em;
    display: inline-block;
    font-size: 2.9vw;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    white-space: nowrap;
  }
  .doctor-table table tbody tr td.sml2 {
    padding: 0;
  }
  .doctor-table table tbody tr td.sml2 span {
    width: 9em;
    margin: 0 -5em;
    display: inline-block;
    font-size: 3.4vw;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    white-space: nowrap;
  }
}
.menubox {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px auto 10px;
  text-align: center;
}
.menubox div.r1 a {
  float: left;
  width: 24%;
  margin: 0px 5px 15px 0;
  background: #FCFFEF;
  text-align: center;
  text-decoration: none;
  line-height: 200%;
  border: #40A629 1px solid;
  border-radius: 4px;
}
.menubox div.r0 a {
  float: left;
  width: 24%;
  margin: 0px 0px 15px 0;
  background: #FCFFEF;
  text-align: center;
  text-decoration: none;
  line-height: 200%;
  border: #40A629 1px solid;
  border-radius: 4px;
}

.menubox div.director a {
  float: left;
  width: 24%;
  display: inline-block;
  margin: 0px 5px 15px 25%;
}
.menubox div.director2 a {
  float: left;
  width: 24%;
  display: inline-block;
  margin: 0px 25% 15px 0;
}
@media screen and (max-width: 768px) {
  .menubox {
    width: 91%;
  }
  .menubox div.r1 a {
    width: 23.25%;
    font-size: 75%;
    color: #663200;
  }
  .menubox div.r0 a {
    width: 23.25%;
    font-size: 75%;
    color: #663200;
  }
}
#doctors_detail .greeting-box:nth-of-type(odd) .comment {
  background-image: url(../images/treatment_cara5.png);
}
#doctors_detail .greeting-box:nth-of-type(even) .comment {
  background-image: url(../images/treatment_cara7.png);
}
#doctors_detail .greeting-box .comment {
  background-position: right center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #doctors_detail .greeting-box .comment {
    background-position: center bottom;
    background-repeat: no-repeat;
  }
}



/* Sidenavi */
.bnr-allergy {
background: url(../images/bnr-allergy.jpg) center;
border: #ce9c78 4px solid;
border-radius: 8px;
padding: 10px 10px 4px;
color: #fff;
}

.bnr-allergy img { margin-top: 5px }

.bnr { clear: both; }
.bnr-left { float: left; width: 49%; margin-right: 5px; }
.bnr-right { float: left; width: 49%; }

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

.bnr-allergy {
background: url(../images/bnr-allergy.jpg) center;
border: #ce9c78 4px solid;
border-radius: 8px;
padding: 10px 10px 4px;
color: #fff;
font-size: 12px;
}

.bnr { clear: both; margin: 0 auto 15px; }
.bnr-left { float: left; width: 49%; margin-right: 2%; }
.bnr-right { float: left; width: 49%; margin-bottom: 15px; }

.bnr img { width: 100%; }
.bnr-left img { width: 100%; }
.bnr-allergy img { width: 100%; display: block; clear: both; padding-top: 5px; }

}

.vaccination_detail.sp-cont .wrap {
	border:#663200 2px solid;
	box-sizing:border-box;
	background:url(../images/bkg_influenza.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 92%;
	margin: 0 4%;
	padding: 0 0 3%;
	text-align: center;
}
.vaccination_detail.sp-cont .wrap img {
	max-width: 100%;
}

.tableBox{
 border: 3px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
	width: 80%;
	margin: 0 auto 10px;
	font-size: 1rem;
	line-height: 1.5;
}

.tableBox th,
.tableBox td{
	border-collapse: collapse;
	text-align: center;
	padding: .5rem;
	
}
.tableBox th{
	color: #fff;
	font-weight: normal;
	width: 50%;
	vertical-align: middle;
}
.tableBox th span {
  display: block;
  width: 50%;
  margin: .5rem auto 0;
  background: #fff;
}
.tableBox th .text_yellow {
  color: #ffae00;
}
.tableBox th .text_brown {
  color: #4b2318;
}
.tableBox th .text_blue {
  color: #1667e1;
}
.tableBox th .text_green {
  color: #55ad00;
}
.tableBox td{
	text-align: left;
	color:#77451A;
	font-size: .9rem;
	vertical-align: middle;
}

.flexBox {
  width: 80%;
  margin: 0 auto 1.5rem;
  padding: 0;
  font-size: 1.0rem;
  vertical-align: middle;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
	align-items: stretch;
}
.frame_b_g {
  border: solid 3px #9c9c9c;
  border-radius: 0.6rem;
}
.flexBox_L {
  width: 48%;
  padding: 1rem;
  color: #fff;
  text-align: center;
	height: 100%;
}
.flexBox_L span {
  display: block;
  width: 50%;
  margin: .5rem auto 0;
  background: #fff;
}
.flexBox_L span.text_yellow {
  color: #ffae00;
}
.flexBox_L span.text_brown {
  color: #4b2318;
}
.flexBox_L span.text_blue {
  color: #1667e1;
}
.flexBox_L span.text_green {
  color: #55ad00;
}
.flexBox_R {
  width: 48%;
  /*padding: 1rem;*/
	padding: 1rem 0.9rem;
  text-align: left;
  font-size: 1rem;
	height: 100%;
}
.flexBox_R_p3 {
  width: 48%;
  padding: .3rem 1rem;
  text-align: left;
  font-size: 1rem;
}
a.txt_deco_no{
	text-decoration: none;
		
	}
.Box_c_yellow {
  background: #ffae00;
  border-radius: 0.4rem;
}
.Box_c_brown {
  background: #4b2318;
  border-radius: 0.4rem;
}
.Box_c_blue {
  background: #1667e1;
  border-radius: 0.4rem;
}
.Box_c_green {
  background: #55ad00;
  border-radius: 0.4rem;
}
@media screen and (max-width: 768px) {
	
	.tableBox{
   width: 100%;
	 font-size: 1rem;
  }
	.tableBox th span {
  width: 80%;
}
	
  .flexBox {
    width: 100%;
  }
  .flexBox_L {
    width: 44%;
    padding: 1rem .3rem;
  }
  .flexBox_L span {
    width: 60%;
  }
  .flexBox_R {
    width: 52%;
    padding: 1rem .3rem 1rem .5rem;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  .flexBox_R_p3 {
    width: 52%;
    padding: .3rem .3rem .3rem .5rem;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
	a.txt_deco_no{
	text-decoration: none;
		
	}
}

#main .brownbox {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0;
  height: auto;
  border: solid 3px #663200;
  border-radius: 6px;
}
#main .wb-box {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0;
  height: auto;
  border: solid 3px #55acee;
  border-radius: 6px;
}
#main .brownbox > img,
#main .wb-box > img {
  width: 100%;
    margin-top: -2px;
}
#index #main .brownbox > figure,
#index #main .wb-box > figure {
  width: 99%!important;
  padding: 0 4px!important;
}
#index #main .brownbox > figure img,
#index #main .wb-box > figure img {
  width: 100%!important;
}
#index #main .brownbox > figure:last-child,
#index #main .wb-box > figure:last-child {
  margin-bottom: 0!important;
}