.cm-title {
margin-bottom: 30px;
font-size: 13px;
line-height: 13px;
text-align: center;
}
.cm-title span {
display: block;
font-family: "Libre Caslon Display", serif;
font-size: 70px;
letter-spacing: 0.05em;
line-height: 70px;
}

@media screen and (max-width: 768px) {
.cm-title {
margin-bottom: 30px;
font-size: 12px;
line-height: 12px;
}
.cm-title span {
font-size: 48px;
line-height: 48px;
}
}



/*--------------------------------------------------------------------------
dayflow
---------------------------------------------------------------------------*/
#dayflow {
text-align: center;
}
#dayflow .line {
width: 1px;
height: 50px;
margin: 0 auto;
position: relative;
background: #262626;
}

#dayflow .box {
margin-top: 40px;
}
#dayflow .box .time {
width: 10%;
max-width: 200px;
height: auto;
margin: 0 auto;
}
#dayflow .box .box-flex {
padding: 0 50px;
align-items: flex-start;
}
#dayflow .box .txt {
width: 30%;
align-content: center;
align-self: center;
font-family: 'Shippori Mincho', serif;
writing-mode: vertical-rl;
text-align: initial; 
}
#dayflow .box .txt p {
font-family: 'Shippori Mincho', serif;
line-height: 3em;
}
#dayflow .box .cover img {
}
@media screen and (max-width: 980px) {
#dayflow .line {
width: 1px;
height: 50px;
margin: 0 auto 30px;
}

#dayflow .box {
width: 90%;
margin: 0 auto;
}
#dayflow .box .time {
width: 150px;
height: auto;
margin: 0 auto;
}
#dayflow .box .txt p {
font-size: 14px;
line-height: 2.4em;
}
}


#dayflow .box.start .txt {
width: 30%;
}
#dayflow .box.start .txt br.sp {
display: none;
}
#dayflow .box.start .cover {
width: 70%;
}

#dayflow .box.start .cover img {
width: 48%;
}
#dayflow .box.start .cover img.space {
margin-top: 40%;
}
@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.start .txt {
width: 100%;
}
#dayflow .box.start .txt br.sp {
display: block;
}
#dayflow .box.start .cover {
width: 100%;
margin-top: 40px;
}
#dayflow .box.start .cover img {
width: 100%;
}
#dayflow .box.start .cover img.space {
margin-top: 10px;
}
}


#dayflow .box.start-1 .txt {
width: 20%;
}
#dayflow .box.start-1 .cover {
width: 80%;
align-items: flex-end;
order: -1;
position: relative;
}
#dayflow .box.start-1 .cover img.dec {
width: 40%;
position: absolute;
left: 10%;
bottom: -20%;
}

#dayflow .box.start-1 .cover img:first-child {
width: 70%;
padding-right: 3%;
}
#dayflow .box.start-1 .cover img:nth-child(2) {
width: 30%;
}
@media screen and (max-width: 980px) {
#dayflow .box.start-1 .txt {
width: 100%;
align-self: flex-start;
order: -1;
}
#dayflow .box.start-1 .cover {
width: 100%;
margin-top: 20%;
align-items: flex-end;
order: -1;
}
#dayflow .box.start-1 .cover img.dec {
width: 60%;
position: absolute;
left: -2%;
top: -6%;
bottom: initial;
}
#dayflow .box.start-1 .cover img:first-child {
width: 100%;
padding-right: 0;
}
#dayflow .box.start-1 .cover img:nth-child(2) {
width: 60%;
margin: 10px 0 0 auto;
}
}


#dayflow .box.welcome .txt {
width: 30%;
}
#dayflow .box.welcome .cover {
width: 70%;
}
#dayflow .box.welcome .cover img {
width: 48%;
}
#dayflow .box.welcome .cover img.space {
margin-top: 30%;
}
#dayflow .box.welcome .cover img:first-child {
width: 30%;
padding-right: 20px;
}
#dayflow .box.welcome .cover img:nth-child(2) {
width: 70%;
}
@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.welcome .txt {
width: 100%;
}
#dayflow .box.welcome .cover {
width: 100%;
margin-top: 40px;
}
#dayflow .box.welcome .cover img.space {
margin-top: 0;
}
#dayflow .box.welcome .cover img:first-child {
width: 50%;
margin: 0;
padding-right: 0;
}
#dayflow .box.welcome .cover img:nth-child(2) {
width: 100%;
margin-bottom: 10px;
order: -1;
}
}



#dayflow .box.rehearsal .txt {
width: 40%;
}
#dayflow .box.rehearsal .cover {
width: 60%;
order: -1;
}
#dayflow .box.rehearsal .cover img:first-child {
width: 61.25%;
padding-right: 20px;
}
#dayflow .box.rehearsal .cover img:nth-child(2) {
width: 38.75%;
}
@media screen and (max-width: 980px) {
#dayflow .box.rehearsal .txt {
width: 100%;
align-self: flex-start;
padding-left: 0;
order: -1;
}
#dayflow .box.rehearsal .cover {
width: 100%;
margin-top: 10%;
align-items: flex-end;
order: -1;
}
#dayflow .box.rehearsal .cover img:first-child {
width: 100%;
padding-right: 0;
margin-left:auto;
margin-right:0;
}
#dayflow .box.rehearsal .cover img:nth-child(2) {
width: 100%;
margin-top: 10px;
}
}


