/*
Theme Name: 小林病院
Theme URL: https://kobayashibyoin.com
Description: 小林病院HPのテーマです。
Verion: 1.0
Author: SHIMIZU AND ASSOCIATES
Author URL: https://saa.design
*/


/* CSS Document */


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }


fieldset, img { border: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ul, ol, menu { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

abbr, acronym { border: none; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

a {
  color: inherit !important;
  text-decoration: none;
  transition: 1.0s ;
}
a:hover, a:active, a:focus {
  color: #D97659 !important;
  text-decoration: none !important;
  outline: 0;
}

embed { width: 100%; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

form img, input, select { vertical-align: middle; }

button { -webkit-appearance: none; margin: 0; padding: 0; outline: none; }

.leftBox { float: left; }

.rightBox { float: right; }

.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }

.clear { clear: both !important; }

.hover:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.mb10 { margin-bottom: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.ml10 { margin-left: 10px; }

.pb10 { padding-bottom: 10px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pl10 { padding-left: 10px; }

.mb20 { margin-bottom: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.ml20 { margin-left: 20px; }

.pb20 { padding-bottom: 20px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pl20 { padding-left: 20px; }

.mb30 { margin-bottom: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.ml30 { margin-left: 30px; }

.pb30 { padding-bottom: 30px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pl30 { padding-left: 30px; }

.mb40 { margin-bottom: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.ml40 { margin-left: 40px; }

.pb40 { padding-bottom: 40px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pl40 { padding-left: 40px; }

.mb50 { margin-bottom: 50px; }

.mt50 { margin-top: 50px; }

.mr50 { margin-right: 50px; }

.ml50 { margin-left: 50px; }

.pb50 { padding-bottom: 50px; }

.pt50 { padding-top: 50px; }

.pr50 { padding-right: 50px; }

.pl50 { padding-left: 50px; }

/*--------------------------------*/
html {
  font-size: 10px;
 }

body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  font-family: "a-otf-futo-go-b101-pr6n", sans-serif;
  line-height: 1.7;
  font-size: 1.6rem;
  color: #473F38;
}
@media only screen and (min-width: 1601px) {
  body {
    font-size: 2rem;
    }
  }

/*---------------------------------
Header
----------------------------------*/
#header {
  position: relative;
  padding-top: 15px;
  background: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/bg2.png") repeat;
}
@media only screen and (min-width: 992px) {
  #header {
      overflow-x: hidden;
    }
  }
@media only screen and (max-width: 991px) {
  #header {
    padding-top: 32px;
    padding-bottom: 30px !important;
    }
  }
#header .container-fluid {
  padding-left: 3.65%;
  padding-right: 3.65%;
}
#header .flex-grid {
  -webkit-align-items: center;
  align-items: center;
}
#header .logo {
  padding-top: 2px;
}
#header .logo img {
  max-width: 350px;
}
#header .header-link {
  float: right;
  text-align: right;
  margin-bottom: 20px !important;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  #header .header-link {
    display: none;
    }
  }
#header .header-link:after {
  content: "";
  background: #fff;
  bottom: -2px !important;
  height: 500px;
  left: -40px;
  position: absolute;
  width: 500%;
  z-index: -1;
}
#header .header-link li {
  display: inline-block;
}
#header .header-link li:not(:first-child) {
  margin-left: 75px;
}
@media (min-width: 992px) and (max-height: 1400px) {
  #header .header-link li:not(:first-child) {
    margin-left: 20px;
    }
  }
#header .header-link li a {
  font-size: 2rem;
  font-weight: 700;
  color: #473f38;
  line-height: normal;
  position: relative;
  padding-left: 20px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
#header .header-link li a:before {
  content: '';
  background-image: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/icon_arrow.svg");
  width: 15px !important;
  height: 15px !important;
  display: inline-block;
  position: absolute;
  top: 50% !important;
  left: 0;
  transform: translateY(-50%) !important;
}
#header .header-link li a:hover {
  color: #d97659 !important;
}
#header .header-link li a:hover:before {
  background-image: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/icon_arrow_hover.svg");
}
#header .header-info {
  clear: both;
  text-align: right;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  #header .header-info {
    display: none;
    }
  }
