/*----------------------------------------------------
contents top area
----------------------------------------------------*/
/* line 8, ../scss/top.scss */
#contents-top .left {
  width: 412px;
  float: left;
  text-align: center;
  margin-right: 6px;
}
/* line 13, ../scss/top.scss */
#contents-top .left .now-on-playing {
  position: relative;
  left: -12px;
  margin-bottom: 10px;
}
/* line 18, ../scss/top.scss */
#contents-top .left .app-area {
  position: absolute;
  top: 111px;
  left: 52px;
}
/* line 24, ../scss/top.scss */
#contents-top .right {
  position: relative;
  width: 560px;
  float: left;
  margin-top: 12px;
  font-size: 0;
}
/* line 30, ../scss/top.scss */
#contents-top .right .chara {
  vertical-align: bottom;
  font-size: 1px;
}
/* line 33, ../scss/top.scss */
#contents-top .right .chara.boy {
  width: 83px;
  float: left;
}
/* line 37, ../scss/top.scss */
#contents-top .right .chara.girl {
  width: 118px;
  float: right;
}
/* line 42, ../scss/top.scss */
#contents-top .right .present-wrap {
  width: 535px;
}
/* line 45, ../scss/top.scss */
#contents-top .right .present {
  position: absolute;
  left: 72px;
  top: 6px;
  margin-top: 20px;
  vertical-align: bottom;
  margin-bottom: 20px;
  font-size: 1px;
}
/* line 54, ../scss/top.scss */
#contents-top .right #important-info {
  position: relative;
  top: -17px;
  width: 524px;
  height: 113px;
  background: url(../../assets_160525/images/top/img-info-frame.png) no-repeat 0 top;
}
/* line 60, ../scss/top.scss */
#contents-top .right #important-info .caution-mark {
  position: absolute;
  right: -5px;
  top: -15px;
}
/* line 65, ../scss/top.scss */
#contents-top .right #important-info .important-info {
  padding: 20px 0;
}
/* line 68, ../scss/top.scss */
#contents-top .right #important-info .news-ttl {
  text-align: center;
  margin-bottom: 6px;
}
/* line 72, ../scss/top.scss */
#contents-top .right #important-info .info-inner {
  width: 500px;
  height: 55px;
  overflow-x: hidden;
  overflow-y: scroll;
}
/* line 78, ../scss/top.scss */
#contents-top .right #important-info .info-inner dl {
  font-size: 16px;
  padding-left: 15px;
  padding-bottom: 0;
}
/* line 82, ../scss/top.scss */
#contents-top .right #important-info .info-inner dl dt {
  float: left;
}
/* line 84, ../scss/top.scss */
#contents-top .right #important-info .info-inner dl dt .news-cat {
  display: none;
}
/* line 89, ../scss/top.scss */
#contents-top .right #important-info .info-inner dl dd a {
  display: block;
  margin-left: 110px;
  color: #000;
  text-decoration: underline;
}
/* line 98, ../scss/top.scss */
#contents-top .right #important-info .info-ttl {
  font-size: 16px;
  padding-left: 15px;
  padding-bottom: 0;
}
/* line 102, ../scss/top.scss */
#contents-top .right #important-info .info-ttl a {
  display: block;
  margin-left: 110px;
  color: #000;
  text-decoration: underline;
}
/* line 108, ../scss/top.scss */
#contents-top .right #important-info .info-ttl .date {
  float: left;
  margin-right: 6px;
}

/*----------------------------------------------------
campaign area
----------------------------------------------------*/
/* line 119, ../scss/top.scss */
.stars {
  width: 840px;
  margin: 0 auto 10px;
}

/* line 123, ../scss/top.scss */
#campaign-area {
  margin-bottom: 40px;
}

/* line 126, ../scss/top.scss */
.campaign-bnr-area {
  width: 900px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
/* line 131, ../scss/top.scss */
.campaign-bnr-area .banners {
  display: inline-block;
  font-size: 1px;
  margin: 0 20px 10px 0;
}
/* line 135, ../scss/top.scss */
.campaign-bnr-area .banners.top {
  display: block;
  margin: 0 0 20px;
}
/* line 139, ../scss/top.scss */
.campaign-bnr-area .banners.line {
  margin-right: 0;
}
.campaign-bnr-area .banners.bg-black a {
  background: transparent url(../../assets_160606/images/campaign/bg-campaign-banner-black.png) 0 0 no-repeat;
  display: block;
}

/*----------------------------------------------------
gallery area
----------------------------------------------------*/
/* line 147, ../scss/top.scss */
#gallery-area {
  margin-bottom: 30px;
}

