/*
Theme Name: UNIVALEO Japanese
Theme URI: https://jp.univaleo.net/
Description: UNIVALEO Japanese 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;}

.img-80per{display:block; width:80%; 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;}

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

.btn{white-space:normal; padding:.6rem 2.5rem;}

.btn-outline-warning{border-color:#e27439; color:#e27439;}

.btn-outline-warning:hover{background-color:#e27439; border-color:#e27439;}

.btn-gradient{transition:1s; background-image: linear-gradient(to right, #e27439 0%, #e5c11a 100%) !important; transition: 0.5s; background-size: 150% auto; color:#f8f9fa;}

.btn-gradient:hover, .btn-gradient:focus{background-position: right center;}

.btn-line{background-color:rgb(0, 185, 0); color:#f8f9fa;}

.btn-line:hover{background-color:rgba(0, 185, 0, .6); color:#f8f9fa;}

.bg-light-yellow{background-color:#fff3ca !important;}

.text-orange{color:#e27439 !important;}

.text-line{color:#00B900 !important;}

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

body{font-family: 'Zen Kaku Gothic New', sans-serif; font-weight:500; 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;}
}

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

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:240px; -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:150px; -webkit-transition: ease .25s; transition: ease .25s;}

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

.nav-item a.btn-gradient{color:#f8f9fa !important; padding-top:.4rem; padding-bottom:.4rem;}

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

@media screen and (max-width:767px){
 #logo-header, .small-header #logo-header{width:150px;}
}

/* footer */
#ctr-bottom{background:#e27439; color:#f8f9fa; padding:40px 0;}

#footer{padding:30px 0;}

#footer ul{padding-left:0; list-style:none; display:flex; justify-content: center; align-items: center; font-size:2rem;}

#footer ul li{float:left; margin-right:30px;}

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

#footer ul li a{color:#e27439;}

#footer ul li a:hover{opacity:0.6;}

/* body */
.sec-padding-120px{padding:120px 0;}

.sec-padding-90px{padding:90px 0;}

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

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

.sec-ttl{border-bottom:2px solid #e5cd4b; padding-bottom:10px; font-size:2.75rem;}

.sec-ttl.h2{font-size:2rem;}

.marker {background: linear-gradient(transparent 0%,#f6ff5f 0%);}

@media screen and (max-width:1199px){
 .sec-ttl{font-size:2.25rem;}
 
 .sec-ttl.h2{font-size:1.75rem;}
}

@media screen and (max-width:767px){
 .sec-padding-120px{padding:90px 0;}
 
 .sec-mb-180px{margin-bottom:90px;}
 
 .sec-mb-120px{margin-bottom:90px;}
 
 .sec-ttl{font-size:1.75rem;}
}

/* home */
#hero-img{position:relative;}

#hero-img .tagline{position:absolute; bottom:100px; width:100%; background-color:rgba(226, 116, 57, .7); padding-top:35px; padding-bottom:35px; color:#f8f9fa;}

#hero-img .tagline h1{text-align:center; font-size:3.75rem;}

@media screen and (max-width:1199px){
 #hero-img .tagline{bottom:50px; padding-top:20px; padding-bottom:20px;}
 
 #hero-img .tagline h1{font-size:3rem;}
}

@media screen and (max-width:767px){
 #hero-img .tagline{bottom:30px;}
 
 #hero-img .tagline h1{font-size:1.75rem;}
 
 .slick-slide img{height:475px;}
}

/* search */
.searchBar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#searchQueryInput {
  width: 100%;
  height: 2.8rem;
  background: #f5f5f5;
  outline: none;
  border: none;
  border-radius: 1.625rem;
  padding: 0 3.5rem 0 1.5rem;
  font-size: 1rem;
}

#searchQuerySubmit {
  width: 3.5rem;
  height: 2.8rem;
  margin-left: -3.5rem;
  background: none;
  border: none;
  outline: none;
}

#searchQuerySubmit:hover {
  cursor: pointer;
}

/* page */
#hero-img-page{padding:50px 0; background:#e27439; color:#f8f9fa;}

#hero-img-page h1{font-size:3.5rem;}

.lead{line-height:2rem;}

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

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

.tooltip-inner {max-width: 75% !important; margin-inline:auto;}

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

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

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

/* faq */
.accordion-button{padding:0 1.25rem;}

.accordion-button:focus, .accordion-button:not(.collapsed){background-color:#fff3ca;}

.faq-details{position:relative; padding-left:22px;}

.faq-details span{position:absolute; left:0; top:0;}

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

.blog-body h3{font-size:1.35rem; color:#1c6ba8; border-bottom:2px solid #b7dbf7; padding-bottom:5px; margin-top:30px; font-weight:bold;}

.blog-body h4.h5{font-weight:bold;}

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

.blog-body ul li{padding-left: 1.5em; margin-bottom:5px;}

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

.blog-body ol li{margin-bottom:5px;}

/* blog side */
.widget-container h4{margin-bottom:15px; font-size:1.5rem; border-bottom:2px solid #e27439;}

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

ul.side-blog,.side-blog ul{list-style:none;}

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

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

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

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

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(226, 116, 57, 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;
    -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;
}