#header .header-info .txt {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 3px;
  color: #606262;
}
#header .header-info .phone {
  position: relative;
  display: inline-block;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 500;
  color: #d97659 !important;
  padding-left: 35px;
}
#header .header-info .phone:before {
  content: '';
  background-image: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/icon_tel.svg");
  width: 27px;
  height: 26px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#header .top-nav, #header .mobile-nav {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  #header .top-nav, #header .mobile-nav {
    margin-top: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 9;
    }
  }
#header .top-nav ul, #header .mobile-nav ul {
  text-align: center;
 }
@media only screen and (max-width: 991px) {
  #header .top-nav ul, #header .mobile-nav ul {
    text-align: left;
    overflow: hidden;
    height: 0;
    opacify: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
  }
#header .top-nav ul li, #header .mobile-nav ul li {
  display: inline-block;
}
#header .top-nav ul li:not(:first-child), #header .mobile-nav ul li:not(:first-child) {
  margin-left: 30px;
}
@media only screen and (max-width: 991px) {
  #header .top-nav ul li, #header .mobile-nav ul li {
    display: block;
    border-top: 5px
    solid #473F38;
    margin-left: 0 !important;
    padding: 6px 10px 6px 25px;
  }
  #header .top-nav ul li:last-child, #header .mobile-nav ul li:last-child {
    border-bottom: 5px solid #473F38;
    }
  }
@media only screen and (max-width: 560px) {
  #header .top-nav ul li, #header .mobile-nav ul li {
    padding: 12px 20px 12px 23px;
    }
  }
#header .top-nav ul li a, #header .mobile-nav ul li a {
  position: relative;
  font-size: 3rem;
  font-weight: 700;
  color: #473f38;
  padding-left: 40px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
@media (min-width: 992px) and (max-width: 1600px) {
  #header .top-nav ul li a, #header .mobile-nav ul li a {
    font-size: 1.56vw;
    }
  }
@media only screen and (max-width: 991px) {
  #header .top-nav ul li a, #header .mobile-nav ul li a {
    padding-left: 93px;
     }
   }
@media only screen and (max-width: 560px) {
  #header .top-nav ul li a, #header .mobile-nav ul li a {
    padding-left: 55px;
    font-size: 1.6rem;
     }
   }
#header .top-nav ul li a:before, #header .mobile-nav ul li a:before {
  content: '';
  background-image: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/icon_arrow2.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 560px) {
  #header .top-nav ul li a:before, #header .mobile-nav ul li a:before {
    width: 15px; height: 15px;
    }
  }
#header .top-nav ul li a:hover, #header .mobile-nav ul li a:hover {
  color: #D97659 !important;
}

#header .top-nav ul li a:hover:before, #header .mobile-nav ul li a:hover:before {
  background-image: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/icon_arrow2_hover.svg");
 }
@media only screen and (min-width: 992px) {
  #header .mobile-nav {
     display: none;
      }
    }
#header .mobi-bar {
  display: none;
 }
@media only screen and (max-width: 991px) {
  #header .mobi-bar {
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    }
  }
#header .mobi-bar li {
  width: 80px;
  height: 80px;
  border: 5px solid #473F38;
  text-align: center;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar li {
    width: 50px;
    height: 50px;
    border-width: 3px;
     }
   }
#header .mobi-bar li:not(:first-child) {
  margin-left: 30px;
 }
@media only screen and (max-width: 560px) {
  #header .mobi-bar li:not(:first-child) {
    margin-left: 9px;
    }
  }
#header .mobi-bar li .name {
  font-family: "canada-type-gibson", sans-serif;
  font-size: 22px; text-transform: uppercase;
  line-height: 1; font-weight: 500;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar li .name {
    font-size: 11px;
    }
  }
#header .mobi-bar .tel a {
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 6px;
}
#header .mobi-bar .tel img {
  height: 35px;
  margin-bottom: 6px;
 }
@media only screen and (max-width: 560px) {
  #header .mobi-bar .tel img {
    height: 20px; margin-bottom: 4px;
    }
  }
#header .mobi-bar .hamberger > a {
  display: block;
  padding-top: 8px;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar .hamberger > a {
    padding-top: 0 !important;
    }
  }


#header .mobi-bar .hamberger .icon {
  display: inline-block;
  position: relative;
  width: 40px !important;
  height: 8px !important;
  background-color: #473f38;
  transition-property: background-color, transform;
  transition-duration: 300ms;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar .hamberger .icon {
    width: 25px !important;
    height: 5px !important;
    }
  }
