@charset "UTF-8";
/* ==========================================================================
   common
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
html {
  font-weight: 300;
  font-family: sans-serif;
}

body {
  overflow-x: hidden;
  margin: 0;
  color: #3d3d3d;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
  font-family: sans-serif;
}

@media screen and (min-width: 768px) {
  html > body {
    min-width: 1060px;
  }
}

.color-scrolling {
  position: fixed;
  display: block;
  width: 100%;
  height: 100vh;
  content: "";
  pointer-events: none;
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .color-scrolling {
    height: calc(100% - 1px);
  }
}

.color-scrolling--error {
  border: 3px solid #ff00ac !important;
}

@media screen and (min-width: 768px) {
  .color-scrolling--error {
    border: 5px solid #ff00ac !important;
  }
}

a {
  outline: none;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  -webkit-touch-callout: none;
}

a:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

body.useTransition a {
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

body.useTransition a:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus,
*:focus {
  outline: none;
}

ol,
ul {
  list-style: none;
}

img {
  border: none;
  border-style: none;
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 600;
}

br.SPbr {
  display: none;
}

@media screen and (max-width: 767px) {
  br.SPbr {
    display: inline;
  }
}

br.PCbr {
  display: inline;
}

@media screen and (max-width: 767px) {
  br.PCbr {
    display: none;
  }
}

.SPview {
  display: none;
}

@media screen and (max-width: 767px) {
  .SPview {
    display: block;
  }
}

.PCview {
  display: block;
}

@media screen and (max-width: 767px) {
  .PCview {
    display: none;
  }
}

.p-dummy {
  margin: 20px 15px;
  padding: 80px 20px;
  background: #efefef;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}

body.commonPage .color-scrolling {
  border: 3px solid #dcdcdc !important;
}

@media screen and (min-width: 768px) {
  body.commonPage .color-scrolling {
    border: 5px solid #dcdcdc !important;
  }
}

/* iOS color */
body.iosPage a {
  color: #e6a800;
}

body.iosPage a:visited {
  color: #664b00;
}

body.iosPage a:hover {
  color: #b38300;
}

body.iosPage ::-moz-selection {
  background-color: #fb0;
}

body.iosPage ::selection {
  background-color: #fb0;
}

body.iosPage .color-scrolling {
  border: 3px solid #fc6;
}

@media screen and (min-width: 768px) {
  body.iosPage .color-scrolling {
    border: 5px solid #fc6;
  }
}

/* Android color*/
body.androidPage a {
  color: #43d283;
}

body.androidPage a:visited {
  color: #195d38;
}

body.androidPage a:hover {
  color: #33a667;
}

body.androidPage ::-moz-selection {
  background-color: #29fcf6;
}

body.androidPage ::selection {
  background-color: #29fcf6;
}

body.androidPage .color-scrolling {
  border: 3px solid #9f6;
}

@media screen and (min-width: 768px) {
  body.androidPage .color-scrolling {
    border: 5px solid #9f6;
  }
}

.u-textCenter {
  text-align: left;
}

.u-textLeft {
  text-align: left;
}

.u-textRight {
  text-align: right;
}

.u-floatCenter {
  float: left;
}

.u-floatLeft {
  float: left;
}

.u-floatRight {
  float: right;
}

/* fontSize */
.u-fontSize10 {
  font-size: 10px !important;
}

.u-fontSize11 {
  font-size: 11px !important;
}

.u-fontSize12 {
  font-size: 12px !important;
}

.u-fontSize13 {
  font-size: 13px !important;
}

.u-fontSize14 {
  font-size: 14px !important;
}

.u-fontSize15 {
  font-size: 15px !important;
}

.u-fontSize16 {
  font-size: 16px !important;
}

.u-fontSize17 {
  font-size: 17px !important;
}

.u-fontSize18 {
  font-size: 18px !important;
}

.u-fontSize19 {
  font-size: 19px !important;
}

.u-fontSize20 {
  font-size: 20px !important;
}

.color-scrolling {
  z-index: 100;
}

.l-header {
  z-index: 50;
}

.l-header__inner {
  z-index: 55;
}

.l-header__btn {
  z-index: 60;
}

.l-header__search {
  z-index: 60;
}

.l-breadcrumb {
  z-index: 50;
}

.l-footer {
  z-index: 5;
}

.l-search {
  z-index: 110;
}

.l-gnav {
  z-index: 110;
}

.l-fnavWrap {
  z-index: 70;
}

.p-appdownload {
  z-index: 60;
}

.overlay-ad {
  z-index: 5000;
}

/* ==========================================================================
   Layout Object
   ========================================================================== */
.c-applink {
  position: relative;
  padding-right: 25px;
  font-size: 11px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-applink .c-touchicon {
  margin-right: 10px;
  vertical-align: middle;
}

.c-applink:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  width: 7px;
  height: 11px;
  background: url("/assets/img/icon/arrow_right.svg") no-repeat center;
  background-size: contain;
  content: "";
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.c-applink:after:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

a:hover .c-applink:after {
  right: -5px;
}

.p-movieListItem a .c-applink,
.p-reviewListItem a .c-applink {
  margin: 0 0 0 -3px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.p-movieListItem a .c-applink:after,
.p-reviewListItem a .c-applink:after {
  right: 10px;
}

.p-movieListItem a:hover .c-applink:after,
.p-reviewListItem a:hover .c-applink:after {
  right: 5px;
}

@media screen and (max-width: 767px) {
  .c-bnr {
    padding: 10px 0;
    background-color: #f4f5f5;
  }
  .c-bnr + * {
    border-top: none !important;
  }
}

.c-bnr a {
  display: block;
}

.c-bnr img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .c-bnr.is-header {
    margin: 0 auto;
    padding-top: 20px;
    background: none;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .c-bnr.is-header {
    text-align: center;
  }
}

.c-bnr.is-sizeL {
  width: 336px;
}

@media screen and (max-width: 767px) {
  .c-bnr.is-sizeL {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 25px 10px;
    width: 100%;
    text-align: center;
  }
}

.c-bnrBox {
  padding: 50px 0;
  text-align: center;
  font-size: 0;
}

@media screen and (max-width: 767px) {
  .c-bnrBox {
    padding: 0;
  }
  .c-bnrBox .is-sizeL + .is-sizeL {
    display: none !important;
  }
}

.c-bnrBox .c-bnr.is-sizeL {
  display: inline-block;
  margin-left: 5px;
}

@media screen and (min-width: 768px) {
  .c-bnrBox .c-bnr.is-sizeL {
    width: 300px;
  }
}

.c-bnrBox .c-bnr.is-sizeL:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .c-bnrList {
    margin: 0 15px;
  }
}

.c-bnrList__contents {
  margin: 30px 0 0;
}

@media screen and (max-width: 767px) {
  .c-bnrList__contents {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .c-bnrSearchBox {
    padding: 10px;
  }
}

.l-sub .c-bnrBox {
  padding: 0;
}

.l-sub .c-bnrBox .is-sizeL + .is-sizeL {
  display: none;
}

.l-sub .c-bnrBox + .p-subLinkList:before {
  display: none;
}

.c-borderTop {
  padding: 30px 0;
  border-top: 1px solid #a4b3bc;
}

@media screen and (min-width: 768px) {
  .c-borderTop:last-child {
    padding-bottom: 0;
  }
}

.c-btn__download, .c-btn__download_stop {
  position: relative;
  border-radius: 3px;
  text-align: center;
}

.c-btn__download span,
.c-btn__download a, .c-btn__download_stop span,
.c-btn__download_stop a {
  display: block;
  padding: 0 5px 0 48px;
  border-radius: 2px;
  background-color: #48f787;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  line-height: 48px;
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}

@media screen and (min-width: 768px) {
  .c-btn__download span,
  .c-btn__download a, .c-btn__download_stop span,
  .c-btn__download_stop a {
    padding-left: 55px;
    font-size: 19.5px;
    line-height: 55px;
  }
}

.c-btn__download span:hover,
.c-btn__download a:hover, .c-btn__download_stop span:hover,
.c-btn__download_stop a:hover {
  -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.28);
}

.c-btn__download span:before,
.c-btn__download a:before, .c-btn__download_stop span:before,
.c-btn__download_stop a:before {
  position: absolute;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #29fcf6;
  background-image: url(/assets/img/icon/download.svg);
  background-position: 50% 50%;
  background-size: 20px auto;
  background-repeat: no-repeat;
  color: #000;
  content: "";
}

@media screen and (min-width: 768px) {
  .c-btn__download span:before,
  .c-btn__download a:before, .c-btn__download_stop span:before,
  .c-btn__download_stop a:before {
    width: 55px;
    height: 55px;
  }
}

.c-btn__download_stop span, .c-btn__download_stop_stop span {
  background-color: #a3b3bb;
}

.c-btn__download_stop span:before, .c-btn__download_stop_stop span:before {
  background-color: #627077;
}

.c-btn__download.is-size105, .c-btn__download_stop.is-size105 {
  width: 105px;
}

.c-btn__download.is-size105.c-btn__download span,
.c-btn__download.is-size105.c-btn__download a, .c-btn__download.is-size105.c-btn__download_stop span,
.c-btn__download.is-size105.c-btn__download_stop a, .c-btn__download_stop.is-size105.c-btn__download span,
.c-btn__download_stop.is-size105.c-btn__download a, .c-btn__download_stop.is-size105.c-btn__download_stop span,
.c-btn__download_stop.is-size105.c-btn__download_stop a {
  padding: 0 5px;
  padding-left: 28px;
  font-size: 10px;
  line-height: 28px;
}

.c-btn__download.is-size105.c-btn__download span:before,
.c-btn__download.is-size105.c-btn__download a:before, .c-btn__download.is-size105.c-btn__download_stop span:before,
.c-btn__download.is-size105.c-btn__download_stop a:before, .c-btn__download_stop.is-size105.c-btn__download span:before,
.c-btn__download_stop.is-size105.c-btn__download a:before, .c-btn__download_stop.is-size105.c-btn__download_stop span:before,
.c-btn__download_stop.is-size105.c-btn__download_stop a:before {
  width: 28px;
  height: 28px;
  background-size: 15px auto;
}

.c-btn__download.is-size150, .c-btn__download_stop.is-size150 {
  width: 150px;
}

.c-btn__download.is-size150.c-btn__download span,
.c-btn__download.is-size150.c-btn__download a, .c-btn__download.is-size150.c-btn__download_stop span,
.c-btn__download.is-size150.c-btn__download_stop a, .c-btn__download_stop.is-size150.c-btn__download span,
.c-btn__download_stop.is-size150.c-btn__download a, .c-btn__download_stop.is-size150.c-btn__download_stop span,
.c-btn__download_stop.is-size150.c-btn__download_stop a {
  padding: 0 5px;
  padding-left: 28px;
  font-size: 10px;
  line-height: 28px;
}

.c-btn__download.is-size150.c-btn__download span:before,
.c-btn__download.is-size150.c-btn__download a:before, .c-btn__download.is-size150.c-btn__download_stop span:before,
.c-btn__download.is-size150.c-btn__download_stop a:before, .c-btn__download_stop.is-size150.c-btn__download span:before,
.c-btn__download_stop.is-size150.c-btn__download a:before, .c-btn__download_stop.is-size150.c-btn__download_stop span:before,
.c-btn__download_stop.is-size150.c-btn__download_stop a:before {
  width: 28px;
  height: 28px;
  background-size: 15px auto;
}

.c-btn__text {
  border: 1px solid #3bcc70;
  border-radius: 2px;
}

.c-btn__text span,
.c-btn__text a {
  display: block;
  color: #3bcc70;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 43px;
}

.c-btn__textBack:before {
  display: inline-block;
  margin-right: 10px;
  width: 17px;
  height: 17px;
  background-image: url(/assets/img/icon/back_android.svg);
  background-position: 0;
  background-size: 17px auto;
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
}

.c-btn__like {
  padding: 4px 6px;
  height: 23px;
  border: 1px solid #a4b3bc;
  border-radius: 2px;
  background-color: #fff;
  color: #75838a;
  font-size: 11px;
  cursor: pointer;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.c-btn__like:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.c-btn__like.is-action {
  background-color: #b3c2ca;
}

.c-btn__back {
  display: block;
  margin-top: 60px;
  margin-right: auto;
  margin-bottom: 90px;
  margin-left: auto;
  max-width: 700px;
  width: 100%;
  border: 1px solid #3d3d3d;
  border-radius: 2px;
  background: #fff;
  color: #3d3d3d;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0;
  font-size: 13px;
  line-height: 1.3;
}

.c-btn__back span,
.c-btn__back a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 43px;
}

.c-btn__back span:visited,
.c-btn__back a:visited {
  color: #3d3d3d !important;
}

.c-btn__back span:hover,
.c-btn__back a:hover {
  background: #3d3d3d;
  color: #fff !important;
}

.c-btn__back span:hover:before,
.c-btn__back a:hover:before {
  background-image: url("/assets/img/icon/backtopbtn_mark_ov.svg");
}

.c-btn__back span::before,
.c-btn__back a::before {
  display: inline-block;
  margin-right: 10px;
  width: 17px;
  height: 17px;
  background-image: url("/assets/img/icon/backtopbtn_mark.svg");
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  vertical-align: middle;
}

/* iOS color */
body.iosPage .c-btn__download span,
body.iosPage .c-btn__download a {
  background-color: #ffec03;
  color: #000;
}

body.iosPage .c-btn__download span:before,
body.iosPage .c-btn__download a:before {
  background-color: #fb0;
}

body.iosPage .c-btn__download span:hover,
body.iosPage .c-btn__download a:hover {
  background-color: #e5cf05;
}

body.iosPage .c-btn__download span:hover:before,
body.iosPage .c-btn__download a:hover:before {
  background-color: #e5a300;
}

body.iosPage .c-btn .p-appdownload__contents:hover .c-btn__download span {
  background-color: #e5cf05;
  -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.28);
}

body.iosPage .c-btn .p-appdownload__contents:hover .c-btn__download span:before {
  background-color: #e5a300;
}

body.iosPage .c-btn__text {
  border: 1px solid #fb0;
}

body.iosPage .c-btn__text span,
body.iosPage .c-btn__text a {
  color: #e6a800;
}

body.iosPage .c-btn__text span:visited,
body.iosPage .c-btn__text a:visited {
  color: #e6a800;
}

body.iosPage .c-btn__text span:hover,
body.iosPage .c-btn__text a:hover {
  background-color: #fb0;
  color: #fff;
}

body.iosPage .c-btn__textBack:before {
  background-image: url(/assets/img/icon/back_ios.svg);
}

body.iosPage .c-btn__textBack:hover:before {
  background-image: url(/assets/img/icon/back_hover.svg);
}

/* Android color*/
body.androidPage .c-btn__download span,
body.androidPage .c-btn__download a {
  background-color: #48f787;
  color: #000;
}

body.androidPage .c-btn__download span:before,
body.androidPage .c-btn__download a:before {
  background-color: #29fcf6;
}

body.androidPage .c-btn__download span:hover,
body.androidPage .c-btn__download a:hover {
  background-color: #42db75;
}

body.androidPage .c-btn__download span:hover:before,
body.androidPage .c-btn__download a:hover:before {
  background-color: #27e0d6;
}

body.androidPage .c-btn .p-appdownload__contents:hover .c-btn__download span {
  background-color: #42db75;
  -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.28);
}

body.androidPage .c-btn .p-appdownload__contents:hover .c-btn__download span:before {
  background-color: #27e0d6;
}

body.androidPage .c-btn__text {
  border: 1px solid #53ed8c;
}

body.androidPage .c-btn__text span,
body.androidPage .c-btn__text a {
  color: #3bcc70;
}

body.androidPage .c-btn__text span:visited,
body.androidPage .c-btn__text a:visited {
  color: #3bcc70;
}

body.androidPage .c-btn__text span:hover,
body.androidPage .c-btn__text a:hover {
  background-color: #53ed8c;
  color: #fff;
}

body.androidPage .c-btn__textBack:before {
  background-image: url(/assets/img/icon/back_android.svg);
}

body.androidPage .c-btn__textBack:hover:before {
  background-image: url(/assets/img/icon/back_hover.svg);
}

.c-carouselbox {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-top: 1px solid #a4b3bc;
  border-bottom: 1px solid #a4b3bc;
}

@media screen and (min-width: 768px) {
  .c-carouselbox {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .c-bnrBox + .c-carouselbox {
    border-top: none;
  }
}

.c-carouselbox .c-heading {
  margin-right: 15px;
  margin-left: 15px;
}

@media screen and (min-width: 768px) {
  .c-carouselbox .c-heading {
    margin-right: 0;
    margin-right: 0;
    margin-left: 0;
    margin-left: 0;
  }
  .c-carouselbox .c-heading__morelink {
    margin-right: 0px;
  }
}

.c-carouselbox__inner {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 20px 0;
}

.c-carouselbox__inner:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 30px);
  height: 1px;
  background: #a4b3bc;
  content: "";
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media screen and (min-width: 768px) {
  .c-carouselbox__inner:before {
    width: 100%;
  }
}

.c-carouselbox__inner:first-child {
  border-top: none;
}

.c-carouselbox__inner:first-child:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-carouselbox__inner:after {
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 10;
    display: block;
    width: 40px;
    height: 80%;
    background: rgba(0, 0, 0, 0.008);
    content: "";
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
}

/* OS
body.iosPage {}
body.androidPage {}
 */
.c-filter {
  margin: 15px 15px 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}

@media screen and (min-width: 768px) {
  .c-filter {
    margin: 15px 0 0;
  }
}

.c-filter.is-open {
  padding: 12px 15px 5px;
}

.c-filter.is-close {
  padding: 12px 15px 10px;
}

