@font-face {
  font-family: "perpetua-titling-mt-light";
  src: url("../../../fonts/ptml/perpetua-titling-mt-light.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "constan";
  src: url("../../../fonts/constan/constan.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
#header {
  background: #f6ebec;
  height: 54px;
}
.invitation_text2 {
  letter-spacing: 0;
}
.ptml {
  font-family: "perpetua-titling-mt-light", sans-serif;
}
.animation,
.casual,
.invitation,
.information,
.message,
.gift {
  font-family: "Noto Serif JP", serif;
}
.gift_img > img {
  /*  aspect-ratio: 1242/539;
  object-fit: cover;*/
}
.constan {
  font-family: "constan", sans-serif;
}
#main-inner {
  padding-top: 50px;
}

.c-header {
  text-align: center;
  margin-bottom: 50px;
}

.c-header .b {
  font-weight: bolder;
  margin-bottom: 10px;
  font-size: 16px;
}

.c-header .info {
  margin-bottom: 40px;
}

/*
.c-header .img {
	width:400px;
	margin:0 auto;
}
*/

.card .fl {
  width: 49%;
}
.card .fr {
  width: 49%;
  text-align: right;
}
.card img {
  width: 100%;
}

.form {
  text-align: center;
}

.form .errs {
  margin-bottom: 5px;
}

.form table {
  width: 330px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.form table th {
  font-size: 12px;
}
.form table .l {
  width: 160px;
}
.form table .m {
  width: 10px;
}
.form table .r {
  width: 160px;
}

.btn .a-btn {
  font-size: 20px;
}

#main-inner {
  padding: 0 !important;
  width: 100% !important;
}
.iframe_map {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.casual .slick-track {
  display: flex;
  align-items: center;
}
.iframe_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.animation {
  width: 100%;

  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
.invitation_text1 {
  white-space: pre-line;
  padding: 0px 20px;
}
#template02a .animation {
  background-image: url("../../../images/invitation/loop_background.png");
  background-color: #d1a7a7;
  background-repeat: repeat;
  background-size: contain;
}
.animation__party {
  font-size: 40px;
  margin-bottom: 8px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #231815;
  margin-top: 40px;
  opacity: 0;
  animation: fedeInY 1s linear 2.5s forwards;
  position: relative;
  z-index: 1;
}

.animation__date {
  font-size: 40px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #231815;
  opacity: 0;
  animation: fedeInY 1s linear 3s forwards;
  position: relative;
  z-index: 1;
}
.animation_wrapper {
  position: relative;
  width: 100%;
  max-width: 480px;
  display: flex;
  text-align: center;
  margin: 0 auto;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#wedding_invitation {
  width: 80%;
  height: auto;
  margin: 0 auto;
  z-index: 1001;
  position: relative;
  background-color: #d4c9c1;
  padding: 150px 20px;
}
.template_si1 #wedding_invitation {
  max-width: 268px;
  width: 100%;
  padding: 120px 20px 128px 20px;
  margin-top: 152px;
}
.template_si1 .animation__party {
  margin-top: 110px;
  font-size: 34px;
  margin-bottom: 20px;
}
.template_si1 .animation__date {
  font-size: 34px;
}
.leaf_si1 {
  position: absolute;
  top: 42%;
  left: 54%;
  transform: translate(-50%, -50%);
  width: 480px;
  z-index: 0;
  opacity: 0;
  animation: fadeInSi 2.6s ease-in forwards;
  animation-delay: 1s;
}
.template_si1 .title {
  font-weight: 300;
  font-size: 32px;
}
.wedding_invitation_text {
  position: relative;
}
#wedding-invitation {
  max-width: 480px;
  margin: 0 auto;
}

#wedding-invitation path {
  fill-opacity: 0;
}

#wedding-invitation.finished path {
  fill-opacity: 1;
  transition: fill-opacity 0.5s;
}
.message {
  margin-top: 20px;
}
.information_inner {
  padding: 20px;
  padding-top: 0;
  max-width: 480px;
  margin: 0 auto;
  border-top: 40px solid #d4c9c1;
}
.title {
  font-size: 24px;
  color: #d4c9c1;
  text-align: center;
  padding-top: 20px;
}
.invitation_inner .title {
  padding-top: 60px;
}
.information_info_map {
  padding: 20px;
}
.common_img {
  width: 150px;
  margin: 0 auto;
}
.common_img img {
  width: 100%;
}
.information_dates {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #9f7925;
  padding-top: 20px;
}
.information_date {
  font-size: 20px;
  text-align: center;
  color: #3e3a39;
  padding-top: 10px;
}
.information_times {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #9f7925;
  padding-top: 30px;
}
.information_time {
  font-size: 20px;
  text-align: center;
  color: #3e3a39;
  padding-top: 10px;
}
.information_time span {
  font-size: 16px;
}
.information_info {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}
.information_info_text {
  font-size: 19px;
  padding-top: 30px;
}
.information_info_page {
  font-size: 16px;
  padding-top: 20px;
}
.information_info_phone {
  font-size: 16px;
  padding-top: 10px;
}
.fade {
  max-width: 480px;
  margin: auto;
  width: 100%;
}
.fade .slick-arrow {
  display: none !important;
}

.casual_image {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #d4c9c1;
}
.leaf_top_si1 {
  position: absolute;
  width: 400px;
  right: 30px;
  top: -100px;
}
.leaf_bottom_si1 {
  position: absolute;
  width: 400px;
  left: 50%;
  bottom: -106px;
}

.casual_image-inner {
  /*    height: 100%;*/
  overflow: hidden;
  margin: auto;
  display: flex;
  padding: 40px 0px;
  box-sizing: border-box;
  position: relative;
}
.template_si1 .casual_image-inner {
  padding-top: 160px;
  padding-bottom: 160px;
  background-color: #d4c9c1;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
}
.casual {
  position: relative;
}

.form__radio-input {
  display: none;
}
.form__radio-label {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.form__radio-button {
  height: 20px;
  width: 20px;
  border: 1px solid #9f7925;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  transform: translateY(-2px);
}
.form__radio-button::after {
  content: "";
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transition: opacity 0.1s;
  transform: translate(-50%, -50%);
  background-color: #9f7925;
  opacity: 0;
}
.form__radio-input:checked + .form__radio-label .form__radio-button:after {
  opacity: 1;
}
.form__radio-label-text {
  color: #9f7925;
  font-size: 16px;
}
.gift_inner,
.invitation_inner {
  max-width: 480px;
  margin: 0 auto;
  border-top: 40px solid #d4c9c1;
}
.gift,
.invitation {
  /*	margin: 80px 0px;*/
}
#template02 .gift,
#template02a .invitation {
  margin: 0;
}
.invitation_img {
  margin-top: 20px;
}

.gift_text {
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #3e3a39;
  padding-bottom: 30px;
  border-bottom: solid 1px #cccccc;
}
.term {
  margin-top: 40px;
}
.term .form__group {
  display: flex;
  justify-content: space-around;
}
.gift_text2 {
  text-align: center;
  margin-top: 30px;
  font-size: 11px;
  font-size: 16px;
  line-height: 30px;
  color: #3e3a39;
  padding-bottom: 30px;
  border-bottom: solid 1px #cccccc;
}
.gift_text2.noborder {
  border-bottom: none;
}
.gift_text3 {
  text-align: center;
  padding-bottom: 20px;
}
.gift_text,
.gift_text2,
.gift_text3 {
  padding-left: 20px;
  padding-right: 20px;
}

.invitation_text1 {
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #3e3a39;
}
.invitation_text2 {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #3e3a39;
}
.leaf_top {
  position: absolute;
  left: -100px;
  top: -70px;
  width: 700px;
}
.leaf_bottom {
  position: absolute;
  right: -100px;
  bottom: -70px;
  width: 700px;
}

.fade_animation {
  animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInSi {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loadding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  /*	animation: fadeOut 1s linear 0.5s 1 forwards;*/
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fedeInY {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
#template02a .animation__party {
  color: #ffffff;
}
#template02a .animation__date {
  color: #ffffff;
}
#template02a #wedding_invitation {
  background-color: transparent;
  padding: 0;
  position: relative;
  height: 415px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#template02a .round_si2 {
  position: absolute;
  top: 0;
  width: 480px;
  height: 415px;
  z-index: -1;
}
#template02a .round_si2_2 {
  position: absolute;
  top: 0;
  width: 480px;
  height: 415px;
  z-index: -1;
}
#template02a.template_si2 {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si2 .animation__party {
  margin-top: 65px;
  font-size: 34px;
}
#template02a.template_si2 .animation__date {
  font-size: 30px;
  margin-top: 20px;
}
#template02a.template_si2 .animation_wrapper {
  align-items: start;
}
#template02a .casual .slick-list div {
  line-height: 0;
}
.wedding_invitation_si2 {
  width: 300px;
}

#template02a .information,
#template02a .gift,
#template02a .invitation {
  background-image: url(../../../images/invitation/loop_background.png);
  background-color: #d1a7a7;
  background-repeat: repeat;
  background-size: contain;
}
#template02a.template_si2 .casual_image-inner {
  background-image: url(../../../images/invitation/loop_background.png);
  background-color: #d1a7a7;
  background-repeat: repeat;
  background-size: contain;
}
#template02a .information_inner,
#template02a .gift_inner,
#template02a .invitation_inner {
  border: 0;
  overflow-y: hidden;
}
#template02a .information_inner {
  padding: 0;
}
#template02a .title_img {
  position: relative;
  height: 170px;
  text-align: center;
  padding-bottom: 20px;
}
.round_si2_title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  z-index: 0;
}
#template02a .information_dates,
#template02a .information_date,
#template02a .information_time,
#template02a .information_times,
#template02a .information_info {
  position: relative;
  z-index: 1;
}

.information_si2 {
  position: relative;
  z-index: 1;
  padding-top: 30px;
  text-align: center;
  width: 100%;
  color: #b79574;
  font-size: 24px;
  font-weight: 500;
}
.gift_si2 {
  position: relative;
  z-index: 1;
  padding-top: 27px;
  text-align: center;
  width: 100%;
  color: #b79574;
  font-size: 24px;
  font-weight: 500;
}
.bg__time_si2 {
  background-color: rgba(255, 255, 255, 0.4);
  padding-bottom: 20px;
  width: 85%;
  margin: 0 auto;
}
.template_si2 .bg__time_si2,
.template_si3 .bg__time_si2,
.template_si4 .bg__time_si2 {
  margin-top: -42px;
}
.template_si2 .gift_img,
.template_si3 .gift_img,
.template_si4 .gift_img {
  margin-top: -40px;
  position: relative;
}
#template02a .information_inner {
  padding-bottom: 0px;
}
#template02a .gift_img,
#template02a .invitation_img {
  /*	margin-top: 0px;*/
}
#template02a .gift,
#template02a .invitation {
  margin: 0;
}
#template02a .gift_text2 {
  padding-bottom: 30px;
}

#template02a .gift_text,
#template02a .gift_text2 {
  border-color: #ffffff;
}
#template02a.template_si8 .gift_text,
#template02a.template_si8 .gift_text2,
#template02a.template_si9 .gift_text,
#template02a.template_si9 .gift_text2,
#template02a.template_si10 .gift_text,
#template02a.template_si10 .gift_text2,
#template02a.template_si11 .gift_text,
#template02a.template_si11 .gift_text2,
#template02a.template_si12 .gift_text,
#template02a.template_si12 .gift_text2,
#template02a.template_si16 .gift_text,
#template02a.template_si16 .gift_text2,
#template02a.template_si17 .gift_text,
#template02a.template_si17 .gift_text2,
#template02a.template_si18 .gift_text,
#template02a.template_si18 .gift_text2,
#template02a.template_si20 .gift_text,
#template02a.template_si20 .gift_text2,
#template02a.template_si21 .gift_text,
#template02a.template_si21 .gift_text2 {
  border-color: #cccccc;
}
#template02a.template_si19 .gift_text,
#template02a.template_si19 .gift_text2 {
  border-color: #dfc68f;
}

#template02a .form__radio-label-text {
  color: #ffffff;
}
#template02a .form__radio-button {
  border: 1px solid #ffffff;
}
#template02a .form__radio-button::after {
  background-color: #ffffff;
}
#template02a .invitation_img {
  /*	padding-bottom: 20px;*/
}

#template02a .invitation_text1 {
  /*	margin-top: 60px;*/
  position: relative;
  z-index: 1;
}
#template02a .invitation_text2 {
  position: relative;
  z-index: 1;
}
#template02a .casual {
  margin: 0;
  height: auto;
}
#template02a .casual_image-inner {
  position: relative;
  top: inherit;
  left: inherit;
  bottom: inherit;
  right: inherit;
  padding: 0;
}

