.s5-container #mscTopPage .s5-PDBmainArea {
  padding-bottom: 0; }
.s5-container #mscTopPage .c5-accountServiceArea {
  width: 100%;
  height: auto;
  padding-top: 0; }
  .s5-container #mscTopPage .c5-accountServiceArea a {
    transition: color 0.2s ease 0s; }
    .s5-container #mscTopPage .c5-accountServiceArea a img {
      transition: opacity 0.2s ease 0s; }
  .s5-container #mscTopPage .c5-accountServiceArea a:hover {
    opacity: 0.8; }
  .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountParts {
    float: left;
    width: 59.33333%;
    height: auto;
    padding-top: 0; }
    @media screen and (max-width: 639px) {
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountParts {
        width: 100%;
        float: none; } }
    .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountParts a {
      display: block; }
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountParts a img {
        width: 100%;
        height: auto; }
  .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton {
    float: right;
    width: 39.41667%; }
    @media screen and (max-width: 639px) {
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton {
        display: block;
        margin-top: 10px;
        position: relative;
        width: auto;
        float: none; } }
    .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a {
      display: block; }
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a img {
        width: 100%;
        height: auto; }
    @media screen and (max-width: 639px) {
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a {
        background-color: #EF5F7D;
        color: #FFF;
        display: block;
        padding: 10px 0;
        transition: opacity 0.2s ease 0s; }
        .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a span {
          display: block;
          margin-left: 24px;
          font-weight: bold;
          line-height: 1.6; }
        .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a span.c5-memberSubTextMain {
          font-size: 12px; }
        .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a span.c5-memberSubTextSub {
          font-size: 10px; }
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a:hover {
        color: FFF;
        text-decoration: none; }
      .s5-container #mscTopPage .c5-accountServiceArea .c5-memberAccountButton ul li a::before {
        content: "\f0da";
        display: inline-block;
        font-family: "icon";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        left: 10px;
        line-height: 0;
        position: absolute;
        text-transform: none;
        top: 50%;
        vertical-align: middle;
        color: #FFF;
        font-size: 100%; } }
.s5-container #mscTopPage .s5-pickupLinks .s5-pickupLinks__text {
  color: inherit; }
@media screen and (max-width: 639px) {
  .s5-container #mscTopPage .s5-pickupLinks .s5-pickupLinks__eyecatcher {
    margin-top: 8px;
    margin-bottom: 0; } }
.s5-container #mscTopPage .c5-desc {
  margin: 12px 0 0;
  padding-bottom: 3px; }
.s5-container #mscTopPage .c5-section {
  font-size: 14px;
  line-height: 1.5; }
.s5-container #mscTopPage .c5-section a {
  transition: none 0s ease 0s; }
.s5-container #mscTopPage .s5-promotionD__main a {
  margin-bottom: 10px; }
.s5-container #mscTopPage .s5-header2__extra {
  float: right; }
.s5-container #mscTopPage .c5-newsContents {
  font-size: 0.875rem; }
.s5-container #mscTopPage .s5-pickupLinks__item.c5-pickupBackLine {
  width: 33.33%; }
@media screen and (max-width: 639px) {
  .s5-container #mscTopPage .c5-mscrecommendArea .s5-listItem4__text,
  .s5-container #mscTopPage .c5-mscrecommendArea .s5-listItem6__text {
    padding-left: 0;
    float: none;
    width: auto; } }
.s5-container #mscTopPage .c5-homeFeed .c5-snsLists {
  float: left;
  margin: 0 10px 15px 0;
  width: 390px; }
  .s5-container #mscTopPage .c5-homeFeed .c5-snsLists .c5-snsIcon {
    display: table-cell;
    width: 50px; }
  .s5-container #mscTopPage .c5-homeFeed .c5-snsLists .c5-snsDesc {
    display: table-cell;
    vertical-align: middle; }
    .s5-container #mscTopPage .c5-homeFeed .c5-snsLists .c5-snsDesc .c5-snsExternal {
      background: url("/msc/top/images/ico_link.png") no-repeat 5px 0;
      display: inline-block;
      height: 9px;
      padding: 0 0 0 5px;
      width: 11px; }
    .s5-container #mscTopPage .c5-homeFeed .c5-snsLists .c5-snsDesc p {
      background: url("/msc/top/images/arrow_5k.png") no-repeat 0 0.5em;
      display: inline-block;
      padding-left: 10px; }
