/*
------------------------------------
c5-centerTTLbg
------------------------------------
*/

.s5-row__col1 {
      width: 100%;
      display: table-cell;}

.s5-row__col1 h1.s5-heading2 .c5-centerTTLbg {
      display: block;
      width: 100%;
      background-repeat: no-repeat;
      color: #ccc;
      text-align: left;
      background-position: center left;
      background-repeat: no-repeat;
      line-height: 150%;
      padding: 30px 0 30px 0;}

.s5-row__col1 h1.s5-heading2 .c5-centerTTLbg .c5-txtBox {
      padding: 0px 24px;
      font-size: 1.35rem;
      display: block;
      vertical-align: middle;
      color: #ffffff;}


@media screen and (max-width: 640px) {

.s5-row__col1 h1.s5-heading2 .c5-centerTTLbg .c5-txtBox {
      top: 0px;
      font-size: 1.5rem;}

.s5-table2 th{color: #fff;}

.c5-txtBox br{display: none;}

}


.s5-row__col1 h1.s5-heading2 {
      width: 100%;
      height: auto;
      position: relative;
      line-height: 75px;
      font-size: 1.0rem;
      z-index: 0;}

.s5-row__col1 h1.s5-heading2 .c5-leftTTLbg {
      display: block;
      position: absolute;
      height: 120px;
      top: 0;
      z-index: 10;}

.s5-row__col1 h1.s5-heading2 .c5-leftTTLbg {
      display: block;
      position: absolute;
      height: 120px;
      top: 0;}

.s5-row__col1 h1.s5-heading2 .c5-rightTTLbg {right: 0;}

.s5-row__col1 h1.s5-heading2 .c5-rightTTLbg {
      display: block;
      position: absolute;
      height: 120px;
      top: 0;
      text-align: right;}

.c5-pc {display: block;}

.c5-sp {display: none;}


@media screen and (max-width: 640px) {

.c5-pc {display: none;}

.c5-sp {display: block;}

.s5-row__col1 h1.s5-heading2 .c5-leftTTLbg {display: none;}

.s5-row__col1 h1.s5-heading2 .c5-centerTTLbg {display: none;}

.s5-row__col1 h1.s5-heading2 .c5-rightTTLbg {display: none;}

.s5-row__col1 h1.s5-heading2 .c5-centerTTLbg {
      display: block;
      width: 100%;
      height: auto;
      background-image: none;
      background-color: #00a8ff;
      text-align: left;
      line-height: 1.5;
      padding: 11px 0px 10px;
      width: 100%;
      background-size: cover;
      background-position: center;}

.s5-row__col1 h1.s5-heading2 .c5-centerTTLbg .c5-txtBox {
      padding: 0 20px;
      color: #ffffff;
      font-size: 1.0rem;}

.c5--bgBlue{background-color:#cdd0d5 !important;}

}


/*
------------------------------------
c5-centerTTLbg_sub
------------------------------------
*/
.s5-row__col1 {
      width: 100%;
      display: table-cell;}

.s5-row__col1 h1.s5-heading4 .c5-centerTTLbg_sub {
      display: block;
      width: 100%;
      background-repeat: no-repeat;
      color: #ccc;
      text-align: left;
      background-position: center left;
      background-repeat: no-repeat;
      line-height: 150%;
      padding: 30px 0 30px 0;}

#miku {
      background-image: url(/walkman/store/special/miku10th/images/title_miku.png);
      background-position: center left;
      background-repeat: no-repeat;}

#miku span,#luka span {color: #fff;}

#rinren {
      background-image: url(/walkman/store/special/miku10th/images/title_rinren.png);
      background-position: center left;
      background-repeat: no-repeat;}

#rinren span{color: #7b7c79;}


#luka {
      background-image: url(/walkman/store/special/miku10th/images/title_luka.png);
      background-position: center left;
      background-repeat: no-repeat;
      color: #fff;}



.spacing {
      width:10px;
      height:20px;}

.s5-row__col1 h1.s5-heading4 .c5-centerTTLbg_sub .c5-txtBox {
      padding: 0 15px 0 75px;
      font-size: 150%;
      display: block;
      vertical-align: middle;
      color: #000000;
      line-height: 150%;}


@media screen and (max-width: 640px) {

.s5-row__col1 h1.s5-heading4 .c5-centerTTLbg_sub .c5-txtBox {
      top: 0px;
      font-size: 1.0rem;
      padding: 0 15px 0 75px;
      color: #000000;}

.s5-table2 th{color: #fff;}

#miku span,#luka span {
      color: #fff;
      font-size:115%;
      line-height: 120%;}

#rinren span{
      color: #7b7c79;
      font-size:115%;
      line-height: 120%;}

}


.s5-row__col1 h1.s5-heading4 {
      width: 100%;
      height: auto;
      position: relative;
      line-height: 75px;
      font-size: 1.0rem;
      z-index: 0;}

.s5-row__col1 h1.s5-heading4 .c5-leftTTLbg_sub {
      display: block;
      position: absolute;
      height: 120px;
      top: 0;
      z-index: 10;}

.s5-row__col1 h1.s5-heading4 .c5-leftTTLbg_sub {
      display: block;
      position: absolute;
      height: 120px;
      top: 0;}

.s5-row__col1 h1.s5-heading4 .c5-rightTTLbg_sub {right: 0;}

.s5-row__col1 h1.s5-heading4 .c5-rightTTLbg_sub {
      display: block;
      position: absolute;
      height: 120px;
      top: 0;
      text-align: right;}

.c5-pc {display: block;}

.c5-sp {display: none;}

.white {
      color: #fff;
      font-size :150%;}

.gray {
      color: #7b7c79;
      font-size :150%;}


@media screen and (max-width: 640px) {

.c5-pc {display: none;}

.c5-sp {display: block;}

.s5-row__col1 h1.s5-heading4 .c5-leftTTLbg_sub {display: none;}

.s5-row__col1 h1.s5-heading4 .c5-centerTTLbg_sub {display: none;}

.s5-row__col1 h1.s5-heading4 .c5-rightTTLbg_sub {display: none;}

.s5-row__col1 h1.s5-heading4 .c5-centerTTLbg_sub {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      line-height: 1.5;
      padding: 11px 0px 10px;
      width: 100%;
      background-size: cover;
      background-position: center;
      margin: 0 auto 15px;
      font-size : 150%;}

.c5--bgBlue{background-color:#cdd0d5 !important;}

}


/*
------------------------------------
c5-sub-title
------------------------------------
*/

.c5-sub-title{
      width: auto;
      background: #00a8ff;
      padding: 15px 20px;
      color: #ffffff;
      margin-bottom: 20px;}


/*
------------------------------------
c5-concept__Box
------------------------------------*/
.c5-concept{width: auto;}

.c5-concept_base{
      width: auto;
      margin: 30px auto;
      position: relative}

.c5-concept__img--pc{display: block;}

.c5-concept__link--pcbase{
      width: auto;
      text-align: center;}

.c5-concept__link--pc{
      position: absolute;
      bottom: 8%;
      width: 77%;
      margin: 0 auto;
      z-index: 9999;}

.c5-concept__img--sp{display: none;}

.c5-concept--sp{
      display: none;
      color:#6e3b0c;}

.c5-concept__display--none{display: none;}


@media screen and (max-width: 890px) {

.c5-concept__link--pc{
      bottom: 8%;
      width: 100%;
      line-height: 100%;}

.c5-concept__img--pc{display: none;}

.c5-concept__img--sp{display: block;}

.c5-concept--sp{display: block;}

.c5-concept--sp br{display: none;}

}

.c5-concept_base img{width: 100%;}


/*------------------------------------
other
------------------------------------*/

.c5-miku10th__storetext{font-weight: normal;}