@charset "utf-8";
/*
* “はんなり明朝” licensed under the IPA Font License Agreement v1.0
* http://typingart.net/?p=44（”はんなり明朝”配布元のURL）
* http://ipafont.ipa.go.jp/（IPAフォントのURL）
* http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/
/*@font-face {
	font-family: 'hannari';
	src: url('../font/hannari.woff') format('woff');
  	src: url('../font/hannari.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}*/
/* モジュール */
.txC, .txt_c {
  text-align: center;
}
.txR, .txt_r {
  text-align: right;
}
.vertical_top{
    vertical-align: top;

}
.mb20{
    margin-bottom: 20px;
}

a[href*="#"] {
  color: #64b88f;
  text-decoration: underline;
}
/* clearfix -------------------------------------- */
.cf::before, .cf::after {
  content: '';
  display: block;
}
.cf::after {
  clear: both;
}
/* float -------------------------------------- */
.fl_l {
  float: left;
}
.fl_r {
  float: right;
}
/* PC・SP　表示・非表示 -------------------------------------- */
.sp_n {
  display: none;
}
@media screen and (min-width:769px) {
  .sp_n {
    display: block;
  }
  .pc_n {
    display: none;
  }
}
/* SNSバナー -------------------------------------- */
.sns_link {
  text-align: center;
  margin-top: 1.0em;
}
.sns_link li {
  width: 31%;
  display: inline-block;
}
.sns_link li img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width:1025px) {
  .sns_link li {
    width: auto;
    display: inline-block;
    margin: 2.0em .5em 0;
  }
}
/* リスト -------------------------------------- */
.number_list {
  margin: 0 0 0 7%;
}
.number_list li {
  list-style: decimal;
}
/* クリニック紹介 -------------------------------------- */
#clinicslide {
  margin-bottom: 8.0rem;
}
#clinicslide img, #clinicslide p {
  display: none;
}
.sp-layer.sp-black.sp-padding {
  text-align: center;
  font-size: 2.2em;
}
.sp-selected-thumbnail {
  border: 4px solid #000;
}



 

/* 　フッター固定　-------------------------- */   
.footer_btn_wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 0;
    background-color: #ffffff;
}

  .footer_btn {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    align-items: stretch;
  }
  
.footer_btn li {
    width: 50%;
    text-align: center;
   } 

 .footer_btn li a {
     display: flex;
     justify-content: center;
     align-items: center;
    /*color: #fff;*/
     text-decoration: none;
     /*height: 2.8em;*/
     /*padding: 0.3em;*/
     line-height: 3rem;
  }

.footer_btn li.pageup {
    width: 60px;
    flex: none;
}
.footer_btn li.phone,
.footer_btn li.web {
    flex: 1;
}

  .footer_btn li.web a {
      background: #FF9BAA;
      color: #000000;
      font-size: 120%;
  }

  .footer_btn li.phone a {
      background: #7FBFFF;
      color: #000000;
      font-size: 120%;
  } 
 
  .footer_btn li.pageup a {
      background: #64b88f;
      font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      line-height: 1;
      color: #fff;
      height: 3rem;
  }


#pageup a {
    display: none;
}
.side_bnr li a {
   display: none; 
}



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

.footer_btn_wrapper {
        display: none;
    }    
    
.side_bnr {
    display: block;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 9;
}

.side_bnr li {
    width: 4.0rem;
    display: block;
    margin: 0;
    padding: 0;
    }

.side_bnr li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-decoration: none !important;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  padding: 1.5rem 0;
  line-height: 1.2;
  writing-mode: vertical-rl;
  text-orientation: upright;
  border-radius: 0.5rem 0 0 0.5rem;
  border: 0.2rem solid #fff;
}

.side_bnr li a:hover {
          opacity: .8 !important;
        }

