.ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}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; }
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;
}
.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-light{background: #f7f7f7 !important;} html[lang=en-US]{font-size:18px; font-family: 'Lato', sans-serif;}
html[lang=ja]{font-size:16px; font-family: 'Noto Serif JP', serif;}
html[lang=en-US] body{font-family: 'Lato', sans-serif; font-weight:300; line-height:1.6rem;}
html[lang=ja] body{font-family: 'Noto Serif JP', serif; font-weight:300; line-height:1.8rem; letter-spacing:1.5px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Balthazar', serif; text-transform:uppercase; line-height:2rem;}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] h4,html[lang=ja] html[lang=ja] h5,html[lang=ja] h6,html[lang=ja] .h1,html[lang=ja] .h2,html[lang=ja] .h3,html[lang=ja] .h4,html[lang=ja] .h5,html[lang=ja] .h6 {font-family: 'Noto Serif JP', serif; letter-spacing:5px; line-height:2rem;}
.font-crimson{font-family: 'Crimson Text', serif !important;}
.text-shadow{text-shadow:0 0 10px #000, 0 0 15px #000, 0 0 20px #000;}
.text-shadow-light{text-shadow:0 0 10px #000, 0 0 20px #000;}
.text-warning{color:#b18b00 !important;}
.sec-padding-70px{padding:70px 0;}
.sec-padding-90px{padding:90px 0;}
.sec-padding-120px{padding:120px 0;}
.sec-padding-180px{padding:180px 0;}
.no-padding{padding-left:0; padding-right:0;}
.mt-15px{margin-top:15px;}
.mt-30px{margin-top:30px;}
.mt-80px{margin-top:80px;}
.mb-15px{margin-bottom:15px;}
.mb-30px{margin-bottom:30px;}
.mb-60px{margin-bottom:60px;}
.mb-80px{margin-bottom:80px;}
.mb-100px{margin-bottom:100px;}
.mb-120px{margin-bottom:120px;}
a.underline{color:inherit; text-decoration:underline;}
a.underline:hover{text-decoration:none;}
.flex-height{display: flex; align-items: center;}
.font-noto-serif-jp{font-family: 'Noto Serif JP', serif;} .btn{border-radius:3px; padding:.25rem 2.5rem;}
.btn-outline-warning {
color: #b18b00;
background-color: transparent;
background-image: none;
border-color: #b18b00;
}
.btn-outline-warning:hover {
color: #fff;
background-color: #b18b00;
border-color: #b18b00;
}
@media screen and (max-width:767px){
.btn-mobile-block{display:block;}
} #logo-header{width:200px; filter: brightness(0) invert(1);}
.navbar {
background-color: transparent;
border: none;
color: white;
z-index: 100;
-webkit-transition: background-color 1s ease 0s;
transition: background-color 1s ease 0s;
font-family: 'Balthazar', serif;
text-transform:uppercase;
padding:.25rem;
}
html[lang=ja] .navbar{font-family: 'Noto Serif JP', serif; font-weight:300;}
.navbar-brand{padding:0; line-height:100%;}
.navbar{font-size:.9rem;}
.navbar-light .navbar-brand {
color: white; text-shadow: 0 0 10px #000, 0 0 20px #000;
}
.navbar-light .navbar-brand:hover {
color: #929292;
}
.navbar-light .navbar-nav > li > a {
color: #fff !important; text-shadow: 0 0 10px #000, 0 0 20px #000;
}
.navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:active, .navbar-light .navbar-nav > li > a:focus {
color: #e4ce6d !important;
}
.navbar-light .navbar-nav > li > a:visited {
color: #e4ce6d;
text-decoration: none;
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .active > a:focus {
background-color: transparent;
color: #e4ce6d;
}
.navbar-light .navbar-toggle {
border-color: #e4ce6d;
}
.navbar-light .navbar-toggle:hover, .navbar-light .navbar-toggle:focus {
background-color: #fff;
}
.navbar-light .navbar-toggle .icon-bar {
color: #e4ce6d;
background-color: #333;
}
.navbar-light .navbar-collapse.collapse.in ul {
background-color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link{padding:.5rem .65rem;}
.navbar-nav .dropdown-menu{font-size:.9rem; background-color:rgba(255, 255, 255, 0.9);}
.dropdown-item{padding:0 1.5rem;}
@media screen and (max-width:991px){
.navbar {
background-color: rgba(255, 255, 255, 0.98);
text-align:center;
}
.navbar-light .navbar-brand {
color: #333; text-shadow: none;
}
.navbar-light .navbar-brand:hover {
color: #333;
}
.navbar-light .navbar-nav > li > a {
color: #333 !important; text-shadow: none;
}
.navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:active, .navbar-light .navbar-nav > li > a:focus {
color: #333 !important;
}
.navbar-light .navbar-nav > li > a:visited {
color: #333;
text-decoration: none;
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .active > a:focus {
background-color: transparent;
color: #333;
}
.navbar-light .navbar-toggle {
border-color: #333;
}
#logo-header{filter: invert(100);}
}
.wpml-ls-menu-item .wpml-ls-flag{margin-right:3px;} .navbar.solid {
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: background-color 1s ease 0s;
transition: background-color 1s ease 0s;
box-shadow: 0 0 4px grey;
}
.navbar.solid .navbar-brand {
color: #333;
-webkit-transition: color 1s ease 0s;
transition: color 1s ease 0s;
text-shadow: none;
}
.navbar.solid .navbar-nav > li > a {
color: #333 !important;
-webkit-transition: color 1s ease 0s;
transition: color 1s ease 0s;
text-shadow: none;
}
.navbar.solid .navbar-nav > li > a:hover{color:#e4ce6d !important;}
.navbar.solid #logo-header{filter: invert(100); width:170px;
-webkit-transition: ease .25s;
transition: ease .25s;}
@media screen and (max-width:991px){
.fixed-top{position:sticky; position:-webkit-sticky;}
}
@media screen and (max-width:767px){ 
#logo-header{width:170px;}
.carousel-item img {height: 380px; object-fit: cover;}
} #footer-top{padding:70px 0 10px;}
#footer-top p.links a{color:#b18b00;}
#footer-top.bg-light{background:#f9f4e2 !important;}
#footer-top i:hover{opacity:.5;}
#footer-bottom{padding:15px 0; background:#440100; font-size:.95rem;}
#footer-bottom a{color:#fff; text-decoration:underline;}
#footer-bottom a:hover, #footer-bottom a:focus{text-decoration:none;} #events a.category{color:inherit; text-decoration:underline;}
#events a.category:hover, #events a.category:focus{text-decoration:none;}
.ttl-border{display: flex; align-items: center;}
.ttl-border:before, .ttl-border:after {border-top: 1px solid #d0a711; content: ""; flex-grow: 1;}
.ttl-border:before {margin-right: 1rem;}
.ttl-border:after {margin-left: 1rem;}
.index-box{padding:180px 0;}
.index-bg01{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/main-visual-index01.jpg) center center; background-size:cover;}
.index-bg02{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images//main-visual-index02.jpg) center center; background-size:cover;}
.index-bg03{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/main-visual-index03.jpg) center center; background-size:cover;}
@media screen and (max-width:991px) {
.index-box{padding:80px 0;}
}
@media screen and (max-width:767px) {
.index-bg01{padding:90px 0; background-position:-200px center;}
.index-bg02{padding:90px 0; background-position:-200px center;}
.index-bg03{padding:90px 0; background-position:-600px center;}
} #page-main-visual{padding:300px 0 250px;}
#page-main-visual h1{color:#fff; text-shadow: 0 0 10px #000, 0 0 20px #000;}
.main-kanteibyo{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images//bg-header-kanteibyo.jpg) top center fixed no-repeat; background-size:100%;}
.main-guan-yu{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/bg-header-guan-yu.jpg) top center fixed no-repeat; background-size:100%;}
.main-history{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/bg-header-history.jpg) top center fixed no-repeat; background-size:100%;}
.main-pray{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/bg-header-pray.jpg) top right fixed no-repeat; background-size:100%;}
.main-hours-directions{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/bg-header-hours-directions.jpg) top center fixed no-repeat; background-size:100%;}
.main-events{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/bg-header-events.jpg) top center fixed no-repeat; background-size:100%;}
.main-contact{background:url(//yokohama-kanteibyo.samurai-web.tokyo/wp-content/themes/kanteibyo/images/bg-header-contact.jpg) top center fixed no-repeat; background-size:100%;}
@media screen and (max-width:1599px) {
#page-main-visual{padding:200px 0 180px;}
}
@media screen and (max-width:1023px) { #page-main-visual{background-size:initial !important;}
}
@media screen and (max-width:991px) {
#page-main-visual{padding:220px 0 220px;}
.main-kanteibyo{background-position:left -300px top -200px;}
.main-history{background-position:top right -100px;}
.main-pray{background-position:top right -200px;}
}
@media screen and (max-width:767px) {
#page-main-visual{padding:220px 0 220px;}
.main-kanteibyo{background-position:left -300px top;}
.main-history{background-position:top right -100px;}
.main-pray{background-position:top right -200px;}
}
.table-sm th, .table-sm td{padding:0 .3rem .5rem .3rem;}
ol.lines{padding-left:20px;}
ol.lines li{border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:.75rem; margin-bottom:.75rem; padding-left:.25rem; color:#af8b0a;}
ol.lines li span{color:#333;} label{margin-bottom:.25rem;} .news-archive p.category a, .news-body p.category a{color:#b18b00;}
.news-body h2, .news-body h3, .news-body h4{font-weight:bold;}
.news-body a{color:#b18b00;} section.page404{padding:100px 0; text-align:center;}
section.page404 h2{font-size:5rem; color:#b18b00; margin-bottom:3rem;}
section.page404 h3{margin-bottom:3.5rem;}
section.page404 a{color:#b18b00;} #return-to-top {
z-index:1000;
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(208,167,17, 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: 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;
}