/*
Theme Name: Kaori Inoue Realtor
Theme URI: https://kaoriinoue.com/
Description: Kaori Inoue Realtor Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://samurai-web-works.com/
*/

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }

img.alignleft { display: block; margin: 0 auto 0 0; }

img.aligncenter { display: block; margin: 0 auto; }

.mt-10px{margin-top:10px !important;}

.mt-20px{margin-top:20px !important;}

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

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

.mt-50px{margin-top:50px !important;}

.mt-60px{margin-top:60px !important;}

.mt-70px{margin-top:70px !important;}

.mt-80px{margin-top:80px !important;}

.mt-90px{margin-top:90px !important;}

.mt-100px{margin-top:100px !important;}

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

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

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

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

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

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

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

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

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

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

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

a:hover{color:inherit; text-decoration:none;}

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

@media screen and (max-width:767px){
 .img-70per-mobile{display:block; width:70%; margin-inline:auto;}
}

.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;}

.btn{white-space:normal; padding:0.375rem 2.25rem;}

.container {max-width: 1530px;}

@media screen and (max-width: 1540px){
.container {max-width: 1430px;}
}

@media screen and (max-width: 1440px){
.container {max-width: 95%; padding-left:2.5%; padding-right:2.5%;}
}

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

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

.bg-navy{background-color:#172542 !important;}

.bg-warning{background-color:#bd8e27 !important;}

.text-primary{color:#172542 !important;}

.text-warning{color:#bd8e27 !important;}

.text-light{color:#efefef !important;}

.btn-primary{background-color:#172542; border-color:#172542; color:#f8f9fa;}

.btn-warning{background-color:#bd8e27; border-color:#bd8e27; color:#f8f9fa;}

.border-warning{border-color:#bd8e27 !important;}

.border-primary{border-color:#172542 !important;}

html{font-size:15px;}

body{font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; line-height:1.6rem;}

@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; margin-bottom:65px;}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500;}

h1,.h1{line-height:3.5rem;}

h2,.h2{line-height:3rem;}

h3,.h3{line-height:2.75rem;}

h4,.h4{line-height:2.5rem;}

h5,.h5{line-height:2rem;}

h6,.h6{line-height:1.75rem;}

@media screen and (max-width:767px){
 h1,.h1{line-height:2.7rem;}

 h2,.h2{line-height:2.45rem;}

 h3,.h3{line-height:2.25rem;}

 h4,.h4{line-height:2rem;}

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

 h6,.h6{line-height:1.6rem;}
}

/* header */
#logo-header{width:280px; -webkit-transition: ease .25s; transition: ease .25s;}

.small-header{box-shadow: 0 0 4px grey; background-color:rgba(255, 255, 255, 0.85);}

.small-header #logo-header{width:190px; -webkit-transition: ease .25s; transition: ease .25s;}

.navbar-nav .icn-social{font-size:1.25rem;}

.navbar-brand span{color:#bd8e27; vertical-align:-13px;}

.navbar-dark .navbar-nav .nav-link.active{color:#bd8e27;}

.navbar-dark .navbar-nav .nav-link:hover{color:#bd8e27;}

.navbar-expand-xl .navbar-nav .nav-link{padding-left:.75rem; padding-right:.75rem; color:#efefef;}

@media screen and (max-width:1439px){
 #logo-header{width:220px;}
}

@media screen and (max-width:1349px){
 .navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem; padding-right:.5rem;}
}

@media screen and (max-width:1199px){
 .navbar-nav{text-align:center;}
}

@media screen and (max-width:767px){
 #logo-header, .small-header #logo-header{width:165px;}
 
 .navbar-brand span{vertical-align:-10px;}
}

/* footer */
#footer{padding-top:30px; padding-bottom:30px;}

#footer a{color:inherit;}

ul.icn-footer{list-style:none; padding-left:0; display: flex; justify-content: center; align-items: center;}

ul.icn-footer li{float:left; margin-right:1.5rem;}

ul.icn-footer li:last-child{margin-right:0;}

ul.icn-footer li img{width:30px; filter: invert(99%) sepia(7%) saturate(1074%) hue-rotate(278deg) brightness(119%) contrast(87%);}

ul.icn-footer li img:hover{filter: invert(53%) sepia(46%) saturate(714%) hue-rotate(3deg) brightness(100%) contrast(84%);

}

/* footer sticky */
.footer-sticky{display:none;}

@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, 250, 248, .9);
   z-index:500;
   border-top: 1px solid #cacaca;
   text-align:center;
   padding-top:.75rem;
   padding-bottom:.5rem;
 }

 .footer-sticky .col-12:first-child{border-right:1px solid #8f8f8f;}
 
 .footer-sticky a{text-decoration:none;}
}

/* mutual */
.sec-padding-120px{padding-top:120px; padding-bottom:120px;}

.sec-padding-90px{padding-top:90px; padding-bottom:90px;}

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

@media screen and (max-width:767px){
 .sec-padding-120px, .sec-padding-90px{padding-top:60px; padding-bottom:60px;}
 
 .sec-mb-120px{margin-bottom:90px;}
}

/* home */
#hero-img{/*background: url('../images/bg-hero-img.jpg') center center no-repeat; background-size:cover;*/ background-color:#030916; padding-top:20px;}

#hero-img .h1{font-size:3.7rem; line-height:5rem;}

#hero-img .h1 span{font-size:5.25rem;}

@media screen and (max-width:1440px){
 #hero-img .h1{font-size:2.7rem; line-height:4rem;}

 #hero-img .h1 span{font-size:4.25rem;}
}

@media screen and (max-width:991px){
 #hero-img .h1{font-size:1.75rem; line-height:2.75rem;}

 #hero-img .h1 span{font-size:2.75rem;}
 
 #hero-img h1{font-size:1.25rem; line-height:2rem;}
 
 #hero-img .mb-4{margin-bottom:1rem !important;}
 
 #hero-img .mb-5{margin-bottom:0 !important;}
 
 #hero-img img{width:70%; display:block; margin-inline:auto;}
}

@media screen and (max-width:767px){
  #hero-img .h1{text-align:center;}
}

a.card{text-decoration:none;}

/* CSS used here will be applied after bootstrap.css */
.thumbnail_container {
     position: relative;
     width: 100%;
     padding-bottom: 100%;
}

.thumbnail {
    position:absolute;
    width:100%;
    height:100%;
	background-color:#f1f1f1;
}
.thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height:100%;
    width: auto !important;
    max-width:100%;
}

/* page */
#hero-img-page{height:300px;}

.hero-img-page-selling{background:url('/wp-content/themes/kaoriinoue/images/img-page-hero-selling-real-estate.jpg') top center no-repeat; background-size:cover;}

.hero-img-page-buying{background:url('/wp-content/themes/kaoriinoue/images/img-page-hero-buying-real-estate.jpg') top center no-repeat; background-size:cover;}

.hero-img-page-las-vegas{background:url('/wp-content/themes/kaoriinoue/images/img-page-hero-las-vegas-henderson.jpg') top center no-repeat; background-size:cover;}

@media screen and (max-width:767px){
 #hero-img-page{height:160px;}
 
 .hero-img-page-selling{background:url('/wp-content/themes/kaoriinoue/images/img-page-hero-mobile-selling-real-estate.jpg') top center no-repeat; background-size:cover;}
 
 .hero-img-page-buying{background:url('/wp-content/themes/kaoriinoue/images/img-page-hero-mobile-buying-real-estate.jpg') top center no-repeat; background-size:cover;}
 
 .hero-img-page-las-vegas{background:url('/wp-content/themes/kaoriinoue/images/img-page-hero-mobile-las-vegas-henderson.jpg') top center no-repeat; background-size:cover;}
}

.ttl-w-number{position:relative; padding-left:20px;}

.ttl-w-number span{position:absolute; left:0;}

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

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

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:#bd8e27; font-weight:600;}

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

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: rgba(118, 101, 0, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-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;
}