@charset 'utf-8';
/****************************
        COMMON
****************************/
*{
  margin:0;
  padding:0;
}
body{
  padding:0;
  background-color:#fff;
  font-family: 'Oswald',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  letter-spacing: .08em;
  font-weight: lighter;
}
html,body{
  height:100%;
}
.container{
  width: auto;
}
ul{
  list-style:none;
}
a,a:hover,a:active,a:visited{
  color:#000;
  text-decoration: none;
}
h2{
  text-align:center;
  color:#000;
  font-size:24px;
  font-weight:bold;
  margin-bottom:50px;
}
h2 span{
  display:block;
  font-size:11px;
  color:#666;
  font-weight:lighter;
  padding-top:5px;
}
*, :after, :before {
    box-sizing: border-box;
}
#wrapper{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
/****************************
      PAGE-BODY
****************************/
/*******************
   ヘッダー
*******************/
#wrapper #header #logo {
  position: relative;
  padding: 0;
  height: 60px;
}
#header #logo > h1 a{
  text-indent: -9999px;
  background-image: url('../../images/top/logo.png');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 125px;
  height: 35px;
  position: fixed;
  top: 50px;
  left: 4%;
  margin: 0 auto;
  clear: both;
  display: block;
}
/*******************
   コンテンツ
*******************/
/* メインビジュアル */
#container{
  padding-bottom: 40px;
}
#main-visual span {
  text-indent: -9999px;
  position: absolute;
}
#main-visual img{
  max-width: 100%;
  top: 0;
  left: 30%;
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 30%;
  width: auto;
  height: 100%;
  position: fixed;
}
.column{
  width: 80%;
  margin-left: 20%;
}
.column:last-child{
  padding-bottom: 60px;
}
/* youtube */
#container .column.youtube{
  width: 65%;
  margin-top: 60px;
}
#container .column #movie{
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 0;
  padding-bottom: 50%;
  overflow: hidden;

}
#container .column #movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#container .column #movie h2{
  text-indent: -9999px;
}

/*******************
　 NAVI-AREA
*******************/
#nav {
  position: fixed;
  left: 4%;
  top: 120px;
  display: block;
}
#nav .nav-wrapper ul li{
  padding: 5px 0;
}
#nav .nav-wrapper ul li a{
  font-family: 'Oswald',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic, sans-serif;
  color: #333;
  font-size: 18px;
  font-weight: lighter;
}
#nav .nav-wrapper ul li a:hover{
  text-decoration: none;
  font-weight: bolder;
}
#smp-navi-list{
  display: none;
}
/****************************
      PAGE-FOOTER
****************************/

/*******************
  ページフッター
*******************/
#page-footer{
  height:140px;
  position:absolute;
  bottom:0;
  font-size: 11px;
  float: none;
  color: #fff;
  background-color: #000;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
#page-footer p{
  margin: 0;
  padding: 0;
}
#pagetop{
  position:fixed;
  right:16px;
  bottom:80px;
  width:40px;
  height:40px;
  border:none;
  background:none;
  display:none;
}
#pagetop img{
  width:40px;
  height:40px;
}