@charset "UTF-8";

.sp_only {
	display: none;
}

/* MAIN
-------------------------------------------------------------------------- */
#page-container .main-container {
  width: 960px;
  margin: 0 auto 24px auto;
}
#page-container .main__ttl {
  padding-top: 39px;
  margin-bottom: 25px;
}
#page-container .main__ttl:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  margin: 0 9px 0 0;
  background: transparent url(../../../common/css/img/icon_hlv1_blue.png) 0 0 no-repeat;
}
#page-container .main__ttl h2 {
  display: inline-block;
  width: 231px;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background: transparent url(img/ttl_lineup_hlv1.png) 0 0 no-repeat;
}
#page-container .main__text {
  font-size: 92.85714%;
  line-height: 24px;
  text-align: center;
}

/* SET BTN
-------------------------------------------------------------------------- */
#page-container .setbtn-container {
  width: 960px;
  margin: 72px auto 54px auto;
}
#page-container .setbtn__body {
  display: table;
  width: 480px;
  margin: 0 auto 27px auto;
}
#page-container .setbtn__item {
  display: table-cell;
  width: 239px;
  border-right: #D6D6D6 1px solid;
}
#page-container .setbtn__item a{
  display: inline-block;
  width: 239px;
  height: 263px;
  position: relative;
}
#page-container .setbtn__item a:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #FFF;
  z-index: 3;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.no-touchevents #page-container .setbtn__item a:hover:after{
  opacity: 0.20;
  filter: alpha(opacity=20);
}



#page-container .setbtn__splatoon,
#page-container .setbtn__mariomakerset2,
#page-container .setbtn__kartset,
#page-container .setbtn__basicset {
  display: block;
  height: 263px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#page-container .setbtn__splatoon {
  border-left: #D6D6D6 1px solid;
}

#page-container .setbtn__item .setbtn__ttl{
  position: absolute;
  left: 52px;
  top: 0;
  z-index: 2;
}
#page-container .setbtn__item .setbtn__img{
  position: absolute;
  left: 55px;
  top: 48px;
}
#page-container .setbtn__item .setbtn__text{
  font-size: 71.42857%;
  line-height: 16px;
  color: #5E5E5E;
  text-align: center;
  position: absolute;
  left: 0;
  top: 193px;
  width: 238px;
}

#page-container .setbtn__item .setbtn__note{
  position: absolute;
  left: 54px;
  top: 241px;
}
#page-container .setbtn__note-coming-scheduled-end{
  position: absolute;
  left: 64px;
  top: 232px;
}

#page-container .setbtn__item .setbtn__splatoon .setbtn__ttl,
#page-container .setbtn__item .setbtn__mariomakerset2 .setbtn__ttl{
  top: 7px;
}
#page-container .setbtn__item .setbtn__splatoon .setbtn__img{
  left: 37px;
}

#page-container .setbtn__link {
  width: 398px;
  height: 26px;
  margin: 0 auto;
}
#page-container .setbtn-container .setbtn__link{
	margin-bottom: 51px;
}
#page-container .c-btn__round {
  display: block;
  border-width: 2px;
  border-style: solid;
  border-radius: 15px;
  border-color: #0096c8;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  line-height: 1;
}
#page-container .c-btn__round:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
  background: transparent url(../../../../common/css/img/arrow_wiiu_00.png) 0 0 no-repeat;
}
#page-container .c-btn__round span {
  font-size: 85.71429%;
  color: #5E5E5E;
  display: inline-block;
  padding: 6px 0 6px 0;
}


/* mariomakerset SET
-------------------------------------------------------------------------- */
#page-container #mariomakerset {
  padding-top: 74px;
  margin-top: -74px;
  overflow: hidden;
}
#page-container .mariomaker-container {
  width: 100%;
  height: 571px;
  position: relative;
  background: url(../img/mariomakerset/mariomaker_bg.png) center 0 repeat-x;
  margin-bottom: 0;
}
#page-container .mariomaker-container:before {
  content: "";
  display: block;
  width: 100%;
  height: 90px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  z-index: 2;
}

#page-container .mariomaker__chara {
  position: absolute;
  left: 50%;
  margin-left: 168px;
  top: -1px;
}

#page-container .mariomaker__title {
  position: absolute;
  left: 50%;
  margin-left: -468px;
  top: 24px;
}