/* line 150, ../scss/top.scss */
.gallery-wrapper {
  background: url(../../assets_160525/images/gallery/img-btn-frame.png) no-repeat 0 0;
  width: 898px;
  height: 232px;
  margin: 0 auto;
}
/* line 155, ../scss/top.scss */
.gallery-wrapper .gallery-ttl {
  margin: 0 auto;
  width: 280px;
  position: relative;
  top: -25px;
}

/* line 162, ../scss/top.scss */
.gallery-inner {
  width: 850px;
  margin: -10px auto;
}
/* line 165, ../scss/top.scss */
.gallery-inner .bx-wrapper {
  margin-bottom: 10px;
}
/* line 169, ../scss/top.scss */
.gallery-inner .bxslider li {
  width: 196px !important;
  margin: 0 3px !important;
  padding: 5px;
}
/* line 173, ../scss/top.scss */
.gallery-inner .bxslider li.movie {
  background: url(../../assets_160525/images/gallery/img-movie-frame.png) no-repeat 0 0;
}
/* line 176, ../scss/top.scss */
.gallery-inner .bxslider li.galleries {
  background: url(../../assets_160525/images/gallery/img-gallery-frame.png) no-repeat 0 0;
}
/* line 179, ../scss/top.scss */
.gallery-inner .bxslider li img {
  border-radius: 10px;
}
/* line 184, ../scss/top.scss */
.gallery-inner .bx-controls-direction {
  position: relative;
}
/* line 186, ../scss/top.scss */
.gallery-inner .bx-controls-direction .bx-prev {
  position: absolute;
  left: -20px;
  top: -73px;
}
/* line 191, ../scss/top.scss */
.gallery-inner .bx-controls-direction .bx-next {
  position: absolute;
  right: -20px;
  top: -73px;
}
/* line 197, ../scss/top.scss */
.gallery-inner .bx-thumb-pager {
  text-align: center;
}
/* line 199, ../scss/top.scss */
.gallery-inner .bx-thumb-pager .bx-pager {
  display: inline-block;
}
/* line 202, ../scss/top.scss */
.gallery-inner .bx-thumb-pager .bx-thumb {
  display: block;
  float: left;
  margin-right: 20px;
  width: 16px;
  height: 16px;
  background: url(../../assets_160525/images/gallery/img-gallery-thumb-off.png) no-repeat 0 0;
}
/* line 206, ../scss/top.scss */
.gallery-inner .bx-thumb-pager .bx-thumb:last-child {
  margin-right: 0;
}
/* line 212, ../scss/top.scss */
.gallery-inner .bx-thumb-pager .bx-thumb.active {
  background: url(../../assets_160525/images/gallery/img-gallery-thumb-on.png) no-repeat 0 0;
}
.modal img {
  max-width: 100% !important;
  width: auto !important;
}

/*----------------------------------------------------
news area
----------------------------------------------------*/
/* line 222, ../scss/top.scss */
#news-twitter {
  width: 898px;
  margin: 0 auto 82px;
}