#header .mobi-bar .hamberger .icon:before, #header .mobi-bar .hamberger .icon:after {
  content: '';
  display: block;
  width: 40px !important;
  height: 8px !important;
  position: absolute;
  background: #473f38;
  transition-property: margin, transform;
  transition-duration: 300ms;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar .hamberger .icon:before, #header .mobi-bar .hamberger .icon:after {
    width: 25px !important;
    height: 5px !important;
    }
  }
#header .mobi-bar .hamberger .icon:before {
  margin-top: -12px !important;
 }
@media only screen and (max-width: 560px) {
  #header .mobi-bar .hamberger .icon:before {
    margin-top: 8px !important;
    }
   }
#header .mobi-bar .hamberger .icon:after {
  margin-top: 12px !important;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar .hamberger .icon:after {
    margin-top: -8px !important;
    }
  }
#header .mobi-bar .hamberger .name {
  display: block;
  padding-top: 12px !important;
}
@media only screen and (max-width: 560px) {
  #header .mobi-bar .hamberger .name {
    padding-top: 4px !important;
     }
   }
#header .mobi-bar .hamberger .name.close {
  display: none;
}
#header.is-active .mobi-bar .hamberger .icon {
  background-color:
  transparent;
 }
#header.is-active .mobi-bar .hamberger .icon:before {
  margin-top: 0!important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header.is-active .mobi-bar .hamberger .icon:after {
  margin-top: 0!important;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
 }
#header.is-active .mobi-bar .hamberger .name {

}
#header.is-active .mobi-bar .hamberger .name .close {
  text-transform: capitalize !important;
  color: #473F38 !important;
}

#header.is-active .hamberger .name:after {
  text-transform: capitalize !important;
  color: #473F38 !important;
}


@media only screen and (max-width: 991px) {
  #header.is-active .mobile-nav ul {
    height: 100%;
    opacity: 1;
    }
  }

/*# メガメニューここから */

.meg-nav{
   padding-top: 3px;
   background-color: #EDEFEF!important;
   border-top: solid 5px #473F38;
}

#mg-nav{

}

@media only screen and (max-width: 991px) {
  .mg-nav{
    display:none!important;
}
 .meg-nav{
   display:none!important;
}
  }

.mg-nav{
    margin: 0;
    padding: 0;
}

.g_nav {
  position:relative;
  z-index: 99!important;
}

.g_nav i{
    padding-right:  15px;
    font-size: 1.56vw;
}

 .g_nav > ul {
  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  z-index: 99!important;
}
.g_nav > ul > li {

  padding:15px;
  color:#473F38;
  font-size: 1.56vw;
  text-align:center;
  white-space: nowrap;
  z-index: 99!important;

}
.mdd_wrap {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  z-index: 99!important;
}
.mdd_wrap .mdd_inner {
  width:100%;
  height:300px;
  max-height:0; /* 追加 */
  margin:0 auto;
  background-color: rgba(237,239,239,0.9);
  overflow:hidden; /* 追加 */
  color: #473F38!important;
  transition:max-height .5s ease; /* 追加 */
  z-index: 99!important;
}

 /* 追加 */
.g_nav > ul > li:hover .mdd_wrap .mdd_inner {
  max-height:280px;
  border: solid 5px #473F38;
  z-index: 99!important;

}


/*# メガメニューここまで */

#footer {
  background-color: #473F38;
 }
#footer .logo a {
  display: block;
  margin: auto;
}
#footer .logo img {
  max-width: 350px;
 }
@media only screen and (max-width: 480px) {
  #footer .logo img {
    max-width: 45.31vw;
     }
   }
@media only screen and (max-width: 991px) {
  #footer .logo {
    display: block;
    margin-bottom: 70px;
    }
  }
@media only screen and (max-width: 480px) {
  #footer .logo {
    margin-bottom: 25px;
     }
   }
#footer .footer-top {
  padding-top: 100px;
  padding-bottom: 300px;
 }
@media only screen and (max-width: 991px) {
  #footer .footer-top {
    display: none;
     }
   }
#footer .footer-nav {
  margin-top: 70px;
  color: #fff;
 }
#footer .footer-nav .col {
  max-width: calc(100% / 5);
 }
#footer .footer-nav .heading {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1600px) {
  #footer .footer-nav .heading {
    font-size: 1.04vw;
    }
  }
