@charset "UTF-8";
/*
 *  sony/guide
 *  compass mode
 *  version --- 1.0.0
 *  author  --- coreframe, inc.
 *  created --- 2015/05/12
 *  updated --- 2015/05/12
 *
 */
/* ==========================================================================
   remaining-credit.html [iframe用]
   ========================================================================== */
iframe {
width : 98%;
height : 280px;
}

iframe.privacy {
border: 1px #cccccc solid;
}


/* ==========================================================================
   remaining-credit_privacy.html [iframe用]
   - 文中のリンクマーク▼を表示させない対応 -
   ========================================================================== */
a.s5-link-ifr {
  color: #2f353d;
  cursor: pointer;
}

a.s5-link-ifr:before {
    -content: "\f0da";
    font-family: 'icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 .4em .1em 0;
}

a.s5-link-ifr:hover, a.s5-link-ifr:active {
    color: #7d8794;
    text-decoration: none;
    outline: none;
}



/* ==========================================================================
   .c5-mscTableMediaQuery(jquery使用：th複製)
   ========================================================================== */

  .c5-mscTableMediaQuery th {
    text-align: left;
    width: auto; }



/* ==========================================================================
   .s5-table2
   ========================================================================== */

.s5-table2 {
  margin: 20px 0 40px; }
  .s5-table2 + .s5-table2 {
    margin-top: -41px; }
  .s5-table2 table {
    font-size: 16px;
    font-size: 1rem;
    width: 100%; }
  .s5-table2 tr.s5-table2__captionRow th, .s5-table2 tr.s5-table2__captionRow td {
    padding: 20px 10px;
    border: 1px solid #e4e7ec; }
  .s5-table2 th,
  .s5-table2 td {
    vertical-align: top;
    padding: 14px 10px;
    border: 1px solid #e4e7ec; }
  .s5-table2 th {
    text-align: left; }

.s5-table2 th.s5-table2--gray,
.s5-table2 td.s5-table2--gray {
  background: #fbfbfd; }

.s5-table2--alignLeft {
  text-align: left; }

.s5-table2--alignCenter {
  text-align: center !important; }

.s5-table2--alignRight {
  text-align: right !important; }

@media screen and (max-width: 639px) {
  .s5-table2:not(.s5-table2--notBreak) {
    padding: 0 10px; }
    .s5-table2:not(.s5-table2--notBreak) table {
      *zoom: 1;
      font-size: 0.85714rem; }
      .s5-table2:not(.s5-table2--notBreak) table:before, .s5-table2:not(.s5-table2--notBreak) table:after {
        content: "";
        display: table; }
      .s5-table2:not(.s5-table2--notBreak) table:after {
        clear: both; }
    .s5-table2:not(.s5-table2--notBreak) colgroup, .s5-table2:not(.s5-table2--notBreak) col {
      width: auto;
      display: none; }
    .s5-table2:not(.s5-table2--notBreak) tbody, .s5-table2:not(.s5-table2--notBreak) tr, .s5-table2:not(.s5-table2--notBreak) th, .s5-table2:not(.s5-table2--notBreak) td {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      clear: both;
      display: block;
      width: 100%; }

    .s5-table2:not(.s5-table2--notBreak) th {
      text-align: center; }

    .s5-table2:not(.s5-table2--notBreak) tr.s5-table2__captionRow {
      display: none; }
    .s5-table2:not(.s5-table2--notBreak) th,
    .s5-table2:not(.s5-table2--notBreak) td {
      padding: 10px 15px;
      border: 1px solid #e4e7ec;
      margin: -1px 0px 0px; }
    .s5-table2:not(.s5-table2--notBreak) th {
      border-top: 1px solid #e4e7ec;
      margin-top: -1px;
      background-color: #fbfbfd; }
      .s5-table2:not(.s5-table2--notBreak) th:before {
        content: attr(data-title);
        display: block;
        margin-bottom: 5px;
        font-weight: bold; }
    .s5-table2:not(.s5-table2--notBreak) td:before {
      content: attr(data-title);
      display: block;
      margin-bottom: 5px;
      font-weight: bold; }
    .s5-table2:not(.s5-table2--notBreak) th.s5-table2--subHead,
    .s5-table2:not(.s5-table2--notBreak) th.s5-table2--subHead + td {
      border-left: 15px solid #fff;
      padding-left: 0; }
    .s5-table2:not(.s5-table2--notBreak) th.s5-table2--graySmall,
    .s5-table2:not(.s5-table2--notBreak) td.s5-table2--graySmall {
      background: #fbfbfd; } }