/* princess_detail
=================================================================== */
.princess__list {
  width: 830px;
  margin-bottom: 42px; }
  .princess__list li.back {
    text-indent: -9999px;
    height: 80px;
    width: 50px;
    margin-right: 0; }
    .princess__list li.back:before, .princess__list li.back:after {
      content: " ";
      display: block;
      width: 12px;
      height: 1px;
      position: absolute;
      background: #fff;
      -webkit-transform-origin: left center;
      transform-origin: left center;
      left: 16px;
      top: 38px; }
    .princess__list li.back:before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .princess__list li.back:after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .princess__list li a:hover + span {
    width: 45px;
    height: 45px;
    top: 10px;
    left: 10px;
    border-radius: 23px;
    background-position: -10px center; }
  .princess__list li.cinderella {
    padding-left: 24px;
    margin-left: 24px; }
    .princess__list li.cinderella a {
      left: 0;
      width: 100%;
      position: absolute;
      top: auto; }
    .princess__list li.cinderella:after {
      content: " ";
      display: block;
      width: 2px;
      height: 110%;
      position: absolute;
      left: -24px;
      top: 0;
      background: url(../img/common/line__anna_elsa.png) repeat-y center top;
      background-size: 100% auto;
      background-position: center 5px; }

.princess__container {
  padding-top: 0;
  padding-bottom: 10px; }
  .princess__container .princess__container--slide {
    height: 582px;
    position: relative;
    opacity: 1;
    z-index: 1;
    overflow: inherit; }
    .princess__container .princess__container--slide .slide__container {
      overflow: hidden;
      border-radius: 20px; }
      .princess__container .princess__container--slide .slide__container li {
        float: none;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0; }
    .princess__container .princess__container--slide .detail__btn {
      position: relative;
      z-index: 111; }
      .princess__container .princess__container--slide .detail__btn li {
        position: fixed;
        left: 50%;
        margin-left: -630px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 65px;
        height: 65px;
        background: url(../img/common/icon__sheet.png) no-repeat 0px center;
        background-size: auto 100%;
        display: none;
        z-index: 1; }
        .princess__container .princess__container--slide .detail__btn li:before {
          text-align: center;
          content: "Ariel";
          display: block;
          position: absolute;
          width: 134px;
          left: -34px;
          bottom: -18px;
          font-family: "Gotham A", "Gotham B";
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0.05em;
          font-size: 10px;
          cursor: pointer; }
        .princess__container .princess__container--slide .detail__btn li:after {
          content: " ";
          display: block;
          position: absolute;
          border-radius: 30px;
          width: 59px;
          height: 59px;
          background-size: 7px auto;
          left: 3px;
          top: 3px;
          pointer-events: none; }
        .princess__container .princess__container--slide .detail__btn li:hover {
          opacity: .7; }
        .princess__container .princess__container--slide .detail__btn li:hover:after {
          opacity: 0; }
        .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
          left: auto;
          right: 50%;
          margin-left: 0;
          margin-right: -630px; }
          .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
            content: "Belle"; }
      .princess__container .princess__container--slide .detail__btn.active li {
        opacity: 1;
        margin-left: -625px; }
        .princess__container .princess__container--slide .detail__btn.active li.detail__btn--next {
          margin-left: 0;
          margin-right: -625px; }
  .princess__container .princess__container--item {
    margin: 0 auto 90px; }
    .princess__container .princess__container--item .item__text {
      position: absolute;
      left: 0;
      top: 0; }
      .princess__container .princess__container--item .item__text h3 {
        background: url(../img/common/name__sheet--left2.png) no-repeat left 0px;
        background-size: 100% auto;
        height: 55px;
        width: 275px;
        margin-bottom: 14px; }
    .princess__container .princess__container--item .item__detail {
      position: relative;
      margin-left: 330px;
      padding-top: 14px;
      right: auto;
      top: auto; }
      .princess__container .princess__container--item .item__detail .item__detail--copy {
        text-indent: -9999px;
        height: 20px;
        background: url(../img/contents/princess/cinderella/text.png) no-repeat left top;
        background-size: auto 100%;
        margin-bottom: 14px; }
      .princess__container .princess__container--item .item__detail .item__detail--text {
        font-size: 16px;
        line-height: 2.1; }
  .princess__container .princess__container--engagement, .princess__container .princess__container--marriage {
    position: relative;
    overflow: hidden; }
    .princess__container .princess__container--engagement .item__list--head, .princess__container .princess__container--marriage .item__list--head {
      font-size: 24px;
      text-align: center;
      margin-bottom: 28px;
      font-weight: 500; }
  .princess__container .princess__container--engagement {
    margin-bottom: 70px; }
  .princess__container .item__list {
    text-align: center; }
    .princess__container .item__list li {
      width: 268px;
      display: inline-block;
      margin: 0 40px;
      vertical-align: top; }
      .princess__container .item__list li .item__image {
        height: 268px;
        margin-bottom: 10px; }
        .princess__container .item__list li .item__image:before {
          width: 50px;
          height: 50px;
          left: 21px;
          bottom: 10px; }
        .princess__container .item__list li .item__image:after {
          display: none; }
      .princess__container .item__list li .item__name {
        font-size: 17px;
        margin-bottom: 2px; }
      .princess__container .item__list li .item__copy {
        font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }

/* cinderella
=================================================================== */
.cinderella .princess__container .princess__container--slide {
  overflow: inherit;
  border-radius: 0; }
  .cinderella .princess__container .princess__container--slide .slide__container {
    overflow: hidden; }
    .cinderella .princess__container .princess__container--slide .slide__container li.slide--1 {
      background: url(../img/contents/princess/cinderella/detal_main--1.jpg) no-repeat left top;
      background-size: auto 100%; }
    .cinderella .princess__container .princess__container--slide .slide__container li.slide--2 {
      background: url(../img/contents/princess/cinderella/detal_main--2.jpg) no-repeat left top;
      background-size: auto 100%; }
    .cinderella .princess__container .princess__container--slide .slide__container li.slide--3 {
      background: url(../img/contents/princess/cinderella/detal_main--3.jpg) no-repeat left top;
      background-size: auto 100%; }
  .cinderella .princess__container .princess__container--slide .detail__btn li {
    background-position: -455px; }
    .cinderella .princess__container .princess__container--slide .detail__btn li:before {
      content: "Anna & Elsa"; }
    .cinderella .princess__container .princess__container--slide .detail__btn li.detail__btn--prev:after {
      width: 56px;
      height: 56px;
      border-radius: 10px;
      top: 4px;
      left: 4px; }
    .cinderella .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
      background-position: -65px; }
      .cinderella .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
        content: "Belle"; }
.cinderella .princess__container .princess__container--item .item__text h3 {
  background-position: left 0px; }
.cinderella .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/cinderella/title.png) no-repeat left top;
  background-size: auto 100%; }
.cinderella .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/cinderella/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.cinderella .princess__container .item__list {
  margin: 0 -160px;
  -webkit-transform: scale(0.73);
  transform: scale(0.73); }
  .cinderella .princess__container .item__list li .item__image:before {
    background-position: 0px center; }
  .cinderella .princess__container .item__list li .item__name {
    margin-bottom: 8px;
    font-size: 23px; }
  .cinderella .princess__container .item__list li .item__copy {
    font-size: 18px; }
.cinderella .bc__nav--here:after {
  content: "Cinderella"; }

/* belle
=================================================================== */
.belle .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/belle/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.belle .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/belle/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.belle .princess__container .princess__container--slide .slide__container li.slide--3 {
  background: url(../img/contents/princess/belle/detal_main--3.jpg) no-repeat left top;
  background-size: auto 100%; }
.belle .princess__container .princess__container--slide .detail__btn li {
  background-position: 0; }
  .belle .princess__container .princess__container--slide .detail__btn li:before {
    content: "Cinderella"; }
  .belle .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: -130px; }
    .belle .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Ariel"; }
.belle .princess__container .princess__container--item .item__text h3 {
  background-position: left -55px; }
.belle .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/belle/title.png) no-repeat left top;
  background-size: auto 100%; }
.belle .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/belle/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.belle .princess__container .item__list li .item__image:before {
  background-position: -50px center; }
.belle .bc__nav--here:after {
  content: "Belle"; }

/* ariel
=================================================================== */
.ariel .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/ariel/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.ariel .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/ariel/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.ariel .princess__container .princess__container--slide .slide__container li.slide--3 {
  background: url(../img/contents/princess/ariel/detal_main--3.jpg) no-repeat left top;
  background-size: auto 100%; }
.ariel .princess__container .princess__container--slide .detail__btn li {
  background-position: -65px; }
  .ariel .princess__container .princess__container--slide .detail__btn li:before {
    content: "Belle"; }
  .ariel .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: -195px; }
    .ariel .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Snow white"; }
.ariel .princess__container .princess__container--item .item__text h3 {
  background-position: left -110px; }
.ariel .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/ariel/title.png) no-repeat left top;
  background-size: auto 100%; }
.ariel .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/ariel/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.ariel .princess__container .item__list li .item__image:before {
  background-position: -100px center; }
.ariel .bc__nav--here:after {
  content: "Ariel"; }

/* snow_white
=================================================================== */
.snow_white .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/snowwhite/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.snow_white .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/snowwhite/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.snow_white .princess__container .princess__container--slide .slide__container li.slide--3 {
  background: url(../img/contents/princess/snowwhite/detal_main--3.jpg) no-repeat left top;
  background-size: auto 100%; }
.snow_white .princess__container .princess__container--slide .detail__btn li {
  background-position: -130px; }
  .snow_white .princess__container .princess__container--slide .detail__btn li:before {
    content: "Ariel"; }
  .snow_white .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: -260px; }
    .snow_white .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Aurora"; }