#template02a .casual .slick-list div {
  line-height: 0;
}
#template02a .casual_image {
  background-image: url(../../../images/invitation/loop_background.png);
  background-color: #d1a7a7;
  background-repeat: repeat;
  background-size: contain;
}

#template02a .slide_frame {
  position: relative;
}
#template02a .round_top_si2 {
  position: absolute;
  top: 0;
}
#template02a .round_bottom_si2 {
  position: absolute;
  bottom: 0;
}
#template02a .invitation_text1 {
  margin-top: 0;
}
#template02a .invitation_text1.edit {
  margin-top: 30px;
}
#template02 .gift {
  padding-bottom: 40px;
}

#template02a .gift_inner {
  padding-bottom: 40px;
}
/*template si3*/
#template02a.template_si3 {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si3 .animation,
#template02a.template_si3 .casual_image,
#template02a.template_si3 .information,
#template02a.template_si3 .gift,
#template02a.template_si3 .invitation {
  background-color: #ccb69f;
}
#template02a.template_si3 .bg__time_si2 {
  border: 1px solid #b79574;
}
#template02a.template_si3 .information_dates,
#template02a.template_si3 .information_times {
  color: #b79574;
}
#template02a.template_si3 .animation_wrapper {
  align-items: start;
}
#template02a.template_si3 .animation__party {
  margin-top: 65px;
  font-size: 34px;
}
#template02a.template_si3 .animation__date {
  font-size: 30px;
  margin-top: 20px;
}
#template02a.template_si3 .casual_image-inner {
  background-image: url("../../../images/invitation/loop_background.png");
  background-color: #ccb69f;
  background-repeat: repeat;
  background-size: contain;
}

#template02a.template_si2 .invitation_text1,
#template02a.template_si2 .invitation_text2,
#template02a.template_si2 .information_date,
#template02a.template_si2 .information_time,
#template02a.template_si2 .information_info,
#template02a.template_si2 .gift_text,
#template02a.template_si2 .gift_text2 {
  color: #634c4c;
}

/*end template si3*/

/*template si4*/
#template02a.template_si4 {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si4 .animation,
#template02a.template_si4 .casual_image,
#template02a.template_si4 .information,
#template02a.template_si4 .gift,
#template02a.template_si4 .invitation {
  background-color: #a2cccb;
}
#template02a.template_si4 .bg__time_si2 {
  border: 1px solid #b79574;
}
#template02a.template_si4 .information_dates,
#template02a.template_si4 .information_times {
  color: #b79574;
}
#template02a.template_si4 .animation_wrapper {
  align-items: start;
}
#template02a.template_si4 .casual_image-inner {
  background-image: url("../../../images/invitation/loop_background.png");
  background-color: #a2cccb;
  background-repeat: repeat;
  background-size: contain;
}
#template02a.template_si4 .animation__party {
  margin-top: 65px;
  font-size: 34px;
}
#template02a.template_si4 .animation__date {
  font-size: 30px;
  margin-top: 20px;
}
#template02a.template_si4 .form__radio-label-text {
  color: #ffffff;
}

#template02a.template_si4 .form__radio-button {
  border-color: #ffffff;
}
#template02a.template_si4 .form__radio-button::after {
  background-color: #ffffff;
}

/*end template si4*/

/*template si5*/
#template02a.template_si5 .animation,
#template02a.template_si5 .casual_image,
#template02a.template_si5 .information,
#template02a.template_si5 .gift,
#template02a.template_si5 .invitation {
  background: transparent;
}
#template02a.template_si5 .animation {
  height: auto;
}
#template02a.template_si5 .animation_wrapper {
  background-color: #d6b2b2;
  background-repeat: repeat;
  background-size: contain;
  background-image: url("../../../images/invitation/bg_layer_si5.png");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#template02a.template_si5 #wedding_invitation2 {
  max-width: 397px;
  margin-top: 11px;
}
#template02a.template_si5 .animation__party,
#template02a.template_si5 .animation__date {
  font-size: 30px;
}
#template02a.template_si5 .animation__date {
  padding-top: 10px;
}
#template02a.template_si5 .animation__party {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 6px 0px;
  margin-top: 15px;
  max-width: 344px;
  width: calc(100% - 40px);
  white-space: nowrap;
  letter-spacing: 0.1rem;
}
.icon_01_si5 {
  position: absolute;
  top: 0;
}
.icon_02_si5 {
  position: absolute;
  bottom: 0;
}
.icon_03_si5 {
  position: absolute;
  opacity: 0.5;
  top: -38px;
}
.icon_04_si5 {
  position: absolute;
  z-index: 2;
  rotate: 180deg;
  opacity: 0.85;
  top: -88px;
}
.icon_05_si5 {
  position: absolute;
  z-index: 2;
  opacity: 0.85;
  bottom: -88px;
  bottom: -40px;
  transform: scaleX(1) scaleY(-1);
}
#template02a.template_si5 .invitation_inner,
#template02a.template_si5 .information_inner,
#template02a.template_si5 .gift_inner {
  background-color: #d6b2b2;
  background-repeat: repeat;
  background-size: contain;
  background-image: url("../../../images/invitation/bg_layer_si5.png");
  position: relative;
}
#template02a.template_si5 .title {
  position: relative;
  color: #ffffff;
  font-size: 28px;
}
#template02a.template_si5 .invitation_text1 {
  padding-top: 40px;
}
#template02a.template_si5 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si5 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si5 .gift_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si5 .bg__time_si2 {
  border: 2px solid #b79574;
  position: relative;
}

#template02a.template_si5 .information_dates,
#template02a.template_si5 .information_date,
#template02a.template_si5 .information_time,
#template02a.template_si5 .information_times,
#template02a.template_si5 .information_info,
#template02a.template_si5 .gift_text,
#template02a.template_si5 .gift_text2,
#template02a.template_si5 .invitation_text2,
#template02a.template_si5 .invitation_text1 {
  color: #6d5b5b;
}
#template02a.template_si5 .gift_img,
#template02a.template_si5 .invitation_img {
  position: relative;
}
#template02a.template_si5 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  background-color: #d6b2b2;
}
#template02a.template_si5 .casual_image-inner div {
  line-height: 0;
}
#template02a.template_si5 .information_dates,
#template02a.template_si5 .information_times {
  color: #b79574;
}
#template02a.template_si3 .invitation_text1,
#template02a.template_si3 .invitation_text2,
#template02a.template_si3 .information_date,
#template02a.template_si3 .information_time,
#template02a.template_si3 .information_info,
#template02a.template_si3 .gift_text,
#template02a.template_si3 .gift_text2 {
  color: #634c4c;
}
/*end template si5*/

/*template si6*/
#template02a.template_si6 .animation,
#template02a.template_si6 .casual_image,
#template02a.template_si6 .information,
#template02a.template_si6 .gift,
#template02a.template_si6 .invitation {
  background: transparent;
}
#template02a.template_si6 .animation {
  height: auto;
}
#template02a.template_si6 .animation_wrapper {
  background-color: #99b7bf;
  background-repeat: repeat;
  background-size: contain;
  background-image: url("../../../images/invitation/bg_layer_si5.png");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#template02a.template_si6 #wedding_invitation2 {
  max-width: 397px;
  margin-top: 11px;
}
#template02a.template_si6 .animation__party,
#template02a.template_si6 .animation__date {
  font-size: 30px;
}
#template02a.template_si6 .animation__date {
  padding-top: 10px;
}
#template02a.template_si6 .animation__party {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 6px 0px;
  margin-top: 15px;
  max-width: 344px;
  width: calc(100% - 40px);
  white-space: nowrap;
  letter-spacing: 0.1rem;
}
.icon_01_si5 {
  position: absolute;
  top: 0;
}
.icon_02_si5 {
  position: absolute;
  bottom: 0;
}
.icon_03_si5 {
  position: absolute;
  opacity: 0.5;
  top: -38px;
}
.icon_04_si5 {
  position: absolute;
  z-index: 2;
  rotate: 180deg;
  opacity: 0.85;
  top: -88px;
}
.icon_05_si5 {
  position: absolute;
  z-index: 2;
  opacity: 0.85;
  bottom: -40px;
  transform: scaleX(1) scaleY(-1);
}
#template02a.template_si6 .invitation_inner,
#template02a.template_si6 .information_inner,
#template02a.template_si6 .gift_inner {
  background-color: #99b7bf;
  background-repeat: repeat;
  background-size: contain;
  background-image: url("../../../images/invitation/bg_layer_si5.png");
  position: relative;
}
#template02a.template_si6 .title {
  position: relative;
  color: #ffffff;
  font-size: 28px;
}
#template02a.template_si6 .invitation_text1 {
  padding-top: 40px;
}
#template02a.template_si6 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si6 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si6 .gift_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si6 .bg__time_si2 {
  border: 2px solid #b79574;
  position: relative;
}

#template02a.template_si6 .information_dates,
#template02a.template_si6 .information_date,
#template02a.template_si6 .information_time,
#template02a.template_si6 .information_times,
#template02a.template_si6 .information_info,
#template02a.template_si6 .gift_text,
#template02a.template_si6 .gift_text2,
#template02a.template_si6 .invitation_text2,
#template02a.template_si6 .invitation_text1 {
  color: #455656;
}
#template02a.template_si6 .gift_img,
#template02a.template_si6 .invitation_img {
  position: relative;
}
#template02a.template_si6 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  background-color: #99b7bf;
}
#template02a.template_si6 .casual_image-inner div {
  line-height: 0;
}
#template02a.template_si6 .information_dates {
  color: #b79574;
}
#template02a.template_si6 .information_times {
  color: #b79574;
}
#template02a.template_si4 .invitation_text1,
#template02a.template_si4 .invitation_text2,
#template02a.template_si4 .information_date,
#template02a.template_si4 .information_time,
#template02a.template_si4 .information_info,
#template02a.template_si4 .gift_text,
#template02a.template_si4 .gift_text2 {
  color: #634c4c;
}
/*end template si6*/

/*template si7*/
#template02a.template_si7 .animation,
#template02a.template_si7 .casual_image,
#template02a.template_si7 .information,
#template02a.template_si7 .gift,
#template02a.template_si7 .invitation {
  background: transparent;
}
#template02a.template_si7 .animation {
  height: auto;
}
#template02a.template_si7 .animation_wrapper {
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../../../images/invitation/bg_layer_si7.png");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
}
#template02a.template_si7 .animation__date {
  color: #776254;
}
#template02a.template_si7 .animation_inner {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../../../images/invitation/bg_layer_01_si7.png");
  position: relative;
}
.bg_layer_02_si7 {
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#template02a.template_si7 #wedding_invitation2 {
  max-width: 260px;
}
#template02a.template_si7 .animation__party,
#template02a.template_si7 .animation__date {
  font-size: 40px;
  letter-spacing: 0.1rem;
}
#template02a.template_si7 .animation__party {
  border-top: 1px solid #b29786;
  border-bottom: 1px solid #b29786;
  padding: 22px 20px;
  margin-top: 60px;
  margin-bottom: 38px;
  color: #776254;
  font-weight: 500;
  max-width: 245px;
  width: calc(100% - 40px);
}
#template02a.template_si7 .animation__date {
  font-weight: 500;
}
#template02a.template_si7 .animation__party span {
  color: #ffffff;
}
.icon_01_si5 {
  position: absolute;
  top: 0;
}
.icon_02_si5 {
  position: absolute;
  bottom: 0;
}
.icon_03_si5 {
  position: absolute;
  opacity: 0.5;
  top: -38px;
}
.icon_04_si5 {
  position: absolute;
  z-index: 2;
  rotate: 180deg;
  opacity: 0.85;
  top: -88px;
}
.icon_05_si5 {
  position: absolute;
  z-index: 2;
  opacity: 0.85;
  bottom: -40px;
  transform: scaleX(1) scaleY(-1);
}
#template02a.template_si7 .invitation_inner,
#template02a.template_si7 .information_inner,
#template02a.template_si7 .gift_inner {
  background-repeat: repeat;
  background-size: contain;
  background-image: url("../../../images/invitation/bg_layer_si7.png");
  position: relative;
  background-size: cover;
}
#template02a.template_si7 .title {
  position: relative;
  color: #776254;
  font-size: 40px;
}

.icon_si7 {
  width: 100%;
  padding: 0px 40px;
  margin-top: -40px;
}
#template02a.template_si7 .invitation_text1 {
  padding-top: 40px;
}
#template02a.template_si7 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si7 .information_inner .title {
  padding-top: 50px;
}
#template02a.template_si7 .gift_inner .title {
  padding-top: 50px;
  padding-bottom: 0px;
}