#dayflow .box.ceremony .txt {
width: 30%;
}
#dayflow .box.ceremony .cover {
width: 70%;
align-items: flex-end;
position: relative;
}
#dayflow .box.ceremony .cover img.dec {
width: 40%;
position: absolute;
right: 0;
bottom: -15%;
}
#dayflow .box.ceremony .cover img {
width: 48%;
}
#dayflow .box.ceremony .cover img.space {
margin-top: 30%;
}
#dayflow .box.ceremony .cover img:first-child {
width: 30%;
padding-right: 20px;
}
#dayflow .box.ceremony .cover img:nth-child(2) {
width: 70%;
}
@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.ceremony .txt {
width: 100%;
margin-top: 30px;
order: -1;
}
#dayflow .box.ceremony .cover {
width: 100%;
margin-top: 10%;
}
#dayflow .box.ceremony .cover img.dec {
width: 40%;
position: absolute;
right: -2%;
bottom: -30px;
}
#dayflow .box.ceremony .cover img.space {
margin-top: 30%;
}
#dayflow .box.ceremony .cover img:first-child {
width: 60%;
margin: 10px 0 0 auto;
padding-right: 0;
}
#dayflow .box.ceremony .cover img:nth-child(2) {
width: 100%;
order: -1;
}
}

#dayflow .box.ceremony-1 .cover {
width: 80%;
margin: 0 auto;
}
#dayflow .box.ceremony-1 .cover img {
width: 49%;
}
@media screen and (max-width: 980px) {
#dayflow .box.ceremony-1 .cover img {
display: block;
width: 100%;
margin-top: 10px;
}
}




#dayflow .box.ceremony-2 .txt {
width: 20%;
}
#dayflow .box.ceremony-2 .cover {
width: 80%;
order: -1;
}
@media screen and (max-width: 980px) {
#dayflow .box.ceremony-2 .txt {
width: 100%;
align-self: flex-start;
margin-top: 30px;
padding-left: 0;
order: -1;
}
#dayflow .box.ceremony-2 .cover {
width: 100%;
margin-top: 0;
align-items: flex-end;
}
#dayflow .box.ceremony-2 .cover img:first-child {
width: 100%;
padding-right: 0;
margin-top: 10%;
margin-left:auto;
margin-right:0;
}
#dayflow .box.ceremony-2 .cover img:nth-child(2) {
width: 100%;
margin-top: 10px;
}
}

#dayflow .box.party .txt {
width: 30%;
}
#dayflow .box.party .cover {
width: 70%;
align-items: flex-end;
}
#dayflow .box.party .cover img {
width: 48%;
}
#dayflow .box.party .cover img.space {
}
#dayflow .box.party .cover img:first-child {
width: 51.25%;
padding-right: 20px;
}
#dayflow .box.party .cover img:nth-child(2) {
width: 48.75%;
}
#dayflow .box.party-1 .txt {
width: 100%;
}
#dayflow .box.party-1 .cover {
width: 100%;
margin-top: 60px;
}
#dayflow .box.party-1 .cover img {
width: 49%;
}
@media screen and (max-width: 980px) {
#dayflow .box.party-1 .cover img {
width: 100%;
margin-top: 10px;
}
}

@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.party .txt {
width: 100%;
}
#dayflow .box.party .cover {
width: 100%;
margin-top: 10%;
align-items: flex-start;
}
#dayflow .box.party .cover img:first-child {
width: 100%;
padding-right: 0;
}
#dayflow .box.party .cover img:nth-child(2) {
width: 60%;
margin: 20px 0 0;
}
#dayflow .box.party .cover img.space {
}
}

#dayflow .box.relax .txt {
width: 100%;
margin-top: 60px;
}
#dayflow .box.relax .cover {
width: 100%;
order: -1;
}
@media screen and (max-width: 980px) {
#dayflow .box.relax .txt {
width: 100%;
margin-top: 30px;
align-self: flex-start;
padding-left: 0;
order: -1;
}
#dayflow .box.relax .cover {
width: 100%;
margin-top: 10%;
align-items: flex-end;
}
}