.c-filter__heading {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.c-filter__headingTitle {
  margin: -12px -15px;
  padding: 12px 15px;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.c-filter__headingTitle:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.c-filter__headingTitle::before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 13px;
  width: 11px;
  height: 19px;
  vertical-align: middle;
}

.c-filter .c-filter__close {
  position: absolute;
  top: 15px;
  right: 3px;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.c-filter.is-close .c-filter__close {
  display: none;
}

.c-filter.is-close .c-filter__tag {
  display: none;
}

.c-filter__tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -5px;
  padding-top: 20px;
}

.c-filter__tagList li {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 5px 10px;
  padding: 5px;
  width: calc(33.33333% - 10px);
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.c-filter__tagList li:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.c-filter__tagList li.is-current {
  color: #fff !important;
}

.c-filter__tagList li a {
  display: block;
  text-decoration: none;
}

/* iOS color */
body.iosPage .c-filter {
  border-color: #fb0;
}

body.iosPage .c-filter__headingTitle {
  color: #e6a800;
}

body.iosPage .c-filter__headingTitle::before {
  content: url("/assets/img/icon/filter_ios.svg");
}

body.iosPage .c-filter__headingTitle:hover {
  background-color: #fb0;
  color: #fff;
}

body.iosPage .c-filter__headingTitle:hover::before {
  content: url("/assets/img/icon/filter_hover.svg");
}

body.iosPage .c-filter__heading .c-filter__close {
  background-image: url("/assets/img/icon/close_filter_ios.svg");
}

body.iosPage .c-filter__heading:hover .c-filter__close {
  background-image: url("/assets/img/icon/close_filter_hover.svg");
}

body.iosPage .c-filter__tagList li {
  border-color: #fb0;
  color: #e6a800;
}

body.iosPage .c-filter__tagList li.is-current, body.iosPage .c-filter__tagList li:hover {
  background-color: #fb0;
  color: #fff;
}

body.iosPage .c-filter__tagList li a {
  color: #e6a800;
}

body.iosPage .c-filter__tagList li a:hover {
  color: #fff;
}

/* Android color*/
body.androidPage .c-filter {
  border-color: #53ed8c;
}

body.androidPage .c-filter__headingTitle {
  color: #3bcc70;
}

body.androidPage .c-filter__headingTitle::before {
  content: url("/assets/img/icon/filter_android.svg");
}

body.androidPage .c-filter__headingTitle:hover {
  background-color: #53ed8c;
  color: #fff;
}

body.androidPage .c-filter__headingTitle:hover::before {
  content: url("/assets/img/icon/filter_hover.svg");
}

body.androidPage .c-filter__heading .c-filter__close {
  background-image: url("/assets/img/icon/close_filter_android.svg");
}

body.androidPage .c-filter__heading:hover .c-filter__close {
  background-image: url("/assets/img/icon/close_filter_hover.svg");
}

body.androidPage .c-filter__tagList li {
  border-color: #53ed8c;
  color: #3bcc70;
}

body.androidPage .c-filter__tagList li.is-current, body.androidPage .c-filter__tagList li:hover {
  background-color: #53ed8c;
  color: #fff;
}

.c-flexContainer {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .c-flexContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px auto 20px;
    padding: 0 15px;
    max-width: 958px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .c-flexContainer--noMrg {
    margin: 0 auto;
  }
}

.c-flexContainer + .p-newsList {
  margin-top: 30px;
}

.c-pagetitle + .c-flexContainer {
  margin-top: 40px;
}

.c-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
  margin-left: auto;
  width: auto;
}

@media screen and (min-width: 768px) {
  .c-heading {
    width: 100%;
  }
}

.c-heading--module {
  padding: 24px 15px;
}

.c-heading--borderBtm {
  border-bottom: solid 1px #cdd4d8;
}

.c-heading__title {
  font-weight: 600;
  font-size: 16px;
}

.c-heading__morelink {
  text-align: right;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
}

.c-heading__morelink a {
  color: #3d3d3d;
  text-decoration: none;
}

.c-heading__morelink a::before {
  margin-right: 3px;
  content: ">";
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.c-heading__morelink a:visited {
  color: #3d3d3d;
}

.c-heading__morelink a:hover {
  color: #3d3d3d;
}

.c-heading__morelink a:hover::before {
  margin-right: 8px;
}

.l-sub .c-heading {
  margin: 0 15px;
  width: auto;
}

@media screen and (min-width: 768px) {
  .l-sub .c-heading {
    margin: 0;
    width: 100%;
  }
}

.p-newsCarouselBlock .c-heading {
  margin: 0 15px;
  width: auto;
}

/* iOS color */
body.iosPage .c-heading__morelink a:visited {
  color: #e6a800;
}

body.iosPage .c-heading__morelink a:hover {
  color: #b38300;
}

/* Android color*/
body.androidPage .c-heading__morelink a:visited {
  color: #43d283;
}

body.androidPage .c-heading__morelink a:hover {
  color: #33a667;
}

.c-icon-star {
  display: inline-block;
  margin-right: 3px;
  width: 12px;
  height: 11px;
  background-image: url(/assets/img/icon/5star_android.svg);
  background-position: 0 0;
  background-size: auto 11px;
  background-repeat: no-repeat;
}

.c-icon-good {
  display: inline-block;
  margin-top: -3px;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  background-image: url(/assets/img/icon/review_good.svg);
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-btn__like:hover .c-icon-good {
  background-image: url(/assets/img/icon/review_good_hover.svg);
}

.c-icon-bad {
  display: inline-block;
  margin-top: -3px;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  background-image: url(/assets/img/icon/review_bad.svg);
  background-size: 18px auto;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.c-btn__like:hover .c-icon-bad {
  background-image: url(/assets/img/icon/review_bad_hover.svg);
}

/* iOS color */
body.iosPage .c-icon-star {
  background-image: url(/assets/img/icon/5star_ios.svg);
}

/* Android color*/
body.androidPage .c-icon-star {
  background-image: url(/assets/img/icon/5star_android.svg);
}

.c-iconBtn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 7px;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
  font-size: 10px;
  line-height: 1;
}

.c-iconBtn.is-detail {
  padding: 8px 14px;
  border-color: #a4b3bc;
  color: #a4b3bc;
}

.c-iconBtn.id-download {
  padding: 4px 8px 4px 4px;
  border-radius: 2px;
}

.c-iconBtn.id-download::before {
  display: inline-block;
  margin-right: 7px;
  width: 11px;
  height: 11px;
  background-position: 0 2px;
  background-size: 11px auto;
  background-repeat: no-repeat;
  content: "";
}

/* iOS color */
body.iosPage .c-iconBtn {
  border-color: #e6a800;
  color: #e6a800;
}

body.iosPage .c-iconBtn:visited {
  color: #e6a800;
}

body.iosPage .c-iconBtn:hover {
  background: #e6a800;
  color: #fff;
}

body.iosPage .c-iconBtn.id-download::before {
  background-image: url("/assets/img/icon/download_ios.svg");
  background-size: cover;
}

body.iosPage .c-iconBtn.id-download:hover::before {
  background-image: url("/assets/img/icon/download_hover.svg");
  background-size: cover;
}

body.iosPage .c-iconBtn.is-detail {
  border-color: #a4b3bc;
  color: #a4b3bc;
}

body.iosPage .c-iconBtn.is-detail:visited {
  color: #a4b3bc;
}

body.iosPage .c-iconBtn.is-detail:hover {
  background: #a4b3bc;
  color: #fff;
}

/* Android color*/
body.androidPage .c-iconBtn {
  border-color: #3bcc70;
  color: #3bcc70;
}

body.androidPage .c-iconBtn:visited {
  color: #3bcc70;
}

body.androidPage .c-iconBtn:hover {
  background: #3bcc70;
  color: #fff;
}

body.androidPage .c-iconBtn.id-download::before {
  background-image: url("/assets/img/icon/download_android.svg");
  background-size: cover;
}

body.androidPage .c-iconBtn.id-download:hover::before {
  background-image: url("/assets/img/icon/download_hover.svg");
  background-size: cover;
}

body.androidPage .c-iconBtn.is-detail {
  border-color: #a4b3bc;
  color: #a4b3bc;
}

body.androidPage .c-iconBtn.is-detail:visited {
  color: #a4b3bc;
}

body.androidPage .c-iconBtn.is-detail:hover {
  background: #a4b3bc;
  color: #fff;
}

.c-iconList li {
  font-size: 11px;
  line-height: 1.45455;
}

@media screen and (min-width: 768px) {
  .c-iconList li {
    font-size: 13px;
  }
}

.c-iconList li:before {
  margin-right: 4px;
  vertical-align: middle;
}

.c-iconList li.is-bold {
  font-weight: bold;
}

/* iOS color */
body.iosPage .c-iconList li:before {
  content: url(/assets/img/icon/catchcopy_ios.svg);
}

/* Android color*/
body.androidPage .c-iconList li:before {
  content: url(/assets/img/icon/catchcopy_android.svg);
}

.c-inputSearch {
  position: relative;
  width: 190px;
  border: 1px solid #a4b3bc;
  border-radius: 4px;
  background-color: #fff;
}

.c-inputSearch dt {
  margin-right: 40px;
  padding-right: 8px;
  padding-left: 8px;
}

.c-inputSearch dt input {
  width: 190px;
  height: 36px;
  border: none;
  background: none;
  font-size: 13px;
  line-height: 36px;
}

.c-inputSearch dt input::-webkit-input-placeholder {
  color: #a4b3bc;
}

.c-inputSearch dt input:-ms-input-placeholder {
  color: #a4b3bc;
}

.c-inputSearch dt input::-ms-input-placeholder {
  color: #a4b3bc;
}

.c-inputSearch dt input::placeholder {
  color: #a4b3bc;
}

.c-inputSearch dd {
  position: absolute;
  top: 0;
  right: 0;
}

.c-inputSearch dd input {
  color: #a4b3bc;
}

.c-inputSearch dd button {
  display: block;
  width: 36px;
  height: 36px;
  border: none;
  background: none;
}

.c-inputSearch dd button span {
  display: block;
  width: 26px;
  height: 26px;
  background: url(/assets/img/icon/search_light.svg) no-repeat scroll 0 0;
}

.c-moreLink {
  text-align: center;
  font-size: 13px;
  line-height: 1;
}

.c-moreLink a {
  display: block;
  padding: 30px 0;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .c-moreLink a {
    padding: 10px 0;
  }
}

.c-moreLink a:before {
  margin-right: 10px;
  content: "＋";
}

.c-moreLink a:hover {
  border-radius: 2px;
  background: #3bcc70;
  color: #fff;
}

.c-moreLink__cover {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 1;
}

.c-moreLink__cover::before {
  position: absolute;
  top: -40px;
  display: block;
  width: 100%;
  height: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  content: "";
}

.c-moreLink__cover a {
  display: block;
  padding: 20px 0;
  width: 100%;
  background-color: #fff;
  color: #3bcc70;
  text-decoration: none;
}

.c-moreLink__cover a::before {
  margin-right: 10px;
  content: "+";
}

.c-moreLink__cover a:hover {
  border-radius: 3px;
  color: #fff;
}

/* iOS color */
body.iosPage .c-moreLink__cover a:visited,
body.iosPage .c-moreLink a:visited {
  color: #e6a800;
}

body.iosPage .c-moreLink__cover a:hover,
body.iosPage .c-moreLink a:hover {
  background-color: #fb0;
  color: #fff;
}

body.iosPage .p-appListItem.is-pr:hover .c-moreLink__cover:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(whitesmoke));
  background-image: linear-gradient(rgba(255, 255, 255, 0), whitesmoke);
}

@media screen and (min-width: 768px) {
  body.iosPage .p-appListItem.is-pr:hover .c-moreLink__cover a {
    background-color: #f5f5f5;
  }
}

body.iosPage .p-appListItem.is-pr:hover .c-moreLink__cover a:hover {
  background-color: #fb0;
  color: #fff;
}

/* Android color*/
body.androidPage .c-moreLink__cover a:visited,
body.androidPage .c-moreLink a:visited {
  color: #3bcc70;
}

body.androidPage .c-moreLink__cover a:hover,
body.androidPage .c-moreLink a:hover {
  background-color: #53ed8c;
  color: #fff;
}

body.androidPage .p-appListItem.is-pr:hover .c-moreLink__cover:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(whitesmoke));
  background-image: linear-gradient(rgba(255, 255, 255, 0), whitesmoke);
}

@media screen and (min-width: 768px) {
  body.androidPage .p-appListItem.is-pr:hover .c-moreLink__cover a {
    background-color: #f5f5f5;
  }
}

body.androidPage .p-appListItem.is-pr:hover .c-moreLink__cover a:hover {
  background-color: #53ed8c;
  color: #fff;
}

.c-pagenation {
  margin-top: 25px;
  margin-bottom: 25px;
}

.c-pagenation ul {
  text-align: center;
  font-size: 0;
}

.c-pagenation ul li {
  display: inline-block;
  margin: 0 5px;
  min-width: 30px;
  font-size: 13px;
  line-height: 1;
}

.c-pagenation ul li a,
.c-pagenation ul li span {
  display: block;
  padding: 8px 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  text-decoration: none;
}

.c-pagenation ul li a.current,
.c-pagenation ul li span.current {
  color: #fff !important;
}

/* iOS color */
body.iosPage .c-pagenation ul li a,
body.iosPage .c-pagenation ul li span {
  border-color: #fb0;
  color: #e6a800 !important;
}

body.iosPage .c-pagenation ul li a.current, body.iosPage .c-pagenation ul li a:hover,
body.iosPage .c-pagenation ul li span.current,
body.iosPage .c-pagenation ul li span:hover {
  background-color: #fb0;
  color: #fff !important;
}

/* Android color*/
body.androidPage .c-pagenation ul li a,
body.androidPage .c-pagenation ul li span {
  border-color: #53ed8c;
  color: #3bcc70 !important;
}

body.androidPage .c-pagenation ul li a.current, body.androidPage .c-pagenation ul li a:hover,
body.androidPage .c-pagenation ul li span.current,
body.androidPage .c-pagenation ul li span:hover {
  background-color: #53ed8c;
  color: #fff !important;
}

.c-pagetitle {
  margin: 0;
  padding: 15px;
  border-bottom: 1px solid #a4b3bc;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .c-pagetitle {
    padding: 0 0 25px;
  }
}

.c-price {
  padding: 4px 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
}

.c-price.is-normal {
  padding: 0;
  border: none;
  color: #a4b3bc;
}

.c-price.is-stop {
  border-color: #a4b3bc;
  color: #a4b3bc;
}

.c-price.is-pr {
  border-color: #a4b3bc !important;
  color: #a4b3bc !important;
}

.c-price.is-original {
  text-decoration: line-through;
}

/* iOS color */
body.iosPage .c-price {
  border-color: #fb0;
  color: #fb0;
}

body.iosPage .c-price.is-normal {
  padding: 0;
  border: none;
  color: #a4b3bc;
}

body.iosPage .c-price.is-stop {
  border-color: #a4b3bc;
  color: #a4b3bc;
}

body.iosPage .c-price.is-pricedown {
  border-color: #e34713;
  color: #e34713;
}

/* Android color*/
body.androidPage .c-price {
  border-color: #20cac4;
  color: #20cac4;
}

body.androidPage .c-price.is-normal {
  padding: 0;
  border: none;
  color: #a4b3bc;
}

body.androidPage .c-price.is-stop {
  border-color: #e34713;
  color: #a4b3bc;
}

body.androidPage .c-price.is-pricedown {
  border-color: #e34713;
  color: #e34713;
}

.c-ranking {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 9px;
  line-height: 1;
}

.c-ranking.is-1 {
  height: 16px;
  background-image: url("/assets/img/icon/ranking1.svg");
}

.c-ranking.is-2 {
  height: 16px;
  background-image: url("/assets/img/icon/ranking2.svg");
}

.c-ranking.is-3 {
  height: 16px;
  background-image: url("/assets/img/icon/ranking3.svg");
}

.c-ranking.is-other {
  padding: 1px 0;
  padding-bottom: 3px;
  border: 1px solid #cdd4d8;
  border-radius: 2px;
  color: #cdd4d8;
  vertical-align: top;
  text-align: center;
  font-size: 11px;
  line-height: 15px;
}

.c-rating__score {
  color: #a4b3bc;
  font-weight: 200;
  font-size: 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1;
}

.c-rating__score.is-size70 {
  font-size: 70px;
}

.c-rating__star {
  display: inline-block;
}

.c-rating__starWrap {
  display: inline-block;
  width: 68px;
  height: 11px;
}

.c-rating__starCurrent {
  display: block;
  max-width: 68px;
  height: 11px;
  background-image: url(/assets/img/icon/5star_android.svg);
  background-size: auto 11px;
  background-repeat: no-repeat;
}

.c-rating__starCurrent.rate0 {
  background-position: -68px 0;
}

.c-rating__starCurrent.rate1 {
  background-position: -55px 0;
}

.c-rating__starCurrent.rate2 {
  background-position: -41px 0;
}

.c-rating__starCurrent.rate3 {
  background-position: -27px 0;
}

.c-rating__starCurrent.rate4 {
  background-position: -13px 0;
}

.c-rating__starCurrent.rate5 {
  background-position: 0 0;
}

.c-rating__starCount, .c-rating__starUser, .c-rating__starValue {
  color: #a4b3bc;
  font-size: 11px;
  line-height: 1.45455;
}

.c-rating__reviews {
  color: #a4b3bc;
  font-size: 11px;
  line-height: 1.45455;
}

.c-rating__comment {
  color: #3d3d3d;
  font-size: 11px;
  line-height: 1.45;
}

.c-rating .is-block {
  display: block;
}

/* iOS color */
body.iosPage .c-rating__starCurrent {
  background-image: url(/assets/img/icon/5star_ios.svg);
}

/* Android color*/
body.androidPage .c-rating__starCurrent {
  background-image: url(/assets/img/icon/5star_android.svg);
}

.c-relationlinks {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-relationlinks li {
  width: 80px;
  height: 75px;
}

.c-relationlinks li + li {
  margin-left: 15px;
}

.c-relationlinks li > a {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.c-relationlinks li > a::before {
  display: block;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.c-relationlinks li > a > span {
  margin-top: 10px;
  font-weight: 600;
  font-size: 14px;
}

.c-relationlinks__home > a::before {
  background-image: url("/assets/img/icon/relationlinks_home.svg");
}

.c-relationlinks__app > a::before {
  background-image: url("/assets/img/icon/relationlinks_app.svg");
}

.c-relationlinks__news > a::before {
  background-image: url("/assets/img/icon/relationlinks_news.svg");
}

.c-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
  border: solid 1px #a4b3bc;
}

@media screen and (min-width: 768px) {
  .c-tab {
    margin: 30px 0 0;
  }
}

.c-tab__item {
  padding: 5px;
  width: 50%;
  background-color: #fff;
  color: #a4b3bc;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.c-tab__item:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.c-tab__item:hover {
  opacity: 1;
}

.c-tab__item.is-current {
  background-color: #a4b3bc;
  color: #fff;
  cursor: auto;
}

.c-tab__item:hover {
  background-color: #a4b3bc;
  color: #fff;
}

.c-tab__price .c-tab__item, .c-tab__detail .c-tab__item {
  border-width: 1px;
  border-style: solid;
  border-left-width: 0;
}

.c-tab__price .c-tab__item:first-child, .c-tab__detail .c-tab__item:first-child {
  border-left-width: 1px;
  border-top-left-radius: 2px;
}

.c-tab__price .c-tab__item:last-child, .c-tab__detail .c-tab__item:last-child {
  border-top-right-radius: 2px;
}

.c-tab__price .c-tab__item.is-current, .c-tab__price .c-tab__item:hover, .c-tab__detail .c-tab__item.is-current, .c-tab__detail .c-tab__item:hover {
  color: #fff !important;
}

.c-tab__price .c-tab__item a, .c-tab__detail .c-tab__item a {
  display: block;
  text-decoration: none;
}

.c-tab__price {
  margin: 20px 15px 0;
  border-bottom-width: 0;
}

@media screen and (min-width: 768px) {
  .c-tab__price {
    margin: 20px 0 0;
  }
}

.c-tab__price .c-tab__item:first-child {
  border-bottom-left-radius: 2px;
}

.c-tab__price .c-tab__item:last-child {
  border-bottom-right-radius: 2px;
}

.p-categoryindex + .c-tab__price {
  margin-top: 0;
}

.c-tab__detail .c-tab__item {
  padding: 13px 5px;
  width: 23%;
  border-bottom-width: 0;
}

.c-tab__detail .c-tab__item:first-child {
  margin-left: 15px;
  width: 31%;
}

.c-tab__detail .c-tab__item:last-child {
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .c-tabBox__container {
    margin: 0 0 20px;
  }
}

.c-tab + .c-tab {
  border-top: none;
}

.c-tab + .p-reviewList--noTitle {
  margin-top: 15px;
}

/* iOS color */
body.iosPage .c-tab__price, body.iosPage .c-tab__detail {
  border: none;
}

body.iosPage .c-tab__price .c-tab__item, body.iosPage .c-tab__detail .c-tab__item {
  border-color: #fb0;
  color: #e6a800;
}

body.iosPage .c-tab__price .c-tab__item.is-current, body.iosPage .c-tab__price .c-tab__item:hover, body.iosPage .c-tab__detail .c-tab__item.is-current, body.iosPage .c-tab__detail .c-tab__item:hover {
  background-color: #fb0;
}

body.iosPage .c-tab__price .c-tab__item.is-current a,
body.iosPage .c-tab__price .c-tab__item.is-current a:hover, body.iosPage .c-tab__price .c-tab__item:hover a,
body.iosPage .c-tab__price .c-tab__item:hover a:hover, body.iosPage .c-tab__detail .c-tab__item.is-current a,
body.iosPage .c-tab__detail .c-tab__item.is-current a:hover, body.iosPage .c-tab__detail .c-tab__item:hover a,
body.iosPage .c-tab__detail .c-tab__item:hover a:hover {
  color: #fff;
}

body.iosPage .c-tab__detail {
  border-bottom: 1px solid #fb0;
}

body.iosPage .c-tab__detail .c-tab__item a {
  color: #e6a800;
}

body.iosPage .c-tab__price .c-tab__item a {
  color: #e6a800;
}

/* Android color*/
body.androidPage .c-tab__price, body.androidPage .c-tab__detail {
  border: none;
}

body.androidPage .c-tab__price .c-tab__item, body.androidPage .c-tab__detail .c-tab__item {
  border-color: #53ed8c;
  color: #3bcc70;
}

body.androidPage .c-tab__price .c-tab__item.is-current, body.androidPage .c-tab__price .c-tab__item:hover, body.androidPage .c-tab__detail .c-tab__item.is-current, body.androidPage .c-tab__detail .c-tab__item:hover {
  background-color: #53ed8c;
}

body.androidPage .c-tab__price .c-tab__item.is-current a,
body.androidPage .c-tab__price .c-tab__item.is-current a:hover, body.androidPage .c-tab__price .c-tab__item:hover a,
body.androidPage .c-tab__price .c-tab__item:hover a:hover, body.androidPage .c-tab__detail .c-tab__item.is-current a,
body.androidPage .c-tab__detail .c-tab__item.is-current a:hover, body.androidPage .c-tab__detail .c-tab__item:hover a,
body.androidPage .c-tab__detail .c-tab__item:hover a:hover {
  color: #fff;
}

body.androidPage .c-tab__detail {
  border-bottom: 1px solid #53ed8c;
}

body.androidPage .c-tab__detail .c-tab__item a {
  color: #3bcc70;
}

.c-touchicon {
  display: inline-block;
  overflow: hidden;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

a .c-touchicon,
.p-leadapp__applistItem .c-touchicon {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.c-touchicon a {
  display: inline-block;
}

.c-touchicon.is-size27 {
  width: 27px;
  height: 27px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.5);
}

a:hover .c-touchicon.is-size27,
.p-leadapp__applistItem .c-touchicon.is-size27:hover {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
}

.p-appCarouselItem a:hover .c-touchicon.is-size27,
.p-appListItem a:hover .c-touchicon.is-size27 {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .p-appCarouselItem a:hover .c-touchicon.is-size27 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

.c-touchicon.is-size30 {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 768px) {
  .p-leadapp__applistItem:hover .c-touchicon.is-size30 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

a:hover .c-touchicon.is-size30,
.p-leadapp__applistItem .c-touchicon.is-size30:hover {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.45);
}

.p-appCarouselItem a:hover .c-touchicon.is-size30,
.p-appListItem a:hover .c-touchicon.is-size30 {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 768px) {
  .p-appCarouselItem a:hover .c-touchicon.is-size30 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-appPageLink a:hover .c-touchicon.is-size30 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-movieListItem:hover .c-touchicon.is-size30 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-reviewListItem:hover .c-touchicon.is-size30 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-subLinkList li a:hover .c-touchicon.is-size30 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

.c-touchicon.is-size90 {
  width: 90px;
  height: 90px;
  border-radius: 18px;
  -webkit-box-shadow: 3px 3px 9px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 3px 3px 9px 0 rgba(0, 0, 0, 0.16);
}

a:hover .c-touchicon.is-size90,
.p-leadapp__applistItem .c-touchicon.is-size90:hover {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.36);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.36);
}

.p-appCarouselItem a:hover .c-touchicon.is-size90,
.p-appListItem a:hover .c-touchicon.is-size90 {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.21);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.21);
  -ms-box-shadow: 0 transparent;
}

@media screen and (min-width: 768px) {
  .p-appCarouselItem a:hover .c-touchicon.is-size90 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-feature:hover .c-touchicon.is-size90, .p-appListItem.is-pr:hover .c-touchicon.is-size90 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-scrShot:hover .c-touchicon.is-size90 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-review:hover .c-touchicon.is-size90, .p-appListItem.is-scrShot:hover .c-touchicon.is-size90, .p-appListItem.is-movie:hover .c-touchicon.is-size90 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-sale:hover .c-touchicon.is-size90 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

.c-touchicon.is-size120 {
  width: 120px;
  height: 120px;
  border-radius: 20px;
  -webkit-box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.16);
}

a:hover .c-touchicon.is-size120,
.p-leadapp__applistItem .c-touchicon.is-size120:hover {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.36);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.36);
}

.p-appCarouselItem a:hover .c-touchicon.is-size120,
.p-appListItem a:hover .c-touchicon.is-size120 {
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.21);
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.21);
}

