/*
Theme Name: Samurai Web Works, Inc.
Theme URI: https://www.samurai-web-works.com/
Description: Exclusive theme for Samurai Web Works, Inc.
Version: 1.0
Author: Taisuke Inui
Author URI: https://taisukeinui.com/
*/
.row{margin-left:-20px; margin-right:-20px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* 5 columns, 7 columns */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
position: relative;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
}

.col-xs-5ths {
width: 20%;
float: left;
}

.col-xs-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}

@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}

.col-sm-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}
}

@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}

.col-md-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}
}

@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}

.col-lg-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}
}


/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}
.pT100{padding-top:100px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB60{padding-bottom:60px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}
.pB120{padding-bottom:120px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*

/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}

/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f33{font-size:33px;}
.f36{font-size:36px;}
.f39{font-size:39px;}
.f42{font-size:42px;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}

/* Smartphone （768px） */
@media screen and (max-width: 767px){
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
/*margin right*/
.spmR00{margin-right:0px;}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p-xs{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p-xs{width:50%; display:block; margin-left:auto; margin-right:auto;}
    
.text-center-xs{text-align:center !important;}
  
.text-left-xs{text-align:left !important;}
  
.clear-xs{clear:both;}
  
.block-xs{display:block;}
	
.pull-left-xs{float:left;}
}

.pic-90p{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p{width:50%; display:block; margin-left:auto; margin-right:auto;}

/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a{-webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  transition: all 2s linear;
}

a:hover img.hoverImg{
opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.text-shadow-white {
    text-shadow: 0px 3px 10px rgba(225, 225, 225, 1);
}

.text-shadow {
    text-shadow: 0px 1px 20px rgba(0, 0, 0, 1);
}

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

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

.divide-line{border-top:1px solid #e4e4e4; margin-top:40px; margin-bottom:40px;}

h1,h2,h3,h4,h5,h6,p,address{margin:0; padding:0;}

hr.page{margin-top:35px; margin-bottom:35px;}

.aspect-square{aspect-ratio:1/1;}

/* table no border */
.table-borderless{margin-bottom:0 !important;}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none; 
}

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

/* nav auto drop down */
/*.dropdown:hover .dropdown-menu {
display: block;
}*/

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

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

a{text-decoration:underline;}

a:hover{text-decoration:none;}

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

.bg-light-blue{background:#dee6ef;}

.bg-light-grey{background:#f5f5f5;}

.bg-black{background:#121212;}

body {font-family: 'Josefin Sans', sans-serif; font-size:16px; color:#232323; font-weight:400;}

/* html[lang="ja"] body {font-family: "Sawarabi Mincho"; font-size:14.5px; line-height:24px;} */

html[lang="ja"] body {font-family: 'Noto Serif JP', serif; font-size:15.5px; line-height:24px;}

html[lang="ja"] h2{font-size:27px;}

@media screen and (max-width:767px){
 html[lang="ja"] h2{font-size:24px;}
}

.crimson{font-family: 'Crimson Text', serif;}

.josefin-sans{font-family: 'Josefin Sans', sans-serif !important;}

.color-insta{
background: -webkit-linear-gradient(#7923bc, #dc8e40);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.color-insta2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cba7ba+20,e6d295+80 */
background: #cba7ba; /* Old browsers */
background: -moz-linear-gradient(-45deg, #bb7e9e 20%, #e6d295 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #bb7e9e 20%,#e6d295 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #bb7e9e 20%,#e6d295 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb7e9e', endColorstr='#e6d295',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#masthead{
  display:none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}

#masthead.scrolled {
    display:block;
    padding: 10px 15px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
}

/* nav smartphone dropdown adjust */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

#logo{width:340px;}

@media screen and (max-width:499px){
#logo{margin-top:5px;}
}

@media screen and (max-width:1599px){
#logo{width:280px;}
}

.navbar-default{background: #d5e7ab; /* Old browsers */
    background: -moz-linear-gradient(left, #d5e7ab 16%, #c2e5e8 40%, #f6e4b0 65%, #f1c8e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d5e7ab 16%,#c2e5e8 40%,#f6e4b0 65%,#f1c8e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d5e7ab 16%,#c2e5e8 40%,#f6e4b0 65%,#f1c8e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e7ab', endColorstr='#f1c8e4',GradientType=1 ); /* IE6-9 */
    color:#232323; background-color:none;}

.navbar-default, .navbar-default a{color:#232323 !important;}

.navbar-nav{float:right;}

.navbar-brand{font-size:30px;}

a.navbar-brand{text-decoration:none; text-transform: uppercase;}

.navbar-default .navbar-toggle{border:transparent;}

@media screen and (max-width:1599px){
	.nav > li > a{padding:15px 8px;}
}

@media screen and (max-width:767px){
 .navbar-nav{float:none;}
}


@media screen and (max-width:399px){
 .navbar-nav .pull-left-xs a{padding-left:15px; padding-right:5px;}
}

/* language switcher */
.wpml-ls-legacy-dropdown{margin-top:12px; width:170px !important; font-size:14px;}

@media screen and (max-width:767px){
	.wpml-ls-legacy-dropdown{margin-bottom:10px; margin-top:10px; margin-left:13px;}
}

/* footer */
#yelp-review {
    background: #fff;
    padding: 12px;
    border-radius: 4px;
    border:1px solid #e4e4e4;
}

footer{background:#000; color:#fff;}

footer a, footer a:hover, footer a:focus{color:#fff;}

/* slider */
.carousel-inner > .item > img {
    width: 100%;
}

.overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5e7ab+16,c2e5e8+40,f6e4b0+65,f1c8e4+100 */
    background: #d5e7ab; /* Old browsers */
    background: -moz-linear-gradient(left, #d5e7ab 16%, #c2e5e8 40%, #f6e4b0 65%, #f1c8e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d5e7ab 16%,#c2e5e8 40%,#f6e4b0 65%,#f1c8e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d5e7ab 16%,#c2e5e8 40%,#f6e4b0 65%,#f1c8e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e7ab', endColorstr='#f1c8e4',GradientType=1 ); /* IE6-9 */
    opacity: 0.70;
    /* background: rgba(0, 119, 190, 0.25); */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: auto;
    width: 100%;
    height: 100%;
}

.bg-gradient{
	background: #d5e7ab; /* Old browsers */
    background: -moz-linear-gradient(left, #d5e7ab 16%, #c2e5e8 40%, #f6e4b0 65%, #f1c8e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d5e7ab 16%,#c2e5e8 40%,#f6e4b0 65%,#f1c8e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d5e7ab 16%,#c2e5e8 40%,#f6e4b0 65%,#f1c8e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e7ab', endColorstr='#f1c8e4',GradientType=1 ); /* IE6-9 */
}

/* index */
.video-section{text-align:center; color:#fff;}

.video-section a, .video-section a:hover, .video-section a:focus{color:#fff;}

.video-section h1{margin-bottom:30px;}

html[lang="ja"] .video-section h1{font-size:36px;}

.video-section h2{font-size:80px;}

.video-section p.crimson{font-size:40px; margin-bottom:25px;}

html[lang="ja"] .video-section p.crimson{margin-bottom:40px;}

.video-section table{margin-left:auto; margin-right:auto;}

.video-section table td{padding-right:20px;}

.video-section table td:last-child{padding-right:0;}

.video-section i:hover{opacity:0.4;}

/* video background */
.video-wrapper {
   position:relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 90vh;
   max-height:830px;
   min-height:650px;
   z-index: 0;
   overflow: hidden;
}
.video-wrapper iframe {
   width: 100%;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   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-section h1, html[lang="ja"] .video-section h1{font-size:24px; line-height:33px;}

 .video-wrapper{height:600px; max-height:600px; min-height:600px;}
	
 .video-wrapper .f39, .video-wrapper .f42{font-size:27px;}
}

/* main visual xs */
.main-visual-xs-text{position:absolute; text-align:center; z-index:100; color:#fff; width:95%; top: 40%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}

.main-visual-xs-text h1{margin-bottom:20px; font-size:26px !important;}

.main-visual-xs-text h2{font-size:40px;}

.main-visual-xs-text p.crimson{font-size:24px; margin-bottom:25px;}

.main-visual-xs-text table td{padding-right:15px;}

.main-visual-xs-text table td:last-child{padding-right:0;}

.logo-text{aspect-ratio:850/59;}

.ttl-area{font-size:36px; text-align:center; position:relative; text-transform:uppercase;}

html[lang="ja"] .ttl-area{font-size:32px;}

.ttl-area:after {
    content:'';
    position:absolute;
    left:0; right:0;
    top:100%;
    margin:15px auto;
    width:5%;
    height:5px;
    background:#232323;
}

main h3{font-size:30px;}

main h4{font-size:27px;}

html[lang="ja"] main h3{font-size:28px;}

html[lang="ja"] main h4{font-size:24px;}

html[lang="ja"] a.f21{font-size:18px;}

img.gray-hover{filter: gray; /* IE5+ */
      -webkit-filter: grayscale(0.6); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .8s ease-in-out;  }

img.gray-hover:hover{filter: none;
      -webkit-filter: grayscale(0);
      }

@media screen and (max-width:767px){
.ttl-area{margin-bottom:60px; font-size:32px;}	
	
main h3{font-size:26px;}

main h4{font-size:24px;}

html[lang="ja"] .ttl-area{font-size:28px;}
	
html[lang="ja"] main h3{font-size:24px;}

html[lang="ja"] main h4{font-size:21px;}
}

/* home */
.webp #bg-flower{background: url('/wp-content/themes/SamuraiWebWrks/images/bg-flower.webp') top center fixed; position:relative;}

.no-webp #bg-flower{background: url('/wp-content/themes/SamuraiWebWrks/images/bg-flower.png') top center fixed; position:relative;}

/* page */
#intro-page{padding-top:40px; padding-bottom:40px;}

#intro-page h1{margin-bottom:20px; display:inline-block; float:left; margin-right:25px;}

#intro-page p.crumbs{display:inline-block; float:left; margin-top:8px;}

.intro-desc{font-size:18px; clear:both;}

html[lang="ja"] h1{font-size:30px;}

html[lang="ja"] .intro-desc{font-size:17px;}

@media screen and (max-width: 767px){
html[lang="ja"] #intro-page h1{font-size:22px;}
	
#intro-page p.crumbs{margin-bottom:20px; margin-top:0;}
	
html[lang="ja"] .intro-desc{font-size:16px;}
}

.portfolio-box{display:block; background:#e9e9e9; border:1px solid #eee;}

.portfolio-box-preloader{display:block; height: 0; width: 100%; padding-bottom: 125%;}

.hover-box {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: white;
  font-size: 1em;
  opacity: 0;
  overflow: hidden;
  padding: 2em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  left: 20px;
  right: 20px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  z-index:999;
}

.hover-box:hover { opacity: 1; }

@media screen and (max-width: 767px){
.hover-box { opacity: 1; bottom:0; background: rgba(0, 0, 0, 0.25);}
}

.hover-box h3{font-size:19px !important; margin-bottom:8px; line-height:23px;}

/* contact */
.c-red{color:#d40000;}

/* 404 */
#page404 h1{font-size:100px; margin-bottom:30px; margin-top:18%;}

#page404 h2{margin-bottom:40px; font-size:33px;}


/* btn */
.btn-success{background-color:#9cb958; border-color:#9cb958;}

.btn-success:hover {
    background-color: #7c983a;
    border-color: #7c983a;
}

/* --------------- Pre Loader Styles --------------- */
#preloader {
	position:fixed;
	top: 0;
	left: 0;
	background-color:#FFF;
	width: 100%;
	height: 100%;
	z-index: 10050;
}

.loading-circle {
	position: absolute;
	left: 49%;
	top: 49%;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border-top: 2px solid #7F8C8D;
	border-right: 2px solid rgba(0,0,0, 0);
	border-bottom: 2px solid #7F8C8D;
	border-left: 2px solid rgba(0,0,0, 0);
}