@charset "UTF-8";
/* =========================================================
 LAUNCHER
========================================================= */
.launcher.home.h100 {
  height: 100%;
}
.launcher.home #mainVisual img {
  vertical-align: top;
}
.launcher.home #mainVisual > li:nth-child(n+2) {
  display: none;
}
.launcher.home .logout {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .launcher.home .logout ul {
    max-width: 1050px;
  }
}
.launcher.home .logout .loginArea {
  background: #fcf0c3;
  width: 93.4%;
  margin: 0 auto 20px;
  color: #f48a00;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  font-size: 1.2rem;
}
.launcher.home .logout .btn {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  height: 22px;
  font-size: 1.3rem;
}
.launcher.home .loginArea .txt {
  padding: 1em 5em 1em 0.5em;
  min-height: 2em;
  font-size: 1rem;
}
.launcher.home .app {
  padding-bottom: 1.25em;
  background-size: cover;
  position: relative;
}
.launcher.home .app.new {
  background-image: url("/common/images/launcher/home/new_bg.png");
}
.launcher.home .app.new h2 {
  background: -webkit-linear-gradient(top, rgba(199, 2, 33, 0.2) 90%, transparent 100%);
  background: linear-gradient(to bottom, rgba(199, 2, 33, 0.2) 90%, transparent 100%);
}
.launcher.home .app.history {
  background-image: url("/common/images/launcher/home/history_bg.png");
}
.launcher.home .app.history h2 {
  background: -webkit-linear-gradient(top, rgba(0, 100, 184, 0.2) 90%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 100, 184, 0.2) 90%, transparent 100%);
}
.launcher.home .app.recommend, .launcher.home .app.select {
  background-image: url("/common/images/launcher/home/select_bg.png");
}
.launcher.home .app.recommend h2, .launcher.home .app.select h2 {
  background: -webkit-linear-gradient(top, rgba(0, 151, 184, 0.2) 90%, transparent 100%);
  background: linear-gradient(to bottom, rgba(0, 151, 184, 0.2) 90%, transparent 100%);
  margin-bottom: 1em;
}
.launcher.home .app.logout, .launcher.home .app.ranking, .launcher.home .app.try {
  background-image: url("/common/images/launcher/home/try_bg.png");
}
.launcher.home .app.logout h2, .launcher.home .app.ranking h2, .launcher.home .app.try h2 {
  background: -webkit-linear-gradient(top, rgba(236, 161, 0, 0.2) 90%, transparent 100%);
  background: linear-gradient(to bottom, rgba(236, 161, 0, 0.2) 90%, transparent 100%);
}
.launcher.home .app.logout {
  height: 100%;
  background-color: #fbfae9;
}
.launcher.home .app.logout .appList li p {
  margin-bottom: 0;
}
.launcher.home .app.pickup {
  background-image: url("/common/images/launcher/home/pickup_bg.png");
}
.launcher.home .app.pickup h2 {
  background: -webkit-linear-gradient(top, rgba(250, 96, 8, 0.2) 90%, transparent 100%);
  background: linear-gradient(to bottom, rgba(250, 96, 8, 0.2) 90%, transparent 100%);
}
.launcher.home .app.pickup .tags {
  position: relative;
  max-width: 1045px;
  margin: 0 auto .5em;
  padding-left: 1em;
}
.launcher.home .app.pickup .tags:before {
  position: absolute;
  top: 8px;
  width: 50px;
  height: 26px;
  padding-left: 15px;
  background: url("/common/images/launcher/home/pickup_tag.png") no-repeat;
  background-size: cover;
  content: '';
}
.launcher.home .app.pickup .tags p {
  display: inline-block;
  position: relative;
  margin: 4px 0 0 10px;
  padding: 0.5em;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 1.3rem;
  color: #FFF;
  z-index: 1;
}
.launcher.home .app.pickup .tags p:before {
  position: absolute;
  top: 0;
  left: 5px;
  width: 60px;
  height: 10px;
  background: url("/common/images/launcher/home/pickup_tag_keyword.png") no-repeat;
  background-size: contain;
  content: '';
}
.launcher.home .app.pickup .tags p:after {
  display: block;
  position: absolute;
  width: 80%;
  height: 26px;
  top: 4px;
  right: 0;
  background-color: #F77524;
  content: '';
  z-index: -1;
}
.launcher.home .app.recommend ul, .launcher.home .app.try ul {
  display: flex;
  width: 298px;
}
.launcher.home .app.recommend ul li, .launcher.home .app.try ul li {
  width: 100%;
  margin-right: 0;
  box-sizing: border-box;
  text-align: left;
}
.launcher.home .app.recommend ul li.new:before, .launcher.home .app.try ul li.new:before {
  left: 45px;
}
.launcher.home .app.try ul li p {
  width: auto;
  margin-bottom: 0;
  padding-left: 0.5em;
  white-space: normal;
  text-overflow: inherit;
  text-align: left;
}
.launcher.home .app.try ul li img {
  width: 100%;
}
.launcher.home .app.recommend ul {
  max-width: 336px;
  width: auto;
  padding: 0 3.3%;
}
.launcher.home .app.recommend ul li {
  margin-left: 0;
  padding-bottom: 6px;
  display: table;
}
.launcher.home .app.recommend ul li div,
.launcher.home .app.recommend ul li figure {
  display: table-cell;
  vertical-align: top;
}
.launcher.home .app.recommend ul li figure {
  width: 82px;
}
.launcher.home .app.recommend ul li figure img {
  margin-bottom: 0;
}
.launcher.home .app.recommend ul li a {
  padding-bottom: 0;
}
.launcher.home .app.recommend ul li div {
  padding-left: 9px;
  font-size: 1.2rem;
}
.launcher.home .app.recommend ul li div .heading {
  margin-bottom: 0;
  font-size: 1.6rem;
  padding: 10px 10px 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.launcher.home .app.recommend ul li div .txt {
  margin-bottom: 1em;
  font-size: 1.1rem;
  line-height: 1.4;
}
.launcher.home .app.ranking {
  background-color: #FAE5C1;
}
@media screen and (min-width: 400px) {
  .launcher.home .app.recommend ul, .launcher.home .app.try ul {
    max-width: none;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .android4-1 .launcher.home .app.recommend ul, .android4-1 .launcher.home .app.try ul {
    display: block;
    text-align: center;
  }
  .launcher.home .app.recommend ul li, .launcher.home .app.try ul li {
    display: inline-block;
    width: 48.3%;
    max-width: 408px;
    margin: 1.3% 0 0 !important;
  }
  .launcher.home .app.recommend ul li:nth-child(2n+2), .launcher.home .app.try ul li:nth-child(2n+2) {
    margin-left: 3.3% !important;
  }
  .F-03E .launcher.home .app.recommend ul li, .F-05D .launcher.home .app.recommend ul li, .HW-01E .launcher.home .app.recommend ul li, .F-03E .launcher.home .app.try ul li, .F-05D .launcher.home .app.try ul li, .HW-01E .launcher.home .app.try ul li {
    width: 46.5%;
  }
  .launcher.home .app.recommend ul li div,
  .launcher.home .app.recommend ul li figure, .launcher.home .app.try ul li div,
  .launcher.home .app.try ul li figure {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .launcher.home .app.recommend ul li figure, .launcher.home .app.try ul li figure {
    width: 82px;
    padding-right: 9px;
  }
  .launcher.home .app.recommend ul li div, .launcher.home .app.try ul li div {
    width: auto;
  }
  .launcher.home .app.try ul {
    width: 96.4% !important;
    max-width: 660px !important;
  }
  .launcher.home .app.try ul li {
    max-width: 300px;
  }
}
@media screen and (min-width: 1240px) {
  .launcher.home .app.recommend ul li:nth-child(2n+2), .launcher.home .app.try ul li:nth-child(2n+2) {
    margin-left: 2% !important;
  }
}
.launcher.low .app:after {
  display: block;
  width: 100%;
  height: 18px;
  background-position: 97.5% center;
  background-size: 56px 18px;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 18px;
  right: 0;
}
.launcher.low .app.history:after {
  background-image: url("/common/images/launcher/home/history_more.png");
}
.launcher.home.high .app:after {
  display: block;
  width: 100%;
  height: 18px;
  background-position: 97.5% center;
  background-size: 56px 18px;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 18px;
  right: 0;
}
.launcher.home.high .app.new:after {
  background-image: url("/common/images/launcher/home/new_more.png");
}
.launcher.home.high .app.history:after {
  background-image: url("/common/images/launcher/home/history_more.png");
}
.launcher.home.high .app.pickup:after {
  background-image: url("/common/images/launcher/home/pickup_more.png");
  top: 65px;
}
.launcher.home.high .app.ranking:after {
  background-image: url("/common/images/launcher/home/ranking_more.png");
  background-size: 79px 18px;
}
.launcher.search {
  height: 100%;
}
.launcher.search .app {
  height: 100%;
  padding-bottom: 1.25em;
  background-color: #f0f0f0;
}
.launcher.search .app h2 {
  background: -webkit-linear-gradient(top, rgba(220, 30, 60, 0.2) 90%, transparent 100%);
  background: linear-gradient(to bottom, rgba(220, 30, 60, 0.2) 90%, transparent 100%);
}
.launcher.search .app .appList li p {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .launcher.search .app ul {
    max-width: 990px;
  }
}
.launcher.tutorial .inner {
  background: rgba(200, 200, 200, 0.8);
}
.launcher.tutorial .inner .center-item .slick-arrow {
  display: none !important;
}
.launcher.tutorial .inner .tutorial_box .inner {
  width: 95%;
  margin: 0.5em auto;
  background: #fff;
  box-shadow: 0 0 6px 1px #b4b4b4;
  -moz-box-shadow: 0 0 6px 1px #b4b4b4;
  -webkit-box-shadow: 0 0 6px 1px #b4b4b4;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding-bottom: 2em;
}
.launcher.tutorial .inner .tutorial_box h1 {
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  margin: 0 auto;
  text-align: center;
}
.launcher.tutorial .inner .tutorial_box h3 {
  width: 95%;
  margin: 0 auto;
}
.launcher.tutorial .inner .tutorial_box p {
  width: 95%;
  margin: 0 auto 1em;
}
.launcher.feature section.inner article.paragraph {
  border-bottom: solid 1px #CCC;
  padding-bottom: 1em;
}
.launcher.feature section.inner article .play {
  margin-bottom: 1em;
}
.launcher.feature section.inner article.item .button {
  padding: 0.5em 0.5em 0.3em;
  box-sizing: border-box;
}
.launcher.feature section.inner article.item .button a {
  color: #333 !important;
  display: block;
}
.launcher.feature section.inner article.item .button a ul {
  display: inline-table;
  text-align: center;
}
.launcher.feature section.inner article.item .button a ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.launcher.feature section.inner article.item .button a ul li:first-child {
  width: 30px;
}
.launcher.feature section.inner article.item .button a ul li:last-child {
  padding-left: 1em;
}
.launcher.feature section.inner article.item .button a ul img {
  width: 100%;
}
.launcher.feature section.inner article.item .button a .btn {
  background-color: #f0f0f0;
}

/* MODULE
--------------------------------------------------------- */
.launcher section.inner {
  background-color: #FBFAE9;
}
.launcher section.inner .emphasis {
  background-color: #faf2d5;
}
.launcher .accordion {
  margin-bottom: 2em;
}
.launcher .accordion dl {
  background-color: #FFF6DC;
}
.launcher .accordion dl.active {
  background-color: #FFF1C7;
}

/*パスワード変更入力*/
.pass {
  width: auto;
  margin: 0 2.5% 1.4em;
}

.pass dl dt {
  width: 45%;
  float: left;
  clear: both;
  margin: 0 5px 1% 0;
}

.pass dl dd {
  width: 50%;
  float: right;
  margin: 0 5px 1em 0;
}

.pass dl dd input {
  width: 80%;
  padding: 3% !important;
}

/*戻る確認ボタン*/
.child_register.h100 {
  height: 100%;
}
.child_register.h100 section.inner {
  height: 100%;
}

.child_register .register_area_02 dl.center dt, .initial .register_area_02 dl.center dt, .first_change .register_area_02 dl.center dt {
  display: block;
  float: none;
}
.child_register .register_area_02 dl.center dd, .initial .register_area_02 dl.center dd, .first_change .register_area_02 dl.center dd {
  float: none;
  margin: 0 auto 1em;
  -webkit-justify-content: center;
  justify-content: center;
}
.child_register .register_area_02 dl.center dd label:nth-of-type(even), .initial .register_area_02 dl.center dd label:nth-of-type(even), .first_change .register_area_02 dl.center dd label:nth-of-type(even) {
  margin-right: 0;
}
.child_register .register_area_02 dl, .initial .register_area_02 dl, .first_change .register_area_02 dl {
  overflow: hidden;
}
.child_register .register_area_02 dt, .initial .register_area_02 dt, .first_change .register_area_02 dt {
  float: left;
  width: 20%;
  padding: 0.5em 0;
}
.child_register .register_area_02 dd, .initial .register_area_02 dd, .first_change .register_area_02 dd {
  width: 85%;
  float: right;
  overflow: hidden;
  padding: 0.5em 0 0 0.5em;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.child_register .register_area_02 dd input, .initial .register_area_02 dd input, .first_change .register_area_02 dd input {
  display: none;
}
.child_register .register_area_02 dd input[type=radio], .initial .register_area_02 dd input[type=radio], .first_change .register_area_02 dd input[type=radio] {
  display: none;
}
.child_register .register_area_02 dd input[type=radio] + label:after, .child_register .register_area_02 dd input[type=radio] + label:before, .initial .register_area_02 dd input[type=radio] + label:after, .initial .register_area_02 dd input[type=radio] + label:before, .first_change .register_area_02 dd input[type=radio] + label:after, .first_change .register_area_02 dd input[type=radio] + label:before {
  display: none;
}
.child_register .register_area_02 dd label, .initial .register_area_02 dd label, .first_change .register_area_02 dd label {
  display: inline-block;
  width: 40%;
  padding: 0.5em;
  margin: 0 0.5em 0.5em 0;
  border-radius: 5px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 -9px 2px -7px rgba(0, 0, 0, 0.5);
  background-color: #f9f9f9;
  text-align: center;
  text-decoration: none !important;
  color: #333 !important;
  line-height: 1em;
  vertical-align: top;
}
.child_register .register_area_02 dd input[type="radio"]:checked + label, .initial .register_area_02 dd input[type="radio"]:checked + label, .first_change .register_area_02 dd input[type="radio"]:checked + label {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 10px 2px -7px rgba(0, 0, 0, 0.5);
  background-color: #e13e58;
  text-decoration: none !important;
  color: #fff !important;
}
.child_register .register_area_02 dd input[type=radio] + label:before, .initial .register_area_02 dd input[type=radio] + label:before, .first_change .register_area_02 dd input[type=radio] + label:before {
  background-image: none;
  display: none;
}
.child_register .register_area_02 dd input[type=radio]:checked + label:before, .initial .register_area_02 dd input[type=radio]:checked + label:before, .first_change .register_area_02 dd input[type=radio]:checked + label:before {
  background-image: none;
  display: none;
}
.child_register .register_area_02 dd .ml, .initial .register_area_02 dd .ml, .first_change .register_area_02 dd .ml {
  margin-left: 47% !important;
}
.child_register .register_area_02 dd span, .initial .register_area_02 dd span, .first_change .register_area_02 dd span {
  display: block;
  font-size: 0.7em;
}
.child_register .register_area_02 dd .hidden, .initial .register_area_02 dd .hidden, .first_change .register_area_02 dd .hidden {
  visibility: hidden;
}

.registration_area {
  width: 100%;
  margin: 0 auto 15px;
  padding: 0 2.5%;
  padding-bottom: 2em;
}

.registration_area p {
  clear: both;
  font-size: 0.8em;
  width: 90%;
}

.registration_area dl {
  overflow: hidden;
}

.registration_area dl dt {
  width: 30%;
  float: left;
  clear: both;
  margin: 0 5px 1em 0;
  padding-bottom: 0.5em;
}

.registration_area dl dd {
  width: 70%;
  padding-bottom: 0.5em;
  margin: 0 5px 1.5em 30%;
}

.launcher {
  /*.confirm_area.on_off {
    width: 220px;
  }*/
}
.launcher .first_change_area li {
  width: 100%;
  margin: 0 auto 1em;
}
.launcher .first_change_area li:first-child .btn {
  width: auto;
}
.launcher .first_change_area input {
  width: 33%;
  padding: 0.6em 0.5em !important;
  vertical-align: middle;
}
.launcher .selectBox.gender {
  width: 28%;
}
.launcher .selectBox.age_change {
  width: 100%;
}
.launcher .first_change_area .btn {
  padding: 0.5em;
}
.launcher .notice_area {
  width: auto;
  max-width: 300px;
  margin: 0 auto 2em;
}
.launcher .notice_area dl dt {
  float: left;
  clear: both;
  margin: 0 5px 15px 0;
  padding: 5px 0 0;
}
.launcher .notice_area dl dd {
  float: right;
  margin: 0 5px 15px 0;
}
.launcher.notice .inner .allselect {
  margin: 0 auto;
  padding: 1em 0;
  display: table;
}
.launcher.notice .inner .allselect li {
  display: table-cell;
}
.launcher.notice .inner .allselect input {
  display: none;
}
.launcher.notice .inner .allselect input[type=radio] {
  display: none;
}
.launcher.notice .inner .allselect input[type=radio] + label:after, .launcher.notice .inner .allselect input[type=radio] + label:before {
  display: none;
}
.launcher.notice .inner .allselect label {
  display: block;
  padding: 0.5em;
  margin: 0 0.5em 0.5em 0;
  border-radius: 5px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 -9px 2px -7px rgba(0, 0, 0, 0.5);
  background-color: #f9f9f9;
  text-align: center;
  text-decoration: none !important;
  color: #333 !important;
}
.launcher.notice .inner .allselect label .right {
  float: right;
}
.launcher.notice .inner .allselect input[type="radio"]:checked + label {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 10px 2px -7px rgba(0, 0, 0, 0.5);
  background-color: #df344f;
  text-decoration: none !important;
  color: #fff !important;
}
.launcher.notice .inner .allselect input[type=radio] + label:before {
  background-image: none;
  display: none;
}
.launcher.notice .inner .allselect input[type=radio]:checked + label:before {
  background-image: none;
  display: none;
}
.launcher ul.notice_app img {
  width: 82px;
  float: left;
}
.launcher ul.notice_app {
  margin: 25px auto;
  width: 300px;
}
.launcher ul.notice_app li {
  clear: both;
  margin: 25px auto;
}
.launcher .app_name {
  width: 43%;
  float: left;
  margin: 25px 0 0 1%;
}
.launcher .on_bt {
  float: right;
  margin: 25px 0 0 1%;
}
@media screen and (max-width: 566px) {
  .launcher .logout .btn {
    margin: 5px;
  }
}

.launcherEnd .end_side img, .launcherEnd .end_long img {
  vertical-align: top;
}
@media all and (orientation: portrait) {
  .launcherEnd .end_side {
    display: block;
  }
  .launcherEnd .end_long {
    display: none;
  }
}
@media all and (orientation: landscape) {
  .launcherEnd .end_side {
    display: none;
  }
  .launcherEnd .end_long {
    display: block;
  }
}

/*@media only screen and (max-device-width:480px) and (orientation:portrait) {
  .side_play {
    display: none;
  }
}*/
@media (orientation: landscape) {
  .side_play {
    display: none;
  }
}
.remodal .buttons li input.detail {
  width: auto;
}

.login_bonus {
  margin-top: 0;
}

h3.login img {
  width: 60%;
  height: auto;
  margin: 1em auto 0;
}

ul.bonus_area {
  margin: 0 auto;
}

ul.bonus_area li:after {
  content: '';
}

ul.bonus_area li:nth-child(1) {
  background: url("/common/images/launcher/home/stamp_1.gif") no-repeat left center;
  background-size: 100%;
  padding: 10px 0;
}

ul.bonus_area li:nth-child(2) {
  background: url("/common/images/launcher/home/stamp_2.gif") no-repeat left center;
  background-size: 100%;
  margin: 10% 0 0;
  padding: 10px 0;
}

ul.bonus_area li:nth-child(3) {
  background: url("/common/images/launcher/home/stamp_3.gif") no-repeat left center;
  background-size: 100%;
  margin-top: 0;
  padding: 10px 0;
}

ul.bonus_area li:nth-child(4) {
  background: url("/common/images/launcher/home/stamp_4.gif") no-repeat left center;
  background-size: 100%;
  margin: 10% 0 0;
  padding: 10px 0;
}

ul.bonus_area li:nth-child(5) {
  background: url("/common/images/launcher/home/stamp_5.gif") no-repeat left center;
  background-size: 100%;
  margin-top: 0;
  padding: 10px 0;
}

ul.bonus_area li {
  color: #FFFDFD;
  float: left;
  width: 20%;
}
ul.bonus_area li img.hidden {
  visibility: hidden;
}

/*応募ボタンの大きさ調整*/
.stamp .oubo {
  width: 80%;
  margin: 0 auto;
}

.aligneleft {
  width: 50%;
  height: auto;
  float: left;
  margin-right: 10px;
}

.remodal_txt {
  padding: 0 0.5em;
  text-align: left;
}

.remodel_2 {
  background-color: #fff;
  position: relative;
  border: solid 5px #f7bc28;
  box-shadow: inset 0 0 0 1px #ee993b;
  border-radius: 15px;
  width: 90%;
  margin: 0 auto 2em;
}

.remodel_2 section {
  margin: 0 auto;
  padding: 0 5%;
  overflow: auto;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.remodel_2 h3.login img {
  width: 90%;
  height: auto;
  margin: -20px 0 0 16%;
}

.remodel_2 ul.bonus_area {
  margin: 0 auto 2%;
}

.remodel_2 ul.bonus_area li:after {
  content: '';
}

.remodel_2 ul.bonus_area li:nth-child(1) {
  background: url("/common/images/launcher/home/stamp_1.gif") no-repeat left center;
  background-size: 100%;
  padding: 10px 0;
}

.remodel_2 ul.bonus_area li:nth-child(2) {
  background: url("/common/images/launcher/home/stamp_2.gif") no-repeat left center;
  background-size: 100%;
  margin: 10% 0 0;
  padding: 10px 0;
}

.remodel_2 ul.bonus_area li:nth-child(3) {
  background: url("/common/images/launcher/home/stamp_3.gif") no-repeat left center;
  background-size: 100%;
  margin-top: 0;
  padding: 10px 0;
}

.remodel_2 ul.bonus_area li:nth-child(4) {
  background: url("/common/images/launcher/home/stamp_4.gif") no-repeat left center;
  background-size: 100%;
  margin: 10% 0 0;
  padding: 10px 0;
}

.remodel_2 ul.bonus_area li:nth-child(5) {
  background: url("/common/images/launcher/home/stamp_5.gif") no-repeat left center;
  background-size: 100%;
  margin-top: 0;
  padding: 10px 0;
}

.remodel_2 ul.bonus_area li {
  color: #FFFDFD;
  float: left;
  width: 20%;
}

.loginb_area .aligneleft {
  width: 40%;
  height: auto;
  float: left;
  margin: 0 10px;
}

.loginb_text {
  width: 50%;
  float: right;
}

.loginb_area {
  margin: 0.5em auto 1em;
}

.loginb_area h3 {
  font-size: 40px;
  font-weight: bold;
}

/*スペシャルプレゼント*/
.remodel_2.red_border {
  border: solid 5px #d91e3b;
  box-shadow: inset 0 0 0 1px #8e0000;
  position: relative;
}
.remodel_2.red_border h3.special {
  margin-top: -5%;
  position: absolute;
  top: -0.2em;
  right: 0;
  width: 100%;
}

.month img {
  display: block;
  margin: 0 auto;
}

figure.month {
  position: relative;
}

figure.month .month_app {
  position: relative;
  top: 30px;
}

figure.month img.month_app {
  width: 70%;
  height: auto;
}

img.back {
  margin-bottom: 0;
  position: fixed;
  bottom: 5px;
  right: 10px;
  z-index: 100;
  width: 85px;
  height: auto;
}

.month_emphasis {
  margin: 25% auto 1em;
  padding: 1em 0;
  text-align: center;
}
.month_emphasis dl {
  display: inline-table;
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 1em;
  border: solid 1px #EEE;
  border-radius: 5px;
  background: #fff;
}
.month_emphasis dl:after {
  display: block;
  position: absolute;
  top: -16%;
  left: 0;
  width: 100%;
  padding-top: 15.7%;
  background: url("/common/images/launcher/home/month.png") no-repeat center top;
  background-size: 110px;
  content: '';
}
.month_emphasis dl dd,
.month_emphasis dl dt {
  display: table-cell;
  vertical-align: middle;
}
.month_emphasis dl dt {
  padding-right: 3.3%;
}
.month_emphasis dl dd {
  font-weight: bold;
  text-align: left;
}

#contents section.inner {
  padding-bottom: 1em;
  min-height: 14.5em;
}
@media screen and (min-width: 768px) {
  #contents section.inner {
    min-height: 27em;
  }
}

.remodel_2 .month {
  position: static;
}
.remodel_2 .month.pt .month_emphasis:after {
  top: 9%;
}
@media screen and (min-width: 420px) {
  .remodel_2 .month.pt .month_emphasis:after {
    top: -10%;
  }
}
.remodel_2 .month .month_emphasis {
  margin: 25% auto 1em;
  padding: 1em 0;
}
@media screen and (min-width: 420px) {
  .remodel_2 .month .month_emphasis {
    position: relative;
  }
}
.remodel_2 .month .month_emphasis:after {
  position: absolute;
  top: 7%;
  right: -5%;
  width: 25%;
  max-width: 100px;
  padding-top: 19%;
  background: url(/common/images/launcher/home/special_comment.png) no-repeat;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 420px) {
  .remodel_2 .month .month_emphasis:after {
    top: -15%;
  }
}
@media screen and (min-width: 768px) {
  .remodel_2 .month .month_emphasis:after {
    right: 10%;
  }
}
.remodel_2 .month .month_emphasis dl {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
.remodel_2 .month .month_emphasis dl:after {
  display: block;
  position: absolute;
  top: -18%;
  left: 0;
  padding-top: 17.5%;
  background: url("/common/images/launcher/home/month_02.png") no-repeat center top;
  background-size: 50% auto;
  content: '';
}
@media screen and (min-width: 500px) {
  .remodel_2 .month .month_emphasis dl:after {
    background-size: 180px !important;
  }
}

.stamp_2 .remodel_2.red_border {
  margin-bottom: 15px;
}
.stamp_2 section.inner {
  position: relative;
}
.stamp_2 .remodel_2 ul.bonus_area {
  margin: 0 auto;
}
.stamp_2 .login_bonus {
  margin-top: 0;
}

section.inner.stamp_detail {
  margin-bottom: 0;
}

.stampbook {
  padding: 0 5% !important;
  margin-bottom: 2em;
}
.stampbook ul {
  overflow: hidden;
  width: 100%;
}
.stampbook ul li {
  float: left;
  width: 20%;
  padding: 0.4em 0 2em;
}
.stampbook ul li img {
  width: 85%;
  margin-top: 1em;
}
.stampbook ul li:nth-child(1) {
  background: url("/common/images/launcher/home/stamp_02_1.png") no-repeat left center;
  background-size: 100%;
}
.stampbook ul li:nth-child(2) {
  background: url("/common/images/launcher/home/stamp_02_2.png") no-repeat left center;
  background-size: 100%;
}
.stampbook ul li:nth-child(3) {
  background: url("/common/images/launcher/home/stamp_02_3.png") no-repeat left center;
  background-size: 100%;
}
.stampbook ul li:nth-child(4) {
  background: url("/common/images/launcher/home/stamp_02_4.png") no-repeat left center;
  background-size: 100%;
}
.stampbook ul li:nth-child(5) {
  background: url("/common/images/launcher/home/stamp_02_5.png") no-repeat left center;
  background-size: 100%;
}
.stampbook ul .hidden {
  visibility: hidden;
}
.stampbook h3.special {
  margin-bottom: 1em;
}
.stampbook .month_emphasis {
  margin: 0 auto;
  padding-bottom: 1em;
}
.stampbook .center {
  margin-top: 1em;
}

.guide .txt {
  margin-bottom: 2em;
}

.important.h100 {
  height: 100%;
}
.important.h100 section.inner {
  height: 100%;
}

#contents.important .inner .listItem {
  margin-bottom: 1em;
}
#contents.important .inner + .center {
  margin-bottom: 0;
  padding-bottom: 1em;
  background-color: #FBFAE9;
}

.confirm_config .kids_confirm {
  clear: both;
}
.confirm_config .kids_confirm dl {
  width: 45%;
  display: table;
  background-color: #f36e12;
  border-radius: 5px;
  padding: 2px 0 2px 8px;
  margin: 0 0 1em;
  border: 1px solid #f36e12;
  float: left;
}
.confirm_config .kids_confirm dl.right {
  float: right;
}
@media screen and (max-width: 567px) {
  .confirm_config .kids_confirm dl {
    width: 100%;
  }
  .confirm_config .kids_confirm dl.right {
    float: none;
  }
  .confirm_config .kids_confirm {
    width: auto;
    margin: 0 2.5%;
  }
}
.confirm_config .kids_confirm dt {
  display: table-cell;
  color: #fff;
  width: 40%;
}
.confirm_config .kids_confirm dd {
  display: table-cell;
  background-color: #fff;
  border-radius: 5px;
  padding: 4px 0 4px 7px;
  width: 50%;
}
.confirm_config .config_btn {
  width: 86.6%;
  clear: both;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5px auto;
}
.confirm_config .config_btn a {
  width: 47.5%;
  vertical-align: top;
}
.confirm_config .config_btn a:first-child {
  margin-right: 5%;
}

.register_area {
  margin: 0 auto;
}
.register_area .selectBox.gender {
  width: 42%;
}
.register_area .timer dt {
  float: none;
  width: auto;
}
.register_area .timer dd {
  float: right;
  width: 85%;
}
.register_area .timer dd > div {
  vertical-align: middle;
}
.register_area .timer dd > div:first-child {
  padding-top: .5em;
}
.register_area .timer dd > div:last-child > div {
  width: 41.5%;
}
.register_area .timer dd > div:last-child > div:first-child {
  margin: 0 0.5em 0.5em 0;
}

.register_area dl {
  overflow: hidden;
  margin-bottom: 1em;
}

.register_area dt {
  width: 32%;
  float: left;
  padding-top: 0.5em;
}

.register_area dd {
  width: 65%;
  float: right;
}

.age_txt {
  font-size: 0.8em;
}

.register_area .selectBox {
  width: 100%;
}

.register_area input {
  width: 50%;
  padding: 0.5em 0.2em !important;
}

.setting h1 {
  padding: 0.1em 1em;
}
.setting p {
  margin-bottom: 0;
  padding: 1em 0;
}
.setting li {
  border-top: solid 1px #fff;
  font-size: 1.2rem;
}
.setting li.half:nth-of-type(odd) {
  border-right: none !important;
}

.help .inner {
  padding-top: 0 !important;
}
.help .accordion dl {
  background-color: #FBFAE9;
}
.help .accordion dl.active {
  background-color: #FBF5DE;
}

.remodel_3 {
  position: relative;
  padding: 2px;
  border: solid 5px #f7bc28;
  box-shadow: inset 0 0 0 1px #ee993b;
  border-radius: 15px;
  width: 90%;
  margin: 10% auto;
}

.remodel_3 h3.login {
  position: absolute;
  top: -2%;
  z-index: 5;
}

.remodel_3 h3.login img {
  width: 90%;
  height: auto;
  margin: 15px 0 10px 18%;
}

.remodel_3 ul.bonus_area {
  margin: 0 auto 2%;
  background: url("/common/images/launcher/home/bonus_bg.png") no-repeat;
  background-size: 100%;
}

.remodel_3 ul.bonus_area li:after {
  content: '';
}

.remodel_3 ul.bonus_area li:nth-child(1) {
  background: none;
  padding: 10px 0;
}

.remodel_3 ul.bonus_area li:nth-child(2) {
  background: none;
  margin: 10% 0 0;
  padding: 10px 0;
}

.remodel_3 ul.bonus_area li:nth-child(3) {
  background: none;
  margin-top: 0;
  padding: 10px 0;
}

.remodel_3 ul.bonus_area li:nth-child(4) {
  background: none;
  margin: 10% 0 0;
  padding: 10px 0;
}

.remodel_3 ul.bonus_area li:nth-child(5) {
  background: none;
  margin-top: 0;
  padding: 10px 0;
}

.remodel_3 ul.bonus_area li {
  background: none;
  color: #FFFDFD;
  float: left;
  width: 20%;
}

.loginb_area .aligneleft {
  width: 40%;
  height: auto;
  float: left;
  margin: 0 10px;
}

.loginb_text {
  width: 50%;
  float: right;
}

.loginb_area h3 {
  font-size: 40px;
  font-weight: bold;
}

.license, .privacy {
  padding-bottom: 10%;
}
.license .policy, .privacy .policy {
  margin-bottom: 1em;
}
.license .policy dt, .privacy .policy dt {
  margin-bottom: 1em;
}
.license .policy dt:not(:first-child), .privacy .policy dt:not(:first-child) {
  margin-top: 1em;
}
.license .policy dd, .privacy .policy dd {
  padding-left: 1em;
}
.license .confirm_area, .license .pageclose, .privacy .confirm_area, .privacy .pageclose {
  position: fixed;
  bottom: 0;
  width: 93.4%;
  max-width: 888.94px;
  margin-bottom: 0;
  padding: 3.3%;
  background-color: #faf9e8;
}
.license .confirm_area .paragraph, .privacy .confirm_area .paragraph {
  font-size: 1.4rem;
}
.license .confirm_area .paragraph label, .privacy .confirm_area .paragraph label {
  display: inline-block;
  text-align: left;
  text-indent: -19px;
  padding-left: 15px;
}

.license .btn {
  background-color: #fff;
}

.privacy .pageclose {
  text-align: center;
}
.privacy .pageclose .btn {
  padding: 0.5em 0;
}

.app_ttl {
  float: left;
  width: 50%;
  padding: 0 5% 15px 0;
  vertical-align: top;
}
.app_ttl img {
  width: 100%;
}

.app_ttl_area {
  width: 90%;
  margin: 10px auto;
}

.remodal {
  vertical-align: middle;
}
.remodal h3 {
  float: left;
  width: 45%;
  margin-top: .5em;
  font-size: 1.6rem;
  text-align: left;
}
.remodal .txt.app_detail {
  clear: both;
}
.remodal .txt.app_detail p {
  margin-bottom: 5px;
  text-align: left;
}

.button_area {
  clear: both;
}

.remodal .button_area .buttons li input, .remodal .button_area .buttons .back {
  width: auto;
}

.rule ol li {
  list-style-type: none;
}

.provide dt {
  margin-top: 10px;
}
.provide dd {
  padding-left: 7px;
  margin-bottom: 10px;
}
.provide p {
  margin-bottom: 2px;
}
.provide .tel {
  margin-left: -5px;
}
.provide .ajust {
  padding-left: 10px;
}
.provide .credit dt {
  font-weight: bold;
}

.initial form.module {
  padding: 0 !important;
}
.initial .inner {
  width: 100%;
  background: #faf9e8;
}
.initial .inner section#initialtab {
  width: 95%;
  margin: 0 auto;
  padding-top: 1.4em;
}
.initial .inner section#initialtab .tabNav {
  background-color: #faf9e8;
  overflow: hidden;
  font-size: 0;
}
.initial .inner section#initialtab .tabNav li {
  display: inline-block;
  border-radius: 10px 10px 0 0;
  background-color: #ccc;
  font-size: 1.1rem;
  width: 25%;
  text-align: center;
  /*padding: 0.6em 0.3em;*/
}
.F-03E .initial .inner section#initialtab .tabNav li, .F-05D .initial .inner section#initialtab .tabNav li, .HW-01E .initial .inner section#initialtab .tabNav li {
  font-size: 1.0rem;
  width: 24.5%;
}
.initial .inner section#initialtab .tabNav li:nth-child(1) {
  z-index: 3;
}
.initial .inner section#initialtab .tabNav li:nth-child(2) {
  z-index: 2;
}
.initial .inner section#initialtab .tabNav li:nth-child(3) {
  z-index: 1;
}
.initial .inner section#initialtab .tabNav li:nth-child(4) {
  z-index: 1;
}
.initial .inner section#initialtab .tabNav li.active {
  background-color: #fff;
  z-index: 3;
  white-space: inherit;
  text-overflow: inherit;
}
.initial .inner section#initialtab .tabNav li a {
  display: block;
  color: #333 !important;
  text-decoration: none;
  padding: 0.6em 0.3em;
}
.initial .inner section#initialtab .tabBody {
  margin: 0 auto;
  background: #fff;
  width: 100%;
}
.initial .inner section#initialtab .tabBody .register_area {
  padding: 1em 0.5em 0;
}
.initial .inner section#initialtab .tabBody .register_area_02 {
  padding: 0 0 0 0.5em;
}
.initial .inner section#initialtab .tabBody .register_area_02 dl {
  overflow: hidden;
}
.initial .inner section#initialtab .tabBody .register_area_02 dt {
  float: left;
  width: 20%;
  padding: 0.5em 0;
}
.initial .inner section#initialtab .tabBody .register_area_02 dd label[for^="gender01"] {
  line-height: inherit;
}
.initial .inner section#initialtab .tabBody .btn_area {
  margin: 1em 0.5em 0;
  border-top: solid 1px #CCC;
  padding: 1em 0;
}
.initial .inner section#initialtab .tabBody .btn_area .confirm_area {
  margin-top: 2em;
  margin: 2em auto;
}
.initial .register_area .age_txt, .initial .btn_area .age_txt {
  padding-left: 15%;
}