@media screen and (min-width: 768px) {
  .p-appCarouselItem a:hover .c-touchicon.is-size120 {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

.c-touchicon img {
  width: 100%;
  height: auto;
}

.l-breadcrumb {
  width: 100%;
  background: #e8e8e8;
}

@media screen and (min-width: 768px) {
  .l-breadcrumb {
    background: #f4f5f5;
  }
}

.l-breadcrumb__list {
  padding-right: 15px;
  padding-left: 15px;
  list-style: none;
  line-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .l-breadcrumb__list {
    margin: 0 auto;
    width: 1022px;
  }
}

.l-breadcrumb li {
  display: inline-block;
  display: inline;
  color: #75838a;
  font-size: 13px;
  line-height: 27px;
}

.l-breadcrumb li:before {
  display: inline-block;
  margin-right: 6px;
  width: 6px;
  height: 10px;
  background-image: url(/assets/img/icon/arrow_right.svg);
  background-position: center;
  background-size: contain;
  color: #75838a;
  content: "";
  vertical-align: middle;
}

.l-breadcrumb li:first-child:before {
  display: none;
}

.l-breadcrumb li:first-child a {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -2px;
  margin-right: 0;
  padding: 2px;
  width: 19px;
  height: 19px;
  background-image: url(/assets/img/icon/home.svg);
  background-position: center center;
  background-size: 15px auto;
  vertical-align: middle;
}

.l-breadcrumb li a {
  color: #75838a;
  text-decoration: none;
}

.l-breadcrumb li .home {
  display: none;
}

.l-breadcrumb li .current {
  font-weight: normal;
}

/* iOS color */
body.iosPage .l-breadcrumb li a,
body.iosPage .l-breadcrumb li a:visited {
  color: #75838a;
}

body.iosPage .l-breadcrumb li a:hover {
  color: #495257;
}

/* Android color*/
body.androidPage .l-breadcrumb li a,
body.androidPage .l-breadcrumb li a:visited {
  color: #75838a;
}

body.androidPage .l-breadcrumb li a:hover {
  color: #495257;
}

@media screen and (max-width: 767px) {
  .l-container.fnav {
    margin-top: 60px;
  }
}

.l-contents {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .l-contents {
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0 120px;
    width: 1022px;
  }
}

.l-contents.is-top {
  padding-top: 0;
}

.l-fnav {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #fff;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (min-width: 768px) {
  .l-fnav {
    display: none;
  }
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  .l-fnav {
    padding-bottom: constant(safe-area-inset-bottom);
  }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .l-fnav {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@supports (height: constant(safe-area-inset-bottom)) {
  .l-fnav {
    height: calc(constant(safe-area-inset-bottom) + 50px);
  }
}

@supports (height: env(safe-area-inset-bottom)) {
  .l-fnav {
    height: calc(env(safe-area-inset-bottom) + 50px);
  }
}

.l-fnav:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 55px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.05) 100%);
  content: "";
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  .l-fnav:before {
    padding-bottom: constant(safe-area-inset-bottom);
  }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .l-fnav:before {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@supports (height: constant(safe-area-inset-bottom)) {
  .l-fnav:before {
    height: calc(constant(safe-area-inset-bottom) + 50px);
  }
}

@supports (height: env(safe-area-inset-bottom)) {
  .l-fnav:before {
    height: calc(env(safe-area-inset-bottom) + 50px);
  }
}

.l-fnavWrap {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}

.l-fnavWrap.useAnimation {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.8, 0.15, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0, 0.8, 0.15, 1);
  transition: transform 0.5s cubic-bezier(0, 0.8, 0.15, 1);
  transition: transform 0.5s cubic-bezier(0, 0.8, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0, 0.8, 0.15, 1);
}

.l-fnavWrap.is-open {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.l-fnavWrap.is-close {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.l-fnav__contents {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
}

@supports (height: constant(safe-area-inset-bottom)) {
  .l-fnav__contents {
    height: calc(constant(safe-area-inset-bottom) + 50px);
  }
}

@supports (height: env(safe-area-inset-bottom)) {
  .l-fnav__contents {
    height: calc(env(safe-area-inset-bottom) + 50px);
  }
}

.l-fnav__contents:before, .l-fnav__contents:after {
  position: absolute;
  top: 0;
  width: 50%;
  height: 1px;
  content: "";
}

.l-fnav__contents:before {
  right: 0;
}

.l-fnav__contents:after {
  left: 0;
}

.l-fnav a {
  display: block;
  padding-top: 30px;
  height: 48px;
  color: #344451;
  text-decoration: none;
  font-weight: 600;
}

.l-fnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-fnav__item {
  position: relative;
  margin-top: 2px;
  margin-left: 5px;
  width: 80px;
  text-align: center;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.1;
}

.l-fnav__item:before {
  position: absolute;
  top: 4px;
  left: 50%;
  display: block;
  margin-left: -13px;
  width: 26px;
  height: 26px;
  background-size: 100% auto;
  content: "";
}

.l-fnav__item:first-child {
  margin-left: 0;
}

.l-fnav__item.home:before {
  background-image: url(/assets/img/icon/home_dark.svg);
}

.l-fnav__item.app:before {
  background-image: url(/assets/img/icon/app_dark.svg);
}

.l-fnav__item.news:before {
  background-image: url(/assets/img/icon/news_dark.svg);
}

/* iOS color */
body.iosPage .l-fnav a,
body.iosPage .l-fnav a:visited,
body.iosPage .l-fnav a:hover {
  color: #344451;
}

body.iosPage .l-fnav__item a:hover {
  background-color: #f5f5f5;
}

body.iosPage .l-fnav__contents:before {
  right: 0;
  background: #faef00;
}

body.iosPage .l-fnav__contents:after {
  left: 0;
  background: #f9d86f;
}

/* Android color*/
body.androidPage .l-fnav a,
body.androidPage .l-fnav a:visited,
body.androidPage .l-fnav a:hover {
  color: #344451;
}

body.androidPage .l-fnav__item a:hover {
  background-color: #f5f5f5;
}

body.androidPage .l-fnav__contents:before {
  right: 0;
  background: #48f787;
}

body.androidPage .l-fnav__contents:after {
  left: 0;
  background: #29fcf6;
}

.l-footer {
  padding: 55px 10px 66px;
  background-color: #22262e;
  color: #a4b3bc;
  font-size: 11px;
}

@media screen and (min-width: 768px) {
  .l-footer {
    padding-bottom: 106px;
  }
}

.l-footer a {
  color: #a4b3bc;
  text-decoration: none;
}

.l-footer__inner {
  position: relative;
  padding: 0 20px;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .l-footer__inner {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    width: 928px;
  }
}

@media screen and (min-width: 768px) {
  .l-footer__innerLeft {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 300px;
  }
}

.l-footer__logo {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .l-footer__logo {
    margin-top: 8px;
  }
  .l-footer__logo img {
    width: 106px;
    height: 25px;
  }
}

.l-footer__logo a {
  display: inline-block;
}

.l-footer__sns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 24px;
  width: 108px;
}

@media screen and (min-width: 768px) {
  .l-footer__sns {
    width: 88px;
  }
}

.l-footer__snsItem:hover {
  -webkit-transition: opacity 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: opacity 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.l-footer__snsItem:hover:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.l-footer__sns span {
  display: block;
  overflow: hidden;
  width: 44px;
  height: 44px;
  background-size: 100% auto;
  text-indent: -999999px;
}

@media screen and (min-width: 768px) {
  .l-footer__sns span {
    width: 34px;
    height: 34px;
  }
}

.l-footer__sns .facebook span {
  background-image: url(/assets/img/icon/sns_facebook.svg);
}

.l-footer__sns .facebook span:hover {
  background-image: url(/assets/img/icon/sns_facebook_hover.svg);
}

.l-footer__sns .twitter span {
  background-image: url(/assets/img/icon/sns_twitter.svg);
}

.l-footer__sns .twitter span:hover {
  background-image: url(/assets/img/icon/sns_twitter_hover.svg);
}

.l-footer__sns .line span {
  background-image: url(/assets/img/icon/sns_line.svg);
}

.l-footer__sns .line span:hover {
  background-image: url(/assets/img/icon/sns_line_hover.svg);
}

.l-footer__menu {
  margin: 0 auto 12px;
  max-width: 320px;
}

@media screen and (min-width: 768px) {
  .l-footer__menu {
    max-width: inherit;
  }
}

.l-footer__menuList {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.l-footer__menuItem {
  display: inline-block;
}

.l-footer__copy {
  display: block;
  text-align: center;
}

/* iOS color */
body.iosPage .l-footer a,
body.iosPage .l-footer a:visited {
  color: #a4b3bc;
}

body.iosPage .l-footer a:hover {
  color: #fff;
}

/* Android color*/
body.androidPage .l-footer a,
body.androidPage .l-footer a:visited {
  color: #a4b3bc;
}

body.androidPage .l-footer a:hover {
  color: #fff;
}

.l-gnav {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  overflow: auto;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.l-gnav__icon {
  position: absolute;
  display: block;
  background-size: 100% auto;
  cursor: pointer;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.l-gnav__icon:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.l-gnav__icon.is-close {
  background-image: url(/assets/img/icon/accordion_close.svg);
}

.l-gnav__icon.is-open {
  background-image: url(/assets/img/icon/accordion_open.svg);
}

.l-gnav.is-open {
  visibility: visible;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  pointer-events: auto;
}

@media screen and (min-width: 768px) {
  .l-gnav.is-open {
    background-color: transparent;
  }
  .l-gnav.is-open:before {
    position: absolute;
    top: 0;
    left: 320px;
    z-index: 999;
    display: block;
    width: 60px;
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.08)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
  }
  .l-gnav.is-open:after {
    position: absolute;
    top: 0;
    left: 320px;
    z-index: 999;
    display: block;
    width: 25px;
    height: 100vh;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.06)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
  }
  .l-gnav.is-open .l-gnav__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}

.l-gnav.is-close {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1s cubic-bezier(0, 0.7, 0, 1);
}

.l-gnav .is-open > .l-gnav__menulv1,
.l-gnav .is-open > .l-gnav__menulv2,
.l-gnav .is-open > .l-gnav__menulv3 {
  display: block;
}

.l-gnav .is-close > .l-gnav__menulv1,
.l-gnav .is-close > .l-gnav__menulv2,
.l-gnav .is-close > .l-gnav__menulv3 {
  display: none;
}

.l-gnav a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.l-gnav a:hover, .l-gnav a:visited {
  color: #627077;
}

@media screen and (min-width: 768px) {
  .l-gnav__inner {
    position: relative;
    z-index: 999;
    min-height: 100vh;
    width: 320px;
    background: #fff;
  }
}

.l-gnav__head {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 60px;
  background: #fafafa;
}

@media screen and (min-width: 768px) {
  .l-gnav__head {
    width: 320px;
  }
}

.l-gnav__btn {
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -13px;
  width: 26px;
  height: 26px;
}

.l-gnav__btn span {
  display: none;
}

.is-open .l-gnav__btn {
  background-image: url(/assets/img/icon/gnav_open.svg);
}

.l-gnav__device {
  padding-top: 60px;
  background: #48f787;
  font-weight: 600;
  font-size: 17px;
}

.l-gnav__device a {
  padding: 0 20px;
  height: 80px;
  color: #292f36;
}

.l-gnav__menulv1Item {
  position: relative;
  background: #fafafa;
  font-size: 17px;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.l-gnav__menulv1Item:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.l-gnav__menulv1Item > a,
.l-gnav__menulv1Item > a:visited {
  padding: 0 20px 0 58px;
  height: 75px;
  color: #627077;
}

.l-gnav__menulv1Item:before {
  position: absolute;
  top: 23px;
  left: 20px;
  display: block;
  width: 26px;
  height: 26px;
  background-position: center center;
  content: "";
}

.l-gnav__menulv1Item .l-gnav__icon {
  top: 24px;
  right: 17px;
  margin-top: -10px;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-size: 20px auto;
}

.l-gnav__menulv1Item.ranking:before {
  background-image: url(/assets/img/icon/ranking.svg);
}

.l-gnav__menulv1Item.is-open.ranking:before {
  background-image: url(/assets/img/icon/ranking_open.svg);
}

.l-gnav__menulv1Item.news:before {
  background-image: url(/assets/img/icon/news.svg);
}

.l-gnav__menulv1Item.is-open.news:before {
  background-image: url(/assets/img/icon/news_open.svg);
}

.l-gnav__menulv1Item.video:before {
  background-image: url(/assets/img/icon/video.svg);
}

.l-gnav__menulv1Item.is-open.video:before {
  background-image: url(/assets/img/icon/video_open.svg);
}

.l-gnav__menulv1Item.review:before {
  background-image: url(/assets/img/icon/review.svg);
}

.l-gnav__menulv1Item.is-open.review:before {
  background-image: url(/assets/img/icon/review_open.svg);
}

.l-gnav__menulv1Item.sale:before {
  background-image: url(/assets/img/icon/sale.svg);
}

.l-gnav__menulv1Item.is-open.sale:before {
  background-image: url(/assets/img/icon/sale_open.svg);
}

.l-gnav__menulv1Item.is-open > a, .l-gnav__menulv1Item.is-close > a {
  margin-right: 50px;
  padding-right: 0 !important;
}

.l-gnav__menulv1Item.is-open {
  border-top: 1px solid #b9c0cc;
  border-bottom: 1px solid #b9c0cc;
}

.l-gnav__menulv1Item.is-open + .is-open {
  border-top: none;
}

.l-gnav__menulv2Item {
  position: relative;
  background: #f0f0f0;
  font-size: 17px;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.l-gnav__menulv2Item:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.l-gnav__menulv2Item > a,
.l-gnav__menulv2Item > a:visited {
  position: relative;
  padding: 0 20px 0 58px;
  height: 45px;
  color: #627077;
}

.l-gnav__menulv2Item .l-gnav__icon {
  top: 15px;
  right: 23px;
  margin-top: -7px;
  width: 28px;
  height: 28px;
  background-position: center center;
  background-size: 14px auto;
}

.l-gnav__menulv3Item {
  position: relative;
  background: #e3e3e3;
  font-size: 17px;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.l-gnav__menulv3Item:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.l-gnav__menulv3Item > a,
.l-gnav__menulv3Item > a:visited {
  padding: 0 20px 0 58px;
  height: 45px;
  color: #627077;
}

.l-gnav__menulv3Item .l-gnav__icon {
  top: 15px;
  right: 23px;
  width: 28px;
  height: 28px;
}

.l-gnav__menulv4 {
  display: none;
}

.l-gnav__menulv4Item {
  position: relative;
  background: #e3e3e3;
  font-size: 17px;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.l-gnav__menulv4Item:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.l-gnav__menulv4Item > a,
.l-gnav__menulv4Item > a:visited {
  padding: 0 20px 0 74px;
  height: 45px;
  color: #627077 !important;
}

.l-gnav__menulv4Item.indent:before {
  position: absolute;
  top: 50%;
  left: 53px;
  display: block;
  margin-top: -4px;
  width: 12px;
  height: 12px;
  background: url(/assets/img/icon/indent.svg) no-repeat 0 0;
  background-size: 12px auto;
  content: "";
}

/* iOS color */
body.iosPage .l-gnav__device {
  background: #ffec03;
}

body.iosPage .l-gnav__device a,
body.iosPage .l-gnav__device a:visited,
body.iosPage .l-gnav__device a:hover {
  color: #292f36;
}

body.iosPage .l-gnav__menulv1Item:hover {
  background-color: #f0f0f0;
}

body.iosPage .l-gnav__menulv1Item > a {
  color: #627077;
}

body.iosPage .l-gnav__menulv1Item > a:hover {
  color: #343a45;
}

body.iosPage .l-gnav__menulv2Item:hover {
  background-color: #e5e5e5;
}

body.iosPage .l-gnav__menulv2Item > a {
  color: #627077;
}

body.iosPage .l-gnav__menulv2Item > a:hover {
  color: #343a45;
}

body.iosPage .l-gnav__menulv3Item:hover {
  background-color: #d9d9d9;
}

body.iosPage .l-gnav__menulv3Item > a {
  color: #627077;
}

body.iosPage .l-gnav__menulv3Item > a:hover {
  color: #343a45;
}

/* Android color*/
body.androidPage .l-gnav__device {
  background: #48f787;
}

body.androidPage .l-gnav__device a,
body.androidPage .l-gnav__device a:visited,
body.androidPage .l-gnav__device a:hover {
  color: #292f36;
}

body.androidPage .l-gnav__menulv1Item:hover {
  background-color: #f0f0f0;
}

body.androidPage .l-gnav__menulv1Item > a {
  color: #627077;
}

body.androidPage .l-gnav__menulv1Item > a:hover {
  color: #343a45;
}

body.androidPage .l-gnav__menulv2Item:hover {
  background-color: #e5e5e5;
}

body.androidPage .l-gnav__menulv2Item > a {
  color: #627077;
}

body.androidPage .l-gnav__menulv2Item > a:hover {
  color: #343a45;
}

body.androidPage .l-gnav__menulv3Item:hover {
  background-color: #d9d9d9;
}

body.androidPage .l-gnav__menulv3Item > a {
  color: #627077;
}

body.androidPage .l-gnav__menulv3Item > a:hover {
  color: #343a45;
}

.l-header {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(60px - 4px);
  background: #fff;
}

@media screen and (min-width: 768px) {
  .l-header {
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: none;
  }
}

.l-header__inner {
  position: relative;
  padding: 0 15px;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .l-header__inner {
    margin: 0 auto;
  }
}

.l-header__btn {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  background-image: url(/assets/img/icon/gnav_close.svg);
  background-position: 50% 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.l-header__btn a {
  display: block;
  overflow: hidden;
  padding: 10px;
  padding: 8px;
  width: 36px;
  height: 36px;
}

.l-header__btnTxt {
  display: none;
}

.l-header__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.l-header__logo a {
  display: block;
}

.l-header__logo img {
  width: 142px;
  height: 33px;
}

.l-header__search {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 36px;
  height: 36px;
  background-image: url(/assets/img/icon/search.svg);
  background-position: 50% 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.l-header__search a {
  display: block;
  overflow: hidden;
  width: 36px;
  height: 36px;
}

.l-header__searchTxt {
  display: none;
}

body.commonPage .l-header {
  border-bottom: 2px solid #dcdcdc;
}

body.commonPage .l-header:before {
  width: 50%;
  height: 2px;
  background: #dcdcdc;
  content: "";
}

/* iOS color */
body.iosPage .l-header {
  border-bottom: 2px solid #fdd57a;
}

body.iosPage .l-header:before {
  width: 50%;
  height: 2px;
  background: #ffeb03;
  content: "";
}

/* Android color*/
body.androidPage .l-header {
  border-bottom: 2px solid #29fcf6;
}

body.androidPage .l-header:before {
  width: 50%;
  height: 2px;
  background: #48f787;
  content: "";
}

.l-main {
  margin: 0;
  word-break: break-all;
}

@media screen and (min-width: 768px) {
  .l-main {
    float: left;
    overflow: hidden;
    width: 608px;
  }
}

.l-main__1clmn {
  margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .l-main__1clmn {
    float: none;
    margin-bottom: 0;
    width: auto;
  }
}

.l-nav_os__list {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.l-nav_os__item {
  position: relative;
  width: 50vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .l-nav_os__item:nth-child(1) a {
    margin-left: calc(50vw - 464px);
  }
}

@media screen and (min-width: 768px) {
  .l-nav_os__item:nth-child(2) a {
    margin-right: calc(50vw - 464px);
  }
}

.l-nav_os__item:before, .l-nav_os__item:after {
  position: absolute;
  top: 48px;
  display: block;
  width: 100%;
  height: 4px;
  height: 1px;
  content: "";
}

.l-nav_os__item a {
  position: relative;
  display: block;
  padding-top: 18px;
  height: 65px;
  background-position: 50% 48px;
  background-repeat: no-repeat;
  color: #344451;
  text-decoration: none;
  font-size: 13px;
}

.l-nav_os__item a:before, .l-nav_os__item a:after {
  position: absolute;
  top: 48px;
  display: block;
  width: 100%;
  height: 4px;
  height: 1px;
  content: "";
}

.l-nav_os__item a:before {
  left: 0;
}

.l-nav_os__item a:after {
  right: 0;
}

@media screen and (min-width: 768px) {
  .l-nav_os__item.is-android:after {
    right: 0;
    width: calc(50vw - 464px);
    height: 4px;
    background-color: #48f787;
  }
}

.l-nav_os__item.is-android a {
  background-color: #fff;
  background-image: url(/assets/img/common/nav_os-line_android.svg);
}

.l-nav_os__item.is-android a:before {
  width: calc(50% - 10px);
  height: 4px;
  background-color: #29fcf6;
}

.l-nav_os__item.is-android a:after {
  width: calc(50% - 10px);
  height: 4px;
  background-color: #48f787;
}

@media screen and (min-width: 768px) {
  .l-nav_os__item.is-ios:before {
    left: 0;
    width: calc(50vw - 464px);
    height: 4px;
    background-color: #fdd57a;
  }
}

.l-nav_os__item.is-ios a {
  background-image: url(/assets/img/common/nav_os-line_ios.svg);
  text-align: center;
}

.l-nav_os__item.is-ios a:before {
  width: calc(50% - 10px);
  height: 4px;
  background-color: #fdd57a;
}

.l-nav_os__item.is-ios a:after {
  width: calc(50% - 10px);
  height: 4px;
  background-color: #ffec03;
}

.l-nav_os__item.is-disable {
  max-width: inherit;
  width: 50vw;
}

.l-nav_os__item.is-disable:before {
  width: 75vw;
  height: 1px;
  border-bottom: 1px dashed #cdd4d8;
  background-image: none;
}

.l-nav_os__item.is-disable:after {
  display: none;
}

.l-nav_os__item.is-disable a {
  color: #cdd4d8;
  pointer-events: none;
}

.l-nav_os__item.is-off {
  max-width: inherit;
  width: 50vw;
}

.l-nav_os__item.is-off:before {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #a4b3bc;
  background-image: none;
}

.l-nav_os__item.is-off:after {
  display: none;
}

.l-nav_os__item.is-off a {
  height: 49px;
  border-bottom: 1px solid #a4b3bc;
}

.l-nav_os__item.is-off a:hover {
  background-color: #fafafa;
}

/* iOS color */
body.iosPage .l-nav_os__item a,
body.iosPage .l-nav_os__item a:visited {
  color: #344451;
}

body.iosPage .l-nav_os__item a:hover {
  color: #344451;
}

body.iosPage .l-nav_os__item.is-off a:hover {
  border-bottom: 1px solid #29fcf6;
}

/* Android color*/
body.androidPage .l-nav_os__item a,
body.androidPage .l-nav_os__item a:visited {
  color: #344451;
}

body.androidPage .l-nav_os__item a:hover {
  color: #344451;
}

body.androidPage .l-nav_os__item.is-off a:hover {
  border-bottom: 1px solid #fb0;
}

.l-search {
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
  width: 100vw;
  height: 100vh;
  background: #fff;
}

.l-search.is-open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.l-search.is-close {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1s cubic-bezier(0, 0.7, 0, 1);
}

.l-search__head {
  padding: 12px 3% 12px;
  background: #fafafa;
}

@media screen and (min-width: 768px) {
  .l-search__head {
    padding: 12px 20% 12px;
  }
}

.l-search__head form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-search__cancel {
  line-height: 36px;
}

.l-search__cancel a {
  color: #3bcc70;
  text-decoration: none;
  font-size: 14px;
}

.l-search dl.search1 {
  position: relative;
  width: 190px;
  width: 70%;
  border: 1px solid #a4b3bc;
  border-radius: 4px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .l-search dl.search1 {
    width: 70%;
  }
}

.l-search dl.search1 dt {
  margin-right: 40px;
  padding-right: 8px;
  padding-left: 8px;
}

.l-search dl.search1 dt input {
  width: 100%;
  height: 36px;
  border: none;
  background: none;
  font-size: 13px;
  line-height: 36px;
}

.l-search dl.search1 dt input::-webkit-input-placeholder {
  color: #a4b3bc;
}

.l-search dl.search1 dt input:-ms-input-placeholder {
  color: #a4b3bc;
}

.l-search dl.search1 dt input::-ms-input-placeholder {
  color: #a4b3bc;
}

.l-search dl.search1 dt input::placeholder {
  color: #a4b3bc;
}

.l-search dl.search1 dd {
  position: absolute;
  top: 0;
  right: 0;
}

.l-search dl.search1 dd input {
  color: #a4b3bc;
}

.l-search dl.search1 dd button {
  display: block;
  width: 36px;
  height: 36px;
  border: none;
  background: none;
}

.l-search dl.search1 dd button span {
  display: block;
  width: 26px;
  height: 26px;
  background: url(/assets/img/icon/search_light.svg) no-repeat scroll 0 0;
}

.l-search__word {
  padding: 12px 3% 12px;
}

@media screen and (min-width: 768px) {
  .l-search__word {
    padding: 12px 20% 12px;
  }
}

.l-search__wordItem {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 45px;
  border-bottom: 1px solid #ebebeb;
}

.l-search__wordItem span {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 0;
  width: 100%;
  color: #a4b3bc;
  text-decoration: none;
  font-size: 13px;
  cursor: pointer;
}

.l-search__wordItem span:hover {
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  .l-searchTop {
    height: 60px;
    background: #fafafa;
  }
}

@media screen and (min-width: 768px) {
  .l-searchTop {
    display: none;
  }
}

.l-searchTop__head {
  padding: 12px 6% 12px;
  background: #fafafa;
}

@media screen and (min-width: 768px) {
  .l-searchTop__head {
    padding: 12px 20% 12px;
  }
}

.l-searchTop__head form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-searchTop dl.search1 {
  position: relative;
  width: 100%;
  border: 1px solid #a4b3bc;
  border-radius: 4px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .l-searchTop dl.search1 {
    width: 70%;
  }
}

.l-searchTop dl.search1 dt {
  margin-right: 40px;
  padding-right: 8px;
  padding-left: 8px;
}

.l-searchTop dl.search1 dt input {
  width: 190px;
  height: 36px;
  border: none;
  background: none;
  font-size: 13px;
  line-height: 36px;
}

.l-searchTop dl.search1 dt input::-webkit-input-placeholder {
  color: #a4b3bc;
}

.l-searchTop dl.search1 dt input:-ms-input-placeholder {
  color: #a4b3bc;
}

.l-searchTop dl.search1 dt input::-ms-input-placeholder {
  color: #a4b3bc;
}

.l-searchTop dl.search1 dt input::placeholder {
  color: #a4b3bc;
}

.l-searchTop dl.search1 dd {
  position: absolute;
  top: 0;
  right: 0;
}

.l-searchTop dl.search1 dd input {
  color: #a4b3bc;
}

.l-searchTop dl.search1 dd button {
  display: block;
  width: 36px;
  height: 36px;
  border: none;
  background: none;
}

.l-searchTop dl.search1 dd button span {
  display: block;
  width: 26px;
  height: 26px;
  background: url(/assets/img/icon/search_light.svg) no-repeat scroll 0 0;
}

/* iOS color */
body.iosPage .l-search__cancel a,
body.iosPage .l-search__cancel a:visited {
  color: #e6a800;
}

body.iosPage .l-search__cancel a:hover {
  color: #b38300;
}

body.iosPage .l-search__wordItem a,
body.iosPage .l-search__wordItem a:visited {
  color: #a4b3bc;
}

body.iosPage .l-search__wordItem a:hover {
  color: #272c35;
}

/* Android color*/
body.androidPage .l-search__cancel a,
body.androidPage .l-search__cancel a:visited {
  color: #43d283;
}

body.androidPage .l-search__cancel a:hover {
  color: #33a667;
}

body.androidPage .l-search__wordItem a,
body.androidPage .l-search__wordItem a:visited {
  color: #a4b3bc;
}

body.androidPage .l-search__wordItem a:hover {
  color: #272c35;
}

.l-sub {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .l-sub {
    float: right;
    width: 336px;
  }
}

.l-sub .c-touchicon.is-size30 img {
  width: 30px;
  height: 30px;
}

.l-sub h2 {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
}

.p-appCarousel {
  margin-top: 15px;
  width: 9999px;
}

.p-appCarousel:after {
  display: block;
  clear: both;
  content: "";
}

@media screen and (min-width: 768px) {
  .p-appCarousel {
    padding-left: 10px;
  }
}

.p-appCarousel.is-ranking {
  padding-top: 26px;
}

.p-appCarousel.is-ranking .c-ranking {
  margin: -26px auto 10px;
}

.p-appCarouselItem {
  float: left;
  margin-right: 30px;
  width: 90px;
}

.p-appCarouselItem:first-child {
  margin-left: 15px;
}

@media screen and (min-width: 768px) {
  .p-appCarouselItem:first-child {
    margin-left: 0;
  }
}

.p-appCarouselItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

.p-appCarouselItem a:hover .p-appCarouselItem__name,
.p-appCarouselItem a:hover .p-appCarouselItem__price {
  color: #272c35;
}

.p-appCarouselItem .c-touchicon {
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
}

.p-appCarouselItem__name {
  overflow: hidden;
  margin-top: 15px;
  height: 2.5em;
  color: #292f36;
  font-size: 12px;
  line-height: 1.33;
}

.p-appCarouselItem__price {
  -ms-flex-item-align: left;
      align-self: left;
  margin-top: 10px;
  color: #292f36;
  font-size: 11px;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .p-appCarousel .c-touchicon,
  *::-ms-backdrop,
  .p-appCarouselItem a:hover .c-touchicon,
  *::-ms-backdrop,
  .p-appListItem a:hover .c-touchicon {
    box-shadow: none;
  }
}

/* iOS color */
body.iosPage .p-appCarouselItem a,
body.iosPage .p-appCarouselItem a:visited,
body.iosPage .p-appCarouselItem a:hover {
  color: #333;
}

body.iosPage .p-appCarouselItem a .c-price,
body.iosPage .p-appCarouselItem a:visited .c-price,
body.iosPage .p-appCarouselItem a:hover .c-price {
  color: #fb0;
}

body.iosPage .p-appCarouselItem a .c-price.is-stop,
body.iosPage .p-appCarouselItem a:visited .c-price.is-stop,
body.iosPage .p-appCarouselItem a:hover .c-price.is-stop {
  color: #a4b3bc;
}

body.iosPage .p-appCarouselItem a .c-price.is-pricedown,
body.iosPage .p-appCarouselItem a:visited .c-price.is-pricedown,
body.iosPage .p-appCarouselItem a:hover .c-price.is-pricedown {
  color: #e34713;
  font-weight: bold;
}

/* Android color*/
body.androidPage .p-appCarouselItem a,
body.androidPage .p-appCarouselItem a:visited,
body.androidPage .p-appCarouselItem a:hover {
  color: #333;
}

body.androidPage .p-appCarouselItem a .c-price,
body.androidPage .p-appCarouselItem a:visited .c-price,
body.androidPage .p-appCarouselItem a:hover .c-price {
  color: #20cac4;
}

body.androidPage .p-appCarouselItem a .c-price.is-stop,
body.androidPage .p-appCarouselItem a:visited .c-price.is-stop,
body.androidPage .p-appCarouselItem a:hover .c-price.is-stop {
  color: #a4b3bc;
}

body.androidPage .p-appCarouselItem a .c-price.is-pricedown,
body.androidPage .p-appCarouselItem a:visited .c-price.is-pricedown,
body.androidPage .p-appCarouselItem a:hover .c-price.is-pricedown {
  color: #e34713;
  font-weight: bold;
}

.p-appdownload {
  height: 60px;
}

@media screen and (min-width: 768px) {
  .p-appdownload {
    display: none;
  }
}

.p-appdownload__contents {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.p-appdownload__contents > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 15px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  text-decoration: none;
}

.p-appdownload__contents > a:hover {
  background-color: #f7f7f7;
}

.p-appdownload__icon {
  width: 26px;
}

.p-appdownload__detail {
  margin-left: 10px;
}

.p-appdownload__detailTitle {
  margin: 0 10px 0 0;
  color: #3d3d3d;
  font-weight: normal;
  font-size: 10px;
}

.p-appdownload__detailCount {
  color: #a4b3bc;
  font-size: 11px;
}

.p-appdownload__btn {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 105px;
          flex: 0 0 105px;
  margin-left: 10px;
  text-align: center;
  text-decoration: none;
}

.p-appdownload__btn:before {
  position: absolute;
  left: 0;
  display: block;
  width: 26px;
  height: 26px;
  background: #29fcf6;
  content: "";
}

.p-appdownload__btn a {
  display: block;
  padding: 5px;
  padding-left: 26px;
  width: 105px;
  background: #9f6;
  text-decoration: none;
  font-size: 10px;
}

.p-appList {
  margin-right: 15px;
  margin-left: 15px;
}

@media screen and (min-width: 768px) {
  .p-appList {
    margin: 0;
  }
}

.p-appList .c-pagenation {
  padding-bottom: 30px;
}

.p-appListInfo {
  padding: 10px;
}

.p-appList__title {
  padding: 20px 0;
  border-bottom: 1px solid #cdd4d8;
  font-weight: 600;
  font-size: 14px;
}

.p-appList--article .c-heading {
  margin: 40px 0 20px;
  padding: 5px 16px 5px 2px;
  border-bottom: 1px solid;
  color: #fb0;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

.p-appListItem > a {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #cdd4d8;
  color: #333;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .p-appListItem > a {
    padding: 15px 0;
  }
}

.p-appListItem__wrap > a {
  display: block;
  padding: 30px 0;
  border-bottom: 1px solid #cdd4d8;
  color: #333;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .p-appListItem__wrap > a {
    padding: 15px 0;
  }
}

.p-appListItem__title {
  font-weight: bold;
}

.p-appListItem:last-child > a {
  border-bottom: none;
}

.p-appListItem__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-appListItem__rank {
  padding-bottom: 4px;
  width: 90px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-appListItem__rank {
    margin-left: 15px;
  }
}

.p-appListItem.is-feature .p-appListItem__icon, .p-appListItem.is-pr .p-appListItem__icon {
  float: left;
  width: 90px;
}

.p-appListItem.is-feature .p-appListItem__name, .p-appListItem.is-pr .p-appListItem__name {
  margin-left: 15px;
}

.p-appListItem.is-feature .p-appListItem__name h1, .p-appListItem.is-pr .p-appListItem__name h1 {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.43;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-feature .p-appListItem__name h1, .p-appListItem.is-pr .p-appListItem__name h1 {
    font-size: 22px;
    line-height: 1.45;
  }
}

.p-appListItem.is-feature .p-appListItem__name .c-rating, .p-appListItem.is-pr .p-appListItem__name .c-rating,
.p-appListItem.is-feature .p-appListItem__name .c-price, .p-appListItem.is-pr .p-appListItem__name .c-price {
  display: inline-block;
  margin-top: 6px;
  margin-right: 5px;
}

.p-appListItem.is-feature .p-appListItem__catch, .p-appListItem.is-pr .p-appListItem__catch {
  margin-top: 15px;
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-feature .p-appListItem__catch, .p-appListItem.is-pr .p-appListItem__catch {
    margin-top: 5px;
    margin-left: 120px;
  }
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-feature .p-appListItem__inner, .p-appListItem.is-pr .p-appListItem__inner {
    padding-left: 15px;
  }
}

.p-appListItem__info {
  margin-top: 25px;
  padding-top: 30px;
  border-top: 1px solid #a4b3bc;
}

@media screen and (min-width: 768px) {
  .p-appListItem__info {
    margin-left: 105px;
    width: calc(100% - 90px - 15px);
  }
}

.p-appListItem__infoTitle,
.p-appListItem__info p {
  margin-top: 10px;
  color: #a4b3bc;
  font-size: 13px;
  line-height: 1.23;
}

.p-appListItem__infoTitle {
  font-weight: 600;
}

.p-appListItem__info_link {
  text-align: right;
}

.p-appListItem__info_link a {
  color: #3bcc70;
  text-align: right;
  text-decoration: none;
  font-size: 11px;
  line-height: 1;
}

.p-appListItem__info_link a::before {
  margin-right: 3px;
  content: ">";
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-appListItem__info_link a:hover::before {
  margin-right: 8px;
}

.p-appListItem.is-review a, .p-appListItem.is-scrShot a, .p-appListItem.is-movie a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.p-appListItem.is-review .p-appListItem__none, .p-appListItem.is-scrShot .p-appListItem__none, .p-appListItem.is-movie .p-appListItem__none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 20px 0;
  border-bottom: 1px solid #cdd4d8;
}

.p-appListItem.is-review .p-appListItem__inner, .p-appListItem.is-scrShot .p-appListItem__inner, .p-appListItem.is-movie .p-appListItem__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-review .p-appListItem__inner, .p-appListItem.is-scrShot .p-appListItem__inner, .p-appListItem.is-movie .p-appListItem__inner {
    padding-left: 15px;
  }
}

.p-appListItem.is-review .p-appListItem__inner:first-child, .p-appListItem.is-scrShot .p-appListItem__inner:first-child, .p-appListItem.is-movie .p-appListItem__inner:first-child {
  margin-top: 15px;
}

.p-appListItem.is-review .p-appListItem__text, .p-appListItem.is-scrShot .p-appListItem__text, .p-appListItem.is-movie .p-appListItem__text {
  margin-left: 15px;
  width: calc(100% - 90px - 15px);
}

.p-appListItem.is-review .p-appListItem__text .p-appListItem__comment p, .p-appListItem.is-scrShot .p-appListItem__text .p-appListItem__comment p, .p-appListItem.is-movie .p-appListItem__text .p-appListItem__comment p {
  font-size: 14px;
  line-height: 1.45;
}

.p-appListItem.is-review .p-appListItem__text .p-appListItem__commentNone p, .p-appListItem.is-scrShot .p-appListItem__text .p-appListItem__commentNone p, .p-appListItem.is-movie .p-appListItem__text .p-appListItem__commentNone p {
  font-size: 11px;
  line-height: 1.45;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-review .p-appListItem__text .p-appListItem__commentNone p, .p-appListItem.is-scrShot .p-appListItem__text .p-appListItem__commentNone p, .p-appListItem.is-movie .p-appListItem__text .p-appListItem__commentNone p {
    font-size: 14px;
  }
}

.p-appListItem.is-review .p-appListItem__meta, .p-appListItem.is-scrShot .p-appListItem__meta, .p-appListItem.is-movie .p-appListItem__meta {
  width: 90px;
  text-align: center;
}

.p-appListItem.is-review .p-appListItem__meta .c-rating, .p-appListItem.is-scrShot .p-appListItem__meta .c-rating, .p-appListItem.is-movie .p-appListItem__meta .c-rating {
  margin-top: -5px;
}

.p-appListItem.is-review .p-appListItem__title, .p-appListItem.is-scrShot .p-appListItem__title, .p-appListItem.is-movie .p-appListItem__title {
  margin-left: 15px;
  width: calc(100% - 90px - 15px);
  color: #333;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.45;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-review .p-appListItem__title, .p-appListItem.is-scrShot .p-appListItem__title, .p-appListItem.is-movie .p-appListItem__title {
    font-size: 13px;
  }
}

.p-appListItem.is-scrShot .p-appListItem__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-scrShot .p-appListItem__inner {
    padding-left: 15px;
  }
}

.p-appListItem.is-scrShot .p-appListItem__inner:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.p-appListItem.is-scrShot .p-scrShotCarousel {
  overflow: inherit;
  overflow: hidden;
  margin-left: 15px;
  padding: 0;
  width: calc(100% - 90px - 15px);
  border-top: none;
}

.p-appListItem.is-scrShot .p-scrShotCarousel__inner {
  margin: 0;
}

.p-appListItem.is-scrShot .p-scrShotCarouselItem {
  margin-right: 5px;
  width: 50px;
  height: 90px;
  border: solid 1px #cdd4d8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-scrShot .p-scrShotCarouselItem {
    width: 138px;
    height: auto;
  }
}

.p-appListItem.is-movie .p-movieCarousel {
  margin: 0 0 0 17px;
}

.p-appListItem.is-movie .p-movieCarousel__inner {
  margin: 0;
}

.p-appListItem.is-movie .p-appListItem__inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-appListItem.is-movie .p-movieCarouselItem {
  margin-right: 5px;
  margin-left: 0;
  width: 131px;
  height: 73px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
}

.p-appListItem.is-movie .p-movieCarouselItem__img {
  overflow: hidden;
  border-radius: 2px;
}

.p-appListItem.is-movie .p-appListItem__movie {
  margin-left: 15px;
  max-width: 473px;
  width: calc(100% - 90px - 15px);
}

.p-appListItem.is-movie .p-appListItem__movie > * {
  width: 100%;
  height: auto;
}

.p-appListItem.is-pr {
  padding-bottom: 25px;
  border-bottom: 1px solid #a4b3bc;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-appListItem.is-pr .p-appListItem__wrap {
  position: relative;
}

.p-appListItem.is-pr .p-appListItem__wrap > a {
  padding: 30px 0 15px;
  border-bottom: none;
}

.p-appListItem.is-pr .p-appListItem__title .c-price {
  margin-left: 5px;
}

.p-appListItem.is-pr .p-appListItem__catch {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-pr .p-appListItem__catch {
    margin-top: 5px;
  }
}

.p-appListItem.is-pr .p-appListItem__catchTitle {
  color: #627077;
  font-weight: normal;
  font-weight: 200;
  font-size: 25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-pr .p-appListItem__catchTitle {
    font-size: 20px;
  }
}

.p-appListItem.is-pr .p-appListItem__catchTitle + .c-iconList {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-pr .p-appListItem__catchTitle + .c-iconList {
    margin-top: 5px;
  }
}

.p-appListItem.is-pr .p-scrShotCarousel {
  margin: 0;
  padding: 0;
  border-top: none;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-pr .p-scrShotCarousel {
    overflow: hidden;
    margin-left: 105px;
    width: calc(100% - 90px - 15px);
  }
}

.p-appListItem.is-pr .p-scrShotCarousel__inner {
  margin: 0;
}

.p-appListItem.is-pr .p-scrShotCarouselItem {
  margin-right: 5px;
  width: 138px;
  border: solid 1px #cdd4d8;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}

.p-appListItem.is-pr .p-reviewListItem {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-pr .p-reviewListItem {
    margin-left: 105px;
    width: calc(100% - 90px - 15px);
  }
}

.p-appListItem.is-pr .c-btn__download {
  margin: 18px 15px 0;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-pr .c-btn__download {
    margin: 18px auto 0;
    width: 423px;
  }
}

.p-appListItem.is-pr .p-appListItem__info {
  display: none;
}

.p-appListItem.is-sale {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #cdd4d8;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-sale {
    padding: 30px 0 30px 15px;
  }
}

.p-appListItem.is-sale:last-child {
  border-bottom: none;
}

.p-appListItem.is-sale .p-appListItem__title a {
  color: #3d3d3d;
  text-decoration: none;
}

.p-appListItem.is-sale .p-appListItem__name {
  margin-left: 15px;
}

.p-appListItem.is-sale .p-appListItem__name h1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-sale .p-appListItem__name h1 {
    font-size: 22px;
    line-height: 1.45;
  }
}

.p-appListItem.is-sale .p-appListItem__name .c-rating {
  display: inline-block;
  margin-right: 5px;
}

.p-appListItem.is-sale .p-appListItem__name .p-appListItem__price {
  display: inline-block;
  color: #333;
  font-size: 10px;
  line-height: 1;
}

.p-appListItem.is-sale .p-appListItem__name .p-appListItem__price.is-pricedown {
  color: #ad1919;
  font-size: 14px;
}

.p-appListItem.is-sale .p-appListItem__name .p-appListItem__btn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 2px;
  font-size: 0;
}

@media screen and (min-width: 768px) {
  .p-appListItem.is-sale .p-appListItem__name .p-appListItem__btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.p-appListItem.is-sale .p-appListItem__name .p-appListItem__btn li {
  display: inline-block;
  margin-left: 8px;
}

.p-appListItem.is-sale .p-appListItem__name .p-appListItem__btn li:first-child {
  margin-left: 0;
}

.p-appListItem.is-sale .p-appListItem__name .p-appListItem__btn .p-appdownload__btn {
  margin-left: 0;
}

.c-tab + .p-appListItem {
  margin-top: 15px;
}

/* iOS color */
body.iosPage .p-appListItem > a,
body.iosPage .p-appListItem > a:visited,
body.iosPage .p-appListItem__wrap > a,
body.iosPage .p-appListItem__wrap > a:visited {
  color: #333;
}

body.iosPage .p-appListItem > a:hover,
body.iosPage .p-appListItem__wrap > a:hover {
  color: #333;
}

@media screen and (min-width: 768px) {
  body.iosPage .p-appListItem > a:hover,
  body.iosPage .p-appListItem__wrap > a:hover {
    background-color: #f5f5f5;
  }
}

@media screen and (min-width: 768px) {
  body.iosPage .p-appListItem.is-pr:hover {
    background-color: #f5f5f5;
  }
}

body.iosPage .p-appListItem__btn a {
  text-decoration: none;
}

/* Android color*/
body.androidPage .p-appListItem > a,
body.androidPage .p-appListItem > a:visited,
body.androidPage .p-appListItem__wrap > a,
body.androidPage .p-appListItem__wrap > a:visited {
  color: #333;
}

body.androidPage .p-appListItem > a:hover,
body.androidPage .p-appListItem__wrap > a:hover {
  color: #333;
}

@media screen and (min-width: 768px) {
  body.androidPage .p-appListItem > a:hover,
  body.androidPage .p-appListItem__wrap > a:hover {
    background-color: #f5f5f5;
  }
}

@media screen and (min-width: 768px) {
  body.androidPage .p-appListItem.is-pr:hover {
    background-color: #f5f5f5;
  }
}

.p-appPageLink {
  margin-top: 15px;
  padding: 15px 10px 10px 15px;
  border-bottom: 1px solid #a4b3bc;
}

@media screen and (min-width: 768px) {
  .p-appPageLink {
    margin-top: 0;
  }
}

.p-appPageLink__inner {
  min-height: 45px;
}

.p-appPageLink__link {
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #292f36;
  text-decoration: none;
}

.p-appPageLink__link:before {
  position: absolute;
  top: -5px;
  display: block;
  margin-top: -10px;
  width: 40px;
  height: 20px;
  background-image: url(/assets/img/icon/back2.svg);
  background-size: 40px auto;
  background-repeat: no-repeat;
  content: "";
}

.p-appPageLink__link:hover {
  color: #272c35 !important;
}

.p-appPageLink__link:hover .p-appPageLink__icon {
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-appPageLink__icon {
  margin-top: 3px;
  margin-right: 14px;
  font-size: 0;
}

.p-appPageLink__text {
  margin-right: 30px;
  font-weight: bold;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* iOS color */
body.iosPage a.p-appPageLink__link {
  color: #292f36;
}

body.iosPage a.p-appPageLink__link:visited {
  color: #292f36;
}

body.iosPage a.p-appPageLink__link:hover {
  color: #272c35;
}

/* Android color*/
body.androidPage a.p-appPageLink__link {
  color: #272c35;
}

body.androidPage a.p-appPageLink__link:visited {
  color: #272c35;
}

body.androidPage a.p-appPageLink__link:hover {
  color: #272c35;
}

@media screen and (min-width: 768px) {
  .l-main .p-appSearch {
    width: 608px;
  }
}

.l-main .p-appSearch__keywords {
  margin: 15px 15px 0;
}

@media screen and (min-width: 768px) {
  .l-main .p-appSearch__keywords {
    margin: 15px 0 0;
    padding-bottom: 30px;
  }
}

.l-main .p-appSearch.c-borderTop {
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .l-main__1clmn .p-appSearch {
    width: 928px;
  }
}

.p-appSearch {
  margin: 0 15px;
  padding: 30px 0 0;
}

@media screen and (min-width: 768px) {
  .p-appSearch {
    margin: 0 auto;
    padding: 30px 0;
  }
}

.p-appSearch .c-tab {
  width: auto;
}

@media screen and (min-width: 768px) {
  .p-appSearch .c-tab {
    margin-right: 0;
    margin-left: 0;
  }
}

.p-appSearch .swiper-wrapper,
.p-appSearch .swiper-slide {
  -webkit-transition-timing-function: cubic-bezier(0, 0.7, 0, 1);
          transition-timing-function: cubic-bezier(0, 0.7, 0, 1);
}

.p-appSearch .swiper-slide-active {
  opacity: 1 !important;
}

.p-appSearch__keywords {
  margin: 15px 0 0;
  padding: 0 0 30px;
}

@media screen and (min-width: 768px) {
  .p-appSearch__keywords {
    margin: 15px 0;
    padding: 0 0 15px;
  }
}

.p-appSearch__keywords ul li {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 13px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .p-appSearch__keywords ul li {
    margin: 0 10px 15px 0;
    font-size: 15px;
  }
}

.p-appSearch__keywords ul li a {
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: #f4f5f5;
  color: #75838a;
  text-decoration: none;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-appSearch__keywords ul li a:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.p-appSearch__keywords ul li a:visited {
  color: #75838a !important;
}

.p-appSearch__keywords ul li a:hover {
  background-color: #75838a;
  color: #fff !important;
}

.p-appSearch__list {
  background-color: #fff;
}

.p-appSearch__list ul li {
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .p-appSearch__list ul li {
    font-size: 11px;
  }
}

.p-appSearch__list ul li a {
  position: relative;
  display: block;
  padding: 13px 25px 13px 15px;
  background: #fff;
  color: #292f36;
  text-decoration: none;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

@media screen and (min-width: 768px) {
  .p-appSearch__list ul li a {
    padding: 13px 25px 13px 10px;
  }
}

.p-appSearch__list ul li a:after {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: inline-block;
  margin: auto;
  width: 7px;
  height: 11px;
  background: url("/assets/img/icon/arrow_right.svg") no-repeat center;
  background-size: contain;
  content: "";
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

@media screen and (min-width: 768px) {
  .p-appSearch__list ul li a:after {
    right: 10px;
  }
}

.p-appSearch__list ul li a:hover {
  background: #f5f5f5;
  color: #292f36;
}

@media screen and (max-width: 767px) {
  .p-appSearch__list ul li a:hover:after {
    right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .p-appSearch__list ul li a:hover:after {
    right: 5px;
  }
}

.p-appSearch__list ul li a:visited {
  color: #292f36;
}

.p-appSearch__list ul li .p-appCarouselItem__price {
  display: none;
}

.p-appSearch__list ul li .c-touchicon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.p-appStoreLink {
  margin: 0 15px;
  border-top: 1px solid #a4b3bc;
}

@media screen and (min-width: 768px) {
  .p-appStoreLink {
    margin: 0;
  }
}

.p-appStoreLink.is-close .p-appStoreLink__body {
  display: none;
}

.p-appStoreLink__detail {
  padding: 30px 0 30px;
  border-bottom: 1px solid #a4b3bc;
  color: #333;
  font-size: 13px;
}

.p-appStoreLink__detail:last-child {
  border-bottom: none;
}

.p-appStoreLink__detail a {
  text-decoration: underline;
}

.p-appStoreLink__detail a:hover {
  text-decoration: none;
}

.p-appStoreLink__detail p {
  margin-top: 1em;
}

.p-appStoreLink__detail p:first-child {
  margin-top: 0;
}

.p-appStoreLink__detailList li {
  display: table;
}

.p-appStoreLink__detailList .title {
  display: table-cell;
  width: 8em;
  font-weight: normal;
}

.p-appStoreLink__detailList .text {
  display: table-cell;
}

.p-appStoreLink__link {
  display: block;
  padding: 24px 5px;
  color: #a4b3bc;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
}

.p-appStoreLink__icon {
  margin-top: 3px;
  margin-right: 18px;
  font-size: 1px;
}

.p-appStoreLink__text {
  position: relative;
  display: inline;
  padding-left: 20px;
}

.p-appStoreLink__text:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -6px;
  width: 13px;
  height: 13px;
  background-image: url(/assets/img/icon/accordion_close.svg);
  background-size: 13px auto;
  background-repeat: no-repeat;
  content: "";
}

/* iOS color */
body.iosPage .p-appStoreLink__link {
  color: #a4b3bc;
}

body.iosPage .p-appStoreLink__link:visited, body.iosPage .p-appStoreLink__link:hover {
  color: #a4b3bc;
}

/* Android color*/
body.androidPage .p-appStoreLink__link {
  color: #a4b3bc;
}

body.androidPage .p-appStoreLink__link:visited, body.androidPage .p-appStoreLink__link:hover {
  color: #a4b3bc;
}

.p-categoryindex {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-categoryindex {
    margin: 50px auto 30px;
    width: 808px;
    height: 220px;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryindex {
    margin-top: 15px;
    height: 170px;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryindex .c-heading {
    margin-left: 15px;
  }
}

.p-categoryindex .c-moreLink a {
  padding: 10px 0;
}

.p-categoryindex .c-moreLink a:hover {
  background-color: #fff;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-categoryindex--category {
    margin: 20px auto 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryindex--category {
    margin-top: 20px;
    height: 200px;
  }
}

.p-categoryindex--category .p-categoryindex__list li {
  border: none;
}

.p-categoryindex--category .p-categoryindex__list li:first-child, .p-categoryindex--category .p-categoryindex__list li:nth-child(2), .p-categoryindex--category .p-categoryindex__list li:nth-child(3) {
  border: none;
}

.p-categoryindex--category .p-categoryindex__morebtn {
  position: absolute;
  top: 120px;
}

@media screen and (min-width: 768px) {
  .p-categoryindex--category .p-categoryindex__morebtn {
    top: 90px;
  }
}

.p-categoryindex__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-categoryindex__list li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 15px 0 7px;
    width: 202px;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryindex__list li {
    -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    margin: 0 15px;
    border-bottom: 1px solid #ebebeb;
  }
  .p-categoryindex__list li:first-child, .p-categoryindex__list li:nth-child(2), .p-categoryindex__list li:nth-child(3) {
    border-top: 1px solid #ebebeb;
  }
  .p-categoryindex__list li:nth-child(3) {
    border-top: none;
  }
}

.p-categoryindex__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0 7px 8px;
  color: #292f36;
  text-decoration: none;
}

.p-categoryindex__list li a:hover {
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #272c35;
}

.p-categoryindex__list li a:visited {
  color: #292f36;
}

.p-categoryindex__list li .c-touchicon {
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
}

@media screen and (min-width: 768px) {
  .p-categoryindex__list li .c-touchicon {
    -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
  }
}

.p-categoryindex__list li .p-categoryindex__listName {
  -ms-flex-preferred-size: calc(100% - 40px);
      flex-basis: calc(100% - 40px);
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 10px;
  font-size: 11px;
}

.p-categoryindex__morebtn {
  position: absolute;
  top: 90px;
  z-index: 2;
  width: 100%;
  height: 100px;
  font-size: 13px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .p-categoryindex__morebtn {
    top: 80px;
    height: 180px;
  }
}

.p-categoryindex__morebtn::before {
  display: block;
  width: 100%;
  height: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  content: "";
}

@media screen and (max-width: 767px) {
  .p-categoryindex__morebtn::before {
    height: 40px;
  }
}

.p-categoryindex__morebtn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #fff;
  color: #3bcc70;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-categoryindex__morebtn span {
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .p-categoryindex__morebtn span {
    height: 40px;
  }
}

.p-categoryindex__morebtn span::before {
  margin-right: 10px;
  content: "+";
}

.p-categoryindex--category_nowrap {
  height: auto;
}

/* iOS color */
body.iosPage .p-categoryindex__morebtn span {
  color: #e6a800;
}

body.iosPage .p-categoryindex__morebtn span:visited {
  color: #e6a800;
}

body.iosPage .p-categoryindex .c-moreLink a:hover {
  background-color: #fff;
  color: #e6a800;
}

/* Android color*/
body.androidPage .p-categoryindex__morebtn a {
  color: #3bcc70;
}

body.androidPage .p-categoryindex__morebtn a:visited {
  color: #3bcc70;
}

body.androidPage .p-categoryindex .c-moreLink span:hover {
  background-color: #fff;
  color: #3bcc70;
}

.p-detailapp {
  position: relative;
  margin: 0 15px;
  padding: 15px 0 30px;
  border-top: 2px solid #fb0;
  /* MENU */
  /* HOME */
  /* 全て */
  /* 最新レビュー */
  /* 小技 */
  /* QA */
  /* 初心者 */
  /* 神アプリ */
  /* アプリ */
  /* ゲーム */
  /* Hide */
  /* NEW v.3 HEADLINE */
  /* NEW v.3 BUTTON */
  /* NEW v.3 RANKING */
  /*CATEGORY COLORS*/
  /*NEW CLASSES*/
  /*p.privacy {
    background: #f5f5f5;
    color: #999;
    font-size: 12px;
    text-align: center;
    padding: 10px 0 30px;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 0;
  }*/
  /* Home */
  /* Cat Archive */
  /* Single */
  /* wegiet */
  /*-------------------------------------------------------------- 
   howto page (postid-33757)
  -------------------------------------------------------------- */
  /* =Responsive (Mobile) Design
  -------------------------------------------------------------- */
  /*NEW LINES*/
  /* hide eyecatch image in related posts */
}

.p-detailapp:before {
  position: absolute;
  top: -2px;
  right: 0;
  width: 50%;
  height: 2px;
  background: #ffec03;
  content: "";
}

.p-detailapp__title {
  margin-bottom: 20px;
  font-size: 16px;
}

.p-detailapp__text {
  font-size: 14px;
  line-height: 1.71429;
}

.p-detailapp__touchicon {
  margin-bottom: 20px;
  text-align: center;
}

.p-detailapp__screenshot {
  margin: 20px auto;
  width: 240px;
  height: auto;
  border: 1px solid #cdd4d8;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}

.p-detailapp__screenshot img {
  width: 100%;
  height: auto;
}

.p-detailapp p:first-of-type img,
.p-detailapp p:first-of-type br {
  display: none;
}

.p-detailapp img {
  max-width: 100%;
  height: auto;
}

.p-detailapp p {
  margin: 15px 0;
  font-size: 14px;
  line-height: 1.71429;
}

.p-detailapp p:after {
  display: block;
  clear: both;
  content: "";
}

.p-detailapp a {
  border: 0;
}

.p-detailapp a:visited {
  border: 0;
}

.p-detailapp.is-category h2 {
  margin: 15px 0;
  padding: 0 0 5px 5px;
  border-bottom: solid 3px #f00;
  border-left: solid 6px #f00;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category h2 {
    font-size: 18px;
  }
}

.p-detailapp.is-category h3 {
  margin: 15px 0;
  padding: 0 0 0 10px;
  border-left: solid 6px #f59907;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category h3 {
    font-size: 16px;
  }
}

.p-detailapp.is-category h4 {
  margin: 15px 0;
  padding: 0 0 0 10px;
  border-left: solid 6px #545454;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category h4 {
    font-size: 14px;
  }
}

.p-detailapp.is-category ul {
  padding: 0;
  font-size: 14px;
}

.p-detailapp.is-category ul li {
  margin: 4px 0px 4px 25px;
  list-style-type: disc;
}

.p-detailapp.is-category ol {
  padding: 0;
  list-style-type: decimal;
  font-size: 14px;
}

.p-detailapp.is-category ol li {
  margin: 4px 0px 4px 25px;
}

.p-detailapp.is-category ol li li {
  list-style-type: disc;
}

.p-detailapp.is-category p {
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category p {
    font-size: 14px;
  }
}

.p-detailapp.is-category p img {
  float: left;
  width: 33%;
}

.p-detailapp.is-category div.mokuji {
  padding: 10px;
  background-color: #efefef;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category div.mokuji {
    font-size: 11px;
  }
}

.p-detailapp.is-category div.mokuji p {
  margin: 0;
}

.p-detailapp.is-category div.mokuji strong {
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category div.mokuji strong {
    font-size: 12px;
  }
}

.p-detailapp.is-category div.mokuji ul {
  padding: 0;
}

.p-detailapp.is-category div.mokuji li {
  margin: 4px 0px 4px 15px;
  list-style-type: disc;
}

.p-detailapp.is-category div.table-scroll {
  overflow: auto;
  white-space: nowrap;
}

.p-detailapp.is-category table {
  width: 100%;
  border: solid 1px #ccc;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category table {
    font-size: 10px;
  }
}

.p-detailapp.is-category table thead tr th {
  padding: 4px 6px;
  border-right: 1px solid #ccc;
}

.p-detailapp.is-category table thead tr th.center {
  text-align: center;
}

.p-detailapp.is-category table tbody tr {
  background-color: #fff;
}

.p-detailapp.is-category table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.p-detailapp.is-category table tbody tr td {
  padding: 4px 6px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.p-detailapp.is-category table tbody tr td.center {
  text-align: center;
}

.p-detailapp.is-category table tbody p {
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .p-detailapp.is-category table tbody p {
    font-size: 10px;
  }
}

.p-detailapp .category-63382685 #masthead {
  background-color: #fb8819 !important;
}

.p-detailapp .category-63382685 h1.pagetitle {
  margin-bottom: 0;
  border-bottom: 1px solid #fb8819;
  color: #fb8819;
}

.p-detailapp .category-5619666 #masthead,
.p-detailapp .category-8841 #masthead {
  background-color: #7f53fe !important;
}

.p-detailapp .category-5619666 h1.pagetitle,
.p-detailapp .category-8841 h1.pagetitle {
  margin-bottom: 0;
  border-bottom: 1px solid #7f53fe;
  color: #7f53fe;
}

.p-detailapp .category-96996251 #masthead {
  background-color: #58cb19 !important;
}

.p-detailapp .category-96996251 h1.pagetitle {
  margin-bottom: 0;
  border-bottom: 1px solid #58cb19;
  color: #58cb19;
}

.p-detailapp .category-64454622 #masthead {
  background-color: #00b5a6 !important;
}

.p-detailapp .category-64454622 h1.pagetitle {
  margin-bottom: 0;
  border-bottom: 1px solid #00b5a6;
  color: #00b5a6;
}

.p-detailapp .category-6063199 #masthead {
  background-color: #fb8819 !important;
}

.p-detailapp .category-6063199 h1.pagetitle {
  margin-bottom: 0;
  border-bottom: 1px solid #fb8819;
  color: #fb8819;
}

.p-detailapp .category-17762 #masthead {
  background-color: #187efb !important;
}

.p-detailapp .category-17762 h1.pagetitle {
  margin-bottom: 0;
  border-bottom: 1px solid #187efb;
  color: #187efb;
}

.p-detailapp #branding {
  position: static;
  padding: 0;
  height: 150px;
  text-indent: -0;
}

