@charset "Shift_JIS";
/* ブログ過去ログ */
body { background-color: #dcecec; }
.main-box { background-color: #ffffff; width: 800px; padding: 30px; margin: 30px auto; }
a { color: #289c9c; line-height: 1; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
a:hover { border-bottom-color: #289c9c; }

h1 { color: #289c9c; font-family: "symbol-font", serif; font-size: 1.5rem; margin: 30px 0px 10px; }
.top-comment { font-size: 0.75rem; margin: 0px 0px 20px 3em; }

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


.log-box  { margin: 50px 30px; }
.log-box a  { display: block; color: #000000; border-bottom: 1px solid #289c9c; padding: 5px; margin: 20px 10px; }
.log-box a:hover  { color: #289c9c; }


/* 記事ページ */
.log-textbox { margin: 50px 30px; }
    .log-time { font-size: 0.75rem; text-align: right; margin: 10px; }
    .log-img { width: 100%; height: 0; margin: 0px; }
    .log-img.cover0001 { background: url("img/0001.png") no-repeat center; background-size: contain; padding-top: 56.2%; }
    .log-img.cover0002-1 { background: url("img/0002-1.png") no-repeat center; background-size: contain; padding-top: 66.7%; }
    .log-img.cover0002-2 { background: url("img/0002-2.png") no-repeat center; background-size: contain; padding-top: 73.5%; }
    .log-img.cover0003-01 { background: url("img/0003-01.png") no-repeat center; background-size: contain; padding-top: 57.5%; }
    .log-img.cover0003-02 { background: url("img/0003-02.png") no-repeat center; background-size: contain; padding-top: 67.5%; }
    .log-img.cover0003-03 { background: url("img/0003-03.png") no-repeat center; background-size: contain; padding-top: 84.8%; }
    .log-img.cover0003-04 { background: url("img/0003-04.png") no-repeat center; background-size: contain; padding-top: 84.8%; }
    .log-img.cover0003-05 { background: url("img/0003-05.png") no-repeat center; background-size: contain; padding-top: 84.8%; }
    .log-img.cover0003-06 { background: url("img/0003-06.png") no-repeat center; background-size: contain; padding-top: 84.8%; }
    .log-img.cover0003-07 { background: url("img/0003-07.png") no-repeat center; background-size: contain; padding-top: 84.7%; }
    .log-img.cover0003-08 { background: url("img/0003-08.png") no-repeat center; background-size: contain; padding-top: 82.2%; }
    .log-img.cover0003-09 { background: url("img/0003-09.png") no-repeat center; background-size: contain; padding-top: 82.2%; }
    .log-img.cover0003-10 { background: url("img/0003-10.png") no-repeat center; background-size: contain; padding-top: 82.2%; }
    .log-img.cover0003-11 { background: url("img/0003-11.png") no-repeat center; background-size: contain; padding-top: 82.2%; }
    .log-img.cover0003-12 { background: url("img/0003-12.png") no-repeat center; background-size: contain; padding-top: 82.2%; }
    .log-img.cover0003-13 { background: url("img/0003-13.png") no-repeat center; background-size: contain; padding-top: 83.8%; }
    .log-img.cover0003-14 { background: url("img/0003-14.png") no-repeat center; background-size: contain; padding-top: 83.8%; }
    .log-img.cover0003-15 { background: url("img/0003-15.png") no-repeat center; background-size: contain; padding-top: 83.8%; }
    .log-img.cover0003-16 { background: url("img/0003-16.png") no-repeat center; background-size: contain; padding-top: 83.8%; }
    .log-img.cover0003-17 { background: url("img/0003-17.png") no-repeat center; background-size: contain; padding-top: 83.7%; }
    .log-img.cover0003-18 { background: url("img/0003-18.png") no-repeat center; background-size: contain; padding-top: 76.7%; }
    .log-img.cover0004-1 { background: url("img/0004-1.png") no-repeat center; background-size: contain; padding-top: 75%; }
    .log-img.cover0004-2 { background: url("img/0004-2.png") no-repeat center; background-size: contain; padding-top: 74.5%; }
    .log-img.cover0005-01 { background: url("img/0005-01.png") no-repeat center; background-size: contain; padding-top: 50.1%; }
    .log-img.cover0005-02 { background: url("img/0005-02.png") no-repeat center; background-size: contain; padding-top: 61.2%; }
    .log-img.cover0005-03 { background: url("img/0005-03.png") no-repeat center; background-size: contain; padding-top: 69.1%; }
    .log-img.cover0005-04 { background: url("img/0005-04.png") no-repeat center; background-size: contain; padding-top: 69.1%; }
    .log-img.cover0005-05 { background: url("img/0005-05.png") no-repeat center; background-size: contain; padding-top: 69.1%; }
    .log-img.cover0005-06 { background: url("img/0005-06.png") no-repeat center; background-size: contain; padding-top: 69.1%; }
    .log-img.cover0005-07 { background: url("img/0005-07.png") no-repeat center; background-size: contain; padding-top: 69.1%; }
    .log-img.cover0005-08 { background: url("img/0005-08.png") no-repeat center; background-size: contain; padding-top: 77.7%; }
    .log-img.cover0005-09 { background: url("img/0005-09.png") no-repeat center; background-size: contain; padding-top: 77.7%; }
    .log-img.cover0005-10 { background: url("img/0005-10.png") no-repeat center; background-size: contain; padding-top: 77.7%; }
    .log-img.cover0005-11 { background: url("img/0005-11.png") no-repeat center; background-size: contain; padding-top: 77.7%; }
    .log-img.cover0005-12 { background: url("img/0005-12.png") no-repeat center; background-size: contain; padding-top: 77.7%; }
    .log-img.cover0005-13 { background: url("img/0005-13.png") no-repeat center; background-size: contain; padding-top: 80.6%; }
    .log-img.cover0005-14 { background: url("img/0005-14.png") no-repeat center; background-size: contain; padding-top: 80.6%; }
    .log-img.cover0005-15 { background: url("img/0005-15.png") no-repeat center; background-size: contain; padding-top: 80.6%; }
    .log-img.cover0005-16 { background: url("img/0005-16.png") no-repeat center; background-size: contain; padding-top: 80.6%; }
    .log-img.cover0005-17 { background: url("img/0005-17.png") no-repeat center; background-size: contain; padding-top: 80.6%; }
    .log-img.cover0005-18 { background: url("img/0005-18.png") no-repeat center; background-size: contain; padding-top: 71.6%; }
    .log-img.cover0006-1 { background: url("img/0006-1.png") no-repeat center; background-size: contain; padding-top: 66.7%; }
    .log-img.cover0006-2 { background: url("img/0006-2.png") no-repeat center; background-size: contain; padding-top: 75.3%; }
    .log-img.cover0007-01 { background: url("img/0007-01.png") no-repeat center; background-size: contain; padding-top: 47.7%; }
    .log-img.cover0007-02 { background: url("img/0007-02.png") no-repeat center; background-size: contain; padding-top: 55.2%; }
    .log-img.cover0007-03 { background: url("img/0007-03.png") no-repeat center; background-size: contain; padding-top: 83.6%; }
    .log-img.cover0007-04 { background: url("img/0007-04.png") no-repeat center; background-size: contain; padding-top: 83.6%; }
    .log-img.cover0007-05 { background: url("img/0007-05.png") no-repeat center; background-size: contain; padding-top: 83.6%; }
    .log-img.cover0007-06 { background: url("img/0007-06.png") no-repeat center; background-size: contain; padding-top: 83.6%; }
    .log-img.cover0007-07 { background: url("img/0007-07.png") no-repeat center; background-size: contain; padding-top: 83.6%; }
    .log-img.cover0007-08 { background: url("img/0007-08.png") no-repeat center; background-size: contain; padding-top: 85.8%; }
    .log-img.cover0007-09 { background: url("img/0007-09.png") no-repeat center; background-size: contain; padding-top: 85.8%; }
    .log-img.cover0007-10 { background: url("img/0007-10.png") no-repeat center; background-size: contain; padding-top: 85.8%; }
    .log-img.cover0007-11 { background: url("img/0007-11.png") no-repeat center; background-size: contain; padding-top: 85.8%; }
    .log-img.cover0007-12 { background: url("img/0007-12.png") no-repeat center; background-size: contain; padding-top: 85.8%; }
    .log-img.cover0007-13 { background: url("img/0007-13.png") no-repeat center; background-size: contain; padding-top: 85.8%; }
    .log-img.cover0007-14 { background: url("img/0007-14.png") no-repeat center; background-size: contain; padding-top: 72.1%; }
    .log-img.cover0007-15 { background: url("img/0007-15.png") no-repeat center; background-size: contain; padding-top: 72.1%; }
    .log-img.cover0007-16 { background: url("img/0007-16.png") no-repeat center; background-size: contain; padding-top: 72.1%; }
    .log-img.cover0007-17 { background: url("img/0007-17.png") no-repeat center; background-size: contain; padding-top: 72.1%; }
    .log-img.cover0007-18 { background: url("img/0007-18.png") no-repeat center; background-size: contain; padding-top: 72.1%; }
    .log-img.cover0007-19 { background: url("img/0007-19.png") no-repeat center; background-size: contain; padding-top: 73.1%; }
    .log-img.cover0008-01 { background: url("img/0008-01.png") no-repeat center; background-size: contain; padding-top: 48.6%; }
    .log-img.cover0008-02 { background: url("img/0008-02.png") no-repeat center; background-size: contain; padding-top: 58.8%; }
    .log-img.cover0008-03 { background: url("img/0008-03.png") no-repeat center; background-size: contain; padding-top: 75.3%; }
    .log-img.cover0008-04 { background: url("img/0008-04.png") no-repeat center; background-size: contain; padding-top: 75.3%; }
    .log-img.cover0008-05 { background: url("img/0008-05.png") no-repeat center; background-size: contain; padding-top: 75.3%; }
    .log-img.cover0008-06 { background: url("img/0008-06.png") no-repeat center; background-size: contain; padding-top: 75.3%; }
    .log-img.cover0008-07 { background: url("img/0008-07.png") no-repeat center; background-size: contain; padding-top: 75.3%; }
    .log-img.cover0008-08 { background: url("img/0008-08.png") no-repeat center; background-size: contain; padding-top: 91.1%; }
    .log-img.cover0008-09 { background: url("img/0008-09.png") no-repeat center; background-size: contain; padding-top: 91.1%; }
    .log-img.cover0008-10 { background: url("img/0008-10.png") no-repeat center; background-size: contain; padding-top: 91.1%; }
    .log-img.cover0008-11 { background: url("img/0008-11.png") no-repeat center; background-size: contain; padding-top: 91.1%; }
    .log-img.cover0008-12 { background: url("img/0008-12.png") no-repeat center; background-size: contain; padding-top: 91.1%; }
    .log-img.cover0008-13 { background: url("img/0008-13.png") no-repeat center; background-size: contain; padding-top: 85.4%; }
    .log-img.cover0008-14 { background: url("img/0008-14.png") no-repeat center; background-size: contain; padding-top: 85.4%; }
    .log-img.cover0008-15 { background: url("img/0008-15.png") no-repeat center; background-size: contain; padding-top: 85.4%; }
    .log-img.cover0008-16 { background: url("img/0008-16.png") no-repeat center; background-size: contain; padding-top: 85.4%; }
    .log-img.cover0008-17 { background: url("img/0008-17.png") no-repeat center; background-size: contain; padding-top: 85.4%; }
    .log-img.cover0008-18 { background: url("img/0008-18.png") no-repeat center; background-size: contain; padding-top: 81.1%; }
    .log-link { margin: 50px 30px; }
        .log-link-title { color: #ffffff; background-color: #289c9c; padding: 10px; }
        .log-link-content { border: 1px solid #289c9c; padding: 5px; }
        .log-link-content ol { padding-left: 20px; }
        .log-link-content li { margin: 15px; }
        .log-link-content a { display: block; color: #000000; border-bottom: 1px solid #289c9c; }
        .log-link-content a:hover  { color: #289c9c; }
        .log-link-content ol ol a { border-bottom-style: dashed; }
    
    h2 { font-size: 1.5rem; border-bottom: 1px solid #289c9c; margin: 100px 0px 10px; }
    h3 { font-size: 1.25rem; border-bottom: 1px dashed #289c9c; margin: 50px 0px 10px; }
    .ma-to { margin-top: 10px; }
    .ma-bo { margin-bottom: 10px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .main-box { padding: 20px; }
    h1 { margin-top: 20px; }
    .top-comment { margin-left: 2em; }
    .log-box  { margin: 50px 10px; }
    
    .log-textbox { margin: 50px 10px; }
    .log-link { margin: 50px 0px; }
}
/* ---------------------------------------------------------------------------------------------------- */
/*
桜の記号は「❀」で出る
*/