#contents.tutorial {
  background: url(/common/images/launcher/tutorial/bg.jpg) no-repeat left bottom;
  background-size: cover !important;
  background-position: bottom;
}
#contents.tutorial .inner {
  max-width: 100% !important;
  background-color: transparent;
}
#contents.tutorial .gallery-cell {
  width: 300px;
  margin-bottom: 5%;
  background: #8C8;
  counter-increment: gallery-cell;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 1px #a7a7a7;
  -moz-box-shadow: 0px 0px 5px 1px #a7a7a7;
  -webkit-box-shadow: 0px 0px 5px 1px #a7a7a7;
  box-sizing: border-box;
}
#contents.tutorial .gallery-cell .title {
  background: #f48a00;
  color: #fff;
  margin-bottom: .5em;
  padding: 5px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
#contents.tutorial .gallery-cell .gallery-inner {
  padding: 0 10px 50px 10px;
  font-size: 1.2rem;
}
#contents.tutorial .gallery-cell .gallery-inner .image {
  margin-bottom: 2.5em;
}
#contents.tutorial .gallery-cell .heading {
  margin-bottom: .5em;
  font-size: 1.2rem;
  font-weight: bold;
}

/* =========================================================
 TABLET
========================================================= */
@media screen and (min-width: 768px) {
  .launcher.home .app.recommend ul, .launcher.home .app.try ul, .launcher.search .app.recommend ul, .launcher.search .app.try ul {
    max-width: 1050px;
  }
  .launcher.home .app.recommend ul li, .launcher.home .app.try ul li, .launcher.search .app.recommend ul li, .launcher.search .app.try ul li {
    display: inline-block;
    width: 45.5%;
  }
  .launcher.home .app.recommend ul li:nth-child(2n+2), .launcher.home .app.try ul li:nth-child(2n+2), .launcher.search .app.recommend ul li:nth-child(2n+2), .launcher.search .app.try ul li:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .launcher.home .app.pickup .tag, .launcher.search .app.pickup .tag {
    width: 100%;
    text-align: center;
  }
  .launcher.home .app ul li, .launcher.search .app ul li {
    margin-right: 10px !important;
  }
  .launcher.home .app ul li:nth-child(6n+6), .launcher.search .app ul li:nth-child(6n+6) {
    margin-right: 10px !important;
  }

  .stampbook ul li {
    padding: 1em 0 3em;
  }

  .launcher.high.home .app ul li:nth-child(6n+6) {
    margin-right: 10px !important;
  }
}
@media (min-width: 1024px) {
  .launcher.home .app.nomore:after {
    display: none;
  }
  .launcher.home .app ul.horizon-swiper.disabled {
    width: 941px;
  }
  .launcher.home .app ul.horizon-swiper.disabled .horizon-inner {
    padding-left: 0 !important;
  }
}
@media (min-width: 1050px) {
  .launcher.home .app ul.horizon-swiper.disabled {
    width: 1045px;
  }

  .launcher.home.low .app > ul:not(.horizon-swiper) {
    width: 1045px !important;
  }
}
/* =========================================================
 PARENTS
========================================================= */
#contents.parents + footer {
  padding-top: 0;
  background-color: #302d29;
  background-image: none;
}
#contents.parents + footer .copyright {
  position: static;
  padding-bottom: 56px;
}
#contents.parents + footer .copyright:before {
  content: '(c) NTT DOCOMO';
  color: #fff;
  font-size: 1rem;
}
#contents.parents + footer .copyright img {
  display: none;
}

