body {
  background-color: #ffffff;
}
#Contents {
  padding: 0;
  margin: 0;
}
.ClassicoURWRegular {
  font-family: classico-urw, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
.ClassicoURWMedium {
  font-family: classico-urw, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}
.kozuka {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}

/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}
.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/****************************/

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#doubleface_201111 * {
  box-sizing: border-box !important;
}
#doubleface_201111 {
  width: 100%;
  background-repeat: no-repeat;
  font-family: toppan-bunkyu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: #343434;
}
#doubleface_201111 figure,
#doubleface_201111 img {
  width: 100%;
  margin: 0;
}
#doubleface_201111 h1,
#doubleface_201111 h2,
#doubleface_201111 h3,
#doubleface_201111 h4,
#doubleface_201111 h5 {
  font-weight: normal;
}
#doubleface_201111 a {
  text-decoration: none;
  color: #525252 !important;
}
#doubleface_201111 .lead {
  line-break: anywhere;
}
/************ 共通 **********/
#doubleface_201111 .sec._01 .sub_ttl,
#doubleface_201111 h3 {
  font-family: classico-urw, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}
#doubleface_201111 .credit {
  font-family: classico-urw, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}

/* for pc */
@media screen and (min-width: 1026px) {
  /************ all **********/
  #doubleface_201111 .sp_only {
    display: none;
  }
  .bredlist.lp {
    margin: 60px auto 20px;
    width: 860px;
    font-size: 12px;
  }
  #doubleface_201111 {
    max-width: 910px;
    margin: 84px auto 142px;
    background-size: 1600px;
    /* background-image: url(../img/page_pc01.jpg); */
    background-position: center -221px;
  }
  #doubleface_201111 .sec {
    margin-left: auto;
    margin-right: auto;
  }
  #doubleface_201111 .sec._01 {
  }
  #doubleface_201111 .sec._02 {
    margin-top: 61px;
  }
  #doubleface_201111 .sec._03 {
    margin-top: 48px;
  }
  #doubleface_201111 .flex_container {
    justify-content: space-between;
  }
  #doubleface_201111 .sec._02 .img_area._02 {
    margin-top: 69px;
  }
  #doubleface_201111 .sec._02 .img_area._03 {
    margin-top: 68px;
  }
  #doubleface_201111 .sec._03 .img_area._04 {
    display: flex;
  }

  /************ text **********/
  /* title */
  #doubleface_201111 .sec._01 .ttl {
    margin-top: 53px;
    font-size: 25px;
    letter-spacing: 0.2em;
    text-align: center;
  }
  #doubleface_201111 .sec._01 .ttl span {
    font-size: 30px;
  }
  #doubleface_201111 .sec._01 .sub_ttl {
    margin-top: 20px;
    font-size: 15px;
    letter-spacing: 0.16em;
    text-align: center;
    font-weight: 600;
  }
  /*Safari用css*/
  ::-webkit-full-page-media,
  :future,
  :root #doubleface_201111 .sec._01 .sub_ttl {
    margin-top: 21px;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  #doubleface_201111 h3 {
    margin-top: 49px;
    font-size: 15px;
    letter-spacing: 0.15em;
    text-align: center;
  }
  /*Safari用css*/
  ::-webkit-full-page-media,
  :future,
  :root #doubleface_201111 .sec._02 .img_area._01 h3 {
    letter-spacing: 0.02em;
  }
  ::-webkit-full-page-media,
  :future,
  :root #doubleface_201111 .sec._02 .img_area._02 h3 {
    letter-spacing: 0.06em;
  }
  #doubleface_201111 .sec._02 .img_area._03 h3 {
    margin-top: 46px;
  }
  /* lead */
  #doubleface_201111 .lead {
    font-size: 14px;
    letter-spacing: 0.14em;
    text-align: center;
  }
  #doubleface_201111 .sec._01 .lead {
    margin-top: 51px;
    line-height: 2.4285714286;
  }
  #doubleface_201111 .sec._02 .img_area._01 .lead,
  #doubleface_201111 .sec._02 .img_area._02 .lead {
    margin-top: 16px;
    line-height: 2.1428571429;
  }
  #doubleface_201111 .sec._02 .img_area._03 .lead {
    margin-top: 26px;
    line-height: 2.1428571429;
  }
  /* credit */
  #doubleface_201111 .credit {
    margin-top: 11px;
    font-size: 12px;
    letter-spacing: 0.12em;
  }

  /************ image **********/
  #doubleface_201111 .sec._01 figure {
    max-width: 830px;
    margin: 0 auto;
  }
  #doubleface_201111 .sec._02 .img_area figure {
    max-width: 440px;
  }
  #doubleface_201111 .sec._03 .img_area._04 figure {
    max-width: 250px;
  }
  /************ btn **********/
  #doubleface_201111 .underwear_btn_area {
    max-width: 460px;
    margin: 87px auto 0;
  }
  #doubleface_201111 .underwear_btn {
    display: block;
    max-width: 460px;
    width: 100%;
  }
}
/*FireFox用css*/
@-moz-document url-prefix() {
  /* ここに書く */
  #doubleface_201111 .sec._01 .sub_ttl {
    margin-top: 19px;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  #doubleface_201111 .sec._02 .img_area._01 h3 {
    letter-spacing: 0.02em;
  }
  #doubleface_201111 .sec._02 .img_area._02 h3 {
    letter-spacing: 0.06em;
  }
}
/*IE用css*/
@media all and (-ms-high-contrast: none) {
  #doubleface_201111 .sec._02 {
    margin-top: 57px;
  }
  #doubleface_201111 .sec._03 {
    margin-top: 41px;
  }

  #doubleface_201111 .sec._01 .ttl {
    margin-top: 64px;
    letter-spacing: 0.18em;
  }
  #doubleface_201111 .sec._01 .sub_ttl {
    margin-top: 8px;
    letter-spacing: 0.13em;
    font-size: 16px;
  }
  #doubleface_201111 h3 {
    margin-top: 42px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
  #doubleface_201111 .sec._02 .img_area._02 h3 {
    letter-spacing: 0.12em;
  }
  #doubleface_201111 .sec._02 .img_area._03 h3 {
    margin-top: 39px;
    letter-spacing: 0.12em;
  }
  #doubleface_201111 .sec._01 .lead {
    margin-top: 56px;
  }
  #doubleface_201111 .sec._02 .img_area._01 .lead {
    margin-top: 22px;
  }
  #doubleface_201111 .sec._02 .img_area._02 .lead {
    margin-top: 22px;
  }
  #doubleface_201111 .sec._02 .img_area._03 .lead {
    margin-top: 32px;
  }

  #doubleface_201111 .sec._02 .img_area._02 {
    margin-top: 64px;
  }
  #doubleface_201111 .sec._02 .img_area._03 {
    margin-top: 63px;
  }

  #doubleface_201111 .credit {
    margin-top: 12px;
  }
  #doubleface_201111 .sec._02 .img_area._02 .credit {
    margin-top: 17px;
  }
  #doubleface_201111 .sec._02 .img_area._03 .credit {
    margin-top: 13px;
  }
  #doubleface_201111 .underwear_btn_area {
    margin-top: 83px;
  }
}

