@charset "utf-8";

#main .content{ background-color: #fffde5; }
#main .content .content-body{ box-sizing: border-box; width: 100%; padding: 10% 5%; }
#main .content .content-body .line-ttl{ width: 80%; margin: 0 auto; }
#main .content .content-body .date{ text-align: center; font-size: 1rem; margin: 5% auto 0; }
#main .content .content-body .split-view{ margin: 5% auto 0; overflow: hidden; }
#main .content .content-body .split-view .photo{ float: right; width: 40%; padding: 0 0 3% 3%; }
#main .content .content-body .split-view .txt-body .txt{ font-size: 1rem; }
#main .content .content-body .split-view .txt-body .caption{ font-size: 0.8461rem; }
#main .content .content-body .friend{ background-color: #cbe5cd; border-radius: 8px; margin-top: 7%; padding: 7% 5%; }
#main .content .content-body .friend .ttl{ width: 80%; margin: 0 auto; }
#main .content .content-body .friend .copy{ text-align: center; font-size: 1rem; margin-top: 3%; }
#main .content .content-body .friend .friend-split{ display: flex; display: -ms-flex; align-items: center; justify-content: center; margin-top: 5%; }
#main .content .content-body .friend .friend-split .qr{ width: 25.2747%; margin-right: 2%; }
#main .content .content-body .friend .friend-split .txt{ font-size: 1rem; white-space: nowrap; }




@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}