#footer .footer-nav .footer-link {
  margin-left: 8px;
}
#footer .footer-nav .footer-link li, #footer .footer-nav .footer-link a {
  font-size: 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 1600px) {
  #footer .footer-nav .footer-link li, #footer .footer-nav .footer-link a {
    font-size: 1.04vw;
    }
  }
#footer .footer-bottom {
  padding-top: 37px;
  padding-bottom: 52px;
  background-color: #f6f1d9;
  background-image: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/logo_clrbar.svg");
  background-repeat: repeat-x;
  background-position: bottom;
}
@media only screen and (max-width: 991px) {
  #footer .footer-bottom {
    padding-top: 75px;
   }
  #footer .footer-bottom .col {
    text-align: center;
    }
  }
@media only screen and (max-width: 480px) {
  #footer .footer-bottom {
    padding-top: 30px;
    }
  }
#footer .footer-bottom .footer-info {
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  footer .footer-bottom .footer-info {
    display: block;
  }
  #footer .footer-bottom .footer-info .col {
    max-width: 100%;
  }
  #footer .footer-bottom .footer-info .col span {
    display: inline-block;
    }
  }
#footer .footer-bottom .footer-info .txt {
  margin-left: 35px;
  color: #473f38;
  font-family: "a-otf-futo-go-b101-pr6n";
  font-size: 2rem;
  line-height: 2;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  #footer .footer-bottom .footer-info .txt {
    margin-left: 0; margin-bottom: 6.8rem;
    }
  }
@media only screen and (max-width: 480px) {
  #footer .footer-bottom .footer-info .txt {
    font-size: 1.2rem; margin-bottom: 25px;
    }
  }
@media only screen and (min-width: 992px) {
  #footer .footer-bottom .footer-info .txt br:last-child {
    display: none;
    }
  }
#footer .footer-bottom .copyright {
  margin-bottom: 20px;
  text-align: right;
  color: #473f38;
  font-family: Gibson;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  #footer .footer-bottom .copyright {
    display: none;
    }
  }

.inner {
  margin: auto;
  padding: 0 10px;
  width: 100%;
}
@media only screen and (min-width: 1601px) {
  .inner {
    padding: 0px 70px;
    width: 1600px;
    }
  }
@media only screen and (max-width: 1600px) {
  .inner {
    max-width: 1304px;
    padding: 0px 40px;
    }
  }

.container {
  width: 100%;
  max-width: 1600px;
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
  margin: 0 auto;
 }
.container-fluid {
  width: 100%;
  padding-left: 70px !important;
  padding-right: 70px !important;
}
@media only screen and (max-width: 768px) {
  .container-fluid {
    padding-left: 10px!important;
    padding-right: 10px!important;
    }
  }
.container::before, .container::after {
  content: '';
  display: table;
}
.container::after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .container {
    padding-left: calc(20px * 2);
    padding-right: calc(20px * 2);
    }
  }

.col--1 { flex-basis: 8.33%; max-width: 8.33%; }

.col--2 { flex-basis: 16.66%; max-width: 16.66%; }

.col--3 { flex-basis: 25%; max-width: 25%; }

.col--4 { flex-basis: 33.33%; max-width: 33.33%; }

.col--5 { flex-basis: 41.66%; max-width: 41.66%; }

.col--6 { flex-basis: 50%; max-width: 50%; }

.col--7 { flex-basis: 58.33%; max-width: 58.33%; }

.col--8 { flex-basis: 66.66%; max-width: 66.66%; }

.col--9 { flex-basis: 75%; max-width: 75%; }

.col--10 { flex-basis: 83.33%; max-width: 83.33%; }

.col--11 { flex-basis: 91.66%; max-width: 91.66%; }

.col--12 { flex-basis: 100%; max-width: 100%; }

@media only screen and (max-width: 991px) { .col--md-1 { flex-basis: 8.33%; max-width: 8.33%; }
  .col--md-2 { flex-basis: 16.66%; max-width: 16.66%; }
  .col--md-3 { flex-basis: 25%; max-width: 25%; }
  .col--md-4 { flex-basis: 33.33%; max-width: 33.33%; }
  .col--md-5 { flex-basis: 41.66%; max-width: 41.66%; }
  .col--md-6 { flex-basis: 50%; max-width: 50%; }
  .col--md-7 { flex-basis: 58.33%; max-width: 58.33%; }
  .col--md-8 { flex-basis: 66.66%; max-width: 66.66%; }
  .col--md-9 { flex-basis: 75%; max-width: 75%; }
  .col--md-10 { flex-basis: 83.33%; max-width: 83.33%; }
  .col--md-11 { flex-basis: 91.66%; max-width: 91.66%; }
  .col--md-12 { flex-basis: 100%; max-width: 100%; } }