/* for tablet */
@media only screen and (min-width: 751px) and (max-width: 1025px) {
  .sp_only {
    display: none;
  }
  .bredlist.lp {
    margin: calc(60 * (100vw / 1025)) auto calc(20 * (100vw / 1025));
    width: calc(860 * (100vw / 1025));
    font-size: calc(12 * (100vw / 1025));
  }
  #doubleface_201111 {
    width: calc(910 * (100vw / 1025));
    margin: calc(84 * (100vw / 1025)) auto calc(142 * (100vw / 1025));
  }
  #doubleface_201111 .sec {
    margin-left: auto;
    margin-right: auto;
  }
  #doubleface_201111 .sec._01 {
  }
  #doubleface_201111 .sec._02 {
    margin-top: calc(61 * (100vw / 1025));
  }
  #doubleface_201111 .sec._03 {
    margin-top: calc(48 * (100vw / 1025));
  }
  #doubleface_201111 .flex_container {
    justify-content: space-between;
  }
  #doubleface_201111 .sec._02 .img_area._02 {
    margin-top: calc(69 * (100vw / 1025));
  }
  #doubleface_201111 .sec._02 .img_area._03 {
    margin-top: calc(68 * (100vw / 1025));
  }
  #doubleface_201111 .sec._03 .img_area._04 {
    display: flex;
  }

  /************ text **********/
  /* title */
  #doubleface_201111 .sec._01 .ttl {
    margin-top: calc(53 * (100vw / 1025));
    font-size: calc(25 * (100vw / 1025));
    letter-spacing: 0.2em;
    text-align: center;
  }
  #doubleface_201111 .sec._01 .ttl span {
    font-size: calc(30 * (100vw / 1025));
  }
  #doubleface_201111 .sec._01 .sub_ttl {
    margin-top: calc(20 * (100vw / 1025));
    font-size: calc(15 * (100vw / 1025));
    letter-spacing: 0.16em;
    text-align: center;
  }
  #doubleface_201111 h3 {
    margin-top: calc(49 * (100vw / 1025));
    font-size: calc(15 * (100vw / 1025));
    letter-spacing: 0.15em;
    text-align: center;
  }
  #doubleface_201111 .sec._02 .img_area._03 h3 {
    margin-top: calc(46 * (100vw / 1025));
  }
  /* lead */
  #doubleface_201111 .lead {
    font-size: calc(14 * (100vw / 1025));
    letter-spacing: 0.14em;
    text-align: center;
  }
  #doubleface_201111 .sec._01 .lead {
    margin-top: calc(51 * (100vw / 1025));
    line-height: 2.4285714286;
  }
  #doubleface_201111 .sec._02 .img_area._01 .lead,
  #doubleface_201111 .sec._02 .img_area._02 .lead {
    margin-top: calc(16 * (100vw / 1025));
    line-height: 2.1428571429;
  }
  #doubleface_201111 .sec._02 .img_area._03 .lead {
    margin-top: calc(26 * (100vw / 1025));
    line-height: 2.1428571429;
  }
  /* credit */
  #doubleface_201111 .credit {
    margin-top: calc(11 * (100vw / 1025));
    font-size: calc(12 * (100vw / 1025));
    letter-spacing: 0.12em;
  }

  /************ image **********/
  #doubleface_201111 .sec._01 figure {
    width: calc(830 * (100vw / 1025));
    margin: 0 auto;
  }
  #doubleface_201111 .sec._02 .img_area figure {
    width: calc(440 * (100vw / 1025));
  }
  #doubleface_201111 .sec._03 .img_area._04 figure {
    width: calc(250 * (100vw / 1025));
  }
  /************ btn **********/
  #doubleface_201111 .underwear_btn_area {
    margin-top: calc(88 * (100vw / 1025));
  }
  #doubleface_201111 .underwear_btn {
    display: block;
    width: calc(460 * (100vw / 1025));
    margin-left: auto;
    margin-right: auto;
  }
}

