/* common */
.c5-clearfix {
  display: block; }

.c5-clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

#mscTopPage ul,
#mscTopPage ul li {
  margin: 0;
  padding: 0;
  list-style: outside none none; }

/* common */
.s5-container .c5-mscPc {
  display: block; }
.s5-container .c5-mscSp {
  display: none; }
.s5-container #c5-mscHeaderArea {
  overflow: hidden; }
  .s5-container #c5-mscHeaderArea h1 {
    font-size: 0em;
    float: left;
    margin: 0;
    width: 120px; }
  .s5-container #c5-mscHeaderArea ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  @media screen and (max-width: 639px) {
    .s5-container #c5-mscHeaderArea {
      margin: 0 auto 30px;
      width: 100%; }
      .s5-container #c5-mscHeaderArea h1 {
        float: left;
        margin: 0;
        width: 120px; } }
  .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox {
    overflow: hidden;
    float: right; }
    .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox ul li {
      float: left;
      font-size: 10px; }
    .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox .c5-mscheaderBtnbox__innerPc {
      overflow: hidden; }
      .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox .c5-mscheaderBtnbox__innerPc li {
        margin-left: 10px;
        height: 26px; }
    .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox #c5-mscLinks {
      margin-top: 10px;
      float: right; }
      .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox #c5-mscLinks li {
        margin-left: 25px; }
  @media screen and (max-width: 639px) {
    .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox {
      float: none;
      width: 100%; }
    .s5-container #c5-mscHeaderArea .c5-mscheaderBtnbox__innerSp li {
      margin-right: 23px; } }
  .s5-container #c5-mscHeaderArea .c5-mscBtnLinks {
    float: right;
    max-width: 410px; }
    @media screen and (max-width: 639px) {
      .s5-container #c5-mscHeaderArea .c5-mscBtnLinks {
        float: none;
        width: 100%; } }
    .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn {
      float: right; }
      .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn li {
        float: left;
        margin-left: 10px; }
        .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn li a {
          display: block;
          height: 26px; }
      .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn li.c5-mscAc {
        display: none; }
      @media screen and (max-width: 639px) {
        .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn {
          float: left; }
          .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn li {
            float: left;
            margin-left: 0px; }
            .s5-container #c5-mscHeaderArea .c5-mscBtnLinks .c5-mscBtn li a {
              color: #000;
              font-size: 9px;
              padding-left: 8px;
              text-decoration: none;
              display: block;
              text-indent: inherit;
              height: 100%;
              width: 100%; } }
    .s5-container #c5-mscHeaderArea .c5-mscBtnLinks #c5-mscLinks {
      float: right;
      margin-top: 10px; }
      .s5-container #c5-mscHeaderArea .c5-mscBtnLinks #c5-mscLinks li {
        float: left;
        padding: 0;
        margin-left: 25px; }
      .s5-container #c5-mscHeaderArea .c5-mscBtnLinks #c5-mscLinks a {
        background: url("/msc/share5/images/ico_01.png") no-repeat 0 50%;
        color: #000;
        padding-left: 10px;
        font-size: 10px; }
  .s5-container #c5-mscHeaderArea #c5-mscNav {
    margin: 20px 0 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    display: inline-table; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li {
      float: left;
      text-align: center; }
      .s5-container #c5-mscHeaderArea #c5-mscNav li a {
        display: block;
        width: 100%;
        height: 36px;
        border-bottom: 1px solid #cfcfcf;
        background: url("/msc/share5/images/gnavi_border_right.gif") no-repeat right top; }
      .s5-container #c5-mscHeaderArea #c5-mscNav li a:hover,
      .s5-container #c5-mscHeaderArea #c5-mscNav li a.c5-mscCurrent {
        border-bottom: 2px solid #150f0d; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscHome {
      width: 16%; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscPoint {
      width: 17%; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscCampaign {
      width: 17%; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscFeature {
      width: 17%; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscDigitalTools {
      width: 17%; }
    .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscSupport {
      width: 16%; }
      .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscSupport a {
        background: none; }
      .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscSupport a.c5-mscPc__usual {
        display: block; }
      .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscSupport a.c5-mscPc__middle {
        display: none; }
      @media screen and (max-width: 979px) {
        .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscSupport a.c5-mscPc__usual {
          display: none; }
        .s5-container #c5-mscHeaderArea #c5-mscNav li.c5-mscSupport a.c5-mscPc__middle {
          display: block; } }
@media screen and (max-width: 639px) {
  .s5-container #mscTopPage {
    line-height: 1.6;
    max-width: 620px;
    min-width: 280px;
    width: auto;
    margin: 0;
    padding-bottom: 60px;
    text-align: left; }
  .s5-container #c5-mscNav {
    display: none !important; }
  .s5-container .c5-mscPc {
    display: none; }
  .s5-container .c5-mscSp {
    display: block; }
  .s5-container footer#c5-footeNavigation {
    background: none repeat 0 0 #ededed;
    padding: 10px; }
    .s5-container footer#c5-footeNavigation #c5-footerNav.c5-grdBtn {
      margin-bottom: 0 !important;
      box-shadow: 0 0 5px #ccc;
      font-size: 15px; }
      .s5-container footer#c5-footeNavigation #c5-footerNav.c5-grdBtn ul {
        padding-left: 0px;
        list-style-type: none; }
      .s5-container footer#c5-footeNavigation #c5-footerNav.c5-grdBtn li:first-child {
        border-top: medium none; }
      .s5-container footer#c5-footeNavigation #c5-footerNav.c5-grdBtn li {
        background: none repeat scroll 0 0 #fff;
        border-top: 1px solid #e5e5e5;
        margin: 0 !important;
        padding-left: 10px;
        padding-right: 10px; }
        .s5-container footer#c5-footeNavigation #c5-footerNav.c5-grdBtn li a {
          background: url("/msc/share5/images/arrow.png") no-repeat right center/16px 21px;
          color: #333;
          display: block;
          font-weight: bold;
          padding-bottom: 13px;
          padding-top: 13px;
          text-decoration: none; }
  .s5-container #c5-mscHeaderArea {
    font-size: 16px;
    margin-bottom: 14px;
    margin-top: 10px; }
    .s5-container #c5-mscHeaderArea h1 {
      background: url("/msc/share5/images/logo-sp.png") no-repeat 0 0/71px 18px;
      height: 18px;
      width: 71px;
      margin-bottom: 5px; }
      .s5-container #c5-mscHeaderArea h1 a {
        display: block;
        height: 18px;
        width: 71px; }
        .s5-container #c5-mscHeaderArea h1 a img {
          display: none; }
    .s5-container #c5-mscHeaderArea #c5-mscBtn {
      margin-top: -2px; }
      .s5-container #c5-mscHeaderArea #c5-mscBtn li:first-child,
      .s5-container #c5-mscHeaderArea #c5-mscBtn li {
        float: left;
        margin-left: 0;
        margin-right: 23px; }
        .s5-container #c5-mscHeaderArea #c5-mscBtn li:first-child a,
        .s5-container #c5-mscHeaderArea #c5-mscBtn li a {
          background: url("/msc/share5/images/arrow-sp.png") no-repeat 0 center/5px 5px;
          color: #000;
          font-size: 9px;
          padding-left: 8px;
          text-decoration: none; } }

/*# sourceMappingURL=header.css.map */
