html{scroll-behavior:smooth}main{& .history{border:1px dotted var(--color-primary);margin:1em 0em;padding:0.5em 0.5em 0em;border-radius:0.5em;line-height:1.5;& ul{margin:0.5em 0.25em;& li{padding-left:0.25em;text-indent:-0.25em;&:not(:last-child){padding-bottom:0.25em;margin-bottom:0.25em;border-bottom:1px dotted var(--color-border)}& a{font-size:var(--fs-sm);display:block;position:relative;transition:all 250ms 100ms ease;opacity:1;left:0em;&:hover{text-decoration:none;opacity:0.5;position:relative}}}}& .new_mark{background-color:var(--color-badge-red)}& .cng_mark{background-color:var(--color-badge-blue)}& .new_mark,& .cng_mark{color:var(--color-white);text-align:center;border:none;margin:0px 10px 2px;padding:2px 10px;font-size:var(--fs-2xs)}}& .th-dark-blue{background:var(--color-table-header-blue);color:var(--color-white)}& .th-yellow{background:var(--color-marker);color:var(--color-text)}& .category_box{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em;margin:1.5em 0em;& a{box-sizing:border-box;width:100%;border:2.0px solid var(--color-primary);border-radius:0.25em;position:relative;transition:box-shadow 200ms ease,opacity 200ms ease;text-decoration:none;bottom:0em;@media only screen and (min-width:600px){width:calc(50% - 0.5em);margin:0.5em 0em}@media only screen and (min-width:960px){width:calc((100% - 2em) / 3)}&:hover{text-decoration:none;opacity:0.85;box-shadow:0 4px 12px var(--color-primary-shadow)}& .title{display:block;padding:1px 0px 0px;text-align:center;font-size:var(--fs-md);color:var(--color-primary-text);border:3px solid var(--color-primary);background:linear-gradient(225deg,transparent 13px,var(--color-primary) 0%)}& .eyecatch_photo{display:block;margin:0em auto;text-align:center;width:100%;height:200px;object-fit:cover;position:relative;@media only screen and (min-width:600px){height:80px}}& .cnt{display:block;padding:0.5em;font-size:var(--fs-sm)}}}& .basic_box{margin-left:1em;margin-right:1em;clear:both;line-height:1.9;& li{margin-bottom:0.75em}}}