@media only screen and (max-width: 768px) { .col--sm-1 { flex-basis: 8.33%; max-width: 8.33%; }
  .col--sm-2 { flex-basis: 16.66%; max-width: 16.66%; }
  .col--sm-3 { flex-basis: 25%; max-width: 25%; }
  .col--sm-4 { flex-basis: 33.33%; max-width: 33.33%; }
  .col--sm-5 { flex-basis: 41.66%; max-width: 41.66%; }
  .col--sm-6 { flex-basis: 50%; max-width: 50%; }
  .col--sm-7 { flex-basis: 58.33%; max-width: 58.33%; }
  .col--sm-8 { flex-basis: 66.66%; max-width: 66.66%; }
  .col--sm-9 { flex-basis: 75%; max-width: 75%; }
  .col--sm-10 { flex-basis: 83.33%; max-width: 83.33%; }
  .col--sm-11 { flex-basis: 91.66%; max-width: 91.66%; }
  .col--sm-12 { flex-basis: 100%; max-width: 100%; } }
.h-ttl {
  font-size: 1.75em;
  font-weight: 300;
  color: #473F38;
  margin-bottom: 40px;
  font-family: "a-otf-ud-reimin-pr6n", sans-serif;
}
@media only screen and (max-width: 768px) {
  .h-ttl {
    font-size: 3.5rem;
    text-align: center;
    }
  }
@media only screen and (max-width: 480px) {
  .h-ttl {
    font-size: 2rem;
     }
   }

.section-holiday {
   background-color: #F6F1D9;
   padding: 80px 0 175px;
 }
@media only screen and (max-width: 768px) {
  .section-holiday {
    padding: 40px 0 45px;
     }
   }
.section-holiday .holiday-full {
  font-size: 1.1em;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .section-holiday .holiday-full {
    display: -webkit-box;
    display: flex;
    -webkit-align-items:
    flex-start;
    align-items:
    flex-start;
     }
   }
@media only screen and (max-width: 991px) {
  .section-holiday .holiday-full {
    display: table;
    margin: auto;
    }
  }
@media only screen and (max-width: 768px) {
  .section-holiday .holiday-full {
    font-size: 3.125vw;
    }
  }
.section-holiday .holiday-full .holiday-text {
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .section-holiday .holiday-full .holiday-text {
    width: 100%;
    margin-bottom: 50px;
     }
   }
.section-holiday .holiday-full .holiday-text > dt {
  width: 210px;
  vertical-align: top;
 }
@media only screen and (max-width: 768px) {
  .section-holiday .holiday-full .holiday-text > dt {
    width: 26.56vw;
    }
  }
.section-holiday .holiday-full .holiday-text dt {
  clear: both;
  float: left;
 }
.section-holiday .holiday-full .holiday-text > dd {
  float: left;
  margin-bottom: 30px;
}
.section-holiday .holiday-full .holiday-text > dd:last-child {
  margin-bottom: 0;
 }
.section-holiday .holiday-full .holiday-text > dd dt {
  width: 140px;
}
@media only screen and (max-width: 480px) {
  .section-holiday .holiday-full .holiday-text > dd dt {
    width: 80px;
    }
  }
.section-holiday .holiday-full .holiday-text > dd dd {
  padding-left: 140px;
  margin-bottom: 50px;
}
.section-holiday .holiday-full .holiday-text > dd dd:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .section-holiday .holiday-full .holiday-text > dd dd {
    padding-left: 80px;
    margin-bottom: 30px;
     }
   }
.section-holiday .holiday-full .holiday-text > dd dd span {
  padding-left: 54px;
}
@media only screen and (max-width: 768px) {
  .section-holiday .holiday-full .holiday-text > dd dd span {
    padding-left: 23px;
    }
  }
.section-holiday .holiday-full .list-holiday {
  width: 48%;
  display: -webkit-box;
  display: flex;
}
@media only screen and (max-width: 1600px) {
  .section-holiday .holiday-full .list-holiday {
    flex-shrink: 0;
    width: 50%;
    }
  }
