@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

#goods a {
  text-decoration: underline;
}

#goods {
  background: linear-gradient(#fceded, #fceded, #f9f9f9 ) fixed;
}
#goods .content {
  padding: 80px 0;
  background-image: url(/2nd/event/assets/img/common/bg.png) ;
  background-position: center 0;
  animation: bgmovie 6s infinite;
}
@keyframes bgmovie {
  0% {background-position: center 0}
  50% {background-position: center 50px}
  100% {background-position: center 0}
}
@media screen and (max-width: 960px) {
  #goods .content {
    padding: 50px 0 80px;
    animation: none;
  }
  #goods .content img {
    width: 90%;
  }
  #goods h2 img {
    max-width: 119px;
  }
}
#goods .content h2 {
  margin-bottom: 20px;
}

.goods-wrap {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.goods-wrap dl {
  display: inline-block;
  width: 47%;
  margin: 0 1% 3% 1%;
  vertical-align: top;
}
.goods-wrap dl dt {
  margin: 20px 0 10px;
  color: #ef8697;
  font-weight: bold;
  font-size: 1.3rem;
}
.goods-wrap dl dd {
  padding: 0 15px;
  text-align: left;
  line-height: 1.6;
  font-size: 1.2rem;
}
.goods-wrap dl dd.img img {
  width: 100%;
  border: 3px solid #d0eda6;
}
.goods-wrap dl dd.price {
  text-align: right;
}
.goods-wrap dl dd.txt {
  font-size: 90%;
  text-align: center;
}


.official-goods-wrap ul li {
  display: inline-block;
  position: relative;
  width: 30%;
  margin: 10px;
}
.official-goods-wrap ul li img {
  width: 100%;
}
.official-goods-wrap ul li {
  display: inline-block;
  position: relative;
  width: 30%;
  margin: 10px;
}
.official-goods-wrap ul li p {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -37px;
  margin-left: -37px;
  width: 74px;
  height: 74px;
  background: url(/2nd/event/assets/img/goods/btn_movie.png) no-repeat left bottom;
}

@media screen and (max-width: 960px) {
  .goods-wrap dl {
    width: 100%;
    margin: 0 0 30px;
    text-align: center;
  }
  .goods-wrap dl dd {
    width: 90%;
    margin: 0 auto;
  }
  .goods-wrap dl dd.img {
    text-align: center;
  }
  .goods-wrap dl dd.img img {
    width: 100%;
  }
}

.schedule-warap,
.cd-wrap,
.notice-wrap,
.official-goods-wrap {
  width: 960px;
  margin: 0 auto 60px;
  padding: 20px;
  background: #fff;
}

.schedule-warap {
  font-size: 24px;
  line-height: 1.6;
}
.schedule-warap span {
  font-size: 16px;
}
#goods .schedule-warap .btn-notice a {
  display: block;
  margin: 10px auto;
  width: 10em;
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  background: #ef8697;
  border-radius: 3px;
}
#goods .schedule-warap .btn-notice a:hover {
  background: #a5cf69;
}

.cd-wrap {
  line-height: 1.4;
}
.cd-wrap p.lead-txt {
  font-size: 120%;
}
.cd-wrap p.cap {
  margin: 20px 0 10px;
  font-size: 120%;
  color: #ef8697;
}
.cd-wrap .jk-list {
  text-align: center;
}
.cd-wrap .jk-list li {
  display: inline-block;
  width: 30%;
  margin: 10px;
}
.cd-wrap .jk-list li p {
  margin-top: 10px;
}
.cd-wrap .jk-list li img {
  width: 100%;
}
.cd-wrap .tokuten-img {
  margin-top: 20px;
}
.cd-wrap .tokuten-img img {
  max-width: 505px;
  width: 100%;
}
.cd-wrap ul.notice {
  margin-top: 20px;
}
.cd-wrap ul.notice li {
  margin: 0 20px 5px 20px;
  padding-left: 25px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: left;
}
.cd-wrap ul.notice li:nth-child(odd) {
  background: url(/2nd/event/assets/img/common/icon_p.png) no-repeat 0 5px;
}
.cd-wrap ul.notice li:nth-child(even) {
  background: url(/2nd/event/assets/img/common/icon_g.png) no-repeat 0 5px;
}

.notice-wrap {
  width: 960px;
  margin: 0 auto 60px;
  padding: 20px;
  background: #fff;
  text-align: left;
}
.notice-wrap h3 {
  margin: 20px 0 10px;
  color: #ef8697;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.notice-wrap ul li {
  margin: 0 20px 5px 20px;
  padding-left: 25px;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.notice-wrap ul li:nth-child(odd) {
  background: url(/2nd/event/assets/img/common/icon_p.png) no-repeat 0 5px;
}
.notice-wrap ul li:nth-child(even) {
  background: url(/2nd/event/assets/img/common/icon_g.png) no-repeat 0 5px;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;padding: 30px 0;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
  #cboxContent{margin-bottom:80px; overflow:visible;}
    .cboxIframe{background:#fff;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxTitle{position:absolute; top:0; left:0; color:#000; font-size: 117%; padding-left: 15px; }
    #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
    
    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    #cboxPrevious, #cboxNext {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:35px; height:35px; position:absolute; bottom: -40px; left: 50%; }
    #cboxClose {border:0; padding:0; margin:0 0 0 -28px; overflow:visible; text-indent:-9999px; width:35px; height:35px; position:absolute; bottom:-40px; left: 50%; background:url(/2nd/event/assets/img/common/btn_close.png) no-repeat 0 0;}
    #cboxClose:hover {background:url(/2nd/event/assets/img/common/btn_close.png) no-repeat -35px 0;}

@media screen and (max-width: 960px) {
  .schedule-warap,
  .notice-wrap {
    width: 90%;
  }
}