@charset  "UTF-8";



/* ------------------------------------------------------------

    全体設定    

------------------------------------------------------------ */



html,

body {

  min-width: 320px;

  width: 100%;

  background: #fff; /* 色変更 */

}



.wrapper {

  width: 100%;

  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

  letter-spacing: .8pt;

}



/* ------------------------------------------------------------

    ヘッダー

------------------------------------------------------------ */



.header {

  margin-bottom: 10px;

  background: #d00000; /* 色変更 */

}



h1 {

  max-width: 700px;

  margin: 0 auto;

  padding: 5px;

  color: #f5f5f5;

  font-size: 13px;

  font-weight: 400;

}



h1 span {

  font-weight: 700;

}



/* ------------------------------------------------------------

    コンテンツ

------------------------------------------------------------ */

.container {

  width: 100%;

}



.container {

  max-width: 700px;

  width: 98%;

  margin: 0 auto;

  padding: 0 1%;

  text-align: center;

}



/* ------------------------------------------------------------

    ポスターエリア

------------------------------------------------------------ */



.pos_area {

  max-width: 700px;

  margin: 0 auto;

  padding: 0;

}



.pos_area img {

  max-width: 700px;

  width: 100%;

  margin: 10px auto 0;

  vertical-align: top;

}



/* ---------------------------------------------

    閉じるボタン

--------------------------------------------- */

.f_close {

  clear: both;

  max-width: 700px;

  height: 85px;

  margin: 0 auto;

  text-align: right;

}



.f_close a {

  display: block;

  float: right;

  margin-right: 0;

  color: #7e7e7e; /* 色変更 */

  font-size: 30px;

  font-weight: 700;

  white-space: nowrap;

  letter-spacing: 2.2pt;

}



.f_close a:hover {

       opacity: .7;

  zoom: 1;



      filter: alpha(opacity=70);

  -ms-filter: "alpha(opacity=70)";

  -moz-opacity: .7;

  -khtml-opacity: .7;

    -o-opacity: .7;

}



.f_close a span {

  margin-top: 0;

  margin-left: 6px;

  font-size: 60px;

  vertical-align: -7px;

}



/* ------------------------------------------------------------

    footer

------------------------------------------------------------ */

.footer {

  clear: both;

  padding: 0 0 10px;

  color: #7e7e7e; /* 色変更 */

  font-size: 12px;

  text-align: center;

  letter-spacing: 0;

}



/* 　注記

------------------------------*/

.tyuki {

  margin-top: 8px;

  padding: 10px;

  border: 1px solid #bbb;

  font-size: 13px;

  text-align: left;

}



.tyuki span {

  display: inline-block;

}





/*----------------------------------------------

    min-width: 641px;

----------------------------------------------*/

@media screen and (min-width: 641px) {

  .pc {

    display: block;

  }



  .sp {

    display: none;

  }

}



/*----------------------------------------------

    max-width: 640px;

----------------------------------------------*/

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

  .sp {

    display: block;

  }



  .pc {

    display: none;

  }

}









/* 　heaven予約

------------------------------*/

.shop_list {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  margin-top: 20px;

}







.shop_list li {

  float: left;

  width: 49%;

  margin-top: 10px;

  margin-right: 2%;

}



.shop_list li:nth-child(2n) {

  margin-right: 0;

}

.shop_list a {

  display: block;

  position: relative;

  width: 100%;

  padding: 10px 0;

  border: 1px solid #ddd;

  background: #eee;

  font-weight: bold;

  line-height: 1;

  -webkit-transition: all .2s;

          transition: all .2s;

}



.shop_list a::after {

  position: absolute;

  top: 50%;

  right: 5px;

  color: #bbb;

  font-size: 20px;

  content: ">";

  -webkit-transform: translateY(-50%) scaleX(.4);

      -ms-transform: translateY(-50%) scaleX(.4);

          transform: translateY(-50%) scaleX(.4);

}





.shop_list a:hover {

  background: #fff;

  color: inherit;

}