#body_pedding {
  padding-top: 180px;
}

#header_img{
    height:190px;
    margin:0px;
    position:fixed;
	top: 0;
    left: 0;
    right: 0;
    justify-content: center;
}


.dfont{
		 font-size:13px;
		 a:link { color: #000000; }
		 a:visited { color: #000000; }
         a:hover{ color:#FFFFFF;
         background-color:#00CFCE}
}
.ffont{
		 font-size:14px;
		 a:link { color: #000000; }
		 a:visited { color: #000000; }
         a:hover{ color:#FFFFFF;
         background-color:#00CFCE}
}
.adfont{
         font-size:14px;
		 a:link { color: #000000; }
		 a:visited { color: #000000; }
         a:hover{ color:#FFFFFF;
         background-color:#00CFCE}
}
.pfont{
		 font-size:15px;
		 a:link { color: #00CFCE; }
		 a:visited { color: #00CFCE; }
         a:hover{ color:#FFFFFF;
         background-color:#00CFCE}
}
.prfont{
		 font-size:15px;
		 a:link { color: #00CFCE; }
		 a:visited { color: #00CFCE; }
         a:hover{ color:#FFFFFF;
         background-color:#00CFCE}
}
/* スムーズスクロールとヘッダーのスタイル */
html {
  scroll-behavior: auto; /* スムーズスクロールを有効化 */
  scroll-padding-top:80px; /* ヘッダーの高さ */
}

/* ヘッダー部分のスタイル */
.header {
  background-color: ; /* 背景色 */
  color: #fff; /* テキスト色 */
  width: 800px; /* 幅を100%に */
}

/* 固定ヘッダーのスタイル */
.header-navFixed {
  background-color:; /* 背景色 */
  color: #fff; /* テキスト色 */
  position: fixed; /* 固定 */
  top: -200px; /* ヘッダーの高さ分上にする(隠す) */
  transition: top .6s; /* アニメーション効果を追加 */
  width: 800px; /* 幅を100%に */
}

/* 固定ヘッダーが表示されたときのスタイル */
#js-header.is-show {
  top: 0; /* 隠していたヘッダーを表示 */
}

/* fixmenu */
.site-header{
    background:opacity;
    display: flex;
    padding: 0px 0px;
    position: fixed;
    justify-content: center;
    width: 100%;
}
.gnav__menu{
    display: flex;
}
.gnav__menu__item{
    margin-left: 14px;
}
.gnav__menu__item a{
    color: #333;
    text-decoration: none;
}

/* dropmenu */

    #drop-down-menu {
      margin:-5px;
      padding: 0px;
      list-style-type: none;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      width: 800px;
    }
    #drop-down-menu li {float: left; width: 200px; position: relative;}
    #drop-down-menu li a {
      text-decoration: none;
      color: #000000;
      background-color: #F5F5F5;
      display: block;
      padding: 5px;
    }	
    #drop-down-menu li:hover a {
      background-color: #00CFCE;
    }
    #drop-down-menu1 li:hover ul {
      display: block;
    }
    #drop-down-menu li ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
	  position: absolute;
	  overflow: hidden;
	  height: 0px;
	  transition: height 0.2s;
    }
    #drop-down-menu li:hover ul {height: 200px;}
    #drop-down-menu li ul a {
      display: block;
      text-decoration: none;
      color: #00000;
      background-color: #00CFCE;
    }
    #drop-down-menu li ul li:hover a {
      color:#00CFCE;
	  background-color: #FFFFFF;
    }
    #drop-down-menu:after {
      content: "";
      clear: both;
      display: block;
    }
	#drop-down-menu li span a {
      color:#FFFFFF;
	  background-color: #FFFFFF;
    }
/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color:#00CFCE;
	text-decoration: none;
}