/* line 226, ../scss/top.scss */
.news-wrapper {
  position: relative;
  float: left;
  width: 480px;
  font-size: 0;
  background: url(../../assets_160525/images/news/img-news-bg-top.png) no-repeat 0 top;
  margin-right: 24px;
}
/* line 233, ../scss/top.scss */
.news-wrapper .news-inner {
  position: relative;
  top: -14px;
  font-size: 0;
  background: url(../../assets_160525/images/news/img-news-bg-bottom.png) no-repeat 0 bottom;
  padding-bottom: 64px;
}
/* line 239, ../scss/top.scss */
.news-wrapper .news-inner .news-ttl {
  position: relative;
  display: block;
  text-align: center;
  top: 10px;
  font-size: 0;
  z-index: 9990;
}
/* line 248, ../scss/top.scss */
.news-wrapper .news-contents {
  position: relative;
  padding: 16px 13px;
  background: url(../../assets_160525/images/news/img-news-bg-mid.png) repeat-y 0 0;
}
/* line 252, ../scss/top.scss */
.news-wrapper .news-contents .entries {
  width: 458px;
  font-size: 0;
  height: 370px;
  overflow: hidden;
}
/* line 257, ../scss/top.scss */
.news-wrapper .news-contents .entries dl {
  max-width: 428px;
  width: auto;
  height: 74px;
  color: #fff;
  font-size: 14px;
  background: url(../../assets_160525/images/news/img-news-bg-entry.png) no-repeat 0 0;
  padding: 5px 24px 15px;
}
.news-wrapper .news-contents .entries dl a {
  color:#fff;
}
/* line 266, ../scss/top.scss */
.news-wrapper .news-contents .entries dl dt {
  margin: 10px 0 3px;
}
/* line 269, ../scss/top.scss */
.news-wrapper .news-contents .entries dl .date {
  color: #ffe400;
  padding: 16px 0 0;
  margin-bottom: 4px;
}
/* line 274, ../scss/top.scss */
.news-wrapper .news-contents .entries dl .news-cat {
  display: inline-block;
  width: 72px;
  height: 18px;
  vertical-align: middle;
  text-indent: -9999px;
}
/* line 282, ../scss/top.scss */
.news-wrapper .news-contents .entries dl .news-cat.cat1 {
  background: url(../../assets_160526/images/news/img-news-cat-important.png) no-repeat 0 0;
}
.news-wrapper .news-contents .entries dl .news-cat.cat2 {
  background: url(../../assets_160526/images/news/img-news-cat-update.png) no-repeat 0 0;
}
.news-wrapper .news-contents .entries dl .news-cat.cat4 {
  background: url(../../assets_160525/images/news/img-news-cat-maintenance.png) no-repeat 0 0;
}
/* line 285, ../scss/top.scss */
.news-wrapper .news-contents .entries dl .news-cat.cat8 {
  background: url(../../assets_160525/images/news/img-news-cat-event.png) no-repeat 0 0;
}
/* line 288, ../scss/top.scss */
.news-wrapper .news-contents .entries dl .news-cat.cat9 {
  background: url(../../assets_160525/images/news/img-news-cat-info.png) no-repeat 0 0;
}
/* line 295, ../scss/top.scss */
.news-wrapper .read-more {
  position: absolute;
  left: 170px;
  bottom: 10px;
}

/* line 301, ../scss/top.scss */
#mCSB_1_dragger_vertical {
  height: 154px !important;
}

/* line 304, ../scss/top.scss */
.mCSB_scrollTools {
  position: absolute;
  width: 20px !important;
  top: 0 !important;
  right: 2px !important;
}
/* line 309, ../scss/top.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  position: relative;
  width: 18px;
  height: 370px;
  background: url(../../assets_160525/images/news/img-scroll-bg.png) no-repeat 0 0;
}
/* line 315, ../scss/top.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: absolute;
  width: 20px !important;
  height: 154px !important;
  background: url(../../assets_160525/images/news/img-scroll-btn.png) no-repeat 0 0;
}

/*----------------------------------------------------
twitter area
----------------------------------------------------*/
/* line 327, ../scss/top.scss */
#twitter {
  position: relative;
  float: left;
  width: 394px;
  height: 523px;
  background: url(../../assets_160525/images/twitter/img-twitter-bg.png) no-repeat 0 0;
}
/* line 333, ../scss/top.scss */
#twitter .followus {
  position: absolute;
  top: 63px;
  left: 42px;
}
/* line 338, ../scss/top.scss */
#twitter #time-line {
  width: 365px;
  height: 400px;
  position: absolute;
  top: 105px;
  left: 11px;
  background: url(../../assets_160525/images/twitter/img-twitter-innerbg.png) no-repeat 0 0;
  padding: 3px;
}
/* line 347, ../scss/top.scss */
#twitter #time-line .frame-wrap {
  width: 358px;
  height: 394px;
  margin: 3px auto 0;
  overflow: hidden;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

/* line 358, ../scss/top.scss */
.timeline-Header,
.timeline-Footer {
  display: none !important;
}

/* line 362, ../scss/top.scss */
iframe#twitter-widget-0 {
  height: 394px !important;
}

/*----------------------------------------------------
footer banner area
----------------------------------------------------*/
/* line 368, ../scss/top.scss */
#banner-area {
  width: 898px;
  margin: 0 auto;
  padding-bottom: 125px;
  font-size: 0;
  text-align: center;
}
/* line 374, ../scss/top.scss */
#banner-area .bnr-image {
  display: inline-block;
  margin-right: 30px;
}
/* line 377, ../scss/top.scss */
#banner-area .bnr-image:last-child {
  margin-right: 0;
}