@charset "Shift_JIS";
/* 手紙越しの旦那様 */
h2 { text-align: center; border-top: 1px dashed var(--color-TD-sub); border-bottom: 1px dashed var(--color-TD-sub); padding: 5px;
    margin-top: 30px; }
h3 { font-size: 0.75rem; text-align: center; border-top: 1px dashed var(--color-TD-sub); border-bottom: 1px dashed var(--color-TD-sub);
    padding: 3px; margin-top: 5px; }
a { color: var(--color-TD); border-top: 1px dashed transparent; border-bottom: 1px dashed transparent; }
a:hover { border-bottom-color: var(--color-TD-sub); }

.main-box { display: grid; grid-template-columns: 30px 1fr 30px; border-width: 0px; width: 620px; margin: 0px auto; }
.main-box2 { background-color: #ffffff; }
.box-left { background-image: linear-gradient(to left, #ffffff 20%, var(--color-TD-pale), #ffffff); }
.box-right { background-image: linear-gradient(to left, #ffffff, var(--color-TD-pale), #ffffff 80%); }

.novel-link { border-top: 1px dashed var(--color-TD-sub); border-bottom: 1px dashed var(--color-TD-sub); padding: 2px; margin: 15px 0px; }
.CR { border-top: 1px dashed var(--color-TD-sub); border-bottom: 1px dashed var(--color-TD-sub); margin-bottom: 3px; }


/* ---------------------------------------------------------------------------------------------------- */
.letter { background-color: var(--color-TD-pale); }
.letter .main-box { background-color: #ffffff; border: 1px solid var(--color-TD-sub); width: 600px; }
.letter .main-box2 { grid-column-start: 1; grid-column-end: 4; border: 1px solid var(--color-TD-sub); padding: 5px 10px; margin: 5px; }
.letter .novel-link { margin: 3px 0px; }




/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) { 
    .mobile .main-box { margin: 0px; }
    
    .mobile.letter .main-box { width: auto; margin: 10px; }
}
/* ---------------------------------------------------------------------------------------------------- */