@charset "Shift_JIS";
/* 短編  */
a { color: #000000; padding: 3px; }
h3 { text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-image-slice: 1; padding: 10px; margin: 50px 0px 0px; }

.main-box { display: grid; grid-template-columns: 10px 1fr 10px; grid-template-rows: 10px 1fr 10px; }
.short-content { background-color: #ffffff; }

.CR { margin-top: 3px; }



/* ---------------------------------------------------------------------------------------------------- */
/* 短編01 */
.short01 { background-color: #000000; background-image: url("haikei_short01.png");
    background-repeat: no-repeat; background-position: top left; background-attachment: scroll; }

.short01 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss01), transparent 95%); }
.short01 a:hover { color: var(--color-ss01); background-color: var(--color-ss01t); }

.short01 .main-box { margin-top: 428px; }
.short01 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss01) 35%, transparent 70%); }
.short01 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss01), transparent); }
.short01 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss01) 35%, transparent 70%); }
.short01 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss01), transparent); }
.short01 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss01), transparent); }
.short01 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss01) 35%, transparent 70%); }
.short01 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss01), transparent); }
.short01 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss01) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short01 { background-size: 100%; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編02 */
.short02 { background-color: #ffffff; background-image: url("haikei_short02.png"); 
    background-repeat: repeat-x; background-position: bottom center; background-attachment: scroll; }

.short02 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss02), transparent 95%); }
.short02 a:hover { color: var(--color-ss02); background-color: var(--color-ss02t); }

.short02 .main-box { margin-bottom: 214px; }
.short02 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss02) 35%, transparent 70%); }
.short02 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss02), transparent); }
.short02 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss02) 35%, transparent 70%); }
.short02 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss02), transparent); }
.short02 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss02), transparent); }
.short02 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss02) 35%, transparent 70%); }
.short02 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss02), transparent); }
.short02 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss02) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編03 */
.short03 { background-color: #000000; background-image: url("haikei_short03.png"); 
    background-repeat: no-repeat; background-position: top left; background-attachment: fixed; }

.short03 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss03), transparent 95%); }
.short03 a:hover { color: var(--color-ss03); background-color: var(--color-ss03t); }

.short03 .main-box { margin-top: 350px; }
.short03 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss03) 35%, transparent 70%); }
.short03 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss03), transparent); }
.short03 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss03) 35%, transparent 70%); }
.short03 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss03), transparent); }
.short03 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss03), transparent); }
.short03 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss03) 35%, transparent 70%); }
.short03 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss03), transparent); }
.short03 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss03) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short03 { background-size: 100%; }
    .short03 .main-box { margin-top: 200px; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編04 */
.short04 { background-color: #ffffff; background-image: url("haikei_short04.png"); 
    background-repeat: no-repeat; background-position: bottom left; background-attachment: fixed; }

.short04 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss04), transparent 95%); }
.short04 a:hover { color: var(--color-ss04); background-color: var(--color-ss04t); }

.short04 .main-box { margin-bottom: 396px; }
.short04 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss04) 35%, transparent 70%); }
.short04 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss04), transparent); }
.short04 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss04) 35%, transparent 70%); }
.short04 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss04), transparent); }
.short04 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss04), transparent); }
.short04 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss04) 35%, transparent 70%); }
.short04 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss04), transparent); }
.short04 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss04) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short04 { background-size: 100%; }
    .short04 .main-box { margin-bottom: 300px; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編05 */
.short05 { background-color: #ffffff; background-image: url("haikei_short05.png"); 
    background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; }

.short05 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss05), transparent 95%); }
.short05 a:hover { color: var(--color-ss05); background-color: var(--color-ss05t); }