#contents.parents {
  /* MODULE
--------------------------------------------------------- */
}
#contents.parents.home #mainVisual .slick-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#contents.parents.home h1,
#contents.parents.home h2 {
  margin-bottom: 1em;
}
#contents.parents.home h2 + .more {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
}
#contents.parents.home h2 + .more a {
  color: #fff;
}
#contents.parents.home h2 + .more a:after {
  margin-left: 0.5em;
  content: '\f105';
  font-family: FontAwesome;
}
#contents.parents.home .h1pa {
  padding: 0.1em 7em 0.1em 1.5%;
  letter-spacing: -0.1em;
}
#contents.parents.home > section#movie, #contents.parents.home > section#pr, #contents.parents.home > section#ranking {
  overflow: hidden;
}
#contents.parents.home > section#ranking .inner {
  padding-top: 1em;
}
#contents.parents.home section {
  margin-bottom: 2em;
}
#contents.parents.home section .inner {
  width: 93.4%;
  margin: 0 auto;
}
#contents.parents.home section .button {
  margin: 1em 0 0;
  padding-bottom: 1em;
  text-align: center;
}
#contents.parents.home section .balloon {
  position: relative;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
#contents.parents.home section .balloon span {
  display: inline-block;
  width: 85%;
  padding: 0.5em 1em;
  border-radius: 20px;
  background-color: #fabe28;
}
@media screen and (min-width: 560px) {
  #contents.parents.home section .balloon span {
    width: auto;
    width: 60%;
  }
}
#contents.parents.home section .balloon:after {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 6px;
  background: url("/common/images/parents/common/balloon_01.png") no-repeat;
  background-size: contain;
  content: '';
}
#contents.parents.home > section {
  background: #fff;
  margin-bottom: 0;
}
#contents.parents.home > section#trialApp h2, #contents.parents.home > section#movie.introMovie h2 {
  margin-bottom: 0;
  padding-left: 2.5%;
  background: none;
  text-align: left;
}
#contents.parents.home > section#trialApp h2 img, #contents.parents.home > section#movie.introMovie h2 img {
  width: auto;
  max-height: 20px;
}
#contents.parents.home > section#trialApp {
  border-bottom: solid 1px #CCC;
}
#contents.parents.home > section#trialApp ul li.horizon-item.signIn {
  width: 173.25px;
}
#contents.parents.home > section#trialApp ul li.horizon-item.signIn img {
  width: 100%;
  box-shadow: none;
}
#contents.parents.home > section#movie.introMovie {
  padding: 1em 0 2em;
}
#contents.parents.home > section#movie.introMovie h2 {
  margin-bottom: .5em;
}
#contents.parents.home > section#about .intro {
  text-align: center;
}
#contents.parents.home > section#about .intro .tb {
  display: none;
}
#contents.parents.home > section#about .intro img {
  display: inline;
  width: 80%;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#about .intro img {
    width: 100%;
  }
  #contents.parents.home > section#about .intro img.tb {
    display: block;
  }
  #contents.parents.home > section#about .intro img.sp {
    display: none;
  }
}
#contents.parents.home > section#about .button {
  margin: 2em 0;
}
#contents.parents.home > section#about .app {
  margin-bottom: 0;
  padding-bottom: 0;
}
#contents.parents.home > section#about .app .button {
  margin-top: 0;
}
#contents.parents.home > section#about .center {
  margin: auto;
  padding: 2em;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#about .center a.btn {
    width: 85.2%;
  }
}
#contents.parents.home > section#intellectual h2 {
  position: relative;
}
#contents.parents.home > section#intellectual h2:after {
  display: block;
  position: absolute;
  top: -8px;
  right: 3px;
  width: 60px;
  height: 81px;
  background: url("/common/images/parents/home/intellectual.png") no-repeat;
  background-size: contain;
  content: '';
}
#contents.parents.home > section#intellectual .inner {
  width: 87%;
  padding: 0 10% 0 3.3%;
}
#contents.parents.home > section#intellectual nav.list ul li a:before {
  margin-right: 0.25em;
  vertical-align: baseline;
  content: '\f059';
  font-size: 1.5rem;
  font-family: FontAwesome;
  color: #cc0033;
}
#contents.parents.home > section#voice {
  margin-bottom: 0;
}
#contents.parents.home > section#voice h2 {
  margin-bottom: 0;
}
#contents.parents.home > section#voice article {
  display: table;
  position: relative;
  margin: 0;
  padding: 0.5em 3.3%;
  border-bottom: solid 1px #CCC;
}
#contents.parents.home > section#voice article:last-child {
  border-bottom: none;
}
#contents.parents.home > section#voice article .txt,
#contents.parents.home > section#voice article figure {
  display: table-cell;
  vertical-align: top;
}
#contents.parents.home > section#voice article .txt img,
#contents.parents.home > section#voice article figure img {
  border-radius: 50%;
}
#contents.parents.home > section#voice article figure {
  width: 18.5%;
  padding-right: 3.3%;
}
@media screen and (min-width: 500px) {
  #contents.parents.home > section#voice article figure img {
    max-width: 70%;
  }
}
#contents.parents.home > section#voice article .txt {
  padding-top: 0.5em;
}
#contents.parents.home > section#voice article .txt h2 {
  margin-bottom: 0.3em;
  font-size: 1.8em;
}
#contents.parents.home > section#voice article .txt h3 {
  font-size: 1.4rem;
}
#contents.parents.home > section#voice article .txt:before {
  position: absolute;
  top: 1.7em;
  right: 6.6%;
  display: block;
  content: '\f107';
  font-family: FontAwesome;
  font-size: 2rem;
}
#contents.parents.home > section#voice article.active .txt:before {
  content: '\f106';
}
#contents.parents.home > section#voice .tag {
  margin-bottom: 0;
}
#contents.parents.home > section#voice .tag li {
  margin-bottom: 0.5em;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 12px;
  font-size: 1.2rem;
}
#contents.parents.home > section#voice .tag li.age {
  padding-left: 75px;
  background-image: url("/common/images/parents/home/voice_tag_age.png");
}
#contents.parents.home > section#voice .tag li.favorite {
  padding-left: 80px;
  background-image: url("/common/images/parents/home/voice_tag_favorite.png");
}
#contents.parents.home > section#voice .tag li.trigger {
  margin-bottom: 0;
  padding-left: 75px;
  background-image: url("/common/images/parents/home/voice_tag_trigger.png");
}
#contents.parents.home > section#voice .hidden {
  display: none;
}
#contents.parents.home > section#voice .hidden .tag {
  margin-bottom: 1em;
}
#contents.parents.home > section#voice .hidden .name {
  color: #999;
}
#contents.parents.home > section#trial {
  margin-bottom: 0;
  padding-bottom: 2em;
  background-color: #fffde7;
}
#contents.parents.home > section#trial figure {
  margin-top: -30px;
  margin-bottom: 1em;
  text-align: center;
}
#contents.parents.home > section#trial .button {
  margin-bottom: 0;
  text-align: center;
}
#contents.parents.home > section#news {
  position: relative;
}
#contents.parents.home > section#news h2 {
  margin-bottom: 0.3em;
}
#contents.parents.home > section#news dl dt {
  font-weight: normal;
  font-size: 1.3rem;
  padding-top: 0.5em;
}
#contents.parents.home > section#news .ehon {
  position: relative;
  width: 87%;
  margin: 0 auto;
  padding: 0 5%;
  background: url("/common/images/parents/home/news_ehoon_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#news .ehon {
    width: 60%;
  }
}
#contents.parents.home > section#news .ehon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 73px;
  height: 23px;
  background: url("/common/images/parents/home/news_ehon.png");
  background-size: cover;
  content: '';
}
#contents.parents.home > section#news .ehon .description {
  display: table;
  position: relative;
}
#contents.parents.home > section#news .ehon .description > div,
#contents.parents.home > section#news .ehon .description figure {
  display: table-cell;
  vertical-align: top;
}
#contents.parents.home > section#news .ehon .description > div {
  padding: 30px 3% 5% 0;
  color: #50340c;
}
#contents.parents.home > section#news .ehon .description > div h5 {
  margin-bottom: 0.25em;
  font-weight: bold;
}
#contents.parents.home > section#news .ehon .description > div p {
  font-size: 1.2rem;
}
#contents.parents.home > section#news .ehon .description > div a {
  color: #cc0033;
  text-decoration: underline;
}
#contents.parents.home > section#news .ehon .description figure {
  width: 30%;
  min-width: 100px;
}
#contents.parents.home > section#news .ehon .description figure img {
  width: 100%;
}
#contents.parents.home > section#social {
  padding-bottom: 1em;
}
#contents.parents.home > section#social .sns {
  font-size: 0;
  text-align: center;
}
#contents.parents.home > section#social .sns li {
  display: inline-block;
  width: 93px;
  vertical-align: top;
}
#contents.parents.home > section#social .sns li:nth-child(2) {
  margin: 0 9px;
}
#contents.parents.home > section#social .sns li p {
  margin-top: 7px;
  text-align: center;
}
#contents.parents.home > section#social .sns li p img {
  width: auto;
  height: 21px;
}
#contents.parents.home > section#movie {
  position: relative;
  padding-bottom: 1em;
}
#contents.parents.home > section#movie .slick-list {
  overflow: visible;
}
#contents.parents.home > section#movie .movieTmb {
  width: 100%;
  margin: 0 auto;
}
#contents.parents.home > section#movie .movieTmb .horizon-inner {
  padding-left: 3.3%;
}
#contents.parents.home > section#movie .movieTmb .horizon-item {
  width: 156px;
  margin: 0 10px 0 0;
  text-align: left;
  vertical-align: top;
  font-size: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#contents.parents.home > section#movie .movieTmb .horizon-item img {
  display: block;
  margin-bottom: .25em;
}
#contents.parents.home > section#movie .movieTmb .horizon-item.listBtn {
  width: 110px;
  padding-top: 20px;
  font-size: 1.4rem;
}
#contents.parents.home > section#movie .movieTmb .horizon-item.listBtn a.btn {
  width: 100%;
  padding: 1em 0;
}
#contents.parents.home > section#pr {
  margin-bottom: 0;
}
#contents.parents.home > section#pr .slick-list {
  overflow: visible;
}
#contents.parents.home > section#pr .prBanner {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 1em;
}
#contents.parents.home > section#pr .prBanner .horizon-inner {
  padding-left: 3.3%;
}
#contents.parents.home > section#pr .prBanner .horizon-item {
  margin-right: 10px;
}
#contents.parents.home > section#pr .prBanner .horizon-item img {
  width: auto;
  height: 95px;
}
#contents.parents.home > section#recommend {
  padding-bottom: 1em;
}
#contents.parents.home > section#recommend ul {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 0;
}
#contents.parents.home > section#recommend ul li {
  display: inline-block;
  width: 70px;
  margin: 0 2px;
  vertical-align: top;
  text-align: left;
  font-size: 1rem;
}
#contents.parents.home > section#recommend ul li .icon {
  margin-bottom: 0;
}
#contents.parents.home > section#recommend ul li a p {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#contents.parents.home > section#recommend ul li a > img {
  border: 1px solid #a6a6a6;
}
#contents.parents.home > section#recommend .more {
  text-align: right;
  font-size: 1.2rem;
}
#contents.parents.home > section#recommend .more:before {
  content: '> ';
  color: #cc0033;
}
#contents.parents.home > section#recommend .print {
  text-align: right;
}
#contents.parents.home > section#recommend .print a {
  color: #cc0033;
  font-size: 1.3rem;
}
#contents.parents.home > section#recommend .print a:after {
  margin-left: 0.5em;
  content: '\f105';
  font-family: FontAwesome;
}
#contents.parents.home > section#ranking {
  margin: 0;
}
#contents.parents.home > section#ranking h2 {
  margin-bottom: 1em;
  padding: 0 3.3%;
}
#contents.parents.home > section#ranking .rankingList li {
  display: table;
  width: 93.333%;
  margin-bottom: 0.5em;
  padding: 0.5em 3.3%;
  border-bottom: solid 1px #CCC;
  /**/
}
#contents.parents.home > section#ranking .rankingList li > div,
#contents.parents.home > section#ranking .rankingList li figure {
  display: table-cell;
  vertical-align: top;
}
#contents.parents.home > section#ranking .rankingList li figure {
  position: relative;
  width: 82px;
  padding: 10px 9px 0 0;
}
#contents.parents.home > section#ranking .rankingList li figure:before {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 67px;
  height: 32px;
  margin-left: -38px;
  background-size: contain;
  content: '';
  z-index: 1;
}
#contents.parents.home > section#ranking .rankingList li:nth-child(1) figure:before {
  background-image: url("/common/images/launcher/home/ranking_1st.png");
}
#contents.parents.home > section#ranking .rankingList li:nth-child(2) figure:before {
  background-image: url("/common/images/launcher/home/ranking_2nd.png");
}
#contents.parents.home > section#ranking .rankingList li:nth-child(3) figure:before {
  background-image: url("/common/images/launcher/home/ranking_3rd.png");
}
#contents.parents.home > section#ranking .rankingList li:nth-child(4) figure:before {
  background-image: url("/common/images/launcher/home/ranking_4th.png");
}
#contents.parents.home > section#ranking .rankingList li:nth-child(5) figure:before {
  background-image: url("/common/images/launcher/home/ranking_5th.png");
}
#contents.parents.home > section#ranking .rankingList li > div .heading {
  margin-bottom: 0.5em;
  font-size: 1.5rem;
  line-height: 1.2;
}
#contents.parents.home > section#ranking .rankingList li > div .txt {
  margin-bottom: 0;
  font-size: 1.2rem;
}
#contents.parents.home > section#ranking .rankingList li > div a {
  color: #cc0033;
}
#contents.parents.home > section#ranking .detail {
  position: relative;
  padding: 1em 0;
  background-color: #fff8e3;
}
#contents.parents.home > section#ranking .detail:before {
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 6px;
  background: url("/common/images/parents/home/ranking_detail_bg.png") no-repeat;
  background-size: contain;
  content: '';
}
#contents.parents.home > section#ranking .detail .genre {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0;
}
#contents.parents.home > section#ranking .detail .genre li {
  display: inline-block;
  padding: 0.25em 1em;
  border: solid 1px;
  border-radius: 5px;
  background-color: #fff;
  font-size: 1.4rem;
  color: #cc0033;
}
#contents.parents.home > section#ranking .detail .genre li:nth-child(2) {
  margin: 0 1em;
}
#contents.parents.home > section#ranking .detail .genre + p {
  text-align: center;
}
#contents.parents.home > section#ranking .app {
  margin-bottom: 0;
  padding-bottom: 0;
}
#contents.parents.home > section#ranking .app .balloon {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#contents.parents.home > section#ranking .app .balloon span {
  background-color: #f48a00;
}
#contents.parents.home > section#ranking .app .balloon:after {
  background-image: url("/common/images/parents/common/balloon_02.png");
}
#contents.parents.home > section#ranking .app.ranking {
  box-shadow: none;
}
#contents.parents.home > section#mamatenna {
  margin-bottom: 0;
  padding-bottom: 0;
  background-color: #FCEEF1;
}
#contents.parents.home > section#mamatenna .inner {
  width: 100%;
  background-color: #fff;
}
#contents.parents.home > section#mamatenna .inner .tabNav {
  height: 38px;
  padding-left: 1%;
  overflow: hidden;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#mamatenna .inner .tabNav {
    width: 80%;
    margin: 0;
  }
}
#contents.parents.home > section#mamatenna .inner .tabNav li {
  display: inline-block;
  border-radius: 10px 10px 0 0;
  background-color: #ccc;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#mamatenna .inner .tabNav li {
    width: 33%;
  }
}
#contents.parents.home > section#mamatenna .inner .tabNav li:nth-child(1) {
  z-index: 3;
}
#contents.parents.home > section#mamatenna .inner .tabNav li:nth-child(2) {
  z-index: 2;
}
#contents.parents.home > section#mamatenna .inner .tabNav li:nth-child(3) {
  z-index: 1;
}
#contents.parents.home > section#mamatenna .inner .tabNav li.active {
  z-index: 3;
}
#contents.parents.home > section#mamatenna .inner .tabNav li.active:nth-child(1) {
  background-color: #E15E76;
}
#contents.parents.home > section#mamatenna .inner .tabNav li.active:nth-child(2) {
  background-color: #f0b400;
}
#contents.parents.home > section#mamatenna .inner .tabNav li.active:nth-child(3) {
  background-color: #72B030;
}
#contents.parents.home > section#mamatenna .inner .tabNav li a {
  display: block;
  padding: 0.6em;
  color: #fff;
}
#contents.parents.home > section#mamatenna .inner .tabBody {
  margin: 0 auto;
  padding: 30px 3.3% 3.3%;
  border-top: solid 4px #E15E76;
  background: #fceef1 url("/common/images/parents/home/mamatenna_logo.png") no-repeat 94.3% 10px;
  background-size: 139px auto;
}
#contents.parents.home > section#mamatenna .inner .tabBody#tab02 {
  border-color: #f0b400;
  background-color: #fdf7e6;
  background-image: url("/common/images/parents/home/shimajiro_logo.png");
  background-size: 115px auto;
}
#contents.parents.home > section#mamatenna .inner .tabBody#tab03 {
  border-color: #72B030;
  background-color: #f0f7e9;
  background-image: none;
}
#contents.parents.home > section#mamatenna .inner .tabBody .center {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#mamatenna .inner .tabBody {
    background: #fceef1 url("/common/images/parents/home/mamatenna_logo.png") no-repeat 84.5% 10px;
    background-size: 139px auto;
  }
  #contents.parents.home > section#mamatenna .inner .tabBody .inner {
    width: 80%;
  }
}
#contents.parents.home > section#mamatenna .inner .tabBody article {
  margin: 0 auto 1px;
  background-color: #fff;
  border-bottom: 1px solid #fceef1;
  width: 100%;
}
#contents.parents.home > section#mamatenna .inner .tabBody article a {
  display: table;
  position: relative;
  padding-right: 20px;
}
#contents.parents.home > section#mamatenna .inner .tabBody article a .txt,
#contents.parents.home > section#mamatenna .inner .tabBody article a figure {
  display: table-cell;
  vertical-align: top;
}
#contents.parents.home > section#mamatenna .inner .tabBody article a figure {
  width: 33.3%;
  padding-right: 3.3%;
  padding: 5px 0 5px 5px;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#mamatenna .inner .tabBody article a figure {
    width: 20%;
  }
}
#contents.parents.home > section#mamatenna .inner .tabBody article a figure img {
  vertical-align: top;
}
#contents.parents.home > section#mamatenna .inner .tabBody article a .txt {
  padding: 5px;
}
@media screen and (min-width: 768px) {
  #contents.parents.home > section#mamatenna .inner .tabBody article a .txt {
    padding-top: 1em;
  }
}
#contents.parents.home > section#mamatenna .inner .tabBody article a .txt p.date {
  font-size: 1rem;
  color: #e35c75;
}
#contents.parents.home > section#mamatenna .inner .tabBody article a .txt p:last-child {
  margin-bottom: 0;
}
#contents.parents.home > section#mamatenna .inner .tabBody article a .txt p.genre {
  font-size: 1rem;
  color: #64B5F6;
  margin-bottom: 0.5em;
  display: inline-block;
  padding: 2px 5px;
  border: 1px solid #64B5F6;
}
#contents.parents.home > section#mamatenna .inner .tabBody .btn {
  margin: 1em auto;
}
#contents.parents.home > section#thanks .heading {
  margin-bottom: 1em;
}
#contents.parents.home > section#thanks .inner {
  width: 88.4%;
  padding: 2.5%;
  background-color: #FFF8E4;
}
#contents.parents.home > section#thanks .inner h3 {
  margin-bottom: 0.25em;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  color: #f48a00;
}
#contents.parents.home > section#thanks .inner p {
  font-size: 1.2rem;
}
#contents.parents.home > section#thanks .balloon_03 {
  position: relative;
}
#contents.parents.home > section#thanks .balloon_03 span {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 20px;
}
#contents.parents.home > section#thanks .balloon_03:after {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  width: 20px;
  height: 12px;
  background: url("/common/images/parents/common/balloon_03.png") no-repeat;
  background-size: contain;
  content: '';
}
#contents.parents.login {
  background-color: #fffad9;
}
#contents.parents.login.current .heading {
  margin-bottom: 1em;
}
#contents.parents.login.current #ranking .button {
  margin-top: 0;
}
#contents.parents.login h3 {
  margin-left: 0.8em;
}
#contents.parents.login .often {
  background: #fff;
  padding-bottom: 1em;
}
#contents.parents.login .accordion {
  margin-bottom: 0 !important;
}
#contents.parents.login .accordion dl.active {
  background-color: #fff !important;
}
#contents.parents.login .accordion dl.active dt {
  display: none;
}
#contents.parents.login .accordion dl:first-child {
  border: none;
}
#contents.parents.login .accordion dl {
  background-color: transparent;
}
#contents.parents.login .accordion dl dt {
  width: 86.6%;
  margin: 0 auto;
  padding: 0;
}
#contents.parents.login .accordion dl dt:before {
  position: inherit;
  content: none;
}
#contents.parents.login .accordion dl dd {
  border-top: none;
  margin: 0 auto;
}
#contents.parents.login .accordion dl dd .rankingList li:nth-child(1) figure:before {
  background-image: url("/common/images/launcher/home/ranking_4th.png") !important;
}
#contents.parents.login .accordion dl dd .rankingList li:nth-child(2) figure:before {
  background-image: url("/common/images/launcher/home/ranking_5th.png") !important;
}
#contents.parents.login #news {
  background: #fff;
  margin-bottom: 0 !important;
  padding-bottom: 2em;
}
@media screen and (min-width: 768px) {
  #contents.parents.login .login_wrp {
    margin: 0 auto;
  }
  #contents.parents.login .login_wrp .often .inner {
    width: 80%;
  }
  #contents.parents.login .login_wrp .carousel {
    width: 70%;
  }
  #contents.parents.login .login_wrp .tabNav {
    width: 80%;
    margin: 0 auto;
  }
}
#contents.parents.press .visual {
  text-align: center;
}
#contents.parents.press .visual.mb {
  margin-bottom: 1em;
}
#contents.parents.press .visual p {
  font-size: 1rem;
}
#contents.parents.press .visual img {
  vertical-align: top;
}
#contents.parents.press .visual + article {
  margin-top: 1.4em;
}
#contents.parents.press h1 {
  padding-bottom: .25em;
}
#contents.parents.press h1 span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}
#contents.parents.press h2 {
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: 0 0.18em;
  background-size: 4px;
  padding-bottom: 0;
  font-weight: normal;
}
#contents.parents.press h2:before {
  display: none;
}
#contents.parents.press h3.border {
  margin-bottom: 1em;
  padding: 1em 0;
  border-top: solid 1px;
  border-bottom: solid 1px;
  background: none;
  text-align: center;
  color: #309898;
}
#contents.parents.press .papamama-headline4 {
  color: #309898;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 0 0;
  margin: 0 0 8px 0;
}
#contents.parents.press .paragraph table {
  width: 100%;
  margin: 0 0 15px 0;
  border-spacing: 0;
  border-collapse: collapse;
}
#contents.parents.press .paragraph table th, #contents.parents.press .paragraph table td {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  padding: 12px 5px;
  border: solid 1px #CCC;
}
#contents.parents.press .paragraph table th {
  color: #309898;
  text-align: center;
  background: #d8f2f2;
}
#contents.parents.press .paragraph table td {
  text-align: right;
}
#contents.parents.press .paragraph table td.rank_ {
  color: #309898;
  text-align: center;
}
#contents.parents.press .paragraph.entry h3 {
  margin-bottom: 1em;
  padding: .5em 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
