@charset "UTF-8";

@keyframes fadeIn {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.c-invitationPage {
   background: url(bgimage.jpg) repeat 50% 0;
   z-index: 0;
}
.c-invitationSec--title {
    padding-top: 0;
}
.c-invitationSec--title__ttlImg {
    margin: 0px;
    animation: fadeIn 2s ease-in-out 2s 1 normal both;
}
.c-invitationSec--title__ttlImg_top {
    width: 100%;
    margin: 0 auto;
    padding-top: 11rem;
    z-index: 2;
    height: 100vh;
}
.c-invitationSec--title__ttlImg_top_logo {
    width: 15%;
    max-width: 94px;
    margin: 0 auto;
    display: block;
    animation: fadeIn 2s ease-in-out 5s 1 normal both;
}
.c-invitationSec--title__ttl_top {
    top: 0px;
    position: absolute;
    z-index: 1;
}
.c-invitationSec--title__ttl_top__leaf {
    top: 0px;
    position: absolute;
    animation: fadeIn 1s ease-in-out 4s 1 normal both;
    z-index: 1;
}
.c-invitationSec--title__ttl_top__cover {
    top: 0px;
    position: absolute;
    animation: fadeIn 1s ease-in-out 1s 1 normal both;
    background-color: rgba(255,255,255,.6);
    z-index: 1;
    width: 100%;
    height: 100%;
}
/* .c-invitationSec--title__ttl_top::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(255,255,255,.6);
    animation: fadeIn 2s;
	opacity: 1;
    animation: fadeIn 1s ease-in-out 1s 1 normal both;
} */
/* .c-invitationSec--title__ttl_top::after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(cover_leaf.png) no-repeat 0 0;
    background-size: contain;
    animation: fadeIn 1s ease-in-out 4s 1 normal both;
	opacity: 1;
    z-index: 2;
} */
.c-invitationSec--title__naire {
    color: #9f8057;
    position: absolute;
    z-index: 5;
    top: 66%;
    width: 90%;
    left: 0;
    right: 0;
    font-size: 1.7rem;
    margin: 0 auto;
    text-align: center;
}
.c-invitationSec--title__name {
    letter-spacing: -3px;
    font-size: 1.9rem;
    display: block;
    line-height: 2.5rem;
    font-family: Petunia;
    margin-bottom: .5rem;
    animation: fadeIn 2s ease-in-out 8s 1 normal both;
}
.c-invitationSec--title__days {
    font-size: 3rem;
}
.c-invitationSec--title__bor {
    font-family: font1;
    margin: 0 12px;
    font-size: 3.5rem;
}
.c-invitationSec--title__date {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Gerbera;
    margin-bottom: 0;
    animation: fadeIn 2s ease-in-out 9s 1 normal both;
}
.c-invitationSec--title__img01Wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-invitationSec--title__img01 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160vw;
    max-height: 1280px;
    object-fit: cover;
}
.c-invitationSec--title__caption {
    display: block;
    margin:.5rem auto 0;
    width: 73%;
    max-width: 458px;
    animation: fadeIn 2s ease-in-out 10s 1 normal both;
}
.c-invitationSec--invTxt__top {
    width: 60%;
    max-width: 370px;
    margin: 6rem auto 3rem;
}
.c-invitationSec--invTxt__bottom {
	width: 45%;
    margin: 3rem auto 6rem;
}
.c-invitationSec--scheTxt__bottom {
    display: none;
}
.c-invitationSec--title__img02Wrap {
    margin: 40px 0 0;
}
.c-invitationSec--scheTxt {
    background: none;
}
.c-invitationSec--scheTxt__ttl {
    width: 75%;
    max-width: 370px;
    margin: 0 auto 3rem;
}
.c-invitationSec--scheTxt__top {
	display: none;
}
.c-invitationSec--caption {
    border-color: #9f8057;
}
.c-invitationSec--toReply__txt{
    margin: 4rem 0;
}
.c-buttonL,
.c-invitationSec--repForm .c-radioBtn,
.c-invitationSec--repForm .c-checkboxBtn{
  color: #9f8057;
  background-color: #fff;
  border: 2px solid #9f8057;
}

/* プロフィール */
.c-invitationSec--profile__deco {
	width: 45%;
}