@media only screen and (max-width: 991px) {
  .section-holiday .holiday-full .list-holiday {
    width: 100%;
     }
   }
.section-holiday .holiday-full .list-holiday li {
  border: 5px solid #473F38;
  margin-right: 18px;
  background-color: #473F38
}
.section-holiday .holiday-full .list-holiday li:last-child {
  margin-right: 0;
}
.section-holiday .holiday-full .list-holiday li a {
  display: block;
}
.section-holiday .holiday-full .list-holiday li a .img {
  font-size: 0;
}
.section-holiday .holiday-full .list-holiday li a .p-text {
  background-color: #fff;
  padding: 5px;
  font-size: 2em;
  text-align: center;
  padding: 21px 10px;
  font-family: "a-otf-ud-reimin-pr6n", sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 1600px) {
  .section-holiday .holiday-full .list-holiday li a .p-text {
    font-size: 2vw;
    }
  }
@media only screen and (max-width: 768px) {
  .section-holiday .holiday-full .list-holiday li a .p-text {
    font-size: 4.55vw;
    }
  }
@media only screen and (max-width: 480px) {
  .section-holiday .holiday-full .list-holiday li a .p-text {
     padding: 13px 10px;
     font-size: 14px;
      }
    }

.section-access {
  background: url(https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/bg2.png) repeat;
  padding: 65px 0 130px;
}
@media only screen and (max-width: 768px) {
  .section-access { padding: 35px 0 70px;
    }
  }
@media only screen and (max-width: 480px) {
  .section-access {
    padding-bottom: 48px;
    }
  }
.section-access .content-wrap {
  position: relative;
  font-weight: bold;
  font-size: 1.1em;
}
@media only screen and (min-width: 992px) {
  .section-access .content-wrap {
    padding-right: calc(48% + 20px);
     }
   }
@media only screen and (max-width: 768px) {
  .section-access .content-wrap {
    font-size: 2.2rem;
    }
  }
@media only screen and (max-width: 480px) {
  .section-access .content-wrap {
    font-size: 1.2rem;
     }
   }
.section-access .content-wrap p:not(:last-child) {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  .section-access .content-wrap p:not(:last-child) {
    margin-bottom: 30px;
    }
  }
.section-access .content-wrap .btn-primary {
  font-size: 1.36em;
}
@media only screen and (max-width: 768px) {
  .section-access .content-wrap .btn-primary {
    font-size: 3.64vw;
    }
  }
@media only screen and (max-width: 480px) {
  .section-access .content-wrap .btn-primary {
    font-size: 2.5vw;
    }
  }
@media only screen and (min-width: 992px) {
  .section-access .content-wrap .img-content {
    margin-left: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    }
  }
@media only screen and (max-width: 991px) {
  .section-access .content-wrap .img-content {
    margin-bottom: 9vw;
    text-align: center;
     }
   }

.btn-accces {
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .btn-accces {
    margin: 0 auto 30px;
    }
  }

.btn-primary {
  display: -webkit-box;
  display: flex;
  -webkit-align-items:
  center; align-items: center;
  border: 5px solid #473F38 !important;
  background-color: #473F38 !important;
  color: #ffffff !important;
  padding: 13px 25px;
  max-width: 600px;
  width: 100%;
  letter-spacing: -2px;
}
.btn-primary:before {
  content: url("https://kobayashibyoin.com/wp-content/themes/kobayashibyoin/images/common/icon_arrow.png");
  margin-right: .73em;
  line-height: 1;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) { .btn-primary { max-width: 500px; } }
@media only screen and (max-width: 480px) { .btn-primary { font-size: 12px; letter-spacing: 0px; } }

@media only screen and (min-width: 769px) { .pc-none { display: none !important; }
  .phone a { pointer-events: none !important; } }
@media screen and (max-width: 1024px) {
  .inner {
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    }
  }
@media only screen and (max-width: 768px) { .sp-none { display: none !important; } }
.flex-grid { display: flex; flex-wrap: wrap; margin-left: calc(20px / -2); margin-right: calc(20px / -2); }
.flex-grid.no-gutter { margin-left: 0; margin-right: 0; }
.flex-grid.no-gutter > * { padding-right: 0; padding-left: 0; }

.col { box-sizing: border-box; padding-left: calc(20px / 2); padding-right: calc(20px / 2); background-clip: content-box; flex-basis: 100%; }

/*# sourceMappingURL=style.css.map */