/*
Theme Name: SUSHI STOP
Theme URI: https://sushistop.com
Description: SUSHI STOP Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://taisukeinui.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;}

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

small, .small{font-size:.75em;}

.smaller{font-size:.6em;}

.container {max-width: 1630px;}

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

@media (prefers-reduced-motion: reduce) {
  .wow,
  .animate__animated {
    animation: none !important;
    transition: none !important;
  }
}

html{font-size:19px;}

body{font-family: "Figtree", sans-serif; line-height:1.35rem; font-optical-sizing: auto;}

.font-figtree{font-family: "Figtree", sans-serif !important;}

.font-oswald{font-family: "Oswald", sans-serif !important; font-optical-sizing: auto; font-weight: 700;}

@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: "Oswald", sans-serif; font-optical-sizing: auto; font-weight: 700;}

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

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

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

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

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

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

.anchor-link {scroll-margin-top: 110px;}

.text-danger{color:#af0000 !important;}

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

.bg-danger{background-color:#af0000 !important;}

.bg-danger-dark{background-color:#560d0d !important;}

.bg-beige{background-color:#fff9de !important;}

.bg-black-paper{background-image:url('/wp-content/themes/sushistop/images/bg-black-paper.webp'); background-repeat: repeat;}

.bg-white-paper{background-image:url('/wp-content/themes/sushistop/images/bg-white-paper.webp'); background-repeat: repeat;}

.bg-japanese-pattern01{background-image:url('/wp-content/themes/sushistop/images/bg-japanese-pattern01.webp'); background-repeat: repeat;}

.bg-japanese-pattern02{background-image:url('/wp-content/themes/sushistop/images/bg-japanese-pattern02.webp'); background-repeat: repeat;}

.bg-japanese-pattern03{background-image:url('/wp-content/themes/sushistop/images/bg-japanese-pattern03.webp'); background-repeat: repeat;}

.btn-outline-danger{color:#af0000; border-color:#af0000;}

.btn-outline-danger:hover{background-color:#af0000;}

.btn-lg{padding:0.5rem 2.75rem;}

/* header */
#logo-header{width:90px; -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:70px; -webkit-transition: ease .25s; transition: ease .25s;}

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

.navbar-brand{padding-top:0; padding-bottom:0;}

.dropdown-item.active, .dropdown-item:active{background-color:#af0000;}

.social-icon{font-size:1.4rem;}

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

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

/* footer */
footer{padding:40px 0;}

/* Mutual */
.sec-padding-45{padding-top:45px; padding-bottom:45px;}

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

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

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

.sec-ttl-lg{font-size:5.5rem; line-height:6.25rem;}

.sec-ttl-md{font-size:3.75rem; line-height:5rem;}

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

 .sec-padding-120-120{padding-top:60px; padding-bottom:60px;}

 .sec-ttl-lg{font-size:3rem; line-height:3.75rem;}

 .sec-ttl-md{font-size:3rem; line-height:3.75rem;}
}

.zigzag, .zigzag2, .zigzag3, .zigzag4 {
  position: relative;
}
.zigzag::before, .zigzag::after, .zigzag2::before, .zigzag2::after, .zigzag3::before, .zigzag3::after, .zigzag4::before, .zigzag4::after {
  height: 30px;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.zigzag::after {
  bottom: -30px;
  background: linear-gradient(135deg, #f8f9fa 15px, transparent 0), linear-gradient(225deg, #f8f9fa 15px, transparent 0);
  background-size: 30px 30px;
}

.zigzag2::before {
  top: -30px;
  background: linear-gradient(45deg, #f8f9fa 15px, transparent 0), linear-gradient(315deg, #f8f9fa 15px, transparent 0);
  background-size: 30px 30px;
}

.zigzag3::after {
  bottom: -30px;
  background: linear-gradient(135deg, #fff9de 15px, transparent 0), linear-gradient(225deg, #fff9de 15px, transparent 0);
  background-size: 30px 30px;
}

.zigzag4::before {
  top: -30px;
  background: linear-gradient(45deg, #fff9de 15px, transparent 0), linear-gradient(315deg, #fff9de 15px, transparent 0);
  background-size: 30px 30px;
}

/* Home */
.video-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: 800px;
   overflow: hidden;
   position: relative;
}
.video-wrapper iframe {
   width: 100%;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 85vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   /*position: fixed;*/
   z-index:-999;
}

@media screen and (max-width:767px){
 .video-wrapper{height: 500px;}
}

a.card-menu{text-decoration:none; }

a.card-menu img{display:block; aspect-ratio: 32/25;}

a.card-menu:hover{opacity:.6;}

@media screen and (max-width:767px){
 .card-menu h2.h3{font-size:.9rem; line-height:1.2rem;}
}

.card-img-top{display:block; aspect-ratio:8/5; backgrond-color:#ddd;}

.address-line{position:relative; padding-left:28px;}

.address-line i{position:absolute; left:0; top:5px;}

/* Page */
#hero-img-page{}

@media screen and (max-width:767px){
 .g-maps{height:280px !important;}
}

ul.logo-brand{list-style:none; padding-left:0; display:inline-block;}

ul.logo-brand li{float:left; margin-right:15px;}

ul.logo-brand img{width:80px;}

.menu-img-box{display:block; background-color:#ddd; aspect-ratio:5/4;}

#page-policy ul li{margin-bottom:.7rem;}

#page-policy ul li:last-child{margin-bottom:0;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: rgba(194, 10, 33, 0.5);
    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: 13px;
    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;
}