/* CSS Document */
/************************************************************************************
smaller than 768
*************************************************************************************/
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
  /* line 16, ../sass/media-queries.scss */
  body {
    word-break: normal;
    word-wrap: break-word;
  }

  /* line 22, ../sass/media-queries.scss */
  div#main div.breadcrumbs {
    display: none;
  }
  /* line 28, ../sass/media-queries.scss */
  div#main article#book {
    margin: 0 10px;
  }
  /* line 30, ../sass/media-queries.scss */
  div#main article#book a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: none;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
  }
  /* line 40, ../sass/media-queries.scss */
  div#main article#otona {
    float: none;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: auto;
    padding: 0 10px;
    width: 100%;
  }
  /* line 48, ../sass/media-queries.scss */
  div#main article#otona a {
    display: block;
    height: auto;
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  /* line 57, ../sass/media-queries.scss */
  div#main section#sp-menu {
    width: 100%;
    margin-top: 0;
  }
  /* line 60, ../sass/media-queries.scss */
  div#main section#sp-menu ul {
    margin-top: 12px;
  }
  /* line 63, ../sass/media-queries.scss */
  div#main section#sp-menu li {
    width: 100%;
  }
  /* line 65, ../sass/media-queries.scss */
  div#main section#sp-menu li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  /* line 70, ../sass/media-queries.scss */
  div#main section#sp-menu li:first-child {
    margin-top: 0;
  }
  /* line 74, ../sass/media-queries.scss */
  div#main section#sp-menu li:nth-child(2) a {
    background-position: 90% 0;
    font-size: .9rem;
    padding-top: 25px;
  }
  /* line 84, ../sass/media-queries.scss */
  div#main h2#h-trouble {
    font-size: .925rem;
  }
  /* line 90, ../sass/media-queries.scss */
  div#main nav#nav-symptom li,
  div#main nav#nav-treatment li {
    display: block;
  }
  /* line 92, ../sass/media-queries.scss */
  div#main nav#nav-symptom li p,
  div#main nav#nav-treatment li p {
    text-shadow: 1px 1px 0.5px white, -1px 1px 0.5px white, 1px -1px 0.5px white, -1px -1px 0.5px white;
  }
  /* line 106, ../sass/media-queries.scss */
  div#main div#contents div.child div.base-pink h5.h-brown {
    font-size: 15px;
    width: auto;
  }
  /* line 109, ../sass/media-queries.scss */
  div#main div#contents div.child div.base-pink h5.h-brown ruby {
    margin-bottom: 0;
  }
  /* line 111, ../sass/media-queries.scss */
  div#main div#contents div.child div.base-pink h5.h-brown ruby rt {
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  /* line 120, ../sass/media-queries.scss */
  div#main div#contents div.child div.base-pink span.link-pink:first-child a {
    margin-bottom: 10px;
  }
  /* line 128, ../sass/media-queries.scss */
  div#main div#contents div.post h2 {
    line-height: 1.3;
    padding: 15px;
  }
  /* line 132, ../sass/media-queries.scss */
  div#main div#contents div.post h3 {
    line-height: 1.3;
    padding-bottom: 5px;
  }
  /* line 136, ../sass/media-queries.scss */
  div#main div#contents div.post div.google-maps {
    margin-bottom: 10px;
  }
  /* line 141, ../sass/media-queries.scss */
  div#main div#contents div.about {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
  }
  /* line 145, ../sass/media-queries.scss */
  div#main div#contents div.about h2.title {
    padding-bottom: 10px;
    padding-left: 20px;
  }
  /* line 149, ../sass/media-queries.scss */
  div#main div#contents div.about h3 {
    margin: 0 15px 10px 15px;
  }
  /* line 152, ../sass/media-queries.scss */
  div#main div#contents div.about img.img-sentence {
    width: 100%;
  }
  /* line 155, ../sass/media-queries.scss */
  div#main div#contents div.about div.profile {
    padding-left: 20px;
  }
  /* line 158, ../sass/media-queries.scss */
  div#main div#contents div.about div.bio,
  div#main div#contents div.about div.academic-society {
    background-position: 0 40px;
    background-size: 100% 72%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 20px;
    width: 100%;
  }
  /* line 169, ../sass/media-queries.scss */
  div#main div#contents div.about div.bio h4,
  div#main div#contents div.about div.academic-society h4 {
    margin-top: 30px;
  }
  /* line 173, ../sass/media-queries.scss */
  div#main div#contents div.about div.academic-society {
    background-position: 0 45px;
    background-size: 100% 75%;
  }
  /* line 177, ../sass/media-queries.scss */
  div#main div#contents div.about h4.greeting {
    margin-left: 20px;
    margin-right: 15px;
  }
  /* line 181, ../sass/media-queries.scss */
  div#main div#contents div.about div#introduction {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0 15px;
  }
  /* line 186, ../sass/media-queries.scss */
  div#main div#contents div.about div#introduction div.ph-left,
  div#main div#contents div.about div#introduction div.ph-right,
  div#main div#contents div.about div#introduction div.ph-center {
    float: none;
    width: 100%;
  }
  /* line 191, ../sass/media-queries.scss */
  div#main div#contents div.about div#introduction div.ph-left img,
  div#main div#contents div.about div#introduction div.ph-right img,
  div#main div#contents div.about div#introduction div.ph-center img {
    width: 100%;
  }
  /* line 194, ../sass/media-queries.scss */
  div#main div#contents div.about div#introduction div.ph-left p,
  div#main div#contents div.about div#introduction div.ph-right p,
  div#main div#contents div.about div#introduction div.ph-center p {
    line-height: 1.5;
  }
  /* line 202, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases h2.title {
    padding-bottom: 10px;
  }
  /* line 205, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases {
    background: none;
    margin: 0;
    padding-bottom: 50px;
  }
  /* line 209, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-before {
    margin-left: 25px;
    width: 40%;
  }
  /* line 214, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-before h5 {
    margin: 0;
    text-align: center;
  }
  /* line 217, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-before h5 img {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  /* line 223, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-before div.case-before-ph {
    padding: 7px 7px 0 7px;
    width: auto;
  }
  /* line 226, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-before div.case-before-ph img {
    margin-bottom: 7px;
  }
  /* line 231, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-after {
    float: right;
    margin-left: 0;
    margin-right: 25px;
    width: 40%;
  }
  /* line 238, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-after h5 {
    margin: 0;
    text-align: center;
  }
  /* line 241, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-after h5 img {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
  /* line 247, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-after div.case-after-ph {
    padding: 7px 7px 0 7px;
    width: auto;
  }
  /* line 250, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases div.cases div.case-after div.case-after-ph img {
    margin-bottom: 7px;
  }
  /* line 256, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases h4.h-cases {
    font-size: 16px;
    line-height: 1.2;
    padding-right: 25px;
  }
  /* line 261, ../sass/media-queries.scss */
  div#main div#contents div.treatment-cases p {
    padding-right: 25px !important;
  }
  /* line 268, ../sass/media-queries.scss */
  div#main div#contents div.fee div.scroll {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 25px;
  }
  /* line 276, ../sass/media-queries.scss */
  div#main div#contents div.fee table {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    table-layout: fixed;
    margin: 25px 0;
    word-break: break-word;
  }
  /* line 283, ../sass/media-queries.scss */
  div#main div#contents div.fee table td {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12.5px;
    text-align: center;
    width: 100%;
  }
  /* line 292, ../sass/media-queries.scss */
  div#main div#contents div.fee div.scroll + p {
    padding-left: 25px !important;
  }
  /* line 296, ../sass/media-queries.scss */
  div#main div#contents div.fee section#medical-support {
    padding: 15px 25px;
  }
  /* line 298, ../sass/media-queries.scss */
  div#main div#contents div.fee section#medical-support p {
    padding: 0;
  }

  /* line 305, ../sass/media-queries.scss */
  #sitebody, #wrapper, #copyright-other-menu {
    width: 100%;
  }

  /* line 309, ../sass/media-queries.scss */
  #siteHeader h1 {
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /* line 316, ../sass/media-queries.scss */
  #siteHeader h2 {
    padding: 0 20px 15px 20px;
  }
  /* line 319, ../sass/media-queries.scss */
  #siteHeader ul {
    /* border: solid 1px #ccc;
    li {
      line-height: 0;
      font-size: 0;
    } */
    display: none;
  }

  /* line 328, ../sass/media-queries.scss */
  #globalNav ul li {
    line-height: 0;
    font-size: 0;
  }

  /* line 332, ../sass/media-queries.scss */
  #main, #sub, #image-clinic, #content-clinic {
    float: none;
  }

  /* line 335, ../sass/media-queries.scss */
  #image-clinic {
    width: 100%;
  }

  /* line 339, ../sass/media-queries.scss */
  #copyright-other-menu small {
    float: none;
  }
  /* line 342, ../sass/media-queries.scss */
  #copyright-other-menu ul {
    float: none;
  }
  /* line 344, ../sass/media-queries.scss */
  #copyright-other-menu ul li {
    float: none;
  }

  /* line 349, ../sass/media-queries.scss */
  #siteHeader {
    position: relative;
    min-height: 160px;
  }
  /* line 353, ../sass/media-queries.scss */
  #siteHeader #notice {
    font-size: 12px;
    position: relative;
    top: -10px;
    left: 50%;
    margin-left: -50%;
    text-align: center;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /* line 365, ../sass/media-queries.scss */
  #siteHeader ul {
    position: relative;
    width: 100%;
  }
  /* line 368, ../sass/media-queries.scss */
  #siteHeader ul li {
    width: 50%;
  }
  /* line 370, ../sass/media-queries.scss */
  #siteHeader ul li img {
    width: 100%;
  }

  /* line 377, ../sass/media-queries.scss */
  #globalNav li:nth-child(2), #globalNav li:nth-child(4), #globalNav li:nth-child(6) {
    border-right: none;
  }
  /* line 380, ../sass/media-queries.scss */
  #globalNav li:nth-child(7) {
    border-bottom: none;
  }

  /* line 385, ../sass/media-queries.scss */
  nav#globalNav ul {
    padding: 0;
    border-top: none;
  }
  /* line 389, ../sass/media-queries.scss */
  nav#globalNav li a {
    padding: 0;
    height: 40px;
  }
  /* line 393, ../sass/media-queries.scss */
  nav#globalNav ul li {
    z-index: auto;
  }
  /* line 395, ../sass/media-queries.scss */
  nav#globalNav ul li ul {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    z-index: 100;
  }

  /* line 405, ../sass/media-queries.scss */
  #pulldown01 li {
    position: absolute;
    z-index: 100;
  }

  /* line 409, ../sass/media-queries.scss */
  nav#globalNav ul li ul li {
    width: 100%;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.1 !important;
    border: none !important;
  }
  /* line 415, ../sass/media-queries.scss */
  nav#globalNav ul li ul li a {
    width: 100%;
    padding: 12px 0 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    z-index: 100;
  }

  /* line 424, ../sass/media-queries.scss */
  #siteHeader li {
    padding: 0;
  }

  /* line 428, ../sass/media-queries.scss */
  nav#globalNav ul {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }
  /* line 435, ../sass/media-queries.scss */
  nav#globalNav li {
    width: 50%;
    height: 40px;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle;
  }
  /* line 443, ../sass/media-queries.scss */
  nav#globalNav li:last-child {
    border-right: solid 1px #ccc;
  }

  /* line 449, ../sass/media-queries.scss */
  nav#globalNav {
    display: none !important;
  }

  /* line 453, ../sass/media-queries.scss */
  #main, #sub, #nav-treatment, #nav-symptom, #main-content, #sitefooterNav, #page-top, #image-clinic img, #content-clinic {
    width: 100%;
  }

  /* line 456, ../sass/media-queries.scss */
  #contents {
    padding-bottom: 0;
  }
  /* line 458, ../sass/media-queries.scss */
  #contents p {
    padding: 0 20px 30px 20px;
  }

  /* line 462, ../sass/media-queries.scss */
  #content-clinic {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  /* line 466, ../sass/media-queries.scss */
  #content-clinic li:nth-child(1) {
    float: left;
    margin-right: 15px;
  }
  /* line 470, ../sass/media-queries.scss */
  #content-clinic li:nth-child(2) {
    float: left;
  }

  /* line 475, ../sass/media-queries.scss */
  #main-content {
    height: auto;
  }

  /* line 478, ../sass/media-queries.scss */
  #h-clinic {
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  /* line 483, ../sass/media-queries.scss */
  #content-clinic, .contents-left {
    margin: 0;
    padding: 20px 20px 0 20px;
  }

  /* line 488, ../sass/media-queries.scss */
  #content-clinic p {
    padding: 15px 0 25px 0;
  }
  /* line 491, ../sass/media-queries.scss */
  #content-clinic h2 {
    margin: 0;
    padding: 0;
  }
  /* line 495, ../sass/media-queries.scss */
  #content-clinic ul {
    margin-bottom: 25px;
  }

  /* line 499, ../sass/media-queries.scss */
  .contents-left p span {
    font-size: 16px;
  }

  /* line 502, ../sass/media-queries.scss */
  #h-orthodontic-treatment {
    margin-top: 10px;
    margin-bottom: 0;
  }

  /* line 506, ../sass/media-queries.scss */
  .contents-left, #nav-treatment li, #nav-symptom li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  /* line 511, ../sass/media-queries.scss */
  h2#h-orthodontic-treatment img {
    margin-top: 10px;
  }

  /* line 514, ../sass/media-queries.scss */
  .post h2 span {
    margin: 0;
    display: none;
  }

  /* line 518, ../sass/media-queries.scss */
  .title {
    padding: 15px 0 15px 25px;
  }

  /* line 521, ../sass/media-queries.scss */
  .page-top {
    padding-right: 20px;
  }

  /* sub */
  /* line 525, ../sass/media-queries.scss */
  #news-from-clinic {
    margin: 20px 20px 0 20px;
  }

  /* line 528, ../sass/media-queries.scss */
  #h-practice-day {
    padding: 15px 0 15px 20px;
  }

  /* line 531, ../sass/media-queries.scss */
  .table-practice-day {
    margin: 20px auto 0 auto;
    width: 90%;
  }

  /* line 535, ../sass/media-queries.scss */
  .table-search-box {
    text-align: center;
    margin: 0 auto;
  }

  /* line 539, ../sass/media-queries.scss */
  #google-calendar {
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-bottom: dotted 1px #c8c8c8;
    border-top: dotted 1px #c8c8c8;
    width: 100%;
  }

  /* line 549, ../sass/media-queries.scss */
  #map {
    padding: 0 20px;
  }
  /* line 551, ../sass/media-queries.scss */
  #map img {
    width: 100%;
  }

  /* line 555, ../sass/media-queries.scss */
  #sub p {
    padding: 0 20px;
  }

  /* line 558, ../sass/media-queries.scss */
  #h-reservation {
    text-align: center;
  }

  /* line 561, ../sass/media-queries.scss */
  #sitefooterNav {
    border: solid 1px #ccc;
    padding: 0;
  }
  /* line 565, ../sass/media-queries.scss */
  #sitefooterNav li {
    width: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 10px 10px 0 10px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }

  /* line 575, ../sass/media-queries.scss */
  #footer-menu05 {
    border-right: solid 1px #ccc;
    border-bottom: none !important;
  }

  /* line 579, ../sass/media-queries.scss */
  #footer-menu02, #footer-menu04 {
    border-right: none !important;
  }

  /* line 582, ../sass/media-queries.scss */
  #sitefooterNav li p {
    padding: 5px;
  }

  /* line 585, ../sass/media-queries.scss */
  #page-top {
    padding: 20px 0 0 0;
  }
  /* line 587, ../sass/media-queries.scss */
  #page-top a {
    margin-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* line 593, ../sass/media-queries.scss */
  #copyright-other-menu {
    padding: 20px 0 0 0;
  }
  /* line 595, ../sass/media-queries.scss */
  #copyright-other-menu ul, #copyright-other-menu nav {
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  /* line 600, ../sass/media-queries.scss */
  #copyright-other-menu ul li {
    display: inline-block;
  }
  /* line 603, ../sass/media-queries.scss */
  #copyright-other-menu small {
    clear: both;
    display: block;
    text-align: center;
    margin-top: 30px;
  }

  /* news */
  /* line 611, ../sass/media-queries.scss */
  .nav-below {
    padding: 25px;
    border-bottom: dotted 1px #c8c8c8;
  }

  /* child */
  /* line 616, ../sass/media-queries.scss */
  .img-sentence, .img-right {
    float: none;
    margin: 0 auto 15px auto;
    display: block;
  }

  /* line 621, ../sass/media-queries.scss */
  #child-question {
    width: 100%;
  }
  /* line 623, ../sass/media-queries.scss */
  #child-question li {
    line-height: 1.5;
    min-height: 50px;
  }

  /* line 628, ../sass/media-queries.scss */
  .post {
    border-bottom: solid 1px #c8c8c8;
    padding: 0;
  }
  /* line 631, ../sass/media-queries.scss */
  .post h3 {
    font-size: 16px;
    margin: 0 25px 20px 25px;
  }
  /* line 635, ../sass/media-queries.scss */
  .post h5 {
    font-size: 16px;
  }
  /* line 639, ../sass/media-queries.scss */
  .post h4#h-ans01, .post h4#h-ans02, .post h4#h-ans03, .post h4#h-ans04, .post h4#h-ans05, .post h4#h-ans06 {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 5px;
    margin: 0 25px 20px 25px;
  }

  /* line 647, ../sass/media-queries.scss */
  #case-one {
    margin: 0 20px 50px 20px;
    padding: 20px;
  }

  /* line 651, ../sass/media-queries.scss */
  #case-one01, #case-one02, #case-one03, #case-one04 {
    float: none;
  }

  /* line 654, ../sass/media-queries.scss */
  #case-one p {
    width: 90%;
    min-height: 143px;
    padding: 0 0 0 30px;
  }

  /* line 659, ../sass/media-queries.scss */
  .img-right02 {
    margin: 0 0 0 -5px;
  }

  /* line 662, ../sass/media-queries.scss */
  .base-pink {
    margin: 0 20px 50px 20px;
  }

  /* line 665, ../sass/media-queries.scss */
  .img-fig01 {
    margin: 20px;
    width: 90%;
  }

  /* line 669, ../sass/media-queries.scss */
  .treatment-period {
    line-height: 1.5;
  }
  /* line 671, ../sass/media-queries.scss */
  .treatment-period span {
    padding: 10px;
  }

  /* line 676, ../sass/media-queries.scss */
  .base-pink h6.no-a, .base-pink h6.no-b {
    width: auto;
    font-size: 11px;
    padding: 5px 0 0 25px;
    min-height: 28px;
  }

  /* line 683, ../sass/media-queries.scss */
  .relationship-alveolar-bone-tooth {
    width: 16em;
  }

  /* line 686, ../sass/media-queries.scss */
  .relationship-left, .relationship-center, .relationship-right {
    float: none;
    width: 16em;
    margin: 0 auto;
    padding: 0;
  }

  /* line 692, ../sass/media-queries.scss */
  .relationship-center img {
    -webkit-transform: rotateZ(90deg);
  }

  /* line 695, ../sass/media-queries.scss */
  .link-pink a {
    font-size: 16px;
  }

  /* line 698, ../sass/media-queries.scss */
  .div-treatment-period {
    margin: 0 25px 10px 25px;
  }

  /* line 701, ../sass/media-queries.scss */
  #copyright-other-menu small {
    font-size: 9px;
  }

  /* line 704, ../sass/media-queries.scss */
  #contents .fee table {
    width: 100%;
  }

  /* line 707, ../sass/media-queries.scss */
  div.fee table td {
    width: 100%;
    display: block;
  }

  /* line 711, ../sass/media-queries.scss */
  article#book a h2 {
    font-size: 165%;
  }

  /* line 715, ../sass/media-queries.scss */
  #site-footer {
    padding-bottom: 100px;
  }
}