.short05 .main-box { margin-bottom: 369px; }
.short05 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss05) 35%, transparent 70%); }
.short05 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss05), transparent); }
.short05 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss05) 35%, transparent 70%); }
.short05 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss05), transparent); }
.short05 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss05), transparent); }
.short05 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss05) 35%, transparent 70%); }
.short05 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss05), transparent); }
.short05 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss05) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short05 { background-size: 100%; }
    .short05 .main-box { margin-bottom: 300px; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編06 */
.short06 { background-color: #000000; background-image: url("haikei_short06.png"); 
    background-repeat: no-repeat; background-position: bottom left; background-attachment: fixed; }

.short06 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss06), transparent 95%); }
.short06 a:hover { color: var(--color-ss06); background-color: var(--color-ss06t); }

.short06 .main-box { margin-bottom: 412px; }
.short06 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss06) 35%, transparent 70%); }
.short06 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss06), transparent); }
.short06 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss06) 35%, transparent 70%); }
.short06 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss06), transparent); }
.short06 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss06), transparent); }
.short06 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss06) 35%, transparent 70%); }
.short06 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss06), transparent); }
.short06 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss06) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short06 { background-size: 100%; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編07 */
.short07 { background-color: #ffffff; background-image: url("haikei_short07.png"); 
    background-repeat: no-repeat; background-position: top left; background-attachment: fixed; }

.short07 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss07), transparent 95%); }
.short07 a:hover { color: var(--color-ss07); background-color: var(--color-ss07t); }

.short07 .main-box { margin-top: 500px; }
.short07 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss07) 35%, transparent 70%); }
.short07 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss07), transparent); }
.short07 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss07) 35%, transparent 70%); }
.short07 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss07), transparent); }
.short07 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss07), transparent); }
.short07 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss07) 35%, transparent 70%); }
.short07 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss07), transparent); }
.short07 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss07) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short07 { background-size: 100%; }
    .short07 .main-box { margin-top: 400px; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編08 */
.short08 { background-color: #000000; background-image: url("haikei_short08.png"); 
    background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; }

.short08 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss08), transparent 95%); }
.short08 a:hover { color: var(--color-ss08); background-color: var(--color-ss08t); }

.short08 .main-box { margin-bottom: 350px; }
.short08 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss08) 35%, transparent 70%); }
.short08 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss08), transparent); }
.short08 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss08) 35%, transparent 70%); }
.short08 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss08), transparent); }
.short08 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss08), transparent); }
.short08 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss08) 35%, transparent 70%); }
.short08 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss08), transparent); }
.short08 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss08) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short08 { background-size: 100%; }
    .short08 .main-box { margin-bottom: 300px; }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 短編09 */
.short09 { background-color: #000000; background-image: url("haikei_short09.png"); 
    background-repeat: no-repeat; background-position: top left; background-attachment: fixed; }

.short09 h3 { border-image-source: linear-gradient(to right, transparent 5%, var(--color-ss09), transparent 95%); }
.short09 a:hover { color: var(--color-ss09); background-color: var(--color-ss09t); }

.short09 .main-box { margin-top: 329px; }
.short09 .short-topleft { background-image: radial-gradient(circle at bottom right, #ffffff, var(--color-ss09) 35%, transparent 70%); }
.short09 .short-top { background-image: linear-gradient(to top, #ffffff, var(--color-ss09), transparent); }
.short09 .short-topright { background-image: radial-gradient(circle at bottom left, #ffffff, var(--color-ss09) 35%, transparent 70%); }
.short09 .short-left { background-image: linear-gradient(to left, #ffffff, var(--color-ss09), transparent); }
.short09 .short-right { background-image: linear-gradient(to right, #ffffff, var(--color-ss09), transparent); }
.short09 .short-bottomleft { background-image: radial-gradient(circle at top right, #ffffff, var(--color-ss09) 35%, transparent 70%); }
.short09 .short-bottom { background-image: linear-gradient(to bottom, #ffffff, var(--color-ss09), transparent); }
.short09 .short-bottomright { background-image: radial-gradient(circle at top left, #ffffff, var(--color-ss09) 35%, transparent 70%); }
/* スマホ対応用 */
@media (max-width: 480px) {
    .short09 { background-size: 100%; }
    .short09 .main-box { margin-top: 220px; }
}
/* ---------------------------------------------------------------------------------------------------- */