@charset "UTF-8";
 /*  */
/* -------------------------------------------------- */
.top_back {
  background-image:  url(../images/nav_back_ki.png), url(../images/nav_back_hana-r.png), url(../images/nav_back_hana-l.png);
  background-position: left top, right top, left top;
  background-repeat: no-repeat;
}
.fit {
  object-fit: cover; /* この一行を追加するだけ！ */
}
/* ボーダーの太さ */
.border-2{
    border-width:2px !important;
}
.border-3{
    border-width:3px !important;
}
.border-4{
    border-width:4px !important;
}
.border-5{
    border-width:5px !important;
}
/* アンダーライン */
.u{
    text-decoration: underline;
}
/* 太字 */
.b{
    font-weight: bold;
}
.block{
    display: inline-block;
}
/* 丸ゴ */
body,h5,h6,p,.h5,.h6,.p{
    font-family: 'Kosugi Maru', sans-serif;
}
/* 丸ゴ */
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.display-1,.display-2,.display-3,.display-4{
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.o10 {
	opacity: 0.1;
	mix-blend-mode: overlay;
}
.o30 {
	opacity: 0.3;
	mix-blend-mode: overlay;
}
.o50 {
	opacity: 0.5;
	mix-blend-mode: overlay;
}
.o70 {
	opacity: 0.7;
	mix-blend-mode: overlay;
}
.title {
	margin-top: -50px;
	margin-left: 2rem;
}


#footer {
  padding:0;
  position: fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999;
  height:35px; 
}

/*--------------------------------------------------
   ハンバーガーアイコンバツアニメーション
----------------------------------------------------*/
.navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  position: relative;
}
.navbar-dark .navbar-toggler-icon {
  background-image:none; /* この行で背景画像を無効化 */
  background-color: #fff;
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease .5s;
}

/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;
transform: rotate(-45deg);
}

/*--------------------------------------------------
    [Google material-icons]
----------------------------------------------------*/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/*--------------------------------------------------
    [Back To Top Theme Button]
----------------------------------------------------*/
#page_top{
  width: 150px;
  height: 30px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 1;
    transform: rotate(90deg);
    transform-origin: top right;
}
#page_top a{
  position: relative;
  display: block;
  width: 150px;
  height: 30px;
  text-decoration: none;
}
#page_top a::before{
  content: '\025c0 PAGE TOP';
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 2;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}