@charset "UTF-8";
img {
  max-width: 100%;
  height: auto;
}

.c5-heding1 {
  line-height: 1.3;
}

.s5--colorRed a.c5-link {
  color: #c93434;
  transition: opacity 0.3s;
}
.s5--colorRed a.c5-link:hover {
  opacity: 0.6;
}

/* ==========================================================================
   c5-news
   ========================================================================== */
.c5-news .c5-news__scroll--pc {
  overflow-y: scroll;
  height: 300px;
}
.c5-news .c5-news__scroll--pc td {
  padding-bottom: 15px;
  padding-right: 1%;
}
.c5-news .c5-news__scroll--pc th {
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;
}
.c5-news .c5-news__scroll--sp {
  overflow: hidden;
  height: 200px;
}
.c5-news .c5-news__scroll--sp td {
  padding-bottom: 15px;
}
.c5-news .c5-news__more .s5-secondaryButton {
  display: none;
}

/* ========= navi =========*/
/*Nav pc*/
.c5-nav li:hover {
  cursor: pointer;
}
ul.s5-FOCUSPurchaseTab__menu li {
  font-size: 20px;
}

/* ========= layout =========*/
.c5-noto__bg1 {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(251, 231, 232) 100%);
}

.c5-noto_col1 {
  color: #e61c24;
}

.c5-noto__bg2 {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(250, 236, 223) 100%);
}

.c5-noto_col2 {
  color: #e5811e;
}

.c5-noto__bg3 {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(211, 238, 253) 100%);
}

.c5-noto_col3 {
  color: #2999d0;
}

.c5-noto__bg4 {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(230, 247, 228) 100%);
}

.c5-noto_col4 {
  color: #84bd08;
}

.c5-noto__bg5 {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(218, 250, 239) 100%);
}

.c5-noto_col5 {
  color: #22a373;
}

.c5-noto__bg6 {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(250, 230, 152) 100%);
}

.c5-noto_col6 {
  color: #ff9900;
}

.c5-js__tab {
  display: none;
}
.c5-js__tab.active {
  display: block;
}

ul.c5-nav, ul.c5-ksosaUL {
  list-style: none;
}

.c5-ticket-detail h3 {
  clear: both;
  margin: 0 0 29px;
  border-color: #ccc;
}
.c5-ticket-detail .c5-detail-col {
  clear: both;
  padding: 0 0 40px;
  overflow: hidden;
}
.c5-ticket-detail .c5-detail-col.ex {
  overflow: visible;
}
.c5-ticket-detail .c5-detail-col li.rgt {
  padding: 0 0 0 45px;
}
.c5-ticket-detail .c5-detail-col li p {
  clear: both;
  text-align: center;
  width: auto;
  padding: 10px 0;
}
.c5-ticket-detail .c5-detail-col li.c5-flnone {
  float: none;
}
.c5-ticket-detail .c5-detail-col img {
  float: left;
}

/* for moved table */
table.c5-req {
  background: #bbb;
  margin: 0;
  border-spacing: 1px;
  border-collapse: inherit;
  width: 100%;
}
table.c5-req th {
  background: #efefef;
  text-align: center;
  width: 150px;
  color: #333;
  font-size: 12px;
}
table.c5-req td {
  background: #fff;
  padding: 18px 14px;
}
table.c5-req td ul {
  margin: 0px 35px;
}
table.c5-req td li {
  list-style-type: disc;
  font-size: 10.5px;
  clear: both;
  color: #666;
}
table.c5-req td strong {
  font-size: 12px;
  color: #000;
  padding: 0 0 0;
}
table.c5-req td span {
  font-size: 12px;
  padding: 0 0 0;
}
table.c5-req td strong.c5-return {
  position: relative;
  display: inline-block;
  padding: 0 0 0 10px;
}
table.c5-req td strong.c5-return .c5-except {
  position: absolute;
  top: 0;
  left: 0;
}
table.c5-req td p {
  font-size: 12px;
  padding: 2px 0 2px 10px;
  clear: both;
  color: #666;
  letter-spacing: -0.4px;
  word-break: break-all;
}
table.c5-req td p.red {
  color: #c00;
}

.noteRed, .red {
  color: #c00;
}

.sp.c5-except {
  padding-top: 20px;
}