#contents.parents.press .paragraph.entry h4 {
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
}
#contents.parents.press .paragraph.entry.blue h3 {
  background-color: #bbdefb;
}
#contents.parents.press .paragraph.entry.yellow h3 {
  background-color: #ffe082;
}
#contents.parents.press .paragraph.entry.orange h3 {
  background-color: #ff6f00;
  color: #FFF;
}
#contents.parents.press .paragraph .note {
  text-align: left;
}
#contents.parents.press .paragraph .note.blue {
  color: #309898;
}
#contents.parents.press .paragraph .nmb {
  margin-bottom: 0;
}
#contents.parents.press .paragraph dl.block dt {
  margin-bottom: .5em;
  padding: .5em 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
#contents.parents.press .paragraph dl.block dd {
  margin-bottom: .5em;
}
#contents.parents.press .paragraph dl.block dd span {
  display: block;
  margin-bottom: 0;
  font-weight: bold;
}
#contents.parents.press .paragraph dl.block.blue dt {
  background-color: #bbdefb;
}
#contents.parents.press .paragraph dl.block.yellow dt {
  background-color: #ffe082;
}
#contents.parents.press figure {
  width: 90%;
  margin: 2em auto;
}
#contents.parents.press .date {
  margin-bottom: 1em;
  font-size: 1rem;
}
#contents.parents.press .listItem li {
  margin-bottom: 0.6em;
}
#contents.parents.press .note {
  text-align: right;
  font-size: 1rem;
}
#contents.parents.pink h1 {
  background: url("/common/images/parents/press/mamatenna_logo.png") no-repeat 95% center #e35c75;
  background-size: 139px;
}
#contents.parents.pink h2:not(.headingOrange):before {
  background-color: #e35c75;
}
#contents.parents.pink .date {
  color: #e35c75;
}
#contents.parents.green h1 {
  background-color: #72B030;
}
#contents.parents.green h2:not(.headingOrange):before {
  background-color: #72b030;
}
#contents.parents.green .date {
  color: #72B030;
}
#contents.parents.yellow h1 {
  background: url("/common/images/parents/press/challenge_logo.png") no-repeat 95% center #EEB329;
  background-size: 114px;
}
@media screen and (max-width: 355px) {
  #contents.parents.yellow h1 {
    background-size: 100px;
  }
}
#contents.parents.yellow h2:not(.headingOrange):before {
  background-color: #EEB329;
}
#contents.parents.yellow .date {
  color: #EEB329;
}
#contents.parents.yellow h3 {
  margin-top: 1em;
}
#contents.parents.yellow .right {
  text-align: right;
}
#contents.parents.yellow .PR p {
  margin-bottom: 0.6em;
}
#contents.parents.orange h1 {
  background-color: #F28923;
}
#contents.parents.orange h2:not(.headingOrange):before {
  background-image: url("/common/images/common/h2_bg_orange.png");
}
#contents.parents.orange .date {
  color: #F28923;
}
#contents.parents.search h1 {
  margin-bottom: 1.4em;
}
#contents.parents.search .app .filtering .selectBox .genre {
  padding: 9px 28% 9px 9px;
}
@media screen and (min-width: 768px) {
  #contents.parents.search .app ul.disabled {
    max-width: 990px;
  }
}
#contents.parents.search .app ul li .tag {
  width: auto;
  text-align: center;
  font-size: 0;
}
#contents.parents.search .app ul li .tag li {
  display: inline-block;
  margin: 0 1px;
}
#contents.parents.search .app ul li .tag li img {
  width: 34px;
  box-shadow: none;
}
#contents.parents.search .button {
  margin: 2em 0 3em;
  text-align: center;
}
#contents.parents .dMenu {
  border-top: none;
  background-color: #eee;
}
#contents.parents .fixedBtn {
  margin-bottom: 0;
  position: fixed;
  bottom: 5px;
  right: 10px;
  z-index: 100;
}
#contents.parents .fixedBtn.btnApp {
  width: 188px;
}
#contents.parents .fixedBtn.btnApp img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #contents.parents .fixedBtn.btnApp {
    width: 335px;
  }
  #contents.parents .fixedBtn.btnApp img {
    max-width: none;
  }
}
#contents.parents .fixedBtn img {
  vertical-align: top;
}
#contents.parents section.inner .emphasis {
  background-color: #fff8e3;
}
#contents.parents .accordion {
  margin-bottom: 2em;
  margin-top: 1em;
}
#contents.parents .accordion.qa {
  margin-top: 0;
}
#contents.parents .accordion.qa h3 {
  margin-bottom: 0.5em;
  font-size: 1.4rem;
  font-weight: bold;
}
#contents.parents .accordion dl {
  background-color: #f0f0f0;
}
#contents.parents .accordion dl.active {
  background-color: #fffcf2;
}
#contents.parents .accordion dl.active > dt:before {
  content: '\f106';
}
#contents.parents .accordion dl dt {
  position: relative;
  padding: 1em 10% 1em 3.3%;
}
#contents.parents .accordion dl dt:before {
  position: absolute;
  top: 20%;
  right: 6.6%;
  display: block;
  content: '\f107';
  font-family: FontAwesome;
  font-size: 2rem;
}

