@charset "UTF-8";

/* こちらのファイルに、各機種用のCSSを記載してください。このコメント以下は削除して頂いて問題ありません。*/

img{
  vertical-align: middle;
}

body{
  background-image: url("../images/bg.jpg");
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
}

footer{
  background-color: #000;
  width: 100%;
}

header{
  background: none !important;
  height: auto !important;
}

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

.gmenubtn{
  width: 100%;
  position: fixed;
  top:0;
  right: 0;
  display: block;
  z-index: 201;
  display: none;
}


.gmenubtn img{
  width: 100%;
}

.gmenuwaku{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  display: none;
  opacity: 0;
}

.gmenu{
  margin: 0px auto;
  width: 100%;
  height: 335px;
  background-image: url("../images/gmenubg.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 335px;
}

.gmenuclosebtn{
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0px auto;
}

.gmenuclosebtn img{
  width: 100%;
}

.gmenu ul{
  width: 95%;
  height: auto;
  margin: 0px auto;
}

.gmenu ul li{
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #c6a000;
  position: relative;
}

.gmenu ul li:last-child{
  border: none;
}

.gmenu ul li img{
  height: 15px;
  width: auto;
  vertical-align: middle;
}

.gmenu ul li .menunew{
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
}

.topseiribtn ul li{
    position: relative;
}
.topseiribtn ul li .topcheck{
    position: absolute;
    left: -3px;
    top: -4px;
    width: 42px;
    height: 42px;
}

#loading{
  width: 100%;
  height: 100%;
  background-color: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  min-width: 320px;
  /*display: none;*/
}

.loadingbg{
  width: 100%;
  height: 750px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../images/smp_copy.jpg");
  background-size: 375px auto;
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 320px;
  min-height: 600px;
  /*display: none;*/
}

.kasoutext{
  position: absolute;
  width: 320px;
  margin-left: -160px;
  left: 50%;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  top:280px;
}

.kamon{
  width: 195px;
  height: 195px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 95px;
}

.kamon img{
  width: 100%;
}

#contents{
  padding-top: 10%;
}

.topcontents{
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
}