#template02a.template_si7 .bg__time_si2 {
  border: none;
  position: relative;
  margin-top: 20px;
  background-color: transparent;
  --mask: radial-gradient(
        15px at 15px 15px,
        #0000 calc(98% - 1px),
        #00000000 calc(100% - 1px) 98%,
        rgba(255, 255, 255, 0.85)
      ) -15px -15px,
    linear-gradient(90deg, #00000000 2px, #00000000 0) -1px 50% / 100% calc(
        100% - 30px + 1px
      ) repeat-x,
    linear-gradient(#00000000 2px, #0000 0) 50% -1px / calc(100% - 30px + 1px) 100%
      repeat-y;
}

#template02a.template_si7 .bg__time_si2:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.45);
  -webkit-mask: var(--mask);
  mask: var(--mask);
}

#template02a.template_si7 .gift_img {
  margin-top: 20px;
}

#template02a.template_si7 .information_dates,
#template02a.template_si7 .information_date,
#template02a.template_si7 .information_time,
#template02a.template_si7 .information_times,
#template02a.template_si7 .information_info,
#template02a.template_si7 .gift_text,
#template02a.template_si7 .gift_text2,
#template02a.template_si7 .invitation_text2,
#template02a.template_si7 .invitation_text1 {
  color: #776254;
}
#template02a.template_si7 .gift_img,
#template02a.template_si7 .invitation_img {
  position: relative;
}
#template02a.template_si7 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../../../images/invitation/bg_layer_si7.png");
}
#template02a.template_si7 .casual_image-inner div {
  line-height: 0;
}
#template02a.template_si7 .information_dates {
  color: #b29786;
}
#template02a.template_si7 .information_times {
  color: #b29786;
}
#template02a.template_si7 .form__radio-label-text {
  color: #b29786;
}
#template02a.template_si7 .form__radio-button {
  border: 1px solid #b29786;
}
#template02a.template_si7 .form__radio-button::after {
  background-color: #b29786;
}
/*end template si7*/

/*template si8*/
#template02a.template_si8 .animation,
#template02a.template_si8 .casual_image,
#template02a.template_si8 .information,
#template02a.template_si8 .gift,
#template02a.template_si8 .invitation {
  background: transparent;
}
#template02a.template_si8 .animation {
  height: auto;
}
#template02a.template_si8 .animation_wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../../images/invitation/bg_layer_si8.jpg");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#template02a.template_si8 #wedding_invitation2 {
  padding: 0px 40px;
  margin-top: 140px;
  max-width: 395px;
}
#template02a.template_si8 .animation__party,
#template02a.template_si8 .animation__date {
  font-size: 36px;
}
#template02a.template_si8 .invitation_inner,
#template02a.template_si8 .information_inner,
#template02a.template_si8 .gift_inner {
  border-top: 10px solid #aca79c;
}
#template02a.template_si8 .invitation_img {
  border-top: 10px solid #aca79c;
}
#template02a.template_si8 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 48px;
}
.icon_01a_si8 {
  width: 50px;
  position: absolute;
  left: -60px;
  top: -25px;
}
.icon_01b_si8 {
  width: 50px;
  position: absolute;
  right: -60px;
  bottom: -11px;
  rotate: 180deg;
}
/*#template02a.template_si8 .invitation_inner,
#template02a.template_si8 .information_inner,
#template02a.template_si8 .gift_inner{
	background-color: #D6B2B2;
	background-repeat: repeat;
	background-size: contain;
	background-image: url("../../../images/invitation/bg_layer_si5.png");
	position: relative;
}*/
#template02a.template_si8 .title {
  position: relative;
  color: #4f4a34;
  font-size: 30px;
}
#template02a.template_si8 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si8 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si8 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si8 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si8 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si8 .information_dates,
#template02a.template_si8 .information_date,
#template02a.template_si8 .information_time,
#template02a.template_si8 .information_times,
#template02a.template_si8 .information_info,
#template02a.template_si8 .gift_text,
#template02a.template_si8 .gift_text2,
#template02a.template_si8 .invitation_text2,
#template02a.template_si8 .invitation_text1 {
  color: #6d5b5b;
}
#template02a.template_si8 .information_dates,
#template02a.template_si8 .information_times {
  color: #9f7925;
}
#template02a.template_si8 .gift_img,
#template02a.template_si8 .invitation_img {
  position: relative;
}
#template02a.template_si8 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si8 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si8 .form__radio-label-text {
  color: #9f7925;
}
#template02a.template_si8 .form__radio-button {
  border-color: #9f7925;
}
#template02a.template_si8 .form__radio-button::after {
  background-color: #9f7925;
}

.icon_02a_si8 {
  position: absolute;
  z-index: 2;
  top: -175px;
  right: -100px;
}
.icon_02b_si8 {
  position: absolute;
  z-index: 2;
  bottom: -124px;
  left: -72px;
  rotate: 180deg;
}
/*end template si8*/

/*template si9*/
#template02a.template_si9 .animation,
#template02a.template_si9 .casual_image,
#template02a.template_si9 .information,
#template02a.template_si9 .gift,
#template02a.template_si9 .invitation {
  background: transparent;
}
#template02a.template_si9 .animation {
  height: auto;
}
#template02a.template_si9 .animation_wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../../images/invitation/bg_layer_si9.jpg");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#template02a.template_si9 #wedding_invitation2 {
  max-width: 320px;
}
#template02a.template_si9 .animation__party,
#template02a.template_si9 .animation__date {
  font-size: 36px;
  color: #7d6652;
}
#template02a.template_si9 .animation__party {
  margin-top: 50px;
}
#template02a.template_si9 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}

#template02a.template_si9 .title {
  position: relative;
  color: #4f4a34;
  font-size: 48px;
  font-weight: 300;
}
#template02a.template_si9 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si9 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si9 .information_inner .title {
  padding-top: 50px;
  /*	padding-bottom: 50px;*/
}
#template02a.template_si9 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si9 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si9 .information_dates,
#template02a.template_si9 .information_date,
#template02a.template_si9 .information_time,
#template02a.template_si9 .information_times,
#template02a.template_si9 .information_info,
#template02a.template_si9 .gift_text,
#template02a.template_si9 .gift_text2,
#template02a.template_si9 .invitation_text2,
#template02a.template_si9 .invitation_text1 {
  color: #6d5b5b;
}
#template02a.template_si9 .information_dates,
#template02a.template_si9 .information_times {
  color: #9f7925;
}
#template02a.template_si9 .gift_img,
#template02a.template_si9 .invitation_img {
  position: relative;
}
#template02a.template_si9 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si9 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si9 .form__radio-label-text {
  color: #9f7925;
}
#template02a.template_si9 .form__radio-button {
  border-color: #9f7925;
}
#template02a.template_si9 .form__radio-button::after {
  background-color: #9f7925;
}
#template02a.template_si9 .information_inner,
#template02a.template_si9 .gift_inner,
#template02a.template_si9 .invitation_inner {
  position: relative;
}
#template02a.template_si9 .invitation_inner:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-image: url("../../../images/invitation/bg_layer_si9.jpg");
  opacity: 0.8;
  z-index: 0;
}
/*end template si9*/

/*template si10*/
#template02a.template_si10 .animation,
#template02a.template_si10 .casual_image,
#template02a.template_si10 .information,
#template02a.template_si10 .gift,
#template02a.template_si10 .invitation {
  background: transparent;
}
#template02a.template_si10 .animation {
  height: auto;
}
#template02a.template_si10 .animation_wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../../../images/invitation/bg_layer_si10.png");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#template02a.template_si10 #wedding_invitation2 {
  max-width: 320px;
  padding-top: 80px;
}
#template02a.template_si10 .animation__party,
#template02a.template_si10 .animation__date {
  font-size: 42px;
  color: #979196;
}
#template02a.template_si10 .animation__party {
  margin-top: 70px;
}
#template02a.template_si10 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
.icon_si10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
}
#template02a.template_si10 .title {
  position: relative;
  color: #4f4a34;
  font-size: 30px;
}
#template02a.template_si10 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si10 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si10 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si10 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si10 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si10 .information_dates,
#template02a.template_si10 .information_date,
#template02a.template_si10 .information_time,
#template02a.template_si10 .information_times,
#template02a.template_si10 .information_info,
#template02a.template_si10 .gift_text,
#template02a.template_si10 .gift_text2,
#template02a.template_si10 .invitation_text2,
#template02a.template_si10 .invitation_text1 {
  color: #6d5b5b;
}
#template02a.template_si10 .information_dates,
#template02a.template_si10 .information_times {
  color: #9f7925;
}
#template02a.template_si10 .gift_img,
#template02a.template_si10 .invitation_img {
  position: relative;
}
#template02a.template_si10 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si10 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si10 .form__radio-label-text {
  color: #9f7925;
}
#template02a.template_si10 .form__radio-button {
  border-color: #9f7925;
}
#template02a.template_si10 .form__radio-button::after {
  background-color: #9f7925;
}
#template02a.template_si10 .information_inner,
#template02a.template_si10 .gift_inner,
#template02a.template_si10 .invitation_inner {
  position: relative;
}

/*end template si10*/

/*template si11*/
#template02a.template_si11 .animation,
#template02a.template_si11 .casual_image,
#template02a.template_si11 .information,
#template02a.template_si11 .gift,
#template02a.template_si11 .invitation {
  background: transparent;
}
#template02a.template_si11 .animation {
  height: auto;
}
#template02a.template_si11 .gift_inner,
#template02a.template_si12 .gift_inner {
  padding-bottom: 0;
}
#template02a.template_si11 .gift_content,
#template02a.template_si12 .gift_content {
  padding-bottom: 20px;
}

#template02a.template_si11 .animation_wrapper {
  background-color: #e4c3b4;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
#template02a.template_si11 #wedding_invitation2 {
  max-width: 320px;
}
#template02a.template_si11 .animation__party,
#template02a.template_si11 .animation__date {
  font-size: 36px;
  color: #ffffff;
}
.icon_01_si11 {
  position: absolute;
  top: -58px;
  left: -85px;
  width: 400px;
}
.icon_02_si11 {
  position: absolute;
  bottom: -58px;
  right: -85px;
  width: 400px;
}
#template02a.template_si11 .animation__party {
  margin-top: 50px;
}
#template02a.template_si11 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}

#template02a.template_si11 .title {
  position: relative;
  color: #231815;
  font-size: 30px;
}
#template02a.template_si11 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si11 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si11 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si11 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si11 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si11 .information_dates,
#template02a.template_si11 .information_date,
#template02a.template_si11 .information_time,
#template02a.template_si11 .information_times,
#template02a.template_si11 .information_info,
#template02a.template_si11 .gift_text,
#template02a.template_si11 .gift_text2,
#template02a.template_si11 .invitation_text2,
#template02a.template_si11 .invitation_text1 {
  color: #231815;
}
#template02a.template_si11 .information_dates,
#template02a.template_si11 .information_times {
  color: #231815;
}
#template02a.template_si11 .gift_img,
#template02a.template_si11 .invitation_img {
  position: relative;
}
#template02a.template_si11 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  background-color: #e4c3b4;
}
#template02a.template_si11 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si11 .form__radio-label-text {
  color: #231815;
}
#template02a.template_si11 .form__radio-button {
  border-color: #231815;
}
#template02a.template_si11 .form__radio-button::after {
  background-color: #231815;
}
#template02a.template_si11 .information_inner,
#template02a.template_si11 .gift_inner,
#template02a.template_si11 .invitation_inner {
  position: relative;
}
#template02a.template_si11 .invitation_inner2 {
  border-top: 15px solid #e4c3b4;
  border-left: 15px solid #e4c3b4;
  border-right: 15px solid #e4c3b4;
  padding-bottom: 20px;
}
#template02a.template_si11 .invitation_img {
  margin-top: 0;
}
#template02a.template_si11 .gift_top {
  border-top: 15px solid #e4c3b4;
  border-left: 15px solid #e4c3b4;
  border-right: 15px solid #e4c3b4;
}
#template02a.template_si11 .information_inner {
  border: 15px solid #e4c3b4;
}
#template02a.template_si11 .gift_content {
  border-bottom: 15px solid #e4c3b4;
  border-left: 15px solid #e4c3b4;
  border-right: 15px solid #e4c3b4;
}
#template02a.template_si11 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}
/*end template si11*/