.p-detailapp h2#description {
  margin: -105px 0 0 290px;
  max-width: 360px;
  color: #fff;
  text-align: left;
  text-transform: none;
  text-shadow: none;
  font-size: 14px;
  line-height: 1.6;
}

.p-detailapp #nav-primary {
  position: relative;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: #f5f5f5 !important;
}

.p-detailapp #nav-primary ul li {
  margin: 0;
  border: 0;
}

.p-detailapp #nav-primary ul li a {
  color: #666;
  text-shadow: none;
}

.p-detailapp #nav-primary ul li a:hover {
  color: #fff;
}

.p-detailapp .nav .home {
  display: none;
  width: auto;
  background: none;
  text-indent: 0;
}

.p-detailapp #nav-primary ul li.home:hover, .p-detailapp #nav-primary ul li.home.current-menu-item {
  background: #00add8;
}

.p-detailapp #nav-primary ul li.menu-item-10:hover, .p-detailapp #nav-primary ul li.menu-item-10.current-menu-item {
  background: #00add8;
}

.p-detailapp #nav-primary ul li.menu-item-11:hover, .p-detailapp #nav-primary ul li.menu-item-11.current-menu-item {
  background: #fb8819;
}

.p-detailapp #nav-primary ul li.menu-item-12:hover, .p-detailapp #nav-primary ul li.menu-item-12.current-menu-item {
  background: #7f53fe;
}

