@charset "UTF-8";
/* CSS Document */


#guestBox {
  background-color: #fff7d8;
  border-radius: 15px;
  padding: 30px;
  margin: 30px auto 0 !important;
}
#guestBox h3 {
  color: #e61e73;
  font-size: 28px;
  text-align: center;
  border-bottom: #e61e73 solid 1px;
  padding-bottom: 0.2em;
  margin-bottom: 0.6em;
}
#guestBox .flex {
  align-items: center;
}
#guestBox .flex .imgBox {
  max-width: 200px;
}
#guestBox .flex p {
  flex: 1;
  padding-left: 20px;
  font-size: 18px;
  line-height: 2;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 2200px;
}
.swiper-button-next, .swiper-button-prev {
  color: #e61e73;
  /*visibility: hidden;*/
/* --swiper-theme-color: #e61e73; */
  transition: 0.5s;
  opacity: 1;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: calc(50% - 15%);
  width: 30%;
  text-align: center;
}
.swiperWrap {
  position: relative;
}
.swiper-button-next, .swiper-button-prev {
  visibility: visible;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background-color: #e61e73;
}
.swiper-cube .swiper-cube-shadow:before {
  background: #999;
}
  
#single .editer .txtBox::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 100%;
  top: 45%;
  transform: translateY(-50%) rotateZ(180deg);
  border-right: #e9f3fb solid 30px;
  border-top: transparent solid 15px;
    border-bottom: transparent solid 15px
}
#single .taro {
    margin: 20px auto 0 !important;
  }
  #single .fukuko {
    flex-direction: row-reverse;
    margin: 20px auto 0 !important;
  }
  #single .fukuko .txtBox {
    background-color: #fbe3e8;
  }
#single .fukuko .txtBox::after {
border-right: #fbe3e8 solid 30px;
}

#single .editer.taro .imgBox {
  /*border-radius: 50%;*/
  overflow: hidden;
}
#single .editer.taro .txtBox {
  background-color: #d3edfb;
}
#single .editer.taro .txtBox::after {
  left: inherit;
  right: 100%;
  transform: translateY(-50%);
  border-right: #d3edfb solid 30px;
  border-top: transparent solid 15px;
    border-bottom: transparent solid 15px
}
  #editerBox {
    padding-top: 30px;
  }
  #editerBox.editer .txtBox::after {

left: auto;
right: 100%;
transform: translateY(-50%) rotateZ(0deg);

}
#single a.linkGrn {
width: 25em;
  border:#fff solid 2px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
}
  #single a.linkGrn.linkPnk {
background-color: #ea5c71;
}

#single .castBox {
  border:#c30d23 solid 1px;
  border-radius: 15px;
  padding: 20px 30px;
}
#single .castBox dt {
  color: #c30d23;
  font-size: 21px;
  }
#single .castBox dd {}
/*#single .castBox dd li {
  font-size: 18px;
  }
#single .castBox dd li:before {
  content: '●';
  color: #c30d23;
  margin-right: 0.3em;
  }*/
#single #memberBox {
  border-radius: 15px;
  padding: 20px 30px;
  background-color: #fff5c4;
}
#single #memberBox ul {
  margin-bottom: 1em;
}
#single .pointBox li,
#single .castBox li,
#single #memberBox li
{
  font-size: 18px;
  line-height: 1.54;
  text-indent: -1.2em;
padding: 0.3em 0 0.3em 1.2em;
}
#single .pointBox li:before,
#single .castBox li:before,
#single #memberBox li:before
{
  content: '●';
  color: #e61e73;
  margin-right: 0.3em;
  }
#single .castBox dd li:before {
  color: #c30d23;
  }
#single #memberBox p {
  font-size: 18px;
  text-align: center;
  color: #e61e73;
}

#single #secSisetu {}
#single #secSisetu .ended {
	font-size: 24px;
	font-size: clamp(13px, 4vw, 21px);
	font-weight: 500;
	color: #E10003;
	text-align: center;
	padding: 0em 0 0.5em;
	line-height: 1.4;
}


  
@media screen and (max-width : 959px ){
  #single #secSisetu h3 {
    font-size: clamp(28px, 3.8vw, 30px);
  }
}
  
@media screen and (max-width : 599px ){

 #guestBox h3 {
   font-size: clamp(18px, 5.1vw, 20px);
  }
  #guestBox .flex .imgBox {
    margin: 0 auto;
  }
  #guestBox .flex p {
    flex:none;
    width: 100%;
    padding-left: 0px;
    font-size: clamp(15px, 4.3vw, 17px);
    line-height: 2;
    margin-top: 1em;
  }
  .swiperWrap {
    padding-bottom: 15px;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -15px;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -10px;
    display: none;
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -10px;
    display: none;
  }
  .swiper-cube .swiper-cube-shadow:before {
    background: #fff;
  }
  #single .editer.taro .txtBox::after,
  #single .editer.fukuko .txtBox::after,
  #single .editer .txtBox::after{
    width: 30px;
    height: 30px;
    right: auto;
    left: 50%;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    border-bottom: #d3edfb solid 30px;
    border-left: transparent solid 15px;
    border-right: transparent solid 15px;

  }
  #single .editer.fukuko .txtBox::after{
    border-bottom: #fbe3e8 solid 30px;
  }
  #single .editer .txtBox::after{
    border-bottom: #e9f3fb solid 30px;
  }
  #single .fukuko {
    flex-direction: column;
  }
  #single a.linkGrn {
    width: 100%;
   font-size: clamp(13px, 3.7vw, 15px);
  }
  #single a.linkGrn span {
    display: block;
    font-size: 140%;
    padding: 0.2em 0;
  }
  #single a.linkGrn br:nth-child(1),#single a.linkGrn br:nth-child(3) {
    display: none;
  }
  #single .castBox {
    border-radius: 10px;
    padding: 15px;
  }
  #single #secSisetu h3 {
  font-size: clamp(18px, 5.1vw, 20px);
  }#single .castBox dt {
    font-size: clamp(15px, 4.3vw, 17px);
    }
  #single .castBox li,
  #single #memberBox li {
    font-size: clamp(13px, 3.7vw, 15px);
    }
  #single #memberBox {
  border-radius: 10px;
    padding: 15px;
  }
/*  #single #memberBox ul li {
    font-size: clamp(13px, 3.7vw, 15px);
    text-indent: -1.2em;
    padding-left: 1.2em;
    padding-bottom: 0.3em;
  }*/
  #single a.linkGrn.linkPnk {
    font-size: clamp(17px, 4.8vw, 19px);
  }
  #single #memberBox p {
    font-size: clamp(15px, 4.3vw, 17px);
  }
}