@charset "UTF-8";
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body,
header,
main,
section,
footer,
h1,
h2,
h3,
ul,
li,
dl,
dt,
dd,
p,
img {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

img {
  vertical-align: bottom;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

sup {
  top: 0; }

body {
  width: 100%;
  background-color: #fa4c82;
  font-family: Helvetica, "メイリオ", "游ゴシック", "Yu Gothic", sans-serif;
  text-align: center;
  color: #fff; }
  @media only screen and (min-width: 769px) {
    body {
      font-size: 28px; } }
  @media only screen and (max-width: 768px) {
    body {
      font-size: 3.73333vw; } }

main {
  width: 100%;
  margin: 0 auto;
  display: block; }
  @media only screen and (min-width: 769px) {
    main {
      max-width: 750px; } }

/*********************
共通設定
*********************/
@media only screen and (max-width: 768px) {
  .wrap, .wrapSp {
    width: 90.66667vw;
    margin: 0 auto; } }

@media only screen and (min-width: 769px) {
  .wrap, .wrapPc {
    width: 680px;
    margin: 0 auto; } }

@media only screen and (max-width: 768px) {
  .inner, .innerSp {
    width: 84vw;
    margin: 0 auto; } }

@media only screen and (min-width: 769px) {
  .inner, .innerPc {
    width: 630px;
    margin: 0 auto; } }

@media only screen and (max-width: 768px) {
  .pc {
    display: none; } }

@media only screen and (min-width: 769px) {
  .sp {
    display: none; } }

.por {
  position: relative; }

.poa {
  position: absolute; }

.txt {
  text-align: justify;
  text-justify: inter-ideograph; }

.tar {
  text-align: right; }

@media only screen and (min-width: 769px) {
  .fz20 {
    font-size: 20px; } }

@media only screen and (max-width: 768px) {
  .fz20 {
    font-size: 2.66667vw; } }

@media only screen and (min-width: 769px) {
  .fz22 {
    font-size: 22px; } }

@media only screen and (max-width: 768px) {
  .fz22 {
    font-size: 2.93333vw; } }

@media only screen and (min-width: 769px) {
  .fz26 {
    font-size: 26px; } }

@media only screen and (max-width: 768px) {
  .fz26 {
    font-size: 3.46667vw; } }

.bgTxt {
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.flex {
  display: -webkit-box;
  display: box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .flex.direcCol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .flex.flexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .flex.alignCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .flex.justBetween {
    -moz-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .flex.justCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .flex.justEnd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .flex .selfCenter {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }

/*********************
padding
*********************/
@media only screen and (min-width: 769px) {
  .pt5 {
    padding-top: 5px; }
  .pb5 {
    padding-bottom: 5px; }
  .pt10 {
    padding-top: 10px; }
  .pb10 {
    padding-bottom: 10px; }
  .pt15 {
    padding-top: 15px; }
  .pb15 {
    padding-bottom: 15px; }
  .pt20 {
    padding-top: 20px; }
  .pb20 {
    padding-bottom: 20px; }
  .pt25 {
    padding-top: 25px; }
  .pb25 {
    padding-bottom: 25px; }
  .pt30 {
    padding-top: 30px; }
  .pb30 {
    padding-bottom: 30px; }
  .pt35 {
    padding-top: 35px; }
  .pb35 {
    padding-bottom: 35px; }
  .pt40 {
    padding-top: 40px; }
  .pb40 {
    padding-bottom: 40px; }
  .pt45 {
    padding-top: 45px; }
  .pb45 {
    padding-bottom: 45px; }
  .pt50 {
    padding-top: 50px; }
  .pb50 {
    padding-bottom: 50px; }
  .pt55 {
    padding-top: 55px; }
  .pb55 {
    padding-bottom: 55px; }
  .pt60 {
    padding-top: 60px; }
  .pb60 {
    padding-bottom: 60px; }
  .pt65 {
    padding-top: 65px; }
  .pb65 {
    padding-bottom: 65px; }
  .pt70 {
    padding-top: 70px; }
  .pb70 {
    padding-bottom: 70px; }
  .pt75 {
    padding-top: 75px; }
  .pb75 {
    padding-bottom: 75px; }
  .pt80 {
    padding-top: 80px; }
  .pb80 {
    padding-bottom: 80px; }
  .pt85 {
    padding-top: 85px; }
  .pb85 {
    padding-bottom: 85px; }
  .pt90 {
    padding-top: 90px; }
  .pb90 {
    padding-bottom: 90px; }
  .pt95 {
    padding-top: 95px; }
  .pb95 {
    padding-bottom: 95px; }
  .pt100 {
    padding-top: 100px; }
  .pb100 {
    padding-bottom: 100px; }
  .pt105 {
    padding-top: 105px; }
  .pb105 {
    padding-bottom: 105px; }
  .pt110 {
    padding-top: 110px; }
  .pb110 {
    padding-bottom: 110px; }
  .pt115 {
    padding-top: 115px; }
  .pb115 {
    padding-bottom: 115px; }
  .pt120 {
    padding-top: 120px; }
  .pb120 {
    padding-bottom: 120px; }
  .pt125 {
    padding-top: 125px; }
  .pb125 {
    padding-bottom: 125px; }
  .pt130 {
    padding-top: 130px; }
  .pb130 {
    padding-bottom: 130px; }
  .pt135 {
    padding-top: 135px; }
  .pb135 {
    padding-bottom: 135px; }
  .pt140 {
    padding-top: 140px; }
  .pb140 {
    padding-bottom: 140px; }
  .pt145 {
    padding-top: 145px; }
  .pb145 {
    padding-bottom: 145px; }
  .pt150 {
    padding-top: 150px; }
  .pb150 {
    padding-bottom: 150px; }
  .pt155 {
    padding-top: 155px; }
  .pb155 {
    padding-bottom: 155px; }
  .pt160 {
    padding-top: 160px; }
  .pb160 {
    padding-bottom: 160px; }
  .pt165 {
    padding-top: 165px; }
  .pb165 {
    padding-bottom: 165px; }
  .pt170 {
    padding-top: 170px; }
  .pb170 {
    padding-bottom: 170px; }
  .pt175 {
    padding-top: 175px; }
  .pb175 {
    padding-bottom: 175px; }
  .pt180 {
    padding-top: 180px; }
  .pb180 {
    padding-bottom: 180px; }
  .pt185 {
    padding-top: 185px; }
  .pb185 {
    padding-bottom: 185px; }
  .pt190 {
    padding-top: 190px; }
  .pb190 {
    padding-bottom: 190px; }
  .pt195 {
    padding-top: 195px; }
  .pb195 {
    padding-bottom: 195px; }
  .pt200 {
    padding-top: 200px; }
  .pb200 {
    padding-bottom: 200px; } }

@media only screen and (max-width: 768px) {
  .pt5 {
    padding-top: 0.66667vw; }
  .pb5 {
    padding-bottom: 0.66667vw; }
  .pt10 {
    padding-top: 1.33333vw; }
  .pb10 {
    padding-bottom: 1.33333vw; }
  .pt15 {
    padding-top: 2vw; }
  .pb15 {
    padding-bottom: 2vw; }
  .pt20 {
    padding-top: 2.66667vw; }
  .pb20 {
    padding-bottom: 2.66667vw; }
  .pt25 {
    padding-top: 3.33333vw; }
  .pb25 {
    padding-bottom: 3.33333vw; }
  .pt30 {
    padding-top: 4vw; }
  .pb30 {
    padding-bottom: 4vw; }
  .pt35 {
    padding-top: 4.66667vw; }
  .pb35 {
    padding-bottom: 4.66667vw; }
  .pt40 {
    padding-top: 5.33333vw; }
  .pb40 {
    padding-bottom: 5.33333vw; }
  .pt45 {
    padding-top: 6vw; }
  .pb45 {
    padding-bottom: 6vw; }
  .pt50 {
    padding-top: 6.66667vw; }
  .pb50 {
    padding-bottom: 6.66667vw; }
  .pt55 {
    padding-top: 7.33333vw; }
  .pb55 {
    padding-bottom: 7.33333vw; }
  .pt60 {
    padding-top: 8vw; }
  .pb60 {
    padding-bottom: 8vw; }
  .pt65 {
    padding-top: 8.66667vw; }
  .pb65 {
    padding-bottom: 8.66667vw; }
  .pt70 {
    padding-top: 9.33333vw; }
  .pb70 {
    padding-bottom: 9.33333vw; }
  .pt75 {
    padding-top: 10vw; }
  .pb75 {
    padding-bottom: 10vw; }
  .pt80 {
    padding-top: 10.66667vw; }
  .pb80 {
    padding-bottom: 10.66667vw; }
  .pt85 {
    padding-top: 11.33333vw; }
  .pb85 {
    padding-bottom: 11.33333vw; }
  .pt90 {
    padding-top: 12vw; }
  .pb90 {
    padding-bottom: 12vw; }
  .pt95 {
    padding-top: 12.66667vw; }
  .pb95 {
    padding-bottom: 12.66667vw; }
  .pt100 {
    padding-top: 13.33333vw; }
  .pb100 {
    padding-bottom: 13.33333vw; }
  .pt105 {
    padding-top: 14vw; }
  .pb105 {
    padding-bottom: 14vw; }
  .pt110 {
    padding-top: 14.66667vw; }
  .pb110 {
    padding-bottom: 14.66667vw; }
  .pt115 {
    padding-top: 15.33333vw; }
  .pb115 {
    padding-bottom: 15.33333vw; }
  .pt120 {
    padding-top: 16vw; }
  .pb120 {
    padding-bottom: 16vw; }
  .pt125 {
    padding-top: 16.66667vw; }
  .pb125 {
    padding-bottom: 16.66667vw; }
  .pt130 {
    padding-top: 17.33333vw; }
  .pb130 {
    padding-bottom: 17.33333vw; }
  .pt135 {
    padding-top: 18vw; }
  .pb135 {
    padding-bottom: 18vw; }
  .pt140 {
    padding-top: 18.66667vw; }
  .pb140 {
    padding-bottom: 18.66667vw; }
  .pt145 {
    padding-top: 19.33333vw; }
  .pb145 {
    padding-bottom: 19.33333vw; }
  .pt150 {
    padding-top: 20vw; }
  .pb150 {
    padding-bottom: 20vw; }
  .pt155 {
    padding-top: 20.66667vw; }
  .pb155 {
    padding-bottom: 20.66667vw; }
  .pt160 {
    padding-top: 21.33333vw; }
  .pb160 {
    padding-bottom: 21.33333vw; }
  .pt165 {
    padding-top: 22vw; }
  .pb165 {
    padding-bottom: 22vw; }
  .pt170 {
    padding-top: 22.66667vw; }
  .pb170 {
    padding-bottom: 22.66667vw; }
  .pt175 {
    padding-top: 23.33333vw; }
  .pb175 {
    padding-bottom: 23.33333vw; }
  .pt180 {
    padding-top: 24vw; }
  .pb180 {
    padding-bottom: 24vw; }
  .pt185 {
    padding-top: 24.66667vw; }
  .pb185 {
    padding-bottom: 24.66667vw; }
  .pt190 {
    padding-top: 25.33333vw; }
  .pb190 {
    padding-bottom: 25.33333vw; }
  .pt195 {
    padding-top: 26vw; }
  .pb195 {
    padding-bottom: 26vw; }
  .pt200 {
    padding-top: 26.66667vw; }
  .pb200 {
    padding-bottom: 26.66667vw; } }

/*********************
sec02
*********************/
.sec02 .movie {
  width: 100%;
  background-image: url(../../images/cosme-eyelashserum/sec02_movie.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    .sec02 .movie {
      height: 579px;
      padding-top: 110px; } }
  @media only screen and (max-width: 768px) {
    .sec02 .movie {
      height: 77.2vw;
      padding-top: 14.66667vw; } }
  .sec02 .movie iframe {
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .sec02 .movie iframe {
        width: 710px;
        height: 400px; } }
    @media only screen and (max-width: 768px) {
      .sec02 .movie iframe {
        width: 94.66667vw;
        height: 53.33333vw; } }

.sec02 h2 {
  margin: 0 auto; }
  @media only screen and (min-width: 769px) {
    .sec02 h2 {
      width: 398px; } }
  @media only screen and (max-width: 768px) {
    .sec02 h2 {
      width: 53.06667vw; } }

/*********************
sec03
*********************/
.sec03 .point {
  width: 100%;
  background-image: url(../../images/cosme-eyelashserum/sec03_01.png);
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 769px) {
    .sec03 .point {
      height: 994px; } }
  @media only screen and (max-width: 768px) {
    .sec03 .point {
      height: 132.53333vw; } }
  @media only screen and (min-width: 769px) {
    .sec03 .point .li01 {
      width: 504px;
      top: 195px;
      left: 226px; } }
  @media only screen and (max-width: 768px) {
    .sec03 .point .li01 {
      width: 67.2vw;
      top: 26vw;
      left: 30.13333vw; } }
  @media only screen and (min-width: 769px) {
    .sec03 .point .li02 {
      width: 672px;
      top: 408px;
      left: 42px; } }
  @media only screen and (max-width: 768px) {
    .sec03 .point .li02 {
      width: 89.6vw;
      top: 54.4vw;
      left: 5.6vw; } }
  @media only screen and (min-width: 769px) {
    .sec03 .point .li02 .fz20 {
      padding-top: 110px; } }
  @media only screen and (max-width: 768px) {
    .sec03 .point .li02 .fz20 {
      padding-top: 14.66667vw; } }
  @media only screen and (min-width: 769px) {
    .sec03 .point .li03 {
      width: 486px;
      top: 728px;
      left: 226px; } }
  @media only screen and (max-width: 768px) {
    .sec03 .point .li03 {
      width: 64.8vw;
      top: 97.06667vw;
      left: 30.13333vw; } }
  @media only screen and (min-width: 769px) {
    .sec03 .point .li03 .fz26 {
      padding-top: 25px; } }
  @media only screen and (max-width: 768px) {
    .sec03 .point .li03 .fz26 {
      padding-top: 3.33333vw; } }

/*********************
sec04
*********************/
.sec04 .slider {
  width: 100%;
  background-image: url(../../images/cosme-eyelashserum/sec04_bg.png);
  background-size: cover;
  background-repeat: no-repeat; }
  .sec04 .slider .slides {
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .sec04 .slider .slides {
        width: 625px; } }
    @media only screen and (max-width: 768px) {
      .sec04 .slider .slides {
        width: 83.33333vw; } }
  .sec04 .slider .slick-prev,
  .sec04 .slider .slick-next {
    z-index: 2; }
    @media only screen and (min-width: 769px) {
      .sec04 .slider .slick-prev,
      .sec04 .slider .slick-next {
        width: 140px;
        height: 140px; } }
    @media only screen and (max-width: 768px) {
      .sec04 .slider .slick-prev,
      .sec04 .slider .slick-next {
        width: 18.66667vw;
        height: 18.66667vw; } }
    .sec04 .slider .slick-prev:before,
    .sec04 .slider .slick-next:before {
      content: '';
      display: block;
      background-size: contain;
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (min-width: 769px) {
        .sec04 .slider .slick-prev:before,
        .sec04 .slider .slick-next:before {
          width: 140px;
          height: 140px; } }
      @media only screen and (max-width: 768px) {
        .sec04 .slider .slick-prev:before,
        .sec04 .slider .slick-next:before {
          width: 18.66667vw;
          height: 18.66667vw; } }
  @media only screen and (min-width: 769px) {
    .sec04 .slider .slick-prev {
      left: -55px; } }
  @media only screen and (max-width: 768px) {
    .sec04 .slider .slick-prev {
      left: -7.33333vw; } }
  .sec04 .slider .slick-prev:before {
    background-image: url(../../images/cosme-eyelashserum/arw_prev.png);
    }
  @media only screen and (min-width: 769px) {
    .sec04 .slider .slick-next {
      right: -60px; } }
  @media only screen and (max-width: 768px) {
    .sec04 .slider .slick-next {
      right: -8vw; } }
  .sec04 .slider .slick-next:before {
    background-image: url(../../images/cosme-eyelashserum/arw_next.png);
    }

/*********************
sec05
*********************/
.sec05 {
  background-color: #fec1c0; }
  .sec05 .ingredients li {
    background-repeat: no-repeat;
    background-size: cover; }
    .sec05 .ingredients li.li01 {
      background-image: url(../../images/cosme-eyelashserum/sec05_01.jpg);
      }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li01 {
          height: 790px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li01 {
          height: 105.33333vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li01 p {
          width: 475px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li01 p {
          width: 63.33333vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li01 .txt01 {
          top: 431px;
          left: 197px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li01 .txt01 {
          top: 57.46667vw;
          left: 26.26667vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li01 .txt02 {
          top: 685px;
          right: 75px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li01 .txt02 {
          top: 91.33333vw;
          right: 10vw; } }
    .sec05 .ingredients li.li02 {
      background-image: url(../../images/cosme-eyelashserum/sec05_02.jpg);
      }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li02 {
          height: 810px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li02 {
          height: 108vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li02 p {
          width: 512px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li02 p {
          width: 68.26667vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li02 .txt01 {
          top: 474px;
          left: 73px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li02 .txt01 {
          top: 63.2vw;
          left: 9.73333vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li02 .txt02 {
          top: 686px;
          right: 165px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li02 .txt02 {
          top: 91.46667vw;
          right: 22vw; } }
    .sec05 .ingredients li.li03 {
      background-image: url(../../images/cosme-eyelashserum/sec05_03.jpg);
      }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 {
          height: 820px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 {
          height: 109.33333vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 p {
          width: 582px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 p {
          width: 77.6vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 .txt01 {
          top: 398px;
          right: 75px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 .txt01 {
          top: 53.06667vw;
          right: 10vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 .txt02 {
          top: 442px;
          left: 84px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 .txt02 {
          top: 58.93333vw;
          left: 11.2vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 .txt03 {
          top: 534px;
          left: 82px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 .txt03 {
          top: 71.2vw;
          left: 10.93333vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 .txt03 .colL {
          width: 345px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 .txt03 .colL {
          width: 46vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li03 .txt04 {
          top: 716px;
          right: 77px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li03 .txt04 {
          top: 95.46667vw;
          right: 10.26667vw; } }
    .sec05 .ingredients li.li04 {
      background-image: url(../../images/cosme-eyelashserum/sec05_04.jpg);
      }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li04 {
          height: 1108px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li04 {
          height: 147.73333vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li04 p {
          width: 605px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li04 p {
          width: 80.66667vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li04 .txt01 {
          width: 485px;
          top: 394px;
          left: 195px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li04 .txt01 {
          width: 64.66667vw;
          top: 52.53333vw;
          left: 26vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li04 .txt02 {
          top: 742px;
          left: 75px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li04 .txt02 {
          top: 98.93333vw;
          left: 10vw; } }
      @media only screen and (min-width: 769px) {
        .sec05 .ingredients li.li04 .txt03 {
          top: 950px;
          left: 75px; } }
      @media only screen and (max-width: 768px) {
        .sec05 .ingredients li.li04 .txt03 {
          top: 126.66667vw;
          left: 10vw; } }

/*********************
sec06
*********************/
.sec06 .howto {
  width: 100%;
  background-image: url(../../images/cosme-eyelashserum/sec06_01.png);
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    .sec06 .howto {
      height: 525px; } }
  @media only screen and (max-width: 768px) {
    .sec06 .howto {
      height: 70vw; } }
  @media only screen and (min-width: 769px) {
    .sec06 .howto p {
      width: 433px;
      top: 268px;
      right: 51px; } }
  @media only screen and (max-width: 768px) {
    .sec06 .howto p {
      width: 57.73333vw;
      top: 35.73333vw;
      right: 6.8vw; } }

/*********************
cvarea
*********************/
.cvarea .content {
  width: 100%;
  background-image: url(../../images/cosme-eyelashserum/cv_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
  @media only screen and (min-width: 769px) {
    .cvarea .content {
      height: 1163px; } }
  @media only screen and (max-width: 768px) {
    .cvarea .content {
      height: 155.06667vw; } }
  @media only screen and (min-width: 769px) {
    .cvarea .content .form {
      width: 600px;
      top: 835px;
      left: 75px; } }
  @media only screen and (max-width: 768px) {
    .cvarea .content .form {
      width: 80vw;
      top: 111.33333vw;
      left: 10vw; } }
  .cvarea .content .form span {
    color: #bd1a43; }
    @media only screen and (min-width: 769px) {
      .cvarea .content .form span {
        padding-right: 25px; } }
    @media only screen and (max-width: 768px) {
      .cvarea .content .form span {
        padding-right: 3.33333vw; } }
  .cvarea .content .form select {
    color: #0f0f0f; }

.common_header .header_logo {
  width: 29.33333vw; }

.common_header .header_menu li {
  width: 12vw;
  margin-left: 1.06667vw; }
  .common_header .header_menu li a {
    display: block; }

/* ＳＰサイズ用css */
@media screen and (max-width: 750px) {
  .pcheader header {
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 99999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff; }
  .header_block {
    display: none; } }

/* PCサイズ用css */
@media screen and (min-width: 750px) {
  /*-------common-------*/
  .clearfix:after,
  .under_item__list:after,
  .under__nav:after,
  .tel_block__list:after,
  .guide__list_menu:after,
  .guide_item01:after {
    display: block;
    clear: both;
    content: ""; }
  header a:hover {
    opacity: 0.6; }
  /*-------header-------*/
  .header_block {
    width: 1000px;
    margin: 0 auto; }
  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 67px;
    margin: 0 auto;
    z-index: 99999;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.6);
    background: #fff; }
  li.dropmenu {
    position: relative; }
  li {
    margin-left: 0px;
    list-style-type: none; }
  a,
  li {
    margin: 0;
    padding: 0; }
  .menu_block li {
    display: inline-block;
    margin-right: 2px; }
  li {
    display: list-item;
    text-align: -webkit-match-parent; }
  header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 67px;
    margin: 0 auto;
    z-index: 99999;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.6);
    background: #fff; }
  .header li {
    float: left; }
  li.dropmenu {
    position: relative; }
  .dropmenu ul li a {
    display: block;
    margin: 0;
    padding: 15px 0 11px;
    color: #444;
    font-size: 14px;
    line-height: 1;
    text-decoration: none; }
  li.dropmenu ul {
    list-style: none;
    position: absolute;
    width: 160px;
    z-index: 9999;
    top: 87%;
    left: 24px;
    margin: 0;
    padding: 0; }
  li.dropmenu ul li {
    width: 100%;
    margin-bottom: 0;
    padding: 0; }
  li.dropmenu ul li a {
    padding: 10px 10px;
    background: #fff;
    text-align: left;
    font-size: 12px; }
  li.dropmenu ul li a:hover {
    background: #555;
    color: #fff;
    opacity: 0.9; }
  li.dropmenu ul {
    display: none; }
  li.dropmenu:hover ul {
    display: block;
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); }
  .menu_sub_block li {
    display: inline-table;
    padding: 5px 35px 13px; }
  .menu_sub_block li a.main_nav_top {
    border-bottom: 4px solid #fff;
    padding-bottom: 5px; }
  .menu_block {
    float: right;
    margin: 0;
    font-size: 0; }
  .header_logo_block {
    float: left; }
  /*20160428ソーシャルボタン追加修正
-------------------------------------------------*/
  .menu_sns:first-child {
    margin-left: 5px; }
  .menu_sns img {
    padding: 0 5px 10px 0; }
  .menu_block li {
    vertical-align: bottom; }
  .section-socialbanner {
    padding: 30px 0; }
  .common_header {
    display: none; }
  .pcheader {
    padding-top: 64px; } }

.footArea {
  background-color: #fff;
  color: #000; }
  .footArea .footAreaInner {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 769px) {
      .footArea .footAreaInner {
        max-width: 750px; } }
  .footArea .copyright {
    background-color: #fa4c82; }
  .footArea img {
    display: inline; }
  @media only screen and (min-width: 769px) {
    .footArea {
      font-size: 14px; } }
  @media only screen and (max-width: 768px) {
    .footArea {
      margin-bottom: 52px; } }

@media only screen and (min-width: 769px) {
  #ft_buy {
    display: none; } }

@media only screen and (max-width: 768px) {
  #ft_buy {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    /*
		padding: 4px 5px;
		font-size: 77%;
		background: rgba(255,255,255,0.7);
		*/
    z-index: 9999; } }