@charset "UTF-8";
/*common PC
------------------------------------------------------*/
html {
  background: #000000;
}

body {
  background: url(../images/common/bg_body.jpg) top center no-repeat fixed;
  font-size: 17px;
}

#container {
  background: url(../images/common/bg_header.png) top center no-repeat;
  width: 100%;
}

/*mainMenu PC
------------------------------------------------------*/
#btnGnClose {
  display: none;
}

#btnGnOpen {
  display: none;
}

#gnavi {
  display: block;
}

header .headerColInner {
  width: 960px;
  margin: auto;
  position: relative;
}
header .headerColInner h1 {
  display: block;
  width: 223px;
  height: 85px;
  position: absolute;
  top: 5px;
  left: -5px;
  z-index: 2;
}
header .headerColInner h1 a {
  background: none;
  padding: 0;
}
header .headerColInner h1 a img {
  text-indent: 0;
  width: auto;
  display: block;
}
header .headerColInner #gnavi {
  background: url(../images/common/bg_header.png) top center no-repeat;
  position: absolute;
  width: 960px;
  height: 132px;
  z-index: 1;
  display: block !important;
}
header .headerColInner #gnavi li {
  width: auto;
  position: absolute;
  padding: 0;
  background-image: url(../images/common/btn_gnavi.png?ver=2);
}
header .headerColInner #gnavi li a {
  display: block;
  width: 100%;
  height: 100%;
}
header .headerColInner #gnavi li img {
  display: none;
}
header .headerColInner #gnavi .gnAbout {
  top: 7px;
  left: 333px;
  width: 158px;
  height: 51px;
  background-position: -68px 0;
}
header .headerColInner #gnavi .gnAbout:hover, header .headerColInner #gnavi .gnAboutOn {
  top: 7px;
  left: 333px;
  width: 158px;
  height: 51px;
  background-position: -68px -102px;
}
header .headerColInner #gnavi .gnPlay {
  top: 7px;
  left: 510px;
  width: 131px;
  height: 51px;
  background-position: -244px 0;
}
header .headerColInner #gnavi .gnPlay:hover, header .headerColInner #gnavi .gnPlayOn {
  top: 7px;
  left: 510px;
  width: 131px;
  height: 51px;
  background-position: -244px -102px;
}
header .headerColInner #gnavi .gnShoplist {
  top: 7px;
  left: 657px;
  width: 139px;
  height: 51px;
  background-position: -391px 0;
}
header .headerColInner #gnavi .gnShoplist:hover, header .headerColInner #gnavi .gnShoplistOn {
  top: 7px;
  left: 657px;
  width: 139px;
  height: 51px;
  background-position: -391px -102px;
}
header .headerColInner #gnavi .gnMovie {
  top: 7px;
  left: 817px;
  width: 135px;
  height: 51px;
  background-position: -551px 0;
}
header .headerColInner #gnavi .gnMovie:hover, header .headerColInner #gnavi .gnMovieOn {
  top: 7px;
  left: 817px;
  width: 135px;
  height: 51px;
  background-position: -551px -102px;
}
header .headerColInner #gnavi .gnCardlist {
  top: 58px;
  left: 266px;
  width: 147px;
  height: 51px;
  background-position: 0 -51px;
}
header .headerColInner #gnavi .gnCardlist:hover, header .headerColInner #gnavi .gnCardlistOn {
  top: 58px;
  left: 266px;
  width: 147px;
  height: 51px;
  background-position: 0 -153px;
}
header .headerColInner #gnavi .gnNews {
  top: 58px;
  left: 441px;
  width: 127px;
  height: 51px;
  background-position: -175px -51px;
}
header .headerColInner #gnavi .gnNews:hover, header .headerColInner #gnavi .gnNewsOn {
  top: 58px;
  left: 441px;
  width: 127px;
  height: 51px;
  background-position: -175px -153px;
}
header .headerColInner #gnavi .gnProducts {
  top: 58px;
  left: 596px;
  width: 143px;
  height: 51px;
  background-position: -329px -51px;
}
header .headerColInner #gnavi .gnProducts:hover, header .headerColInner #gnavi .gnProductsOn {
  top: 58px;
  left: 596px;
  width: 143px;
  height: 51px;
  background-position: -329px -153px;
}
header .headerColInner #gnavi .gnEvent {
  top: 58px;
  left: 763px;
  width: 127px;
  height: 51px;
  background-position: -497px -51px;
}
header .headerColInner #gnavi .gnEvent:hover, header .headerColInner #gnavi .gnEventOn {
  top: 58px;
  left: 763px;
  width: 127px;
  height: 51px;
  background-position: -497px -153px;
}