/* アプリの対応機能 */
.c5-apptable {
  font-size: 0.8em;
  margin: 0 auto 3%;
}
.c5-apptable table {
  margin: 1% auto;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  width: 100%;
}
.c5-apptable table th {
  background: #efefef;
  box-sizing: border-box;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 0 0.7%;
  letter-spacing: -0.5px;
}
.c5-apptable table td {
  box-sizing: border-box;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 0 0.7%;
  letter-spacing: -0.5px;
}
.c5-apptable table th .ex, .c5-apptable table td .ex {
  font-size: 0.8em;
}
.c5-apptable .c5-notes {
  width: 100%;
  margin: 0 auto;
  font-size: 0.8em;
  color: #666;
}

.c5-detail-col .c5-devices {
  display: block;
  line-height: 1.333;
  position: relative;
  padding-left: 1em;
}
.c5-detail-col .c5-devices .c5-dot {
  position: absolute;
  top: 0;
  left: 0;
}

table {
  box-sizing: border-box;
}
table p {
  margin: 0.6em 0;
}

.c5-tdProductWidth {
  width: 190px;
}

.c5-tdYearWidth {
  width: 196px;
}

/*アプリの対応機能セル幅*/
.c5-th-width__1 {
  width: 28%;
}

.c5-th-width__2 {
  width: 12%;
}

.c5-th-width__3 {
  width: 36%;
}

.c5-sqtable {
  margin: 0 auto;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
}
.c5-sqtable.c5-ex {
  margin-left: 0;
}
.c5-sqtable th {
  padding: 10px;
  background: #efefef;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  font-size: 12px;
}
.c5-sqtable td {
  padding: 10px;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  font-size: 12px;
}
.c5-sqtable td span {
  font-size: 10px;
}

.s5-icon-plus-sign {
  padding-left: 0.5em;
}

h3.c5-miti {
  border-bottom: 2px solid #818a94;
  padding-bottom: 6px;
  padding-left: 3px;
  margin-bottom: 30px;
  font-size: 163%;
}

.c5-miti:hover {
  cursor: pointer;
  opacity: 0.6;
}

.c5__info {
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #f25529;
}

.c5__info__meth {
  margin: 0 0 0 -0.5em;
}

.c5__info ul {
  margin-top: 5px;
  padding-left: 0;
  list-style: none;
}
.c5__info ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.c5__info ul li a {
  padding-left: 0;
  text-indent: 0;
}

/****************************/
/*SMP*/
/****************************/
/*PC TV Plus | PC TV Lite | VAIO TV with nasne&trade; 機能比較表*/
.c5-hikakuTable table {
  width: 100%;
  margin: 50px auto 0;
}
.c5-hikakuTable table th, .c5-hikakuTable table td {
  box-sizing: border-box;
  padding: 5px;
}
.c5-hikakuTable th {
  background-color: #666;
  color: #fff;
  font-size: 16px;
  background-clip: padding-box;
}
.c5-hikakuTable th.c5-sticky {
  position: sticky;
  top: 0;
}
.c5-hikakuTable th:nth-child(2), .c5-hikakuTable th:nth-child(4), .c5-hikakuTable th:nth-child(5), .c5-hikakuTable th:last-child {
  width: 124px;
}
.c5-hikakuTable th:nth-child(4) {
  border-right: 1px solid #ddd;
}
.c5-hikakuTable th:nth-child(5) {
  font-size: 15px;
}
.c5-hikakuTable td {
  border: 1px solid #ddd;
  font-size: 15px;
}
.c5-hikakuTable td span {
  font-size: 13px;
}
.c5-hikakuTable td:not(:first-child) {
  text-align: center;
}
.c5-hikakuTable td.c5-left {
  text-align: left;
}
.c5-hikakuTable .c5-disnone {
  opacity: 0;
  border: none;
}
.c5-hikakuTable .c5-borderNone {
  border: none;
  background: none;
}
.c5-hikakuTable .c5-tabTtl {
  width: 7%;
  font-size: 18px;
}
.c5-hikakuTable .c5-sTxt {
  font-size: 14px;
}
.c5-hikakuTable .c5-w1 {
  width: 17%;
}
.c5-hikakuTable .c5-w2 {
  width: 28%;
}
#download {
  float: none;
  clear: both;
  display: block;
}

.c5-nico {
  max-width: 350px;
}
.c5-toru__mb {
  margin-bottom: 40px;
}

.c5-caption {
  font-size: 0.9em;
}