#page-container .mariomaker__text {
  position: absolute;
  left: 50%;
  margin-left: -465px;
  top: 199px;
  width: 760px;
  line-height: 28px;
  color: #000;
}
#page-container .mariomaker__text br{
  display: none;
}
#page-container .mariomaker__box {
  position: absolute;
  left: 50%;
  margin-left: -483px;
  top: 249px;
}
#page-container .mariomaker__boxsp{
  display: none;
}

#page-container .mariomaker__balloon {
  position: absolute;
  left: 50%;
  margin-left: -198px;
  top: 266px;
}

#page-container .mariomaker__badge {
  position: absolute;
  left: 50%;
  margin-left: 23px;
  top: -17px;
}
#page-container .mariomaker__price {
  position: absolute;
  left: 50%;
  margin-left: -368px;
  top: 511px;
  z-index: 2;
}
#page-container .mariomaker__btn {
  position: absolute;
  left: 50%;
  margin-left: 154px;
  top: 499px;
  width: 254px;
  height: 54px;
  z-index: 2;
}
#page-container a.mariomaker__btnbody{
  display: block;
  width: 254px;
  height: 54px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background: url(../img/mariomakerset/mariomaker_btn.png) 0 0 no-repeat;
}
#page-container a.mariomaker__btnbody:hover{
  background-position: 0 -54px;
}

#page-container .banner_sub{
  width: 960px;
  height: 152px;
  margin: 40px auto 0 auto;
}
#page-container .banner_sub a{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
#page-container .banner_sub a:after{
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #FFF;
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#page-container .banner_sub a:hover:after{
  opacity: 0.20;
  filter: alpha(opacity=20);
}
#page-container .banner_sub > div{
  float: left;
  width: 470px;
}
#page-container .banner_sub > div:first-child{
  margin-right: 20px;
}


/*SPLATOONSET
-------------------------------------------------------------------------- */
.splatoon2 a{
  display: block;
}
.splatoon2-container{
  width: 100%;
  height: 591px;
  background: url(../img/splatoonset2_bg1.png) 0 0 repeat-x;
  overflow: hidden;
  position: relative;
}
.splatoon2-container__body{
  width: 1320px;
  height: 591px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -660px;
}
.splatoon2-container__bg{
  width: 100%;
  height: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../img/splatoonset2_bg2.png) 50% 0 repeat-x;
}
.splatoon2-container__price{
  position: absolute;
  top: 535px;
  left: 50%;
  margin-left: -448px;
}
.splatoon2-container__btn{
  width: 286px;
  height: 48px;
  position: absolute;
  top: 530px;
  left: 50%;
  margin-left: 159px;
  background: url(../img/splatoonset2_btn.png) 0 0 no-repeat;
}
.splatoon2 a .splatoon2-container__btn{
  background-position: 0 0;
}
.splatoon2 a:hover .splatoon2-container__btn{
  background-position: 0 -48px;
}


/*#mariomakerset .mariomaker-container__body {
  width: 960px;
  height:571px;
  position: relative;
  margin: 0 auto;
}

#mariomakerset .mariomaker-container__body img{
	width:100%;
	height:auto;
}

#mariomakerset {
    padding: 0;
    position: relative;
    width: 100%;
		height: 571px;
    margin-top: -45px;
    min-width: 960px;
    overflow: hidden;
    background: url(../img/mariomakerset1225/mariomaker_bg.png) 0 92px repeat-x;
}

#mariomakerset:before{
  content: "";
  display: block;
	width: 100%;
  height: 90px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background: #000;
}



#mariomakerset .mariomaker-container__body span{
  display: block;
	left: 50%;
	margin-left: -560px;
	position: absolute;
	top: 0;
	width: 1120px;
}



#mariomakerset .mariomaker-container__body span a {
  position: absolute;
  right: 151px;
  bottom: 18px;
  display: block;
  display: block;
  height: 54px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 253px;
  background-position: center top;
  background: #FFF;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

#mariomakerset .mariomaker-container__body span a:hover {
  opacity: 0.3;
}

#mariomakerset .mariomaker-container__body img{
  vertical-align: bottom;
}

#page-container #mariomakerset {
  padding-top: -84px;
  margin-top: -84px;
  overflow: hidden;
}

.splatoon-note{
  width: 760px;
  margin: 0 auto;
   background: url(../../../common/css/img/dot_h_01.png) left top repeat-x;
}

.splatoon-note ul{
  padding: 40px 80px 40px 80px;
}

.splatoon-note ul li{
  font-size: 11px;
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}*/


