@charset "utf-8";
/* @group Reset */
.sect01_copy p {
  text-align: center;
  margin: 10px 0;
  word-break : break-all;
}
.TextTyping {
  /* text-align: center; */
}
/*========= タイピング ===============*/
.TextTyping span {
  display: none;
}
/*文字列後ろの線の設定*/
.TextTyping::after {
  content: "|";
  animation: typinganime .8s ease infinite;
}
@keyframes typinganime{
  from{opacity:0}
  to{opacity:1}
}

.slick-prev, .slick-next {
font-size: 1.4em;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
left: -15%;
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 30px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-next {
right: -15%;
}
.pc {
  display: inherit;
}
.sp {
  display: none;
}
img {
  width: 100%;
  vertical-align:top;
}
/* @group HTML */
html {
    color: #000;
    margin-left: auto;
}
body {
  background-color: #f7c9dd;
		/* color: #fff; */
}
p {
  margin: 0;
  padding: 0;
}
#wrapper {
	width: 100%;
	max-width: 1240px;
	margin: auto;
}
#main_line {
  width: 60%;
  /* max-width: 900px; */
  margin: auto;
  background-color: #fff;
  overflow: hidden;
}
#main_img {
  margin: auto;
  width: 100%;
}
.bg_left {
  width: 15%;
  position: fixed;
  top: 43%;
  transform: translate(0, -40%);
  left: 3%;
  transition: 2.0s;
    opacity: 0;
    z-index:1;
}
.bg_right {
  width: 18%;
  position: fixed;
  top: 42%;
  right: 1%;
  transform: translate(0, -50%);
  transition: 2.0s;
  opacity: 0;
  z-index:1;
}
.sect01 {
  background-color: #000;
  font-size: 1.2em;
  padding: 3% 3% 6%;
  box-sizing: border-box;
  text-align: justify;
}
.sect01 h2 {
  width: 70%;
  max-width: 600px;
  margin: -1em auto 0;
}
.sect01_copy {
  background-color: #fff56b;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: 2.5em 1.7em 1em;
  width: 80%;
  max-width: 700px;
  margin: -3em auto 0;
  height: 18em;
  /* text-align: justify; */
}
.member_slide {
  width: 60%;
  margin:auto;
}
.richi .member_slide {
  padding-top: 30%;
}
.member {
  position: relative;
  font-family: 'こぶりなゴシック W3 JIS2004';
  min-height: 300px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #a5dbf7;
  padding: 15% 5% 5%;
}

.profile {
  text-align: justify;
}
.profile .name {
  width: 20%;
  margin: -2em 0 0.5em;
}
.richi {
  background-image: url(../images/richi_bg.svg);
  background-color: #a5dbf7;
}
.richi .corn04 {
  position: absolute;
  top: 25%;
  left: 5%;
  width: 15%;
}
.richi .corn03 {
  position: absolute;
  top: 50%;
  left: 3%;
  width: 15%;
}
.richi .corn02 {
  position: absolute;
  top: 27%;
  left: 84%;
  width: 15%;
}
.richi .corn01 {
  position: absolute;
  top: 57%;
  left: 83%;
  width: 15%;
}

.lune {
  background-image: url(../images/lune_bg.svg);
  background-color: #fff56b;
}
.sweets01 {
  position: absolute;
  top: 27%;
  left: 7%;
  width: 16%;
}
.sweets02 {
  position: absolute;
  bottom: 20%;
  right: 7%;
  width: 20%;
}

.mia {
  background-image: url(../images/mia_bg.svg);
  background-color: #f19ec2;
}
.game02 {
  position: absolute;
  top: 30%;
  left: 7%;
  width: 20%;
}
.game01 {
  position: absolute;
  top: 60%;
  left: 72%;
  width: 23%;
}

.amy {
  background-image: url(../images/amy_bg.svg);
  background-color: #ee794d;
}
.perfume01 {
  position: absolute;
  top: 15%;
  left: 12%;
  width: 18%;
}
.perfume02 {
  position: absolute;
  bottom: 15%;
  right: 7%;
  width: 25%;
}
.craft01 {
  position: absolute;
  top: 17%;
  left: 12%;
  width: 18%;
}
.craft02 {
  position: absolute;
  bottom: 15%;
  right: 10%;
  width: 16%;
}
.yu {
  background-image: url(../images/yu_bg.svg);
  background-color: #b1d79c;
}
.cosme01 {
  position: absolute;
  top: 56%;
  left: 7%;
  width: 13%;
}
.cosme02 {
  position: absolute;
  top: 20%;
  left: 72%;
  width: 20%;
}
.hinata {
  background-image: url(../images/hinata_bg.svg);
  background-color: #c695c1;
}
.sports01 {
  position: absolute;
  top: 58%;
  left: 7%;
  width: 20%;
}
.sports02 {
  position: absolute;
  top: 20%;
  left: 72%;
  width: 18%;
}
#youtube {
  padding: 15% 0;
  background-color: #000;
  background-image: url(../images/youtube_bg.svg);
  background-repeat: no-repeat;
}
#sns {
  padding: 15% 0;
  background-color: #000;
  background-image: url(../images/sns_bg.svg);
  background-repeat: no-repeat;
}
#youtube h2, #sns h2 {
  width: 55%;
  margin: auto;
}
#youtube .movie_frame {
  background-color: #f7c7dc;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: 4em 2em 1em;
  width: 80%;
  max-width: 700px;
  min-height: 500px;
  margin: -3em auto 0;
}
#sns ul {
  width: 70%;
  padding: 4em 0;
  margin: auto;
}
#sns ul li {
  width: 20.333%;
  margin: 0 6.5%;
  float: left;
}
footer {
  z-index: 100;
  position: relative;
}
@media screen and (max-width : 930px) {
.sect01_copy {
  height: 23.5em;
}
}
@media screen and (max-width : 768px) {
  body {
    background-color: #fff;
  }
  #main_line {
    width: 100%;
  }
  .bg_left {
    display: none;
  }
  .bg_right {
    display: none;
  }
  .sect01 {
    font-size: 1.2em;
    padding-bottom: 3em;
  }
  .sect01_copy {
    padding: 1.5em 1em 0.5em;
    width: 90%;
    margin: -2em auto 0;
  }
  .profile .name {
    width: 25%;
    margin: -2em 0 0em;
  }
  .nao .corn04 {
    top: 23%;
  }
  .nao .corn03 {
    top: 43%;
  }
  .nao .corn02 {
    top: 25%;
  }
  .nao .corn01 {
    top: 50%;
  }
  .lune .ponpon03 {
    top: 50%;
  }
  .mia .game01 {
    top: 30%;
  }
  .amy .ladybag {
    top: 50%;
  }
  .amy .cyoucyo {
    top: 10%;
    width: 8%;
  }
  .yu .cosme01 {
    top: 50%;
    left: 9%;
  }
  #youtube .movie_frame {
    padding: 3.5em 1em 0em;
    min-height: 300px;
    margin: -2em auto 0;
  }
  #sns ul {
    width: 70%;
    padding: 2em 0;
    margin: auto;
  }
  footer {
    margin-top: 0 !important;
  }
}