.flex-box {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (min-width: 1200px){
.container {max-width: 1300px;}
}
@media screen and (max-width: 1199px){
.container {max-width: 100%;}
}
a{color:#990000;}
.text-danger{color:#990000 !important;}
a:hover img.hoverImg{
opacity:0.6;
}
.sawarabi-font{ font-family: 'Noto Serif JP', serif;}
.no-padding{padding-left:0; padding-right:0;}
.pb-120{padding-bottom:120px;}
body{font-family: 'Crimson Text', serif; font-size:19px;}
html[lang=ja] body{font-family: 'Noto Serif JP', serif; font-size:15.5px; letter-spacing:.075em; line-height:1.95em;}
.wpml-ls-menu-item .wpml-ls-flag+span{font-family: 'Noto Serif JP', serif;} nav.bg-light{background-color: rgba(255, 255, 255, 0.85) !important;}
.navbar-light .navbar-nav .nav-link{color:#333;}
.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color:#990000;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#990000;}
@media screen and (max-width: 767px){
#logo {width: 140px;}
} footer a, footer a:hover, footer a:focus{color:inherit;}
footer a{text-decoration:underline;}
footer a:hover{text-decoration:none;} #main-visual img{width:100%;}
.padding-adjust-index{padding-top:90px; padding-bottom:90px;}
.btn{border-radius:0;}
.h1-deco {
position: relative;
text-align: center;
font-size:2em;
}
.h1-deco span {
position: relative;
z-index: 2;
display: inline-block; margin:0;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.h1-deco::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
}
.h2-deco {
position: relative;
text-align: center;
font-size:2rem;
}
.h2-deco span {
position: relative;
z-index: 2;
display: inline-block; margin:0;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.h2-deco::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
}
.h2-deco-left {
position: relative;
text-align: left;
font-size:2rem;
}
.h2-deco-left span {
position: relative;
z-index: 2;
display: inline-block; margin:0;
padding: 0 1em 0 0;
background-color: #fff;
text-align: left;
}
.h2-deco-left::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #ccc;
}
html[lang=ja] .h2-deco-left{font-size:1.75rem;}
@media screen and (max-width:767px) {
.h1-deco{font-size:1.5em;}
.h2-deco, .h2-deco-left{font-size:1.25em;}
html[lang=ja] .h1-deco{font-size:1.65em;}
html[lang=ja] .h2-deco, html[lang=ja] .h2-deco-left{font-size:1.5rem;}
} #page-head{text-align:center; padding:230px 0 150px; color:#fff;}
#page-head a, #page-head a:hover, #page-head a:focus{color:#fff;}
#page-head a{text-decoration:underline;}
#page-head a:hover{text-decoration:none;}
#page-head h1{margin-bottom:.75rem;}
.head-about{background:url(//yusuian.samurai-web.tokyo/wp/wp-content/themes/yusuian/images/bg-page-about.jpg) center center fixed;}
.head-chado{background:url(//yusuian.samurai-web.tokyo/wp/wp-content/themes/yusuian/images/bg-page-chado.jpg) center center fixed;}
.head-class{background:url(//yusuian.samurai-web.tokyo/wp/wp-content/themes/yusuian/images/bg-page-class.jpg) center center fixed;}
.head-gallery{background:url(//yusuian.samurai-web.tokyo/wp/wp-content/themes/yusuian/images/bg-page-gallery.jpg) center center fixed;}
.head-contact{background:url(//yusuian.samurai-web.tokyo/wp/wp-content/themes/yusuian/images/bg-page-contact.jpg) center center fixed;} #page404 {text-align:center;}
#page404 h2{font-size:3em;} @media screen and (max-width:1299px) {
.fg-default .fg-image{width:330px !important; height:220px !important;}
}
@media screen and (max-width:730px) {
.fg-default.fg-gutter-20 .fg-item{margin-right:0 !important;}
} #return-to-top {
z-index:1000;
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(153, 0, 0, 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;
}