/*footer PC
------------------------------------------------------*/
footer {
  min-width: 960px;
  width: 100%;
  height: auto;
  clear: both;
  position: relative;
  /*PageTop*/
  /*footerContents*/
}
footer .btnPageTop {
  position: absolute;
  z-index: 9999;
}
footer .btnPageTop a {
  display: block;
  position: relative;
  z-index: 9999;
  background: url(../images/common/btn_pagetop.png) top left no-repeat scroll;
  background-position: 0 0;
  width: 94px;
  height: 94px;
  overflow: hidden;
  text-indent: -9999px;
}
footer .btnPageTop a:hover {
  background-position: 0 -94px;
}
footer .abs {
  position: absolute;
  bottom: 500px;
  right: 10px;
  z-index: 9999;
}
footer .fxd {
  position: fixed;
  bottom: 5px;
  right: 10px;
  z-index: 9999;
}
footer .footerInner {
  /*SNS*/
  /*ｓBnr*/
  /*Link*/
  /*Copy*/
  /*asideNotice*/
}
footer .footerInner .snsCol {
  height: auto;
  padding: 1em 0;
  text-align: center;
  background: #ffbf00 url(../images/common/bg_sns.png) top center no-repeat;
  border-bottom: 1px solid #FFEF26;
  border-top: 1px solid #FFEF26;
  -webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.2);
}
footer .footerInner .snsCol ul li {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
footer .footerInner .snsCol ul .btnLine {
  margin-left: 10px;
}
footer .footerInner .snsCol ul .btnFacebook {
  margin: 4px 0 0 25px;
  transform: scale(1.43);
  -webkit-transform: scale(1.43);
}
footer .footerInner .sBnrCol {
  -webkit-box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  background: url(../images/common/bg_sbnr.png) center center;
  padding: 10px 0;
}
footer .footerInner .sBnrCol .sBnrColInner {
  background: url(../images/common/bg_sbnr_inner.png) center center no-repeat;
}
footer .footerInner .sBnrCol .sBnrColInner ul {
  width: 960px;
  margin: auto;
  padding: 18px 0 28px 0;
}
footer .footerInner .sBnrCol .sBnrColInner ul li {
  display: inline-block;
  background: #ffffff;
  width: 230px;
  height: 78px;
  margin-left: 8px;
  margin-top: 10px;
  list-style: none;
}
footer .footerInner .sBnrCol .sBnrColInner ul li:nth-child(1), footer .footerInner .sBnrCol .sBnrColInner ul li:nth-child(5) {
  margin-left: 0;
}
footer .footerInner .sBnrCol .sBnrColInner ul li a:hover {
  opacity: 0.5;
}
footer .footerInner .sBnrCol .sBnrColInner ul li img {
  width: 230px;
  height: inherit;
}
footer .footerInner .exLinkCol {
  width: 100%;
  -webkit-box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  background: #f9f9f9;
}
footer .footerInner .exLinkCol .exLinkColInner {
  width: 960px;
  margin: auto;
  padding: 2em 0 0 0;
  vertical-align: baseline;
}
footer .footerInner .exLinkCol .exLinkColInner ul.exLinkRelate {
  width: 50%;
  float: left;
}
footer .footerInner .exLinkCol .exLinkColInner ul.exLinkRelate li {
  display: inline-block;
  padding: 0 0 2em 0;
}
footer .footerInner .exLinkCol .exLinkColInner ul.exLinkRelate li a {
  display: inline-block;
  padding: 0 1em 0 0;
  height: 41px;
}
footer .footerInner .exLinkCol .exLinkColInner ul.exLinkSupplement {
  width: 50%;
  float: right;
  text-align: right;
}
footer .footerInner .exLinkCol .exLinkColInner ul.exLinkSupplement li {
  display: inline-block;
  padding: 0 0 0 20px;
  line-height: 1;
  background: url(../images/common/icon_footerlink.png) top left no-repeat;
}
footer .footerInner .exLinkCol .exLinkColInner ul.exLinkSupplement .exLinkInquiry {
  margin: 1.5em 1em 0 0;
}
footer .footerInner #CopyrightCol {
  text-align: center;
  padding: 1em 0;
  background: #f9f9f9;
  -webkit-box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 82%;
}
footer .footerInner aside {
  text-align: center;
  background: #f9f9f9 url(../images/common/hr_footer.png) top center no-repeat;
  padding: 1em 2em 2em 2em;
  font-size: 82%;
}

