@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; margin: 0px;}
a {color: #666666;text-decoration: none;}
a:hover {color: #FF6600;text-decoration: none;}
img {border: none;vertical-align: top;}

#pageTop{}
#pageContent{}
#pageBottom{ background-color: #000000; border-top: 5px solid #d51414;}

.box{ width: 1080px; margin: 0 auto; text-align: center; color:#fff; padding: 40px 0 10px 0;}
.text{ padding: 10px 0;}
.copyright{ font-size:10px;}

/* nav
---------------------------------------------*/
nav{ padding: 30px 30px 60px 30px;}
.inner{ max-width:100%; margin:0 auto; width:1080px;}
nav>.flex{ align-items: center; height:30px; }
.flex { display: flex; justify-content: space-between;}
.flex li{ margin-left:60px; list-style:none;}
.logo a{} 
li a{ color:#fff; text-decoration:none;}


/* nav スクロール固定
---------------------------------------------*/
.is-fixed  {
  position:  fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  -webkit-transition: all .4s ease 0s,background .6s ease .2s;
  transition: all .4s ease 0s,background .6s ease .2s;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  height: 30px;
}
/* ------------------------------------------*/

/* ページトップへ
-------------------------------------------- */
#page_top{ width: 90px; height: 90px; position: fixed; right: 0; bottom: 0; opacity: 0.6;}
#page_top a{ position: relative; display: block; width: 90px; height: 90px; text-decoration: none;}
#page_top a::before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f102'; font-size: 25px; color: #fff; position: absolute; width: 25px; height: 25px; top: -40px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
#page_top a::after{ content: 'PAGE TOP'; font-size: 13px; color: #fff; position: absolute; top: 45px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}