@charset "UTF-8";

/* PC予約来場ボタン */
.pc_btn_kai {
  border-radius: 10px;
  box-shadow: 2.329px 8.693px 16px 0px rgba(0, 0, 0, 0.16);
  background: #39c5b0;
  background-size: auto;
  background-size: 3%;
  width: 360px;
  margin: 2em auto 5em;
  margin: 0em auto 2em;
  position: relative;
}

.pc_btn_kai a {
  display: block;
  padding: 15px 70px;
  text-align: center;
  color: #fff !important;
  font-size: 19px;
  text-decoration: none;
}

.pc_btn_kai a:hover {
  color: #fff !important;
}

.pc_btn_kai:after {
  content: '';
  width: 12px;
  height: 12px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 3px;
  position: absolute;
  top: 22px;
  right: 40px;
}

/* PCイベントスケジュールタイトル */
h3.pc_subtitle_kai {
  padding-top: 50px;
  color: #b18b43;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
}

#festa-lp-19 .eventList {
  overflow: hidden;
}



@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}

#footer {
  font-size: 10px !important;
}

#festa-lp-19 {
  font-family: 游ゴシック, YuGothic, "Yu Gothic", 游ゴシック体, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-bottom: 36px;
  min-width: 940px;
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 16px;
  color: #333;
  text-align: left;
}

#festa-lp-19 ul,
#festa-lp-19 li {
  list-style: none;
}

#festa-lp-19 a {
  text-decoration: none;
}

#festa-lp-19 .open a{
  text-decoration: underline;
  color: #4488b9;
  padding-left: 10px;
}

#festa-lp-19 button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: inherit;
}

#festa-lp-19 button:focus {
  outline: none;
}

#festa-lp-19 iframe {
  border: none;
}

#festa-lp-19 .mv {
  max-width: 940px;
  margin:0 auto;
  position: relative;
  overflow: hidden;
}

#festa-lp-19 .mv p{
  position: absolute;
  top: 205px;
  left: 315px;
  font-size: 18px;
}

#festa-lp-19 .mv h1{
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}

#festa-lp-19 .mv h2{
  position: absolute;
  top: 205px;
  left: 300px;
  font-size: 18px;
}

#festa-lp-19 .info {
  color: #CC0000;
  text-align:center;
  padding-bottom: 10px;
}

#festa-lp-19 .announce{
  width: 860px;
  margin:20px auto;
  padding: 40px;
  background-color: #fffaf5;
  font-size:16px;
  text-align: left;
}

#festa-lp-19 .section {
  padding-top: 80px;
  padding-bottom: 90px;
}

#festa-lp-19 .section.-event {
  padding-top: 0;
  position: relative;
  border-top: 2px solid #b18b43;
  border-bottom: 2px solid #b18b43;
  background: repeating-linear-gradient(90deg, #faf4ea, #faf4ea 2px, #f7efdf 2px, #f7efdf 6px);
}

#festa-lp-19 .section.-event:before, #festa-lp-19 .section.-event:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  background: radial-gradient(circle closest-side, #d4bb91 86%, transparent 100%) center center/12px 5px repeat-x;
}

#festa-lp-19 .section.-event:before {
  top: 3px;
}

#festa-lp-19 .section.-event:after {
  bottom: 3px;
}

#festa-lp-19 .section__inner {
  width: 940px;
  margin: 0 auto;
}

#festa-lp-19 .section__body.-event {
  margin-top: 50px;
}

#festa-lp-19 .section__body.-event:not(:first-of-type) {
  margin-top: 24px;
}

#festa-lp-19 .event__item {
  border-radius: 8px;
  overflow: hidden;
}

#festa-lp-19 .event__item:not(:first-of-type) {
  margin-top: 24px;
}

#festa-lp-19 .event__body {
  max-height: 0;
  opacity: 0;
  transition: opacity .15s linear .15s;
}

#festa-lp-19 .event__headerAction {
  display: flex;
  width: 100%;
  height: 55px;
  padding-right: 30px;
  padding-left: 20px;
  position: relative;
  align-items: center;
  background: #fff;
  transition: background .2s linear;
}

#festa-lp-19 .event__headerAction:before, #festa-lp-19 .event__headerAction:after {
  content: "";
  position: absolute;
  transition: background .2s linear, transform .2s linear;
}

#festa-lp-19 .event__headerAction:before {
  width: 2px;
  height: 18px;
  margin: auto;
  top: 0;
  right: 38px;
  bottom: 0;
  background: #f48f9f;
}

#festa-lp-19 .event__headerAction:after {
  content: "";
  width: 18px;
  height: 2px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 30px;
  bottom: 0;
  background: #f48f9f;
}

#festa-lp-19 .event__headerAction.is-active {
  background: #f48f9f;
}

#festa-lp-19 .event__headerAction.is-active:before {
  background: #fff;
  transform: rotate(90deg);
}

#festa-lp-19 .event__headerAction.is-active:after {
  background: #fff;
}

#festa-lp-19 .event__headerAction.is-active .event__headerTitle {
  display: block;
  color: #fff;
}

