@charset "Shift_JIS";
/* Instagram過去ログ */
.main-box { background-color: #ffffff; width: 800px; margin: 0px auto; }
a { color: #00376b; line-height: 1; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
a:hover { border-bottom-color: #00376b; }

img { max-width: 100%; height: auto; }

h1 { font-family: serif; font-size: 1.5rem; text-align: center; margin: 30px 0px 10px; }
.top-comment { font-size: 0.75rem; text-align: center; margin-bottom: 30px; }

.top-link { border: 1px solid #c7c7c7; border-radius: 5px; width: min-content; margin: 0px auto 100px; }
.link-title { font-size: 0.75rem; text-align: center; border-bottom: 1px solid #c7c7c7; padding: 3px; }
.link-img { display: grid; grid-template-columns: 100px 100px 100px; column-gap: 3px; row-gap: 3px; margin: 10px; }
.link-img a { border: 0px; }



.content { border: 1px solid #c7c7c7; border-radius: 5px; width: min-content; padding: 10px 10px 0px; margin: 0px auto 100px; }
    .log-img { display: grid; grid-template-columns: 300px 300px; column-gap: 5px; row-gap: 5px; }
    .log-text { line-height: 120%; border-top: 1px solid #c7c7c7; padding: 10px; margin: 10px auto 0px; }
    .log-time { color: #737373; font-size: 0.75rem; text-align: right; border-top: 1px solid #c7c7c7; padding: 5px 10px 5px; }



.top-back-link { font-size: 0.75rem; text-align: right; }

.back-link { font-size: 0.75rem; text-align: center; margin: 100px 0px 3px; }
.back-link a { margin: 5px 10px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .top-link { width: auto; }
    .link-img { grid-template-columns: 1fr 1fr 1fr; }
    .content { width: auto; }
    .log-img { grid-template-columns: 1fr; }
}
/* ---------------------------------------------------------------------------------------------------- */
/*
桜の記号は「❀」で出る
ハートの記号は「♡」で出る
*/