@charset "UTF-8";
/* CSS Document */

/* Global hack */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

:root {
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans jp", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

    html { font-family: sans-serif; line-height: 1.75;}

    body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans jp", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: .85rem; line-height: 1.75; }

    img[src$=".svg"] {width: 100%;}

    .btn.disabled{pointer-events: none;}
    .btn {font-weight: 500;}

    .btn-primary { background-color: #1e90ff; border-color: #1e90ff; }
    .btn-primary:hover { color: #fff; background-color: #0066CA; border-color: #0066CA; }
    .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
    .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #D4D4D4; border-color: #D4D4D4; }
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0066CA; border-color: #0066CA; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

    .btn-outline-primary { color: #1e90ff; border-color: #1e90ff; }
    .btn-outline-primary:hover { color: #fff; background-color: #1e90ff; border-color: #1e90ff; }
    .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
    .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #8D8D8D; background-color: transparent; }
    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1e90ff; border-color:#1e90ff; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

    .btn-danger {background-color: #FF4538; border-color: #FF4538; }
    .btn-danger:hover {ackground-color: #CC4B04; border-color: #CC4B04; }
    .btn-danger.disabled, .btn-danger:disabled {background-color: #D4D4D4; border-color:#D4D4D4; }
    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {background-color: #CC4B04; border-color: #FF4538; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

    .btn.small {font-size:.75rem;padding: 0 0.75rem;}

    .badge-required {color: #FFF; background-color: #FA8C8C;}

/* custom style for SAJ*/

/* custom icon settings */

        /*.saj_icon-male::before{position:relative; display: inline-block; height: 1.25rem; width:1.25rem; content: url("/images/common/icon/icon-male.svg"); top: .25rem;}
        .saj_icon-female::before{position:relative; display: inline-block; height: 1.25rem; width:1.25rem; content: url("/images/common/icon/icon-female.svg"); top: .25rem;}*/

/* header-control */
        header {background:#fff; height: 72px; padding: 8px 0;}
        header #saj-header {max-width: 1200px; margin: 0 auto;}
        header #saj-header .associat_logo {margin-left: 16px; max-height: 40px;}
        header #saj-header .associat_logo figure img {width: 100%; height: auto}
        header #saj-header .associat_logo figure {margin-top: .5rem; width: 180px;}
@media (max-width: 560px) { header #saj-header .service_logo {display: none;}}
		header #saj-header .service_logo {margin: 0 8px 0 0;}
		header #saj-header .service_logo .shikumi-logo img {width: 148px;}
		header #saj-header .service_logo .service-ttl img {width: 148px;}
		header #saj-header .usr_info {color: white; font-size: .7rem; width: 24px; height: 24px; text-align: center; overflow: hidden; line-height: .7rem;}
		header #saj-header .usr_icon {color: white; font-size: 2.1rem; width: 48px; height: 48px; text-align: center; overflow: hidden; line-height: 48px;}

        .alert{margin-top:.64rem;}

/* footer-control */
        .line-art {margin: 0; width: auto; height: 10vw; background-image: url("/images/common/bg_footer.png"); background-size: cover; background-position: right top; background-repeat: no-repeat;}
        footer .footer-menu {font-size: .75rem; color: gray; background-color: #D3E5F3; position:inherit; line-height: 2.2;}
        footer .copyright {color:currentColor; background-color: white;}
        .footer p {margin-bottom: 0;}
        footer.nb-footer .footer-info-single .title {line-height: 1.5; font-size: .75rem; border-left: 4px solid dodgerblue; padding-left: 5px;}
        footer.nb-footer .footer-info-single li {font-size:.65rem;}
        .footer img {width: 260px;}


/* page top */
		#page-top {position: fixed; bottom: 100px; right: 20px; font-size: 2.8rem; z-index: 999;}
		#page-top a { background: rgba(30,144,255,0.75); text-decoration: none; color: #fff; font-weight: 100; text-align: center; line-height: 3rem; display: block; border-radius: 50%; height: 3.5rem; width: 3.5rem; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
		#page-top a:hover { text-decoration: none; background: rgba(30,144,255,0.55);}

/* kV-custom layout*/
        .jumbotron.kv-img {padding: 10vmax 0; margin: 0;}
		.jumbotron.kv-img div {height: 10vmax; display:none;}
        .jumbotron.kv-img h1 {margin-bottom: 0;}
		.jumbotron.kv-img h1.sajTitle figure {text-align: left; height: 20vmin; margin: 0;}
        .jumbotron.kv-img h1.sajTitle figure img { height: 100%; width: auto; margin: 0;}
		.jumbotron.kv-img h1.cornerTitle figure {text-align: right; height: 10vmax; margin: 0;}
		.jumbotron.kv-img h1.cornerTitle.left figure {text-align: left;}
        .jumbotron.kv-img h1.cornerTitle figure img { height: 100%; width: auto; margin: 0;}

/* top kV-custom layout*/
.top-kv {padding: 0; margin: 0; display: block; height: auto !important; overflow: visible;}
.kv-img.top-ttl {margin: 5vmin 3vmin;}
.kv-img.top-ttl figure img {text-align: left; height: 20vmin; margin: 0;}
.searchBox.top-searchBox {margin: 0; right: 0; width: 500px;}
.top-searchBox .modal-dialog {margin-top:0; padding: .15rem .25rem; margin-bottom: 8px;}
.top-searchBox .modal-content {margin:0; background-color:rgba(255,255,255,0.6);}
@media (max-width: 959px) { .top-searchBox .modal-content {background-color:rgba(255,255,255,0.9);} }
.top-searchBox .modal-header{background-color:rgba(255,153,28,1.00); color: white; font-weight: 700; padding: .5rem 1rem;}
.top-searchBox .modal-dialog .modal-content .modal-body{ padding: .25rem .5rem;}
.top-searchBox from.form-inline.custom-control {padding: 0;}
.top-searchBox .form-group label { line-height: calc(1em + .5rem + 2px); padding: 0.5rem 0.35rem; margin-bottom: 0;}
.top-searchBox .nav-link.active {color: #fff; background-color: #1D90FF;}
.top-searchBox label {margin: .1rem 0 0 0;}
.top-searchBox .btn-search-bottom {position: absolute; bottom: 0px; margin-left: -.5rem;}
.top-searchBox .search-panel {min-height: 380px;}


/* Key visual under line title design*/
		.lineTitle {margin-bottom: .5rem;}
		.lineTitle h2{color: dimgrey; font-size: 1.15rem; line-height: 2.5rem; padding: .55rem .35rem; font-size-adjust: auto; white-space: nowrap; margin-bottom: 0;}
		.lineTitle .bg-primary {background-color: #dee2e6!important;}

/* page Title dsign */
		.pageTitle {margin-top: 1rem; margin-bottom: 1rem;}
		.pageTitle h2 {margin-left: 1rem; font-size:1.25rem;}
		.pageTitle h2 .en {display: block; font-size:.8rem;}
		.pageTitle h3 {font-size:1rem; line-height: 1.2; margin: .5rem 1rem;}
		.pageTitle h3 .en {display: block; font-size:.75rem;}
		.pageTitle figure {width: 8vmin; height: 8vmin; border-radius: 50%;  position: relative; overflow: hidden; margin: 0;-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
		.pageTitle figure img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	/* image Horizontal */
		.pageTitle figure.img-h img { width: 100%; height: auto;}
	/* Image Vertical*/
		.pageTitle figure.img-v img { width: auto; height: 100%;}
		.pageTitle button {font-size: .75rem; font-weight: 600; margin: .5rem;}

/* page Title icon dsign */
        button.icon-release {margin: 0; padding: 0; line-height: 1.25;}
        .icon-release:hover, .icon-release:active, .icon-release:link .icon-release:focus {text-decoration: none;}
        .icon-release::before {font-size: 1.6rem; color: #FF4538; font-family: "Font Awesome 5 Free";  content: '\f070';  font-weight: 400;}
        .icon-release.active::before {color: #1e90ff; content: '\f06e';}
        .icon-release.btn-link:focus, .icon-release.btn-link.focus {text-decoration: none;}
        .pageTitle .btn-link {font-size: 1rem; margin: 0 auto; padding: 0 .5rem 0 2rem; text-align: center;}

/* corner Title dsign */
		.cornerTitle h3 {font-size:1.45rem;}
		.cornerTitle h3 .en {display: block; font-size:.85rem;}
		.cornerTitle button.btn {font-size: .75rem; font-weight: 600; margin: .5rem;}
		.cornerTitle button.btn-link {margin: 0 .5rem;}
		.cornerTitle h3 {font-size:1rem; line-height: 1.2; margin: .5rem 1rem;}
        .cornerTitle.border-left {border-left-width: 16px !important;}
        .cornerTitle.border-primary {border-color: dodgerblue !important;}
        .cornerTitle .border-left {border-left-width: 16px !important;}
        .cornerTitle .border-primary {border-color: dodgerblue !important;}

/* hamburger button custom */
		.icon-bar {width: 22px; height: 2px; background-color:dodgerblue; display: block; transition: all 0.2s; margin-top: 4px; margin-left: 4px;}
		.navbar-toggler {border: none; background: transparent !important;}

/* hamburger button animation */
		.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin: 10% 10%;}
		.navbar-toggler .middle-bar {opacity: 0;}
		.navbar-toggler .bottom-bar {transform: rotate(-45deg); transform-origin: 10% 90%;}
		.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
		.navbar-toggler.collapsed .middle-bar {opacity: 1;}
		.navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}


/* carousel design */
		.multi-carousel {opacity: 0;}
		.multi-carousel {opacity: 1; padding: 0; width: 100%;}
		.multi-carousel .carousel-control-next,.multi-carousel .carousel-control-prev {width: 25px; background-color:  #C5C5C5;}
        .carousel-grid{margin: 0 8px !important;}
        .multi-carousel .card-deck {margin-right: 0; margin-left: 0; }
        .multi-carousel .card-deck .card {margin-right: 8px; color: dimgray;}
        .multi-carousel .card-deck .card .card-body .season {font-size: .75rem; line-height: 1; margin-bottom: 0;}
        .multi-carousel .card-deck .card .card-body .period {line-height: 1.2;}
        .multi-carousel .card-deck .card .card-body .comp_ttl {font-size: .85rem; line-height: 1.2rem;}


/*　events setting */
        .icon {display: block; width: 8vmin; height: 8vmin; border-radius: 50%;  margin: 0 auto .5rem; overflow: hidden; background-color: dodgerblue;}
        .icon .alpine::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/alpine.svg");}
        .icon .jump::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/jump.svg");}
        .icon .cross::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/cross.svg");}
        .icon .board::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/board.svg");}
        .icon .free::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/free.svg");}
        .icon .combine::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/combine.svg");}
        .icon .other::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/other.svg");}

        .example{font-size: .75rem;}
        .example .icon {display: block; width: 2rem; height: 2rem; border-radius: 50%;  margin: 0; overflow: hidden;}
        .example .icon.primary {background-color: #005cbf;}
        .example .icon.success {background-color: #28a745;}
        .example .icon.secondary {background-color: #6c757d;}
        .example .icon.warning {background-color: #ffc107;}

/* table design */
        div.table-responsive {max-height: 80vh;}
		.table {font-size: .75rem; border-bottom: 1px solid #dee2e6;}
		.table thead th, .table thead td, .teble tbody th {background-color: #D3E5F3; border-top: none; border-right: 2px solid white; color: currentColor;  border-bottom: none; text-align: center; }
        .table thead th {vertical-align: middle; border-bottom: 2px solid white;}
		.table tbody td {border-bottom: none; border-right: 2px solid white;}
		.table tbody tr:last-child {border-bottom: none;}
        table colgroup.text-right {text-align: right;}

.inputReport{
    // アニメーション設定
  animation-name:lordTable;
  animation-duration:2s; //アニメーション時間
  animation-timing-function: ease-out; //アニメーションさせるイージング
  animation-delay:1s; //アニメーション開始させる時間
  animation-iteration-count:1; //繰り返し回数
  animation-direction:normal; //往復処理をするかどうか
  animation-fill-mode: forwards; //アニメーション後のスタイルをどうするか
}
@keyframes lordTable {
  0% {opacity: 0; transform: translate3d(0,20px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* table design | elements */
		.table td {color: currentColor; background: white;}
		.table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th{background-color: #F6F6F6;}
		td.noPadding {padding: 0;}
        .table.red{color: red;}
        .table .en {display: block; font-size:.65rem;}
/* table design | table inner table */
		.subTbl tbody tr:nth-child(odd) td, .subTbl thead tr:nth-child(odd) td{background-color: transparent;}
		.subTbl i {color: red;}
		.subTbl a:link i {color: red;}
        .subTbl input {font-size: .75rem;}
        .subTbl{width:100%;} 
        .subTbl tbody tr td, .subTbl thead tr td {color: currentColor;}
        .subTbl .btn, .subTbl .btn-link {font-size:.75rem;padding: 0 0.75rem;}
        .subTbl tbody tr:first-child td {border-top: none;}
/* table design | Result table design */
        .result table th, section.result table td{border-bottom:1px solid #dee2e6; border-right: none;}
        .result table th{background-color:transparent; color: currentColor;}
        .result table th, .result table td{border-bottom:1px solid #dee2e6; border-right: none;}
        .result table th{background-color:#D3E5F3; color: white;}
        .result .table tbody tr td {background-color: white; text-align: center;}
        .result button.btn {font-size:.75rem; font-weight: 500;}
        .result td .btn-link i.fa-file-pdf-o {color: red;}
        .result .table tbody tr:nth-child(odd) td{background-color: transparent;}
        .result .table thead tr th {background-color: #D3E5F3; color: currentColor;}
        .result .table tbody tr td {text-align: center;}

        .calculation, .calculation tr > th, .calculation tr > td{background-color: #D3E5F3 !important; }
        .calculation td {border-bottom: 1px white solid !important;}

        .tablefix thead tr th {position: -webkit-sticky; position: sticky; top: 0; z-index: 6;}
        .tablefix thead tr:nth-child(2) th {top: calc(1rem + 30px) ; z-index: 3;}

/* cols-fix settings */
        .tablefix.first-col tbody tr:first-child td {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .tablefix.first-col thead tr:first-child th {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}
        .tablefix.second-col tbody tr td:nth-child(2) {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .tablefix.second-col thead tr th:nth-child(2) {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}
        .tablefix.third-col tbody tr td:nth-child(3) {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .tablefix.third-col thead tr th:nth-child(3) {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}
        .tablefix.fourth-col tbody tr td:nth-child(4) {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .tablefix.fourth-col thead tr th:nth-child(4) {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}

/* sticky-table design */
        table.sticky-table {box-sizing: border-box !important; display: table !important; table-layout: fixed !important; width:100%;}
		.sticky-table {font-size: 12px; border-bottom: 2px solid #dee2e6;}
		.sticky-table thead th, .table thead td, .teble tbody th {background-color: #D3E5F3; border-top: none; border-right: 2px solid white; color: currentColor;  border-bottom: none; text-align: center; }
                .sticky-table thead th {
                        padding: 12px 6px;
                        vertical-align: middle;
                        border-bottom: 2px solid white;
                }
		.sticky-table tbody td {padding: 12px; border-bottom: none; border-right: 2px solid white;}
		.sticky-table tbody tr:last-child {border-bottom: none;}
.sticky-table thead th,
.sticky-table tbody td {
        width: 75px !important;
}
.sticky-table thead th.mini, .sticky-table thead td.mini {width: 50px !important;}
.sticky-table thead th.double, .sticky-table thead td.double {width: 140px !important;}
.sticky-table thead th.triple, .sticky-table thead td.triple {width: 210px !important;}

/* sticky-table design | elements */
		.sticky-table td {color: currentColor; background: white;}
		.sticky-table tbody tr:nth-child(odd) td, .sticky-table tbody tr:nth-child(odd) th{background-color: #F6F6F6;}
        .sticky-table.red{color: red;}
        .sticky-table .en {display: block; font-size:.65rem;}

/* sticky-table design | Result table design */
        .result table.sticky-table th, section.result table td{border-bottom:1px solid #dee2e6; border-right: none;}
        .result table.sticky-table th{background-color:transparent; color: currentColor;}
        .result table.sticky-table th, .result table td{border-bottom:1px solid #dee2e6; border-right: none;}
        .result table.sticky-table th{background-color:#D3E5F3; color: white;}
        .result .sticky-table tbody tr td {background-color: white; text-align: center;}
        .result .sticky-table tbody tr:nth-child(odd) td{background-color: transparent;}
        .result .sticky-table thead tr th {background-color: #D3E5F3; color: currentColor;}
        .result .sticky-table tbody tr td {text-align: center;}
        .sticky-table thead tr th {position: -webkit-sticky; position: sticky; top: 0; z-index: 6;}
        .sticky-table thead tr:nth-child(2) th {top: calc(1rem + 30px) ; z-index: 3;}

/* sticky-table cols-fix settings */
        .sticky-table.first-col tbody tr:first-child td {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .sticky-table.first-col thead tr:first-child th {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}
        .sticky-table.second-col tbody tr td:nth-child(2) {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .sticky-table.second-col thead tr th:nth-child(2) {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}
        .sticky-table.third-col tbody tr td:nth-child(3) {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .sticky-table.third-col thead tr th:nth-child(3) {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}
        .sticky-table.fourth-col tbody tr td:nth-child(4) {position: -webkit-sticky; position: sticky; left: 0; z-index: 4;}
        .sticky-table.fourth-col thead tr th:nth-child(4) {position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 7;}

/* calendar Table setting */
        .btn-link .fa-file-pdf, .btn-link .fa-file-pdf:hover, .btn-link .fa-file-pdf:link, .btn-link .fa-file-pdf:active, .btn-link .fa-file-pdf:visited {color: red;　text-decoration: none;}

/*　Title setting */
        .titleIcon {display: block; width: 8vmin; height: 8vmin; border-radius: 50%;  margin: 0 0 .5rem; overflow: hidden; background-color: dodgerblue;}
        .titleIcon .alpine::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/alpine.svg");}
        .titleIcon .jump::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/jump.svg");}
        .titleIcon .cross::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/cross.svg");}
        .titleIcon .board::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/board.svg");}
        .titleIcon .free::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/free.svg");}
        .titleIcon .combine::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/combine.svg");}
        .titleIcon .other::before { display: block; width: 100%; height: 100%; content: url("/images/common/events/other.svg");}

/* rnking panel */
		.card-body {color: currentColor;}
		.card-body figure {width: 20vmin; height: 20vmin; border-radius: 50%;  position: relative; overflow: hidden; margin: 0 auto 16px; box-shadow:4px 4px 20px 0px #B1B1B1; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
		.card-body figure img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
		/* image Horizontal */
		.card-body figure.img-h img { width: 100%; height: auto;}
		/* Image Vertical*/
		.card-body figure.img-v img { width: auto; height: 100%;}
		.card-body .rank_text {font-size: .85rem; margin-bottom: 0;}
		.card-body .rank_text .player_name {display: block; font-size: 1rem; line-height: 1.8rem;}
		.card-body .rank_text .comp_ttl {display: block; line-height: 1.6rem;}
		.card-body .rank_text .comp_date {display: block; font-family: Georgia, "Times New Roman", Times, "serif"; font-weight: 600; font-size: 1rem;}
		.card-inner {display: block; position: relative; padding: 0; width: 20vmin; height: 20vmin;}
        /* ranking box setting */
        .ranking .card{border: 1px solid #F4F4F4; background-color: #FCFCFC; margin-bottom: 1rem;}
		.rank_badge {position: absolute; bottom: 0; right: -1.5rem; font-size: 4.5vmin; font-weight: 900; line-height: 1; text-shadow: 0 4px 4px #5D5D5D,0 -2px 2px #fff; color: currentColor;}

/* form design */
		form .border-left {border-left-width: 16px !important;}
		form .border-primary {border-color: dodgerblue !important;}
		.form-group h4 {font-size:1rem; line-height: 2.5rem; margin-bottom: 0; margin: 0.375rem 0.75rem;}
		.form-group label {line-height: calc(1.75em + .75rem + 2px); padding: 0.375rem 0.75rem;margin-bottom: 0;}
		.form-group button {margin: .5rem 0;}
		.form-control {height: calc(1.75em + .75rem + 2px); padding: 0.375rem 0.75rem; font-size: .85rem;}
		.form-control option {font-size:.85rem; }

/* Report Form Design */
        .reportForm {margin-bottom: 2.5rem; padding: .5rem; background-color:#e4eefa;}
        .reportForm input[type="text"] {margin: 0 0 0 0;}
        .reportForm label {font-size: .75rem; font-weight: 500; color:dodgerblue;}
        .form-check-label {display: inline-block; line-height: 1.7rem;}
        .reportForm label.form-check-label {font-weight: 300; color: currentColor;}
        .reportForm .checkBox {display: block; margin-left: 1rem;}
        .reportForm .border-bottom {border-bottom: 1px solid darkgray !important;}
        .reportForm .input-group .input-group-text {color: dodgerblue; background-color: white; font-size: .75rem; border-left: none;}
        .reportForm .input-group > .form-control:not(:last-child), .reportForm .input-group > .custom-select:not(:last-child) {border-right: none;}
        .form-control::placeholder {color: darkgray;}
        .form-control[readonly] {background-color:#eeeeee; border-color: dodgerblue;}

/* inner table form */ 
        .subTbl .form-control {height: calc(1em + .25rem + 2px); padding: 0rem 0rem; font-size: .75rem;}

/* calender selecter　*/
		.select-period div:last-child{margin-right: 0;}
		.select-period select {width: 10rem;}
		.select-period select option {text-align: center;}
		.select-day {display: inline-table; text-align: center; margin-bottom: 1rem;}
		.select-day .btn {font-size:.65rem;}
		.selected-priod {margin-bottom: 1rem;}
		.selected-priod .btn {font-size: .85rem; line-height: 1.45rem;}

/* Icon action */
        .icon_pdf .btn, .icon_pdf .btn:hover, .icon_pdf .btn:link, .icon_pdf:active, .icon_pdf .btn:visited {color: red; text-decoration: none;}

/* SearchBox style */
        .compeSearch {margin: .5rem;}
        .searchBox h5.modal-title {font-size:.85rem;}
        .searchBox .nav-tabs {margin-bottom: .25rem;}
        .searchBox a.nav-link {font-size: .75rem;}
        .searchBox .tab-pane {font-size: .75rem;}
        .searchBox p {font-size: .75rem; margin-bottom: .5rem;}
        .searchBox p button {margin-top: .5rem}
        .searchBox .nav-item select option {font-size: .75rem;}
        .searchBox select.form-control {font-size: .75rem;}
        .searchBox button {font-size: .85rem; font-weight: 700;}
         span.compeSearch {display: inline-block; text-align: right; }

        .btn-searchBox {font-weight: 700; font-size: .75rem; line-height: 1.5rem;}

        #search button {font-size: .5rem; font-weight: 900;}

        .kv-searchBox {width: 13vmax; height: 3vmax; background-color: dodgerblue; padding: .75rem; color: white; font-weight: 700; border-radius: .5rem; font-size: 1vmax; line-height: 1vmax; box-shadow:2px 2px 15px 0px #B1B1B1;}

.top-searchBox .tab-pane {font-size: .65rem;}
.top-searchBox select.form-control {font-size: .65rem;}
.top-searchBox .form-control {line-height: 1.35;}

/* detail events elements Design */

        .pageTitle h2 .comp_date {display: block; font-size: .8rem; margin-bottom: .35rem;}
        .pageTitle button.btn-searchBox {font-size: 1rem; margin: 0; line-height: 1;}
        .cornerMenu button { font-size: .75rem; font-weight: 700; white-space: nowrap; min-width: 10rem;}
        .cornerMenu button.active {background-color: dodgerblue; color: white;}
        .cornerMenu button span.en {display: block; font-size: .65rem;}

/* biography Title Box Design */
        .jumbotron.profile-img {padding: 0 0 2vmax 0; margin: 0;}
        .profile {background-color:rgba(255,255,255,0.75); margin-top: 1vmax; max-width: 70%; text-align: right; padding: .5rem 1.5rem;  color:currentColor; font-weight: 700; text-shadow: 0px 0px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 0 0 2px #FFFFFF, 1px 1px 2px #FFFFFF, 1px -1px 2px #FFFFFF, -1px 1px 2px #FFFFFF, -1px -1px 2px #FFFFFF, 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF; font-size: .75rem; max-height: 20vmax;}
        .profile .saj_id .ttl, .profile .fis_id .ttl {display: inline-block; width: 5.6rem; text-align: right;}
        .profile .saj_id .data, .profile .fis_id .data {display: inline-block; width: 4.4rem; text-align: right;}
        .profile .mame_ja {font-size: 1.25rem;}
        .profile .birth_gender .gender{display: inline-block; width: 1rem; text-align: right;}

        .bio {display:block; margin-top: -15vmin;}
        .bio .result {font-size: 2.2vmin; line-height: 1.3; font-weight: 700; width: 30vmin; margin: 0 2vmin 0 0;}
        .bio .result .result-ttl {display: inline-block; width: 16vmin;}
        .bio .result .result-ttl .en {display:block; font-size: 1.6vmin; line-height: 1;}
        .bio .result .number {display: inline-block; font-size: 6vmin; font-weight: 900; line-height: 1; width: 8vmin; text-align: center;}
		.bio-body figure {width: 20vmin; height: 20vmin; border-radius: 50%;  position: relative; overflow: hidden; margin: 0 auto 16px; box-shadow:4px 4px 20px 0px #B1B1B1; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
		.bio-body figure img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
		/* image Horizontal */
		.bio-body figure.img-h img { width: 100%; height: auto;}
		/* Image Vertical*/
		.bio-body figure.img-v img { width: auto; height: 100%;}
		.bio-inner {display: block; position: relative; padding: 0; width: 20vmin; height: 20vmin;}
        .bio h4.compeEvents {font-size:1.75rem; font-weight: 700;}

        .jumbotron.profile-img{height: auto !important; overflow: visible; }
        .overlay-blue {padding: 5vmin 0; position: relative; height: 100%; width: 100%; background-color:rgba(2,33,178,0.78);}

.profile.txt {color: white; text-shadow: 0px 0px 1px #001956, 1px 1px 1px #001956, -1px -1px 1px #001956, -1px 1px 1px #001956, 1px -1px 1px #001956, 0 0 2px #001956, 1px 1px 2px #001956, 1px -1px 2px #001956, -1px 1px 2px #001956, -1px -1px 2px #001956, 2px 2px 2px #001956, 2px -2px 2px #001956, -2px 2px 2px #001956, -2px -2px 2px #001956;}

/* custom icon settings */
.badge-man{margin: 0 .15rem; width: 3rem; transform:scale(1, 1); padding: .15rem .75rem; letter-spacing: .1.5rem; background-color: #3675CF; color: white; font-weight: 700;}
.badge-woman{margin: 0 .15rem; width: 3rem; transform:scale(1, 1); padding: .15rem .2rem; letter-spacing: .1.5rem; background-color: #E63087; color: white; font-weight: 700;}
.badge-mix {margin: 0 .15rem; width: 3rem; transform:scale(1, 1); padding: .15rem .75rem; letter-spacing: .1.5rem; background-color: #24D488; color: white; font-weight: 700;}

    @media (max-width: 959px) {
        .cornerMenu button {display: block; min-width: 100%;}
        .cornerM.cornerMenu button span.en {display:inline-block }
        .cornerMenu button span.en::before {content:' / ';}
}

		.select-period button {font-size: .75rem; font-weight: 600; margin: .5rem 0;}

/* SNS Button */ 
        .sns-menu .btn {padding: .2rem .27rem .125rem; line-height: 1.2rem; font-size: 1.25rem; border-radius: .25rem;} 



/* badge setting */
        .badge.badge-cancel {background-color: transparent; color:#FF5454;}

/* container hack */
	@media (min-width : 319px ){.container {max-width: 511px; } }
	@media (min-width : 559px ){.container {max-width: 927px; } }
	@media (min-width : 959px ){.container {max-width: 1140px; } }

/* style-smallsp */
	@media (min-width: 0px) {
		.container-fluid {width: 100% !important;}
        .navbar {padding: .75rem 0rem; width:auto; line-height: 2.25rem;}
        .navbar ul {margin 1rem 0; padding: .75rem 0;}
		.nav-item {font-size:.8rem; border-bottom: 1px solid #BDDEFF;}
		.nav-item span {display: inline-block; font-size: .65rem;}
		.nav-item span::before {content:' / ';}
		.dropdown-menu {background-color: #e4eefa; border-radius: 0; border:none; }
		.dropdown-item:last-child {border:none;}
		.dropdown-item {font-size:.7rem; border-bottom: 1px solid white; color: dodgerblue; white-space: pre-wrap;}
        .dropdown-item span::before {content:' / ';}
		.dropdown-item:hover {color: white; background-color: #97C8F8;}
        .nav-item.active {background-color:dodgerblue;}
        .nav-item.active a {color: white;}
/* kV-custom layout*/
		.kv-ttl {width: 50%; height: 50%;}
		.kv-ttl figure {width: 100%;}
        .table-responsive {max-height: 75vh;}
}
	@media (min-width: 319px) {
}

	@media (min-width: 559px) {
		.container{width: 100% !important;}		
		.navbar {width:100%; line-height: 1.75rem;}
        /* header-control */
		header #saj-header .associat_logo figure {margin: 0; width: 260px;}
}
        .part-line {border-bottom: 3px solid dodgerblue; margin: 0; height: 0;}
        .part-line::before {content(""); font-size: .01rem;}

/* style-tab */
	@media (min-width: 959px) {
		.container{width: 100% !important;}		
		.navbar{max-width: 959px; line-height: 1.25rem;}
		.nav-item {font-size: .70rem; border-radius: .25rem; background-color: transparent; margin-right: .25rem; width: 105px; font-weight: 700;border-bottom: none;}
		.nav-item:hover {background-color: #97C8F8; transition:all .15s ease-in-out;}
		.nav-item a:hover {color:white;}
		.nav-item a:active {background-color: #97C8F8; color:white;}
		.nav-item a:focus {background-color: dodgerblue; color: white;}
		.nav-item:last-child {margin-right: 0;}
		.nav-item span {display: block; font-size: .65rem;}
		.nav-item span::before {content:'';}
/* kV-custom layout */
		.kv-ttl {width: 100%; height: 50%;}
		.kv-ttl figure {width: 40%;}
		.kv-backimage img {height: 650px;}
		
/* dropdown menu control */
		.dropdown-menu{background:aliceblue; box-shadow:0.15rem 0.15rem rgba(0, 0, 0, 0.05); border: white; padding: .25rem; border-radius: 0; }
		.dropdown-item{font-size: .75rem; border-radius: .25rem; background-color: transparent; margin-right: .25rem; font-weight: 700;border-bottom: none; padding: .5rem .5rem;}
		.dropdown-item:hover {background-color: #1D90FF; transition:all .15s ease-in-out;}
		.dropdown-item:hover {color:white;}
		.dropdown-item:focus {background-color: dodgerblue; color: white;}
		.dropdown-item:last-child {border-bottom: none;}
		.dropdown-item {white-space: nowrap;}

/* form Design */
		form .border-left {border-bottom-width: 0 !important;}  
        .table-responsive {height: 100%;}
	}

/* style-pc */
	@media (min-width: 1199px) {
		.navbar{max-width: 1200px;}
		.nav-item {font-size: .85rem; width: 130px;}
        /* header-control */
        header #saj-header .associat_logo {margin-left: 0;}
	}

/* Scroll Hint custom */
        .scroll-hint-icon-wrap {height: 20%;}