/*フローティングメニュー*/
#floating-menu {
	width: 100vw; 
	margin: 0 auto; 
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #FAFAFA;
    font-size: 25px;
    //font-weight: bold;
    letter-spacing: 3px;//Japanese 10px;
    font-family:'Ebrima','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    color: #2E2E2E;
    border: 1px solid #000000;
    z-index: 9998;
}


/*メニュー内のテキストの書式*/
.menu-text{
	//padding-left:1%;
    font-size: 15px;
    letter-spacing: 3px;
    font-family:'Ebrima','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    color: #2E2E2E;
	line-height: 300%;
}


/*タイトル文字の位置*/
.floating-css{  
    width: 60%; 
    //border: 1px solid #FF0000; 
    margin: 0 auto; 
    text-align: center;  
}  

.move-square{
	position: relative;
}

.move-square:before, .move-square:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #d14;
  margin: auto;
}
.move-square:before {
  top: -5px;
  left: -8px;
  animation: spin 4s linear infinite;
}
.move-square:after {
  top: 10px;
  left: -1px;
  animation: spin 4s linear infinite;
}

/*
.move-square2{
	position: relative;
}

.move-square2:before, .move-square2:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #d14;
  margin: auto;
}
.move-square2:before {
  top: -10px;
  //left: 0px;
  animation: spin 4s linear infinite;
}
.move-square2:after {
  top: 10px;
  //left: 23%;
  animation: spin 4s linear infinite;
}*/

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*ハンバーガーボタンの位置*/
button.h-menu{  
	margin-top: 12px;  
	margin-left: 10px;  
    //border: 1px solid #FF0000; 
    //margin: 0 auto;    
}  


/*メインコンテンツ内のタイトルの書式*/
p.title{  
	padding-left: 20px;
	padding-right: 20px;
	//background-color: #FAFAFA;
    width: 38em;//60%;  
    //border: 1px solid #FF0000;  
    margin: 0 auto;
    text-align: center; 
    padding-top: 20px;  
    padding-bottom: 20px;
    font-size: 30px;
    letter-spacing: 7px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	color: #FAFAFA;
	border-bottom: 2px solid blue;//#000000;
	
}  


/*メインコンテンツの書式*/
.content{  
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FAFAFA;
    width: 57em;//60%;  
    //border: 1px solid #FF0000;  
    margin: 0 auto; 
     
    font-size: 20px;
    letter-spacing: 3px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	color: #FAFAFA;
	//border: 1px solid #000000;
}  


.left{
	float:left;
	width:50%;
	text-align:left;
}

.right{
	float:left;
	width:50%;
	text-align:right;
}


.left-center{
	float:left;
	width:41%;
	text-align:left;
}

.center{
	float:left;
	text-align:center;
}

.right-center{
	float:left;
	width:41%;
	text-align:right;
}


body, .content, .title{ /* ※body(画面全体)とid="grassboard"の共通設定 */
	//background-position: left top; /* 背景画像を左上に、 */
	background-color: #000000;
	background-position: left center;
	background-size: 100vw;//cover;
	background-attachment: fixed; /* 固定して、 */
	background-repeat: repeat-y; /* 画像をループしない。 */
}

body { /* ※body(画面全体)個別設定 */
	background-image: url("../img/ed/wave_c.jpg");
	//filter:brightness(100%);
}

.content, .title { /* ※id="grassboard"個別設定 */
	background-image: url("../img/ed/wave_c_e.jpg");
	//filter:brightness(100%);
}


a:link {
text-decoration:none;
color:#2E2E2E;
}
a:visited {
text-decoration:none;
color:#2E2E2E;
}
a:active {
text-decoration:none;
color:#BDBDBD;
}
a:hover {
text-decoration:none;
color:#BDBDBD;
}