/*common PC
------------------------------------------------------*/
#container {
  background: url(../images/common/bg_header_top.png) top center no-repeat !important;
}

/*mainMenu PC
------------------------------------------------------*/
h1 {
  top: 15px !important;
}

#gnavi {
  background: url(../images/common/bg_header_top.png) top center no-repeat !important;
}

/*Contents PC
------------------------------------------------------*/
#wrapCol {
  padding: 0 0 30px 0;
  background: url(../images/top/bg_contents_bottom.png) bottom center no-repeat;
}
#wrapCol #wrapColInner {
  width: 960px;
  padding: 90px 0 0 0;
  margin: auto;
  position: relative;
  background: url(../images/top/bg_contents.png) top center repeat-y;
}

/*SliderBanner*/
#sliderBnrCol {
  display: block;
  width: 960;
  height: 360px;
  padding: 63px 0 8px 0;
  margin: 0 auto 13px auto;
  background: url(../images/top/bnr_slider/bg_sliderbnr.png) bottom center no-repeat;
  position: relative;
}
#sliderBnrCol .sliderBnrColInner {
  width: 860px;
  margin: 0 auto;
}
#sliderBnrCol .sliderBnrColInner a {
  display: block;
  background: #ffffff;
}
#sliderBnrCol .sliderBnrColInner a img:hover {
  opacity: 0.5;
}
#sliderBnrCol .bntSliderBnr {
  position: absolute;
  bottom: -5px;
  left: 0;
  text-align: center;
  width: 960px;
  height: 56px;
}
#sliderBnrCol .bntSliderBnr li {
  display: inline-block;
}
#sliderBnrCol .bntSliderBnr li a {
  display: inline-block;
  width: 66px;
  height: 56px;
  text-indent: -9999px;
  cursor: pointer;
  background: url(../images/top/bnr_slider/bnt_sliderbnr.png) top center no-repeat;
}
#sliderBnrCol .bntSliderBnr li a:hover {
  background-position: 5px -56px;
}
#sliderBnrCol .bntSliderBnr li a.flex-active {
  background-position: 5px -56px;
}

/*Bnr Beginner*/
#BeginnerBnrCol {
  clear: both;
  width: 913px;
  margin: 20px auto;
}
#BeginnerBnrCol a:hover {
  opacity: 0.5;
}

/*Bnr Anime*/
#AnimeBnrCol {
  clear: both;
  width: 913px;
  margin: 20px auto;
}
#AnimeBnrCol a:hover {
  opacity: 0.5;
}

/*Movie*/
#movieCol {
  width: 567px;
  height: 357px;
  float: left;
  margin: 0 0 0 21px;
  background: url(../images/top/bg_movie.png) top left no-repeat;
  position: relative;
}
#movieCol .movieColInner {
  position: absolute;
  top: 36px;
  left: 18px;
}
#movieCol .movieColInner iframe {
  width: 530px;
  height: 297px;
  border: 0;
}
#movieCol .btnMovie a {
  position: absolute;
  top: 5px;
  right: 19px;
  display: block;
  width: 207px;
  height: 23px;
  text-indent: -9999px;
  background: url(../images/top/btn_movie.png) top left no-repeat;
}
#movieCol .btnMovie a:hover {
  background-position: 0 -23px;
}

/*Bnr PickUp*/
#pickupBnrCol {
  width: 347px;
  height: 357px;
  float: left;
  margin: 0 0 0 5px;
  padding: 10px 0 0 0;
  background: url(../images/top/bnr_pickup/bg_pickupbnr.png) top left no-repeat;
}
#pickupBnrCol li {
  width: 312px;
  margin: 0 auto 6px auto;
}
#pickupBnrCol li a {
  display: block;
}
#pickupBnrCol li a:hover {
  opacity: 0.5;
}

