@charset "UTF-8";

.c-table__sp-shead{
  display: none;
}
.toggle-note__txt {
  display: none;
  padding-left: 12px;
  padding-top:12px;
}
.toggle-note__txt p{
  font-size: 13px;
  line-height: 1.5;
  padding-right: 12px;
  padding-left:2em;
  text-align: left;

  color: #737373;
  position: relative;
}

.toggle-note__txt p span{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

a.toggle-note__head--ico{
  color: #3c3c3c;
   -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear;
  text-decoration: underline;
}
a.toggle-note__head--ico:hover {
  color: #e60012;
}

@media all and (max-width: 759px){
  .c-table--online{
    border-top: none;
  }
  .c-table--online thead{
    display: none;
  }
  
   .c-table--online tbody tr{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
  }
  .c-table--online tbody th,
  .c-table--online tbody th:first-child{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-top: #c8c8c8 1px solid;
    border-left: #c8c8c8 1px solid;
    border-right: #c8c8c8 1px solid;
    background: #f5f5f5;
  }
  .c-table--online .c-table__sp-shead{
    display: block;
  }
  .c-table--online .c-table__sp-shead p{
    border-bottom: #c8c8c8 1px solid;
    box-sizing: border-box;
    padding: 7px 0;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .c-table--online .c-table__sp-shead p + p{
  }

  .c-table--online tbody td{
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding-top: 0;
  }
  .c-table--online tbody td + td{
    border-right: #c8c8c8 1px solid;
  }

.c-table--online tbody td[colspan="2"]{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 0;
    border-right: #c8c8c8 1px solid;
  }


  .c-table--online .c-text--s{
    font-size: 12px;
    line-height: 1.5;
    padding-left: 8px;
    padding-right: 8px;
  }

    .c-table--online .c-text--xs{
      font-size: 11px;
    line-height: 1.5;
    padding-left: 6px;
    padding-right: 6px;
    }

    .toggle-note__txt p{
      font-size: 11px;
      line-height: 1.5;
      padding-left:2em;
      padding-right: 6px;
      text-align: left;
    }
    .toggle-note__txt {
      display: none;
      padding-left: 6px;
      padding-top:12px;
    }
}


.subnav-search__input--soft{
  width: 100%;
}
.subnav-search__input--soft > input {
  width: 100%;
}
@media (max-width: 979px){
  .subnav-search__btn.subnav-search__btn--soft{
    width: 50px;
  }
  .subnav-search__btn.subnav-search__btn--soft .subnav-search__submit{
    width: 50px;
    opacity: 1;
  }
  .subnav-search__btn.subnav-search__btn--soft:before{
    display: none;
  }
}

.nintendo_switch_online-local-nav{
  border-top:#ddd 2px solid;
  text-align: center;
}

.nintendo_switch_online-local-nav p{
  display: inline-block;
  margin: 20px 0 0 0 ;
  padding-right: 10px;
  padding-left: 0;
  vertical-align: middle;
}
.nintendo_switch_online-local-nav p + p{
  padding-left: 10px;
  padding-right: 0;
}
@media all and (min-width: 760px){
   .nintendo_switch_online-local-nav__prev{
    float: left;
  }
  .nintendo_switch_online-local-nav__next{
    float: right;
  }
  .nintendo_switch_online-local-nav:after{
    content: "";
    display: block;
    clear: both;
  }
}



@media all and (max-width: 759px){
  .nintendo_switch_online-local-nav p{
    width: 50%;
    box-sizing: border-box;

    font-size: 14px;
    line-height: 20px;

  }
}
.nintendo_switch_online-local-nav .c-text .c-link-sub {
  color: #3c3c3c;
}
.no-touchevents .nintendo_switch_online-local-nav .c-text .c-link-sub {
  color: #3c3c3c;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .no-touchevents .nintendo_switch_online-local-nav .c-text .c-link-sub:hover {
    color: #e60012; }

.nintendo_switch_online-local-nav__prev i{
  transform: scale(-1,1);
}



@media (min-width: 980px){
	.category-header-container.no-title {
		height: 60px;
	}
}

@media all and (min-width: 760px) and (max-width: 979px){
	.category-header-container.no-title {
		height: 60px;
	}
}

@media (max-width: 759px){
	.category-header-container.no-title {
		height: 30px;
	}
}


.button-index-block .c-button__body {
    background: #e60012;
    color: #FFF;
}
.no-touchevents .button-index-block .c-button__body:hover {
    background: #FFF;
    color: #e60012; }

.button-index-block .c-button__icon{
    background: #FFF;
}
.no-touchevents .button-index-block .c-button__body:hover .c-button__icon {
    background: #e60012;
}
.button-index-block .c-button__icon > i {
    background: url(../../../common/v2/img/arrow/right-stroke-white.svg) 50% 50% no-repeat;
    background-size: 18px;
}
.button-index-block .c-button__icon::before {
    background: url(../../../common/v2/img/arrow/right-stroke-support.svg) 50% 50% no-repeat;
    background-size: 18px;
}
.button-index-block  .c-button,
.button-index-block  .c-button__body {
  display: block;
}
@media (min-width: 760px){
  .button-index-block::after{
    content: "";
      display: block;
      clear: both;
  }

  .button-index-block__item{
    width: calc((100% - 21px) / 2);
    float: left;
    margin-right: 20px;
    margin-top: 20px;
  }
  .button-index-block__item:nth-child(2n){
    margin-right: 0;
  }
  .button-index-block__item:nth-child(2n + 1){
    clear: left;
  }

  .power-tab-block__body a{
    height: 36px;
    text-align: center;
  }
  .power-tab-block__label{
    text-align: center;
  }

  .num-dl::after{
	content: "";
    display: block;
    clear: both;
  }
  .num-dl dt{
  	width: 30px;
  	float: left;
  }
  .num-dl dd{
  	margin-left: 30px;
  }
}
@media all and (max-width: 759px){
   .button-index-block__item{
    margin-top: 10px;
   }

   .num-dl::after{
	content: "";
    display: block;
    clear: both;
  }
  .num-dl dt{
  	width: 20px;
  	float: left;
  }
  .num-dl dd{
  	margin-left: 20px;
  }
}

.menu-5tab-block {
  margin-bottom: 50px; }

.menu-5tab-block__body {
  padding-left: 40px;
  padding-right: 40px; }
  .menu-5tab-block__body::after {
    content: "";
    display: block;
    clear: both; }
  .menu-5tab-block__body li {
    width: 20%;
    float: left;
    text-align: center;
    position: relative; }
    .menu-5tab-block__body li a {
      display: block; }
    .menu-5tab-block__body li:last-child a {
      background-image: none; }
  .menu-5tab-block__body a {
    display: inline-block; }

.menu-5tab-block__icon {
  width: 18px;
  height: 18px;
  position: relative;
  background-color: #e60012;
  border-radius: 9px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px; }
  .menu-5tab-block__icon::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url("../../../common/v2/img/arrow/down-stroke-white.svg") 50% 50% no-repeat;
    background-size: 18px; }

.menu-5tab-block__label {
  display: block;
  text-align: center;
  font-weight: bold; }

.no-touchevents .menu-5tab-block__item a .menu-5tab-block__label {
  color: #3c3c3c;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }

.no-touchevents .menu-5tab-block__item a:hover .menu-5tab-block__label {
  color: #e60012; }  

@media all and (min-width: 760px){
.menu-5tab-block{
	padding-bottom: 20px;
	border-bottom: #e6e6e6 1px solid;
}

.menu-5tab-block__body li a{
	background-image: -webkit-linear-gradient(top, #999, #999 1px, transparent 1px, transparent 3px);
	background-image: linear-gradient(to bottom, #999, #999 1px, transparent 1px, transparent 3px);
	background-repeat: repeat-y;
	background-position: right top;
	background-size: 1px 4px;
}

.menu-5tab-block__body a{
	height: 110px;
}

.menu-5tab-block__label{
	font-size: 14px;
	line-height: 20px;
	min-height: 78px;
}
}

@media all and (min-width: 980px){

    .menu-5tab-block__body{
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    max-width: 1200px; }

}


@media all and (max-width: 979px){
	.menu-5tab-block__label{
	font-size: 12px;
	line-height: 18px;
	min-height: 70px;
}

  .menu-5tab-block__body{
    margin-left: auto;
    margin-right: auto;
    padding-left: 7px;
    padding-right: 7px; }

}
@media all and (max-width: 759px){
	.menu-5tab-block__body li {
    width: 33%;
}
.menu-5tab-block__body li:nth-child(4){
	clear: left;
	width: 50%;
	margin-top: 15px;
}
    .menu-5tab-block__body li:nth-child(4)::before {
      background-image: none; }
.menu-5tab-block__body li:nth-child(5){
	width: 50%;
	margin-top: 15px;
}
.menu-5tab-block__body li a{
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 15px;
    border-bottom: #e6e6e6 1px solid; }


  .menu-5tab-block__body li:first-child a{
    margin-left: 0px; }

  .menu-5tab-block__body li:last-child a{
    margin-right: 0; }

  .menu-5tab-block__body li::before{
    content: '';
    width: 1px;
    height: 69px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: -webkit-linear-gradient(top, #999, #999 1px, transparent 1px, transparent 3px);
    background-image: linear-gradient(to bottom, #999, #999 1px, transparent 1px, transparent 3px);
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 1px 4px; }

  .menu-5tab-block__body li:first-child::before{
    display: none; }

  .menu-5tab-block__body a{
    height: 77px; }

  .menu-5tab-block__icon{
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px; }

  .menu-5tab-block__label{
  	min-height: 58px;
    font-size: 10px;
    line-height: 14px; }


	.menu-5tab-block__body li:nth-child(1) .menu-5tab-block__label,
	.menu-5tab-block__body li:nth-child(2) .menu-5tab-block__label,
	.menu-5tab-block__body li:nth-child(3) .menu-5tab-block__label{
		min-height: 40px;

	}

	.menu-5tab-block__body li:nth-child(1) a,
	.menu-5tab-block__body li:nth-child(2) a,
	.menu-5tab-block__body li:nth-child(3) a{
		 height: 60px;

	}


}
.touchevents .c-note .u-red  a{
color: #e60012;
}
.no-touchevents .c-note .u-red  a{
color: #e60012;
}

.no-touchevents .c-note .u-red  a:hover{
color: #f19ba2;
}


.c-page-index__body .js-accordion-body {
    padding-bottom: 0;
}

.c-page-index__body .c-heading-lv4 {
  font-size: 18px;
  line-height: 24px;
}
@media all and (min-width: 760px){
  .c-page-index__body .js-accordion-toggle a {
    font-size: 0;
    line-height: 0;
    padding: 4px 6px;
  }
  }
@media all and (max-width: 759px){
  .c-page-index__body .c-heading-lv4 {
    font-size: 14px;
    line-height: 24px;
  }
  .c-page-index__body .js-accordion-toggle a {
    font-size: 0;
    line-height: 0;
    padding: 4px 6px;
  }
}