@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: 600;
  font-style: normal;
}


body {
  font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #dddddd;
  background: #000000;
  height: 100%;
  position: relative;
}

@media screen and (max-width: 1062px) {

}
@media screen and (max-width: 934px) {

}
@media screen and (max-width: 768px) {

}



.back { /* TOPに戻るボタン */
 position: fixed;
 bottom: 10px;
 right: 10px;
  
 border:1px solid #eeeeee;
 padding:2pt;
 background-color: #FFF;
 line-height: 22px;
 filter:alpha(opacity=75);
 -moz-opacity:0.75;
 -khtml-opacity: 0.75;
 opacity:0.75;
     
 text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #ccc; 
 -webkit-box-shadow: 1px 1px 2px #666666;
 -moz-box-shadow: 1px 1px 2px #666666; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
}

.back a, .back a:active, .back a:focus {
  color: #000000;
}

.back a:hover {
  color: #800000;
}


a {
  color: #d73930;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #ff9c00;
  text-decoration: none;
  /* outline: none; */
}

p {
  margin-bottom: 18px;
}
@media screen and (max-width: 480px) {
  p {
    font-size: 16px;
  }
}









footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #000000;
  color: #dddddd;
}

.navbar {
	position:relative;
	top:0px;
	width:95%;
}
@media screen and (max-width: 480px) {
	.navbar {
		width: auto;
	}
}

/*　各セクション　*/
#sect{
	position:relative;
	/* margin-top:30px; */
}
@media screen and (max-width: 480px) {
	#sect{
		position:relative;
		/* margin-top:30px; */
	}
}
@media screen and (max-width: 768px) {
	#sect{
		/* margin-top:30px; */
	}
}
@media screen and (max-width: 850px) {
	#sect{
		/* margin-top:30px; */
	}
}