#dayflow .box.relax-1 .txt {
width: 30%;
}
#dayflow .box.relax-1 .cover {
width: 70%;
align-items: flex-end;
order: -1;
}
#dayflow .box.relax-1 .cover img {
width: 48%;
}
#dayflow .box.relax-1 .cover img.space {
}
#dayflow .box.relax-1 .cover img:first-child {
width: 61.25%;
padding-right: 20px;
}
#dayflow .box.relax-1 .cover img:nth-child(2) {
width: 38.75%;
}
@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.relax-1 .txt {
width: 100%;
margin-top: 0;
order: -1;
}
#dayflow .box.relax-1 .cover {
width: 100%;
align-items: flex-start;
}
#dayflow .box.relax-1 .cover img:first-child {
width: 100%;
margin-top: 10%;
padding-right: 0;
}
#dayflow .box.relax-1 .cover img:nth-child(2) {
width: 60%;
margin: 10px 0 0 auto;
}
#dayflow .box.relax-1 .cover img.space {
}
}


#dayflow .box.dinner .txt {
width: 60%;
}
#dayflow .box.dinner .cover {
width: 40%;
position: relative;
}
#dayflow .box.dinner .cover img.dec {
width: 40%;
position: absolute;
left: -26%;
bottom: -6%;
}
@media screen and (max-width: 980px) {
#dayflow .box.dinner .txt {
width: 100%;
align-self: flex-start;
padding-left: 0;
order: -1;
}
#dayflow .box.dinner .cover {
width: 100%;
margin-top: 10%;
align-items: flex-end;
order: -1;
}
#dayflow .box.dinner .cover img.dec {
width: 60%;
position: absolute;
left: initial;
right: 0;
bottom: -40px;
}
}

#dayflow .box.dinner-1 .txt {
width: 30%;
}
#dayflow .box.dinner-1 .cover {
width: 70%;
align-items: flex-end;
order: -1;
}
#dayflow .box.dinner-1 .cover img {
width: 48%;
}
#dayflow .box.dinner-1 .cover img.space {
}
@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.dinner-1 .txt {
width: 100%;
padding-left: 0;
order: -1;
align-items: flex-start;
align-self: flex-start;
}
#dayflow .box.dinner-1 .cover {
width: 100%;
margin-top: 10%;
padding-left: 0;

}
#dayflow .box.dinner-1 .cover img:first-child {
width: 100%;
padding-right: 0;
margin-left:auto;
margin-right:0;
}
#dayflow .box.dinner-1 .cover img:nth-child(2) {
width: 70%;
margin: 10px 0 0;
}
#dayflow .box.dinner-1 .cover img.space {
}
}

#dayflow .box.breakfast .txt {
width: 30%;
}
#dayflow .box.breakfast .cover {
width: 70%;
order: -1;
}
@media screen and (max-width: 980px) {
#dayflow .box.breakfast .txt {
width: 100%;
align-self: flex-start;
padding-left: 0;
order: -1;
}
#dayflow .box.breakfast .cover {
width: 100%;
margin-top: 10%;
align-items: flex-end;

}
#dayflow .box.breakfast .cover img:first-child {
width: 100%;
padding-right: 0;
margin-left:auto;
margin-right:0;
}
#dayflow .box.breakfast .cover img:nth-child(2) {
width: 100%;
margin-top: 10px;
}
}

#dayflow .box.breakfast-1 .txt {
width: 40%;
}
#dayflow .box.breakfast-1 .cover {
width: 60%;
align-items: flex-start;
}
#dayflow .box.breakfast-1 .cover img:first-child {
width: 39.5%;
}
#dayflow .box.breakfast-1 .cover img:nth-child(2) {
width: 60.5%;
padding-left: 10px;
}
#dayflow .box.breakfast-1 .cover img.space {
}
@media screen and (max-width: 980px) {
#dayflow .box .box-flex {
padding: 0;
}
#dayflow .box.breakfast-1 .txt {
width: 100%;
padding-left: 0;
order: -1;
align-items: flex-start;
align-self: flex-start;
}
#dayflow .box.breakfast-1 .cover {
width: 100%;
padding-left: 0;

}
#dayflow .box.breakfast-1 .cover img:first-child {
width: 50%;
margin: 10% 0 0 auto;
}
#dayflow .box.breakfast-1 .cover img:nth-child(2) {
width: 100%;
margin: 5% auto 0;
}
#dayflow .box.breakfast-1 .cover img.space {
}
}

#dayflow .box.breakfast-2 .txt {
width: 100%;
margin-top: 60px;
}
#dayflow .box.breakfast-2 .cover {
width: 100%;
order: -1;
}
@media screen and (max-width: 980px) {
#dayflow .box.breakfast-2 .txt {
margin-top: 0;
}
#dayflow .box.breakfast-2 .cover {
order: 0;
margin-top: 10%;
}
}


.btn-back {
background: #aa9d80;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.btn-back:hover {
background: #666;
}
.btn-back a {
display: block;
padding: 60px 0;
font-family: "Libre Caslon Display", serif;
font-size: 24px;
letter-spacing: 0.25em;
line-height: 24px;
color: #fff;
}
@media screen and (max-width: 768px) {
.btn-back a {
display: block;
padding: 35px 0;
font-family: "Libre Caslon Display", serif;
font-size: 18px;
letter-spacing: 0.25em;
line-height: 18px;
color: #fff;
}
}