.snow_white .princess__container .princess__container--item .item__text h3 {
  background-position: left -165px; }
.snow_white .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/snowwhite/title.png) no-repeat left top;
  background-size: auto 100%; }
.snow_white .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/snowwhite/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.snow_white .princess__container .item__list li .item__image:before {
  background-position: -150px center; }
.snow_white .bc__nav--here:after {
  content: "Snow white"; }

/* aurora
=================================================================== */
.aurora .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/aurora/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.aurora .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/aurora/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.aurora .princess__container .princess__container--slide .slide__container li.slide--3 {
  background: url(../img/contents/princess/aurora/detal_main--3.jpg) no-repeat left top;
  background-size: auto 100%; }
.aurora .princess__container .princess__container--slide .detail__btn li {
  background-position: -195px; }
  .aurora .princess__container .princess__container--slide .detail__btn li:before {
    content: "Snow white"; }
  .aurora .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: -325px; }
    .aurora .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Jasmine"; }
.aurora .princess__container .princess__container--item .item__text h3 {
  background-position: left -220px; }
.aurora .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/aurora/title.png) no-repeat left top;
  background-size: auto 100%; }
.aurora .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/aurora/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.aurora .princess__container .item__list li .item__image:before {
  background-position: -200px center; }
.aurora .bc__nav--here:after {
  content: "Aurora"; }

/* jasmine
=================================================================== */
.jasmine .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/jasmine/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.jasmine .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/jasmine/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.jasmine .princess__container .princess__container--slide .slide__container li.slide--3 {
  background: url(../img/contents/princess/jasmine/detal_main--3.jpg) no-repeat left top;
  background-size: auto 100%; }
.jasmine .princess__container .princess__container--slide .detail__btn li {
  background-position: -260px; }
  .jasmine .princess__container .princess__container--slide .detail__btn li:before {
    content: "Aurora"; }
  .jasmine .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: -390px; }
    .jasmine .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Rapunzel"; }
.jasmine .princess__container .princess__container--item .item__text h3 {
  background-position: left -275px; }
.jasmine .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/jasmine/title.png) no-repeat left top;
  background-size: auto 100%; }
.jasmine .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/jasmine/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.jasmine .princess__container .item__list li .item__image:before {
  background-position: -250px center; }
.jasmine .bc__nav--here:after {
  content: "Jasmine"; }

/* rapunzel
=================================================================== */
.rapunzel .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/rapunzel/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.rapunzel .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/rapunzel/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.rapunzel .princess__container .princess__container--slide .detail__btn li {
  background-position: -325px; }
  .rapunzel .princess__container .princess__container--slide .detail__btn li:before {
    content: "Jasmine"; }
  .rapunzel .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: -455px; }
    .rapunzel .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Anna & Elsa"; }
    .rapunzel .princess__container .princess__container--slide .detail__btn li.detail__btn--next:after {
      width: 56px;
      height: 56px;
      border-radius: 10px;
      top: 4px;
      left: 4px; }
.rapunzel .princess__container .princess__container--item .item__text h3 {
  background-position: left -330px; }
.rapunzel .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/rapunzel/title.png) no-repeat left top;
  background-size: auto 100%; }
.rapunzel .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/rapunzel/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.rapunzel .princess__container .item__list li .item__image:before {
  background-position: -300px center; }
.rapunzel .bc__nav--here:after {
  content: "Rapunzel"; }

/* anna_elsa
=================================================================== */
.anna_elsa .princess__container .princess__container--slide .slide__container li.slide--1 {
  background: url(../img/contents/princess/annaelsa/detal_main--1.jpg) no-repeat left top;
  background-size: auto 100%; }
.anna_elsa .princess__container .princess__container--slide .slide__container li.slide--2 {
  background: url(../img/contents/princess/annaelsa/detal_main--2.jpg) no-repeat left top;
  background-size: auto 100%; }
.anna_elsa .princess__container .princess__container--slide .detail__btn li {
  background-position: -390px; }
  .anna_elsa .princess__container .princess__container--slide .detail__btn li:before {
    content: "Rapunzel"; }
  .anna_elsa .princess__container .princess__container--slide .detail__btn li.detail__btn--next {
    background-position: 0px; }
    .anna_elsa .princess__container .princess__container--slide .detail__btn li.detail__btn--next:before {
      content: "Cinderella"; }
.anna_elsa .princess__container .princess__container--item .item__text h3 {
  background-position: left -385px; }
.anna_elsa .princess__container .princess__container--item .item__text .item__text--title {
  background: url(../img/contents/princess/annaelsa/title.png) no-repeat left top;
  background-size: auto 100%; }
.anna_elsa .princess__container .princess__container--item .item__detail .item__detail--copy {
  background: url(../img/contents/princess/annaelsa/detail__text.png) no-repeat left top;
  background-size: auto 100%; }
.anna_elsa .princess__container .item__list li .item__image:before {
  background-position: -350px center; }
.anna_elsa .bc__nav--here:after {
  content: "Anna & Elsa"; }