.p-detailapp #nav-primary ul li.menu-item-13:hover, .p-detailapp #nav-primary ul li.menu-item-13.current-menu-item {
  background: #7f53fe;
}

.p-detailapp #nav-primary ul li.menu-item-14:hover, .p-detailapp #nav-primary ul li.menu-item-14.current-menu-item {
  background: #58cb19;
}

.p-detailapp #nav-primary ul li.menu-item-15:hover, .p-detailapp #nav-primary ul li.menu-item-15.current-menu-item {
  background: #00b5a6;
}

.p-detailapp #nav-primary ul li.menu-item-16:hover, .p-detailapp #nav-primary ul li.menu-item-16.current-menu-item {
  background: #fb8819;
}

.p-detailapp #nav-primary ul li.menu-item-17:hover, .p-detailapp #nav-primary ul li.menu-item-17.current-menu-item {
  background: #187efb;
}

.p-detailapp #nav-primary .current-menu-item > a,
.p-detailapp #nav-primary .current-cat > a {
  margin-top: 0;
  border: 0;
  color: #fff !important;
}

.p-detailapp .rn_select {
  padding: 5px 0 5px 30px;
  border: 0 solid #fff;
  background: transparent;
  color: #fff;
  font-weight: bold;
  -webkit-appearance: none;
}

.p-detailapp .rn_select:first-of-type {
  text-indent: -200px;
}

.p-detailapp .post {
  font-size: 0.906rem;
}

.p-detailapp header .searchform,
.p-detailapp #text-2,
.p-detailapp #text-4,
.p-detailapp #text-6,
.p-detailapp #text-7,
.p-detailapp .post-taxonomies.post-taxonomies-tags,
.p-detailapp .byline {
  display: none;
}