/*template si12*/
#template02a.template_si12 .animation,
#template02a.template_si12 .casual_image,
#template02a.template_si12 .information,
#template02a.template_si12 .gift,
#template02a.template_si12 .invitation {
  background: transparent;
}
#template02a.template_si12 .animation {
  height: auto;
}
#template02a.template_si12 .animation_wrapper {
  background-color: #96b4c3;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
#template02a.template_si12 #wedding_invitation2 {
  max-width: 320px;
}
#template02a.template_si12 .animation__party,
#template02a.template_si12 .animation__date {
  font-size: 36px;
  color: #ffffff;
}
.icon_01_si11 {
  position: absolute;
  top: -58px;
  left: -85px;
  width: 400px;
}
.icon_02_si11 {
  position: absolute;
  bottom: -58px;
  right: -85px;
  width: 400px;
}
#template02a.template_si12 .animation__party {
  margin-top: 50px;
}
#template02a.template_si12 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}

#template02a.template_si12 .title {
  position: relative;
  color: #231815;
  font-size: 30px;
}
#template02a.template_si12 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si12 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si12 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 50px;
}
#template02a.template_si12 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si12 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si12 .information_dates,
#template02a.template_si12 .information_date,
#template02a.template_si12 .information_time,
#template02a.template_si12 .information_times,
#template02a.template_si12 .information_info,
#template02a.template_si12 .gift_text,
#template02a.template_si12 .gift_text2,
#template02a.template_si12 .invitation_text2,
#template02a.template_si12 .invitation_text1 {
  color: #231815;
}
#template02a.template_si12 .information_dates,
#template02a.template_si12 .information_times {
  color: #231815;
}
#template02a.template_si12 .gift_img,
#template02a.template_si12 .invitation_img {
  position: relative;
}
#template02a.template_si12 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  background-color: #96b4c3;
}
#template02a.template_si12 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si12 .form__radio-label-text {
  color: #231815;
}
#template02a.template_si12 .form__radio-button {
  border-color: #231815;
}
#template02a.template_si12 .form__radio-button::after {
  background-color: #231815;
}
#template02a.template_si12 .information_inner,
#template02a.template_si12 .gift_inner,
#template02a.template_si12 .invitation_inner {
  position: relative;
}
#template02a.template_si12 .invitation_inner2 {
  border-top: 15px solid #96b4c3;
  border-left: 15px solid #96b4c3;
  border-right: 15px solid #96b4c3;
  padding-bottom: 20px;
}
#template02a.template_si12 .invitation_img {
  margin-top: 0;
}
#template02a.template_si12 .gift_top {
  border-top: 15px solid #96b4c3;
  border-left: 15px solid #96b4c3;
  border-right: 15px solid #96b4c3;
}
#template02a.template_si12 .information_inner {
  border: 15px solid #96b4c3;
}
#template02a.template_si12 .gift_content {
  border-bottom: 15px solid #96b4c3;
  border-left: 15px solid #96b4c3;
  border-right: 15px solid #96b4c3;
}
#template02a.template_si12 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}
/*end template si12*/

/*template si13*/
#template02a.template_si13 .animation,
#template02a.template_si13 .casual_image,
#template02a.template_si13 .information,
#template02a.template_si13 .gift,
#template02a.template_si13 .invitation {
  background: transparent;
}
#template02a.template_si13 .animation {
  height: auto;
}
#template02a.template_si13 .animation_wrapper {
  background-color: #b69391;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si13 .animation_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#template02a.template_si13 .wedding_invitation2 {
  max-width: 390px;
  padding-left: 20px;
  padding-top: 47px;
}
#template02a.template_si13 #wedding_invitation2 {
  border-top: 2px solid #ffffff;
  width: calc(100% - 46px);
  margin-top: 104px;
}

#template02a.template_si13 .animation__text {
  border-bottom: 2px solid #ffffff;
  width: calc(100% - 46px);
  padding-bottom: 34px;
  margin-left: auto;
  margin-bottom: 101px;
}
#template02a.template_si13 .animation__party,
#template02a.template_si13 .animation__date {
  font-size: 36px;
  color: #ffffff;
  text-align: right;
  padding-right: 20px;
  letter-spacing: 0rem;
}
.icon_01_si11 {
  position: absolute;
  top: -58px;
  left: -85px;
  width: 400px;
}
.icon_02_si11 {
  position: absolute;
  bottom: -58px;
  right: -85px;
  width: 400px;
}
#template02a.template_si13 .animation__party {
  margin-top: 50px;
}
#template02a.template_si13 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si13 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si13 .title {
  position: relative;
  color: #ffffff;
  font-size: 30px;
}
#template02a.template_si13 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si13 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si13 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si13 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si13 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si13 .information_dates,
#template02a.template_si13 .information_date,
#template02a.template_si13 .information_time,
#template02a.template_si13 .information_times,
#template02a.template_si13 .information_info,
#template02a.template_si13 .gift_text,
#template02a.template_si13 .gift_text2,
#template02a.template_si13 .invitation_text2,
#template02a.template_si13 .invitation_text1 {
  color: #ffffff;
}
#template02a.template_si13 .information_dates,
#template02a.template_si13 .information_times {
  color: #ffffff;
}
#template02a.template_si13 .gift_img,
#template02a.template_si13 .invitation_img {
  position: relative;
}
#template02a.template_si13 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si13 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si13 .casual_image-inner .slide_text {
  line-height: 60px;
}
#template02a.template_si13 .form__radio-label-text {
  color: #ffffff;
}
#template02a.template_si13 .form__radio-button {
  border-color: #ffffff;
}
#template02a.template_si13 .form__radio-button::after {
  background-color: #ffffff;
}
#template02a.template_si13 .information_inner,
#template02a.template_si13 .gift_inner,
#template02a.template_si13 .invitation_inner {
  position: relative;
  background-color: #b69391;
}

#template02a.template_si13 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si13 .invitation_text2,
#template02a.template_si13 .invitation_text1,
#template02a.template_si13 .gift_text,
#template02a.template_si13 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si13 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si13 .information_dates,
#template02a.template_si13 .information_date,
#template02a.template_si13 .information_time,
#template02a.template_si13 .information_times {
  font-size: 16px;
}
#template02a.template_si13 .invitation_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si13 .information_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si13 .gift_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si13 .gift_content {
  padding: 0px 20px;
}
.line_01_si13 {
  height: 2px;
  width: calc(100% - 40px);
  background-color: #ffffff;
  margin-top: 80px;
  margin-bottom: 80px;
}
.line_02_si13 {
  height: 2px;
  width: calc(100% - 40px);
  background-color: #ffffff;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: auto;
}
#template02a.template_si13 .casual_image-inner {
  flex-direction: column;
  background-color: #b69391;
}
#template02a.template_si13 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}
/*end template si13*/

/*template si14*/
#template02a.template_si14 .animation,
#template02a.template_si14 .casual_image,
#template02a.template_si14 .information,
#template02a.template_si14 .gift,
#template02a.template_si14 .invitation {
  background: transparent;
}
#template02a.template_si14 .animation {
  height: auto;
}
#template02a.template_si14 .animation_wrapper {
  background-color: #35455c;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si14 .animation_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#template02a.template_si14 .wedding_invitation2 {
  max-width: 390px;
  padding-left: 20px;
  padding-top: 47px;
}
#template02a.template_si14 #wedding_invitation2 {
  border-top: 2px solid #ffffff;
  width: calc(100% - 46px);
  margin-top: 104px;
}

#template02a.template_si14 .animation__text {
  border-bottom: 2px solid #ffffff;
  width: calc(100% - 46px);
  padding-bottom: 34px;
  margin-left: auto;
  margin-bottom: 101px;
}
#template02a.template_si14 .animation__party,
#template02a.template_si14 .animation__date {
  font-size: 36px;
  color: #ffffff;
  text-align: right;
  padding-right: 20px;
  letter-spacing: 0rem;
}
.icon_01_si11 {
  position: absolute;
  top: -58px;
  left: -85px;
  width: 400px;
}
.icon_02_si11 {
  position: absolute;
  bottom: -58px;
  right: -85px;
  width: 400px;
}
#template02a.template_si14 .animation__party {
  margin-top: 50px;
}
#template02a.template_si14 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si14 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si14 .title {
  position: relative;
  color: #ffffff;
  font-size: 30px;
}
#template02a.template_si14 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si14 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si14 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si14 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si14 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si14 .information_dates,
#template02a.template_si14 .information_date,
#template02a.template_si14 .information_time,
#template02a.template_si14 .information_times,
#template02a.template_si14 .information_info,
#template02a.template_si14 .gift_text,
#template02a.template_si14 .gift_text2,
#template02a.template_si14 .invitation_text2,
#template02a.template_si14 .invitation_text1 {
  color: #ffffff;
}
#template02a.template_si14 .information_dates,
#template02a.template_si14 .information_times {
  color: #ffffff;
}
#template02a.template_si14 .gift_img,
#template02a.template_si14 .invitation_img {
  position: relative;
}
#template02a.template_si14 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si14 .casual_image-inner div {
  line-height: 0;
}
#template02a.template_si14 .casual_image-inner .slide_text {
  line-height: 60px;
}
#template02a.template_si14 .form__radio-label-text {
  color: #ffffff;
}
#template02a.template_si14 .form__radio-button {
  border-color: #ffffff;
}
#template02a.template_si14 .form__radio-button::after {
  background-color: #ffffff;
}
#template02a.template_si14 .information_inner,
#template02a.template_si14 .gift_inner,
#template02a.template_si14 .invitation_inner {
  position: relative;
  background-color: #35455c;
}

#template02a.template_si14 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si14 .invitation_text2,
#template02a.template_si14 .invitation_text1,
#template02a.template_si14 .gift_text,
#template02a.template_si14 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si14 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si14 .information_dates,
#template02a.template_si14 .information_date,
#template02a.template_si14 .information_time,
#template02a.template_si14 .information_times {
  font-size: 16px;
}
#template02a.template_si14 .invitation_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si14 .information_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si14 .gift_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si14 .gift_content {
  padding: 0px 20px;
}
.line_01_si13 {
  height: 2px;
  width: calc(100% - 40px);
  background-color: #ffffff;
  margin-top: 80px;
  margin-bottom: 80px;
}
.line_02_si13 {
  height: 2px;
  width: calc(100% - 40px);
  background-color: #ffffff;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: auto;
}
#template02a.template_si14 .casual_image-inner {
  flex-direction: column;
  background-color: #35455c;
}
#template02a.template_si14 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}
/*end template si14*/

/*template si15*/
#template02a.template_si15 .animation,
#template02a.template_si15 .casual_image,
#template02a.template_si15 .information,
#template02a.template_si15 .gift,
#template02a.template_si15 .invitation {
  background: transparent;
}
#template02a.template_si15 .animation {
  height: auto;
}
#template02a.template_si15 .animation_wrapper {
  background-color: #686266;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si15 .animation_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#template02a.template_si15 .wedding_invitation2 {
  max-width: 390px;
  padding-left: 20px;
  padding-top: 47px;
}
#template02a.template_si15 #wedding_invitation2 {
  border-top: 2px solid #ffffff;
  width: calc(100% - 46px);
  margin-top: 104px;
}

#template02a.template_si15 .animation__text {
  border-bottom: 2px solid #ffffff;
  width: calc(100% - 46px);
  padding-bottom: 34px;
  margin-left: auto;
  margin-bottom: 101px;
}
#template02a.template_si15 .animation__party,
#template02a.template_si15 .animation__date {
  font-size: 36px;
  color: #ffffff;
  text-align: right;
  padding-right: 20px;
  letter-spacing: 0rem;
}
.icon_01_si11 {
  position: absolute;
  top: -58px;
  left: -85px;
  width: 400px;
}
.icon_02_si11 {
  position: absolute;
  bottom: -58px;
  right: -85px;
  width: 400px;
}
#template02a.template_si15 .animation__party {
  margin-top: 50px;
}
#template02a.template_si15 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si15 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si15 .title {
  position: relative;
  color: #ffffff;
  font-size: 30px;
}
#template02a.template_si15 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si15 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si15 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si15 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si15 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si15 .information_dates,
#template02a.template_si15 .information_date,
#template02a.template_si15 .information_time,
#template02a.template_si15 .information_times,
#template02a.template_si15 .information_info,
#template02a.template_si15 .gift_text,
#template02a.template_si15 .gift_text2,
#template02a.template_si15 .invitation_text2,
#template02a.template_si15 .invitation_text1 {
  color: #ffffff;
}
#template02a.template_si15 .information_dates,
#template02a.template_si15 .information_times {
  color: #ffffff;
}
#template02a.template_si15 .gift_img,
#template02a.template_si15 .invitation_img {
  position: relative;
}
#template02a.template_si15 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si15 .casual_image-inner div {
  line-height: 0;
}
#template02a.template_si15 .casual_image-inner .slide_text {
  line-height: 60px;
}
#template02a.template_si15 .form__radio-label-text {
  color: #ffffff;
}
#template02a.template_si15 .form__radio-button {
  border-color: #ffffff;
}
#template02a.template_si15 .form__radio-button::after {
  background-color: #ffffff;
}
#template02a.template_si15 .information_inner,
#template02a.template_si15 .gift_inner,
#template02a.template_si15 .invitation_inner {
  position: relative;
  background-color: #686266;
}