.registfixedBtn {
  margin-bottom: 0;
  position: fixed;
  bottom: 5px;
  right: 10px;
  z-index: 100;
  width: 80%;
}
.registfixedBtn.first {
  width: 268px;
}
@media screen and (min-width: 737px) {
  .registfixedBtn.first {
    width: 500px;
  }
}
.registfixedBtn img {
  vertical-align: top;
}

/* logout
--------------------------------------------------------- */
.logout {
  background-color: #fffad9 !important;
}
.logout .balloon {
  margin-bottom: 1em;
}
.logout .logoutpoint li {
  border-top: solid 1px #CCC;
}
.logout #trial .inner .button a {
  display: inline-block;
  width: 86.6%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .logout #trial .inner {
    width: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .logout .logoutpoint {
    margin: 0 auto;
    width: 95%;
    border-top: solid 1px #CCC;
    padding: 1em 0;
  }
}

.campaign .inner {
  padding-top: 0 !important;
}
.campaign .inner .paragraph .center .btn {
  width: 86.6%;
}
.campaign .inner .balloon {
  width: 88.4%;
  padding: 2.5%;
  background-color: #FFF8E4;
  margin: 0 auto 1em;
  text-align: center;
  position: relative;
}
.campaign .inner .balloon span {
  font-weight: bold;
}
.campaign .inner .balloon .red {
  color: #d0121b;
}
.campaign .inner .balloon:after {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  width: 20px;
  height: 12px;
  background: url("/common/images/parents/common/balloon_03.png") no-repeat;
  background-size: contain;
  content: '';
}
.campaign .inner #trial {
  margin-bottom: 2em;
  padding-bottom: 2em;
  background-color: #fffde7;
}
.campaign .inner #trial .inner {
  width: 93.4%;
  margin: 0 auto;
}
.campaign .inner #trial figure {
  margin-top: -30px;
  margin-bottom: 1em;
  text-align: center;
}
.campaign .inner #trial .button {
  margin-bottom: 0;
  text-align: center;
}
.campaign .inner #trial .button a {
  width: 86.6%;
}

.faq article.paragraph {
  padding-top: 1.4em;
}
.faq .a_inner {
  border-left: solid 1px #CCC;
  border-right: solid 1px #CCC;
}

.parentsabout .visual img {
  width: 100%;
  vertical-align: top;
}
.parentsabout .aboutmovie {
  background-color: #fffde7;
  padding: 2em 3.3%;
}
.parentsabout > section.inner {
  margin: 0 auto;
  padding: 1.4em 0 0 !important;
}
.parentsabout > section.inner .movie {
  padding: 3.3%;
  background-color: #FEFAE3;
}
.parentsabout > section.inner .movie .balloon {
  position: relative;
  margin-bottom: 1em;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
}
.parentsabout > section.inner .movie .balloon span {
  display: inline-block;
  padding: 0.5em 3em;
  border-radius: 20px;
  background-color: #dc1e3c;
}
.parentsabout > section.inner .movie .balloon span:after {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 6px;
  background: url("/common/images/parents/common/balloon_04.png") no-repeat;
  background-size: contain;
  content: '';
}
.parentsabout > section.inner .movie .balloon + .center {
  margin-bottom: .3em;
}
.parentsabout > section#trial {
  margin-bottom: 0;
  padding-bottom: 2em;
  background-color: #fffde7;
  margin-bottom: 2em;
}
.parentsabout > section#trial .inner {
  padding: 1.4em 3.3% 0;
}
.parentsabout > section#trial figure {
  margin-top: -30px;
  margin-bottom: 1em;
  text-align: center;
}
.parentsabout > section#trial .button {
  margin-bottom: 0;
  text-align: center;
}

.coupon .paragraph {
  border-bottom: solid 1px #CCC;
  padding: 0 0 1.5em;
}
.coupon .paragraph .visual {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.coupon .paragraph .btn {
  margin: 1em auto;
}
.coupon .paragraph .caption {
  font-size: 0.9em;
}

/* メニューオープン
--------------------------------------------------------- */
.menu_open dl dt {
  padding: 1em 10% 0 1em;
}

.menu_open dl dd {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* P-1-1 : キッズアプリ用クッション画面
--------------------------------------------------------- */
.download .inner {
  padding-top: 1.4em;
}

.download a.red {
  width: 93.2%;
  margin-bottom: 2.5em;
}

.download .DLbtn {
  margin-top: 2em;
}

/* P-0-1 : 重要なお知らせ 詳細
--------------------------------------------------------- */
/* P-3-1 : アプリ紹介詳細 1
--------------------------------------------------------- */
#contents.detail_app #mainVisual {
  margin-bottom: 1em;
}
#contents.detail_app .slick-dots li button {
  width: 8px;
  height: 8px;
  margin: 0 4px;
}
#contents.detail_app .confirm_area {
  margin-bottom: 20px;
}
@media screen and (max-width: 353px) {
  #contents.detail_app .confirm_area.signout .btn {
    font-size: 1.3rem !important;
  }
}
#contents.detail_app article.paragraph {
  margin-bottom: 2em;
}
#contents.detail_app article.paragraph .center {
  padding: 0 8px;
}
#contents.detail_app article.paragraph .center img {
  width: 100%;
  max-width: 640px;
}
#contents.detail_app article.paragraph:nth-of-type(1) {
  margin-bottom: 0;
}
#contents.detail_app .app_in {
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
}
@media screen and (max-width: 814px) {
  #contents.detail_app .app_in {
    margin-left: 1%;
  }
}
@media screen and (min-width: 839px) {
  #contents.detail_app .app_in {
    display: inline-block;
    width: auto;
    vertical-align: top;
  }
  #contents.detail_app .app_in:nth-of-type(1) {
    margin-left: 3%;
  }
  #contents.detail_app .app_in:nth-of-type(2) {
    margin-left: 1em;
  }
}
#contents.detail_app .app_in dt,
#contents.detail_app .app_in dd {
  margin-bottom: 1em;
}
#contents.detail_app .app_in dt {
  color: #fff;
}
#contents.detail_app .app_in dt p {
  background-color: #F48A00;
  border-radius: 15px;
  padding: 5px 10px;
  display: inline;
}
#contents.detail_app .app_in:nth-of-type(1) dt, #contents.detail_app .app_in:nth-of-type(1) dd {
  display: inline-block;
  float: none;
}
#contents.detail_app .app_in:nth-of-type(1) dt {
  margin-right: .5em;
}
#contents.detail_app .app_in:nth-of-type(1) dd {
  margin-right: 0.3em;
  padding: .25em 1em;
  border: solid 1px;
  border-radius: 5px;
  color: #777;
}
#contents.detail_app .app_in:nth-of-type(1) dd:nth-of-type(1) {
  margin-right: 1em;
}
#contents.detail_app .app_in:nth-of-type(1) dd.borderNone {
  display: inline;
  padding: 0;
  border: none;
}
#contents.detail_app .app_in:nth-of-type(2) dt {
  float: left;
  clear: both;
  margin: 5px 5px 1px 0;
  width: 9em;
  /*text-align: right;*/
}
#contents.detail_app .app_in:nth-of-type(2) dd {
  padding: 0 5px;
  margin-left: 9em;
}
#contents.detail_app .app_in:nth-of-type(2) dd .btn {
  width: auto;
}
#contents.detail_app .red_sqare {
  border: 1px solid #dc1e3c;
  padding: 3px 12px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 4px;
  color: #dc1e3c;
  width: auto;
  vertical-align: middle;
}

#contents.parents.detail_app .accordion.button dl {
  background-color: transparent;
}
#contents.parents.detail_app .accordion.button dl.active dt {
  display: none;
}
#contents.parents.detail_app .accordion.button dl:first-child {
  border: none;
}
#contents.parents.detail_app .accordion.button dl dt {
  padding: 0;
  text-align: center;
}
#contents.parents.detail_app .accordion.button dl dt:before {
  display: none;
}
#contents.parents.detail_app .accordion.button dl dd {
  border-top: none;
}

.detail_app .red {
  font-size: 1.6rem;
}

.detail_app .orange {
  font-size: 1.6rem;
}

/*このアプリのお知らせ通知*/
.detail_app dl.push {
  width: 80% px;
  margin: 15px auto 0;
}

.detail_app .push dt {
  float: left;
  clear: both;
  color: #333333;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 10px 0 0;
  width: 60%;
  text-align: right;
}

.detail_app .push dd {
  margin-left: 63%;
  padding: 5px 0 0;
}

.detail_app .more {
  border: solid 2px #F48A00;
  width: 98%;
  color: #F48A00;
  text-align: center;
  margin: 0 auto;
  padding: 0.6em 0;
}

/*その他のアプリを見る*/
ul.other {
  width: 285px;
  margin: 0 auto;
}

ul.other li {
  display: inline-block;
}

ul.other li {
  margin-right: 5%;
}

ul.other li:nth-child(3n) {
  margin-right: 0;
}

#contents section.inner ul.other li a {
  text-decoration: none;
  color: #2D2D2D;
}

ul.other figure {
  width: 82px;
  margin: 0 auto 2px;
  vertical-align: top;
}

ul.other figcaption {
  text-align: center;
}

ul.other figure img {
  border-radius: 15px;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05);
}

.bt_area {
  display: table;
  margin: 0 auto;
}

.bt_area p {
  display: table-cell;
  padding: 5px;
}

.detail_app .accordion .active {
  background-color: #fff !important;
}

/*子供情報の変更削除 P-3-4-3
--------------------------------------------------------- */
#contents.child_ch section.inner .index_top a {
  text-decoration: none;
  color: #333333;
}

#contents.child_ch section.inner {
  padding: 1.4em 3.3% 3em;
}

.child_ch {
  background-color: #fdfbea;
}
.child_ch .register_ch {
  margin: auto;
  width: 100%;
}
.child_ch .register_ch dl {
  clear: both;
}
.child_ch .register_ch dt {
  width: 32%;
  float: left;
  clear: both;
  margin: 15px 0 5px 5px;
  padding: 14px 0 0;
}
.child_ch .register_ch dd {
  display: inline-block;
  margin: 15px 10px 5px 0;
  padding: 0;
  width: 60%;
  float: right;
}
.child_ch .register_ch dt.sex_ttl {
  width: 15%;
}
.child_ch .register_ch dd.sex_ttl {
  width: 75%;
}
.child_ch .sex_input {
  display: table;
}
.child_ch .sex_input li {
  display: table-cell;
  padding-right: 5px;
}
.child_ch .sex_ttl .btn.iblock {
  width: 70px;
}
.child_ch .age_under {
  clear: both;
  margin: 10px 0;
}
.child_ch .age_txt {
  clear: both;
}
.child_ch .age_input li:nth-child(odd) {
  margin-right: 0;
}
.child_ch .register_ch dd.age_1 {
  margin-top: -50px;
  width: 90%;
}
.child_ch ul.age_input.first li {
  float: right;
}
.child_ch .register_ch input.nick {
  width: 60%;
  padding: 4.5% 3%;
}
.child_ch .selectBox.gender {
  width: 50px;
}
.child_ch input[type=checkbox] {
  display: none;
}
.child_ch dd.age_1 .btn.iblock {
  width: 120px;
  padding: 0.5em 2px;
}
.child_ch .age_input {
  font-weight: bold;
  clear: both;
}
.child_ch .age_input li {
  display: inline-block;
  float: left;
  margin: 5px 2px 5px 0;
}
.child_ch .age_input span {
  display: inline-block;
  font-weight: normal;
  font-size: 0.4em;
}
.child_ch input[type="radio"] + label:after {
  display: none;
}
.child_ch input[type="radio"] + label:before {
  display: none;
}
.child_ch .inline input[type="radio"] + label:before {
  display: none;
}
.child_ch .del_area {
  border-top: solid #AAA9A9 1px;
  padding: 10px 0 0;
}
.child_ch .del_area .confirm_area {
  display: table;
  width: auto;
}
.child_ch .del_area .confirm_area .btn.iblock {
  width: 80px;
  padding: 5px;
  margin-right: 10px;
}
.child_ch .del_area .confirm_area .btn.iblock.red {
  margin-right: 0;
}
.child_ch .index_under {
  background-color: #fff;
}
.child_ch .index_top li {
  width: 60px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background-color: #928F8F;
  float: left;
  margin: 5px 1px 0 0;
  padding: 5px;
}
.child_ch .index_top li:first-child {
  width: 65px;
  background-color: #fff;
}
.child_ch .index_top li a {
  font-size: 0.7rem;
}

/* P-10 dキッズの魅力
--------------------------------------------------------- */
.miryoku > section .inner {
  width: 93.4%;
  margin: 0 auto;
}
.miryoku > section#trial {
  margin-bottom: 0;
  padding-bottom: 2em;
  background-color: #fffde7;
  margin-bottom: 2em;
}
.miryoku > section#trial figure {
  margin-top: -30px;
  margin-bottom: 1em;
  text-align: center;
}
.miryoku > section#trial .button {
  margin-bottom: 0;
  text-align: center;
}

