/*2026-08 added page-result-6prefs*/
.login-status{font-size: 12px;text-align: right; margin-bottom: 16px;color: crimson;font-weight: bold;}
.post-password{display: flex;justify-content: center;}
.select-area-text {font-weight: 900;padding: 0 18px;margin-bottom: 20px;}
.region-button-wrap{display:flex;flex-wrap: wrap;gap: 12px;justify-content: center;width: 100%;}
.region-button-wrap .region-button:nth-of-type(1){width:32%;margin: 0 34%;}
.region-button{width: 32%;position: relative;}
.region-button::before {position: absolute;content: "";width: 10%;height: 3px;background-color: #094;top: 0;left: 50%;transform: translate(-50%);}
.region-button a {position: relative;border: 1px solid #ddd;box-sizing: border-box;display: block;padding: 20px;text-align: center;transition: 0.5s ease-in-out;}
.article-header-date{display: flex;justify-content: space-between;align-items: center;border: 3px solid #ededed;padding: 25px 20px;margin: 0 0 20px;}
.right-selectbox{display: flex;align-items: center;background: 0 0;height: inherit;line-height: inherit;margin-top: 0px;}
.right-selectbox select {width: 120px;display: inline-block;font-size: 14px;line-height: 1.5;color: #000;background-color: #fff;border-radius: 0;
    padding: 7px 10px 6px 5px;margin-top: -5px;margin-left: 7px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #000;}
/*sidebar*/
.result-side-title{position: relative;background: url(../images/common/title/bg_title.png) 0 0 repeat-x;color: #000;font-weight: 700;padding: 15px 20px 10px;text-align: left;}
.result-side-title::before {position: absolute;top: -1px;left: -1px;width: 100%;height: 5px;background-color: #3a3a3a;content: "";}
.result-cat-wrap li a{ display: block;position: relative;padding: 20px;text-align: left;border-top: 1px dotted #7f7f7f;text-align: center;}
.result-cat-wrap li a::before{position: absolute;top: 15px;left: 20px;content: "";width: 15px;height: 15px;background-image: url(../images/common/arrows/book-cd-arrow_grn.svg);
    background-repeat: no-repeat;background-position: center;background-size: 100%;}
/*table*/
.article .article-header .title {display: flex;align-items: center;background: 0 0;color: inherit;font-weight: 400;font-size: inherit;height: inherit;line-height: inherit;}
.article .article-header .title .section {border-bottom: 1px solid #000; margin: 0 40px 0 0;text-align: center;width: 100px;}
.article .article-header .title form {display: block;}
.article .article-header .update {overflow: hidden;}
.article .article-header .update span {display: block;float: left;}
.article .article-header .update .status {margin: 0 0 0 40px;}
.article .article-body table tbody td,
.article .article-body table thead td {padding: 10px;}
.article .article-body table thead tr td { text-align: center;}
.article .article-body table tbody td,
.article .article-body table thead td {text-align: left;}
.article .article-body table td {border: 1px solid #bbb;}
.article .article-body table thead td {background: #eee;font-weight: bold;}
.article .article-body table .result-tr-top td:nth-of-type(1) { width: 7em;}
.article .article-body table .result-tr-top td:nth-of-type(3) {width: 5em;}
.article .article-body table .result-tr-top td:nth-of-type(4) {width: 6em; text-align: center;}

@media screen and (max-width: 820px) {
.region-button-wrap{gap: 6px;}
.article-header-date{display: block;}
.right-selectbox{margin-top: 16px;}
.article .article-body {overflow-x: scroll;}
.article .article-body table {font-size: 12px;}
.article .article-body table tbody td,
.article-body table thead td {padding: 5px 10px;}
.article-body table thead td {white-space: nowrap;}
.article-body table tbody td:nth-of-type(1),
.article .article-body table tbody td:nth-of-type(2) {text-align: left; white-space: nowrap;}
.article .article-body table {-webkit-text-size-adjust: 100%;}
.article .article-body table thead tr td { text-align: center;}
.article .article-body table tbody td,
.article .article-body table thead td {text-align: left;}
.article-body table td {border: 1px solid #bbb;}
.article-body table thead td {background: #eee;font-weight: bold;}
.article .article-body table .result-tr-top td:nth-of-type(1) { width: 7em;}
.article .article-body table .result-tr-top td:nth-of-type(3) {width: 5em;}
.article .article-body table .result-tr-top td:nth-of-type(4) {width: 6em; text-align: center;}
}