#template02a.template_si15 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si15 .invitation_text2,
#template02a.template_si15 .invitation_text1,
#template02a.template_si15 .gift_text,
#template02a.template_si15 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si15 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si15 .information_dates,
#template02a.template_si15 .information_date,
#template02a.template_si15 .information_time,
#template02a.template_si15 .information_times {
  font-size: 16px;
}
#template02a.template_si15 .invitation_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si15 .information_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si15 .gift_inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
}
#template02a.template_si15 .gift_content {
  padding: 0px 20px;
}
.line_01_si13 {
  height: 2px;
  width: calc(100% - 40px);
  background-color: #ffffff;
  margin-top: 80px;
  margin-bottom: 80px;
}
.line_02_si13 {
  height: 2px;
  width: calc(100% - 40px);
  background-color: #ffffff;
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: auto;
}
#template02a.template_si15 .casual_image-inner {
  flex-direction: column;
  background-color: #686266;
}
#template02a.template_si15 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}
/*end template si15*/

/*template si16*/
#template02a.template_si16 .animation,
#template02a.template_si16 .casual_image,
#template02a.template_si16 .information,
#template02a.template_si16 .gift,
#template02a.template_si16 .invitation {
  background: transparent;
}
#template02a.template_si16 .animation {
  height: auto;
}
#template02a.template_si16 .animation_wrapper {
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_si16.jpg");
  background-size: contain;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si16 .animation_inner {
  /*width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;*/
}

.icon_01_si16 {
  position: absolute;
  top: 0;
  right: 0;
  filter: brightness(2);
  width: 90%;
  z-index: 2;
}
.icon_02_si16 {
  position: absolute;
  bottom: 0;
  left: 0;
  filter: brightness(2);
  rotate: 180deg;
  width: 90%;
  z-index: 2;
}
.icon_03_si16 {
  position: absolute;
  top: 0;
  right: 0;
  filter: brightness(2);
  width: 90%;
  opacity: 0.7;
}
.icon_04_si16 {
  position: absolute;
  bottom: 0;
  left: 0;
  filter: brightness(2);
  rotate: 180deg;
  width: 90%;
  opacity: 0.7;
}
#template02a.template_si16 .animation__party,
#template02a.template_si16 .animation__date {
  font-size: 30px;
  color: #ffffff;

  letter-spacing: 0.1rem;
}
#template02a.template_si16 .animation__date {
  font-size: 24px;
}
#template02a.template_si16 .animation__party {
font-size: 36px;
    margin: 0 auto 20px;
    max-width: 50%;
    line-height: 1.2;
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#template02a.template_si16 .animation__party span {
  display: block;
    font-size: 26px;	
}
#template02a.template_si16 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si16 .animation__text {
    right: unset;
    position: relative;
    z-index: 2;
    bottom: auto;
}
#template02a.template_si16 .title {
  position: relative;
  color: #000000;
  font-size: 30px;
}
#template02a.template_si16 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si16 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si16 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si16 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si16 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si16 .information_dates,
#template02a.template_si16 .information_date,
#template02a.template_si16 .information_time,
#template02a.template_si16 .information_times,
#template02a.template_si16 .information_info,
#template02a.template_si16 .gift_text,
#template02a.template_si16 .gift_text2,
#template02a.template_si16 .invitation_text2,
#template02a.template_si16 .invitation_text1 {
  color: #000000;
}
#template02a.template_si16 .information_dates,
#template02a.template_si16 .information_times {
  color: #000000;
}
#template02a.template_si16 .gift_img,
#template02a.template_si16 .invitation_img {
  position: relative;
}
#template02a.template_si16 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  padding-top: 160px;
}
#template02a.template_si16 .casual_image-inner div {
  line-height: 0;
  overflow: visible;
}

#template02a.template_si16 .form__radio-label-text {
  color: #000000;
}
#template02a.template_si16 .form__radio-button {
  border-color: #000000;
}
#template02a.template_si16 .form__radio-button::after {
  background-color: #000000;
}
#template02a.template_si16 .information_inner,
#template02a.template_si16 .gift_inner,
#template02a.template_si16 .invitation_inner {
  position: relative;
  background-color: #f4f4f4;
}

#template02a.template_si16 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si16 .invitation_text2,
#template02a.template_si16 .invitation_text1,
#template02a.template_si16 .gift_text,
#template02a.template_si16 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si16 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si16 .information_dates,
#template02a.template_si16 .information_date,
#template02a.template_si16 .information_time,
#template02a.template_si16 .information_times {
  font-size: 16px;
}

#template02a.template_si16 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si16 .casual_image-inner {
  position: relative;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_si16.jpg");
}
#template02a.template_si16 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}

#template02a.template_si16 .mask_slide {
  object-fit: cover;
  mask-image: url(../../../images/invitation/frame_si16.png);
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../../../images/invitation/frame_si16.png);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  opacity: 0.7;
}
#template02a.template_si16 .mask_slide {
  object-fit: cover;
  mask-image: url(../../../images/invitation/frame_si16.png);
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../../../images/invitation/frame_si16.png);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  opacity: 0.7;
  opacity: 1;
  -webkit-mask-size: contain;
  height: 100%;
  /*	padding: 0px 60px;*/
  -webkit-mask-position: center;
}
#template02a.template_si16 .animation_inner {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: flex-end;

  padding-top: 160px;
}
#template02a.template_si16 .slide_frame {
  width: calc(100% - 120px);
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: flex-end;
}
#template02a.template_si16 .casual_image-inner .slide_frame {
  display: flex !important;
}
#template02a.template_si16 .casual_image-inner .mask_slide {
  width: calc(100% - 120px);
  opacity: 1;
}
#template02a.template_si16 #wedding_invitation2 {
  position: absolute;
  width: 115%;
  width: calc(100% + 60px);
  top: -40px;
  z-index: 2;
}
#template02a.template_si16 .casual_image-inner .wedding_invitation3 {
  position: absolute;
  width: calc(100% - 72px);
  width: calc(100% - 60px);
  top: -40px;
}

#template02a.template_si16 .casual_image-inner .mask_slide {
  /*	height: 570px;*/
  object-fit: cover;
}
/*end template si16*/

/*template si17*/
#template02a.template_si17 .animation,
#template02a.template_si17 .casual_image,
#template02a.template_si17 .information,
#template02a.template_si17 .gift,
#template02a.template_si17 .invitation {
  background: transparent;
}
#template02a.template_si17 .animation {
  height: auto;
}
#template02a.template_si17 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_01_si17.jpg");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si17 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si17 .animation__party,
#template02a.template_si17 .animation__date {
  font-size: 30px;
  color: #878787;
  text-align: center;
  letter-spacing: 0.1rem;
}

#template02a.template_si17 .animation__party {
  margin-top: 30px;
}
#template02a.template_si17 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si17 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si17 .title {
  position: relative;
  color: #000000;
  font-size: 30px;
}
#template02a.template_si17 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si17 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si17 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si17 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si17 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si17 .information_dates,
#template02a.template_si17 .information_date,
#template02a.template_si17 .information_time,
#template02a.template_si17 .information_times,
#template02a.template_si17 .information_info,
#template02a.template_si17 .gift_text,
#template02a.template_si17 .gift_text2,
#template02a.template_si17 .invitation_text2,
#template02a.template_si17 .invitation_text1 {
  color: #000000;
}
#template02a.template_si17 .information_dates,
#template02a.template_si17 .information_times {
  color: #000000;
}
#template02a.template_si17 .gift_img,
#template02a.template_si17 .invitation_img {
  position: relative;
}
#template02a.template_si17 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si17 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si17 .form__radio-label-text {
  color: #000000;
}
#template02a.template_si17 .form__radio-button {
  border-color: #000000;
}
#template02a.template_si17 .form__radio-button::after {
  background-color: #000000;
}
#template02a.template_si17 .information_inner,
#template02a.template_si17 .gift_inner,
#template02a.template_si17 .invitation_inner {
  position: relative;
  background-color: #ffffff;
}

#template02a.template_si17 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si17 .invitation_text2,
#template02a.template_si17 .invitation_text1,
#template02a.template_si17 .gift_text,
#template02a.template_si17 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si17 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si17 .information_dates,
#template02a.template_si17 .information_date,
#template02a.template_si17 .information_time,
#template02a.template_si17 .information_times {
  font-size: 16px;
}

#template02a.template_si17 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si17 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}
#template02a.template_si17 .mask_slide {
  object-fit: cover;
  /*mask-image: url(../../../images/invitation/frame_slide_si17.png);
	mask-size: cover;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../../../images/invitation/frame_slide_si17.png);
	-webkit-mask-size: cover;
	-webkit-mask-repeat: no-repeat;*/
  position: absolute;
  height: 100%;
  top: 0;
  rotate: 25deg;
  padding: 32% 0;
}
#template02a.template_si17 .casual_image-inner {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_02_si17.png");
}
.icon_frame_si17 {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
  z-index: 0;
}
.icon_frame_si17_1 {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: calc(100% - 450px);
  z-index: 0;
}
.icon_frame_si17_2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: 600px;
  z-index: 0;
}

.icon_frame_si17_3 {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 600px;
  z-index: 0;
}
.icon_frame_si17_4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: calc(100% - 590px);
  z-index: 0;
}
/*end template si17*/

/*template si18*/
#template02a.template_si18 .animation,
#template02a.template_si18 .casual_image,
#template02a.template_si18 .information,
#template02a.template_si18 .gift,
#template02a.template_si18 .invitation {
  background: transparent;
}
#template02a.template_si18 .animation {
  height: auto;
}
#template02a.template_si18 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_01_si18.jpg");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si18 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si18 .animation__party,
#template02a.template_si18 .animation__date {
  font-size: 30px;
  color: #878787;
  text-align: center;
  letter-spacing: 0.1rem;
}

#template02a.template_si18 .animation__party {
  margin-top: 30px;
}
#template02a.template_si18 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si18 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si18 .title {
  position: relative;
  color: #000000;
  font-size: 30px;
}
#template02a.template_si18 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si18 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si18 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si18 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si18 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}

#template02a.template_si18 .information_dates,
#template02a.template_si18 .information_date,
#template02a.template_si18 .information_time,
#template02a.template_si18 .information_times,
#template02a.template_si18 .information_info,
#template02a.template_si18 .gift_text,
#template02a.template_si18 .gift_text2,
#template02a.template_si18 .invitation_text2,
#template02a.template_si18 .invitation_text1 {
  color: #000000;
}
#template02a.template_si18 .information_dates,
#template02a.template_si18 .information_times {
  color: #000000;
}
#template02a.template_si18 .gift_img,
#template02a.template_si18 .invitation_img {
  position: relative;
}
#template02a.template_si18 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si18 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si18 .form__radio-label-text {
  color: #000000;
}
#template02a.template_si18 .form__radio-button {
  border-color: #000000;
}
#template02a.template_si18 .form__radio-button::after {
  background-color: #000000;
}
#template02a.template_si18 .information_inner,
#template02a.template_si18 .gift_inner,
#template02a.template_si18 .invitation_inner {
  position: relative;
  background-color: #ffffff;
}

#template02a.template_si18 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si18 .invitation_text2,
#template02a.template_si18 .invitation_text1,
#template02a.template_si18 .gift_text,
#template02a.template_si18 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si18 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si18 .information_dates,
#template02a.template_si18 .information_date,
#template02a.template_si18 .information_time,
#template02a.template_si18 .information_times {
  font-size: 16px;
}

#template02a.template_si18 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si18 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}
#template02a.template_si18 .mask_slide {
  object-fit: cover;
  position: absolute;
  height: 100%;
  top: 0;
  rotate: 25deg;
  padding: 32% 0;
}
#template02a.template_si18 .casual_image-inner {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_02_si18.png");
}

/*end template si18*/

/*template si19*/
#template02a.template_si19 .animation,
#template02a.template_si19 .casual_image,
#template02a.template_si19 .information,
#template02a.template_si19 .gift,
#template02a.template_si19 .invitation {
  background: transparent;
}
#template02a.template_si19 .animation {
  height: auto;
}
#template02a.template_si19 .gift_inner {
  padding-bottom: 0;
}
#template02a.template_si19 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_si19.png");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 80px 40px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si19 .wedding_invitation2 {
  max-width: 240px;
}

