html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #FFF;
  color: #000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 5px;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img {
  margin: 0;
  padding: 0;
}

body {
  display: none;
}

img {
  vertical-align: bottom;
}

/* スペース調整
--------------------------------------------------*/
.mt10 {
  margin-top: 10px;
}

.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 20px;
}

.mt24 {
  margin-top: 24px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt70 {
  margin-top: 70px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb70 {
  margin-bottom: 70px;
}

/* 背景
--------------------------------------------------*/
#back {
  width: 100%;
  height: 100%;
  position: fixed;
  background-image: url(../image/page_back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}

/* コンテナー
--------------------------------------------------*/
#container {
  position: relative;
  width: 100%;
  min-width: 1080px;
}

/* メインビジュアル
--------------------------------------------------*/
#top {
  position: relative;
  width: 100%;
  margin: 0 auto;
  min-width: 1080px;
  min-height: 608px;
  max-width: 2200px;
  margin: 0 auto;
  overflow: hidden;
}

#main_top {
  width: 100%;
  min-width: 1080px;
  min-height: 800px;
  max-height: 1080px;
  background-image: url(../image/main_back.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}

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

#main_top {
  width: 100%;
  min-width: 1080px;
  min-height: 800px;
  max-height: 1080px;
  background-image: url(../image/main_back_2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
}
}

#main_top img {
  width: 100%;
}

#ziz_logo {
  position: absolute;
  top: 30px;
  left: 10%;
  margin-left: -70px;
}

/* 詳細
--------------------------------------------------*/
#obi {
  width: 100%;
  text-align: center;
}

.lead_text {
  margin: 40px auto;
}

/* ムービー
--------------------------------------------------*/
#movie {
  width: 100%;
  margin: 45px auto;
  text-align: center;
}

/* コンテンツ
--------------------------------------------------*/
#gallery {
  min-width: 1080px;
  max-width: 2200px;
  margin: 45px auto 0;
  padding: 0 5px;
}

.center_pic {
  width: 100%;
  margin: 0 auto;
}

.pic {
  padding: 5px;
}

.col-1-4 {
  float: left;
  width: 20%;
}

.pic img {
  width: 100%;
  height: auto;
}

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

.col-1-4 {
  float: left;
  width: 25%;
}
}

/* 特典
--------------------------------------------------*/
#tokuten {
  width: 100%;
  margin: 50px auto 20px;
  text-align: center;
}

.tokuten_photo {
  width: 940px;
  margin: 0 auto;
}

.tokuten_text {
  width: 940px;
  margin: 20px auto 0;
}

.tokuten_btn {
  width: 210px;
  margin: 20px auto 0;
}

/* 商品情報
--------------------------------------------------*/
#bottom_container {
  width: 100%;
  min-width: 1080px;
  background-image: url(../image/black.png);
}

.title {
  width: 1040px;
  margin: 0 auto;
  padding: 50px 0 0;
  border-bottom: 1px solid #BBB;
  text-align: center;
}

#info {
  width: 1040px;
  margin: 0 auto 60px;
}

#jacket {
  float: left;
  margin: 19px 22px;
}

#text {
  float: left;
  margin: 19px 0;
}

#order {
  float: right;
  width: 430px;
}

.list {
  position: relative;
  width: 430px;
  height: 77px;
  border-bottom: 1px solid #BBB;
}

.list_title {
  position: absolute;
  top: 19px;
  left: 22px;
}

.btn_order {
  position: absolute;
  top: 19px;
  right: 22px;
}

/* テキスト
--------------------------------------------------*/
.text1 {
  font-size: 13px;
  line-height: 160%;
}

.text2 {
  font-size: 15px;
  line-height: 150%;
}

.text3 {
  font-size: 20px;
  line-height: 140%;
}

.text4 {
  color: #000;
  font-size: 14px;
  line-height: 150%;
}

/* リンク
--------------------------------------------------*/
a, a:link, a:active, a:visited {
  color: #FFF;
  font-style: normal;
  text-decoration: underline;
}

a:hover, a:active {
  border: none;
  outline: none;
}

a:focus, *:focus {
  outline: none;
}

a img {
  border: none;
  outline: none;
}