/* ----------------------------------------------------------------
	main slide 1
-----------------------------------------------------------------*/

#slidercopyfixed {
  position: absolute;
  top: 100%;
  z-index: 31;
  width: 100%;
  height: 60px;
  margin-top: -60px;
  background: url('/premium/event/img/hoshinoya_intro/hoshinoya_intro_ban_bg.jpg') center;
  /* background-color: rgba(0, 20, 50, .9); */
  display: table;
}

.mainslide1redbox h1{ margin-top: 10px; margin-bottom: 10px;}
#slidercopyfixed h3 { margin-top: 0px; margin-bottom: 0px; }

#slidercopyfixed h5 { font-family: 'Dancing Script', cursive; font-weight: 400; font-size: 20px;}

#slidercopyfixed-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.sfcell-p { }

.swiper-container {
  position: relative;
  z-index: 30;
  width: 100%;
  height:100%;
}



.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-algn: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}


#sliderinfo1 {
  background: url(/promotion/img/infoonsenMain-1.jpg) 50% 0% no-repeat;
  background-size: cover;
}

#sliderinfo2 {
  background: url(/promotion/img/infoonsenMain-2.jpg) 50% 0% no-repeat;
  background-size: cover;
}

#sliderinfo3 {
  background: url(/promotion/img/infoonsenMain-3.jpg) 50% 0% no-repeat;
  background-size: cover;
}

.swslidecopy { color:#fff; font-size: 40px; font-weight: 300; margin-top: -600px; }
.sfcell-p2 { font-size: 14px; color:rgba(255,255,255,.8); margin-top: -80%; margin-left:420px; padding-left: 100%; }

#sliderfixed-info {
    position: absolute;
    top: 50%;
    z-index: 31;
    width: 100%;
    height: 440px;
    margin-top: -230px;
    color: #fff;
    font-weight: 500;
}

.mainslide1redbox {
  display: table;
  text-align: center;
  border: 3px solid #e62335;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.sliderfixed-cell {
  display: table-cell;
  height: 400px;
  vertical-align: middle;
}

.mainslide1redbox h1 {
  color: #fff;
  font-family: 'lato', serif;
  font-weight: 100;
}

.mainslide1redbox h1 small {
  color: #fff;
}

.btn-mod.btn-onsenslide{
  	color: rgba(255,255,255, .75);
  	background: rgba(255,0,0, .50);
}
.btn-mod.btn-onsenslide:hover,
.btn-mod.btn-onsenslide:focus{
  	color: rgba(0,0,0, 1);
  	background: rgba(255,255,255, 1);
}


@media only screen and (max-width: 767px) {
  /*
  #sliderfixed-info {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
  }
  */
  .sliderfixed-cell {
    height: 300px;
  }
}

#sliderfixed-info h1 { color:#fff; }

.info-con-1 { margin: 100px auto; border:1px solid #fff; padding:50px; width:700px; background: rgba(0,0,0, .3); }
.swslidecopy2 { color:#fff; font-size: 40px; font-weight: 300; margin-top: -400px; font-weight: bold;}
.topmmargin img, .maininfo img, .sns .snsimg, .maincs img {width:100%; }

@media only screen and (max-width: 767px) {
  .info-con-1 { margin: auto; padding:20px; width:90%; }
  .swslidecopy2 { color:#fff; font-size: 18px; font-weight: 300; margin-top: 0px; font-weight: bold;}
}