#festa-lp-19 .event__headerAction.is-active ~ .event__body {
  /*max-height: 2000px;*/
  max-height: 3000px;
  opacity: 1;
}

#festa-lp-19 .event__headerTitle {
  font-size: 18px;
  color: #f48f9f;
	font-weight: bold;
  transition: color .2s linear;
}

#festa-lp-19 .eventList {
  padding: 0 16px;
  background: #fff;
}

#festa-lp-19 .eventList__item {
  position: relative;
  display: block;
  padding: 24px 10px;
  border-top: 2px solid #f3f0eb;
}

#festa-lp-19 .eventList__item:not(:first-of-type) {
  /*border-top: 2px solid #f3f0eb;*/
}
#festa-lp-19 .eventList__link {
  display: block;
  padding: 24px 4px;
}

#festa-lp-19 .eventList__header {
  font-size: 20px;
  font-weight: bold;
  color: #fd6c83;
  margin-bottom:10px;
}

#festa-lp-19 .eventList__body {
  margin-top: 18px;
}

#festa-lp-19 .eventList__venue {
  margin-left: 12px;
  padding-left: 20px;
  position: relative;
}

#festa-lp-19 .eventList__venue:before {
  content: "";
  width: 14px;
  height: 21px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: url("/mar/news/petit_festa/jewelry/images/event_icon.png") center center/contain no-repeat;
}
#festa-lp-19 .eventList .event_notes {
  text-align: center;
  margin-bottom: 24px;
}

#festa-lp-19 .contentsInfo__header {
  display: flex;
  height: 44px;
  background: #f3f0eb;
  justify-content: center;
  align-items: center;
}

#festa-lp-19 .childList_venue{
    margin-left: 20px;
	position:relative;
}
#festa-lp-19 .childList_2line{
	display:flex;
	position: relative;
}
#festa-lp-19 .childList_venue:before {
    content: "";
    width: 14px;
    height: 21px;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -18px;
    background: url(/mar/news/petit_festa/jewelry/images/event_icon.png) center center/contain no-repeat;
}
#festa-lp-19 .childList_present{
	margin: 1em 0 0;
	/*margin: 7em 0 0;*/
    padding: 8px 0 8px 20px;
    font-size: 14px;
    color: #b18b43;
    border: 2px solid #f4f4f4;
    border-radius: 8px;
    width: 840px;
}
#festa-lp-19 .detail_contents{
    position: absolute;
    top: 35px;
    left: 5px;
    width: 870px;
}
#festa-lp-19 .detail_contents dt{
	float: left;
}
#festa-lp-19 .detail_contents dt:nth-child(1){
	letter-spacing:1em;
}
#festa-lp-19 .detail_contents dd:nth-child(2){
	text-indent: -1em;
}
#festa-lp-19 .event .event__item .eventList__item .open a ,#festa-lp-19 .event .event__item .eventList__item .open a {
    margin-left: 0.5em;
}
/*
#festa-lp-19 .event .event__item:nth-child(1) .eventList__item:nth-child(1) .open a ,#festa-lp-19 .event .event__item:nth-child(2) .eventList__item:nth-child(2) .open a {
    margin-left: 0.5em;
}*/
#benefits h3{
	width: 334px;
    margin: 4em auto 1em;
}
#benefits p:nth-child(2){
	text-align: center;
    font-size: 13px;
}
#benefits .benefits_list{
	display: flex;
    justify-content: space-between;
    width: 175px;
    margin: 2.5em auto;
    text-align: center;
}
#benefits .benefits_list.col2{
    width: 500px;
}
#benefits .benefits_items{
	position:relative;
}
#benefits .benefits_list dt{
	height:146px;
}
#benefits .benefits_list dd{
	font-size: 13px;
    text-align: center;
    margin-top: 1.5em;
}
#benefits .benefits_list dd span{
    display: block;
    font-size: 20px;
    color: #b18b43;
}

#overview{
    position: relative;
    background: url(/mar/news/petit_festa/images/overview_bg.png) no-repeat center top;
    border-top: solid 2px #d4bb91;
}
#overview .title h3{
    margin-top: 3.2em;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    font-weight: bold;
    color: #b18b43;
}
#overview .title p{
    width: 700px;
    margin: 2em auto;
    font-size: 19px;
}
#overview .title h4{
    text-align: center;
    background-color: #b18b43;
    color: #fff;
    padding: 0.8em;
    font-weight: normal;
    font-size: 30px;
    margin: 0 auto;
    position: relative;
    width: 870px;
}
#overview .title h4:after{
    content: "";
    border: solid transparent;
    border-left-color: #b18b43;
    position: absolute;
    transform: rotate(90deg);
    left: 440px;
    border-width: 25px 0px 25px 35px;
    /*top: 80px;*/
    bottom: -40px;
}
#overview .points{
	width: 90%;
    margin: 0 auto;
}
#overview .points dl dt{
	position: relative;
    margin: 3em auto 1em;
    text-align: left;
    font-size: 22px;
    color: #b18b43;
    line-height: 1.2;
    text-align: center;
    /*width: 410px;*/
    width: fit-content;
}
#overview .points dl dt:before{
    content: "";
    position: absolute;
    /*top: -40%;*/
    top: -4px;
    /*left: -45px;*/
    left: -70px;
    width: 45px;
    height: 33px;
    background-image: url(/mar/news/petit_festa/jewelry/images/number_01.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#overview .points dl dd:nth-child(2){
	font-size: 20px;
    text-align: center;
    margin-bottom: 0.5em;
    margin-top: 1em;
}
#overview .points dl dd:nth-child(3){
	width: 359px;
    margin: 0 auto;
}
#overview .points dl dd:nth-child(4){
	text-align: center;
    font-size: 14px;
    margin-top: 1em;
}
#overview .points .point02 dt {
	/*width: 530px;*/
    margin-top: 2.5em;
}
#overview .points .point02 dt:before {
    background-image: url(/mar/news/petit_festa/jewelry/images/number_02.png);
    left: -70px;
}

