@charset 'utf-8';

/* hr */
.index hr,
.entry hr { border:0; padding:8px;}
.index hr:before,
.entry hr:before {
display:block;
width:100%; height:4px;
background:rgb(0,0,0,25%);
border:solid 1px; border-radius:2px;
border-color:rgb(255,255,255,12.5%) rgb(255,255,255,25%) rgb(255,255,255,50%);
content:'';
}
/* hr */

/* year */
.year { padding:12px;}
.year ul { display:flex; flex-wrap:wrap; justify-content:center; padding:4px;}
.year li { padding:2px;}
.year a {
position:relative;
display:block;
background:linear-gradient(rgb(0,0,0,50%),rgb(0,0,0,25%));
border:solid 1px rgb(255,255,255,50%);
box-shadow:0 2px 2px rgb(0,0,0,50%);
color:rgb(255,255,255,50%); font-size:12px; text-decoration:none;
padding:8px;
}
.year a:after {
position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px;
display:block;
content:'';
}
.year a:hover:after { animation:year-a 1s forwards;}
@keyframes year-a { 0% { background:#FFF;}}
.year a.on {
background:linear-gradient(rgb(255,255,255,25%),transparent);
border-color:#FFF;
color:#FFF;
}
/* year */

/* index */
.index { max-width:768px; padding:8px; margin:0 auto;}
.index dl { display:flex; flex-wrap:wrap; padding:4px;}
.index dt,
.index dd {
font-size:16px; line-height:1.25; color:rgb(255,255,255,66.6%); font-weight:normal;
padding:4px;
}
.index dt { width:8em; text-align:right;}
.index dd { width:calc(100% - 8em);}
.index a { color:#FFF;}
.index p.cap {
font-size:14px; color:rgb(255,255,255,66.6%);
margin-left:1em; margin-top:4px;
}
.index p.nohit { font-size:16px; line-height:1.5; text-align:center; padding:8px;}
@media screen and ( max-width:768px ){
.index dt,
.index dd { font-size:14px;}
.index p.cap { font-size:12px;}
}
@media screen and ( max-width:480px ){
.index { padding:4px;}
.index dt,
.index dd { width:100%;}
.index dt { font-size:12px; text-align:left; padding-bottom:0;}
.index dd { padding-left:calc(4px + 1em);}
}
/* index */

/* entry */
.entry {
max-width:768px; width:100%;
padding:24px;
margin:0 auto;
}
.entry > h4,
.entry > p,
.entry > ul,
.entry > ol { padding:8px;}

.entry a { color:#6FC;}
.entry h4 { font-size:18px;}
.entry p,
.entry ul,
.entry ol { font-size:16px; line-height:1.5;}
.entry ul { padding-left:2em; list-style:none;}
.entry ol { padding-left:2em;}
.entry li + li { margin-top:0.25em;}
.entry ul li { position:relative;}
.entry ul li:before { position:absolute; left:-1em; top:0; content:'\30fb';}

.entry span { color:#F66; font-weight:normal;}/* red */

.entry p.summary { font-size:14px; margin-top:0.5em;}
.entry p.summary br,
.entry p.summary:empty { display:none;}

.entry ul.notice { color:rgb(255,255,255,66.6%); font-size:14px; line-height:1.25;}
.entry ul.notice li:before { content:'\203b';}/* ※ */

.entry p.back a {
display:block;
background:rgb();
color:#FFF;
}

@media screen and ( max-width:768px ){
.entry { padding:8px;}
.entry h4 { font-size:14px;}
.entry p,
.entry ul,
.entry ol { font-size:14px;}
.entry p.summary { font-size:12px;}
.entry ul.notice { font-size:12px;}
}
/* detail */