@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');



/*----------------------------------------------------------------------------------*/

.titile-logo-new{
  /* border:1px solid red; */
  margin: 0 auto 0 auto;
  /* width: 300px; */

}

/*----------------------------------------------------------------------------------*/

.logo_flame{
height: 50px;
padding-top: 20px;
background: white;
}

.logo_innterflame{
  height: 40px;
  width: 350px;
  margin-right: auto;
  margin-left: auto;
}

.logo{
  margin-top:0px;
  margin-bottom: 0px;
  font-size: 30px;
  color: rgb(0, 80, 0);
  text-align: center;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

/*-----------------------------------------*/

.underbar_flame{
  height: 200px;
  /* padding-top: 20px; */
  margin-top: 100px;
  background: #959A9B;
}

.underbar_licensetext{
  padding-top: 120px;
  font-size: 0.9em;
  text-align: center;
  height: 50px;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  /* border: 1px solid dimgray; */
  color:white;
}

.p_lisence{
  margin-top:0px;
  margin-bottom:0px;
}

.lisence_decorate{
  text-decoration: none;
  color: white;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------<<<<  ナビゲーションバー  >>>>--------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

.outflame{
  z-index: 100;
  /* border: 3px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  background-color:#37AB9D;
}

.centerflame{
  font-size: 1em;
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:905px;
  margin-right:auto;
  margin-left:auto;
  /* background-color:red; */

  text-align: center;

}
/*-------------------------------------------------------------------*/
.listbox1{
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:150px;
  background-color:#37AB9D;
  float:left;
}

.listbox2{
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:150px;
  background-color:#37AB9D;
  float:left;
}

.listbox3{
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:150px;
  background-color:#37AB9D;
  float:left;
}

.listbox4{
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:150px;
  background-color:#37AB9D;
  float:left;
}

.listbox5{
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:150px;
  background-color:#37AB9D;
  float:left;
}

.listbox6{
  /* border: 1px solid dimgray; */
  box-sizing: border-box;
  height: 50px;
  width:150px;
  background-color:#37AB9D;
  float:left;
}
/*-------------------------------------------------------------------*/

.centerflame ul{    /* ・点を消す */
  list-style-type: none;
  margin: 0; 
  padding: 0;
}

.centerflame a{
  text-decoration: none;
  /*  『display: block;』を使って『a要素』がブロックであることを指定します。そしてこのブロックを親要素と同じ高さに揃えます。*/
  display: block;
}

/*-------------------------------------------------------------------*/

.menu-title1{
  box-sizing: border-box;
  padding-top:8%;
  height: 50px;
  width:150px;
  color:white;
}

.menu-title2{
  box-sizing: border-box;
  padding-top:8%;
  height: 50px;
  width:150px;
  color:white;
}

.menu-title3{
  box-sizing: border-box;
  padding-top:8%;
  height: 50px;
  width:150px;
  color:white;
}

.menu-title4{
  box-sizing: border-box;
  padding-top:8%;
  height: 50px;
  width:150px;
  color:white;
}

.menu-title5{
  box-sizing: border-box;
  padding-top:8%;
  height: 50px;
  width:150px;
  color:white;
}

.menu-title6{
  box-sizing: border-box;
  padding-top:8%;
  height: 50px;
  width:150px;
  color:white;
}
/*-------------------------------------------------------------------*/

.sub-menu1 {

  display: none; /*← ここ追加 */
  background: #37AB9D;
  font-size: 0.8em;
}

.sub-menu2 {
  display: none; /* ← ここ追加 */
  background: #37AB9D;
  font-size: 0.8em;
}

.sub-menu3 {
  display: none; /* ← ここ追加 */
  background: #37AB9D;
  font-size: 0.8em;
}

.sub-menu4 {
  display: none; /* ← ここ追加 */
  background: #37AB9D;
  font-size: 0.8em;
}

/*-------------------------------------------------------------------*/

.listbox1:hover .sub-menu1{
  display: block;
} 

.listbox2:hover .sub-menu2{
  display: block;
} 

.listbox3:hover .sub-menu3{
  display: block;
} 

.listbox4:hover .sub-menu4{
  display: block;
} 
/*-------------------------------------------------------------------*/

/* ホバーした時に色を変化させる */
.sub-color:hover{
  background-color: rgb(132, 211, 132);
  /* アニメーション */
  /* -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease; */
}

/* ホバーした時に色を変化させる 準備中の物*/
.sub-colorx:hover{
  background-color: rgb(132, 211, 132);
  /* アニメーション */
  /* -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease; */
}

/* サブメニューのタブの文字の色 */
.sub-color{
  color:white;
}

/* サブメニューのタブの文字の色 準備中の物*/
.sub-colorx{
  color:#586365;
}

/*-------------------------------------------------------------------*/

/* -------------------------------------------------------------------- */
.page-top-focus{
  /* -----potion------*/
  position: fixed;
  bottom: 50px;
  right: 50px;
  /* ------------ */
  transition:0.5s;
  opacity:0.6;
  /* ------------ */
  display: block;
  box-sizing: border-box;
  font-size: 0.9em;
  width: 50px;
  height: 50px;
  /* padding-top: 10px; */
  text-align: center;
  /* border:solid 2px #586365; */
  border-radius: 50%;
  }
  
  .page-top-focus:hover{
      opacity: 1;
  }
  
  .page-top-focus-img{
      /* position: relative; */
      width: 100%;
  }
  
  /* -------------------------------------------------------------------- */