#template02a.template_si19 .animation__party,
#template02a.template_si19 .animation__date {
  font-size: 30px;
  color: #d0a475;
  text-align: center;
  letter-spacing: 0.1rem;
}
#template02a.template_si19 .animation__party {
  margin-top: 50px;
  color: #403d75;
  margin-bottom: 30px;
}
#template02a.template_si19 .animation__party span {
  display: block;
  color: #d0a475;
}
#template02a.template_si19 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si19 .invitation_inner2 {
  padding: 20px;
  background-color: #fdeee8;
  margin-top: 20px;
}
#template02a.template_si19 .invitation_inner3 {
  border: 2px solid #d0a475;
}
#template02a.template_si19 .title {
  position: relative;
  color: #403d75;
  font-size: 30px;
}
#template02a.template_si19 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si19 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
}
#template02a.template_si19 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si19 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si19 .bg__time_si2 {
  background-color: #fdeee8;
  position: relative;
  padding: 20px;
  width: 100%;
}

#template02a.template_si19 .bg__time_si3 {
  border: 2px solid #d0a475;
  padding-bottom: 20px;
}
#template02a.template_si19 .information_info_map {
  padding-top: 0;
}
#template02a.template_si19 .information_dates,
#template02a.template_si19 .information_date,
#template02a.template_si19 .information_time,
#template02a.template_si19 .information_times,
#template02a.template_si19 .information_info,
#template02a.template_si19 .gift_text,
#template02a.template_si19 .gift_text2,
#template02a.template_si19 .invitation_text2,
#template02a.template_si19 .invitation_text1 {
  color: #3e3a39;
}
#template02a.template_si19 .information_dates,
#template02a.template_si19 .information_times {
  color: #9f7925;
}
#template02a.template_si19 .gift_img,
#template02a.template_si19 .invitation_img {
  position: relative;
}
#template02a.template_si19 .invitation_img{
  margin-top: 0;
}
#template02a.template_si19 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_si19.png");
}
#template02a.template_si19 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si19 .form__radio-label-text {
  color: #9f7925;
}
#template02a.template_si19 .form__radio-button {
  border-color: #9f7925;
}
#template02a.template_si19 .form__radio-button::after {
  background-color: #9f7925;
}
#template02a.template_si19 .information_inner,
#template02a.template_si19 .gift_inner,
#template02a.template_si19 .invitation_inner {
  position: relative;
  background-size: cover;
  background-repeat: repeat;
  background-image: url("../../../images/invitation/bg_layer_si19.png");
}

#template02a.template_si19 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}
#template02a.template_si19 .invitation_text1 {
  padding-bottom: 20px;
}

#template02a.template_si19 .invitation_text2,
#template02a.template_si19 .invitation_text1,
#template02a.template_si19 .gift_text,
#template02a.template_si19 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si19 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si19 .information_dates,
#template02a.template_si19 .information_date,
#template02a.template_si19 .information_time,
#template02a.template_si19 .information_times {
  font-size: 16px;
}

#template02a.template_si19 .gift_content {
  background-color: #fdeee8;
  position: relative;
  padding: 20px;
  width: 100%;
  position: relative;
}
#template02a.template_si19 .gift_content2 {
  border: 2px solid #d0a475;
  padding-bottom: 20px;
}

#template02a.template_si19 .slide_text {
  font-size: 30px;
  color: #ffffff;
  text-align: right;
  padding-top: 30px;
  padding-right: 20px;
}

#template02a.template_si19 .animation_inner {
  width: 100%;
  height: 100%;
  background-color: #fdeee8;
  padding: 20px;
}
#template02a.template_si19 .animation_inner2 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px solid #d0a475;
}
/*end template si19*/

/*template si20*/
#template02a.template_si20 .animation,
#template02a.template_si20 .casual_image,
#template02a.template_si20 .information,
#template02a.template_si20 .gift,
#template02a.template_si20 .invitation {
  background: transparent;
}
#template02a.template_si20 .animation {
  height: auto;
}
#template02a.template_si20 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_01_si20.jpg");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si20 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si20 .animation__party,
#template02a.template_si20 .animation__date {
  font-size: 30px;
  color: #878787;
  text-align: center;
  letter-spacing: 0.1rem;
}

#template02a.template_si20 .animation__party {
  margin-top: 60px;
  font-size: 50px;
  color: #373436;
  line-height: 45px;
  letter-spacing: 1rem;
  margin-bottom:40px;
}
#template02a.template_si20 .animation__party span {
  display: block;
  font-size: 30px;
}
#template02a.template_si20 .animation__date {
  color: #50668b;
  letter-spacing: 0.5rem;
  font-weight: 500;
}
.icon_si20 {
  position: absolute;
  width: 156px;
  right: 0;
  top: 51px;
}
.icon_01_si20 {
  position: absolute;
  top: -48px;
  left: -33px;
  width: 195px;
  z-index: 0;
}
.invitation_img_ {
  position: relative;
}
#template02a.template_si20 .animation__texts {
  font-size: 18px;
  color: #5e6b90;
  text-align: center;
  letter-spacing: 0.2rem;
  padding-top: 50px;
}
#template02a.template_si20 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si20 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si20 .title {
  position: relative;
  color: #5e6b90;
  font-size: 30px;
  letter-spacing: 0.3rem;
}
#template02a.template_si20 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si20 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si20 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si20 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si20 .bg__time_si2 {
  background-color: transparent;
  position: relative;
  padding-bottom: 0;
}

#template02a.template_si20 .information_dates,
#template02a.template_si20 .information_date,
#template02a.template_si20 .information_time,
#template02a.template_si20 .information_times,
#template02a.template_si20 .information_info,
#template02a.template_si20 .gift_text,
#template02a.template_si20 .gift_text2,
#template02a.template_si20 .invitation_text2,
#template02a.template_si20 .invitation_text1 {
  color: #3e3a39;
}
#template02a.template_si20 .information_dates,
#template02a.template_si20 .information_times {
  color: #9f7925;
}
#template02a.template_si20 .gift_img,
#template02a.template_si20 .invitation_img {
  position: relative;
}
#template02a.template_si20 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si20 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si20 .form__radio-label-text {
  color: #9f7925;
}
#template02a.template_si20 .form__radio-button {
  border-color: #9f7925;
}
#template02a.template_si20 .form__radio-button::after {
  background-color: #9f7925;
}
#template02a.template_si20 .information_inner,
#template02a.template_si20 .gift_inner,
#template02a.template_si20 .invitation_inner {
  position: relative;
  background-color: transparent;
}
#template02a.template_si20 .invitation_inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_02_si20.png");
}
#template02a.template_si20 .information_inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_03_si20.png");
}
#template02a.template_si20 .gift_inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_04_si20.jpg");
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#template02a.template_si20 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}
#template02a.template_si20 .flower_si20 {
    position: absolute;
    right: -92px;
    bottom: -78px;
    z-index: -1;
}
#template02a.template_si20 .invitation_text2,
#template02a.template_si20 .invitation_text1,
#template02a.template_si20 .gift_text,
#template02a.template_si20 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si20 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si20 .information_dates,
#template02a.template_si20 .information_date,
#template02a.template_si20 .information_time,
#template02a.template_si20 .information_times {
  font-size: 16px;
}

#template02a.template_si20 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si20 .casual_image-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_02_si20.png");
}
#template02a.template_si20 #wedding_invitation2 {
  max-width: 280px;
  margin: 0 auto;
}
/*end template si20*/

/*template si21*/
#template02a.template_si21 .animation,
#template02a.template_si21 .casual_image,
#template02a.template_si21 .information,
#template02a.template_si21 .gift,
#template02a.template_si21 .invitation {
  background: transparent;
}
#template02a.template_si21 .animation {
  height: auto;
}
#template02a.template_si21 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_si21.png");
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si21 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si21 .animation__party,
#template02a.template_si21 .animation__date {
  font-size: 60px;
  color: #373436;
  text-align: center;
  letter-spacing: 1rem;
}
#template02a.template_si21 .animation__date {
  font-size: 35px;
  letter-spacing: 0.6rem;
  color: #de969d;
}
#template02a.template_si21 .animation__party {
  margin-top: 30px;
}

#template02a.template_si21 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si21 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si21 .title {
  position: relative;
  color: #eaaa9f;
  font-size: 65px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
#template02a.template_si21 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si21 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si21 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si21 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si21 .bg__time_si2 {
  background-color: transparent;
  position: relative;
  padding-bottom: 0;
}

#template02a.template_si21 .information_dates,
#template02a.template_si21 .information_date,
#template02a.template_si21 .information_time,
#template02a.template_si21 .information_times,
#template02a.template_si21 .information_info,
#template02a.template_si21 .gift_text,
#template02a.template_si21 .gift_text2,
#template02a.template_si21 .invitation_text2,
#template02a.template_si21 .invitation_text1 {
  color: #000000;
}
#template02a.template_si21 .information_dates,
#template02a.template_si21 .information_times {
  color: #9f7925;
}
#template02a.template_si21 .gift_img,
#template02a.template_si21 .invitation_img {
  position: relative;
}
#template02a.template_si21 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si21 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si21 .form__radio-label-text {
  color: #9f7925;
}
#template02a.template_si21 .form__radio-button {
  border-color: #9f7925;
}
#template02a.template_si21 .form__radio-button::after {
  background-color: #9f7925;
}
#template02a.template_si21 .information_inner,
#template02a.template_si21 .gift_inner,
#template02a.template_si21 .invitation_inner {
  position: relative;
  background-color: #ffffff;
}

#template02a.template_si21 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si21 .invitation_text2,
#template02a.template_si21 .invitation_text1,
#template02a.template_si21 .gift_text,
#template02a.template_si21 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si21 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si21 .information_dates,
#template02a.template_si21 .information_date,
#template02a.template_si21 .information_time,
#template02a.template_si21 .information_times {
  font-size: 16px;
}

#template02a.template_si21 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si21 .casual_image-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_01_si21.jpg");
}
#template02a.template_si21 #wedding_invitation2 {
  width: 100%;
  position: relative;
}
#template02a.template_si21 .wedding_invitation_si21 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 180px;
}
.and_si21 {
  position: absolute;
  width: 100px;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#template02a.template_si21 .invitation_inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_01_si21.jpg");
}
#template02a.template_si21 .information_inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_02_si21.jpg");
}
#template02a.template_si21 .gift_inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../../images/invitation/bg_layer_03_si21.jpg");
}
/*end template si21*/

/*template si22*/
#template02a.template_si22{
  background-image: url("../../../images/invitation/bg_layer_si22.png");
  background-size: 480px;
  background-color: #fff;
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si22 .animation,
#template02a.template_si22 .casual,
#template02a.template_si22 .information,
#template02a.template_si22 .gift,
#template02a.template_si22 .invitation {
  background: transparent;
}
#template02a.template_si22 .casual {
  padding-top: 80px;
  padding-bottom: 80px;
}
#template02a.template_si22 .animation {
  height: auto;
  /*background-image: url("../../../images/invitation/bg_layer_si22.png");
	background-size: 480px;*/
}
#template02a.template_si22 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  /*background-image: url("../../../images/invitation/bg_layer_si22.png");*/
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

#template02a.template_si22 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si22 .animation__party,
#template02a.template_si22 .animation__date {
  font-size: 30px;
  color: #b6b7b7;
  text-align: center;
  letter-spacing: 0;
}
#template02a.template_si22 .animation__date {
  font-size: 28px;
  letter-spacing: 0.1rem;
  color: #b6b7b7;
}
#template02a.template_si22 .animation__party {
  margin-top: 30px;
}

#template02a.template_si22 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si22 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si22 .title {
  position: relative;
  color: #b6b7b7;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}

#template02a.template_si22 .icon_si22 {
  max-width: 120px;
  margin: 0 auto;
  display: block;
}
#template02a.template_si22 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si22 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si22 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si22 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si22 .bg__time_si2 {
  background-color: transparent;
  position: relative;
  padding-bottom: 0;
  padding: 60px;
}
#template02a.template_si22 .bg__time_si2 .information_dates {
  padding-top: 0;
}
#template02a.template_si22 .bg__time_si2:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../../../images/invitation/bg_layer_01_si22.png");
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#template02a.template_si22 .invitation_inner .title {
  padding-top: 0;
  font-weight: 600;
}
#template02a.template_si22 .information_inner .title {
  padding-top: 0;
  font-weight: 600;
}
#template02a.template_si22 .gift_inner .title {
  padding-top: 0;
  font-weight: 600;
}

