/*
Theme Name: Hibari Clinic Malaysia
Theme URI: https://my.hibariclinic.com/
Description: Hibari Clinic Malaysia Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://samurai-web-works.com/
*/

/* 5 columns, 7 columns */
.col-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths,
.col-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths,
.col-xl-7ths{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

@media (min-width: 576px) {
.col-sm-5ths {
flex: 0 0 20%;
max-width: 100%;
}

.col-sm-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}

@media (min-width: 768px) {
.col-md-5ths {
flex: 0 0 20%;
max-width: 100%;
}

.col-md-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}

@media (min-width: 992px) {
.col-lg-5ths {
flex: 0 0 20%;
max-width: 100%;
}

.col-lg-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}

@media (min-width: 1200px) {
.col-xl-5ths {
flex: 0 0 20%;
max-width: 100%;
}

.col-xl-7ths {
flex: 0 0 14.285714285714285714285714285714%;
max-width: 100%;
}
}

a:hover img.hoverImg{opacity:0.6;}

.flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-height {display: flex; align-items: center;}

.container {max-width: 1230px;}

@media screen and (max-width: 1199px){
.container {max-width: 100%;}
}

.img-center{display:block; margin-left:auto; margin-right:auto;}

.bg-orange{background:#e38a39;}

.bg-soft-orange{background:#f6a760;}

.bg-light-orange{background:#fdf8e8;}

.bg-yellow{background:#fdd666;}

.text-orange{color:#d57b29;}

.text-light-yellow{color:#fbeaba;}

.text-yellow{color:#fdd666;}

.text-dark-brown{color:#3c2516;}

.alert-orange{background-color:#f6a760; border-radius:22px; padding:1.25rem;}

.alert-yellow{background-color:#fdd666; border-radius:22px; padding:1.25rem;}

.alert-green{background-color:#07b53b; border-radius:22px; padding:1.25rem; color:#fff;}

.alert-orange a, .alert-yellow a{color:#3c2516; text-decoration:underline;}

.alert-green a{color:#fff; text-decoration:underline;}

.alert-orange a:hover, .alert-yellow a:hover, .alert-green a:hover{text-decoration:none; color:inherit;}

.mt-25px{margin-top:25px;}

.mt-30px{margin-top:30px;}

.mt-40px{margin-top:40px;}

.mb-25px{margin-bottom:25px;}

.mb-30px{margin-bottom:30px;}

.mb-40px{margin-bottom:40px !important;}

.mb-50px{margin-bottom:50px;}

.mb-60px{margin-bottom:60px;}

.mb-80px{margin-bottom:60px;}

.mb-100px{margin-bottom:100px;}

.mb-110px{margin-bottom:110px;}

.mb-120px{margin-bottom:120px;}

.pt-50px{padding-top:50px;}

.pb-50px{padding-bottom:50px;}

.pb-100px{padding-bottom:100px;}

.img-80per-center{width:75%; display:block; margin-left:auto; margin-right:auto;}

.anchor-absolute{position:absolute; margin-top:-140px;}

a, a:hover, a:focus{color:#d57b29;}

a.link-underline{text-decoration:underline; color:inherit;}

a.link-underline:hover{text-decoration:none;}

@media screen and (max-width:767px){
 .table-block-sm{display:block;}
}

html{font-size:14.5px;}

@media screen and (max-width:1199px){
 html{font-size:1.3vw;}
}

@media screen and (max-width:991px){
 html{font-size:1.75vw;}
}

@media screen and (max-width:767px){
 html{font-size:3.5vw;}
}

body{font-family: 'Noto Sans JP', sans-serif; line-height:1.7rem; color:#3c2516;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold; line-height:2.3rem;}

html[lang="en-US"] h1,html[lang="en-US"] h2,html[lang="en-US"] h3,html[lang="en-US"] h4,html[lang="en-US"] h5,html[lang="en-US"] h6,html[lang="en-US"] .h1,html[lang="en-US"] .h2,html[lang="en-US"] .h3,html[lang="en-US"] .h4,html[lang="en-US"] .h5,html[lang="en-US"] .h6{line-height:1.9rem;}

html[lang="en-US"] body{font-family: 'Poppins', sans-serif;}

html[lang="en-US"] h1, html[lang="en-US"] h2, html[lang="en-US"] h3, html[lang="en-US"] h4, html[lang="en-US"] h5, html[lang="en-US"] h6, html[lang="en-US"] .h1, html[lang="en-US"] .h2, html[lang="en-US"] .h3, html[lang="en-US"] .h4, html[lang="en-US"] .h5, html[lang="en-US"] .h6 {font-family: 'Poppins', sans-serif;}

h3.h5{line-height:1.8rem;}

.rounded{border-radius:.75rem !important;}

/* btn */
.btn{padding:.65rem 2.5rem; border-radius:8px; white-space: normal;}

.btn-dark{background-color:#3c2516; border-color:#3c2516;}

.btn-outline-dark{color:#3c2516; border-color:#3c2516;}

.btn-outline-dark:hover{background-color:#3c2516; border-color:#3c2516;}

.btn-warning{background-color:#fdd666; border-color:#fdd666; color:#3c2516;}

.btn-info{background-color:#33ccff; border-color:#33ccff; color:#333;}

.btn-success{background-color:#07b53b; border-color:#07b53b;}

.btn-primary{background-color:#1877f2; border-color:#1877f2;}

.btn-sm{padding:.5rem 1.75rem;}

.img-80p{width:80%; display:block; margin-left:auto; margin-right:auto;}

@media screen and (max-width:767px){
 .btn-block-sm{display:block;}
 
 .img-80p-sm{width:80%; display:block; margin-left:auto; margin-right:auto;}
	
 h4,.h4{font-size:1.25rem;}
}

/* header */
#header-top{padding:4px 0; color:#fff; font-size:.925rem;}

#header-top a, #header-top a:hover{color:#fff;}

#header-top .sns-icon{font-size:1.3rem;}

#header-top .sns-icon:hover{opacity:.6;}

.logo-header{width:250px;}

.navbar-nav{-webkit-transition: ease .25s; transition: ease .25s;}

@media screen and (max-width:991px){
 .navbar-nav, .dropdown-menu{text-align:center;}
	
 ul .wpml-ls-menu-item a{justify-content:center;}
}

@media screen and (max-width:767px){
 #header-top .float-right{float:none !important; margin-left:auto; margin-right:auto;}
	
 .logo-header{width:230px;}
}

/* Fixed Navigation */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
    box-shadow: 0 0 4px grey;
    -webkit-transition: ease .25s; transition: ease .25s;
}

.navbar-expand-lg .navbar-nav .nav-link{padding-left:.75rem; padding-right:.75rem;}

.dropdown-menu{background-color:#fdf8e8;}

.dropdown-item.active, .dropdown-item:active{background-color:#3c2516; color:#fdf8e8;}

/* footer */
#footer{padding:35px 0; color:#fdf8e8; background:#3c2516;}

#footer a{color:#fdf8e8; text-decoration:underline;}

#footer a:hover{text-decoration:none;}

#footer ul{list-style:none; padding-left:0; display: flex; justify-content: center; align-items: center; list-style: none; margin-bottom:30px;}

#footer ul li{float:left; border-right:1px solid #fdf8e8; padding-right:15px; margin-right:15px;}

#footer ul li:last-child{border:none; margin-right:0;}

@media screen and (max-width:991px){
#footer ul{text-align:center; display:block;}
	
#footer ul li{float:none; border:none; padding-right:0; margin-right:0; margin-bottom:18px;}
}

/* footer sticky */
.footer-sticky{display:none; font-size:.75rem;}

@media screen and (max-width:991px){
.footer-sticky {
  display:block;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background: rgba(255, 255, 255, 0.85);
  z-index:500;
  border-top: 1px solid #cacaca;
  text-align:center;
  padding-top:.75rem;
  padding-bottom:.25rem;
}

.footer-sticky i{font-size:1.5rem;}
 
.footer-sticky .row .col-8{border-right:1px solid #cacaca;}
 
.footer-sticky .row .col-8:last-child{border:none;}
}

/* owl carousel */
#owl-affiliate .owl-prev{position:absolute; left:-25px; top:39.5%; font-size:1.75em; color:#e38a39;}

#owl-affiliate .owl-next{position:absolute; right:-25px; top:39.5%; font-size:1.75em; color:#e38a39;}

.owl-theme .owl-controls .owl-buttons div{background:transparent; opacity:1; color:#c1a050;}

.owl-dots{display:none;}

/* home */
main{background-color:#fff;}

.carousel-item .overlay-text{position:absolute; bottom:100px; left:0; right:0; margin:auto;}

#info-box{margin-top:-60px;}

#info-box .left-content, #info-box .right-content{padding:2.25rem;}

#info-box .left-content{border-radius:22px 0 0 22px;}

#info-box .right-content{border-radius:0 22px 22px 0;}

.ttl-border{border-bottom:2px solid #3c2516; padding-bottom:6px; position:relative; padding-left:38px;}

.ttl-border span.icon-box{position:absolute; display:inline-block; width:35px; left:0; text-align:center;}

#info-box .table th, #info-box .table td{border-top:none; border-bottom:1px solid #dee2e6;}

@media screen and (max-width:991px){
 #info-box .left-content, #info-box .right-content{border-radius:22px;}
}

@media screen and (max-width:767px){
 #info-box .right-content span.float-right{float:none !important; display:block;}
	
 .border-bottom-none-md{border-bottom:none !important;}
}

.img-radius{border-radius:22px;}

.news-ttl-home{font-size:1.15rem; line-height:1.75rem;}

.badge{padding:.5em .75em}

a.icn-area{color:inherit;}

a.icn-area:hover{opacity:.6; text-decoration:none;}

a.icn-area .fa-3x{font-size:3.5em;}

ul.news-list{list-style:none; padding-left:0;}

ul.news-list li{border-bottom:1px dotted #ffbd00; margin-bottom:7px; padding-bottom:7px; position:relative;}

ul.news-list strong, ul.news-list .blog-category a{margin-right:1rem;}

html[lang="en-US"] ul.news-list strong{display:inline-block; width:85px;}

ul.news-list a{color:inherit;}

ul.news-list .blog-category a{padding:3px 7px; background:#fdd666; font-weight:bold; border-radius:4px; display:inline-block; font-size:.95rem;}

ul.news-list .blog-category a:hover{opacity:.6; text-decoration:none;}

ul.news-list a.news-ttl{text-decoration:underline; display:inline-block; margin-left:180px; margin-top:3px; margin-bottom:4px;}

ul.news-list a.news-ttl:hover, ul.news-list a.news-ttl:focus{text-decoration:none;}

ul.news-list li .position-adjust{position:absolute; left:0; top:0;}

@media screen and (max-width:767px){
 ul.news-list li .position-adjust{position:initial;}
	
 ul.news-list a.news-ttl{margin-left:0;}
}

ul.checked{list-style:none; padding-left:2px; padding-right:20px; margin-bottom:0;}

ul.checked li{padding-left: 1.5rem; margin-bottom:8px;}

ul.checked li:before{content: '\f00c'; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: -1.5rem; /* same as padding-left set on li */
  width: 1.5rem; /* same as padding-left set on li */
  color:#d57b29;
  }

ul.checked li:last-child{margin-bottom:0;}

ul.checked{list-style:none; margin-top:.5rem; padding-left:0;}

ol.services{padding-left:18px;}

ol.services li{margin-bottom:10px;}

ol.services li:last-child{margin-bottom:0;}

/* map plugin */
.wpgmza-desc p:last-child , .wpgmza_marker_icon, .wpgmza-gallery-container{display:none !important;}

.wpgmza-standalone-component .wpgmza_basic_row .wpgmza-content-address-holder{width:100% !important;}

.wpgmza_map{border-radius:22px;}

.wpgmza_map_image{max-width:100%; height:auto; width:100px; height:100px;}

.wpgmza-standalone-component .wpgmza_basic_row{border-radius:22px; margin-top:7px; background-color:#fdd666 !important; box-shadow:none !important; padding:20px !important;}

.wpgmza-standalone-component .wpgmza_basic_row:first-child{border-top-left-radius:22px !important; border-top-right-radius:22px !important;}

.wpgmza-standalone-component .wpgmza_basic_row:last-child{border-bottom-left-radius:22px !important; border-bottom-right-radius:22px !important;}

.wpgmza-standalone-component .wpgmza_basic_row:hover{opacity:.6;}

html[lang="en-US"] .wpgmza-link a{padding:5px 12px; background:#3c2516; border-radius:6px; color:#fff;}

html[lang="ja"] .wpgmza-link a{font-size:0;}

html[lang="ja"] .wpgmza-link a::before{content:'詳細を見る'; font-size:1rem; padding:5px 12px; background:#3c2516; border-radius:6px; color:#fff;}

/* page */
#page-ttl{padding:70px 0; /*background:url('/wp-content/themes/hibariclinic/images/bg-page-ttl.jpg') top center fixed;*/ background-color:#ffe9a9;}

#page-ttl a, #page-ttl a:hover{color:inherit;}

#page-ttl a{text-decoration:underline;}

#page-ttl a:hover{text-decoration:none;}

@media screen and (max-width:767px){
  #page-ttl h1{font-size:1.9rem;}

  #page-ttl{padding:40px 0;}
}

hr.border-brown{border-top:1px solid #efc7a2;}

.ttl-border-yellow-dots{border-bottom:2px dotted #ffbd00; padding-bottom:8px;}

#page-faq table td{vertical-align:top;}

#page-faq h3.ttl-border-yellow-dots{font-size:1.35rem;}

.faq-question{padding:3px 6px 6px; background:#fdd666; font-weight:bold; border-radius:4px; display:inline-block;}

.faq-answer{padding:2px 6px 5px; background:#d88538; color:#fdf8e8; font-weight:bold; border-radius:4px; display:inline-block;}

ul.insurance-logo {
  text-align: center;
  margin-bottom:0;
  padding-left:0;
}
ul.insurance-logo li {
  display: inline-block;
  vertical-align: middle;
}
ul.insurance-logo li a {
  display: block;
}
ul.insurance-logo li {
  margin-left:1.5rem; margin-right:1.5rem; margin-bottom:20px;
}
ul.insurance-logo li img {
  max-height: 50px;
  width: auto;
}
ul.insurance-logo-us {
  text-align: center;
  margin-bottom:0;
}
ul.insurance-logo-us li {
  display: inline-block;
  vertical-align: middle;
}
ul.insurance-logo-us li a {
  display: block;
}
ul.insurance-logo-us {
  /*font-size: 0;*/
  padding-left:0;
}
ul.insurance-logo-us li {
  margin-left:1.5rem; margin-right:1.5rem;
}
ul.insurance-logo-us li img {
  max-height: 85px;
  width: auto;
}

@media screen and (max-width:767px){
 ul.insurance-logo li img {max-height: 45px;}
	
 ul.insurance-logo li {
  margin-left:1rem; margin-right:1rem; width:40%;
 }
}

.img-object-fit{width:100%; max-height:233.73px; object-fit:cover;}

.mc4wp-checkbox input[type="checkbox"]{margin-right:7px; width:20px; height:20px; vertical-align:-5px;}

#accordion .card, #accordionTwo .card, #accordionThree .card{background-color:transparent; border:none;}

#accordion .card-header, #accordionTwo .card-header, #accordionThree .card-header{padding:0; border:none;}

#accordion .card-body, #accordionTwo .card-body, #accordionThree .card-body{padding-left:0; padding-right:0;}

#accordion button, #accordionTwo button, #accordionThree button{background:#3c2516; color:#fff; border-radius:8px; padding:.25rem 1.75rem; font-size:.875rem;}

ol{padding-left:22px;}

ol li{margin-bottom:8px;}

ol li:last-child{margin-bottom:0;}

ul.page-social-media{list-style:none; padding-left:0; font-size:1.75rem; margin-bottom:0; display:flex;}

ul.page-social-media li{float:left; margin-right:2rem;}

ul.page-social-media li a:hover{opacity:.7;}

/* blog */
.blog-index hr{margin-top:1.5rem; margin-bottom:1.5rem;}

.blog-body img{max-width:100%; height:auto;}

.blog-body h4{color:#195400;}

/* blog side */
.widget-container h4{margin-bottom:10px; font-size:1.4rem; border-bottom:2px solid #3c2516; padding-bottom:4px;}

.widget-container ul li{margin-bottom:10px;}

ul.side-blog,.side-blog ul{list-style:none; padding-left:10px;}

li.widget-container ul{margin-bottom:30px; padding-left:0;}

/* medical exam */
.table-medical-exam .table-bordered, .table-medical-exam .table-bordered th, .table-medical-exam .table-bordered td{border:1px solid #3c2516;}

.table-medical-exam .table-sm th, .table-medical-exam .table-sm td{padding:.15rem .25rem;}

.bg-orange-light{background-color:#ffd8b3 !important;}

.bg-orange-ligher{background-color:#fff1e4 !important;}

/* Responsive Pagenation */
ul.pagination{margin-bottom:0; margin-top:1rem; justify-content:center;}

.page-link{color:#3c2516; background-color:transparent;}

.page-item.active .page-link{background-color:#3c2516; border-color:#3c2516;}

/* 404 */
#page404{text-align:center;}

#page404 h2{font-size:5rem; margin-bottom:5rem; color:#ffc315;}

#page404 h3{margin-bottom:3.5rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 90px;
    right: 20px;
    background: rgba(246, 167, 96, 0.75);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}