/* 特集 P-4
--------------------------------------------------------- */
#contents.special .w100 {
  width: 100%;
}
#contents.special .inner {
  padding-top: 0.4em !important;
}
#contents.special section.inner h3 {
  margin-bottom: 0;
}

/* おしらせ詳細
--------------------------------------------------------- */
p.date {
  margin-bottom: 0;
  font-size: 1.1rem;
}

.info_detail .listItem {
  width: 90%;
  margin: 0 auto;
}
.info_detail .listItem li {
  margin-bottom: 0.8em;
}
.info_detail .listItem li span {
  font-size: 1.1rem;
}

.info_detail .list {
  margin-bottom: 2em;
}
.info_detail .list ul li a:before {
  margin-right: 0.25em;
  vertical-align: baseline;
  content: '\f059';
  font-size: 1.5rem;
  font-family: FontAwesome;
  color: #cc0033;
}
.info_detail article.paragraph p {
  padding: 0 0.5 0 0;
  line-height: 20px;
  color: #010000;
}

.detail_important .inner {
  padding-top: 1.4em;
}

/* p-19
--------------------------------------------------------- */
.bgbeige {
  background: #faf9e8 !important;
}

/* p-19-6
--------------------------------------------------------- */
.inte_age .inner {
  padding-top: 1em;
}
.inte_age .back {
  background-color: #EEEEEE;
  padding: 2%;
}
.inte_age .back li {
  border-bottom: solid 1px #CCC;
}
.inte_age .back li:nth-last-of-type(1) {
  border-bottom: none;
}
.inte_age .list {
  margin-bottom: 2em;
}
.inte_age .list ul li a:before {
  margin-right: 0.25em;
  vertical-align: baseline;
  content: '\f059';
  font-size: 1.5rem;
  font-family: FontAwesome;
  color: #cc0033;
}

/* ｄｋｉｄｓ解約
--------------------------------------------------------- */
.cansellation #ranking {
  margin: 2em 0;
}
.cansellation #ranking .heading {
  margin-bottom: 1em;
}
.cansellation #ranking h2 {
  margin-bottom: 1em;
  padding: 0 3.3%;
}
.cansellation #ranking .rankingList {
  margin-bottom: 1em;
}
.cansellation #ranking .rankingList li {
  display: table;
  width: 93.333%;
  margin-bottom: 0.5em;
  padding: 0.5em 3.3%;
  border-bottom: solid 1px #CCC;
  /**/
}
.cansellation #ranking .rankingList li > div,
.cansellation #ranking .rankingList li figure {
  display: table-cell;
  vertical-align: top;
}
.cansellation #ranking .rankingList li figure {
  position: relative;
  width: 82px;
  padding: 10px 9px 0 0;
}
.cansellation #ranking .rankingList li figure:before {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 67px;
  height: 32px;
  margin-left: -38px;
  background-size: contain;
  content: '';
  z-index: 1;
}
.cansellation #ranking .rankingList li:nth-child(1) figure:before {
  background-image: url("/common/images/launcher/home/ranking_1st.png");
}
.cansellation #ranking .rankingList li:nth-child(2) figure:before {
  background-image: url("/common/images/launcher/home/ranking_2nd.png");
}
.cansellation #ranking .rankingList li:nth-child(3) figure:before {
  background-image: url("/common/images/launcher/home/ranking_3rd.png");
}
.cansellation #ranking .rankingList li:nth-child(4) figure:before {
  background-image: url("/common/images/launcher/home/ranking_4th.png");
}
.cansellation #ranking .rankingList li:nth-child(5) figure:before {
  background-image: url("/common/images/launcher/home/ranking_5th.png");
}
.cansellation #ranking .rankingList li > div .heading {
  margin-bottom: 0.5em;
  font-size: 1.5rem;
}
.cansellation #ranking .rankingList li > div .txt {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.cansellation #ranking .rankingList li > div a {
  color: #cc0033;
}
.cansellation #ranking .detail {
  position: relative;
  padding: 1em 0;
  background-color: #fff8e3;
}
.cansellation #ranking .detail:before {
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 6px;
  background: url("/common/images/parents/home/ranking_detail_bg.png") no-repeat;
  background-size: contain;
  content: '';
}
.cansellation #ranking .detail .genre {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0;
}
.cansellation #ranking .detail .genre li {
  display: inline-block;
  padding: 0.25em 1em;
  border: solid 1px;
  border-radius: 5px;
  background-color: #fff;
  font-size: 1.4rem;
  color: #cc0033;
}
.cansellation #ranking .detail .genre li:nth-child(2) {
  margin: 0 1em;
}
.cansellation #ranking .detail .genre + p {
  text-align: center;
}
.cansellation #ranking .app {
  margin-bottom: 0;
}
.cansellation #ranking .app .balloon {
  margin-bottom: 0.5em;
}
.cansellation #ranking .app .balloon span {
  background-color: #f48a00;
}
.cansellation #ranking .app .balloon:after {
  background-image: url("/common/images/parents/common/balloon_02.png");
}
.cansellation #ranking .app.ranking {
  box-shadow: none;
}
.cansellation #ranking .right {
  text-align: right;
}
.cansellation .cansell {
  margin-top: 3em;
}
.cansellation .cansell .cancell_check {
  margin: 2em 0;
}
.cansellation .cansell .cancell_check input[type=checkbox].cbAfter + label {
  display: block;
  position: relative;
  padding: 1em;
}
.cansellation .cansell .cancell_check input[type=checkbox].cbAfter + label:after {
  position: absolute;
  top: 50%;
  right: 2.5%;
  margin-top: -6px;
}
.cansellation .cansell .cancell_check ul {
  border-top: solid 1px #f0f0f0;
}
.cansellation .cansell .cancell_check li {
  border-bottom: solid 1px #f0f0f0;
}
.cansellation .cansell .cansellation_btn {
  margin: 0 auto 2em;
}
.cansellation .cansell .cansellation_btn ul {
  text-align: center;
  overflow: hidden;
}
.cansellation .cansell .cansellation_btn li {
  display: inline-block;
}
.cansellation .cansell .cansellation_btn li:first-child {
  margin-right: 1em;
}
.cansellation .cansell .txt {
  margin: 1em;
}
.cansellation .cansell .txt a {
  text-decoration: underline;
}

.cansellation .cansellation_btn {
  margin: 15px auto;
  clear: both;
}

.cansellation .cansellation_btn li {
  display: inline-block;
}

.cansellation .cansellation_btn li:first-child {
  margin-right: 5px;
}

/* おしらせ一覧
--------------------------------------------------------- */
.pageing li {
  display: inline-block;
  margin-right: 3px;
  border: 1px #838383 solid;
}

#contents section.inner .pageing li a {
  display: block;
  text-decoration: none;
  color: #464646;
  padding: 5px 10px;
  margin: auto;
}

#contents section.inner .pageing li a.current {
  background-color: #838383;
  color: #fff;
}

ul.pageing {
  width: 154px;
  margin: auto;
}

/* おしらせ詳細
--------------------------------------------------------- */
/* お問い合わせフォーム
--------------------------------------------------------- */
.center {
  text-align: center;
}

.inquiry .inner {
  padding-top: 1.6em;
}
.inquiry .selectBox {
  width: 100%;
}
.inquiry .selectBox select {
  padding: 0.5em 0.3em;
}

.inquiry_area {
  width: 100%;
  margin: 1em auto;
  padding-bottom: 2em;
}

.inquiry_area dt {
  float: left;
  clear: both;
  padding: 1px 0;
  margin: 10px 0 1px;
  width: 30%;
}
.inquiry_area dt.detail {
  clear: both;
  float: none;
  width: 100%;
  box-sizing: border-box;
}

.inquiry_area dd {
  float: right;
  padding: 1px 0 1px 0;
  margin: 10px 0 1px;
  width: 59%;
}
.inquiry_area dd.detail {
  float: none;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0;
}
.inquiry_area dd textarea {
  width: 100%;
  box-sizing: border-box;
}

.inquiry_area dd.conten input {
  width: 100%;
}

.inquiry_area .center.clear {
  margin: 10px auto;
  clear: both;
}

.commit_area {
  margin: 25px auto;
}

.commit_area input {
  font-size: 1.4rem;
}

.inquiry .commit_area input {
  float: right;
  line-height: 1.6;
  font-size: 1.4rem;
}

.inquiry .btn {
  padding: 0.5em 35px;
}

/* 年齢ごとに必要な知育は?
--------------------------------------------------------- */
.old_area {
  background-color: #d30f31;
  padding: 10px 10px 30px;
}

.old_area p.text {
  margin: 12px 5px;
  color: #fff;
  font-weight: bold;
}

.old_img {
  width: 33%;
  margin: 5px auto;
  padding-top: 30px;
}

.old_img img {
  margin: auto;
  display: block;
}

ul.old_select {
  width: 100%;
  text-align: center;
  display: table;
  table-layout: fixed;
  border-top: 1px solid #a3a3a3;
  margin-top: 20px;
  padding-top: 15px;
}

.old_select li {
  display: table-cell;
  width: 33%;
  padding: 5px;
}

.app_area {
  background-color: #fff;
  padding: 15px 16px;
}

.app_area a {
  text-decoration: none !important;
  color: #333 !important;
}

.app_area figure {
  background: url("/common/images/parents/inte/next_red.gif") no-repeat right center;
  background-size: 2.5%;
  overflow: hidden;
}

.app_area figure img {
  float: left;
  display: block;
  width: 82px;
  padding-right: 3.3%;
}

.app_area figcaption {
  float: left;
  width: 65%;
  padding: 30px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}

.desc {
  clear: both;
  margin-top: 15px;
  font-size: 14px;
}

.app_each_age {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
  background: url("/common/images/parents/inte/border_blue.png") no-repeat left center;
  background-size: 100%;
}

/* 　アプリダウンロード　p-18-01
--------------------------------------------------------- */
.app_dw .inner {
  padding-top: 1.4em;
}
.app_dw .app > ul > li, .app_dw .app > ul li.horizon-item {
  width: 90%;
  max-width: 320px;
}
.app_dw .app > ul > li img, .app_dw .app > ul li.horizon-item img {
  width: 100%;
}
.app_dw .dw_app figure img {
  width: 82px;
  height: auto;
}
.app_dw .dw_app figcaption {
  display: inline-block;
  margin: 10px 0 0 20px;
  vertical-align: top;
}
.app_dw .over {
  width: 100%;
  overflow: scroll;
}

/* 　アプリダウンロード選択　p-18-02
--------------------------------------------------------- */
.dl_select .inner {
  padding-top: 1.4em;
}
.dl_select .inner .dl_area {
  margin-top: -0.8em;
}
.dl_select .inner .dl_area li a {
  display: block;
  background: url("/common/images/parents/app_dl/web_btn_0018.png") no-repeat right center;
  border-bottom: 1px solid #CCC;
  padding: 3% 10% 3% 0;
  color: #333 !important;
  text-decoration: none !important;
}
.dl_select .inner .dl_area li dl.dlList {
  display: table;
  width: 100%;
}
.dl_select .inner .dl_area li dl.dlList dt {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}
.dl_select .inner .dl_area li dl.dlList dt img {
  vertical-align: bottom;
}
.dl_select .inner .dl_area li dl.dlList dd {
  width: 70%;
  padding: 0 0 0 5%;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}
.dl_select .inner .dl_area li dl.dlList dd span {
  font-weight: normal;
  font-size: 12px;
}

/* キャンセル抑止画面　p-23
--------------------------------------------------------- */
@media screen and (min-width: 566px) {
  ul.toplayout {
    display: table;
  }

  ul.toplayout li {
    display: table-cell;
  }
}
.user_voice {
  margin-bottom: -10px;
}

ul.point {
  display: table;
}

ul.point li {
  display: table-cell;
  padding: 5px;
}

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

  .tab_point {
    display: none;
  }
}
@media screen and (min-width: 566px) {
  .bt_area {
    display: table;
  }

  .bt_area a {
    display: table-cell;
    padding: 5px;
  }

  .active_part {
    display: none;
  }

  .sumaho_point {
    display: none;
  }
}
/* メールサービスp-28
--------------------------------------------------------- */
.mail_service .inner {
  padding-top: 1.4em;
}
.mail_service .confirm_area {
  width: 92.3%;
  margin-bottom: 2rem;
}
.mail_service .config_area {
  margin: 10px auto;
}
.mail_service .allselect {
  margin: 0 auto;
  padding: 1em 0 0;
  display: table;
}
.mail_service .allselect li {
  display: table-cell;
}
.mail_service .allselect input {
  display: none;
}
.mail_service .allselect input[type=radio] {
  display: none;
}
.mail_service .allselect input[type=radio] + label:after, .mail_service .allselect input[type=radio] + label:before {
  display: none;
}
.mail_service .allselect label {
  display: block;
  padding: 0.5em;
  margin: 0 0.5em 0.5em 0;
  border-radius: 5px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 -9px 2px -7px rgba(0, 0, 0, 0.5);
  background-color: #f9f9f9;
  text-align: center;
  text-decoration: none !important;
  color: #333 !important;
}
.mail_service .allselect label .right {
  float: right;
}
.mail_service .allselect input[type="radio"]:checked + label {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 10px 2px -7px rgba(0, 0, 0, 0.5);
  background-color: #df344f;
  text-decoration: none !important;
  color: #fff !important;
}
.mail_service .allselect input[type=radio] + label:before {
  background-image: none;
  display: none;
}
.mail_service .allselect input[type=radio]:checked + label:before {
  background-image: none;
  display: none;
}

/* キッズモード設定確認P-28
--------------------------------------------------------- */
/* 子供のできたを応援したいP-33
--------------------------------------------------------- */
.cheer .inner {
  padding-top: 1.4em;
}
.cheer .cheer_area {
  width: 80%;
  margin: 10px auto;
}
.cheer .cheer_area p {
  margin-top: 15px;
}
.cheer .cheer_area p img {
  margin-top: -25px;
}
.cheer .right {
  float: right;
  margin-left: 5px;
}
.cheer .left {
  float: left;
}
.cheer .cheer_area figure {
  width: 57%;
}
.cheer .text {
  width: 40%;
}
@media screen and (max-width: 566px) {
  .cheer .right {
    float: none;
    margin-left: 0;
  }
  .cheer .left {
    float: none;
  }
  .cheer .cheer_area figure {
    width: auto;
  }
  .cheer .text {
    width: auto;
  }
  .cheer .left {
    float: left;
  }
}

/* ダウンロードP-18
--------------------------------------------------------- */
.DL article.paragraph {
  padding-bottom: 2em;
}
.DL article.paragraph a.btn {
  padding: 1em 30px;
}
.DL .inner {
  padding-top: 1.4em;
}
.DL .inner .bold {
  font-weight: bold;
}
@media screen and (min-width: 39em) {
  .DL .inner article.paragraph:nth-of-type(3) {
    text-align: center;
  }
}

/* おもしろくくだいさくせんP-34
--------------------------------------------------------- */
@media screen and (min-width: 960px) {
  #contents.dekita {
    background: url(/common/images/parents/dekita/pttern.png);
  }
}
#contents.dekita section.inner {
  padding: 0;
}
#contents.dekita section.inner article.paragraph {
  margin-bottom: 0;
  padding-bottom: 1em;
}
@media screen and (max-width: 959px) {
  #contents.dekita section.inner article.paragraph {
    margin: 0;
    padding: 1em 3.3%;
    border: solid 10px #f6aa00;
    border-top: none;
    border-bottom: none;
  }
}
@media screen and (min-width: 628px) {
  #contents.dekita .youtube {
    padding: 0;
    width: 560px;
    max-width: none;
    height: 315px;
  }
}
#contents.dekita .nmb {
  margin-bottom: 0;
}
#contents.dekita .nmb img {
  vertical-align: top;
}
#contents.dekita .app_think {
  max-width: 799px;
  background-color: #ffecc4;
  background-color: #ffecc4;
  margin: -25px auto 10px;
  padding: 2.5% 2.5% 1em;
  box-sizing: border-box;
}
#contents.dekita .setumei {
  max-width: 700px;
  margin: 0 auto;
}
#contents.dekita img[src="/common/images/parents/dekita/b_title_109_733.png"] {
  max-width: 799px;
  width: 100%;
}
#contents.dekita .more {
  margin: 0 auto;
  /* width: 60%; */
  width: 70%;
  max-width: 300px;
  font-size: 14px;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 8px 0;
  color: #fff;
  background-color: #fca221;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media screen and (max-width: 566px) {
  #contents.dekita .app_think img {
    max-width: none;
    width: 100%;
  }
}

/* 提供元不明アプリのインストール手順　P-35
--------------------------------------------------------- */
.stop .inner {
  padding-top: 1.4em;
}