.news{
  width: 92%;
  height: 32px;
  box-shadow:2px 2px 5px 0px #000000;
  background: #f7cb29; /* Old browsers */
  background: -moz-linear-gradient(top, #f7cb29 0%, #cd870e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7cb29 0%,#cd870e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7cb29 0%,#cd870e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7cb29', endColorstr='#cd870e',GradientType=0 ); /* IE6-9 */
  margin: 0px auto 10px auto;
  line-height: 32px;
  padding: 4px 5px;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  z-index: 1;
}

.newsinner{
  width: 75%;
  height: 22px;
  padding: 5px 5px;
  line-height: 22px;
  float: right;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  background-color: #000;
  color: #FFF;
}

.marquee{
  overflow:hidden;
  position:relative;
}

.marquee p:after {
  content:"";
  white-space:nowrap;
}

.marquee p {
  margin:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
  -webkit-animation-name:marquee;
  -webkit-animation-timing-function:linear;
  -webkit-animation-duration:10s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:marquee;
  -moz-animation-timing-function:linear;
  -moz-animation-duration:10s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:marquee;
  -ms-animation-timing-function:linear;
  -ms-animation-duration:10s;
  -ms-animation-iteration-count:infinite;
  -o-animation-name:marquee;
  -o-animation-timing-function:linear;
  -o-animation-duration:10s;
  -o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-timing-function:linear;
  animation-duration:10s;
  animation-iteration-count:infinite;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.topbanner li{
  margin: 10px auto;
}

.topattentionbtn{
  display: block;
  margin: 10px auto;
}

.top_hanabira{
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: 200;
  height: 420px;
}
.hanabiraimg{
  position: absolute;
}
.hanabira01{
  top: 0;
  left: 0;
}
.hanabira02{
  top: 90px;
  left: 0;
}
.hanabira03{
  top: 20px;
  left: 100px;
}
.hanabira04{
  top: 30px;
  left: 70px;
}
.hanabira05{
  top: 100px;
  left: 0;
}
.hanabira06{
  top: 200px;
  left: 0px;
}
.hanabira07{
  top: 10px;
  left: 300px;
}
.hanabira08{
  top: 10px;
  left: 400px;
}
.hanabira09{
  top: 10px;
  left: 300px;
}
.hanabira10{
  top: 10px;
  left: 500px;
}
.hanabira11{
  top: 200px;
  left: 0;
}
.hanabira12{
  top: 0;
  left: 200px;
}
.hanabira13{
  top: 100px;
  left: 10px;
}
.hanabira14{
  top: 0;
  left: 90px;
}
.hanabira15{
  top: 10px;
  left: 500px;
}
.hanabira16{
  top: 0;
  left: 400px;
}
.hanabira17{
  top: 110px;
  left: 0;
}

.hanabira18{
  top: 0;
  left: 400px;
}
.hanabira19{
  top: 10px;
  left: 300px;
}
.hanabira20{
  top: 0;
  left: 500px;
}
.hanabira21{
  top: 300px;
  left: 0;
}
.hanabira22{
  top: 10px;
  left: 200px;
}
.hanabira23{
  top: 210px;
  left: 20px;
}
.hanabira24{
  top: 0;
  left: 92px;
}
.hanabira25{
  top: 0;
  left: 500px;
}
.hanabira26{
  top: 4px;
  left: 400px;
}
.hanabira27{
  top: 300px;
  left: 20px;
}
.hanabira28{
  top: 0;
  left: 450px;
}
.hanabira29{
  top: 10px;
  left: 400px;
}
.hanabira30{
  top: 300px;
  left: 10px;
}

.topseiribtn{
  width: 95%;
  height: auto;
  margin: 0px auto;
  margin-bottom: 2%;
  margin-top: -31%;
}
.topseiribtn li{
    margin-bottom: 2%;
}
#numticketlist li:nth-child(n + 2){
    padding-top: 15%;
}

.waku{
  width: 95%;
  height: auto;
  margin: 0px auto;
  margin-bottom: 5%;
  background-color: #7b0d74;
  background-image:
          url(../images/wakubg.png),
          url(../images/wakutopwaku.png),
          url(../images/wakutopwaku.png),
          url(../images/wakuleftwaku.png),
          url(../images/wakuleftwaku.png),
          linear-gradient(135deg, #7b0d74 0%,#060115 100%);

  background-repeat:
          repeat,
          repeat-x,
          repeat-x,
          repeat-y,
          repeat-y;
  background-position:
          top center,
          top left,
          bottom left,
          top left,
          top right;
  text-align: center;
  padding: 25px 0px;
  /* box-shadow */
  box-shadow:2px 2px 5px 0px #000000;
  position: relative;

}

.waku img{
  width: 85%;
  margin: 0px auto;
}

.waku .couponimg{
  width: 97.5%;
  margin-top: -25px;
}

.waku .turekeiimg{
  width: 97.5%;
}

.waku .goods{
  width: 85%;
  margin: 0 auto;
  padding-bottom: 8%;
}

.waku .goods img{
  margin-top: 8%;
}

.waku h2{
  text-align: center;
  margin: 0px auto 5% auto;
}

.playerwaku{
  width: 90%;
  margin: 0px auto;
  border: 2px solid #b57c25;
  background-color: #000;
  position: relative;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.contentsimg_hideen{
  display: none;
}

.accordionclose{
  width: 95%;
  height: auto;
  margin: 0px auto;
  margin-bottom: 5%;
  box-shadow:2px 2px 5px 0px #000000;
  display: none;
  cursor: pointer;
}

.accordionopen{
  position: absolute;
  top: 33%;
  right: 3%;
  width: 8%;
}

.castwaku{
  width: 85%;
  height: auto;
  overflow: hidden;
  margin: 0px auto 5px auto;
}

.castwaku li{
  list-style: none;
  width: 44%;
  float: left;
  margin: 0px 3% 8% 3%;
  position: relative;
}

.castwaku li img{
  width: 100%;
}

.castwaku li a{
  display: block;
}

.castwaku .castnew{
  position: absolute;
  width: 40%;
  left: -10%;
  top: -10%;
}

.waku p{
  text-align: center;
  margin: 10px auto;
}

.mtop100{
  margin-top: 10%;
}

.wakucontents{
  margin: 5% auto;
  position: relative;
}

.goods_twitter img{
  position: absolute;
  width: 98%;
  left: 0;
  top: 16.8%;
}

.wakucontents .kasounewicon{
  width: 15%;
  position: absolute;
  left: -1%;
  top: 0;
}

.topbottmbtn{
  width: 95%;
  margin: 5% auto;
  display: block;
}

.topbottmbtn img{
  width: 100%;
}

.map{
  width: 36%;
  margin: 2% auto 0 auto;
}
small{
  display: block;
  padding-top: 2%;
  width: 230px;
  margin: 0px auto;
}
#sns{
  width: 320px;
  margin-bottom: 30px;
}

#sns .fb{
  float: none;
  width: 150px;
  margin: 10px auto;
}

#sns .tw{
  float: none;
  width: 180px;
  margin: 10px auto;
}


.topback_bottom{
  width: 320px;
  margin: 0px auto 10px auto;
}

.topback_bottom img{
  width: 100%;
}

.topbannermenu img{
  width: 95%;
  height: auto;
  margin: 0px auto;
  margin-bottom: 2%;
  /* box-shadow */
  box-shadow:2px 2px 5px 0px #000000;
}


.kasoudot{
  width: 43px;
  height: auto;
  position: absolute;
  margin-left: -21px;
  left: 50%;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  top:300px;
}

.kasoudot img{
  width: 100%;
}

/*----- popup -----*/
.top_popup{
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  width: 500px;
  height: 500px;
  top: 50px;
  left: 50%;
  z-index: 201;
  opacity: 0;
}
.popup_close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #FFF;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
  width: 50px;
  height: 50px;
  text-align: center;
}