@charset "UTF-8";
/*!
Theme Name: with-beauty-carnival
Template: lightning
*/
/* ここから下に書いていく */
header{
    display:none;
}
.fixed{
  position:fixed;
  bottom:0;
  right:15%;
  width:70%;
  z-index:99;
  font-size:3vw;
}
body{
  font-family: "Yu Mincho", sans-serif;
  font-weight: 400;
}
main{
  background-color: #FFF;
  color:#8D3D0F;
  overflow-x: hidden;
}
.top{
  width:100%;
  position:relative;
}
.top img{
  width: 100%;
}
.botton-index{
  position:absolute;
  bottom:3%;
  left:15%;
}
.reserve_botton{
  display: block;
  margin:3% auto;
  color:#fff;
  background-color: #F8049C;
  font-size: 4vw;
  width:70%;
  text-align: center;
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 1vw;
  transition: 0.3s ease;
}
.reserve_botton:hover {
  color:#F8049C;
  background-color: #FFEFF9;
  border:#F8049C solid .5vw;
}
.senyen{
  width:100%;
}
.flex-top-img{
  display: flex;
  width:90%;
  justify-content: space-around;
  margin:3% auto;
}
.flex-top-img img{
  border-radius: 2vw;
  border:#F8049C solid 7px;
  width:30%;
}
.blur{
  filter:blur(2px);
}
#wbc{
  padding:5% 0;
  background-color: #FEF3F6;
}
h2 {
    position: relative;
    padding:0.25em 2em;
    width:fit-content;
    margin: 0 auto;
    font-size: 6vw;
}
h2:before,h2:after{ 
    content:'';
    width: 20%;
    height: 50%;
    position: absolute;
    display: inline-block;
}
h2:before{
    border-left: solid .5vw #FF7118;
    border-top: solid .5vw #FF7118;
    top:0;
    left: 0;
}
h2:after{
    border-right: solid .5vw #FF7118;
    border-bottom: solid .5vw #FF7118;
    bottom:0;
    right: 0;
}
.shadow-box{
  width:90%;
  font-size: 3vw;
  text-align: center;
  margin: 3% auto;
  padding: 2% 5%;
  background-color: #fff;
  border-radius: 1vw;
  box-shadow: 1vw 1vw #FEAA75;
}
.movie{
  display: block;
  width:80%;
  margin:5% auto;
}
#held{
  margin: 5% 0;
  padding-bottom:5%;
}
.wbc-6th{
  width:100%;
}
#held p{
  font-size: 4vw;
  font-weight: bold;
  margin:0;
  text-align: center;
}
.place{
  display:flex;
  width:90%;
  margin:0 auto;
  align-items: center;
}
.place img{
  width:30%;
}
.place ul{
  list-style: none;
  font-size: 2.5vw;
}
.img-box{
  width:90%;
  margin:0 auto;
}
.img-box img{
  width:100%;
  border-radius: 3vw;
}
.flex-img{
  display: flex;
  width:100%;
  justify-content: space-between;
  margin:3% 0;
}
.flex-img img{
  width:30%;
}
#recommend{
  margin:5% 0;
  padding:3% 0;
  background-color: #FEF3F6;
}
h3 {
    position: relative;
    padding:0.25em 2em;
    width:fit-content;
    margin: 0 auto;
    font-size: 6vw;
}
h3:before,h3:after{ 
    content:'';
    width: 20%;
    height: 50%;
    position: absolute;
    display: inline-block;
}
h3:before{
    border-left: solid .5vw #F8049C;
    border-top: solid .5vw #F8049C;
    top:0;
    left: 0;
}
h3:after{
    border-right: solid .5vw #F8049C;
    border-bottom: solid .5vw #F8049C;
    bottom:0;
    right: 0;
}
.trouble{
  width:70%;
  margin:0 auto;
}
.trouble-flex{
  display:flex;
  justify-content: center;
  margin: 5% auto;
}
.trouble-flex img{
  width:40%;
}
.trouble-case-r{
  position: relative;
  margin-right: 2vw;
  padding:5% 1%;
  border:.3vw solid #000;
  border-radius: 3vw;
  background-color: #fff;
  font-size: 2.5vw;
  width:40%;
}
.trouble-case-r::before {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  border-style: solid;
  border-width: 1vw 0 1vw 2vw;
  border-color: transparent transparent transparent #000;
  translate: 100% -50%;
}