/* 無償ユーザー登録P-36
--------------------------------------------------------- */
.free_regist .inner {
  padding-top: 1.4em;
}
.free_regist .pass {
  width: 90%;
  margin: 0 auto 1em;
}
.free_regist .pass dt {
  width: 45%;
  float: left;
  clear: both;
  margin: 1% 5px 1% 0;
}
.free_regist .pass dd {
  width: 50%;
  margin: 1% 5px 1% 0;
}
.free_regist .pass dd input {
  width: 100%;
}

.provide .inner,
.rule .inner {
  padding-top: 1.4em;
}

.register section.inner {
  padding-top: 1.6em;
}
.register section.inner article.item {
  margin-bottom: 1em !important;
}
.register section.inner article.item .attention {
  margin-bottom: 3em !important;
}
.register .txt_l {
  padding-right: 3.3%;
}
.register .btn {
  width: 80%;
}

.movies .inner {
  border-top: solid 1px #ccc;
  padding: 2em 0;
}
.movies article {
  margin: 0 3.3%;
}
.movies article.movielist {
  padding-bottom: 1em;
}
.movies article.movielist .inner {
  display: table;
}
.movies article.movielist .inner .txt,
.movies article.movielist .inner figure {
  display: table-cell;
  vertical-align: top;
}
.movies article.movielist .inner figure {
  width: 33.3%;
  padding-right: 3.3%;
  text-align: center;
}
.movies article.movielist .inner figure img {
  vertical-align: text-top;
}
.movies article.item {
  margin-bottom: 1em !important;
  padding-bottom: 0 !important;
}
.movies .accordion .active {
  background-color: #fff !important;
}
.movies .accordion .sub {
  width: 90%;
  font-size: 0.8em;
}
.movies .accordion .movielist_02 .inner {
  border-top: none;
  border-bottom: solid 1px #ccc;
  display: table;
}
.movies .accordion .movielist_02 .inner:last-child {
  border-bottom: none;
}
.movies .accordion .movielist_02 .inner .txt,
.movies .accordion .movielist_02 .inner figure {
  display: table-cell;
  vertical-align: top;
  border: none;
}
.movies .accordion .movielist_02 .inner figure {
  width: 33.3%;
  padding-right: 3.3%;
  text-align: center;
}
.movies .accordion .movielist_02 .inner figure img {
  vertical-align: text-top;
}

#contents.parents.home > section {
  max-width: 960px;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box;
}

#contents.friendCampaign.sphone {
  background: #fceacb;
  /*#contents .namebox .title{
  	  width:95%;
  	  margin:20px auto;
    }
    */
  /*link設定*/
}
#contents.friendCampaign.sphone img {
  width: 100%;
  max-width: none;
}
#contents.friendCampaign.sphone p.pageTop {
  margin: 2% 0 0;
  text-align: center;
  font-size: 10px;
}
#contents.friendCampaign.sphone p.pageTop a {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}
#contents.friendCampaign.sphone img {
  width: 100%;
}
#contents.friendCampaign.sphone .btnArea {
  width: 90%;
  margin: 4% auto 0;
}
#contents.friendCampaign.sphone .btnArea img {
  margin-bottom: 2%;
  margin-bottom: 2%;
}
#contents.friendCampaign.sphone #box {
  background-image: url(../img/index/bg-head.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
}
#contents.friendCampaign.sphone #header1 {
  height: 53px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
#contents.friendCampaign.sphone #header1 p.logo {
  margin: 0;
  padding: 9px 0 0 10px;
}
#contents.friendCampaign.sphone #header1 img {
  height: 34px;
  width: 117px;
  vertical-align: bottom;
}
#contents.friendCampaign.sphone .title {
  margin: 10px 0 0;
}
#contents.friendCampaign.sphone .title2 {
  margin: 10px auto;
}
#contents.friendCampaign.sphone .block {
  width: 95%;
  margin: 10px auto 0;
}
#contents.friendCampaign.sphone .namebox {
  width: 93%;
  background: #fff;
  margin: 10px auto 20px;
  padding: 10px 5px;
}
#contents.friendCampaign.sphone .step {
  margin: 0 auto;
  width: 90%;
}
#contents.friendCampaign.sphone .abYe, #contents.friendCampaign.sphone .abPi {
  margin: 0 auto 20px;
  padding: 1%;
}
#contents.friendCampaign.sphone .abYe {
  border: 2px solid #ffe138;
}
#contents.friendCampaign.sphone .abPi {
  border: 2px solid #ffb4db;
}
#contents.friendCampaign.sphone .btn1 {
  width: 80%;
  margin: 0 10% 0;
  text-align: center;
}
#contents.friendCampaign.sphone .btn1 img {
  margin: 5px 0 0;
}
#contents.friendCampaign.sphone .tex {
  width: 75%;
  text-align: left;
}
#contents.friendCampaign.sphone .btnWrap {
  padding: 0.5em;
}
#contents.friendCampaign.sphone #contents {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#contents.friendCampaign.sphone .section {
  background: #fff;
  width: 93%;
  margin: 6% auto 0px;
  padding: 10px 5px;
}
#contents.friendCampaign.sphone .section .border {
  border-bottom: #d3d3d3 1px solid;
  width: 95%;
  height: 1px;
  margin: 10px auto 20px;
}
#contents.friendCampaign.sphone .caution {
  font-size: 12px;
  padding: 0 1.5em;
  text-indent: -1em;
}
#contents.friendCampaign.sphone .caution2 {
  font-size: 12px;
  padding-left: 2.5em;
  text-indent: -2em;
}
#contents.friendCampaign.sphone .ind {
  padding-left: 1em;
  text-indent: -1em;
}
#contents.friendCampaign.sphone .cap {
  width: 100%;
  padding: 6px 0;
  vertical-align: middle;
  text-align: left;
  color: #004097;
  font-weight: bold;
  margin: 0 auto;
  font-size: 20px;
}
#contents.friendCampaign.sphone .cap:before {
  content: "●";
  font-size: 16px;
  color: #ff0000;
}
#contents.friendCampaign.sphone .section .sen {
  font-size: 14px;
  line-height: 1.5;
}
#contents.friendCampaign.sphone .border {
  border-bottom: 1px #9fa0a0 solid;
  margin: 6px 0;
}
#contents.friendCampaign.sphone .s {
  margin: 2% 0px;
}
#contents.friendCampaign.sphone .a {
  margin: 0px 0px 20px 0px;
}
#contents.friendCampaign.sphone a:link, #contents.friendCampaign.sphone a:visited {
  color: #000000;
}
#contents.friendCampaign.sphone a:hover, #contents.friendCampaign.sphone a:active {
  color: #979797;
}
#contents.friendCampaign.sphone .section a:link, #contents.friendCampaign.sphone .section a:visited {
  color: #ff0000;
}
#contents.friendCampaign.sphone .section a:hover, #contents.friendCampaign.sphone .section a:active {
  color: #979797;
}
#contents.friendCampaign.sphone.ng.sphone #ngText {
  padding: 35px 10px 20px;
  margin: 0 auto;
}
#contents.friendCampaign.sphone.ng.sphone .btn4 {
  width: 90%;
  margin: 10px auto;
}
#contents.friendCampaign.sphone.ng.sphone .btn4 img {
  margin: 10px 0 0;
}

/* ----- PC----- */
#contents.friendCampaign.pcview #intrCampWrap {
  margin: 0 auto;
  padding: 0;
  min-height: 100%;
  background: #fceacb;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: normal;
}
#contents.friendCampaign.pcview #intrCamp {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  min-height: 100%;
  background: #fff5e4;
}
#contents.friendCampaign.pcview #intrCampWrap #box1 {
  background-image: url(../img/index/bg-head.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
}
#contents.friendCampaign.pcview #intrCampWrap #header1 {
  height: 53px;
  max-width: 950px;
  margin: 0 auto;
  text-align: left;
}
#contents.friendCampaign.pcview #intrCampWrap #header1 p.logo {
  margin: 0;
  padding: 9px 0 0 0;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner {
  padding-bottom: 30px;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner img {
  display: block;
  margin: auto;
}
#contents.friendCampaign.pcview #intrCampWrap #mainImg {
  margin: 0 auto 30px;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner .btn {
  display: block;
  margin: 5px auto 0;
  padding: 0 20px;
}
#contents.friendCampaign.pcview #intrCampWrap .title {
  padding: 50px 0 20px;
}
#contents.friendCampaign.pcview #intrCampWrap .step {
  position: relative;
  margin: 20px 0 0;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner .btn2 {
  display: block;
  width: 50%;
  position: absolute;
  left: 26%;
  bottom: 10%;
  margin: 0 auto;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner .btn2.w50 img {
  width: 50%;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner .btn3 {
  display: block;
  width: 60%;
  position: absolute;
  left: 22%;
  bottom: 10%;
  margin: 0 auto;
}
#contents.friendCampaign.pcview #intrCampWrap .namebox {
  background: #fff;
  padding: 10px 0;
  max-width: 1080px;
  margin: 0 auto 50px;
}
#contents.friendCampaign.pcview #intrCampWrap #campaign {
  background: #fff;
  max-width: 1080px;
  margin: 50px auto 0;
  padding: 35px 0 30px;
  text-align: center;
}
#contents.friendCampaign.pcview #intrCampWrap #campaign table {
  /*background:#fff;*/
  max-width: 1040px;
  margin: 17px auto 0;
  border-top: #9fa0a0 2px solid;
  text-align: left;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner #campaign table img {
  margin: 0 0 0 10px;
}
#contents.friendCampaign.pcview #intrCampWrap #campaign th {
  width: 233px;
  vertical-align: middle;
  border-bottom: #9fa0a0 2px solid;
}
@media screen and (max-width: 768px) {
  #contents.friendCampaign.pcview #intrCampWrap #campaign th {
    width: 30%;
  }
  #contents.friendCampaign.pcview #intrCampWrap #campaign th img {
    width: auto;
    height: 16px;
  }
  #contents.friendCampaign.pcview #intrCampWrap #campaign th img[src="/common/images/parents/campaign_pc/friend/index/campain_list6.gif"], #contents.friendCampaign.pcview #intrCampWrap #campaign th img[src="/common/images/parents/campaign_tab/friend/index/campain_list6.gif"] {
    height: 30px;
  }
  #contents.friendCampaign.pcview #intrCampWrap #campaign th img[src="/common/images/parents/campaign_pc/friend/index/campain_list7.gif"], #contents.friendCampaign.pcview #intrCampWrap #campaign th img[src="/common/images/parents/campaign_tab/friend/index/campain_list7.gif"] {
    height: 46px;
  }
}
#contents.friendCampaign.pcview #intrCampWrap #campaign td {
  font-size: 14px;
  padding: 6px;
  border-bottom: #9fa0a0 2px solid;
}
#contents.friendCampaign.pcview #intrCampWrap #campaign td a {
  color: #fe0000;
  font-weight: bold;
}
#contents.friendCampaign.pcview #intrCampWrap #campaign td .border {
  border-bottom: #d3d3d3 1px solid;
  width: 95%;
  height: 1px;
  margin: 10px auto 20px;
}
#contents.friendCampaign.pcview #intrCampWrap #campaign td span.note {
  font-size: 16px;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner #box2 {
  margin: 40px 0 37px;
  padding: 37px 0 45px;
  border-top: #ff0000 5px solid;
  background-color: #fff000;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner #box2 #banner {
  display: block;
  max-width: 600px;
  margin: 5px auto 0;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner #btnArea {
  display: block;
  max-width: 510px;
  margin: 15px auto 30px;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp #inner .back {
  display: block;
  margin: 20px auto 0;
}
#contents.friendCampaign.pcview #intrCampWrap .left {
  width: 50%;
  text-align: center;
  float: left;
}
#contents.friendCampaign.pcview #intrCampWrap .left img {
  width: 95%;
}
#contents.friendCampaign.pcview #intrCampWrap .center {
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
#contents.friendCampaign.pcview #intrCampWrap div.small {
  font-size: 12px;
  padding-left: 2.5em;
  /*text-indent: -1.5em;*/
}
#contents.friendCampaign.pcview #intrCampWrap div.ind {
  padding-left: 1em;
  text-indent: -1em;
}
#contents.friendCampaign.pcview #intrCampWrap .small {
  font-size: 14px;
}
#contents.friendCampaign.pcview #intrCampWrap p.small {
  margin-top: 10px;
  padding: 0 10px;
}
#contents.friendCampaign.pcview #intrCampWrap #container {
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background: #fceacb;
}
#contents.friendCampaign.pcview #intrCampWrap #intrCamp {
  /*margin: 50px auto;*/
  /*padding-bottom:100px;*/
}
#contents.friendCampaign.pcview #intrCampWrap #footer {
  position: fixed;
  bottom: 0;
}
#contents.friendCampaign.pcview #intrCampWrap #ngText {
  padding: 55px 0 20px;
  margin: 0 auto;
}
#contents.friendCampaign.pcview #intrCampWrap .btn4 {
  width: 60%;
  margin: 20px auto;
}
#contents.friendCampaign.pcview #intrCampWrap .ngBack {
  margin: 20px auto;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
#contents.friendCampaign.pcview #intrCampWrap .ngBack a:link, #contents.friendCampaign.pcview #intrCampWrap .ngBack a:visited {
  color: #000000;
}
#contents.friendCampaign.pcview #intrCampWrap .ngBack a:hover, #contents.friendCampaign.pcview #intrCampWrap .ngBack a:active {
  color: #979797;
}
#contents.friendCampaign.pcview #intrCampWrap.tabPhoto #campaign td {
  font-size: 18px;
}
#contents.friendCampaign.pcview #intrCampWrap.tabPhoto div.small {
  font-size: 14px;
  padding-left: 2.5em;
  text-indent: -1.5em;
}
#contents.friendCampaign.pcview #intrCampWrap .ngBack a:link {
  font-weight: normal;
  text-decoration: underline;
}
#contents.friendCampaign.pcview .ngBack a:visited {
  font-weight: normal;
  text-decoration: underline;
}
#contents.friendCampaign.pcview .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