#template02a.template_si22 .information_dates,
#template02a.template_si22 .information_date,
#template02a.template_si22 .information_time,
#template02a.template_si22 .information_times,
#template02a.template_si22 .information_info,
#template02a.template_si22 .gift_text,
#template02a.template_si22 .gift_text2,
#template02a.template_si22 .invitation_text2,
#template02a.template_si22 .invitation_text1 {
  color: #000000;
}
#template02a.template_si22 .information_dates,
#template02a.template_si22 .information_times {
  color: #000000;
}
#template02a.template_si22 .gift_img,
#template02a.template_si22 .invitation_img {
  position: relative;
}
#template02a.template_si22 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si22 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si22 .form__radio-label-text {
  color: #000;
}
#template02a.template_si22 .form__radio-button {
  border-color: #000;
}
#template02a.template_si22 .form__radio-button::after {
  background-color: #000;
}
#template02a.template_si22 .information_inner,
#template02a.template_si22 .gift_inner,
#template02a.template_si22 .invitation_inner {
  position: relative;
  /*background-color: #ffffff;*/
}

#template02a.template_si22 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si22 .invitation_text2,
#template02a.template_si22 .invitation_text1,
#template02a.template_si22 .gift_text,
#template02a.template_si22 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si22 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si22 .information_dates,
#template02a.template_si22 .information_date,
#template02a.template_si22 .information_time,
#template02a.template_si22 .information_times {
  font-size: 16px;
}

#template02a.template_si22 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si22 #wedding_invitation2 {
  width: 100%;
  position: relative;
}
#template02a.template_si22 .wedding_invitation_si22 {
  max-width: 380px;
}
.and_si22 {
  position: absolute;
  width: 100px;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*end template si22*/

/*template si23*/
#template02a.template_si23 .animation,
#template02a.template_si23 .casual_image,
#template02a.template_si23 .information,
#template02a.template_si23 .gift,
#template02a.template_si23 .invitation {
  background: transparent;
}
#template02a.template_si23 .animation {
  height: auto;
}
#template02a.template_si23 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  /*background-image: url("../../../images/invitation/bg_layer_si23.png");*/
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
#template02a.template_si23 .animation_inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#template02a.template_si23 .animation_inner:before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
  display: block;
  content: "";

  position: absolute;
  top: 0;
  z-index: -1;
  overflow: hidden;
  height: 100%;
  width: 100%;
  object-fit: cover;
  mask-image: url("../../../images/invitation/bg_frame_si23.png");
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../../../images/invitation/bg_frame_si23.png");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  z-index: 1;
}
#template02a.template_si23 .animation_inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  content: "";
  border: 2px solid;
  border-color: #231815;
  z-index: 2;
}
#template02a.template_si23 .animation_wrapper:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  content: "";
  border: 5px solid;
  border-color: #231815;
  z-index: 2;
}

#template02a.template_si23 .animation__party,
#template02a.template_si23 .animation__date {
  mix-blend-mode: soft-light;
  -webkit-text-fill-color: #000000;
  color: #000000;
}
#template02a.template_si23 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si23 .animation__party,
#template02a.template_si23 .animation__date {
  font-size: 40px;
  color: #373436;
  text-align: center;
  letter-spacing: 0;
  font-weight: 500;
}
#template02a.template_si23 .animation__date {
  font-size: 40px;
  letter-spacing: 0rem;
  color: #373436;
}
#template02a.template_si23 .animation__party {
  margin-top: 60px;
}

#template02a.template_si23 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si23 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si23 .title {
  position: relative;
  color: #231815;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
#template02a.template_si23 .title:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 1px;
  height: 30px;
  background-color: #231815;
  display: block;
  content: "";
}
#template02a.template_si23 .gift_img {
  padding-top: 20px;
}
#template02a.template_si23 .invitation_inner3 {
  padding-top: 20px;
}
#template02a.template_si23 .invitation_inner .title:before {
  bottom: -25px;
}
#template02a.template_si23 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si23 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si23 .information_inner .title {
  padding-top: 50px;
  padding-bottom: 20px;
}
#template02a.template_si23 .gift_inner .title {
  padding-top: 30px;
  padding-bottom: 20px;
}
#template02a.template_si23 .bg__time_si2 {
  background-color: transparent;
  position: relative;
  padding-bottom: 20px;
  border: 1px solid #231815;
  margin-top: 20px;
}
#template02a.template_si23 .slide_frame,
#template02a.template_si23 .slide_frame2 {
  position: relative;
}
#template02a.template_si23 .slide_frame:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  border: 25px solid;
  border-color: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
#template02a.template_si23 .slide_frame:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  content: "";
  border: 5px solid;
  border-color: #231815;
  z-index: 2;
}
.slide_text_si23_overlay {
  position: absolute;
  background-color: rgba(139, 134, 132, 0.7);
  top: 27px;
  left: 27px;
  width: calc(100% - 54px);
  height: calc(100% - 54px);
  z-index: 2;
}
#template02a.template_si23 .slide_text_si23 {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  max-width: 240px;
}
#template02a.template_si23 .slide_frame2:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  content: "";
  border: 2px solid;
  border-color: #231815;
  z-index: 2;
}
#template02a.template_si23 .information_dates,
#template02a.template_si23 .information_date,
#template02a.template_si23 .information_time,
#template02a.template_si23 .information_times,
#template02a.template_si23 .information_info,
#template02a.template_si23 .gift_text,
#template02a.template_si23 .gift_text2,
#template02a.template_si23 .invitation_text2,
#template02a.template_si23 .invitation_text1 {
  color: #231815;
}
#template02a.template_si23 .information_dates,
#template02a.template_si23 .information_times {
  color: #231815;
}
#template02a.template_si23 .gift_img,
#template02a.template_si23 .invitation_img {
  position: relative;
}
#template02a.template_si23 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
}
#template02a.template_si23 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si23 .form__radio-label-text {
  color: #231815;
}
#template02a.template_si23 .form__radio-button {
  border-color: #231815;
}
#template02a.template_si23 .form__radio-button::after {
  background-color: #231815;
}
#template02a.template_si23 .information_inner,
#template02a.template_si23 .gift_inner,
#template02a.template_si23 .invitation_inner {
  position: relative;
  background-color: #ffffff;
}

#template02a.template_si23 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si23 .invitation_text2,
#template02a.template_si23 .invitation_text1,
#template02a.template_si23 .gift_text,
#template02a.template_si23 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si23 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}
#template02a.template_si23 .information_dates,
#template02a.template_si23 .information_date,
#template02a.template_si23 .information_time,
#template02a.template_si23 .information_times {
  font-size: 16px;
}

#template02a.template_si23 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si23 #wedding_invitation2 {
  width: 100%;
  position: relative;
}
#template02a.template_si23 .wedding_invitation_si23 {
  max-width: 315px;
}
.and_si23 {
  position: absolute;
  width: 100px;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*end template si23*/

/*template si24*/
#template02a.template_si24 .animation,
#template02a.template_si24 .casual_image,
#template02a.template_si24 .information,
#template02a.template_si24 .gift,
#template02a.template_si24 .invitation {
  background: transparent;
}
#template02a.template_si24 .animation {
  height: auto;
}
#template02a.template_si24 .gift_img > img{
  padding-left: 10px;
  padding-right: 10px;
}
#template02a.template_si24 .animation_wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  /*background-image: url("../../../images/invitation/bg_layer_si24.png");*/
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  transform: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
#template02a.template_si24 .animation_inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
#template02a.template_si24 .animation_inner:before {
  background: linear-gradient(
    to bottom,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 71%,
    #c79f62 100%
  );
  z-index: 3;
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  position: absolute;
}
#template02a.template_si24 .animation_inner:after {
  background: linear-gradient(
    to top,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 60%,
    #9f7331 100%
  );
  z-index: 3;
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
  top: 50%;
  right: 10px;
  position: absolute;
}
#template02a.template_si24 .animation_inner4:before {
  background: linear-gradient(to right, #c79f62 45%, #946134 100%);
  z-index: 3;
  content: "";
  display: block;
  height: 4px;
  width: calc(100% - 20px);
  transform: translateX(-50%);
  top: 10px;
  left: 50%;
  position: absolute;
}
#template02a.template_si24 .animation_inner4:after {
  background: linear-gradient(to right, #c79f62 45%, #bf9554 100%);
  z-index: 3;
  content: "";
  display: block;
  height: 4px;
  width: calc(100% - 20px);
  transform: translateX(-50%);
  bottom: 10px;
  left: 50%;
  position: absolute;
}

#template02a.template_si24 .bd_1 {
  width: 100%;
  height: 100%;
  position: relative;
}
#template02a.template_si24 .bd_1:before {
  content: "";
  display: block;
  height: 56.5685px;
  width: 4px;
  position: absolute;
  transform: rotate(135deg);
  z-index: 3;
  bottom: -7px;
  left: 20px;
  background: linear-gradient(to bottom, #c79f62, #c79f62);
}
#template02a.template_si24 .bd_1:after {
  content: "";
  display: block;
  height: 56.5685px;
  width: 4px;
  position: absolute;
  transform: rotate(45deg);
  z-index: 3;
  bottom: -7px;
  right: 20px;
  background: linear-gradient(to top, #c79f62, #c79f62);
}

#template02a.template_si24 .bd_2 {
  width: 100%;
  height: 100%;
  position: relative;
}

#template02a.template_si24 .bd_2:before {
  content: "";
  display: block;
  height: 56.5685px;
  width: 4px;
  background: linear-gradient(to bottom, #c79f62, #c79f62);
  position: absolute;
  transform: rotate(45deg);
  z-index: 3;
  top: -7px;
  left: 20px;
}
#template02a.template_si24 .bd_2:after {
  content: "";
  display: block;
  height: 56.5685px;
  width: 4px;
  background: linear-gradient(to bottom, #9a7741, #c79f62);
  position: absolute;
  transform: rotate(135deg);
  z-index: 3;
  top: -7px;
  right: 20px;
}

#template02a.template_si24 .bd_3 {
  width: 100%;
  height: 100%;
  position: relative;
}

#template02a.template_si24 .bd_3:before {
  content: "";
  display: block;
  height: calc(100% - 80px);
  width: 4px;
  background: linear-gradient(
    to bottom,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 71%,
    #c79f62 100%
  );
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 3;
}
#template02a.template_si24 .bd_3:after {
  content: "";
  display: block;
  height: calc(100% - 80px);
  width: 4px;
  background: linear-gradient(
    to top,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 60%,
    #9f7331 100%
  );
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 3;
}

#template02a.template_si24 .bd_4 {
  width: 100%;
  height: 100%;
  position: relative;
}

#template02a.template_si24 .bd_4:before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 4px;
  background: linear-gradient(to right, #c79f62, #b98e68, #c79f62);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#template02a.template_si24 .bd_4:after {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 4px;
  background: linear-gradient(to right, #c79f62, #b98e68, #c79f62);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

#template02a.template_si24 .animation_inner2 {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
}
#template02a.template_si24 .animation_inner4 {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 25px;
}
#template02a.template_si24 .animation_inner3 {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
/*#template02a.template_si24 .animation_inner3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #d7bec6;
  clip-path: polygon(0 0, 20px 0, 0 20px);
  z-index: 2;
}

#template02a.template_si24 .animation_inner3::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #d7bec6;
  clip-path: polygon(20px 0, 20px 20px, 0 0);
  z-index: 2;
}
#template02a.template_si24 .animation_inner2::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #d7bec6;
  clip-path: polygon(0 0, 20px 20px, 0 20px);
  z-index: 2;
}

#template02a.template_si24 .animation_inner2::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #d7bec6;
  clip-path: polygon(20px 0, 20px 20px, 0 20px);
  z-index: 2;
}*/
.triangle1 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(180deg);
  z-index: 2;
}
.triangle2 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(270deg);
  z-index: 2;
}
.triangle3 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(90deg);
  z-index: 2;
}
.triangle4 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(360deg);
  z-index: 2;
}

#template02a.template_si24 .animation_wrapper {
  background-color: #d7bec6;
  padding: 20px;
}
.wedding_invitation_icon_si24 {
  max-width: 100px;
}

#template02a.template_si24 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si24 .animation__party,
#template02a.template_si24 .animation__date {
  font-size: 30px;
  color: #b47575;
  text-align: center;
  letter-spacing: 0;
  font-weight: 500;
}
#template02a.template_si24 .animation__date {
  font-size: 30px;
  letter-spacing: 0rem;
  color: #b47575;
  margin-top: 20px;
}
#template02a.template_si24 .animation__party {
  margin-top: 0px;
}
.wedding_invitation_text_si24 {
  max-width: 280px;
  margin-top: 20px;
}
#template02a.template_si24 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si24 .invitation_inner2 {
  padding: 0px 20px;
}
#template02a.template_si24 .title {
  position: relative;
  color: #b47575;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