.p-detailapp .avatar:hover,
.p-detailapp img:hover,
.p-detailapp #lead-image img:hover,
.p-detailapp #recent-posts img:hover,
.p-detailapp #featured-cats img:hover,
.p-detailapp .avatar,
.p-detailapp .p-detailapp img,
.p-detailapp .wp-post-image {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.p-detailapp .row {
  position: relative;
}

.p-detailapp .row .eightcol {
  border-radius: 10px;
}

.p-detailapp p.headline {
  margin: 40px 0 20px;
  padding: 5px 16px 5px 2px;
  border-bottom: 1px solid;
  color: #fb0;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

.p-detailapp p img {
  margin: 1em auto;
  padding: 4px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.p-detailapp p img:hover {
  margin: 1em auto;
  padding: 4px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.p-detailapp p.button {
  position: relative;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: #ffec03;
}

.p-detailapp p.button:active {
  top: 4px;
}

.p-detailapp p.button a {
  display: block;
  padding: 16px;
  color: #000;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}

.p-detailapp p.button.icon a {
  margin-left: 45px;
}

.p-detailapp p.button.icon a img {
  position: absolute;
  top: -9px;
  left: 7px;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.p-detailapp p.button.ios-download {
  background: #ffec03;
}

.p-detailapp p.button.android-download {
  background: #48f787;
}

.p-detailapp p.button.other-download {
  background: #ffad03;
}

.p-detailapp ul li {
  font-size: inherit;
}

.p-detailapp ul.ranking, .p-detailapp ul.icon-list, .p-detailapp ul.ranking.icon {
  margin: 0;
  padding: 0;
}

.p-detailapp ul li {
  position: relative;
  margin-top: 20px;
  margin-right: 16px;
  margin-bottom: 20px;
  margin-left: 16px;
}

.p-detailapp ul.ranking.icon li,
.p-detailapp ul.icon-list li {
  margin: 0;
  padding: 15px 0 0 70px;
  min-height: 80px;
  border-top: 1px solid #e6e6e6;
  background: url("/assets/img/common/icon-rank0.png") 0 15px no-repeat;
  background-size: 59px;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
}

.p-detailapp ul.ranking li {
  margin: 0;
  padding: 15px 0 0 30px;
  min-height: 80px;
  border-top: 1px solid #e6e6e6;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
}

.p-detailapp ul.ranking li img {
  display: none;
}

.p-detailapp ul.ranking.icon li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 59px;
  height: auto;
}

.p-detailapp ul.icon-list li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 59px;
  height: auto;
}

.p-detailapp ul.ranking.icon li a,
.p-detailapp ul.icon-list li a {
  display: block;
}

.p-detailapp ul.ranking li a {
  display: block;
}

.p-detailapp ul.ranking.icon li strong {
  color: #888;
  font-weight: normal;
  font-size: 9px;
}

.p-detailapp ul.icon-list li strong {
  color: #888;
  font-weight: normal;
  font-size: 9px;
}

.p-detailapp ul.ranking li strong {
  color: #888;
  font-weight: normal;
  font-size: 9px;
}

.p-detailapp ul.ranking.icon li span {
  font-weight: bold;
  font-size: 9px;
}

.p-detailapp ul.icon-list li span {
  font-weight: bold;
  font-size: 9px;
}

.p-detailapp ul.ranking li span {
  font-weight: bold;
  font-size: 9px;
}

.p-detailapp ul.ranking.icon li:before {
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  height: 21px;
  content: "";
}

.p-detailapp ul.ranking li:before {
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  height: 21px;
  content: "";
}

.p-detailapp ul.ranking li:first-child:before {
  background: url("/assets/img/common/gold.png") center no-repeat;
  background-size: 36px;
}

.p-detailapp ul.ranking li:nth-child(2):before {
  background: url("/assets/img/common/silver.png") center no-repeat;
  background-size: 36px;
}

.p-detailapp ul.ranking li:nth-child(3):before {
  background: url("/assets/img/common/bronze.png") center no-repeat;
  background-size: 36px;
}

.p-detailapp ul.ranking.icon li:after {
  position: absolute;
  top: 15px;
  left: 5px;
  width: 22px;
  height: 38px;
  content: "";
}

.p-detailapp ul.ranking li:after {
  position: absolute;
  top: 15px;
  top: 15px;
  left: 5px;
  left: 0;
  width: 22px;
  height: 38px;
  content: "";
}

.p-detailapp ul.ranking li:first-child:after {
  background: url("/assets/img/common/no1.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(2):after {
  background: url("/assets/img/common/no2.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(3):after {
  background: url("/assets/img/common/no3.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(4):after {
  background: url("/assets/img/common/no4.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(5):after {
  background: url("/assets/img/common/no5.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(6):after {
  background: url("/assets/img/common/no6.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(7):after {
  background: url("/assets/img/common/no7.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(8):after {
  background: url("/assets/img/common/no8.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp ul.ranking li:nth-child(9):after {
  background: url("/assets/img/common/no9.png") center no-repeat;
  background-size: 22px;
}

.p-detailapp .app p.headline {
  color: #fb8819;
}

.p-detailapp ul.ranking li span.app,
.p-detailapp ul.icon-list li span.app,
.p-detailapp ul.ranking-icon li span.app {
  color: #fb8819;
}

.p-detailapp .beginners p.headline {
  color: #58cb19;
}

.p-detailapp ul.ranking li span.beginners,
.p-detailapp ul.icon-list li span.beginners,
.p-detailapp ul.ranking-icon li span.beginners {
  color: #58cb19;
}

.p-detailapp .game p.headline {
  color: #328eff;
}

.p-detailapp ul.ranking li span.game,
.p-detailapp ul.icon-list li span.game,
.p-detailapp ul.ranking-icon li span.game {
  color: #328eff;
}

.p-detailapp .god p.headline {
  color: #00b5a6;
}

.p-detailapp ul.ranking li span.god,
.p-detailapp ul.icon-list li span.god,
.p-detailapp ul.ranking-icon li span.god {
  color: #00b5a6;
}

.p-detailapp .kowaza p.headline {
  color: #855bff;
}

.p-detailapp ul.ranking li span.kowaza,
.p-detailapp ul.icon-list li span.kowaza,
.p-detailapp ul.ranking-icon li span.kowaza {
  color: #855bff;
}

.p-detailapp .news p.headline {
  color: #2a95ac;
}

.p-detailapp ul.ranking li span.news,
.p-detailapp ul.icon-list li span.news,
.p-detailapp ul.ranking-icon li span.news {
  color: #2a95ac;
}

.p-detailapp .hima p.headline {
  color: #ff7d92;
}

.p-detailapp ul.ranking li span.hima,
.p-detailapp ul.icon-list li span.hima,
.p-detailapp ul.ranking-icon li span.hima {
  color: #ff7d92;
}

.p-detailapp .app p.button {
  background: #fb8819;
}

.p-detailapp .beginners p.button {
  background: #58cb19;
}

.p-detailapp .game p.button {
  background: #328eff;
}

.p-detailapp .god p.button {
  background: #00b5a6;
}

.p-detailapp .kowaza p.button {
  background: #855bff;
}

.p-detailapp .news p.button {
  background: #2a95ac;
}

.p-detailapp .hima p.button {
  background: #ff7d92;
}

.p-detailapp p.privacy {
  display: none;
}

.p-detailapp .noframe img {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.p-detailapp span.grey {
  color: #aaa;
}

.p-detailapp hr {
  margin-right: 0;
  margin-left: 0;
  height: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 0;
}

.p-detailapp span.red {
  color: #f06;
  font-weight: bold;
}

.p-detailapp span.blue {
  color: #12a6e9;
  font-weight: bold;
}

.p-detailapp #lead-story {
  margin-bottom: 2em;
  padding: 10px;
  min-height: initial;
  border-radius: 10px;
  background: #00add8;
  color: #d4e7f1;
}

.p-detailapp #lead-story .postmetadata {
  border-radius: 10px;
  background: #00add8;
  color: #d4e7f1;
}

.p-detailapp #lead-story .item {
  position: static !important;
}

.p-detailapp #lead-story a {
  color: #fff;
}

.p-detailapp #lead-story a.dark {
  color: #fff;
}

.p-detailapp #lead-story a.dark:visited {
  color: #fff;
}

.p-detailapp #lead-story a:visited, .p-detailapp #lead-story a:hover, .p-detailapp #lead-story a:active {
  color: #fff;
}

.p-detailapp #lead-story a.lead-image {
  min-width: 150px;
  max-width: 300px;
  width: auto;
}

.p-detailapp .attachment-opti-featured {
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

.p-detailapp ul#recent-excerpts {
  list-style: none;
}

.p-detailapp ul#recent-excerpts li {
  margin-left: 0;
  padding-left: 125px;
  border-bottom: 1px solid #ebebeb;
}

.p-detailapp .excerpt img {
  position: absolute;
  top: -10px;
  left: 0;
  padding: 0;
  border: 1px solid #ebebeb;
  border-radius: 10px;
}

.p-detailapp .excerpt a {
  display: block;
}

.p-detailapp #recent-posts h3 {
  border-bottom: 1px solid #00add8;
  color: #00add8;
}

.p-detailapp #pagination li,
.p-detailapp .infinite-scroll #infinite-handle {
  float: clear;
  height: auto;
}

.p-detailapp #pagination li a,
.p-detailapp #infinite-handle span {
  display: block;
  margin: 0 auto;
  padding: 6px 16px;
  min-width: 200px;
  width: 10%;
  border-radius: 30px;
  background: #00add8;
  background: #00add8;
  color: #eee;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}

.p-detailapp #infscr-loading img {
  display: none !important;
}

.p-detailapp .thumb-wrap img {
  margin: 3px 10px 15px 3px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.p-detailapp .archive article,
.p-detailapp .search article {
  border-bottom: 1px solid #ebebeb;
}

.p-detailapp .postnav {
  width: 44%;
  font-size: 14px;
}

.p-detailapp .wpcom-related-posts {
  border-top: 1px solid #ddd;
}

.p-detailapp .wpcom-related-posts ul {
  padding-top: 25px;
}

.p-detailapp .wpcom-related-posts ul:before {
  content: "関連記事";
  font-weight: bold;
}

.p-detailapp .wpcom-related-posts ul li {
  display: list-item;
  margin-left: 18px;
  list-style-position: outside !important;
  list-style-type: disc !important;
}

.p-detailapp article {
  position: relative;
}

.p-detailapp article h1.posttitle,
.p-detailapp article p.postmetadata {
  padding-left: 70px;
}

.p-detailapp aside .widget {
  border-radius: 10px;
  background: #f5f5f5;
}

.p-detailapp aside .widget-wrap {
  border: 0;
  background: transparent;
}

.p-detailapp aside h3.widgettitle {
  margin: 2px 2px 15px;
  padding: 0 0 5px;
  border-bottom: 1px solid;
  background: #f5f5f5;
  color: #00add8;
}

.p-detailapp aside .widget li {
  border-bottom: 1px solid #ebebeb;
  line-height: 1.5;
}

.p-detailapp #related-posts h5 {
  margin: 20px 0 0;
  font-size: 14px;
}

.p-detailapp #related-posts ul {
  padding-top: 0;
}

.p-detailapp #related-posts:last-child {
  border-bottom: none;
}

.p-detailapp #search-2 input.searchfield {
  width: 85%;
}

.p-detailapp footer {
  margin-bottom: -20px;
}

.p-detailapp footer .col {
  width: 100%;
}

.p-detailapp #categories-2.widget li {
  float: left;
  margin: 0 20px 0 0;
}

.p-detailapp .postid-33757 .postmetadata {
  display: none;
}

.p-detailapp .postid-33757 ul {
  margin-top: -20px;
  margin-right: 10px;
}

.p-detailapp #wpcom-related-posts-33757 {
  margin-top: 50px;
}

@media handheld, only screen and (max-width: 400px) {
  .p-detailapp #menu-primary-menu {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .p-detailapp #nav-primary {
    display: block;
  }
}

@media handheld, only screen and (max-width: 767px) {
  .p-detailapp h1.posttitle {
    padding: 0;
  }
  .p-detailapp ul#recent-excerpts li {
    margin-left: 0;
    padding-left: 70px;
    border-bottom: 1px solid #ebebeb;
  }
  .p-detailapp .thumb-wrap img {
    width: 70px;
  }
  .p-detailapp .archive article,
  .p-detailapp .search article {
    padding-right: 0;
    padding-left: 0;
  }
  .p-detailapp article h1.posttitle,
  .p-detailapp article p.postmetadata {
    padding-left: 70px;
  }
}

@media handheld, only screen and (max-width: 580px) {
  .p-detailapp #menu-primary-menu {
    display: none;
  }
  .p-detailapp h1.posttitle {
    font-size: 18px;
  }
  .p-detailapp p.button.iphone-only:after {
    display: none;
  }
}

@media handheld, only screen and (max-width: 580px) {
  .p-detailapp #menu-primary-menu {
    display: none;
  }
  .p-detailapp #nav-primary:before {
    position: absolute;
    top: 13px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3%;
    padding: 5px;
    width: 94%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #333;
    content: "メニュー";
    font-weight: bold;
    font-size: 15px;
  }
  .p-detailapp #nav-primary:after {
    position: absolute;
    top: 27px;
    right: 25px;
    width: 0;
    height: 0;
    border-top: 8px solid #ccc;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: "";
  }
  .p-detailapp #masthead {
    background-position: -430px 0 !important;
    background-size: 1200px !important;
  }
}

@media all and (max-width: 580px) {
  .p-detailapp {
    /* Cat Archive */
  }
  .p-detailapp .menu#nav-primary {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-detailapp #lead-story {
    margin-top: 10px;
    padding: 5px;
    height: auto;
    border-radius: 5px;
  }
  .p-detailapp #lead-story a.lead-image {
    margin-right: 10px;
    min-width: 100px;
    min-height: 70px;
    max-width: 100px;
  }
  .p-detailapp #lead-story .item h2 {
    font-size: 14px;
  }
  .p-detailapp #lead-story .item .postmetadata {
    font-size: 10px;
  }
  .p-detailapp ul#recent-excerpts li {
    margin-top: 0;
    min-height: 70px;
  }
  .p-detailapp ul#recent-excerpts li h4 {
    letter-spacing: normal;
    font-size: 14px;
    line-height: normal;
  }
  .p-detailapp ul#recent-excerpts li p {
    margin: 0;
    padding: 0;
    font-size: 10px;
  }
  .p-detailapp .excerpt-wrap p {
    margin: 0;
    padding: 0;
    font-size: 10px;
  }
  .p-detailapp .excerpt img {
    position: absolute;
    top: -15px;
    left: 0;
    padding: 0;
    border: 0 solid #ebebeb;
    border-radius: 10px;
  }
  .p-detailapp .excerpt p {
    display: none;
    padding: 0;
  }
  .p-detailapp .excerpt-wrap {
    display: none;
  }
  .p-detailapp .archive article,
  .p-detailapp .search article {
    margin: 0;
    padding: 10px 0 0;
    min-height: 80px;
  }
  .p-detailapp .thumb-wrap img {
    padding: 0;
    border: 1px solid #ebebeb;
    border-radius: 10px;
  }
  .p-detailapp .excerpt-wrap h2 {
    letter-spacing: normal;
    font-size: 14px !important;
    line-height: normal;
  }
}

@media all and (max-width: 567px) {
  .p-detailapp #lead-story {
    height: auto;
  }
}

@media all and (max-width: 480px) {
  .p-detailapp #menu-primary-menu {
    display: none;
  }
  .p-detailapp #main,
  .p-detailapp .searchform,
  .p-detailapp #nav,
  .p-detailapp .home .row .eightcol,
  .p-detailapp .single .row .eightcol {
    margin: 0.5em;
  }
  .p-detailapp #logo {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 70px 0 0;
    max-width: 100%;
    height: 0;
    background-position: -15px 0 !important;
    background-size: 178px auto;
  }
  .p-detailapp #branding {
    height: 70px;
  }
}

@media screen and (max-width: 320px) {
  .p-detailapp {
    /* Show */
    /* Home Page Only ----------*/
    /* wigets */
    /* Single Page Only ----------*/
    /* Add Top */
  }
  .p-detailapp .single #text-2,
  .p-detailapp .single #text-4,
  .p-detailapp .single #text-6,
  .p-detailapp .single #text-7 {
    display: block;
  }
  .p-detailapp #main,
  .p-detailapp .searchform,
  .p-detailapp #nav,
  .p-detailapp .home .row .eightcol,
  .p-detailapp .single .row .eightcol {
    margin: 0.4em;
  }
  .p-detailapp #main {
    padding: 0;
  }
  .p-detailapp .post {
    padding: 0;
  }
  .p-detailapp .post p {
    padding: 0;
  }
  .p-detailapp h1.posttitle {
    font-size: 16px;
  }
  .p-detailapp article p.postmetadata {
    font-size: 8px;
  }
  .p-detailapp .breadcrumbs {
    display: none;
    padding: 10px;
    color: #ccc;
    font-size: 10px !important;
  }
  .p-detailapp .breadcrumbs strong {
    letter-spacing: -0.06em;
    font-weight: normal;
  }
  .p-detailapp .breadcrumbs a {
    color: #ccc;
  }
  .p-detailapp .breadcrumbs a:visited, .p-detailapp .breadcrumbs a:hover, .p-detailapp .breadcrumbs a:active, .p-detailapp .breadcrumbs a:focus {
    color: #ccc;
  }
  .p-detailapp #recent-posts h3,
  .p-detailapp #recent-posts li {
    margin: 1em 0;
    padding: 5px 0;
  }
  .p-detailapp #pagination li a,
  .p-detailapp .infinite-scroll #infinite-handle {
    margin-left: 10px;
    width: 300px;
    height: 40px;
    text-align: center;
  }
  .p-detailapp aside .widget {
    margin: 0;
    border-radius: 0;
  }
  .p-detailapp .textwidget {
    margin: 0;
  }
  .p-detailapp #text-6 {
    height: 140px;
  }
  .p-detailapp #text-4 {
    margin-left: 10px;
  }
  .p-detailapp #top-posts-2 ul {
    overflow: hidden;
    height: 385px;
  }
  .p-detailapp .single #text-7 {
    position: absolute;
    top: 0;
    height: 100px;
  }
  .p-detailapp .headline {
    margin-right: 10px;
    margin-left: 10px;
  }
  .p-detailapp .single ul.ranking {
    margin-right: 10px;
    margin-left: 10px;
  }
  .p-detailapp .single .row .eightcol {
    padding-top: 110px;
  }
  .p-detailapp #jp-post-flair .sd-title {
    font-size: 14px !important;
  }
  .p-detailapp div.sharedaddy div.sd-block {
    padding: 10px;
  }
  .p-detailapp #main div.sharedaddy .sd-social h3 {
    display: block;
    margin-bottom: 10px;
    width: 100%;
  }
  .p-detailapp div.sharedaddy .sd-content {
    float: none;
    width: auto;
  }
  .p-detailapp .wpcom-related-posts ul {
    padding-right: 10px;
    padding-left: 10px;
  }
  .p-detailapp .wpl-count {
    padding-top: 10px;
  }
  .p-detailapp .postnav.left {
    margin-left: 10px;
  }
  .p-detailapp .postnav.right {
    margin-right: 10px;
  }
  .p-detailapp #related-posts h5 {
    margin: 20px 0 5px 10px;
  }
  .p-detailapp #related-posts ul {
    padding-top: 5px;
  }
  .p-detailapp #related-posts li {
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 1.5;
  }
  .p-detailapp #text-2 .textwidget {
    margin: 10px 10px 0;
  }
  .p-detailapp #text-2 a {
    color: #111;
  }
  .p-detailapp #text-2 a:hover, .p-detailapp #text-2 a:visited {
    color: #111;
  }
  .p-detailapp #text-2 img {
    float: left;
    margin-right: 10px;
    width: 80px;
    border-radius: 16px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
  .p-detailapp #search-2 {
    background: #f5f5f5;
  }
  .p-detailapp .widget_search form {
    padding: 0;
  }
  .p-detailapp aside .widget:last-child {
    margin-bottom: 0;
  }
  .p-detailapp #categories-2.widget li {
    display: block;
    float: none;
    margin: 0 20px 0 0;
  }
}