.side_bnr li.web a {
    background-color:#a1c403;
}  
    
 
  #pageup {
  display: none;
  width: 5.0em;
  height: 5.0em;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #64b88f;
  z-index: 10;
    
  }
  #pageup a {
  display: block !important;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  line-height: 1.2;
  padding: .8em 0;
  }
  /* :::::::::: フォント :::::::::: */
  p, li, dt, dd, th, td, caption {
    -webkit-text-size-adjust: none;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    font-size: 1.4em;
  }
  .time dt, .time dd, .features p, footer li {
    line-height: 2em;
  }
  /* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
  html {
    overflow: auto;
  }
  body {
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(../images/ornament/ornament_01.png) no-repeat, url(../images/ornament/bg_01.jpg) repeat;
    background-size: 100% auto, 500px auto;
    overflow: hidden;
    font-size: 62.5%;
  }
  .content {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
  }
  main {
    display: block;
    width: 840px;
    float: right;
  }
  aside {
    width: 290px;
    float: left;
  }
  /* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
  h1 {
    width: 490px;
    height: 74px;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
  }
  h1 a {
    display: block;
    height: 100%;
  }
  h2 {}
  h3 {
    font-size: 2.2em;
    text-align: center;
    padding: .4em 5.0em !important;
  }
  h3:after {
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 0.7em;
    color: #4b2400;
    margin: 5px 0 0;
  }
  h3 br {
    display: none;
  }
  h4 {
    font-size: 1.8em;
  }
  h5 {}
  h6 {}
  /* =======================================================================

   全体

======================================================================= */
  /* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
  header {
    width: 990px;
    margin: 0 auto;
    position: relative;
    padding: 75px 0 50px;
  }
  .h_inner {
    overflow: hidden;
    width: 990px;
  }
  header:before {
    content: "";
    display: block;
    width: 839px;
    height: 10px;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -859px;
    top: 105px;
  }
  header:after {
    content: "";
    display: block;
    width: 839px;
    height: 10px;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -859px;
    top: 105px;
  }
  .h_address {
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    float: left;
    margin: 15px 0 0;
  }
  header .phoneTapping {
    font-family: 'Satisfy', cursive;
    float: right;
    color: #fff;
    font-size: 1.8em;
    letter-spacing: 0.1em;
    margin: 0;
    background: #ffbd00;
    padding: 10px 10px 5px;
    border-bottom: 4px solid #dba405;
  }
  header .phoneTapping span.rsv {
    font-size: 14px;
    display: block;
  }
  header .phoneTapping span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/icon_phone.png) no-repeat;
    background-size: 100% auto;
    margin: 0 10px -5px 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: nav :::::::::: */
  #nav {
    display: block;
  }
  #nav > ul {
    width: 1027px;
    margin: 0 auto !important;
    display: flex;
  }
  #nav > ul > li {
    position: relative;
    min-width: calc(100% / 6);
    font-size: 1.8em;
    float: left;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-style: solid;
    border-width: 0px 3px;
    -moz-border-image: url(../images/ornament/border_02.png) 0 3 0 0 repeat;
    -webkit-border-image: url(../images/ornament/border_02.png) 0 3 0 0 repeat;
    -o-border-image: url(../images/ornament/border_02.png) 0 3 0 0 repeat;
    border-image: url(../images/ornament/border_02.png) 0 3 0 0 fill repeat;
    box-sizing: border-box;
  }
  #nav > ul > li:first-child {
    -moz-border-image: url(../images/ornament/border_02.png) 0 3 repeat;
    -webkit-border-image: url(../images/ornament/border_02.png) 0 3 repeat;
    -o-border-image: url(../images/ornament/border_02.png) 0 3 repeat;
    border-image: url(../images/ornament/border_02.png) 0 3 fill repeat;
    box-sizing: border-box;
  }
  #nav > ul > li a, #nav > ul > li button {
    border: none;
    width: 100%;
    display: block;
    color: #4b2400;
    text-align: center;
    padding: 45px 0 10px;
  }
  #nav > ul > li a::after, #nav > ul > li button::after {
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 0.6em;
  }
  #nav > ul > li .subbox {
    display: none;
    position: absolute;
    bottom: auto;
    right: 0;
    height: auto;
    z-index: 100;
    background: #fff;
  }
  #nav > ul > li .subbox > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 20rem;
  }
  #nav > ul > li .subbox ul li {
    width: calc(50% - 1px);
    display: block;
    height: fit-content;
    font-size: 1em;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  #nav > ul > li .subbox ul li:nth-of-type(odd) {
    border-left: 1px solid #fff;
  }
  #nav > ul > li .subbox ul li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  #nav > ul > li .subbox ul li a {
    border: none;
    background: #64b88f;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 10px 0;
  }
  .sub {
    padding: 45px 0 25px !important;
  }
  .sub::before {
    position: absolute;
    content: "";
    background: url(../images/s/arrow02.png) no-repeat center/contain;
    width: 1rem;
    height: 1rem;
    margin: auto;
    inset: auto 0 .5rem;
  }
  .close::before {
    transform: rotate(180deg);
  }
  .nav01 a {
    background: url(../images/nav01.png) no-repeat;
    background-size: 30px auto;
    background-position: center 5px;
  }
  .nav02 a {
    background: url(../images/nav02.png) no-repeat;
    background-size: 30px auto;
    background-position: center 5px;
  }
  .nav03 a {
    background: url(../images/nav03.png) no-repeat;
    background-size: 30px auto;
    background-position: center 5px;
  }
  .nav04 a {
    background: url(../images/nav04.png) no-repeat;
    background-size: 30px auto;
    background-position: center 5px;
  }
  .nav05 a {
    background: url(../images/nav05.png) no-repeat;
    background-size: 30px auto;
    background-position: center 5px;
  }
  .nav06 button {
    background: url(../images/nav06.png) no-repeat;
    background-size: 30px auto;
    background-position: center 5px;
  }
  .nav01 a:after {
    content: "Home"
  }
  .nav02 a:after {
    content: "Doctor"
  }
  .nav03 a:after {
    content: "Clinic"
  }
  .nav04 a:after {
    content: "Visitor"
  }
  .nav05 a:after {
    content: "Hours / Access"
  }
  .nav06 button:after {
    content: "Treatment"
  }
  .closeMenu, .drawer-hamburger {
    display: none;
  }
  /* :::::::::: key visual :::::::::: */
  .mainVisual {
    position: relative;
    width: 1200px;
    height: 840px;
    margin: 0 auto 60px;
    box-sizing: border-box;
    padding: 60px 0 0;
  }
  .h2index {
    background: url(../images/h2_index.png) no-repeat;
    background-size: 100% auto;
    width: 134px;
    height: 295px;
    margin: 0 0 0 130px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  #cf1 {
    width: 880px;
    height: 580px;
    background: url(../images/keyv_01.jpg) no-repeat;
  }
  #cf2 {
    width: 880px;
    height: 580px;
    background: url(../images/keyv_02.jpg) no-repeat;
  }
  #cf3 {
    width: 880px;
    height: 580px;
    background: url(../images/keyv_03.jpg) no-repeat;
  }   
  #cf4 {
    width: 880px;
    height: 580px;
    background: url(../images/keyv_04.jpg) no-repeat;
  }  
  .keyvisual {
    width: 880px;
    height: 580px;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    position: absolute;
    right: 0;
    bottom: 100px;
  }
  .time {
    width: 450px;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    background: url(../images/ornament/bg_01.jpg) repeat;
    background-size: 500px auto;
    position: absolute;
    left: 30px;
    bottom: 0;
    padding: 30px 40px;
  }
  .time dl {
    height: 90px;
    overflow: scroll;
    margin: 0 0 20px;
  }
  .time dd {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-style: solid;
    border-width: 0 0 3px 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
  }
  .time h3 {
    margin: 0 0 30px;
  }
  .time h3:after {
    content: "Time Table";
  }
  .time .date {
    display: none;
  }
  .keyv_image01 {
    display: block;
    width: 400px;
    height: 205px;
    position: absolute;
    top: 200px;
    left: -200px;
  }
  .keyv_image02 {
    display: block;
    width: 685px;
    height: 165px;
    position: absolute;
    right: -150px;
    bottom: 20px;
  }
  .keyv_image03 {
    display: block;
    width: 735px;
    height: 175px;
    position: absolute;
    top: -40px;
    right: -350px;
    z-index: -1;
  }
  .keyv_cloud01 {
    display: block;
    width: 820px;
    height: 400px;
    position: absolute;
    top: -150px;
    left: -800px;
    z-index: -1;
  }
  .keyv_cloud02 {
    display: block;
    width: 820px;
    height: 380px;
    position: absolute;
    bottom: -250px;
    left: -590px;
    z-index: -1;
  }
  .keyv_cloud03 {
    display: block;
    width: 580px;
    height: 300px;
    position: absolute;
    top: 260px;
    right: -240px;
    z-index: -1;
  }
  .keyv_cloud04 {
    display: block;
    width: 610px;
    height: 290px;
    position: absolute;
    top: -200px;
    right: -740px;
    z-index: -1;
  }
  .keyv_cloud05 {
    display: block;
    width: 800px;
    height: 410px;
    position: absolute;
    bottom: -290px;
    right: -720px;
    z-index: -1;
  }
  /* -----------------------------------------------------------------------
  aside
----------------------------------------------------------------------- */
  .reservation a {
    display: block;
    background: url(../images/banner_reservation.png) no-repeat;
    background-size: 100% auto;
    width: 290px;
    height: 185px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 60px;
  }
  .product a {
    display: block;
    background: url(../images/banner_product.png) no-repeat;
    background-size: 100% auto;
    width: 290px;
    height: 185px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 60px;
  }
  .sidenav {
    overflow: hidden;
    background: url(../images/ornament/dots_01.png) no-repeat, url(../images/ornament/dots_01.png) no-repeat;
    background-size: 839px auto;
    background-position: top left, bottom left;
    padding: 30px 0;
  }
  .sidenav p {
    font-size: 2.2em;
    text-align: center;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0 0 30px;
  }
  .sidenav p:after {
    content: "Service Menu";
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 0.7em;
    color: #4b2400;
    margin: 5px 0 0;
  }
  .sidenav li {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0 0 20px;
  }
  .sidenav li a {
    display: block;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #4b2400;
    padding: 90px 0 0;
  }
  .sidenav li.general a {
    background: url(../images/sidenav01.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.preventive a {
    background: url(../images/sidenav02.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.pediatric a {
    background: url(../images/sidenav03.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.surgery a {
    background: url(../images/sidenav04.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.cosmetic a {
    background: url(../images/sidenav05.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.whitening a {
    background: url(../images/sidenav06.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.denture a {
    background: url(../images/sidenav07.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.visit a {
    background: url(../images/sidenav08.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.disabilities a {
    background: url(../images/sidenav09.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.implant a {
    background: url(../images/sidenav10.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.orthodontic a {
    background: url(../images/sidenav11.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .sidenav li.mta a {
    background: url(../images/sidenav12.png) no-repeat;
    background-size: 75px auto;
    background-position: center top;
  }
  .on-off1 {
    display: none;
  }
  /* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
  footer {
    position: relative;
    padding: 80px 0 0;
  }
  footer:before {
    content: "";
    display: block;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 300px;
    height: 53px;
    margin: 0 auto 60px;
  }
  footer:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background: url(../images/ornament/ornament_01.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 2vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  footer ul {
    width: 600px;
    margin: auto !important;
    text-align: center;
  }
  footer ul:first-child {
    margin: 0 auto 20px !important;
    ;
  }
  footer li {
    display: inline-block;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 0 12px;
  }

  footer li button, footer li.nav06 {
    display: none;
  }
  footer li a {
    background: none !important;
  }
  footer li a::after {
    content: none !important;
  }
  .copyright {
    font-family: 'Satisfy', cursive;
    font-size: 1.2em;
    color: #4b2400;
    text-align: center;
    padding: 60px 0 80px;
  }
  .footer_image01 {
    display: block;
    width: 685px;
    height: 165px;
    position: absolute;
    left: 30px;
    bottom: 50px;
    transform: rotateY(180deg);
    z-index: -1;
  }
  .footer_image02 {
    display: block;
    width: 735px;
    height: 175px;
    position: absolute;
    top: 20px;
    right: -180px;
    z-index: -1;
  }
  /* =======================================================================

   個別

======================================================================= */
  .timetable {
    width: 100%;
  }
  .timetable caption {
    caption-side: bottom;
    border-style: solid;
    border-width: 3px 0 0 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 10px 0 0;
  }
  .timetable th {
    font-weight: normal;
    width: 10%;
    padding: 3px 0;
  }
  .timetable td {
    text-align: center;
    width: 10%;
    padding: 3px 0;
  }
  th.hour, td.hour {
    width: 30%;
    text-align: left;
  }
  /* :::::::::: index.html :::::::::: */
  .info {
    margin: 0 auto 60px;
  }
  .info h3 {
    width: 560px;
    margin: 0 auto 60px;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 150px auto;
    background-position: left bottom, right bottom;
  }
  .info h3:after {
    content: "Clinic News";
  }
  .info dl {
    height: 30em;
    overflow-y: auto;
  }
  .info dl dt {
    font-weight: bold;
    margin-bottom: .4em;
  }
  .info dl dd {
    margin-bottom: 1.0em;
  }
  .features {
    width: 830px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 80px 50px 0;
    background: url(../images/ornament/border_03.png) no-repeat;
    background-size: 100% auto;
    background-position: top center;
  }
  .features h3 {
    width: 560px;
    margin: 0 auto 60px;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 150px auto;
    background-position: left bottom, right bottom;
  }
  .features h3:after {
    content: "Clinic Features";
  }
  .features section {
    width: 46%;
    float: left;
    margin: 0 8% 8% 0;
    padding: 220px 0 0;
  }
  .features section:nth-child(2) {
    background: url(../images/feature01_image01.png) no-repeat, url(../images/feature01_image02.png) no-repeat;
    background-size: 140px auto, 200px auto;
    background-position: 20px 120px, 90px top;
  }
  .features section:nth-child(3) {
    background: url(../images/feature02_image01.png) no-repeat, url(../images/feature02_image02.png) no-repeat;
    background-size: 140px auto, 200px auto;
    background-position: 20px 120px, 90px top;
  }
  .features section:nth-child(4) {
    background: url(../images/feature03_image01.png) no-repeat, url(../images/feature03_image02.png) no-repeat;
    background-size: 140px auto, 200px auto;
    background-position: 20px 120px, 90px top;
  }
  .features section:nth-child(5) {
    background: url(../images/feature04_image01.png) no-repeat, url(../images/feature04_image02.png) no-repeat;
    background-size: 140px auto, 200px auto;
    background-position: 20px 120px, 90px top;
  }
  .features section:nth-child(2n + 1) {
    margin: 0 0 8%;
  }
  .features h4 {
    margin: 0 0 15px;
  }
  .services {
    width: 840px;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    background-color: rgba(101, 184, 143, 0.25);
    padding: 30px;
    overflow: hidden;
    margin: 0 auto 60px;
  }
  .services li {
    width: 32%;
    float: left;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .services li a {
    display: block;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    color: #4b2400;
    text-align: right;
    margin: 30px 0 0;
  }
  .services li img {
    display: block;
    border: 10px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    margin: 0 0 15px;
  }
  .services li a:after {
    content: "";
    display: inline-block;
    background: url(../images/ornament/arrow.png) no-repeat;
    background-size: 100% auto;
    width: 34px;
    height: 8px;
    margin: 0 0 0 10px;
  }
  .services li:not(:last-child) {
    margin: 0 2% 0 0;
  }
  .calendar {
    margin: 0 auto 60px;
  }
  .calendar h3 {
    width: 480px;
    margin: 0 auto 60px;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 150px auto;
    background-position: left bottom, right bottom;
  }
  .calendar h3:after {
    content: "Calendar";
  }
  .calendar_inner {
    width: 570px;
    margin: 0 auto 30px;
    overflow: hidden;
  }
  .calendar_inner table {
    width: 46%;
    float: left;
  }
  .calendar_inner table:first-child {
    margin: 0 8% 0 0;
  }
  table.caledit th {
    padding: 10px 0;
  }
  table.caledit td {
    padding: 10px 0;
    position: relative
  }
  .outPatient:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/ornament/calendar_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .saturday:before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .calendarExplanation {
    width: 250px;
    margin: 0 auto;
  }
  .calendarExplanation li {
    margin: 0 0 10px;
  }
  .calendarExplanation li:first-child:before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 14px;
    margin: 0 10px -2px 0;
  }
  .calendarExplanation li:nth-child(2):before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_01.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 14px;
    margin: 0 10px -2px 0;
  }
  .clinic {
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 839px auto;
    background-position: top left;
    padding: 60px 0 0;
    margin: 0 0 60px;
  }
  .overviewBackground-none {
    background: none;
    padding: initial;
  }
  .clinic h3 {
    width: 500px;
    margin: 0 auto 60px;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 150px auto;
    background-position: left bottom, right bottom;
  }
  .clinic h3:before {
    content: "";
    display: block;
    background: url(../images/mark.svg) no-repeat;
    width: 56px;
    height: 55px;
    margin: 0 auto 15px;
  }
  .clinic h3:after {
    content: "Clinic Info";
  }
  .clinic dl {
    width: 50%;
    float: left;
    overflow: hidden;
    margin: 0 0 30px;
  }
  .clinic dt {
    float: left;
    clear: both;
    background: #a3c505;
    color: #fff;
    width: 76px;
    box-sizing: border-box;
    padding: 5px 8px;
    margin: 0 0 15px;
  }
  .clinic dd {
    float: left;
    box-sizing: border-box;
    padding: 5px 8px;
    margin: 0 0 15px;
  }
  .clinic table {
    width: 50%;
    float: right;
  }
  .clinic th {
    background-color: #4b2400;
    color: #fff;
  }
  .clinic .hour {
    padding: 4px 0 4px 8px;
  }
  .map {
    width: 100%;
    height: auto;
    clear: both;
    border-style: solid;
    border-width: 10px;
    border-image: url(../images/ornament/dots_02.png) 20 round;
    box-sizing: border-box;
    padding: 15px;
  }
  .map iframe {
    width: 100%;
    height: 760px;
    border: 0;
  }
  .sns {
    overflow: hidden;
    background-color: rgba(101, 184, 143, 0.25);
    position: relative;
    height: 920px;
    box-sizing: border-box;
    padding: 60px 0 220px;
  }
  .sns h3 {
    width: 600px;
    margin: 0 auto 60px;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 150px auto;
    background-position: left bottom, right bottom;
  }
  .sns h3:after {
    content: "Social Network";
  }
  .sns_inner {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  #pageplugin {
    width: 480px !important;
    float: left;
    margin: 0 0 40px;
  }
  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
    width: 100% !important;
  }
  .twitter-timeline {
    width: 480px !important;
    height: 500px !important;
    float: right;
    margin: 0 0 40px;
  }
  div.scrollingHotSpotLeft:hover {
    display: none !important;
    opacity: 0;
  }
  div.scrollingHotSpotRight {
    display: none !important;
  }
  .snapwidget-widget {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    display: block;
  }
  /* =======================================================================

   下層

======================================================================= */
  /* :::::::::: 共通 :::::::::: */
  .subpage .content {
    margin: 80px auto 0;
  }
  .subpage main section {
    overflow: hidden;
    clear: both;
  }
  .subpage main article > section {
    margin: 0 0 50px;
  }
  .subpage main article > section > section:nth-child(2) {}
  .subpage main article > section > section {
    padding: 100px 50px 120px;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 839px auto;
    background-position: bottom left;
  }
  .subpage main article > section p {
    margin: 25px 0;
  }
  .subpage main article > section > section > section {
    margin: 0 0 50px;
  }
  .subpage main article > section > section > section > section {
    margin: 0 0 25px;
  }
  /* :::::::::: heading :::::::::: */
  .subpage main h2 {
    color: #4b2400;
    font-size: 3em;
    background: url(../images/ornament/border_03.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    padding: 0 0 30px;
  }
  .subpage h3 {
    margin: 0 auto 60px;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 150px auto;
    /*background-position: left bottom, right bottom;*/
    background-position: left center, right center;
    padding: .4em 0;
  }
  .h3_doctor01:after {
    content: "Greetings"
  }
  .h3_doctor02:after {
    content: "Biography"
  }
  .h3_clinic01:after {
    content: "Clinic Landscape"
  }
  .h3_visitor01:after {
    content: "For Visitor"
  }
  .h3_access01:after {
    content: "Hours"
  }
  .h3_access02:after {
    content: "Access"
  }
  .h3_general01:after {
    content: "About Caries"
  }
  .h3_general02:after {
    content: "About Periodontics"
  }
  .h3_general03:after {
    content: "About Root Canal Treatment"
  }
  .h3_general03:after {
    content: "About Root Canal Treatment"
  }
  .h3_preventive01:after {
    content: "About Preventive Dentistry"
  }
  .h3_preventive02:after {
    content: "Early Treatment"
  }
  .h3_preventive03:after {
    content: "Regular Dental Check"
  }
  .h3_preventive04:after {
    content: "Our Principal Treatment"
  }
  .h3_pediatric01:after {
    content: "About Pediatric Treatment"
  }
  .h3_pediatric02:after {
    content: "Baby Tooth Roles"
  }
  .h3_pediatric03:after {
    content: ""
  }
  .h3_pediatric04:after {
    content: "Childhood Caries Prevention"
  }
  .h3_pediatric05:after {
    content: "Tooth Decay"
  }
  .subpage h4 {
    font-size: 2.3em;
    margin: 0 0 10px;
  }
  .subpage h5 {
    font-size: 2em;
    margin: 0 0 10px;
    color: #65b88f;
  }
  /* :::::::::: text :::::::::: */
  .subpage main p {
    text-indent: 1em;
  }
  .subpage main p, .subpage main li, .subpage main dt, .subpage main dd {
    line-height: 2.5em;
  }
  .subpage main dt {
    border-top: 1px solid #65b88f;
    color: #65b88f;
    font-weight: bold;
    padding: 15px 0 0;
  }
  .subpage main .clinic dl dt {
    border-top: none;
    color: #fff;
    font-weight: initial;
    padding: 5px 8px;
    margin: 0 0 15px;
    line-height: initial;
  }
  .subpage main .clinic dl dd {
    margin: 0 0 15px;
    padding: 5px 8px;
    line-height: initial;
  }
  .subpage main dd {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  /* :::::::::: image :::::::::: */
  .imageright, .img_r {
    width: 280px;
    float: right;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    padding: 10px;
    margin: 10px 0 0 30px;
  }
  /* :::::::::: list :::::::::: */
  .normal_list li {
    text-indent: -1.8em;
    padding: 0 0 0 1.8em;
  }
  .normal_list li:before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 14px;
    margin: 0 10px -2px 0
  }
  /* -----------------------------------------------------------------------
  doctor.html
----------------------------------------------------------------------- */
  .doctor_name {
    font-family: "Yu Mincho", "YuMincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    text-align: right;
    /* background: url(../images/doctor_name.png) no-repeat;
    background-size: 226px auto;
    background-position: top right;
    width: 740px;
    height: 40px;
    text-indent: 100% !important;
    overflow: hidden;
    white-space: nowrap; */
  }
  .doctor_name span.fs_l {
    font-size: 1.2rem;
  }
  /* -----------------------------------------------------------------------
  general.html
----------------------------------------------------------------------- */
  .perio_table {
    width: 100%;
  }
  .perio_table th {
    width: 25%;
    text-align: left;
    background-color: rgba(101, 184, 143, 0.25);
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 15px;
    color: #65b88f;
  }
  .perio_table td {
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 15px;
  }
  /* -----------------------------------------------------------------------
  pediatric.html
----------------------------------------------------------------------- */
  .pediatric_table {
    width: 100%;
  }
  .pediatric_table th {
    width: 25%;
    text-align: left;
    background-color: rgba(101, 184, 143, 0.25);
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 15px;
    color: #65b88f;
  }
  .pediatric_table td {
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 15px;
  }
  /* -----------------------------------------------------------------------
  whitening.html
----------------------------------------------------------------------- */
  .poririn {
    width: 740px;
    height: 1266px;
    background: url(../images/poririn_pc.jpg) top center;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
  }
  .sean {
    background: #fff;
    border: 1px solid #65b68d;
    padding: 1.0em;
  }
  .sean p {
    text-align: center;
  }
  .sean p > span {
    color: #65b68d;
    font-size: 1.6em;
  }
  .sean {
    position: relative;
  }
  .sean li {
    width: 32%;
    display: inline-block;
    line-height: 1.4 !important;
  }
  .sean li:not(:last-child) img {
    float: left;
    margin-right: .4em;
  }
  .sean li span {
    height: 120px;
    display: table-cell;
    vertical-align: middle;
  }
  .sean li:last-child {
    position: absolute;
    right: 0;
    text-align: right;
  }
  .sean li:last-child img {
    float: none;
  }
  /* -----------------------------------------------------------------------
  denture.html　入れ歯
----------------------------------------------------------------------- */
  .img_list li {
    width: 48%;
    display: inline-block;
    text-align: center;
    margin-bottom: 1.0rem;
  }
  .img_list02 li {
    width: 32%;
    display: inline-block;
    text-align: center;
    margin-bottom: 1.0rem;
  }
  .img_list, .img_list02 li img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
  }
    
  
}


@media screen and (min-width:641px) and (max-width:1024px), print {
  /* :::::::::: フォント :::::::::: */
  p, li, dt, dd, th, td, caption {
    -webkit-text-size-adjust: none;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    font-size: 1.4vw;
  }
  .time dt, .time dd, .features p, footer li {
    line-height: 2em;
  }
  /* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
  html {
    overflow: auto;
  }
  body {
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(../images/ornament/ornament_01.png) no-repeat, url(../images/ornament/bg_01.jpg) repeat;
    background-size: 100% auto, 500px auto;
    overflow: hidden;
  }
  .content {
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
  }
  main {
    display: block;
    width: 70%;
    float: right;
  }
  aside {
    width: 25%;
    float: left;
  }
  /* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
  h1 {
    width: 49%;
    height: 7.4vw;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
  }
  h1 a {
    display: block;
    height: 100%;
  }
  h2 {}
  h3 {
    font-size: 2.2vw;
    text-align: center;
    padding: .4em 3.0em !important;
  }
  h3:after {
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 1.8vw;
    color: #4b2400;
    margin: 1% 0 0;
  }
  h3 br {
    display: none;
  }
  h4 {
    font-size: 1.8vw;
  }
  h5 {
    padding-top: 1.0em;
  }
  h6 {}
  /* =======================================================================

   全体

======================================================================= */
  /* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
  header {
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding: 6% 0 3%;
  }
  .h_inner {
    overflow: hidden;
    width: 100%;
  }
  header:before {
    content: "";
    display: block;
    width: 100%;
    height: 1vw;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -102%;
    top: 8.5vw;
  }
  header:after {
    content: "";
    display: block;
    width: 100%;
    height: 1vw;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -102%;
    top: 8.5vw;
  }
  .h_address {
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    float: left;
    margin: 1% 0 0;
  }
    
    .h_phone {
    background: #ffbd00;
    color: #fff;
    border-bottom: 4px solid #dba405;
    margin-bottom: .8em;
    padding: 0 2.0em;
  }
  .h_phone:before {
    content: "";
    display: block;
    width: 100%;
    height: 2vw;
    /*background:url(../images/ornament/dots_01.png) no-repeat;*/
    background-size: 150% auto;
    position: absolute;
  }
    
  header .phoneTapping {
    font-family: 'Satisfy', cursive;
    float: right;
    color: #fff;
    font-size: 1.8vw;
    letter-spacing: 0.1em;
    margin: 0;
    background: #ffbd00;
    padding: 5px;
    border-bottom: 4px solid #dba405;
  }
  header .phoneTapping span.rsv {
    font-size: .6em;
    display: block;
  }
  header .phoneTapping span.icon {
    display: inline-block;
    width: 2.5vw;
    height: 2.5vw;
    background: url(../images/icon_phone.png) no-repeat;
    background-size: 100% auto;
    margin: 0 1vw -2.5% 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  /* :::::::::: nav :::::::::: */
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
    top: 0;
  }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*!------------------------------------*\
	  accessibility
  \*!------------------------------------*/
  /*!
   * Only display content to screen readers
   * See: http://a11yproject.com/posts/how-to-hide-content
   */
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  #nav > ul {
    overflow: hidden;
    width: 84%;
    margin: 0 auto !important;
  }
  #nav > ul > li {
    width: calc(100% / 6);
    font-size: 1.8vw;
    float: left;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-style: solid;
    border-width: 0px 3px;
    -moz-border-image: url(../images/ornament/border_02.png) 0 3 0 0 repeat;
    -webkit-border-image: url(../images/ornament/border_02.png) 0 3 0 0 repeat;
    -o-border-image: url(../images/ornament/border_02.png) 0 3 0 0 repeat;
    border-image: url(../images/ornament/border_02.png) 0 3 0 0 fill repeat;
    box-sizing: border-box;
  }
  #nav > ul > li:first-child {
    -moz-border-image: url(../images/ornament/border_02.png) 0 3 repeat;
    -webkit-border-image: url(../images/ornament/border_02.png) 0 3 repeat;
    -o-border-image: url(../images/ornament/border_02.png) 0 3 repeat;
    border-image: url(../images/ornament/border_02.png) 0 3 fill repeat;
    box-sizing: border-box;
  }
  #nav > ul > li a, #nav > ul > li button {
    display: block;
    color: #4b2400;
    text-align: center;
    padding: 4.5vw 0 0.5vw;
  }
  #nav > ul > li a::after, #nav > ul > li button::after {
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 0.6em;
  }
  #nav > ul > li button {
    position: relative;
    width: 100%;
    border: none;
  }
  #nav > ul > li .subbox {
    display: none;
    position: absolute;
    bottom: auto;
    right: 0;
    height: auto;
    z-index: 100;
    background: #fff;
  }
  #nav > ul > li .subbox > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 16rem;
  }
  #nav > ul > li .subbox ul li {
    width: calc(50% - 1px);
    display: block;
    height: fit-content;
    font-size: 1em;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  #nav > ul > li .subbox ul li:nth-of-type(odd) {
    border-left: 1px solid #fff;
  }
  #nav > ul > li .subbox ul li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  #nav > ul > li .subbox ul li a {
    border: none;
    background: #64b88f;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 10px 0;
  }
  .sub {
    position: relative;
    padding: 45px 0 25px !important;
  }
  .sub::before {
    position: absolute;
    content: "";
    background: url(../images/s/arrow02.png) no-repeat center/contain;
    width: 1rem;
    height: 1rem;
    margin: auto;
    inset: auto 0 .5rem;
  }
  .close::before {
    transform: rotate(180deg);
  }
  .nav01 a {
    background: url(../images/nav01.png) no-repeat;
    background-size: 3vw auto;
    background-position: center 1vw;
  }
  .nav02 a {
    background: url(../images/nav02.png) no-repeat;
    background-size: 3vw auto;
    background-position: center 1vw;
  }
  .nav03 a {
    background: url(../images/nav03.png) no-repeat;
    background-size: 3vw auto;
    background-position: center 1vw;
  }
  .nav04 a {
    background: url(../images/nav04.png) no-repeat;
    background-size: 3vw auto;
    background-position: center 1vw;
  }
  .nav05 a {
    background: url(../images/nav05.png) no-repeat;
    background-size: 3vw auto;
    background-position: center 1vw;
  }
  .nav06 button {
    background: url(../images/nav06.png) no-repeat;
    background-size: 3vw auto;
    background-position: center 1vw;
  }
  .nav01 {
    width: 14%;
  }
  .nav02 {
    width: 16%;
  }
  .nav03 {
    width: 22%;
  }
  .nav04 {
    width: 22%;
  }
  .nav05 {
    width: 26%;
  }
  .nav06 {
    width: 26%;
  }
  .nav01 a:after {
    content: "Home"
  }
  .nav02 a:after {
    content: "Doctor"
  }
  .nav03 a:after {
    content: "Clinic"
  }
  .nav04 a:after {
    content: "Visitor"
  }
  .nav05 a:after {
    content: "Hours / Access"
  }
  .nav06 button:after {
    content: "Treatment"
  }
  .closeMenu, .drawer-hamburger {
    display: none;
  }
  /* :::::::::: key visual :::::::::: */
  .mainVisual {
    position: relative;
    width: 100%;
    height: 76vw;
    margin: 0 auto 6%;
    box-sizing: border-box;
    padding: 5% 0 0;
    overflow: hidden;
  }
  .h2index {
    background: url(../images/h2_index.png) no-repeat;
    background-size: 100% auto;
    width: 11%;
    height: 25vw;
    margin: 0 0 0 13%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .keyvisual {
    width: 70%;
    height: 46vw;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    position: absolute;
    right: 2.5%;
    bottom: 100px;
  }
  #cf1 {
    width: 100%;
    height: 46vw;
    background: url(../images/) no-repeat;
    background-size: 100% auto;
  }
  #cf2 {
    width: 100%;
    height: 46vw;
    background: url(../images/keyv_01.jpg) no-repeat;
    background-size: 100% auto;
  }
  .time {
    width: 40%;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    background: url(../images/ornament/bg_01.jpg) repeat;
    background-size: 500px auto;
    position: absolute;
    left: 2.5%;
    bottom: 0;
    padding: 3% 4%;
  }
  .time dl {
    height: 12vw;
    overflow: scroll;
    margin: 0 0 4%;
  }
  .time dd {
    padding: 0 0 1%;
    margin: 0 0 1%;
    border-style: solid;
    border-width: 0 0 3px 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
  }
  .time h3 {
    margin: 0 0 5%;
  }
  .time h3:after {
    content: "Time Table";
  }
  .time .date {
    display: none;
  }
  .keyv_image01 {
    display: block;
    width: 40%;
    height: 20.5vw;
    position: absolute;
    top: 20%;
    left: -20%;
  }
  .keyv_image02 {
    display: block;
    width: 68.5%;
    height: 16.5vw;
    position: absolute;
    right: -15%;
    bottom: 2%;
  }
  .keyv_image03 {
    display: block;
    width: 73.5%;
    height: 17.5vw;
    position: absolute;
    top: -4%;
    right: -35%;
    z-index: -1;
  }
  .keyv_cloud01 {
    display: block;
    width: 820px;
    height: 400px;
    position: absolute;
    top: -150px;
    left: -800px;
    z-index: -1;
  }
  .keyv_cloud02 {
    display: block;
    width: 820px;
    height: 380px;
    position: absolute;
    bottom: -250px;
    left: -590px;
    z-index: -1;
  }
  .keyv_cloud03 {
    display: block;
    width: 580px;
    height: 300px;
    position: absolute;
    top: 260px;
    right: -240px;
    z-index: -1;
  }
  .keyv_cloud04 {
    display: block;
    width: 610px;
    height: 290px;
    position: absolute;
    top: -200px;
    right: -740px;
    z-index: -1;
  }
  .keyv_cloud05 {
    display: block;
    width: 800px;
    height: 410px;
    position: absolute;
    bottom: -290px;
    right: -720px;
    z-index: -1;
  }
  /* -----------------------------------------------------------------------
  aside
----------------------------------------------------------------------- */
  .reservation a {
    display: block;
    background: url(../images/banner_reservation.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 15.5vw;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 12%;
  }
  .product a {
    display: block;
    background: url(../images/banner_product.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 15.5vw;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 12%;
  }
  .sidenav {
    overflow: hidden;
    background: url(../images/ornament/dots_01.png) no-repeat, url(../images/ornament/dots_01.png) no-repeat;
    background-size: 400% auto;
    background-position: top left, bottom left;
    padding: 12% 0;
  }
  .sidenav p {
    font-size: 2vw;
    text-align: center;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0 0 10%;
  }
  .sidenav p:after {
    content: "Service Menu";
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 0.7vw;
    color: #4b2400;
    margin: 5px 0 0;
  }
  .sidenav li {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0 0 10%;
  }
  .sidenav li a {
    display: block;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #4b2400;
    padding: 60% 0 0;
  }
  .sidenav li.general a {
    background: url(../images/sidenav01.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.preventive a {
    background: url(../images/sidenav02.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.pediatric a {
    background: url(../images/sidenav03.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.surgery a {
    background: url(../images/sidenav04.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.cosmetic a {
    background: url(../images/sidenav05.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.whitening a {
    background: url(../images/sidenav06.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.denture a {
    background: url(../images/sidenav07.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.visit a {
    background: url(../images/sidenav08.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.disabilities a {
    background: url(../images/sidenav09.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.implant a {
    background: url(../images/sidenav10.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.orthodontic a {
    background: url(../images/sidenav11.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .sidenav li.mta a {
    background: url(../images/sidenav12.png) no-repeat;
    background-size: 55% auto;
    background-position: center top;
  }
  .on-off1 {
    display: none;
  }
  /* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
  footer {
    position: relative;
    padding: 6% 0 0;
  }
  footer:before {
    content: "";
    display: block;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 30%;
    height: 5.3vw;
    margin: 0 auto 6%;
  }
  footer:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background: url(../images/ornament/ornament_01.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 2vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  footer ul {
    width: 60%;
    margin: auto;
    text-align: center;
  }
  footer ul:first-child {
    margin: 0 auto 2%;
  }
  footer li {
    width: auto !important;
    display: inline-block;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding: 0 .8%;
  }

  footer li button, footer li.nav06 {
    display: none;
  }
  footer li a {
    background: none !important;
  }
  footer li a::after {
    content: none !important;
  }
  .copyright {
    font-family: 'Satisfy', cursive;
    font-size: 1.4vw;
    color: #4b2400;
    text-align: center;
    padding: 6% 0 8%;
  }
  .footer_image01 {
    display: block;
    width: 68.5%;
    height: 16.5vw;
    position: absolute;
    left: 0%;
    bottom: 5%;
    transform: rotateY(180deg);
    z-index: -1;
  }
  .footer_image02 {
    display: block;
    width: 73.5%;
    height: 17.5vw;
    position: absolute;
    top: 2%;
    right: -26%;
    z-index: -1;
  }
  /* =======================================================================

   個別

======================================================================= */
  .timetable {
    width: 100%;
  }
  .timetable caption {
    caption-side: bottom;
    border-style: solid;
    border-width: 3px 0 0 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 10px 0 0;
  }
  .timetable th {
    font-weight: normal;
    width: 10%;
    padding: 3px 0;
  }
  .timetable td {
    text-align: center;
    width: 10%;
    padding: 3px 0;
  }
  th.hour, td.hour {
    width: 30%;
    text-align: left;
  }
  /* :::::::::: index.html :::::::::: */
  .info {
    margin: 0 auto 60px;
  }
  .info h3 {
    width: 80%;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 25% auto;
    background-position: left bottom, right bottom;
  }
  .info h3:after {
    content: "Clinic News";
  }
  .info dl {
    height: 15em;
    overflow-y: auto;
  }
  .info dl dt {
    font-weight: bold;
    margin-bottom: .4em;
  }
  .info dl dd {
    margin-bottom: 1.0em;
  }
  .features {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8% 5% 0;
    background: url(../images/ornament/border_03.png) no-repeat;
    background-size: 100% auto;
    background-position: top center;
  }
  .features h3 {
    width: 80%;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 25% auto;
    background-position: left bottom, right bottom;
  }
  .features h3:after {
    content: "Clinic Features";
  }
  .features section {
    width: 46%;
    float: left;
    margin: 0 8% 8% 0;
    padding: 30% 0 0;
  }
  .features section:nth-child(2) {
    background: url(../images/feature01_image01.png) no-repeat, url(../images/feature01_image02.png) no-repeat;
    background-size: 44% auto, 60% auto;
    background-position: 15% 36%, 85% top;
  }
  .features section:nth-child(3) {
    background: url(../images/feature02_image01.png) no-repeat, url(../images/feature02_image02.png) no-repeat;
    background-size: 44% auto, 60% auto;
    background-position: 15% 36%, 85% top;
  }
  .features section:nth-child(4) {
    background: url(../images/feature03_image01.png) no-repeat, url(../images/feature03_image02.png) no-repeat;
    background-size: 44% auto, 60% auto;
    background-position: 15% 36%, 85% top;
  }
  .features section:nth-child(5) {
    background: url(../images/feature04_image01.png) no-repeat, url(../images/feature04_image02.png) no-repeat;
    background-size: 44% auto, 60% auto;
    background-position: 15% 36%, 85% top;
  }
  .features section:nth-child(2n + 1) {
    margin: 0 0 8%;
  }
  .features h4 {
    margin: 0 0 1.5%;
  }
  .services {
    width: 100%;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    background-color: rgba(101, 184, 143, 0.25);
    padding: 3%;
    overflow: hidden;
    margin: 0 auto 60px;
  }
  .services li {
    width: 31%;
    float: left;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .services li a {
    display: block;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    color: #4b2400;
    text-align: right;
    margin: 6% 0 0;
  }
  .services li img {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 10px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    margin: 0 0 3%;
  }
  .services li a:after {
    content: "";
    display: inline-block;
    background: url(../images/ornament/arrow.png) no-repeat;
    background-size: 100% auto;
    width: 3.4vw;
    height: 8px;
    margin: 0 0 0 2%;
  }
  .services li:not(:last-child) {
    margin: 0 3.5% 0 0;
  }
  .calendar {
    margin: 0 auto 6%;
  }
  .calendar h3 {
    width: 80%;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 25% auto;
    background-position: left bottom, right bottom;
  }
  .calendar h3:after {
    content: "Calendar";
  }
  .calendar_inner {
    width: 74%;
    margin: 0 auto 6%;
    overflow: hidden;
  }
  .calendar_inner table {
    width: 46%;
    float: left;
  }
  .calendar_inner table:first-child {
    margin: 0 8% 0 0;
  }
  table.caledit th {
    padding: 3.5% 0;
  }
  table.caledit td {
    padding: 3.5% 0;
    position: relative
  }
  .outPatient:before {
    content: "";
    display: block;
    width: 2.8vw;
    height: 2.8vw;
    background: url(../images/ornament/calendar_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .saturday:before {
    content: "";
    display: block;
    width: 2.8vw;
    height: 2.8vw;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .calendarExplanation {
    width: 35%;
    margin: 0 auto;
  }
  .calendarExplanation li {
    margin: 0 0 10px;
  }
  .calendarExplanation li:first-child:before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    width: 1.4vw;
    height: 1.4vw;
    margin: 0 1vw -0.2% 0;
  }
  .calendarExplanation li:nth-child(2):before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_01.png) no-repeat;
    background-size: 100% auto;
    width: 1.4vw;
    height: 1.4vw;
    margin: 0 1vw -0.2% 0;
  }
  .clinic {
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 839px auto;
    background-position: top left;
    padding: 6% 0 0;
    margin: 0 0 6%;
  }
  .clinic h3 {
    width: 75%;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 25% auto;
    background-position: left bottom, right bottom;
  }
  .clinic h3:before {
    content: "";
    display: block;
    background: url(../images/mark.svg) no-repeat;
    width: 5.6vw;
    height: 5.5vw;
    margin: 0 auto 3%;
  }
  .clinic h3:after {
    content: "Clinic Info";
  }
  .clinic dl {
    width: 50%;
    float: left;
    overflow: hidden;
    margin: 0 0 3%;
  }
  .clinic dt {
    float: left;
    clear: both;
    background: #a3c505;
    color: #fff;
    width: 7.6vw;
    box-sizing: border-box;
    padding: 1% 1.6%;
    margin: 0 0 3%;
  }
  .clinic dd {
    float: left;
    box-sizing: border-box;
    padding: 1% 1.6%;
    margin: 0 0 3%;
  }
  .clinic table {
    width: 50%;
    float: right;
  }
  .clinic th {
    background-color: #4b2400;
    color: #fff;
  }
  .clinic .hour {
    padding: 0.4% 0 0.4% 0.8%;
  }
  .map {
    width: 100%;
    height: auto;
    clear: both;
    border-style: solid;
    border-width: 10px;
    border-image: url(../images/ornament/dots_02.png) 20 round;
    box-sizing: border-box;
    padding: 3%;
  }
  .map iframe {
    width: 100%;
    height: 76vw;
    border: 0;
  }
  .map img {
    max-width: 100%;
    height: auto;
    border: 0;
  }
  .sns {
    overflow: hidden;
    background-color: rgba(101, 184, 143, 0.25);
    position: relative;
    height: 92%;
    box-sizing: border-box;
    padding: 6% 0 220px;
  }
  .sns h3 {
    width: 50%;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 25% auto;
    background-position: left bottom, right bottom;
  }
  .sns h3:after {
    content: "Social Network";
  }
  .sns_inner {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
  }
  #pageplugin {
    width: 48% !important;
    float: left;
    margin: 0 0 4%;
  }
  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
    width: 100% !important;
  }
  .twitter-timeline {
    width: 48% !important;
    height: 500px !important;
    float: right;
    margin: 0 0 4%;
  }
  div.scrollingHotSpotLeft:hover {
    display: none !important;
    opacity: 0;
  }
  div.scrollingHotSpotRight {
    display: none !important;
  }
  .snapwidget-widget {
    position: relative;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }
  /* =======================================================================

   下層

======================================================================= */
  /* :::::::::: 共通 :::::::::: */
  .subpage .content {
    margin: 8% auto 0;
  }
  .subpage main section {
    overflow: hidden;
    clear: both;
  }
  .subpage main article > section {
    margin: 0 0 5%;
  }
  .subpage main article > section > section:nth-child(2) {}
  .subpage main article > section > section {
    padding: 10% 5% 12%;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 839px auto;
    background-position: bottom left;
  }
  .subpage main article > section > section > p {
    margin: 0 0 5%;
  }
  .subpage main article > section > section > section {
    margin: 0 0 5%;
  }
  .subpage main article > section > section > section > section {
    margin: 0 0 2.5%;
  }
  /* :::::::::: heading :::::::::: */
  .subpage main h2 {
    color: #4b2400;
    font-size: 3vw;
    background: url(../images/ornament/border_03.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    padding: 0 0 3%;
  }
  .subpage h3 {
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 15% auto;
    /*background-position: left bottom, right bottom;*/
    background-position: left center, right center;
    padding: .4em 0;
  }
  .h3_doctor01:after {
    content: "Greetings"
  }
  .h3_doctor02:after {
    content: "Biography"
  }
  .h3_clinic01:after {
    content: "Clinic Landscape"
  }
  .h3_visitor01:after {
    content: "For Visitor"
  }
  .h3_access01:after {
    content: "Hours"
  }
  .h3_access02:after {
    content: "Access"
  }
  .h3_general01:after {
    content: "About Caries"
  }
  .h3_general02:after {
    content: "About Periodontics"
  }
  .h3_general03:after {
    content: "About Root Canal Treatment"
  }
  .h3_general03:after {
    content: "About Root Canal Treatment"
  }
  .h3_preventive01:after {
    content: "About Preventive Dentistry"
  }
  .h3_preventive02:after {
    content: "Early Treatment"
  }
  .h3_preventive03:after {
    content: "Regular Dental Check"
  }
  .h3_preventive04:after {
    content: "Our Principal Treatment"
  }
  .h3_pediatric01:after {
    content: "About Pediatric Treatment"
  }
  .h3_pediatric02:after {
    content: "Baby Tooth Roles"
  }
  .h3_pediatric03:after {
    content: ""
  }
  .h3_pediatric04:after {
    content: "Childhood Caries Prevention"
  }
  .h3_pediatric05:after {
    content: "Tooth Decay"
  }
  .subpage h4 {
    font-size: 2.3vw;
    margin: 0 0 1%;
  }
  .subpage h5 {
    font-size: 2vw;
    margin: 0 0 1%;
    color: #65b88f;
  }
  /* :::::::::: text :::::::::: */
  .subpage main p {
    text-indent: 1em;
  }
  .subpage main p, .subpage main li, .subpage main dt, .subpage main dd {
    line-height: 3.5vw;
  }
  .subpage main dt {
    border-top: 1px solid #65b88f;
    color: #65b88f;
    font-weight: bold;
    padding: 15px 0 0;
  }
  .subpage main dd {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  /* :::::::::: image :::::::::: */
  .imageright, .img_r {
    width: 35%;
    float: right;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    padding: 1%;
    margin: 1% 0 0 3%;
  }
  /* :::::::::: list :::::::::: */
  .normal_list li {
    text-indent: -1.8em;
    padding: 0 0 0 1.8em;
  }
  .normal_list li:before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    width: 1.2vw;
    height: 1.2vw;
    margin: 0 2.4% -0.2% 0
  }
  /* -----------------------------------------------------------------------
  doctor.html
----------------------------------------------------------------------- */
  .doctor_name {
    font-family: "Yu Mincho", "YuMincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    text-align: right;
    /* background: url(../images/doctor_name.png) no-repeat;
    background-size: 30% auto;
    background-position: top right;
    width: 100%;
    height: 4vw;
    text-indent: 100% !important;
    overflow: hidden;
    white-space: nowrap; */
  }
  .doctor_name span.fs_l {
    font-size: 1.1rem;
  }
  /* -----------------------------------------------------------------------
  general.html
----------------------------------------------------------------------- */
  .perio_table {
    width: 100%;
  }
  .perio_table th {
    width: 27%;
    text-align: left;
    background-color: rgba(101, 184, 143, 0.25);
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
    color: #65b88f;
  }
  .perio_table td {
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
  }
  /* -----------------------------------------------------------------------
  pediatric.html
----------------------------------------------------------------------- */
  .pediatric_table {
    width: 100%;
  }
  .pediatric_table th {
    width: 25%;
    text-align: left;
    background-color: rgba(101, 184, 143, 0.25);
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
    color: #65b88f;
  }
  .pediatric_table td {
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
  }
  /* -----------------------------------------------------------------------
  whitening.html
----------------------------------------------------------------------- */
  .poririn {
    width: 100%;
    height: 100vw;
    background: url(../images/poririn_pc.jpg) no-repeat top center / contain;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
  }
  .sean {
    background: #fff;
    border: 1px solid #65b68d;
    padding: 1.0em;
  }
  .sean p {
    text-align: center;
  }
  .sean p > span {
    color: #65b68d;
    font-size: 1.6em;
  }
  .sean {
    position: relative;
  }
  .sean li {
    width: 24vw;
    display: inline-block;
    line-height: 1.4 !important;
  }
  .sean li img {
    float: left;
    margin-right: .4em;
  }
  .sean li span {
    height: 120px;
    display: table-cell;
    vertical-align: middle;
  }
  .sean li:last-child {
    position: absolute;
    right: 0;
    text-align: right;
  }
  .sean li:last-child img {
    float: none;
  }
  /* -----------------------------------------------------------------------
  denture.html　入れ歯
----------------------------------------------------------------------- */
  .img_list li {
    width: 48%;
    display: inline-block;
    text-align: center;
    margin-bottom: 1.0rem;
  }
  .img_list02 li {
    width: 32%;
    display: inline-block;
    text-align: center;
    margin-bottom: 1.0rem;
  }
  .img_list, .img_list02 li img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
  }
    
}




@media screen and (max-width:640px) {
  /* :::::::::: フォント :::::::::: */
  p, li, dt, dd, th, td, caption {
    -webkit-text-size-adjust: none;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    font-size: 3.6vw;
  }
  .time dt, .time dd {
    line-height: 7vw;
  }
  .features p, footer li {
    line-height: 8vw;
  }
  /* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
  html {
    overflow: auto;
  }
  body {
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url(../images/ornament/ornament_01.png) no-repeat, url(../images/ornament/bg_01.jpg) repeat;
    background-size: 200% auto, 500px auto;
    overflow: hidden;
  }
  .content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
  }
  main {
    display: block;
    /*order: 2;*/
    width: 100%;
  }
  aside {
    /*order: 1;*/
    width: 100%;
  }
  /* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
  h1 {
    width: 76%;
    height: 11.5vw;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 1% 4%;
  }
  h1 a {
    display: block;
    height: 100%;
  }
  h2 {}
  h3 {
    font-size: 4.6vw;
    text-align: center;
  }
  h3:after {
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 3.5vw;
    color: #4b2400;
    margin: 2% 0 0;
  }
  h4 {
    font-size: 5vw;
  }
  h5 {}
  h6 {}
  /* =======================================================================

   全体

======================================================================= */
  /* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
  header {
    padding: 9% 0 0;
    position: relative;
    overflow: hidden;
  }
  .h_inner {
    overflow: hidden;
  }
  .h_address {
    text-align: center;
    margin-bottom: 1%;
  }
  .h_phone {
      display: none !important;
  }

  header .phoneTapping {
    display: block;
    width: 100%;
    font-family: 'Satisfy', cursive;
    color: #fff;
    font-size: 8.5vw;
    letter-spacing: 0.1em;
    box-sizing: border-box;
    padding: 0;
  }
  header .phoneTapping:before {
    content: "";
    display: inline-block;
    width: 12%;
    height: 12vw;
    background: url(../images/icon_phone.png) no-repeat;
    background-size: 100% auto;
    margin: .4em 3% -4% 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  header .phoneTapping span.rsv {
    display: inline-block;
    font-size: 5.0vw;
  }
  header .phoneTapping span.icon {
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #4b2400;
    font-size: 3vw;
    line-height: 3.5vw;
    letter-spacing: 0;
    display: inline-block;
    width: 25%;
    margin: 0 3% 0 0;
    text-align: center;
  }
  /* :::::::::: nav :::::::::: */
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
    top: 0;
  }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*!------------------------------------*\
	  accessibility
  \*!------------------------------------*/
  /*!
   * Only display content to screen readers
   * See: http://a11yproject.com/posts/how-to-hide-content
   */
  .sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .drawer-hamburger {
    position: absolute !important;
    top: 3% !important;
    right: 4% !important;
    background: url(../images/s/btn_menu.png) no-repeat !important;
    background-size: 100% auto !important;
    width: 14% !important;
    height: 14vw !important;
    border: none;
  }
  .drawer-hamburger-icon {
    display: none !important;
  }
  #nav {
    display: none;
    height: 100vh !important;
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    background: #fff;
  }
  #nav > ul {
    overflow: scroll;
    width: 100%;
    height: 100vh !important;
    margin: 0 auto !important;
  }
  #nav > ul > li {
    font-size: 3.6vw;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    box-sizing: border-box;
  }
  #nav > ul > li a, #nav > ul > li button {
    width: 88%;
    margin: 0 auto;
    display: block;
    color: #4b2400;
    text-align: center;
    padding: 10% 0 2%;
    border-style: solid;
    border-width: 0 0 3px 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
    font-size: 3.6vw;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  #nav li a:after, #nav > ul > li button::after {
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 1.5vw;
  }
  #nav > ul > li .subbox {
    width: 88%;
    margin: 0 auto;
    display: none;
  }
  #nav > ul > li .subbox ul {
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
    gap: 10px;
    padding-top: 10px;
  }
  #nav > ul > li .subbox ul li {
    width: calc(50% - 5px);
    display: block;
    height: fit-content;
  }
  #nav > ul > li .subbox ul li a {
    border: none;
    background: #64b88f;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 2% 0;
  }
  .nav01 a {
    background: url(../images/nav01.png) no-repeat;
    background-size: 6% auto;
    background-position: center 4vw;
  }
  .nav02 a {
    background: url(../images/nav02.png) no-repeat;
    background-size: 6% auto;
    background-position: center 4vw;
  }
  .nav03 a {
    background: url(../images/nav03.png) no-repeat;
    background-size: 6% auto;
    background-position: center 4vw;
  }
  .nav04 a {
    background: url(../images/nav04.png) no-repeat;
    background-size: 6% auto;
    background-position: center 4vw;
  }
  .nav05 a {
    background: url(../images/nav05.png) no-repeat;
    background-size: 6% auto;
    background-position: center 4vw;
  }
  .nav06 button {
    background: url(../images/nav06.png) no-repeat;
    background-size: 6% auto;
    background-position: center 4vw;
  }
  .sub {
    position: relative;
    padding: 10% 0 7% !important;
  }
  .sub::before {
    position: absolute;
    content: "";
    background: url(../images/s/arrow02.png) no-repeat center/contain;
    width: 1rem;
    height: 1rem;
    margin: auto;
    inset: auto 0 .5rem;
  }
  .close::before {
    transform: rotate(180deg);
  }
  .nav01 a:after {
    content: "Home"
  }
  .nav02 a:after {
    content: "Doctor"
  }
  .nav03 a:after {
    content: "Clinic"
  }
  .nav04 a:after {
    content: "Visitor"
  }
  .nav05 a:after {
    content: "Hours / Access"
  }
  .nav06 button:after {
    content: "Treatment"
  }
  .closeMenu {
    text-align: center;
    color: #4b2400;
    cursor: pointer;
    padding: 5% 0;
  }
  /* :::::::::: key visual :::::::::: */
  .mainVisual {
    position: relative;
    width: 100%;
    /*height: 204vw;*/
    height: 105vw;
    box-sizing: border-box;
    padding: 6% 0 0;
    overflow: hidden;
  }
  .h2index {
    background: url(../images/h2_index.png) no-repeat;
    background-size: 100% auto;
    width: 26%;
    height: 295px;
    margin: 0 0 0 10%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  .keyvisual {
    width: 75%;
    height: 47vw;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    position: absolute;
    right: -10%;
    /*top: 20%;*/
      top: 35%;
  }
  #cf1 {
    width: 100%;
    height: 47vw;
    background: url(../images/keyv_01.jpg) no-repeat;
    background-size: 100% auto;
  }
  #cf2 {
    width: 100%;
    height: 47vw;
    background: url(../images/keyv_02.jpg) no-repeat;
    background-size: 100% auto;
  }
  #cf3 {
    width: 100%;
    height: 47vw;
    background: url(../images/keyv_03.jpg) no-repeat;
    background-size: 100% auto;
  }    
  #cf4 {
    width: 100%;
    height: 47vw;
    background: url(../images/keyv_04.jpg) no-repeat;
    background-size: 100% auto;
  }   
    
  .time {
    width: 88%;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    background: url(../images/ornament/bg_01.jpg) repeat;
    background-size: 500px auto;
    /*position: absolute;*/
    right: 0;
    bottom: 12%;
    left: 0;
    padding: 7% 6%;
    margin: 0 auto 2rem;
  }
  .time dl {
    height: 35vw;
    overflow: scroll;
    margin: 0 0 20px;
  }
  .time dd {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-style: solid;
    border-width: 0 0 3px 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
  }
  .time h3 {
    margin: 0 0 6%;
  }
  .time h3:after {
    content: "Time Table";
  }
  .time .date {
    display: none;
  }
  .keyv_image01 {
    display: block;
    width: 60%;
    height: 30.75vw;
    position: absolute;
    top: 23%;
    left: -30%;
  }
  .keyv_image02 {
    display: block;
    width: 102.75%;
    height: 24.75vw;
    position: absolute;
    right: -10%;
    bottom: 0;
  }
  .keyv_image03 {
    display: block;
    width: 110.25%;
    height: 26.25vw;
    position: absolute;
    top: 0;
    right: -30%;
    z-index: -1;
  }
  .keyv_cloud01 {
    display: block;
    width: 820px;
    height: 400px;
    position: absolute;
    top: -150px;
    left: -800px;
    z-index: -1;
  }
  .keyv_cloud02 {
    display: block;
    width: 820px;
    height: 380px;
    position: absolute;
    bottom: -250px;
    left: -590px;
    z-index: -1;
  }
  .keyv_cloud03 {
    display: block;
    width: 580px;
    height: 300px;
    position: absolute;
    top: 260px;
    right: -240px;
    z-index: -1;
  }
  .keyv_cloud04 {
    display: block;
    width: 610px;
    height: 290px;
    position: absolute;
    top: -200px;
    right: -740px;
    z-index: -1;
  }
  .keyv_cloud05 {
    display: block;
    width: 800px;
    height: 410px;
    position: absolute;
    bottom: -290px;
    right: -720px;
    z-index: -1;
  }
  /* -----------------------------------------------------------------------
  aside
----------------------------------------------------------------------- */
  .reservation a {
    display: block;
    background: url(../images/s/banner_reservation.png) no-repeat;
    background-size: 100% auto;
    width: 88%;
    height: 23.5vw;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto 6%;
  }
  .product a {
    display: block;
    background: url(../images/s/banner_product.png) no-repeat;
    background-size: 100% auto;
    width: 88%;
    height: 23.5vw;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto 6%;
  }
  .sidenav {
    width: 100%;
    overflow: hidden;
    background: url(../images/ornament/dots_01.png) no-repeat, url(../images/ornament/dots_01.png) no-repeat;
    background-size: 150% auto;
    background-position: top left, bottom left;
    padding: 4% 0;
    margin: 0 0 6%;
  }
  .sidenav p {
    font-size: 4.6vw;
    text-align: center;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .sidenav p label {
    display: block;
    margin: 0 0 1.5%;
  }
  .sidenav p label:after {
    content: "Service Menu";
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 3.5vw;
    color: #4b2400;
    margin: 1% 0 0;
  }
  .sidenav ul {
    width: 80%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .sidenav li {
    width: 33%;
    float: left;
    text-align: center;
    margin: 0 0 4%;
  }
  .sidenav li a {
    display: block;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #4b2400;
    padding: 60% 0 0;
  }
  .sidenav li.general a {
    background: url(../images/sidenav01.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.preventive a {
    background: url(../images/sidenav02.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.pediatric a {
    background: url(../images/sidenav03.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.surgery a {
    background: url(../images/sidenav04.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.cosmetic a {
    background: url(../images/sidenav05.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.whitening a {
    background: url(../images/sidenav06.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.denture a {
    background: url(../images/sidenav07.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.visit a {
    background: url(../images/sidenav08.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.disabilities a {
    background: url(../images/sidenav09.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.implant a {
    background: url(../images/sidenav10.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.orthodontic a {
    background: url(../images/sidenav11.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  .sidenav li.mta a {
    background: url(../images/sidenav12.png) no-repeat;
    background-size: 15vw auto;
    background-position: center top;
  }
  /* :::::::::: アコーディオン :::::::::: */
  .accordionTitle {
    padding: 0 0 1.5%;
  }
  .accordionTitle:after {
   /* content: "";
    display: block;
    background: url(../images/s/arrow02.png) no-repeat;
    background-size: 100% auto;
    width: 2vw;
    height: 2vw;
    margin: 0 auto;*/
  }
  .accordion ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  input[type="checkbox"].on-off1 {
    display: none;
  }
  input[type="checkbox"].on-off1 + ul {
    height: 0;
    /*overflow: hidden; アコーディオン復活の時はコメントアウトをはずす*/
  }
  input[type="checkbox"].on-off1:checked + ul {
    height: 100vw;
  }
  /* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
  footer {
    position: relative;
    padding: 8% 0 0;
    overflow: hidden;
  }
  footer:before {
    content: "";
    display: block;
    background: url(../images/logo.svg) no-repeat;
    background-size: 100% auto;
    width: 300px;
    height: 53px;
    margin: 0 auto 60px;
  }
  footer:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background: url(../images/ornament/ornament_01.png) no-repeat;
    background-size: 200% auto;
    width: 100%;
    height: 4vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  footer ul {
    display: none;
  }
  .copyright {
    font-family: 'Satisfy', cursive;
    font-size: 3vw;
    color: #4b2400;
    text-align: right;
    padding: 6% 15% 15% 0;
  }
  .footer_image01 {
    display: block;
    width: 102.75%;
    height: 24.75vw;
    position: absolute;
    left: -17%;
    bottom: 25%;
    transform: rotateY(180deg);
    z-index: -1;
  }
  .footer_image02 {
    display: block;
    width: 110.25%;
    height: 26.25vw;
    position: absolute;
    top: 10%;
    right: -64%;
    z-index: -1;
  }
  /* =======================================================================

   個別

======================================================================= */
  .timetable {
    width: 100%;
  }
  .timetable caption {
    caption-side: bottom;
    border-style: solid;
    border-width: 3px 0 0 0;
    border-image: url(../images/ornament/borderbox_01.png) 5 round;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 10px 0 0;
  }
  .timetable th {
    font-weight: normal;
    padding: 3px 0;
  }
  .timetable td {
    text-align: center;
    padding: 3px 0;
  }
  th.hour, td.hour {
    width: 34%;
    text-align: left;
  }
  /* :::::::::: index.html :::::::::: */
  .info {
    margin: 0 auto 60px;
      order:1;
  }
  .info h3 {
    width: 88%;
    box-sizing: border-box;
    margin: 2rem auto 0;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 15% auto;
    background-position: left bottom, right bottom;
  }
  .info h3:after {
    content: "Clinic News";
  }
  .info dl {
    margin: 1em;
    height: 10em;
    overflow-y: auto;
  }
  .info dl dt {
    font-weight: bold;
    margin-bottom: .4em;
  }
  .info dl dd {
    margin-bottom: 1.0em;
  }
  .features {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10% 0 10%;
    background: url(../images/ornament/border_03.png) no-repeat;
    background-size: 150% auto;
    background-position: 115% top;
  }
  .features h3 {
    width: 88%;
    box-sizing: border-box;
    margin: 0 auto;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 15% auto;
    background-position: left bottom, right bottom;
  }
  .features h3:after {
    content: "Clinic Features";
  }
  .features section {
    width: 88%;
    margin: 0 auto;
    padding: 65% 0 0;
  }
  .features section:nth-child(2) {
    background: url(../images/feature01_image01.png) no-repeat, url(../images/feature01_image02.png) no-repeat;
    background-size: 38% auto, 62% auto;
    background-position: 18% 57%, 78% 23%;
  }
  .features section:nth-child(3) {
    background: url(../images/feature02_image01.png) no-repeat, url(../images/feature02_image02.png) no-repeat;
    background-size: 38% auto, 62% auto;
    background-position: 86% 48%, 20% 23%;
  }
  .features section:nth-child(4) {
    background: url(../images/feature03_image01.png) no-repeat, url(../images/feature03_image02.png) no-repeat;
    background-size: 38% auto, 62% auto;
    background-position: 18% 26%, 78% 23%;
  }
  .features section:nth-child(5) {
    background: url(../images/feature04_image01.png) no-repeat, url(../images/feature04_image02.png) no-repeat;
    background-size: 38% auto, 62% auto;
    background-position: 86% 28%, 20% 23%;
  }
  .features h4 {
    text-align: center;
    margin: 0 0 3%;
  }
  .services {
    width: 100%;
    border-style: solid;
    border-width: 3px 0 3px 0;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    background-color: rgba(101, 184, 143, 0.25);
    padding: 10% 18%;
    overflow: hidden;
    margin: 0 auto 6%;
  }
  .services li {
    width: 100%;
    font-family: 'hannari', "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0 0 10%;
  }
  .services li a {
    display: block;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    color: #4b2400;
    text-align: right;
    margin: 10% 0 0;
  }
  .services li img {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 10px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    margin: 0 0 5%;
  }
  .services li a:after {
    content: "";
    display: inline-block;
    background: url(../images/ornament/arrow.png) no-repeat;
    background-size: 100% auto;
    width: 13.6%;
    height: 2vw;
    margin: 0 0 0 5%;
  }
  .calendar {
    margin: 0 auto 6%;
  }
  .calendar h3 {
    width: 88%;
    box-sizing: border-box;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 15% auto;
    background-position: left bottom, right bottom;
  }
  .calendar h3:after {
    content: "Calendar";
  }
  .calendar_inner {
    width: 70%;
    margin: 0 auto 3%;
    overflow: hidden;
  }
  .calendar_inner table {
    width: 100%;
    margin: 0 0 5%;
  }
  table.caledit th {
    padding: 3% 0;
  }
  table.caledit td {
    padding: 3% 0;
    position: relative
  }
  .outPatient:before {
    content: "";
    display: block;
    width: 7vw;
    height: 7vw;
    background: url(../images/ornament/calendar_01.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .saturday:before {
    content: "";
    display: block;
    width: 7vw;
    height: 7vw;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
  }
  .calendarExplanation {
    width: 60%;
    margin: 0 auto;
  }
  .calendarExplanation li {
    margin: 0 0 10px;
  }
  .calendarExplanation li:first-child:before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    width: 4vw;
    height: 4vw;
    margin: 0 3% -0.5vw 0;
  }
  .calendarExplanation li:nth-child(2):before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_01.png) no-repeat;
    background-size: 100% auto;
    width: 4vw;
    height: 4vw;
    margin: 0 3% -0.5vw 0;
  }
  .clinic {
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 150% auto;
    background-position: top left;
    padding: 12% 0 0;
    margin: 0 0 6%;
  }
  .clinic h3 {
    width: 88%;
    margin: 0 auto 6%;
    box-sizing: border-box;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 15% auto;
    background-position: left bottom, right bottom;
  }
  .clinic h3:before {
    content: "";
    display: block;
    background: url(../images/mark.svg) no-repeat;
    width: 56px;
    height: 55px;
    margin: 0 auto 15px;
  }
  .clinic h3:after {
    content: "Clinic Info";
  }
  .clinic dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px;
  }
  .clinic dt {
    background: #a3c505;
    color: #fff;
    width: 20%;
    box-sizing: border-box;
    padding: 1% 2%;
    margin: 0 auto 1.5%;
    text-align: center;
  }
  .clinic dd {
    box-sizing: border-box;
    padding: 1% 2%;
    margin: 0 0 3%;
    text-align: center;
  }
  .clinic table {
    width: 88%;
    margin: 0 auto 12%;
  }
  .clinic th {
    background-color: #4b2400;
    color: #fff;
  }
  .clinic .hour {
    padding: 4px 0 4px 8px;
  }
  .subpage main .clinic dl dt {
    border-top: none;
    color: #fff;
    font-weight: initial;
    padding: 5px 8px;
    line-height: initial;
    margin: 0 auto 1.5%;
  }
  .overviewBackground-none {
    background: none;
    padding: initial;
  }
  .subpage .overviewBackground-none > h3 {
    margin: 0 auto 6%;
  }
  .map {
    width: 88%;
    height: auto;
    border-style: solid;
    border-width: 10px;
    border-image: url(../images/ornament/dots_02.png) 20 round;
    box-sizing: border-box;
    padding: 3%;
    margin: 0 auto;
  }
  .map iframe {
    width: 100%;
    height: 100vw;
    border: 0;
  }
  .map img {
    max-width: 100%;
    height: auto;
    border: 0;
  }
  .sns {
    overflow: hidden;
    background-color: rgba(101, 184, 143, 0.25);
    position: relative;
    padding: 6% 0 0;
  }
  .sns h3 {
    width: 88%;
    margin: 0 auto 6%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 26% auto;
    background-position: left bottom, right bottom;
  }
  .sns h3:after {
    content: "Social Network";
  }
  .sns_inner {
    width: 75%;
    margin: 0 auto;
    overflow: hidden;
  }
  #pageplugin {
    width: 100% !important;
    margin: 0 0 4%;
  }
  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
    width: 100% !important;
  }
  .twitter-timeline {
    width: 100% !important;
    height: 500px !important;
    margin: 0 0 4%;
  }
  div.scrollingHotSpotLeft:hover {
    display: none !important;
    opacity: 0;
  }
  div.scrollingHotSpotRight {
    display: none !important;
  }
  .snapwidget-widget {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    display: block;
  }
  /* =======================================================================

   下層

======================================================================= */
  .subpage .h_phone:before {
    content: none;
  }
  .subpage .phoneTapping {
    /*padding: 0 6%;
	margin: 0 auto 4%;*/
  }
  /* :::::::::: 共通 :::::::::: */
  .subpage main section {
    overflow: hidden;
    clear: both;
  }
  .subpage main article > section {
    margin: 0 0 5%;
  }
  .subpage main article > section > p {
    padding: 0 5%;
  }
  .subpage main article > section > section:nth-child(2) {}
  .subpage main article > section > section {
    padding: 10% 5% 12%;
    background: url(../images/ornament/dots_01.png) no-repeat;
    background-size: 839px auto;
    background-position: bottom left;
  }
  .subpage main article > section p {
    margin: 5% 0;
  }
  .subpage main article > section > section > section {
    margin: 0 0 5%;
  }
  .subpage main article > section > section > section > section {
    margin: 0 0 2.5%;
  }
  /* :::::::::: heading :::::::::: */
  .subpage main h2 {
    color: #4b2400;
    font-size: 6vw;
    background: url(../images/ornament/border_03.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    padding: 3% 0 3%;
    width: 90%;
    margin: 0 auto 4%;
  }
  .subpage h3 {
    margin: 0 auto 12%;
    background: url(../images/ornament/ornament_02.png) no-repeat, url(../images/ornament/ornament_03.png) no-repeat;
    background-size: 15% auto;
    /*background-position: left bottom, right bottom;*/
    background-position: left center, right center;
    padding: .4em 0;
  }
  .h3_doctor01:after {
    content: "Greetings"
  }
  .h3_doctor02:after {
    content: "Biography"
  }
  .h3_clinic01:after {
    content: "Clinic Landscape"
  }
  .h3_visitor01:after {
    content: "For Visitor"
  }
  .h3_access01:after {
    content: "Hours"
  }
  .h3_access02:after {
    content: "Access"
  }
  .h3_general01:after {
    content: "About Caries"
  }
  .h3_general02:after {
    content: "About Periodontics"
  }
  .h3_general03:after {
    content: "About Root Canal Treatment"
  }
  .h3_general03:after {
    content: "About Root Canal Treatment"
  }
  .h3_preventive01:after {
    content: "About Preventive Dentistry"
  }
  .h3_preventive02:after {
    content: "Early Treatment"
  }
  .h3_preventive03:after {
    content: "Regular Dental Check"
  }
  .h3_preventive04:after {
    content: "Our Principal Treatment"
  }
  .h3_pediatric01:after {
    content: "About Pediatric Treatment"
  }
  .h3_pediatric02:after {
    content: "Baby Tooth Roles"
  }
  .h3_pediatric03:after {
    content: ""
  }
  .h3_pediatric04:after {
    content: "Childhood Caries Prevention"
  }
  .h3_pediatric05:after {
    content: "Tooth Decay"
  }
  .subpage h4 {
    font-size: 4.6vw;
    margin: 0 0 4%;
  }
  .subpage h5 {
    font-size: 4vw;
    margin: 0 0 4%;
    color: #65b88f;
  }
  /* :::::::::: text :::::::::: */
  .subpage main p {
    text-indent: 1em;
  }
  .subpage main p, .subpage main li, .subpage main dt, .subpage main dd {
    line-height: 8vw;
  }
  .subpage main dt {
    border-top: 1px solid #65b88f;
    color: #65b88f;
    font-weight: bold;
    padding: 15px 0 0;
  }
  .subpage main dd {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  /* :::::::::: image :::::::::: */
  .imageright, .img_r {
    width: 50%;
    display: block;
    border-style: solid;
    border-width: 3px;
    border-image: url(../images/ornament/borderbox_01.png) 3 round;
    box-sizing: border-box;
    padding: 1%;
    margin: 0 auto 6%;
  }
  /* :::::::::: list :::::::::: */
  .normal_list li {
    text-indent: -1.8em;
    padding: 0 0 0 1.8em;
  }
  .normal_list li:before {
    content: "";
    display: inline-block;
    background: url(../images/ornament/calendar_02.png) no-repeat;
    background-size: 100% auto;
    width: 2.4vw;
    height: 2.4vw;
    margin: 0 4.8% -0.2% 0
  }
  /* -----------------------------------------------------------------------
  doctor.html
----------------------------------------------------------------------- */
  .doctor_name {
    font-family: "Yu Mincho", "YuMincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    text-align: right;
    /* background: url(../images/doctor_name.png) no-repeat;
    background-size: 70% auto;
    background-position: top right;
    width: 100%;
    height: 12vw;
    text-indent: 100% !important;
    overflow: hidden;
    white-space: nowrap; */
  }
  .doctor_name span.fs_l {
    font-size: 1rem;
  }

  /* -----------------------------------------------------------------------
  general.html
----------------------------------------------------------------------- */
  .perio_table {
    width: 100%;
  }
  .perio_table th {
    width: 27%;
    text-align: left;
    background-color: rgba(101, 184, 143, 0.25);
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
    color: #65b88f;
  }
  .perio_table td {
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
  }
  /* -----------------------------------------------------------------------
  pediatric.html
----------------------------------------------------------------------- */
  .pediatric_table {
    width: 100%;
  }
  .pediatric_table th {
    width: 25%;
    text-align: left;
    background-color: rgba(101, 184, 143, 0.25);
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
    color: #65b88f;
  }
  .pediatric_table td {
    border: 1px solid rgba(101, 184, 143, 0.25);
    padding: 3%;
  }
  /* -----------------------------------------------------------------------
  whitening.html
----------------------------------------------------------------------- */
  .poririn {
    width: 100%;
    height: 260vw;
    background: url(../images/poririn_sp.jpg) no-repeat top center / contain;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
  }
  .sean {
    background: #fff;
    border: 1px solid #65b68d;
    padding: .4em;
  }
  .sean p {
    text-align: center;
  }
  .sean p > span {
    color: #65b68d;
    font-size: 1.6em;
  }
  .sean {
    position: relative;
  }
  .sean li {
    width: 46%;
    display: inline-block;
    line-height: 1.4 !important;
    margin-top: 1.0em;
  }
  .sean li img {
    width: 50%;
    height: auto;
    float: left;
    margin-right: .4em;
  }
  .sean li span {
    display: table-cell;
  }
  .sean li:last-child {
    position: absolute;
    right: 0;
    text-align: right;
  }
  .sean li:last-child img {
    float: none;
  }
  /* -----------------------------------------------------------------------
  denture.html　入れ歯
----------------------------------------------------------------------- */
  .img_list li {
    text-align: center;
    margin-bottom: 1.0rem;
  }
  .img_list, .img_list02 li img {
    display: block;
    max-width: 80%;
    height: auto;
    margin: auto;
  }
    
 
    

    
    
    
}