/*Topics*/
#topicsCol {
  width: 567px;
  height: 377px;
  float: left;
  margin: 5px 0 0 21px;
  position: relative;
  background: url(../images/top/topics/bg_topics.png) top left no-repeat;
}
#topicsCol .btnTopics {
  display: none;
}
#topicsCol .tit_topics {
  position: absolute;
  top: 0;
  left: 0;
  width: 567px;
  height: 67px;
  text-indent: -9999px;
  z-index: 10;
  background: url(../images/top/topics/title_topics.png) top left no-repeat;
}
#topicsCol .btnCtgAll {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 11;
  width: 77px;
  height: 41px;
  text-indent: -9999px;
  cursor: pointer;
  background: url(../images/top/topics/btn_topics_all.png);
}
#topicsCol .btnCtgAll:hover {
  background-position: 0 -41px;
}
#topicsCol .btnTopicsCtg {
  position: absolute;
  top: 53px;
  left: 4px;
  z-index: 9;
  width: 556px;
  height: 54px;
}
#topicsCol .btnTopicsCtg li {
  float: left;
  height: 54px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  background-image: url(../images/top/topics/btn_topics.png);
}
#topicsCol .btnTopicsCtg li.btnCtgNews {
  background-position: 0 0;
  width: 90px;
}
#topicsCol .btnTopicsCtg li.btnCtgNews:hover {
  background-position: 0 -54px;
}
#topicsCol .btnTopicsCtg li.btnCtgEvent {
  background-position: -90px 0;
  width: 81px;
}
#topicsCol .btnTopicsCtg li.btnCtgEvent:hover {
  background-position: -90px -54px;
}
#topicsCol .btnTopicsCtg li.btnCtgProducts {
  background-position: -171px 0;
  width: 102px;
}
#topicsCol .btnTopicsCtg li.btnCtgProducts:hover {
  background-position: -171px -54px;
}
#topicsCol .btnTopicsCtg li.btnCtgCardlist {
  background-position: -273px 0;
  width: 113px;
}
#topicsCol .btnTopicsCtg li.btnCtgCardlist:hover {
  background-position: -273px -54px;
}
#topicsCol .btnTopicsCtg li.btnCtgMovie {
  background-position: -386px 0;
  width: 92px;
}
#topicsCol .btnTopicsCtg li.btnCtgMovie:hover {
  background-position: -386px -54px;
}
#topicsCol .btnTopicsCtg li.btnCtgPlay {
  background-position: -478px 0;
  width: 78px;
}
#topicsCol .btnTopicsCtg li.btnCtgPlay:hover {
  background-position: -478px -54px;
}
#topicsCol #topicsColInner {
  position: absolute;
  top: 124px;
  left: 25px;
  width: 520px;
  height: 232px;
  overflow-y: scroll;
}
#topicsCol #topicsColInner dl {
  zoom: 1;
  width: 479px;
  margin: auto;
  padding: 0.8em 0;
  clear: both;
  border-bottom: 1px dotted #aaaaaa;
}
#topicsCol #topicsColInner dl:before, #topicsCol #topicsColInner dl:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
#topicsCol #topicsColInner dl.ctgProducts {
  background: url(../images/top/topics/icon_ctg_products.png) 101px 11px no-repeat;
}
#topicsCol #topicsColInner dl.ctgNews {
  background: url(../images/top/topics/icon_ctg_news.png) 101px 11px no-repeat;
}
#topicsCol #topicsColInner dl.ctgEvent {
  background: url(../images/top/topics/icon_ctg_event.png) 101px 11px no-repeat;
}
#topicsCol #topicsColInner dl.ctgCardlist {
  background: url(../images/top/topics/icon_ctg_cardlist.png) 101px 11px no-repeat;
}
#topicsCol #topicsColInner dl.ctgMovie {
  background: url(../images/top/topics/icon_ctg_movie.png) 101px 11px no-repeat;
}
#topicsCol #topicsColInner dl.ctgPlay {
  background: url(../images/top/topics/icon_ctg_play.png) 101px 11px no-repeat;
}
#topicsCol #topicsColInner dl dt {
  float: left;
  width: 150px;
}
#topicsCol #topicsColInner dl dd {
  float: left;
  width: 327px;
}
#topicsCol #topicsColInner dl dd a {
  text-decoration: underline;
}

/*Twitter*/
#twitterCol {
  width: 347px;
  height: 377px;
  float: left;
  margin: 5px 0 0 5px;
  background: url(../images/top/bg_twitter.png) top left no-repeat;
  position: relative;
}
#twitterCol .twitterColInner {
  position: absolute;
  top: 68px;
  left: 27px;
}
#twitterCol .btnTwitterFollow {
  position: absolute;
  top: 24px;
  right: 18px;
}