.s5-container #mscTopPage .c5-homeFeed .c5-snsListsFb .c5-snsDesc {
  width: 280px; }
.s5-container #mscTopPage .c5-homeFeed .c5-snsListsTw .c5-snsDesc {
  width: 270px; }
.s5-container #mscTopPage .c5-homeFeed .c5-snsListsApp .c5-snsDesc {
  width: 210px; }
.s5-container #mscTopPage .c5-homeFeed .c5-snsListsMmg .c5-snsDesc {
  width: 270px; }
.s5-container #mscTopPage .c5-homeFeed .c5-snsListsStoreMail .c5-snsDesc {
  width: 270px; }
@media screen and (max-width: 639px) {
  .s5-container #mscTopPage .c5-homeFeed .c5-snsLists {
    float: none;
    margin: 10px 0 0;
    width: auto; }
  .s5-container #mscTopPage .c5-homeFeed .c5-snsLists:first-child {
    margin: 0; } }
@media screen and (max-width: 767px) {
  .s5-container #mscTopPage .c5-pickupLinks .s5-pickupLinks__item:nth-child(2n+1) {
    clear: none; }
  .s5-container #mscTopPage .c5-pickupLinks .s5-pickupLinks__item:nth-child(2n+4) {
    clear: left; } }
@media screen and (max-width: 639px) {
  .s5-container #mscTopPage .s5-pickupLinks__item.c5-pickupBackLine {
    position: relative;
    width: auto !important;
    height: auto;
    padding: 0;
    margin: 0 0 15px; }
    .s5-container #mscTopPage .s5-pickupLinks__item.c5-pickupBackLine .s5-pickupLinks__text {
      margin-left: 1em;
      margin-right: 1em; } }
.s5-container #mscTopPage .c5-enjoyArea p {
  margin: 0; }
.s5-container #mscTopPage .c5-enjoyArea a:hover {
  opacity: 0.6;
  text-decoration: none; }
.s5-container #mscTopPage .c5-enjoyArea ul {
  display: table; }
  @media screen and (max-width: 767px) {
    .s5-container #mscTopPage .c5-enjoyArea ul {
      display: block; } }
  .s5-container #mscTopPage .c5-enjoyArea ul li::before,
  .s5-container #mscTopPage .c5-enjoyArea ul li::after {
    display: table;
    content: ""; }
  .s5-container #mscTopPage .c5-enjoyArea ul li {
    margin: 0;
    padding: 0;
    display: table-cell;
    width: 50%;
    padding-bottom: 20px;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .s5-container #mscTopPage .c5-enjoyArea ul li {
        width: auto;
        display: block; } }
    .s5-container #mscTopPage .c5-enjoyArea ul li a {
      display: block;
      width: 97%;
      height: auto; }
      .s5-container #mscTopPage .c5-enjoyArea ul li a .c5-enjoyImg {
        display: table-cell;
        width: 30%;
        vertical-align: top;
        padding-right: 10px; }
        .s5-container #mscTopPage .c5-enjoyArea ul li a .c5-enjoyImg img {
          width: 100%;
          height: auto;
          display: block; }
      .s5-container #mscTopPage .c5-enjoyArea ul li a .c5-enjoyTextSet {
        display: table-cell;
        width: 50%;
        vertical-align: top; }
        .s5-container #mscTopPage .c5-enjoyArea ul li a .c5-enjoyTextSet .c5-enjoyTitle {
          background: url("/msc/top/images/arrow_8k.png") no-repeat 0 center;
          font-size: 16px;
          font-weight: bold;
          margin: 0 0 5px;
          padding-left: 13px; }
  .s5-container #mscTopPage .c5-enjoyArea ul li.c5-general--pr20 {
    padding-right: 20px; }