.trouble-case-r::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 1px;
  border-style: solid;
  border-width: .6vw 0 .6vw 1.5vw;
  border-color: transparent transparent transparent #fff;
  translate: 100% -50%;
}

.trouble-case-l{
  position: relative;
  margin-left: 2vw;
  padding: 5% 1%;
  border: .3vw solid #000000;
  border-radius: 3vw;
  background-color: #fff;
  font-size: 2.5vw;
  width:40%;
}
.trouble-case-l::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  border-style: solid;
  border-width: 1vw 2vw 1vw 0;
  border-color: transparent #000 transparent transparent;
  translate: -100% -50%;
}

.trouble-case-l::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 1px;
  border-style: solid;
  border-width: .6vw 1.5vw .6vw 0;
  border-color: transparent #fff transparent transparent;
  translate: -100% -50%;
}
.solution{
  width:100%;
  position:relative;
}
.solution img{
  width:30%;
  position:absolute;
  bottom:0;
  right:0%;
}
.solution-r{
  position: relative;
  margin-right: 3vw;
  padding:5% 3%;
  border: .5vw solid #F8049C;
  border-radius: 5vw;
  background-color: #fff;
  font-size: 2.5vw;
  width:57%;
  margin:0 30% 0 auto;
}
.solution-r::before {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  border-style: solid;
  border-width: 1.5vw 0 1.5vw 3vw;
  border-color: transparent transparent transparent #F8049C;
  translate: 100% -50%;
}

.solution-r::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 1px;
  border-style: solid;
  border-width: .8vw 0 .8vw 2vw;
  border-color: transparent transparent transparent #fff;
  translate: 100% -50%;
}
#content{
  padding:5% 0;
  background-color: #fff;
}
h4{
  width:60%;
  font-size: 4vw;
  text-align: center;
  margin: 5% auto;
  background-color: #fff;
  border:.3vw #FEAA75 solid;
  border-radius: 1vw;
  box-shadow: 1vw 1vw #FEAA75;
  position:relative;
}
h4::before{
  content:"●";
  position:absolute;
  left:3%;
  color:#FEAA75;
  font-size:4vw;
}
h4::after{
  content:"●";
  position:absolute;
  right:3%;
  color:#FEAA75;
  font-size:4vw;
}
.con-flex{
  display:flex;
  justify-content: space-around;
}
.con-flex-sub{
  background-color: #FFEFF9;
  width:25%;
  text-align: center;
}
.con-flex-sub img{
  width:90%;
}
.con-flex-sub p{
  font-size:2vw;
  margin:5% auto;
}
#past{
  background-color: #fff;
  padding-top:5%;
}
.cm-soon{
  width:60%;
  margin:5% auto;
  border:.5vw solid #000;
}
.cm-soon img{
    width:100%;
}

.past-flex{
  display:flex;
  width:90%;
  margin:3% auto;
  justify-content: center;
}
.past-flex img{
  width:25%;
  margin:3%;
}
.slide-show{
  background-color: #FEF3F6;
  padding: 5% 0;
}
.slider-area{
  max-width:100%;
  margin:0 auto;
  padding:0 3%;
}
.slick-slide{
  margin:0 .1%;
}
.slick-slide img{
  width:100%;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #F8049C !important;
  font-size:3vw !important;
  
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 10px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 80%;
  margin: 0 auto;
}

