.notice-box {
  background: #fff;
  border: 14px solid #f9a85d;
  border-radius: 24px; /* ←ここを大きく変更！ */
　padding: 24px 16px;
  max-width: 90%;
  width: 350px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  font-family: sans-serif;
}

.notice-main {
  color: #e60012;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.notice-main strong {
  font-weight: bold;
}

.notice-sub {
  font-size: 15px;
  color: #333;
  line-height: 1.4;
}

/* 背景（オーバーレイ） */
#new_div {
  width: 100vw;
  height: 120vh;
  position: fixed;
  top: 0;
  left: 0;
  background: #000000b5; /* 半透明黒 */
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 告知ボックス */
.notice-box {
  background: #fff;
  border: 14px solid #f9a85d;
  border-radius: 16px;
  padding: 20px 10px;
  max-width: 90%;
  width: 350px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  font-family: sans-serif;
}
.notice-box p {
  text-align: center;
}
.notice-main {
  color: #e60012;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
  line-height: 1.6;
}

.notice-sub {
  font-size: 15px;
  color: #333;
  line-height: 1.4;
}

.b_graph {
    top: 37%;
    left: 7%;
    width: 85%;
}
.b_parts {
    top: 62%;
    left: 8%;
}
.e_parts {
	top:28%;
    left:2%;
}
.i_parts {
	top:18%;
    left:2%;
}
.o_title {
    top:7.9%;
    left:-2%;
}
.o_01capixyl{
	top:18.5%;
    left:19%;    
}
.o_02redensyl {
	top:34.9%;
    left:25%;    
}
.o_03neodermyl {
	top:51%;
    left:20%;
}
.o_04widelush {
	top:64.3%;
    left:17%;
}
.o_05hairgrowju {
    top:78.2%;
	left:14%;
}
.o_06pellicer {
	top:90.2%;
    left:7%;
}
.s_part {
    width:60%;
	left:35%;
}
.s_part01 {
    top:40%;
}
.s_part02 {
    top:50%;
}
.s_part03 {
    top:60.3%;
}
.s_part04 {
    top:67%;
}
.s_part05 {
    top:71.8%;
}


/*UGC CSS*/
.ugc-area{
	margin-bottom: -18%;
}

.ugc-header{
	z-index:1;
}

.ugc-slider + #header-logo >img{
	display:none !important;	
}	

@media screen and ( max-width:750px ){
.ugc-area {
    margin-top: -3%;
    margin-bottom: -50%;
}
.b_graph{
	width: 86%;
    top: 37%;
    left: 7%;
}
.o_title {
    width: 90%;
    left: 5%;
    top: 8.3%;
}
.o_01capixyl{
	width:65%;  
}
.o_02redensyl {
	width:53%; 
}
.o_03neodermyl {
	width:60%;
    left: 21%;
}
.o_04widelush {
    width: 65%;
    left: 19%;
    top: 64.4%;
}
.o_05hairgrowju {
	width:65%;
    left: 19%;
}
.o_06pellicer {
	width:85%;
    left: 7.8%;
}
}

/*上から落ちるアニメーション*/
.fall-in {
  opacity: 0;
  transform: translateY(-150px);
  transition: all 1.5s ease-out;
　transition-delay: 0.8s;
}

.fall-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/*浮かび上がるアニメーション*/
.float-in {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.float-in.visible {
  opacity: 1;
  transform: scale(1);
}


/*プルプルアニメーション*/

  .purupuru {
    animation: skew 2.3s linear infinite;
  }
  .purupuru {
    top:33%;
    left:;
  }
  .left36 {
    left:35%;
  }
   
@keyframes skew {
     0% {
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
    }
        5% {
            -webkit-transform: skew(-10deg, -10deg);
            transform: skew(-10deg, -10deg);
    }
        10% {
            -webkit-transform: skew(3deg, 3deg);
            transform: skew(3deg, 3deg);
    }
        15% {
            -webkit-transform: skew(-4deg, -4deg);
            transform: skew(-4deg, -4deg);
    }
        20% {
            -webkit-transform: skew(0.5deg, 1deg);
            transform: skew(0.5deg, 1deg);
    }
        25% {
            -webkit-transform: skew(-3deg, -3deg);
            transform: skew(-3deg, -3deg);
    }
        30% {
            -webkit-transform: skew(0.2deg, 0.2deg);
            transform: skew(0.2deg, 0.2deg);
    }
        35% {
            -webkit-transform: skew(-0.5deg, -0.5deg);
            transform: skew(-0.5deg, -0.5deg);
    }
        40% {
            -webkit-transform: skew(0.1deg, 0.1deg);
            transform: skew(0.1deg, 0.1deg);
    }
        45% {
            -webkit-transform: skew(-0.1deg, -0.1deg);
            transform: skew(-0.1deg, -0.1deg);
    }
     50% {
          -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
    }
}