/* for sp */
@media only screen and (max-width: 750px) {
  .pc_only {
    display: none;
  }
  .bredlist.lp {
    width: 92.592%;
    margin: calc(25 * (100vw / 750)) auto;
    font-size: calc(20 * (100vw / 750));
    line-height: calc(40 * (100vw / 750));
    text-align: left;
    padding: 0;
  }
  /************ all **********/
  #doubleface_201111 {
    background-size: calc(750 * (100vw / 750));
    /* background-image: url(../img/page_sp01.jpg); */
    background-position: center -82px;
  }
  #doubleface_201111 .sec._01 {
  }
  #doubleface_201111 .sec._02 {
    margin-top: calc(52 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #doubleface_201111 .sec._03 {
    width: calc(610 * (100vw / 750));
    margin-top: calc(66 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #doubleface_201111 .sec._02 .flex_container {
    flex-direction: column;
  }
  #doubleface_201111 .sec._02 .img_area._02 {
    margin-top: calc(70 * (100vw / 750));
  }
  #doubleface_201111 .sec._02 .img_area._03 {
    margin-top: calc(56 * (100vw / 750));
  }

  /************ text **********/
  /* title */
  #doubleface_201111 .sec._01 .ttl {
    margin-top: calc(66 * (100vw / 750));
    margin-right: calc(12 * (100vw / 750));
    font-size: calc(34 * (100vw / 750));
    line-height: 1.6;
    letter-spacing: 0.16em;
    text-align: center;
  }
  #doubleface_201111 .sec._01 .ttl span {
    font-size: calc(40 * (100vw / 750));
    line-height: 1.4;
  }
  #doubleface_201111 .sec._01 .sub_ttl {
    margin-top: calc(16 * (100vw / 750));
    margin-right: calc(12 * (100vw / 750));
    font-size: calc(22 * (100vw / 750));
    line-height: 1.6;
    letter-spacing: 0.13em;
    text-align: center;
  }
  #doubleface_201111 .sec._02 h3 {
    margin-top: calc(54 * (100vw / 750));
    margin-right: calc(10 * (100vw / 750));
    font-size: calc(30 * (100vw / 750));
    letter-spacing: 0.18em;
    text-align: center;
  }
  #doubleface_201111 .sec._02 .img_area._02 h3 {
    margin-top: calc(64 * (100vw / 750));
  }
  /* lead */
  #doubleface_201111 .lead {
    font-size: calc(22 * (100vw / 750));
    line-height: 2.2727272727;
    letter-spacing: 0.13em;
    margin-left: auto;
    margin-right: auto;
  }
  #doubleface_201111 .sec._01 .lead {
    width: calc(610 * (100vw / 750));
    margin-top: calc(60 * (100vw / 750));
    font-size: calc(25 * (100vw / 750));
    line-height: 1.95;
    letter-spacing: 0.1em;
  }
  #doubleface_201111 .sec._02 .img_area._01 .lead {
    width: calc(610 * (100vw / 750));
    margin: calc(20 * (100vw / 750)) auto 0;
  }
  #doubleface_201111 .sec._02 .img_area._02 .lead {
    width: calc(610 * (100vw / 750));
    margin: calc(22 * (100vw / 750)) auto 0;
  }
  #doubleface_201111 .sec._02 .img_area._03 .lead {
    width: calc(610 * (100vw / 750));
    margin: calc(20 * (100vw / 750)) auto 0;
  }
  /* credit */
  #doubleface_201111 .credit {
    width: calc(610 * (100vw / 750));
    margin: calc(33 * (100vw / 750)) auto 0;
    font-size: calc(25 * (100vw / 750));
    line-height: 1.4;
    letter-spacing: 0.115em;
  }
  #doubleface_201111 .sec._02 .img_area._02 .credit {
    margin-top: calc(41 * (100vw / 750));
    letter-spacing: 0.15em;
  }
  #doubleface_201111 .sec._02 .img_area._03 .credit {
    margin-top: calc(60 * (100vw / 750));
    letter-spacing: 0.15em;
  }
  #doubleface_201111 .gender {
    color: #525252;
    font-size: calc(26 * (100vw / 750));
    letter-spacing: 0.12em;
  }
  /************ image **********/
  #doubleface_201111 .sec._01 figure,
  #doubleface_201111 .sec._02 .img_area figure {
    width: calc(650 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  #doubleface_201111 .sec._02 .img_area._01 figure:nth-child(2) {
    margin-top: calc(23 * (100vw / 750));
  }
  #doubleface_201111 .sec._02 .img_area._02 figure:nth-child(2) {
    margin-top: calc(25 * (100vw / 750));
  }
  #doubleface_201111 .sec._02 .img_area._03 figure:nth-child(2) {
    margin-top: calc(30 * (100vw / 750));
  }
  /************ btn **********/
  #doubleface_201111 .underwear_btn_area {
    margin-top: calc(102 * (100vw / 750));
  }
  #doubleface_201111 .underwear_btn {
    display: block;
    width: calc(460 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
}