html,body{
width: 100%;
}
.alps-is-guest .bnr{
display: none;
}
article {
      width: 100%;
      border-top: 14px solid #0a052b;
      border-left: 14px solid #0a052b;
      border-right: 14px solid #0a052b;
      border-bottom: none;
      box-sizing: border-box;
      position: relative;
      background: url(../images/vol4/vol4_img_01.png) no-repeat 0 0;
      padding-bottom: 7em;
    }
 article:before {
      position: absolute;
      content: "";
      display: block;
      width: 0;
      height: 0;
      top: 0;
      right: 0;
      border-top: 6px solid #0a052b;
      border-left: 6px solid transparent;
}
    .content-inner {
      width: 900px;
      margin: 0 auto;
      padding-bottom: 40px;
    }
    
    h1 {
      text-align: center;
      margin: 46px auto;
    }
    
    .movie_wrap {
      width: 900px;
      height: 505px;
      margin: 0 auto 40px;
      border: 1px solid #ccc;
    }
    
    .bnr {
      text-align: center;
      margin: 25px auto 10px;
    }
    
    h2 {
      margin-bottom: 10px;
    }
    
    h3 {
      margin-bottom: 15px;
      color:#0a052b;
      font-size: 14px;
      font-weight: bold;
    }
    
    .bnr-link {
      margin-bottom: 30px;
    }
    
    .bnr-link li {
      display: inline-block;
    }
    .bnr-link li:first-child {
      margin-right: 19px;
    }

    .link-box {
      margin-bottom: 20px;
    }
    
    .link-box .fll {
      width: 450px;
      float: left;
    }
    .link-box ul li{
    background: url(../images/vol4/vol4_listarrow.png) no-repeat 0 50%;
    padding-left: 18px;
    position: relative;
    margin: 0 0 8px;
    }
    .link-box ul li:last-child{
    margin-bottom: 20px;
    }
    .link-box ul li a{
      color:#8c8c8c;
      text-decoration: none;
      font-size: 12px;
    }
    
    .link-box .flr {
      width: 450px;
      float: right;
    }
.col1 li{
  display: inline-block;
  margin-left: 40px !important;
}
.col1 li:first-child{
  margin-left: 0 !important;
}
    .utility {
      width: 100%;
      background: #0a052b;
      overflow: hidden;
      padding-bottom: 10px;
      position: fixed;
      bottom:3em;
      height: 1.5em;
      padding-top: 0.5em;
    }
  .corner01{
    position: fixed;
    bottom:5.7em;
    left: 14px;
  }
  .corner02{
    position: fixed;
    bottom:5.7em;
    right: 14px;
  }
    .nin-top {
      float: left;
      padding-left: 16px;
    }
    
    .hard-link {
      float: right;
      padding-right: 16px;
      width: 273px;
    }
    
    .hard-link li {
      float: left;
      height: 10px;
      margin-left: 10px;
    }
    
    .hard-link li:first-child {
      margin-left: 0;
    }
    
    .hard-link li:first-child img {
      padding-right: 10px;
      border-right: 2px solid #a4a4ab;
    }
    .footer{
      width: 100%;
      background: #fff;
      position: fixed;
      bottom:0;
      height: 3em;
    }
    .footer-inner{
      width: 960px;
      margin: 0 auto;
      padding-top: 7px;
      padding-bottom: 12px;
    }
    .copyright{
      margin-top: 8px;
      width: 537px;
      display: inline-block;
    }
    .sns{
      float: right;
      width: 165px;
    }
    .sns p{
      color:#8c8c8c;
      font-size:10px;
      float: left;
      padding-top: 8px;
      margin-right: 10px;
    }
    .sns ul li{
      display: inline-block;
      margin-left: 5px;
    }
    a:hover{
      opacity: 0.8;
    }
    
    .link-box:after,
    .utility:after,
    .float-inner:after{
      clear: both;
      content: ".";
      display: block;
      height: 0;
      font-size: 0;
      clear: both;
      visibility: hidden;
    }