#template02a.template_si24 .invitation_inner .title{
  padding-top: 30px;
}
#template02a.template_si24 .gift_img {
  padding-top: 20px;
}
#template02a.template_si24 .invitation_inner3 {
  padding-top: 20px;
}

#template02a.template_si24 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si24 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si24 .information_inner .title {
  padding-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si24 .gift_inner .title {
  padding-top: 20px;
  padding-bottom: 0px;
}
#template02a.template_si24 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}
#template02a.template_si24 .slide_frame,
#template02a.template_si24 .slide_frame2 {
  position: relative;
}

#template02a.template_si24 .slide_text_si24 {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  max-width: 240px;
}
#template02a.template_si24 .invitation_inner,
#template02a.template_si24 .information_inner,
#template02a.template_si24 .gift_inner {
  padding: 20px;
}

#template02a.template_si24 .invitation_inner_3,
#template02a.template_si24 .information_inner_3,
#template02a.template_si24 .gift_inner_3 {
  position: relative;
  background-color: #fff;
}
#template02a.template_si24 .information_info_map {
  padding: 0;
  padding-top: 20px;
}

#template02a.template_si24 .information_dates,
#template02a.template_si24 .information_date,
#template02a.template_si24 .information_time,
#template02a.template_si24 .information_times,
#template02a.template_si24 .information_info,
#template02a.template_si24 .gift_text,
#template02a.template_si24 .gift_text2,
#template02a.template_si24 .invitation_text2,
#template02a.template_si24 .invitation_text1 {
  color: #231815;
}
#template02a.template_si24 .information_dates,
#template02a.template_si24 .information_times {
  color: #231815;
}
#template02a.template_si24 .gift_img,
#template02a.template_si24 .invitation_img {
  position: relative;
}
#template02a.template_si24 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  padding: 20px;
  background-color: #d7bec6;
}
#template02a.template_si24 .casual_image-inner .fade2 {
  position: relative;
}
#template02a.template_si24 .casual_image-inner .fade4 {
  padding: 25px;
  position: relative;
}
#template02a.template_si24 .casual_image-inner .fade3 {
  position: relative;
}

#template02a.template_si24 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si24 .form__radio-label-text {
  color: #231815;
}
#template02a.template_si24 .form__radio-button {
  border-color: #231815;
}
#template02a.template_si24 .form__radio-button::after {
  background-color: #231815;
}
#template02a.template_si24 .information_inner,
#template02a.template_si24 .gift_inner,
#template02a.template_si24 .invitation_inner {
  position: relative;
  background-color: #d7bec6;
}

#template02a.template_si24 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si24 .invitation_text2,
#template02a.template_si24 .invitation_text1,
#template02a.template_si24 .gift_text,
#template02a.template_si24 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si24 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}

#template02a.template_si24 .information_dates,
#template02a.template_si24 .information_date,
#template02a.template_si24 .information_time,
#template02a.template_si24 .information_times {
  font-size: 16px;
}
#template02a.template_si24 .gift_content2 {
  padding-bottom: 40px;
}
#template02a.template_si24 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si24 #wedding_invitation2 {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
#template02a.template_si24 .wedding_invitation_si24 {
  max-width: 365px;
  padding-top: 60px;
}
.and_si24 {
  position: absolute;
  width: 100px;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#template02a.template_si24 .gift_content {
  padding: 0 2px;
}

/*end template si24*/

.triangle1 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(180deg);
  z-index: 2;
}
.triangle2 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(270deg);
  z-index: 2;
}
.triangle3 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(90deg);
  z-index: 2;
}
.triangle4 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #d7bec6;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(360deg);
  z-index: 2;
}

#template02a.template_si24 .animation_wrapper {
  background-color: #d7bec6;
  padding: 20px;
}
.wedding_invitation_icon_si24 {
  max-width: 100px;
  padding-top: 15px;
}

#template02a.template_si24 .wedding_invitation2 {
  max-width: 280px;
  padding-top: 30px;
}

#template02a.template_si24 .animation__party,
#template02a.template_si24 .animation__date {
  font-size: 30px;
  color: #b47575;
  text-align: center;
  letter-spacing: 0;
  font-weight: 500;
}
#template02a.template_si24 .animation__date {
  font-size: 30px;
  letter-spacing: 0rem;
  color: #b47575;
  margin-top: 30px;
}
#template02a.template_si24 .animation__party {
  margin-top: 0px;
}
.wedding_invitation_text_si24 {
  max-width: 238px;
  margin-top: 20px;
}
#template02a.template_si24 .title_text {
  position: relative;
  display: inline-block;
  text-align: center;
}
#template02a.template_si24 .invitation_inner2 {
  padding: 0px 12px;
}
#template02a.template_si24 .title {
  position: relative;
  color: #b47575;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}

#template02a.template_si24 .gift_img {
  padding-top: 20px;
}
#template02a.template_si24 .invitation_inner3 {
  padding-top: 20px;
}

#template02a.template_si24 .invitation_text1 {
  padding-top: 20px;
}
#template02a.template_si24 .invitation_text1.edit {
  padding-top: 0;
  margin-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si24 .information_inner .title {
  padding-top: 20px;
  padding-bottom: 20px;
}
#template02a.template_si24 .gift_inner .title {
  padding-top: 20px;
  padding-bottom: 0px;
}
#template02a.template_si24 .bg__time_si2 {
  background-color: transparent;
  position: relative;
}
#template02a.template_si24 .slide_frame,
#template02a.template_si24 .slide_frame2 {
  position: relative;
}

#template02a.template_si24 .slide_text_si24 {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  max-width: 240px;
}
#template02a.template_si24 .invitation_inner,
#template02a.template_si24 .information_inner,
#template02a.template_si24 .gift_inner {
  padding: 20px;
}
#template02a.template_si24 .invitation_inner_2,
#template02a.template_si24 .information_inner_2,
#template02a.template_si24 .gift_inner_2 {
  position: relative;
}
#template02a.template_si24 .invitation_inner_4,
#template02a.template_si24 .information_inner_4,
#template02a.template_si24 .gift_inner_4 {
  padding: 25px;
  position: relative;
}

#template02a.template_si24 .invitation_inner_2:before,
#template02a.template_si24 .information_inner_2:before,
#template02a.template_si24 .gift_inner_2:before {
  background: linear-gradient(
    to bottom,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 71%,
    #c79f62 100%
  );
  z-index: 3;
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  position: absolute;
}
#template02a.template_si24 .invitation_inner_2:after,
#template02a.template_si24 .information_inner_2:after,
#template02a.template_si24 .gift_inner_2:after {
  background: linear-gradient(
    to top,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 60%,
    #9f7331 100%
  );
  z-index: 3;
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
  top: 50%;
  right: 10px;
  position: absolute;
}

#template02a.template_si24 .invitation_inner_4:before,
#template02a.template_si24 .information_inner_4:before,
#template02a.template_si24 .gift_inner_4:before {
  background: linear-gradient(to right, #c79f62 45%, #946134 100%);
  z-index: 3;
  content: "";
  display: block;
  height: 4px;
  width: calc(100% - 20px);
  transform: translateX(-50%);
  top: 10px;
  left: 50%;
  position: absolute;
}
#template02a.template_si24 .invitation_inner_4:after,
#template02a.template_si24 .information_inner_4:after,
#template02a.template_si24 .gift_inner_4:after {
  background: linear-gradient(to right, #c79f62 45%, #bf9554 100%);
  z-index: 3;
  content: "";
  display: block;
  height: 4px;
  width: calc(100% - 20px);
  transform: translateX(-50%);
  bottom: 10px;
  left: 50%;
  position: absolute;
}

#template02a.template_si24 .invitation_inner_3,
#template02a.template_si24 .information_inner_3,
#template02a.template_si24 .gift_inner_3 {
  position: relative;
  background-color: #fff;
}
#template02a.template_si24 .information_info_map {
  padding: 0;
  padding-top: 20px;
}

#template02a.template_si24 .information_dates,
#template02a.template_si24 .information_date,
#template02a.template_si24 .information_time,
#template02a.template_si24 .information_times,
#template02a.template_si24 .information_info,
#template02a.template_si24 .gift_text,
#template02a.template_si24 .gift_text2,
#template02a.template_si24 .invitation_text2,
#template02a.template_si24 .invitation_text1 {
  color: #231815;
}
#template02a.template_si24 .information_dates,
#template02a.template_si24 .information_times {
  color: #231815;
}
#template02a.template_si24 .gift_img,
#template02a.template_si24 .invitation_img {
  position: relative;
}
#template02a.template_si24 .casual_image-inner {
  max-width: 480px;
  margin: 0 auto;
  padding: 20px;
  background-color: #d7bec6;
}
#template02a.template_si24 .casual_image-inner .fade2 {
  position: relative;
}
#template02a.template_si24 .casual_image-inner .fade3 {
  position: relative;
}
#template02a.template_si24 .casual_image-inner .fade2:before {
  background: linear-gradient(
    to bottom,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 71%,
    #c79f62 100%
  );
  z-index: 3;
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
  top: 50%;
  left: 10px;
  position: absolute;
}
#template02a.template_si24 .casual_image-inner .fade2:after {
  background: linear-gradient(
    to top,
    #c79f62 27%,
    #946134 52%,
    #faf8d0 60%,
    #9f7331 100%
  );
  z-index: 3;
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 20px);
  transform: translateY(-50%);
  top: 50%;
  right: 10px;
  position: absolute;
}
#template02a.template_si24 .casual_image-inner .fade4:before {
  background: linear-gradient(to right, #c79f62 45%, #946134 100%);
  z-index: 3;
  content: "";
  display: block;
  height: 4px;
  width: calc(100% - 20px);
  transform: translateX(-50%);
  top: 10px;
  left: 50%;
  position: absolute;
}
#template02a.template_si24 .casual_image-inner .fade4:after {
  background: linear-gradient(to right, #c79f62 45%, #bf9554 100%);
  z-index: 3;
  content: "";
  display: block;
  height: 4px;
  width: calc(100% - 20px);
  transform: translateX(-50%);
  bottom: 10px;
  left: 50%;
  position: absolute;
}

#template02a.template_si24 .casual_image-inner div {
  line-height: 0;
}

#template02a.template_si24 .form__radio-label-text {
  color: #231815;
}
#template02a.template_si24 .form__radio-button {
  border-color: #231815;
}
#template02a.template_si24 .form__radio-button::after {
  background-color: #231815;
}
#template02a.template_si24 .information_inner,
#template02a.template_si24 .gift_inner,
#template02a.template_si24 .invitation_inner {
  position: relative;
  background-color: #d7bec6;
}

#template02a.template_si24 .gift_text {
  margin-top: 0;
  padding-top: 20px;
}

#template02a.template_si24 .invitation_text2,
#template02a.template_si24 .invitation_text1,
#template02a.template_si24 .gift_text,
#template02a.template_si24 .gift_text2 {
  font-size: 14px;
}
#template02a.template_si24 .gift_text2 {
  font-size: 11px;
  font-size: 14px;
}

#template02a.template_si24 .information_dates,
#template02a.template_si24 .information_date,
#template02a.template_si24 .information_time,
#template02a.template_si24 .information_times {
  font-size: 16px;
}
#template02a.template_si24 .gift_content2 {
  padding-bottom: 40px;
}
#template02a.template_si24 .gift_content {
  padding: 0px 20px;
  position: relative;
}

#template02a.template_si24 #wedding_invitation2 {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
#template02a.template_si24 .wedding_invitation_si24 {
  max-width: 315px;
}
.and_si24 {
  position: absolute;
  width: 100px;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#template02a.template_si24 .gift_content {
  padding: 0 2px;
}

/*end template si24*/

#loading2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background: rgb(168 168 168);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: progress;
}

/* Loading Spinner */
.loading2 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border-top: 5px solid white;
  border-bottom: 5px solid transparent;
  border-left: 5px solid white;
  border-right: 5px solid transparent;
  animation: loading 1s linear infinite;
}

/* Spinner Animation */
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadding.active {
  animation: fadeOut 1s linear 0.5s 1 forwards;
}
.gift_text2 {
  margin-bottom: 30px;
}

#template02a.template_si12 .information_inner,
#template02a.template_si12 .gift_inner,
#template02a.template_si12 .invitation_inner {
  background-color: #fff;
}