@charset "UTF-8";
/*!
Theme Name: leacraft_renewal
Template: habakiri
*/
/* ここから下に書いていく */
body{
  overflow-x: hidden;
}
#detail{
  position:relative;
}
.woman{
  position: absolute;
  width:50%;
  top:1%;
  right:-15%;
}
.shabon{
  background-image: url(./img/shabon.jpg);
  background-repeat: repeat-y;
  background-size: 100%;
  padding-top:45vw;
}
#detail h1{
  color:#ED2087;
  text-decoration: underline;
  font-size: 6vw;
  font-weight: 400;
  width:70%;
  margin: 0 auto;
}
.round-shape{
  padding-top: 10%;
  border-radius: 50% 50% 0 0;
}
.pink-back{
  background-color: #FFF0F5;
  width:85%;
  margin:0 auto;
}
.mg-top-zero{
  margin-top: 0;
  padding-top:5%;
}
.mg-btm-zero{
  margin-bottom:0;
}
#detail .fsize6{
  font-size:6vw;
  text-align: center;
}
#detail .fsize5{
  font-size:5vw;
  text-align: center;
}
#detail .fsize4{
  font-size:4vw;
  text-align: center;
}
#detail .pink{
  color:#ED2087;
}
#detail .blink{
  color: #fff;
  text-shadow: 0 0 20px #ED2087,0 0 1vw #ED2087;
}
#detail .merit{
  display: block;
  margin:0 auto;
  width:80%;
}
#detail .flex{
  display:flex;
  width:85%;
  margin:0 auto;
  justify-content: space-between;
  align-items: center;
}
.arrow {
  display: inline-block;
  width: 10vw;
  height: 113.1px;
  background: linear-gradient(90deg, #FFDC5B 0%, #ff68c2 100%);
  clip-path: polygon(0 23.5%, 48.6% 23.5%, 48.6% 0, 100% 50%, 48.6% 100%, 48.6% 76.5%, 0 76.5%);
}
#detail .flex img{
  width:30%;
}
#detail .flex .supplement{
  width:30%;
  margin:1% 0;
  text-align: center;
}
#detail .flex p{
  color:#fff;
  background-color: #b3b3b3;
  font-size:2vw;
  padding:.5vw;
  display:inline-block;
  margin:0 auto;
}
.reserve_botton{
  display: block;
  margin:10px auto;
  color:#fff;
  background-color: #FF68C2;
  font-size: 4vw;
  width:70%;
  text-align: center;
  position: relative;
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
}
.reserve_botton::after {
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 30px;
  width: 3vw;
  height:3vw;
  margin-left: 10px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  content: '';
  position:absolute;
}
.coupon_botton{
  display: block;
  margin:10px auto;
  color:#FF68C2;
  background-color: #FFF;
  border:solid 5px #FF68C2;
  font-size: 4vw;
  width:70%;
  text-align: center;
  position: relative;
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
}
.coupon_botton::after {
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 30px;
  width: 3vw;
  height:3vw;
  margin-left: 10px;
  border-top: 5px solid #FF68C2;
  border-right: 5px solid #FF68C2;
  content: '';
  position:absolute;
}