#overview .points  .line_up_point02{
    display: flex;
    justify-content: space-between;
    margin-top: 0.8em;
    width: 450px;
    margin: 0.8em auto 0;
}
#overview .points .line_up_point02 dd{
	text-align: center;
}
#overview .points  .line_up_point02 dl dd:nth-child(2){
    font-size: 14px;
}
#overview .points .point03 dt {
	/*width: 620px;*/
    margin-top: 2.5em;
}
#overview .points .point03 dt:before {
    background-image: url(/mar/news/petit_festa/jewelry/images/number_03.png);
    left: -70px;
}

#overview .points  .line_up_point03{
    display: flex;
    justify-content: space-between;
    margin-top: 0.8em;
    width: 450px;
    margin: 0.8em auto 0;
}
#overview .points .line_up_point03 dd{
	text-align: center;
}
#overview .points  .line_up_point03 dl dd:nth-child(2){
    font-size: 14px;
}
#overview .points .point04 dt {
	/*width: 290px;*/
    margin-top: 2.5em;
}
#overview .points .point04 dt:before {
    background-image: url(/mar/news/petit_festa/jewelry/images/number_04.png);
    left: -70px;
}


#overview .points  .line_up_point04{
    display: flex;
    justify-content: space-between;
    margin-top: 0.8em;
    width: 450px;
    margin: 0.8em auto 0;
}
#overview .points .line_up_point04 dd{
	text-align: center;
}
#overview .points  .line_up_point04 dl dd:nth-child(2){
    font-size: 14px;
}
#overview .points .point05 dt {
	/*width: 290px;*/
    margin-top: 2.5em;
}
#overview .points .point05 dt:before {
    background-image: url(/mar/news/petit_festa/jewelry/images/number_05.png);
    left: -70px;
}

#overview .points  .line_up_point05{
    display: flex;
    justify-content: space-between;
    margin-top: 0.8em;
    width: 450px;
    margin: 0.8em auto 0;
}
#overview .points .line_up_point05 dd{
	text-align: center;
}
#overview .points  .line_up_point05 dl dd:nth-child(2){
    font-size: 14px;
}
#overview .points .point06 dt {
	/*width: 290px;*/
    margin-top: 2.5em;
}
#overview .points .point06 dt:before {
    background-image: url(/mar/news/petit_festa/jewelry/images/number_06.png);
    left: -70px;
}

#overview .points  .line_up_point06{
    display: flex;
    justify-content: space-between;
    margin-top: 0.8em;
    width: 450px;
    margin: 0.8em auto 0;
}
#overview .points .line_up_point06 dd{
	text-align: center;
}
#overview .points  .line_up_point06 dl dd:nth-child(2){
    font-size: 14px;
}
#contact{
	background-color: #f7efdf;
    margin-top: 4em;
    padding-bottom: 2em;
}
#contact h3{
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    padding: 1.5em 0 1em;
    color: #b18b43;
}
#contact .hot_line{
	background-color: #fff;
    width: 800px;
    margin: 0 auto;
}
#contact .hot_line p{
    margin-left: 4vw;
	line-height: 1.5;
}
#contact .hot_line p:nth-child(1){
    font-size: 24px;
    font-weight: bold;
    padding-top: 1.5em;
}
#contact .hot_line p:nth-child(2){
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.2vw;
    color: #f90079;
}
#contact .hot_line p:nth-child(3){
    font-size: 21px;
    line-height: 1;
}
#contact .hot_line p span{
	font-weight: bold;
    font-size: 24px;
}
#contact .hot_line p:nth-child(4){
    font-size: 14px;
    padding: 1em 0 1.5em;
}
#contact .hot_line .helpzexy{
    font-size:20px;
    padding-left:1.5em;
    padding-top:1em;
    padding-bottom:1em;
}
#contact .hot_line .annotation{
    font-size: 14px;
    padding-left:1.5em;
    padding-bottom:1em;
}
.detail_contents li:nth-child(1){
	margin-top: 2em;
}
.detail_contents li{
    font-size: 3.7vw;
    line-height: 1.5;
    width: 85%;
    margin:0 auto;
}
}
.detail_contents li:nth-child(3){
    margin-top: 1em;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}