<style>
div{
	width:auto;
	height:auto;
}
a.button{
	font-size:12px;
}
#layer2 { top:0px; right:0px; width: 350px; height: 40px; 
 font-size:12px; color:#ffffff;  position: fixed;visibility: visible;}


/* ナビゲーション背景の設定*/
.site-header{ background-color: rgba(128,128,128,0.4); display: flex; 
padding: 15px 20px; 
position: fixed; 
z-index:10;
justify-content: space-between; width: 100%; height: 100px }

/*================================================
 * トップロゴの位置
 ================================================*/
.site-logo img{ position: absolute; top: 50px; width: 200px; height: 42px;z-index:11;}

/*================================================
 * ナビゲーションの位置
 ================================================*/
.gnav__menu{ position: absolute; top: 30px; right: 50px; list-style-type: none; display: flex; }
.gnav__menu{ list-style-type: none; display: flex; }
.gnav__menu__item{
    margin-right: 30px;margin-top: 14px;
}
.gnav__menu__item a{
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.05em;
}
div a.button{
	font-size:12px;
}
body {   margin: 0px; }
#wrapper {
  width:100%;
  overflow:hidden;
}
.wave { background-position: center 0; position: absolute; top: 170px; width: 100%; height: 368px; }

/*================================================
 * ページフェードイン
 ================================================*/
body {
    animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/*================================================
 *  トップ黒バー
 ================================================*/
top {
	width:100%;height: 40px;
	position:fixed;
	top:0;
	left:0;
	opacity:0.9;
	color: #000000;
	background:#000000;
	z-index:10;
}

display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

/*================================================
 *  トップ黒バー内キャプション設定および位置
 ================================================*/
.logotext {font-size: 15px; line-height: 1em; z-index: 1;  }
#layer2 { top:0px; right:22px; width: 350px; height: 40px; z-index:10; 
 font-size:12px; color:#ffffff;  position: fixed;visibility: visible;}
