@charset  "UTF-8";



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

    全体設定    

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



html,

body {

  min-width: 320px;

  width: 100%;

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

}



.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: #c15bbe; /* 色変更 */

}



h1 {

  max-width: 800px;

  margin: 0 auto;

  padding: 5px;

  color: #f5f5f5;

  font-size: 13px;

  font-weight: 400;

}



h1 span {

  font-weight: 700;

}



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

    コンテンツ

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

.container {

  width: 100%;

}



.container {

  max-width: 800px;

  width: 98%;

  margin: 0 auto;

  padding: 0 1%;

  text-align: center;

  background: #fff;

}



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

    ポスターエリア

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



.pos_area {

  max-width: 800px;

  margin: 0 auto;

  padding: 0 0 10px;

}



.pos_area img {

  max-width: 800px;

  width: 100%;

  margin: 10px auto 0;

  vertical-align: top;

}



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

    閉じるボタン

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

.f_close {

  clear: both;

  max-width: 800px;

  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;

  }

}







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

    禁止事項テキスト

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



.kinsi {

  margin-bottom: 20px;

  text-align: left;

  font-size: 14px;

}



.kinsi ul {

  margin: 10px 10px 10px 20px;

  padding: 0;

}



.kinsi li {

  list-style-type: disc;

  color: #bd76ec;

  line-height: 1.8;

  letter-spacing: 2px;

}



.kinsi li span {

  color: #333;

}



.red {

  color: #fe0000 !important;

  
}



.kinsi p {

  margin: 0 20px;

  color: #fe0000;

  font-size: 16px;

  font-weight: bold;

  line-height: 1.8;

  letter-spacing: 2px;

}



.tit {

  padding-top: 10px;

}



.tit img {

  width: 100%;

}





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

  .kinsi ul {

    margin: 25px;

    padding: 0 50px;

    font-size: 16px;

  }



  .kinsi p {

    font-size: 18px;

  }

}