.zororiCampaign.sphone {
  background: url("/common/images/campaign/zorori/index/bg.png") no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.zororiCampaign.sphone.rule {
  background-color: transparent !important;
  background-image: none;
}
.zororiCampaign.sphone.rule .inner {
  padding-top: 0;
}
.zororiCampaign.sphone table {
  border-collapse: collapse;
  border-spacing: 0;
}
.zororiCampaign.sphone .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
.zororiCampaign.sphone .clearfix {
  min-height: 1px;
}
.zororiCampaign.sphone * html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}
.zororiCampaign.sphone h1, .zororiCampaign.sphone h2 {
  max-width: none !important;
  padding: 0;
  background-color: transparent;
  color: inherit;
}
.zororiCampaign.sphone .main {
  margin-bottom: 0;
}
.zororiCampaign.sphone p#pageTop {
  margin: 15px 10px 10px;
  text-align: center;
  font-size: 10px;
}
.zororiCampaign.sphone p#pageTop a {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}
.zororiCampaign.sphone p#dkidsTop {
  margin: 3% 0 10%;
  text-align: center;
  font-size: 10px;
}
.zororiCampaign.sphone p#dkidsTop a {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  text-decoration: underline;
}
.zororiCampaign.sphone img {
  width: 100%;
}
.zororiCampaign.sphone .btnArea {
  width: 94%;
  margin: 4% auto 0;
}
.zororiCampaign.sphone .btnArea img {
  margin-bottom: 2%;
}
.zororiCampaign.sphone .btnArea2 {
  width: 94%;
  margin: 0 auto;
}
.zororiCampaign.sphone .btnArea2 img {
  margin-bottom: 2%;
}
@media all and (orientation: landscape) {
  .zororiCampaign.sphone #dkidsKitty .headerLogo {
    position: absolute;
    width: 111px !important;
    left: 10px;
    top: 7px;
  }
}
.zororiCampaign.sphone #box {
  background-image: url("/common/images/campaign/zorori/index/bg-head.gif");
  background-repeat: repeat-x;
  background-position: 0 0;
}
.zororiCampaign.sphone #header1 {
  height: 53px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.zororiCampaign.sphone #header1 p.logo {
  margin: 0;
  padding: 9px 0 0 10px;
}
.zororiCampaign.sphone #header1 img {
  height: 34px;
  width: 117px;
  vertical-align: bottom;
}
.zororiCampaign.sphone #box {
  background-image: url("/common/images/campaign/zorori/index/bg-head.gif");
  background-repeat: repeat-x;
  background-position: 0 0;
}
.zororiCampaign.sphone #header1 {
  height: 53px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.zororiCampaign.sphone #header1 p.logo {
  margin: 0;
  padding: 9px 0 0 10px;
}
.zororiCampaign.sphone #header1 img {
  height: 34px;
  width: 117px;
  vertical-align: bottom;
}
.zororiCampaign.sphone .section {
  width: 94%;
  margin: 6% auto 0;
}
.zororiCampaign.sphone .section table {
  border-top: 1px #9fa0a0 solid;
  width: 100%;
  font-size: 12px;
  margin: 1% 0 6%;
}
.zororiCampaign.sphone .section th {
  border-bottom: 1px #9fa0a0 solid;
  width: 21%;
  padding: 6px 0;
  vertical-align: middle;
  text-align: left;
  color: #004097;
  font-weight: bold;
}
.zororiCampaign.sphone .section th:before {
  content: "●";
  font-size: 10px;
  color: #ff0000;
}
.zororiCampaign.sphone .section td {
  border-bottom: 1px #9fa0a0 solid;
  width: 77%;
  padding: 6px 0 6px 2%;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
}
.zororiCampaign.sphone .section td a {
  text-decoration: underline;
  color: #F00;
  font-weight: bold;
}
.zororiCampaign.sphone .section td p.caution {
  font-size: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
.zororiCampaign.sphone .s {
  margin: 2% 0;
}
.zororiCampaign.sphone .a {
  margin: 0 0 20px;
}
.zororiCampaign.sphone .section2 {
  width: 94%;
  margin: 0 auto;
}
.zororiCampaign.sphone .section2 img {
  margin: 0 0 15px;
}
.zororiCampaign.sphone #app {
  margin-top: 4%;
  background: url("/common/images/campaign/zorori/index/bg_exp_app.jpg") no-repeat;
  background-size: cover;
}
.zororiCampaign.sphone .banner {
  width: 94%;
  margin: 0 auto 30px;
  display: block;
}
.zororiCampaign.sphone #dkidsKitty .error {
  text-align: center;
}
.zororiCampaign.sphone img.eMessage {
  margin: 120px auto 30px;
  width: 80% !important;
}
.zororiCampaign.sphone img.backBtn {
  margin-bottom: 20px;
  width: 50% !important;
}
.zororiCampaign.sphone .cpFormTop {
  display: block;
  margin: 10px auto 0;
}
.zororiCampaign.sphone .cpFormBody {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  background: url("/common/images/campaign/zorori_tab/form/cpFormBg_body.jpg") repeat-y;
  background-size: contain;
}
.zororiCampaign.sphone .cpFormBody img {
  width: auto !important;
  height: 25px;
  margin: 0 0 20px 7%;
}
.zororiCampaign.sphone .cpFormBody input {
  width: 15px;
  height: 15px;
}
.zororiCampaign.sphone .cpFormBody dl {
  width: 100%;
  margin-bottom: 20px;
}
.zororiCampaign.sphone .cpFormBody dd,
.zororiCampaign.sphone .cpFormBody dt {
  float: left;
}
.zororiCampaign.sphone .cpFormBody dt {
  margin-left: 12%;
  width: 20px;
  vertical-align: top;
}
.zororiCampaign.sphone .cpFormBody dd {
  width: 78%;
}
.zororiCampaign.sphone .cpFormBody hr {
  margin: 0 auto 20px;
  width: 85%;
  border-top: 1px dotted #000;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background: none;
}
.zororiCampaign.sphone .cpFormBody ul.time {
  padding-left: 5%;
}
.zororiCampaign.sphone .cpFormBody .time li {
  padding: 0 0 15px 7%;
}
.zororiCampaign.sphone .cpFormBody ul.age {
  padding-left: 5%;
}
.zororiCampaign.sphone .cpFormBody .age li {
  padding: 0 0 15px 7%;
}
.zororiCampaign.sphone .cpFormBody ul.grade {
  padding-left: 5%;
}
.zororiCampaign.sphone .cpFormBody .grade li {
  padding: 0 0 15px 7%;
}
.zororiCampaign.sphone .cpFormBottom {
  display: block;
  margin: 0 auto 10px;
}
.zororiCampaign.sphone p.arrow {
  margin: 10px auto 5px;
  padding-bottom: 25px;
  background: url("/common/images/campaign/zorori_tab/arrow.jpg") no-repeat bottom;
  background-size: 50px;
}
.zororiCampaign.sphone .completePage {
  text-align: center;
}
.zororiCampaign.sphone .completePage p {
  font-size: 10px;
  font-weight: bold;
  margin: 10px 0;
}
.zororiCampaign.sphone .completePage img.point {
  width: 90% !important;
  margin-top: 15px;
}
.zororiCampaign.sphone .completePage a img {
  margin-top: 50px;
}
.zororiCampaign.sphone #header {
  width: 91%;
  background: #FFF8B0;
  padding: 10px 3% 10px 6%;
  margin-bottom: 20px;
}
.zororiCampaign.sphone #header > img {
  width: 47%;
  float: right;
}
.zororiCampaign.sphone #header a img {
  float: left;
  width: 20%;
}
.zororiCampaign.sphone html body {
  background: #fff;
}
.zororiCampaign.sphone h1 {
  font-size: 17px;
}
.zororiCampaign.sphone h2 {
  color: #ff0000;
  font-size: 14px;
}
.zororiCampaign.sphone h3 {
  font-size: 12px;
}
.zororiCampaign.sphone h1,
.zororiCampaign.sphone h2,
.zororiCampaign.sphone h3 {
  font-weight: bold;
}
.zororiCampaign.sphone span {
  color: #ff0000;
}
.zororiCampaign.sphone div.inner {
  width: 88%;
  margin: auto;
}
.zororiCampaign.sphone .about {
  margin-bottom: 25px;
  font-size: 10px;
}
.zororiCampaign.sphone .cpRules {
  margin-bottom: 15px;
  font-size: 10px;
}
.zororiCampaign.sphone .cpRules p {
  margin-bottom: 15px;
}
.zororiCampaign.sphone .rules_contact {
  margin-top: 20px;
}
.zororiCampaign.sphone .rules_contact > img {
  display: block;
}
.zororiCampaign.sphone #ruleInner {
  font-size: 9px;
  padding: 8px 5%;
  width: 90%;
  border: 1px solid #ff0000;
  border-radius: 15px;
}
.zororiCampaign.sphone #ruleInner a#tel {
  display: block;
  font-size: 7.6vw;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.zororiCampaign.sphone #ruleInner a#tel img {
  width: 12%;
}
.zororiCampaign.sphone #ruleInner p {
  font-size: 12px;
  font-weight: bold;
}
.zororiCampaign.sphone #ruleInner a#mail {
  font-size: 12px;
}

.zororiCampaign.tab html, .zororiCampaign.tab body,
.zororiCampaign.tab div, .zororiCampaign.tab p,
.zororiCampaign.tab table, .zororiCampaign.tab tr, .zororiCampaign.tab th, .zororiCampaign.tab td,
.zororiCampaign.tab ul, .zororiCampaign.tab ol, .zororiCampaign.tab li,
.zororiCampaign.tab dl, .zororiCampaign.tab dt, .zororiCampaign.tab dd,
.zororiCampaign.tab h1, .zororiCampaign.tab h2, .zororiCampaign.tab h3, .zororiCampaign.tab h4, .zororiCampaign.tab h5, .zororiCampaign.tab h6,
.zororiCampaign.tab img, .zororiCampaign.tab a, .zororiCampaign.tab address {
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
  font-style: normal;
}
.zororiCampaign.tab h1, .zororiCampaign.tab h2 {
  max-width: none !important;
  padding: 0;
  background-color: transparent;
  color: inherit;
}
.zororiCampaign.tab table {
  border-collapse: collapse;
  border-spacing: 0;
}
.zororiCampaign.tab a:hover img {
  opacity: 0.7;
}
.zororiCampaign.tab area:active {
  border: none;
  outline: none;
}
.zororiCampaign.tab #dkidsZororiWrap {
  margin: 0 auto;
  padding: 0;
  min-height: 100%;
  background: #E1FBFC;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.zororiCampaign.tab #dkidsZorori {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  min-height: 100%;
  background: #fff;
}
.zororiCampaign.tab #box1 {
  background-image: url(/common/images/campaign/zorori_tab/index/bg-head.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
}
.zororiCampaign.tab #header1 {
  height: 53px;
  width: 950px;
  margin: 0 auto;
  text-align: left;
}
.zororiCampaign.tab #header1 p.logo {
  margin: 0;
  padding: 9px 0 0 0;
}
.zororiCampaign.tab #footer {
  color: #fff;
  clear: both;
  font-size: 100%;
  width: 100%;
  height: auto;
  padding: 10px 0;
  margin: 0;
  background-color: #454545;
  text-align: center;
}
.zororiCampaign.tab #box1 {
  background-image: url(/common/images/campaign/zorori_tab/index/bg-head.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
}
.zororiCampaign.tab #header1 {
  height: 53px;
  width: 950px;
  margin: 0 auto;
  text-align: left;
}
.zororiCampaign.tab #header1 p.logo {
  margin: 0;
  padding: 9px 0 0 0;
}
.zororiCampaign.tab #dkidsZorori #inner {
  background: url(/common/images/campaign/zorori_tab/index/bg.jpg) no-repeat;
  padding: 444px 0 83px;
}
@media screen and (max-width: 1100px) {
  .zororiCampaign.tab #dkidsZorori #inner {
    background-size: contain;
    padding: 38% 2.5% 83px;
  }
}
.zororiCampaign.tab #dkidsZorori #inner img {
  display: block;
  margin: auto;
}
.zororiCampaign.tab #dkidsZorori #inner #box img {
  margin-top: 5px;
}
.zororiCampaign.tab #dkidsZorori #inner .btn3 {
  display: block;
  max-width: 850px;
  margin: 5px auto 15px;
}
.zororiCampaign.tab #dkidsZorori #inner .btn2 {
  display: block;
  max-width: 850px;
  margin: 15px auto 15px;
}
.zororiCampaign.tab #campaign {
  max-width: 996px;
  margin: 0 auto;
  padding: 35px 0 30px;
  text-align: center;
}
.zororiCampaign.tab #campaign table {
  max-width: 850px;
  margin: 17px 2.5% 0;
  border-top: #9fa0a0 2px solid;
  text-align: left;
}
.zororiCampaign.tab #dkidsZorori #inner #campaign table img {
  margin: 0;
}
.zororiCampaign.tab #campaign th {
  width: 150px;
  vertical-align: middle;
  border-bottom: #9fa0a0 2px solid;
}
.zororiCampaign.tab #campaign td {
  font-size: 18px;
  font-weight: bold;
  padding: 6px 0;
  border-bottom: #9fa0a0 2px solid;
}
.zororiCampaign.tab #campaign td a {
  color: #fe0000;
  font-weight: bold;
}
.zororiCampaign.tab #campaign td span.small {
  font-size: 14px;
}
.zororiCampaign.tab #campaign td span.note {
  font-size: 16px;
}
.zororiCampaign.tab #dkidsZorori #inner #box2 {
  margin: 40px 0 37px;
  padding: 37px 0 45px;
  border-top: #ff0000 5px solid;
  background-color: #fff000;
}
.zororiCampaign.tab #dkidsZorori #inner #box2 #banner {
  display: block;
  width: 600px;
  margin: 5px auto 0;
}
.zororiCampaign.tab #dkidsZorori #inner #btnArea {
  display: block;
  max-width: 510px;
  margin: 15px auto 30px;
}
.zororiCampaign.tab #dkidsZorori #inner #back {
  display: block;
  width: 129px;
  margin: 15px auto 0px;
}
.zororiCampaign.tab #footer {
  color: #fff;
  clear: both;
  font-size: 100%;
  width: 100%;
  height: auto;
  padding: 10px 0;
  margin: 0;
  background-color: #454545;
  text-align: center;
}
.zororiCampaign.tab #dkidsDora {
  padding: 8px;
  background: #fff;
}
.zororiCampaign.tab #dkidsDora .inner {
  max-width: 902px;
  margin: 0px auto 0;
  padding: 02.5%;
}
.zororiCampaign.tab h1 {
  font-size: 30px;
  font-weight: bold;
}
.zororiCampaign.tab h2 {
  font-size: 22px;
  font-weight: bold;
  color: #ff0000;
  margin: 0 0 8px;
}
.zororiCampaign.tab h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 8px;
}
.zororiCampaign.tab span {
  color: #ff0000;
}
.zororiCampaign.tab .about {
  margin: 0 0 40px;
}
.zororiCampaign.tab .cpRules {
  font-size: 16px;
  line-height: 24px;
}
.zororiCampaign.tab .cpRules p {
  margin: 0 0 30px;
}
.zororiCampaign.tab .cpRules p.edge {
  margin: 0 0 0;
}
.zororiCampaign.tab .rules_contact {
  margin: 50px auto 0px;
  text-align: center;
}
.zororiCampaign.tab #btnBack {
  display: block;
  width: 272px;
  text-align: center;
  margin: 50px auto 87px;
}
.zororiCampaign.tab .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
.zororiCampaign.tab .clearfix {
  min-height: 1px;
}
.zororiCampaign.tab * html .clearfix {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/
}

.zororiCampaign.tab #dkidsZorori #inner {
  background: url(/common/images/campaign/zorori_tab/index/bg.jpg) no-repeat center top;
  padding: 444px 0 83px;
}

@media screen and (max-width: 1100px) {
  .zororiCampaign.tab #dkidsZorori #inner {
    background-size: 100% auto;
    padding: 38% 2.5% 83px;
  }
}
/* =========================================================
 RESPONSIVE
========================================================= */
@media screen and (max-width: 669px) {
  #contents.parents .dMenu li img {
    display: none;
  }
}
@media screen and (min-width: 670px) {
  #contents.parents .dMenu {
    display: block;
    padding: 1rem 0;
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDEDEDE', endColorstr='#ffffffff');
    background-image: -webkit-gradient(linear, 0%, 15% 30%, color-stop(0%, #dedede), color-stop(15%, #fdfdfd), color-stop(30%, #ffffff));
    background-image: -webkit-linear-gradient(top, #dedede 0%, #fdfdfd 51%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #dedede 0%, #fdfdfd 51%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #dedede 0%, #fdfdfd 51%, #ffffff 100%);
    background-image: linear-gradient(top, #dedede 0%, #fdfdfd 51%, #ffffff 100%);
    background-color: transparent;
  }
  #contents.parents .dMenu li {
    display: inline-block;
    width: 12.2% !important;
    height: auto !important;
    margin: 0 1% 1% !important;
    padding: 0 !important;
    border: none !important;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    vertical-align: top;
    text-align: center;
  }
  #contents.parents .dMenu li:after {
    display: none;
  }
  #contents.parents .dMenu li a {
    display: block;
    padding: 0;
  }
  #contents.parents .dMenu li img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #contents.parents .dMenu li {
    width: 8% !important;
    margin: 1%;
    padding: 8.2% 0 0 0;
  }
}
@media (min-width: 1024px) {
  .parents.home .app ul.horizon-swiper.disabled {
    width: 900px;
  }
  .parents.home .app ul.horizon-swiper.disabled.w100 {
    width: 100%;
  }
  .parents.home .app ul.horizon-swiper.disabled.w100 .horizon-inner {
    padding-left: 3.3%;
  }
  .parents.home .app ul.horizon-swiper.disabled .horizon-inner {
    padding-left: 0;
  }
}
@media (min-width: 1050px) {
  .parents.home .app ul.horizon-swiper.disabled {
    max-width: 1089px;
  }
}
@media (min-width: 737px) and (orientation: landscape) {
  .parents.detail_app .app ul.horizon-swiper.disabled {
    max-width: 891px;
  }
}
@media (min-width: 737px) and (max-width: 1024px) and (orientation: landscape) {
  .parents.home.high .app:after {
    display: none;
  }
}
#contents.parents.home > section {
  max-width: 960px;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box;
}

/* =========================================================
 iPhone6 Plus
========================================================= */
@media (min-width: 736px) {
  .iPhone .headerPadding header {
    position: absolute;
    top: 0;
  }
}
/* =========================================================
 CLEARFIX
========================================================= */
.launcher.home .app.recommend ul li:after, .launcher.home .app.try ul li:after, .pass:after, .registration_area:after, .launcher .notice_area:after, .launcher ul.notice_app li:after, ul.bonus_area:after, .remodel_2:after, .remodel_2 ul.bonus_area:after, .loginb_area:after, .confirm_config .kids_confirm:after, .remodel_3:after, .remodel_3 ul.bonus_area:after, .detail_app dl.push:after, .child_ch .register_ch dl:after, .child_ch .index_top:after, .inquiry_area dl:after, .cheer .cheer_area:after {
  content: '';
  clear: both;
  display: block;
}

/*# sourceMappingURL=pages.css.map */