/*guide.html guide2.html*/
.c5-flex__con {
  width: 95%;
  margin: 0 auto;
}
.c5-flex__con:not(:last-child) {
  margin-bottom: 20px;
}
.c5-flex__con img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .c5-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .c5-flex__con {
    width: auto;
    margin: 0;
  }
  .c5-flex__con:not(:last-child) {
    margin: 0 30px 0 0;
  }
  .c5-flex__con img {
    margin: 0;
  }
}
@media screen and (max-width: 979px) {
  .s5-FOCUSPurchaseTab__header:after {
    border-bottom: none;
  }
  ul.s5-FOCUSPurchaseTab__menu {
    border-right: 1px solid #e4e8eb;
    border-bottom: 1px solid #e4e8eb;
    border-spacing: 0;
    margin: 0 auto;
  }
  ul.s5-FOCUSPurchaseTab__menu li {
    display: block;
    width: 50%;
    float: left;
    border-top: 1px solid #e4e8eb;
    border-right: none;
    border-left: 1px solid #e4e8eb;
    box-sizing: border-box;
    padding: 10px !important;
  }
  ul.s5-FOCUSPurchaseTab__menu li.s5-FOCUSPurchaseTab__menuItem--current {
    border-top: 1px solid #e4e8eb;
    border-left: 4px solid #000;
    background: #fbfbfd;
  }
  ul.s5-FOCUSPurchaseTab__menu a {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 780px) {
  .c5-hikakuTable table {
    width: 90vw;
    margin: 30px auto 0;
  }
  .c5-hikakuTable table th, .c5-hikakuTable table td {
    padding: 3px;
    word-break: break-all;
  }
  .c5-hikakuTable th {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
  .c5-hikakuTable th:nth-child(2), .c5-hikakuTable th:nth-child(4), .c5-hikakuTable th:nth-child(5), .c5-hikakuTable th:last-child {
    width: 78px;
  }
  .c5-hikakuTable th:nth-child(5) {
    font-size: 11px;
  }
  .c5-hikakuTable td {
    font-size: 11px;
  }
  .c5-hikakuTable td span {
    font-size: 10px;
  }
  .c5-hikakuTable .c5-tabTtl {
    width: 1%;
    font-size: 12px;
  }
  .c5-hikakuTable .c5-sTxt {
    font-size: 10px;
  }
}
@media (max-width: 640px) {
  .c5-ticket-detail {
    padding: 0em 0 0;
  }
  .c5-ticket-detail h3 {
    margin: 1em 0 !important;
  }
  .c5-ticket-detail .c5-detail-col {
    padding: 0;
  }
  .c5-ticket-detail .c5-detail-col.ex {
    overflow: visible;
    padding-bottom: 30px;
  }
  .c5-ticket-detail .c5-detail-col img {
    width: 100%;
    height: auto;
    float: none;
  }
  .c5-ticket-detail .c5-detail-col li {
    float: none;
    width: 100%;
  }
  .c5-ticket-detail .c5-detail-col li.rgt {
    padding: 1em 0;
  }
  .c5-ticket-detail .c5-detail-col li p {
    width: 100%;
  }
  .c5-apptable {
    font-size: 0.666em;
  }
  .c5-apptable table {
    width: 100%;
  }
  table.c5-req th {
    width: 10%;
  }
  table.c5-req td {
    width: 90%;
  }
  .c5-tdProductWidth, .c5-tdYearWidth {
    width: auto;
  }
  .c5-tdOtherWidth {
    width: 30%;
  }
  .c5-tdLiveWidth {
    width: auto;
  }
  .c5-tdProgramWidth {
    width: 10%;
  }
  .c5-tdRecordWidth, .c5-tdDubbingWidth {
    width: auto;
  }
}
@media screen and (max-width: 639px) {
  .c5-news .c5-news__more .s5-secondaryButton {
    display: block;
  }
  .s5-FOCUSPurchaseTab__header {
    margin: 0;
  }
  ul.s5-FOCUSPurchaseTab__menu {
    display: block;
  }
  ul.s5-FOCUSPurchaseTab__menu li {
    width: 100%;
    float: none;
    padding: 10px !important;
  }
  .c5-nico {
    max-width: 100%;
  }
  .c5-toru__mb {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 420px) {
  .c5-hikakuTable table th, .c5-hikakuTable table td {
    padding: 2px;
  }
  .c5-hikakuTable th {
    font-size: 10px;
  }
  .c5-hikakuTable th:nth-child(2), .c5-hikakuTable th:nth-child(4) {
    width: 42px;
  }
  .c5-hikakuTable th:nth-child(5) {
    width: 66px;
    font-size: 10px;
  }
  .c5-hikakuTable th:nth-child(7) {
    width: 51px;
  }
  .c5-hikakuTable td {
    font-size: 10px;
  }
  .c5-hikakuTable .c5-tabTtl {
    font-size: 10px;
  }
  .c5-hikakuTable .c5-w1 {
    width: 16%;
  }
  .c5-hikakuTable .c5-w2 {
    width: 20%;
  }
}
/*# sourceMappingURL=index.css.map */