.p-detailapp p.button.iphone-only:after {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 18px;
  width: 400px;
  border: 2px solid #999;
  border-radius: 3px;
  background: #f2f2f2;
  color: #999;
  content: "iPhoneのみアクセスできます";
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

.p-detailapp .dlbutton {
  margin: -10px 0;
}

.p-detailapp hr.dashed {
  border: 0;
  border-bottom: 1px dashed #999;
}

.p-detailapp hr.deco1 {
  display: block;
  height: 13px;
  border: 0;
  background: url("/assets/img/common/hr_pattern_26x132x.png") repeat-x left top;
  -webkit-background-size: 26px 13px;
}

.p-detailapp hr.deco2 {
  display: block;
  height: 13px;
  border: 0;
  background-color: #ccc;
  background-image: linear-gradient(45deg, #fafafa 25%, transparent 25%, transparent 75%, #fafafa 75%, #fafafa), linear-gradient(-45deg, #fafafa 25%, transparent 25%, transparent 75%, #fafafa 75%, #fafafa);
  background-size: 13px 13px;
}

.p-detailapp hr.deco3 {
  display: block;
  height: 13px;
  border: 0;
  background: #fafafa;
  background: linear-gradient(115deg, transparent 75%, #ccc 75%) 0 0, linear-gradient(245deg, transparent 75%, #ccc 75%) 0 0, linear-gradient(115deg, transparent 75%, #ccc 75%) 7px -15px, linear-gradient(245deg, transparent 75%, #ccc 75%) 7px -15px, #fafafa;
  background-size: 13px 30px;
}

.p-detailapp hr.deco4 {
  display: block;
  height: 13px;
  border: 0;
  background: linear-gradient(135deg, #fafafa 25%, transparent 25%) -50px 0, linear-gradient(225deg, #fafafa 25%, transparent 25%) -50px 0, linear-gradient(315deg, #fafafa 25%, transparent 25%), linear-gradient(45deg, #fafafa 25%, transparent 25%);
  background-color: #ccc;
  background-size: 13px 13px;
}

.p-detailapp hr.deco5 {
  display: block;
  height: 10px;
  border: 0;
  background: linear-gradient(63deg, #fafafa 23%, transparent 23%) 7px 0, linear-gradient(63deg, transparent 74%, #fafafa 78%), linear-gradient(63deg, transparent 34%, #fafafa 38%, #fafafa 58%, transparent 62%), #ccc;
  background-size: 5px 15px;
}

.p-detailapp .wpcom-related-posts .wp-post-image {
  display: none;
}

.p-detailhead {
  margin-top: 30px;
  padding: 0 15px 20px;
}

@media screen and (min-width: 768px) {
  .p-detailhead {
    margin-top: 0;
    padding: 0 15px 30px;
  }
}

.p-detailhead a {
  color: #3d3d3d;
  text-decoration: none;
}

.p-detailhead a:visited {
  color: #3d3d3d;
}

.p-detailhead__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
}

.p-detailhead__titleImg {
  padding-right: 15px;
}

.p-detailhead__titleImg img {
  width: 90px;
}

.p-detailhead__titleText {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.42857;
}

@media screen and (min-width: 768px) {
  .p-detailhead__titleText {
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 1.11111;
  }
}

.p-detailhead__info {
  font-size: 0;
}

.p-detailhead__infoSupport {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid #a4b3bc;
  color: #a4b3bc;
  vertical-align: top;
  font-size: 11px;
  line-height: 20px;
}

.p-detailhead__infoDownload_stop {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #a4b3bc;
  vertical-align: top;
  font-size: 11px;
  line-height: 20px;
}

.p-detailhead__infoDownload_stop .p-appdownload__btn {
  margin: 0 0 5px;
}

.p-detailhead__infoDownload {
  display: inline-block;
  vertical-align: top;
}

.p-detailhead__infoDownload .p-appdownload__btn {
  margin: 0 0 5px;
}

.p-detailhead__lead {
  margin: 0 0 15px;
  font-weight: 200;
  font-size: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .p-detailhead__lead {
    font-size: 28px;
    line-height: 1.21429;
  }
}

.p-detailhead .c-flexContainer {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-detailhead .c-flexContainer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-detailhead__description {
  margin: 0 0 25px;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .p-detailhead__description {
    margin: 0;
  }
}

.p-detailhead__descriptionItem {
  padding: 0 0 5px 17px;
  background-image: url(/assets/img/icon/catchcopy_android.svg);
  background-position: 0 0.2em;
  background-size: auto 10px;
  background-repeat: no-repeat;
  font-size: 11px;
  line-height: 1.45455;
}

.p-detailhead__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .p-detailhead__data {
    min-width: 290px;
  }
}

.p-detailhead__data .c-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-detailhead__data .c-rating__score {
  margin-right: 10px;
}

.p-detailhead__dataDate {
  color: #a4b3bc;
  font-size: 11px;
}

.p-detailhead__dataDate .score {
  display: inline-block;
  margin-right: 15px;
  margin-right: 10px;
  font-weight: 200;
  font-size: 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.2;
}

/* iOS color */
body.iosPage .p-detailhead a {
  color: #3d3d3d;
  text-decoration: none;
}

body.iosPage .p-detailhead a:visited {
  color: #3d3d3d;
}

body.iosPage .p-detailhead__descriptionItem {
  background-image: url(/assets/img/icon/catchcopy_ios.svg);
}

/* Android color*/
body.androidPage .p-detailhead a {
  color: #3d3d3d;
  text-decoration: none;
}

body.androidPage .p-detailhead a:visited {
  color: #3d3d3d;
}

body.androidPage .p-detailhead__descriptionItem {
  background-image: url(/assets/img/icon/catchcopy_android.svg);
}

.p-downloadapp {
  position: relative;
  margin: 0 15px 50px;
  padding: 30px 15px 15px;
  border-radius: 2px;
  background-color: #f4f5f5;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1) inset;
}

@media screen and (min-width: 768px) {
  .p-downloadapp {
    margin: 0 0 100px;
  }
}

.p-downloadapp:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-width: 14px 15.5px 0 15.5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  content: "";
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-downloadapp__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
}

.p-downloadapp__img {
  margin-right: 15px;
}

.p-downloadapp__titleText {
  margin: 0 0 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.42857;
}

.p-downloadapp__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 11px;
  line-height: 1.81818;
}

.p-downloadapp__morelink {
  margin: 0;
}

.p-downloadapp__morelink a {
  text-decoration: none;
}

.p-downloadapp__morelink a:before {
  margin-right: 3px;
  content: ">";
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-downloadapp__morelink a:hover:before {
  margin-right: 8px;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-downloadapp .c-btn__download,
.p-downloadapp .c-btn__download_stop {
  margin: 0 0 15px;
}

.p-downloadapp__note {
  margin: 0;
  color: #a4b3bc;
  font-size: 11px;
  line-height: 1.45455;
}

.p-downloadapp + .p-sns {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .p-downloadapp + .p-sns {
    margin-top: -50px;
  }
}

/* iOS color */
body.iosPage .p-downloadapp__morelink a,
body.iosPage .p-downloadapp__morelink a:visited {
  color: #e6a800;
}

body.iosPage .p-downloadapp__morelink a:hover,
body.iosPage .p-downloadapp__morelink a:visited:hover {
  color: #cc9200;
}

/* Android color*/
body.androidPage .p-downloadapp__morelink a,
body.androidPage .p-downloadapp__morelink a:visited {
  color: #3bcc70;
}

body.androidPage .p-downloadapp__morelink a:hover,
body.androidPage .p-downloadapp__morelink a:visited:hover {
  color: #2e9952;
}

.p-error {
  padding-top: 50px;
  padding-right: 15px;
  padding-left: 15px;
}

.p-error__title {
  text-align: center;
  line-height: 1.4;
}

.p-error__errormark {
  margin-top: 60px;
}

.p-error__errormark__title {
  color: #29fcf6;
  text-align: center;
  letter-spacing: 0;
  font-size: 60px;
  line-height: 70px;
}

.p-error__errormark__mark {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 306px;
}

@media screen and (max-width: 767px) {
  .p-error__errormark__mark {
    width: 100%;
  }
}

.p-error__errormark__mark img {
  width: 306px;
  height: 246px;
}

@media screen and (max-width: 767px) {
  .p-error__errormark__mark img {
    width: 100%;
    height: auto;
  }
}

.p-error__errormark__subtext {
  margin-top: 5px;
  color: #48f787;
  text-align: center;
  letter-spacing: 1.08px;
  font-size: 12px;
  line-height: 20px;
}

.p-error__description {
  margin-top: 80px;
}

.p-error__description__text {
  color: #3d3d3d;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .p-error__description__text {
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .p-error__description__text {
    text-align: center;
  }
}

.p-error__description__text + .p-error__description__text {
  margin-top: 15px;
}

.p-error .c-relationlinks {
  margin-top: 55px;
  padding-bottom: 70px;
}

.p-error--500 .p-error__errormark__title {
  color: #ffec03;
}

.p-error--500 .p-error__errormark__subtext {
  color: #fb0;
}

.p-error--500 .p-error__description__text + .p-error__description__text {
  margin-top: 30px;
}

body.androidPage .p-error__errormark__mark.is-android {
  display: block;
}

body.androidPage .p-error__errormark__mark.is-ios {
  display: none;
}

body.iosPage .p-error__errormark__mark.is-android {
  display: none;
}

body.iosPage .p-error__errormark__mark.is-ios {
  display: block;
}

.p-leadapp {
  margin: 20px 15px 0;
}

.p-leadapp__title {
  margin-bottom: 5px;
  min-height: 60px;
  font-size: 24px;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .p-leadapp__title {
    margin-bottom: 10px;
    font-size: 32px;
  }
}

.p-leadapp__meta {
  margin-bottom: 10px;
  color: #a4b3bc;
  font-size: 13px;
}

.p-leadapp__meta a,
.p-leadapp__meta a:visited {
  color: #a4b3bc !important;
  text-decoration: none;
}

.p-leadapp__metaCat {
  position: relative;
  padding-left: 20px;
}

.p-leadapp__metaCat:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  background-image: url(/assets/img/icon/news.svg);
  background-size: 13px auto;
  color: #627077;
  content: "";
}

.p-leadapp__metaDate {
  margin-left: 10px;
}

.p-leadapp__applist {
  margin-bottom: 10px;
}

.p-leadapp__applistItem {
  display: inline;
  margin-right: 5px;
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .p-leadapp__applistItem {
    margin-right: 10px;
  }
}

.p-leadapp__text {
  font-size: 14px;
  line-height: 1.71429;
}

.p-mainvisual {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-mainvisual {
    overflow: visible;
    margin: 50px 0 0;
    height: 225px;
  }
}

@media screen and (max-width: 767px) {
  .p-mainvisual {
    overflow: hidden;
    height: 180px;
  }
}

@media screen and (min-width: 768px) {
  .p-mainvisual.useTransition .p-mainvisual__item {
    -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
    transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  }
  .p-mainvisual.useTransition .p-mainvisual__item:hover {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}

.p-mainvisual__inner {
  width: 2319px;
}

.p-mainvisual__inner:after {
  display: block;
  clear: both;
  content: "";
}

.p-mainvisual__item {
  float: left;
}

@media screen and (min-width: 768px) {
  .p-mainvisual__item {
    margin-right: 5px;
    width: 400px;
    height: 225px;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.33);
            box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.33);
  }
}

@media screen and (max-width: 767px) {
  .p-mainvisual__item {
    width: 320px;
    height: 180px;
  }
}

.p-mainvisual__item a {
  position: relative;
  display: block;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  color: #fff;
  -webkit-transition: none;
  transition: none;
}

@media screen and (min-width: 768px) {
  .p-mainvisual__item a {
    border-radius: 4px;
  }
}

.p-mainvisual__item p {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
  font-size: 14px;
  line-height: 1.43;
}

@media screen and (min-width: 768px) {
  .p-mainvisual__item p {
    border-radius: 4px;
    font-size: 18px;
    line-height: 1.33;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}

.p-mainvisual__item p span {
  display: block;
  margin-bottom: 0.5em;
  font-size: 11px;
}

@media screen and (min-width: 768px) {
  .p-mainvisual__item:hover {
    z-index: 10;
    -webkit-box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.53);
            box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.53);
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
}

/* iOS color */
body.iosPage .p-mainvisual__item a,
body.iosPage .p-mainvisual__item a:visited {
  color: #fff;
}

body.iosPage .p-mainvisual__item a:hover {
  color: #fff;
}

/* Android color*/
body.androidPage .p-mainvisual__item a,
body.androidPage .p-mainvisual__item a:visited {
  color: #fff;
}

body.androidPage .p-mainvisual__item a:hover {
  color: #fff;
}

.p-movieapp {
  margin: 0 0 30px;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .p-movieapp {
    padding: 0;
  }
}

.p-movieapp__movie {
  position: relative;
  overflow: hidden;
  margin: 0 0 -15px;
  padding: 0 0 60%;
  height: 0;
}

@media screen and (min-width: 768px) {
  .p-movieapp__movie {
    margin: 0;
  }
}

.p-movieapp__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.p-movieapp__date {
  display: block;
  margin: 15px 0 30px;
  color: #a4b3bc;
  font-size: 13px;
}

.p-movieapp__text {
  margin: 0 0 50px;
}

.p-movieapp__text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.71429;
  overflow-wrap: break-word;
}

.p-movieCarousel {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-movieCarousel {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    max-width: 928px;
  }
}

@media screen and (min-width: 768px) {
  .p-movieCarousel:after {
    position: absolute;
    top: 0;
    right: -20px;
    z-index: 10;
    display: block;
    width: 60px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.04)));
    background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
    content: "";
  }
}

.p-movieCarousel .c-heading {
  padding-right: 15px;
  padding-left: 15px;
}

.p-movieCarousel__inner {
  margin: 30px 0;
}

.p-movieCarousel__inner:after {
  display: block;
  clear: both;
  content: "";
}

.p-movieCarousel__none {
  font-size: 11px;
}

@media screen and (min-width: 768px) {
  .p-movieCarousel__none {
    font-size: 14px;
  }
}

.p-movieCarousel .p-movieCarouselItem {
  float: left;
  margin-right: 12.5px;
  margin-left: 12.5px;
  width: 240px;
  border-radius: 2px;
  background-color: #fff;
}

.p-movieCarousel .p-movieCarouselItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  color: #333;
  text-decoration: none;
}

.p-movieCarousel .p-movieCarouselItem a:hover {
  -webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.18);
}

@media screen and (min-width: 768px) {
  .p-movieCarousel .p-movieCarouselItem a:hover {
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
}

.p-movieCarousel .p-movieCarouselItem__text {
  padding: 15px;
  border-radius: 2px;
}

.p-movieCarousel .p-movieCarouselItem__title {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.44;
}

.p-movieCarousel .p-movieCarouselItem__metaDate {
  color: #a4b3bc;
  font-size: 13px;
  line-height: 1;
}

.p-movieCarousel .p-movieCarouselItem__img {
  overflow: hidden;
  width: 100%;
  border-radius: 2px 2px 0 0;
}

.p-movieCarousel .p-movieCarouselItem__img img {
  width: 100%;
  height: auto;
}

/* iOS color */
body.iosPage .p-movieCarouselItem > a,
body.iosPage .p-movieCarouselItem > a:visited,
body.iosPage .p-movieCarouselItem > a:hover {
  color: #333;
}

/* Android color*/
body.androidPage .p-movieCarouselItem > a,
body.androidPage .p-movieCarouselItem > a:visited,
body.androidPage .p-movieCarouselItem > a:hover {
  color: #333;
}

.p-movieList {
  margin-right: 15px;
  margin-left: 15px;
  width: auto;
}

@media screen and (min-width: 768px) {
  .p-movieList {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

.c-heading + .p-movieListItem {
  margin-top: 15px;
}

.p-movieListItem {
  padding: 15px 0;
  width: 100%;
  border-bottom: 1px solid #cdd4d8;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-movieListItem:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media screen and (min-width: 768px) {
  .p-movieListItem {
    padding: 20px 0;
  }
}

.p-movieListItem:hover {
  background-color: #f5f5f5;
}

.p-movieListItem:last-child {
  border-bottom: none;
}

.p-movieListItem a {
  display: block;
  padding-right: 15px;
  padding-left: 15px;
  color: #333;
  text-decoration: none;
}

.p-movieListItem__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 20px;
  width: 100%;
}

.p-movieListItem__text {
  position: relative;
  margin-left: 15px;
  width: calc(100% - 115px - 15px);
}

@media screen and (min-width: 768px) {
  .p-movieListItem__text {
    width: calc(100% - 168px - 15px);
  }
}

.p-movieListItem__img {
  width: 115px;
}

@media screen and (min-width: 768px) {
  .p-movieListItem__img {
    width: 168px;
  }
}

.p-movieListItem__shadow {
  overflow: hidden;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
}

.p-movieListItem__shadow img {
  width: 100%;
  height: auto;
}

.p-movieListItem__title {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.43;
}

.p-movieListItem__metaDate {
  position: absolute;
  display: block;
  margin-top: 7px;
  color: #a4b3bc;
  font-size: 10px;
  line-height: 1;
}

.p-movieList--small {
  border-top: 1px solid #cdd4d8;
}

.p-movieList--small .p-movieListItem__inner {
  padding: 0 0 5px;
}

.p-movieList--small .p-movieListItem__metaDate {
  bottom: inherit;
}

/* iOS color */
body.iosPage .p-movieListItem > a,
body.iosPage .p-movieListItem > a:visited,
body.iosPage .p-movieListItem > a:hover {
  color: #333;
}

/* Android color*/
body.androidPage .p-movieListItem > a,
body.androidPage .p-movieListItem > a:visited,
body.androidPage .p-movieListItem > a:hover {
  color: #333;
}

.p-newsCarousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-newsCarousel {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .p-newsCarousel:before {
    position: absolute;
    top: 20%;
    z-index: 10;
    display: block;
    height: 80%;
    content: "";
  }
}

@media screen and (min-width: 768px) {
  .p-newsCarousel:before {
    right: 0;
    width: 60px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  }
}

.c-bnrBox + .p-newsCarouselBlock {
  margin: 30px 0 0;
}

.p-newsCarousel__inner {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .p-newsCarousel__inner {
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .p-newsCarousel__inner {
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-newsCarousel__inner .c-heading {
    margin-right: 15px;
    margin-left: 15px;
  }
}

.p-newsCarouselList {
  margin-top: 15px;
  width: 9999px;
}

.p-newsCarouselList:after {
  display: block;
  clear: both;
  content: "";
}

.p-newsCarouselWrap {
  float: left;
  padding: 0 12.5px;
  width: 256px;
}

@media screen and (min-width: 768px) {
  .p-newsCarouselWrap {
    width: 318px;
  }
}

.p-newsCarousel .p-newsCarouselItem {
  position: relative;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-newsCarousel .p-newsCarouselItem:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.p-newsCarousel .p-newsCarouselItem:hover {
  -webkit-box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.26);
}

@media screen and (min-width: 768px) {
  .p-newsCarousel .p-newsCarouselItem:hover {
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
  .p-newsCarousel .p-newsCarouselItem:hover:hover {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}

.p-newsCarousel .p-newsCarouselItem a {
  color: #fff;
}

.p-newsCarousel .p-newsCarouselItem__text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

.p-newsCarousel .p-newsCarouselItem__category {
  font-size: 11px;
  line-height: 1;
}

.p-newsCarousel .p-newsCarouselItem__title {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.44;
}

.p-newsCarousel .p-newsCarouselItem__img {
  width: 256px;
  height: 150px;
}

@media screen and (min-width: 768px) {
  .p-newsCarousel .p-newsCarouselItem__img {
    width: 318px;
    height: 212px;
  }
}

.p-newsCarousel .p-newsCarouselItem__img img {
  width: 256px;
  height: 150px;
  border-radius: 2px;
}

@media screen and (min-width: 768px) {
  .p-newsCarousel .p-newsCarouselItem__img img {
    width: 318px;
    height: 212px;
  }
}

/* iOS color */
body.iosPage .p-newsCarouselItem a,
body.iosPage .p-newsCarouselItem a:visited {
  color: #fff;
}

body.iosPage .p-newsCarouselItem a:hover {
  color: #fff;
}

/* Android color*/
body.androidPage .p-newsCarouselItem a,
body.androidPage .p-newsCarouselItem a:visited {
  color: #fff;
}

body.androidPage .p-newsCarouselItem a:hover {
  color: #fff;
}

.p-newsList {
  margin: 0 15px;
  padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .p-newsList {
    margin: 0;
    padding-bottom: 0;
  }
}

.p-newsList .p-newsListColumn {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-newsList .p-newsListColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px auto 0;
    padding: 0;
    width: 100%;
  }
}

.p-newsList .p-newsListColumn .p-newsListItem {
  margin-left: 0;
  border-bottom: solid 1px #cdd4d8;
}

@media screen and (min-width: 768px) {
  .p-newsList .p-newsListColumn .p-newsListItem {
    border-bottom: none;
  }
}

.p-newsList .p-newsListColumn .p-newsListItem:last-child {
  border-bottom: none;
}

.p-newsList .p-newsListColumn .p-newsListItem:first-child {
  margin-left: 0;
}

.p-newsList .p-newsListColumn .p-newsListItem a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .p-newsList .p-newsListColumn .p-newsListItem a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 15px;
    width: 170px;
  }
}

.p-newsList .p-newsListColumn .p-newsListItem__img {
  width: 115px;
}

@media screen and (min-width: 768px) {
  .p-newsList .p-newsListColumn .p-newsListItem__img {
    width: 100%;
  }
}

.p-newsList .p-newsListColumn .p-newsListItem__text {
  margin-top: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-newsList .p-newsListColumn .p-newsListItem__text {
    margin-top: 10px;
  }
}

.p-newsList .p-newsListColumn .p-newsListItem__meta {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-newsList .p-newsListColumn .p-newsListItem__meta {
    text-align: right;
  }
}

.p-newsListItem {
  width: auto;
  border-bottom: solid 1px #cdd4d8;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-newsListItem:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.p-newsListItem:last-child {
  border-bottom: none;
}

.p-newsListItem:first-child {
  margin-left: 0;
}

.c-heading + .p-newsListItem {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .c-heading + .p-newsListItem {
    margin-top: 0;
  }
}

.p-newsListItem:hover {
  background-color: #f5f5f5;
}

.p-newsListItem > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 15px 0;
  width: 100%;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-newsListItem > a {
    padding: 30px 15px;
  }
}

.p-newsListItem__text {
  width: 60%;
}

.p-newsListItem__title {
  color: #3d3d3d;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.43;
}

.p-newsListItem__detail {
  margin-top: 5px;
  color: #a4b3bc;
  font-size: 10px;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-newsListItem__detail {
    font-size: 12px;
    line-height: 1.4;
  }
}

.p-newsListItem__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 115px;
          flex: 0 0 115px;
  margin-right: 15px;
  min-height: 0%;
  width: 115px;
}

@media screen and (min-width: 768px) {
  .p-newsListItem__img {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    max-width: 168px;
    width: 40%;
  }
}

.p-newsListItem__img img {
  width: 100%;
  height: auto;
  border: solid 1px #979797;
}

.p-newsListItem__meta {
  margin-top: 5px;
  color: #a4b3bc;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 300;
  font-family: "Noto Sans", sans-serif;
}

@media screen and (min-width: 768px) {
  .p-newsListItem__meta {
    font-size: 13px;
  }
}

.p-newsListItem__metaDate {
  display: block;
}

.p-newsListItem__metaCat {
  display: block;
}

/* iOS color */
body.iosPage .p-newsListItem > a,
body.iosPage .p-newsListItem > a:visited,
body.iosPage .p-newsListItem > a:hover {
  color: #333;
}

/* Android color*/
body.androidPage .p-newsListItem > a,
body.androidPage .p-newsListItem > a:visited,
body.androidPage .p-newsListItem > a:hover {
  color: #333;
}

.p-paragraph:first-of-type {
  margin-top: 70px;
}

.p-paragraph + .p-paragraph {
  margin-top: 45px;
}

.p-paragraph__title {
  color: #292f36;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 24px;
}

.p-paragraph__title + .p-paragraph__text {
  margin-top: 15px;
}

.p-paragraph__subtitle {
  color: #3d3d3d;
  letter-spacing: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}

.p-paragraph__text {
  color: #3d3d3d;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 24px;
}

.p-paragraph__text + .p-paragraph__text {
  margin-top: 50px;
}

.p-paragraph__text + .p-paragraph__text--halfmargin {
  margin-top: 15px;
}

.p-paragraph__text + .p-paragraph__subtitle {
  margin-top: 15px;
}

.p-paragraph__text + .p-paragraph__disclist {
  margin-top: 20px;
}

.p-paragraph__text + .p-paragraph__nonelist {
  margin-top: 20px;
}

.p-paragraph__table {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #ccc;
  border-spacing: 0;
  border-collapse: collapse;
  color: #3d3d3d;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 24px;
}

.p-paragraph__table thead tr th {
  padding: 5px;
  width: 50%;
  border-right: 1px solid #ccc;
}

.p-paragraph__table tbody tr td {
  padding: 5px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.p-paragraph__nonelist {
  margin-left: 18px;
}

.p-paragraph__nonelist > li {
  color: #3d3d3d;
  list-style: none;
  font-size: 14px;
}

.p-paragraph__nonelist > li + li {
  margin-top: 8px;
}

.p-paragraph__nonelist > li + .p-paragraph__disclist {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 38px;
}

.p-paragraph__disclist {
  margin-left: 18px;
}

.p-paragraph__disclist > li {
  color: #3d3d3d;
  list-style: disc;
  font-size: 14px;
}

.p-paragraph__disclist > li + li {
  margin-top: 8px;
}

.p-paragraph__disclist > li .p-paragraph__circlelist {
  margin-top: 8px;
  margin-bottom: 8px;
}

.p-paragraph__circlelist {
  margin-left: 15px;
}

.p-paragraph__circlelist > li {
  color: #3d3d3d;
  list-style: circle;
  font-size: 14px;
}

.p-paragraph__circlelist > li + li {
  margin-top: 8px;
}

.p-paragraph__numberlist {
  margin-left: 18px;
}

.p-paragraph__numberlist > li {
  color: #3d3d3d;
  list-style: decimal;
  font-size: 14px;
}

.p-paragraph__numberlist > li + li {
  margin-top: 8px;
}

.p-paragraph__circlenumberlist {
  counter-reset: num;
}

.p-paragraph__circlenumberlist > li {
  color: #3d3d3d;
  list-style-type: none;
  font-size: 14px;
}

.p-paragraph__circlenumberlist > li + li {
  margin-top: 8px;
}

.p-paragraph__circlenumberlist > li::before {
  content: "(" counter(num) ")";
  counter-increment: num;
}

.p-paragraph__contact {
  margin-top: 50px;
}

.p-paragraph__contact__title {
  color: #3d3d3d;
  letter-spacing: 0;
  font-weight: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}

.p-paragraph__contact__address {
  margin-bottom: 20px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}

.p-paragraph__contact__link a {
  color: #3d3d3d;
  text-decoration: underline;
  font-weight: 600;
  font-size: 14px;
}

.p-paragraph__contact__link a:hover {
  text-decoration: none;
}

.p-paragraph__updatelist {
  margin-top: 30px;
  padding: 0 15px;
  color: #3d3d3d;
  font-weight: 600;
  font-size: 14px;
}

.p-presskit__title {
  margin-top: 40px;
  color: #292f36;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .p-presskit__title {
    margin-top: 60px;
    padding-top: 20px;
    border-top: 2px solid #ebebeb;
    font-size: 24px;
  }
}

.p-presskit__subtitle {
  margin-top: 30px;
  color: #292f36;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .p-presskit__subtitle {
    margin-top: 60px;
    color: #292f36;
    letter-spacing: 0;
    font-size: 18px;
  }
}

