/*
Theme Name: Yusuian
Theme URI: https://www.yusuian.org/
Description: Yusuian Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://www.samurai-web-works.com/
*/
.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:"Sawarabi Mincho";*/ 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;}

/* header */
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 */
footer a, footer a:hover, footer a:focus{color:inherit;}

footer a{text-decoration:underline;}

footer a:hover{text-decoration:none;}

/* index */
#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 2.5em;*/
  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 2.5em;*/
  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 2.5em;*/
  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 */
#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('/wp/wp-content/themes/yusuian/images/bg-page-about.jpg') center center fixed;}

.head-chado{background:url('/wp/wp-content/themes/yusuian/images/bg-page-chado.jpg') center center fixed;}

.head-class{background:url('/wp/wp-content/themes/yusuian/images/bg-page-class.jpg') center center fixed;}

.head-gallery{background:url('/wp/wp-content/themes/yusuian/images/bg-page-gallery.jpg') center center fixed;}

.head-contact{background:url('/wp/wp-content/themes/yusuian/images/bg-page-contact.jpg') center center fixed;}

/* page 404 */
#page404 {text-align:center;}

#page404 h2{font-size:3em;}

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

/* Back to Top */
#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;
}