/* OTHERSET
-------------------------------------------------------------------------- */
#page-container .otherset-container {
  width: 100%;
  background: #F6F6F6;
}
#page-container .otherset__morebtn,
#page-container .otherset__closebtn  {
  text-align: center;
}
#page-container .otherset__closebtn {
  display: none;
}
#page-container .btn__body {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 76px;
  background: #F6F6F6;
}
#page-container .btn__body span {
  text-align: center;
  line-height: 76px;
}
#page-container .btn__body span:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
#page-container .otherset__morebtn .btn__body span:before {
  background: transparent url(img/arrow_more.png) 0 0 no-repeat;
}
#page-container .otherset__closebtn .btn__body span:before {
  background: transparent url(img/arrow_less.png) 0 0 no-repeat;
}

/* OTHERSET BTN
-------------------------------------------------------------------------- */
#page-container .otherset__body {
  position: relative;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 55px 0 0 0;
}
#page-container .otherset__body:after {
  content: "";
  display: block;
  width: 960px;
  height: 1px;
  background: #D6D6D6;
  margin: -1px 0 0 0;
}
#page-container .otherset__ttl {
  color: #5e5e5e;
  display: table-cell;
  line-height: 21px;
  font-size: 128.57143%;
}
#page-container .otherset__ttl:before {
  background: #0096c8;
  content: "";
  display: inline-block;
  width: 6px;
  height: 100%;
  margin: 0 10px -3px 1px;
  border-radius: 3px;
}
#page-container .otherset__ttl .otherset__text{
  font-size: 11px;
  padding-left: 20px;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

#page-container .otherset__block {
  width: 962px;
  border-top: #D6D6D6 1px solid;
  margin: 20px 0 0 -1px;
}
#page-container .otherset__blockr:before,
#page-container .otherset__block:after {
  content: " ";
  display: table;
}
#page-container .otherset__block:after {
  clear: both;
}
#page-container .othersetitem {
  width: 480px;
  float: left;
  border-bottom: #D6D6D6 1px solid;
  border-right: #D6D6D6 1px solid;
}
#page-container .othersetitem__body {
  display: block;
  padding: 41px 0 25px 0;
  width: 100%;
  text-decoration: none;
  position: relative;
}
#page-container .othersetitem__img {
  margin-left: 41px;
}
#page-container .othersetitem__name {
  text-align: center;
  font-size: 92.85714%;
  line-height: 1.4;
  height: 38px;
  display: table-cell;
  vertical-align: middle;
  width: 480px;
  color: #5E5E5E;
}
#page-container .othersetitem__btn {
  margin-top: 5px;
  font-size: 78.57143%;
  text-align: center;
  color: #0096c8;
}
#page-container .othersetitem__btn:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 0;
  margin-bottom: -1px;
  background: url(../../../../common/css/img/arrow_wiiu_00.png) 0 0 no-repeat;
}

/* HOVER
-------------------------------------------------------------------------- */
#page-container .c-btn__round span,
#page-container .c-btn__round:before,
#page-container .kartset__btnbody span,
#page-container .kartset__btnbody:before,
#page-container .sportspremium__btnbody span,
#page-container .sportspremium__btnbody:before {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#page-container .c-btn__round:hover span,
#page-container .c-btn__round:hover:before,
#page-container .kartset__btnbody:hover span,
#page-container .kartset__btnbody:hover:before,
#page-container .sportspremium__btnbody:hover span,
#page-container .sportspremium__btnbody:hover:before {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#page-container .c-btn__round:after,
#page-container .kartset__btnbody:after,
#page-container .sportspremium__btnbody:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  border: 0 #0096c8 solid;
  border-radius: 15px;
  box-sizing: border-box;
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#page-container .c-btn__round:hover:after,
#page-container .kartset__btnbody:hover:after,
#page-container .sportspremium__btnbody:hover:after {
  border-width: 4px;
}
#page-container .setbtn__link .c-btn__round:after {
	width:402px;
	height:30px;
}
#page-container .kartset__btnbody:after {
	width:158px;
	height:58px;
	border: 0 #000 solid;
	border-radius: 31px;
}
#page-container .sportspremium__btnbody:after {
	width:158px;
	height:58px;
	border: 0 #3399cc solid;
	border-radius: 31px;
}
#page-container .basicset__btn .c-btn__round:after {
	width:192px;
	height:30px;
}