.store_botton{
  display: block;
  margin:5% auto;
  color:#fff;
  background-color: #FF751F;
  font-size: 4vw;
  width:70%;
  text-align: center;
  position: relative;
  text-decoration: none;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 1vw;
  transition: 0.3s ease;
}
.store_botton:hover {
  color:#FF751F;
  background-color: #faeae0;
  border:#FF751F solid .5vw;
}
#question{
  padding:5% 0;
  background-color: #FEF3F6;
}
#question ul{
  list-style: none;
  color:#fff;
  font-size:2vw;
  margin:5% auto;
  width:90%;
}
.qa-box{
  position:relative;
  width:100%;
}
.qa-box input{
  display:none;
}
.qa-box label{
  position:relative;
  display: block;
  padding:1% 5%;
  cursor:pointer;
  background-color: #E66987;
}
.qa-box label::before{
  content:"Q | ";
  margin-left:-1%;
}
.qa-box label:hover{
  color:#FEF3F6;
  transition:all 0.3%;
}
.qa-box label::after{
  position:absolute;
  top:0;
  right:3%;
  content:"▼";
  display:inline-block;
  transition:transform 0.3s;
  padding: 1%;
}
.answer{
  position:relative;
  overflow:hidden;
  transition:max-height 0.2s;
  padding:1% 8%;
  transition: max-height 0.2s;
  margin-top:0;
  margin-bottom: 1%;
  font-weight: bold;
  color:#FEF3F6;
}
.answer::before{
  position:absolute;
  content:"A | ";
  margin-left:-4%;
}
.qa-box input:checked ~ .answer{
  color: #E66987;
  border: #E66987 solid .3vw;
}
.qa-box input:checked ~ label{
  font-weight: bold;
}
.qa-box input[type=checkbox]:checked + label::after{
  transform: rotateZ(180deg);
  transform-origin: 50% 50%;
}
#attension{
  padding-top:5%;
  padding-bottom:10%;
}
#attension ul{
  width:90%;
  margin:auto;
}
#attension li{
  font-size: 2vw;
}
footer img{
  display: block;
  width:40%;
  margin:0 auto;
}
footer ul{
  width:60%;
  list-style: none;
  margin: 5% auto;
}
footer li{
  border-top:#F8049C solid 0.3vw;
  padding:0 5%;
  font-size:3vw;
}
.li-last{
  border-bottom:#F8049C solid 0.3vw;
}
footer a{
  text-decoration: none;
  color:#8D3D0F;
}
.copyright{
  display:block;
  width:content;
  margin:3% auto;
  font-size:1.5vw;
  text-align: center;
}

.no-display{
    display:none;
}
.hidden-fields-container{
    display:none;
}
#contact{
    width:100%;
    padding:5% 10%;
    margin:0 auto;
    font-weight:bold;
    background-color:#FEF3F6;
    font-size:2.5vw;
}
#contact h6{
    text-shadow: 2px 2px 10px #F8049C ,
-2px 2px 10px #F8049C ,
2px -2px 10px #F8049C ,
-2px -2px 10px #F8049C;
    color:#FFF;
    width:content;
    margin:auto;
    border-bottom:solid .3vw #F8049C;
    font-size:5vw;
    text-align:center;
}
#contact .wpcf7-text{
    width:100%;
    line-height:1.5;
    font-size:2.5vw;
}
#contact .wpcf7-checkbox label{
    margin:0 1%;
}
#contact .wpcf7-select{
    font-size:2.5vw;
}
#contact .wpcf7-submit{
    background-color:#C30B73;
    width:30%;
    border-color:#C30B73;
    border-radius:3%;
    color:#fff;
    margin:auto;
    text-align:center;
    transition: 0.3s ease;
    padding:1%;
    font-size:2.5vw;
}
#contact .wpcf7-submit:hover{
    background-color:#DC950F;
    border-color:#DC950F;
}

#contact ul{
    display:none;
}
#contact .place ul{
    display:block;
}
#contact .wpcf7-not-valid-tip{
    color:red;
    margin-left:5%;
}
.clickable-area {
  display: block; 
  text-decoration: none; 
  color: inherit;
}

.content-box {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}