.p-presskit__text {
  color: #3d3d3d;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 24px;
}

.p-presskit__figure {
  margin-top: 15px;
}

.p-presskit__figure > img {
  max-width: 100%;
  width: auto;
}

.p-presskit__codeblock {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-presskit__codeblock {
    margin-top: 30px;
  }
}

.p-presskit__codeblock__title {
  color: #3d3d3d;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .p-presskit__codeblock__title {
    max-width: 440px;
    font-size: 16px;
    line-height: 32px;
  }
}

.p-presskit__codeblock__code {
  overflow-x: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;
  padding: 10px 14px;
  width: 100%;
  height: 100px;
  border: 1px solid #d5d8dc;
  color: #627077;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-presskit__codeblock__code {
    width: 600px;
    height: 76px;
  }
}

.p-presskit__downloadlink {
  display: block;
  margin-top: 30px;
  color: #3d3d3d;
  text-decoration: underline;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .p-presskit__downloadlink {
    margin-top: 60px;
    font-size: 16px;
  }
}

.p-presskit__downloadlink:hover {
  text-decoration: none;
}

.p-presskit__cautiontext {
  margin-top: 30px;
  color: #3d3d3d;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .p-presskit__cautiontext {
    margin-top: 70px;
    font-size: 16px;
  }
}

.p-presskit__list {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-presskit__list {
    margin-top: 50px;
  }
}

.p-presskit__list > li {
  margin-left: 17px;
  color: #3d3d3d;
  list-style-type: disc;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (min-width: 768px) {
  .p-presskit__list > li {
    font-size: 16px;
  }
}

.p-presskit__list > li + li {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .p-presskit__list > li + li {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .p-presskit__colgroup {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-presskit__colgroup__contents {
    margin-left: 35px;
  }
}

.p-presskit__sub {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-presskit__sub {
    display: block;
  }
}

.p-ratingapp {
  margin: 0 15px;
  padding: 20px 0 0;
  width: auto;
  border-top: 1px solid #cdd4d8;
}

@media screen and (min-width: 768px) {
  .p-ratingapp {
    margin: 0;
    width: 170px;
  }
}

.p-ratingapp__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 10px;
}

@media screen and (min-width: 768px) {
  .p-ratingapp__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-ratingapp .c-rating {
  margin: 0 10px 0 0;
  width: 170px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-ratingapp .c-rating {
    margin: 0 auto 10px;
  }
}

.p-ratingapp .c-rating__star {
  margin: 0 auto;
  width: 100px;
}

.p-ratingapp__histogramItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
}

.p-ratingapp__histogramItem__label {
  width: 30px;
  color: #a4b3bc;
  font-size: 11px;
  line-height: 1.45455;
}

.p-ratingapp__histogramItem__label.is-score {
  color: #29fcf6;
}

.p-ratingapp__histogramItem__bar {
  width: 110px;
  height: 4px;
  border-radius: 1px;
  background: #e8e8e8;
}

.p-ratingapp__histogramItem__bar .bar {
  display: block;
  height: 4px;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  background: #3bcc70;
}

.p-ratingapp__histogramItem__number {
  min-width: 23px;
  color: #a4b3bc;
  text-align: right;
  font-size: 11px;
  line-height: 1.45455;
}

@media screen and (min-width: 768px) {
  .p-ratingapp__review {
    margin: 0;
    width: calc(100% - 170px - 30px);
    border-top: 1px solid #cdd4d8;
  }
}

.p-ratingapp__review .c-tab {
  margin: 10px 15px 0;
  width: calc(100% - 30px);
}

@media screen and (min-width: 768px) {
  .p-ratingapp__review .c-tab {
    margin: 20px 0 0;
    width: 100%;
  }
}

.p-ratingapp__review .c-tab__item a {
  display: block;
  color: #a4b3bc;
  text-decoration: none;
}

.p-ratingapp__review .c-tab__item a:visited {
  color: #a4b3bc;
}

.p-ratingapp__review .c-tab__item a:hover {
  color: #fff;
}

/* iOS color */
body.iosPage .p-ratingapp__histogramItem__label.is-score {
  color: #e6a800;
}

body.iosPage .p-ratingapp__histogramItem__bar .bar {
  background: #ffec03;
}

/* Android color*/
body.androidPage .p-ratingapp__histogramItem__label.is-score {
  color: #29fcf6;
}

body.androidPage .p-ratingapp__histogramItem__bar .bar {
  background: #3bcc70;
}

.p-relationList {
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 30px;
  padding-bottom: 15px;
  width: auto;
}

@media screen and (min-width: 768px) {
  .p-relationList {
    margin: 0;
    width: 100%;
  }
}

.p-relationList__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .l-sub .p-relationList__inner {
    margin: 15px 0 0;
  }
}

.p-relationList .c-heading {
  margin: 0;
}

.p-relationItem {
  width: calc(50% - 7.5px);
}

@media screen and (min-width: 768px) {
  .p-relationItem {
    width: 100%;
  }
  .p-relationItem:nth-child(2n) {
    margin-left: 0;
  }
}

.p-relationItem:nth-child(2n) {
  margin-left: 15px;
}

.l-sub .p-relationItem:nth-child(2n) {
  margin-left: 0;
}

.p-relationItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 15px 0;
  width: 100%;
  color: #333;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-relationItem a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 20px 15px;
    border-bottom: 1px solid #cdd4d8;
  }
}

@media screen and (min-width: 768px) {
  .l-sub .p-relationItem a {
    padding: 15px 10px;
  }
}

.p-relationItem:nth-child(2n) {
  margin-left: 15px;
}

@media screen and (min-width: 768px) {
  .p-relationItem:nth-child(2n) {
    margin-left: 0;
  }
}

.l-sub .p-relationItem:nth-child(2n) {
  margin-left: 0;
}

.p-relationItem:last-child a {
  border-bottom: none;
}

.p-relationItem__text {
  margin-top: 10px;
  margin-left: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-relationItem__text {
    margin-top: 0;
    margin-left: 32px;
    width: calc(100% - 168px - 32px);
  }
}

@media screen and (min-width: 768px) {
  .l-sub .p-relationItem__text {
    margin-left: 15px;
    width: 100%;
  }
}

.p-relationItem__img {
  width: 100%;
  border: solid 1px #979797;
}

@media screen and (min-width: 768px) {
  .p-relationItem__img {
    width: 168px;
  }
}

@media screen and (min-width: 768px) {
  .l-sub .p-relationItem__img {
    width: 115px;
  }
}

.p-relationItem__img img {
  max-height: 110px;
  width: 100%;
}

.p-relationItem__title {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.43;
}

.p-relationItem__metaDate {
  display: block;
  margin-top: 7px;
  color: #a4b3bc;
  text-align: right;
  font-size: 13px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .p-relationItem__metaDate {
    text-align: left;
  }
}

/* iOS color */
body.iosPage .p-relationItem a,
body.iosPage .p-relationItem a:visited {
  color: #333;
}

body.iosPage .p-relationItem a:hover {
  background-color: #f5f5f5;
  color: #333;
}

/* Android color*/
body.androidPage .p-relationItem a,
body.androidPage .p-relationItem a:visited {
  color: #333;
}

body.androidPage .p-relationItem a:hover {
  background-color: #f5f5f5;
  color: #333;
}

.p-reviewList {
  margin-right: 15px;
  margin-left: 15px;
  width: auto;
}

@media screen and (min-width: 768px) {
  .p-reviewList {
    margin: 0;
    width: 100%;
  }
}

.p-reviewList--noTitle {
  margin-top: 15px;
}

.p-reviewList--mrg {
  margin-top: 20px;
}

.p-reviewList--notCurrent {
  display: none;
}

.c-heading + .p-reviewListItem {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .c-heading + .p-reviewListItem {
    margin-top: 30px;
  }
}

.p-reviewListItem {
  margin-top: 5px;
  padding: 20px 15px;
  border-radius: 2px;
  background-color: #f4f5f5;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-reviewListItem:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.p-reviewListItem:hover {
  background-color: #ebebeb;
}

.p-reviewListItem a {
  display: block;
  margin: -20px -15px;
  padding: 20px 15px;
  color: #333;
  text-decoration: none;
}

.p-reviewListItem header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-reviewListItem header time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  color: #a4b3bc;
  text-align: right;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 300;
  font-family: "Noto Sans", sans-serif;
}

.p-reviewListItem__title {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
}

.p-reviewListItem__text {
  margin-top: 5px;
}

.p-reviewListItem__text p {
  font-size: 14px;
  line-height: 1.43;
}

.p-reviewListItem__like {
  margin-top: 25px;
  color: #627077;
  text-align: right;
  font-size: 9px;
}

.p-reviewListItem__likeText {
  display: inline-block;
  margin-top: 5px;
}

.p-reviewListItem__likeBtn {
  display: inline-block;
  margin-top: 5px;
}

.p-reviewListItem__like .c-btn__like {
  margin-left: 5px;
}

/* iOS color */
body.iosPage .p-reviewListItem > a,
body.iosPage .p-reviewListItem > a:visited,
body.iosPage .p-reviewListItem > a:hover {
  color: #333;
}

/* Android color*/
body.androidPage .p-reviewListItem > a,
body.androidPage .p-reviewListItem > a:visited,
body.androidPage .p-reviewListItem > a:hover {
  color: #333;
}

.p-screenshot {
  margin: 0 15px;
}

@media screen and (min-width: 768px) {
  .p-screenshot {
    margin: 0;
  }
}

.p-screenshot__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 -20px;
}

.p-screenshot__listItem {
  margin: 0 0 20px;
  width: 48%;
  border: 1px solid #cdd4d8;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.125);
          box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.125);
}

.p-screenshot__listItem sp($point-sp) {
  margin: 0 0 15px;
}

.p-screenshot__listItem img {
  width: 100%;
  border: 1px solid #cdd4d8;
}

.p-scrShotCarousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 15px;
  padding: 20px 0 0;
  border-top: 1px solid #a4b3bc;
}

@media screen and (min-width: 768px) {
  .p-scrShotCarousel {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 0 0;
    width: 608px;
  }
}

@media screen and (min-width: 768px) {
  .p-scrShotCarousel:before {
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    content: "";
  }
}

@media screen and (min-width: 768px) {
  .p-scrShotCarousel:before {
    right: -20px;
    width: 60px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.05)));
    background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
  }
}

@media screen and (min-width: 768px) {
  .p-scrShotCarousel::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    width: 0;
    height: 240px;
    height: 0;
    background: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.06) 20%, rgba(255, 255, 255, 0) 100%);
    background: url() no-repeat;
    content: "";
  }
}

.p-scrShotCarousel__inner {
  overflow: inherit;
  margin: 30px -15px 30px 0;
}

.p-scrShotCarousel__inner:after {
  display: block;
  clear: both;
  content: "";
}

@media screen and (min-width: 768px) {
  .p-scrShotCarousel__inner {
    margin-bottom: 50px;
    padding: 0 0 0 5px;
  }
}

.p-scrShotCarousel .p-scrShotCarouselItem {
  position: relative;
  float: left;
  margin-right: 25px;
  width: 240px;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.2);
}

.p-scrShotCarousel .p-scrShotCarouselItem a {
  color: #fff;
}

.p-scrShotCarousel .p-scrShotCarouselItem__img {
  width: 100%;
}

.p-scrShotCarousel .p-scrShotCarouselItem__img img {
  width: 100%;
  height: auto;
  border-radius: 2px;
}

.p-scrShotCarousel .p-scrShotCarouselList__none {
  font-size: 11px;
}

@media screen and (min-width: 768px) {
  .p-scrShotCarousel .p-scrShotCarouselList__none {
    font-size: 14px;
  }
}

.p-simplepage {
  margin-bottom: 50px;
}

.p-simplepage__title {
  padding: 30px 20px 30px;
  border-bottom: 1px solid #a4b3bc;
  color: #292f36;
  letter-spacing: 0;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (min-width: 768px) {
  .p-simplepage__title {
    padding: 0 0 30px;
    font-size: 32px;
    line-height: 40px;
  }
}

.p-simplepage__subtitle {
  padding: 30px 20px 30px;
  border-bottom: 1px solid #a4b3bc;
  color: #292f36;
  letter-spacing: 0;
  font-size: 24px;
  line-height: 30px;
}

@media screen and (min-width: 768px) {
  .p-simplepage__subtitle {
    padding: 30px 0;
    font-size: 32px;
    line-height: 40px;
  }
}

.p-simplepage__description {
  margin-top: 35px;
  color: #3d3d3d;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .p-simplepage__description {
    color: #3d3d3d;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 32px;
  }
}

.p-simplepage__inner {
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .p-simplepage__inner {
    padding: 0;
  }
}

.p-simplepage__text {
  margin-top: 1.5em;
  line-height: 2;
}

.p-simplepage__text + .p-simplepage__text--halfmargin {
  margin-top: 0.75em;
}

.p-simplepage .p-simplepage__title + .p-simplepage__inner {
  margin-top: 30px;
}

.p-sns {
  padding: 50px 0;
}

.p-sns__list {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-sns__item {
  margin: 0 10px;
  vertical-align: top;
}

.p-sns__item iframe {
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {
  .p-splash {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 270px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.p-splash__logo {
  position: absolute;
  top: 34%;
  left: 50%;
  margin: 0 0 100px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-splash__logo {
    position: static;
    margin: 0 0 90px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.p-splash__logo img {
  width: 240px;
  height: auto;
}

@media screen and (min-width: 768px) {
  .p-splash__logo img {
    width: 343px;
  }
}

.p-splash__btn {
  position: absolute;
  bottom: 18%;
  left: 50%;
  margin: 0;
  padding: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .p-splash__btn {
    position: static;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.p-splash__btnItem {
  margin: 0 0 10px;
  width: 224px;
}

@media screen and (min-width: 768px) {
  .p-splash__btnItem {
    display: inline-block;
    margin: 0;
    font-size: 0;
  }
  .p-splash__btnItem:nth-of-type(1) {
    margin-right: 30px;
  }
}

.p-splash__btnItem a {
  display: block;
  border: 1px solid #cdd4d8;
  border-radius: 2px;
  color: #292f36;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 40px;
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-splash__btnItem a:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media screen and (min-width: 768px) {
  .p-splash__btnItem a {
    line-height: 60px;
  }
}

.p-splash__btnItem a:visited, .p-splash__btnItem a:hover {
  color: 292f36;
}

.p-splash__btnItem a:hover {
  background-color: #cdd4d8;
}

.p-subItem {
  padding: 20px 15px 0;
}

@media screen and (min-width: 768px) {
  .p-subItem {
    padding: 20px 0;
  }
}

.p-subItem h3 {
  font-size: 14px;
  line-height: 1.43;
}

.p-subLinkList {
  position: relative;
  padding: 30px 0 0;
}

@media screen and (min-width: 768px) {
  .p-subLinkList {
    padding: 20px 0;
  }
}

.p-subLinkList:last-child {
  padding-bottom: 30px;
}

.p-subLinkList:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 30px);
  height: 1px;
  background: #a4b3bc;
  content: "";
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media screen and (min-width: 768px) {
  .p-subLinkList:before {
    width: 100%;
  }
}

.c-bnr + .p-subLinkList:before {
  display: none;
}

.p-subLinkList--borderFull:before {
  width: 100%;
}

.p-subLinkList a {
  -webkit-transition: none;
  transition: none;
}

.p-subLinkList .p-subLinkList__app,
.p-subLinkList .p-subLinkList__appNew,
.p-subLinkList .p-subLinkList__news {
  margin-top: 15px;
  border-top: 1px solid #ebebeb;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__app,
  .p-subLinkList .p-subLinkList__appNew,
  .p-subLinkList .p-subLinkList__news {
    margin-top: 20px;
  }
}

.p-subLinkList .p-subLinkList__app li,
.p-subLinkList .p-subLinkList__appNew li,
.p-subLinkList .p-subLinkList__news li {
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__app li,
  .p-subLinkList .p-subLinkList__appNew li,
  .p-subLinkList .p-subLinkList__news li {
    font-size: 11px;
  }
  .p-subLinkList .p-subLinkList__app li:last-child,
  .p-subLinkList .p-subLinkList__appNew li:last-child,
  .p-subLinkList .p-subLinkList__news li:last-child {
    border-bottom: 1px solid #ebebeb;
  }
}

.p-subLinkList .p-subLinkList__app li:last-child,
.p-subLinkList .p-subLinkList__appNew li:last-child,
.p-subLinkList .p-subLinkList__news li:last-child {
  border-bottom: none;
}

.p-subLinkList .p-subLinkList__app li a,
.p-subLinkList .p-subLinkList__appNew li a,
.p-subLinkList .p-subLinkList__news li a {
  position: relative;
  display: block;
  padding: 13px 15px 13px 25px;
  color: #333;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__app li a,
  .p-subLinkList .p-subLinkList__appNew li a,
  .p-subLinkList .p-subLinkList__news li a {
    padding: 13px 25px 13px 10px;
  }
}

.p-subLinkList .p-subLinkList__app li a:after,
.p-subLinkList .p-subLinkList__appNew li a:after,
.p-subLinkList .p-subLinkList__news li a:after {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: inline-block;
  margin: auto;
  width: 7px;
  height: 11px;
  background: url("/assets/img/icon/arrow_right.svg") no-repeat center;
  background-size: contain;
  content: "";
  -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
}

.p-subLinkList .p-subLinkList__app li a:after:hover,
.p-subLinkList .p-subLinkList__appNew li a:after:hover,
.p-subLinkList .p-subLinkList__news li a:after:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__app li a:after,
  .p-subLinkList .p-subLinkList__appNew li a:after,
  .p-subLinkList .p-subLinkList__news li a:after {
    right: 10px;
  }
}

.p-subLinkList .p-subLinkList__app li a:hover,
.p-subLinkList .p-subLinkList__appNew li a:hover,
.p-subLinkList .p-subLinkList__news li a:hover {
  background-color: #f5f5f5;
}

.p-subLinkList .p-subLinkList__app li a:hover:after,
.p-subLinkList .p-subLinkList__appNew li a:hover:after,
.p-subLinkList .p-subLinkList__news li a:hover:after {
  right: 10px;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__app li a:hover:after,
  .p-subLinkList .p-subLinkList__appNew li a:hover:after,
  .p-subLinkList .p-subLinkList__news li a:hover:after {
    right: 5px;
  }
}

.p-subLinkList .p-subLinkList__app li .p-appCarouselItem__price,
.p-subLinkList .p-subLinkList__appNew li .p-appCarouselItem__price,
.p-subLinkList .p-subLinkList__news li .p-appCarouselItem__price {
  display: none;
}

.p-subLinkList .p-subLinkList__app li .c-touchicon,
.p-subLinkList .p-subLinkList__appNew li .c-touchicon,
.p-subLinkList .p-subLinkList__news li .c-touchicon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.p-subLinkList .p-subLinkList__app.is-ranking li,
.p-subLinkList .p-subLinkList__appNew.is-ranking li,
.p-subLinkList .p-subLinkList__news.is-ranking li {
  padding-left: 27px;
  vertical-align: middle;
  line-height: 1;
}

.p-subLinkList .p-subLinkList__app.is-ranking li:hover,
.p-subLinkList .p-subLinkList__appNew.is-ranking li:hover,
.p-subLinkList .p-subLinkList__news.is-ranking li:hover {
  background: #f5f5f5;
}

.p-subLinkList .p-subLinkList__app.is-ranking li a,
.p-subLinkList .p-subLinkList__appNew.is-ranking li a,
.p-subLinkList .p-subLinkList__news.is-ranking li a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: inherit;
  font-size: 0;
}

.p-subLinkList .p-subLinkList__app.is-ranking li a:hover,
.p-subLinkList .p-subLinkList__appNew.is-ranking li a:hover,
.p-subLinkList .p-subLinkList__news.is-ranking li a:hover {
  background: none;
}

.p-subLinkList .p-subLinkList__app.is-ranking li .c-ranking,
.p-subLinkList .p-subLinkList__appNew.is-ranking li .c-ranking,
.p-subLinkList .p-subLinkList__news.is-ranking li .c-ranking {
  margin-right: 7px;
  margin-left: -27px;
  vertical-align: middle;
}

.p-subLinkList .p-subLinkList__app.is-ranking li em,
.p-subLinkList .p-subLinkList__appNew.is-ranking li em,
.p-subLinkList .p-subLinkList__news.is-ranking li em {
  display: inline-block;
  width: calc(100% - 60px);
  font-style: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__app.is-ranking li em,
  .p-subLinkList .p-subLinkList__appNew.is-ranking li em,
  .p-subLinkList .p-subLinkList__news.is-ranking li em {
    font-style: normal;
    font-size: 11px;
  }
}

.p-subLinkList .p-subLinkList__appNew {
  margin: 15px 15px 0;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-subLinkList__appNew {
    margin: 20px 0 0;
  }
}

.p-subLinkList .p-subLinkList__appNew li:last-child {
  border-bottom: 1px solid #ebebeb;
}

.p-subLinkList .p-subLinkList__appNew li a {
  padding: 13px 25px 13px 10px;
}

.p-subLinkList .p-subLinkList__news li {
  font-size: 14px;
}

.p-subLinkList .p-appCarousel {
  padding-bottom: 30px;
}

.p-subLinkList .p-appCarousel.is-ranking {
  padding-top: 26px;
}

@media screen and (min-width: 768px) {
  .p-subLinkList .p-appCarousel.is-ranking {
    padding-top: 0;
    padding-left: 26px;
  }
}

.p-subLinkList .p-appCarousel li {
  border-bottom: none;
  font-size: 12px;
}

.p-subLinkList .p-appCarousel li a {
  padding: 0;
}

.p-subLinkList .p-appCarousel li em {
  font-style: normal;
  font-size: 12px;
}

.p-subLinkList .p-appCarousel li .c-touchicon {
  margin-bottom: 13px;
}

.p-subLinkList .p-appCarousel li .p-appCarouselItem__price {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-subLinkList.useTransition a {
    -webkit-transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
    transition: all 1.5s cubic-bezier(0, 0.7, 0, 1);
  }
  .p-subLinkList.useTransition a:hover {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}

/* ==========================================================================
   Addon
   ========================================================================== */
.cx-video-0 {
  width: 290px;
  border: 1px solid #fff !important;
}

.overlay-ad {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  text-align: center;
}

.overlay-ad .ios-12-2-fix {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 0px;
}