@charset "UTF-8";
/* site common */
body {padding-top:3.15rem;}
a {transition:var(--transition);text-decoration:none;color:black;}

.loading {
    background-image:url('/images/common/spinner.gif');
    background-size:2rem 2rem;
    background-position:center center;
    background-repeat:no-repeat;
}

/* loading */
.ajax-loading    
{
    background-color:rgba(0,0,0,0.4);
    position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height:100%;
    opacity:0;display:flex;align-items:center;justify-content:center;
    -webkit-transition:.2s;
    transition:.2s;
}
.ajax-loading   p   
{
    background-color:rgba(0,0,0,.7);
    background-image:url('/images/common/spinner.gif');
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    background-position:1em center;
    padding:1em 1em 1em 3em;
    display:inline-block;
    border-radius:.25em;
    color:#ffffff;
}
.ajax-loading-show {opacity:1;}


.site-width {width:1280px;margin-left:auto;margin-right:auto;}
.site-width-max {max-width:1280px;margin-left:auto;margin-right:auto;}


/* top */
.site-top-bar-wrapper {position:fixed;z-index:var(--zi-top-bar);top:0;width:100%;background-color:rgba(255,255,255,.9);transition:var(--transition);}
.site-top-bar-wrapper   .site-top-bar {display:flex;justify-content:flex-end;padding:.5rem 0;align-items:center;}
.site-top-bar .button {border-width:1px;border-style:solid;border-radius:3px;display:inline-block;padding:.35rem 1rem;cursor:pointer;}
.site-top-bar .button.top-register {background-color:#fff;border-color:#d0d0d0;margin-right:.5rem;}
.site-top-bar .button.top-login {background-color:var(--color-theme); border-color:var(--color-theme);color:#fff;}
.site-top-bar .button.top-sitemap {width:2.2rem;text-align:center;padding:.35rem .5rem;background-color:var(--color-theme); border-color:var(--color-theme);color:#fff;} 
.site-top-bar .button.top-sitemap i {font-size:1.25rem;}
.site-top-bar .logout-user-buttons {margin-right:1rem;}
.site-top-bar-wrapper.shadow {box-shadow:0 3px 3px rgba(128,128,128,.1);}

.site-top-bar .login-user-info {margin-right:1rem;position:relative;}
.site-top-bar .login-user-info p {margin:0;padding:.5em 0;cursor:pointer;}
.site-top-bar .login-user-info p i {width:1em;font-size:1.25em;color:var(--color-theme);}
.site-top-bar .login-user-info .user-menu-wrapper {
    position:absolute;right:0;top:1em;padding:1.5em 0 0;
    opacity:0.05;transform:scale(0.1);transform-origin: right top;
    transition:var(--transition);visibility:hidden;cursor:pointer;
}
.site-top-bar .login-user-info:hover .user-menu-wrapper {opacity:1;transform:scale(1);visibility:visible;}
.site-top-bar .login-user-info .user-menu-list {display:flex;flex-direction:column;background-color:#e4e1df;padding:.5em 2px;width:172px;list-style:none;margin:0;}
.site-top-bar .login-user-info .user-menu-list a {display:block;padding:.65em 1em;font-size:var(--font-l);transition:none;}
.site-top-bar .login-user-info .user-menu-list a i {color:#b1a7a0;margin-right:.5em;width:1em;text-align:center;}
.site-top-bar .login-user-info .user-menu-list a:hover {background-color:#978778;color:#fff;}
.site-top-bar .login-user-info .user-menu-list a:hover i {color:#fff;}

/* menu */
.site-header-menu {display:flex;align-items:center;justify-content:space-between;}
.site-header-menu .header-logo {display:flex;}
.site-header-menu .menu-list {list-style:none;display:flex;}
.site-header-menu .menu-list > li {margin-right:2.5rem;position:relative;padding:.5rem 0;}
.site-header-menu .menu-list > li:last-child {margin-right:0;}
.site-header-menu .menu-list a.main {
    display:flex;
    font-size:var(--font-xl);text-decoration:none;color:#000;
}

.site-header-menu .menu-list a.main::after {content:'';display:block;position:absolute;bottom:.25rem;width:0;height:.2rem;background-color:var(--color-theme);transition:var(--transition);}
.site-header-menu .menu-list > li:hover a.main {color:var(--color-theme);}
.site-header-menu .menu-list > li:hover a.main::after {width:100%;}
.site-header-menu .menu-list a.main.selected {color:var(--color-theme);}
/*.site-header-menu .menu-list a.main.selected::after {width:100%;}*/

.site-header-menu .menu-list .sub-list {
    position:absolute;left:0;top:2.5rem;margin:0;padding:0;
    width:170px;
    list-style:none;border:1px solid #ccc;z-index:2;
    background-color:rgba(255,255,255,.875);
    padding:.5rem 1px;transition:var(--transition);
    border:1px solid rgba(128,128,128,.3);
    opacity:0.05;transform:scale(0.1);transform-origin: left top;
}
.site-header-menu .menu-list .sub-list li {margin:0;padding:0;}
.site-header-menu .menu-list .sub-list li a {display:block;font-size:var(--font-xl);color:black;padding:.5rem;}
.site-header-menu .menu-list .sub-list li a:hover {color:#fff;background-color:var(--color-theme);}

.site-header-menu .menu-list > li:hover .sub-list {opacity:1;transform:scale(1);}
.site-header-menu .menu-list > li:has(.sub-list) a.main::after {display:none;}

.site-content-wrapper {padding:2rem 0 8rem;}


.site-footer-wrapper {background-color:#404040;padding:3rem 0 6rem;}
.site-footer-wrapper .site-footer-content {display:flex;justify-content:center;}
.site-footer-wrapper .footer-logo {margin-right:75px;}

.site-footer-wrapper .footer-nav a {margin-right:2rem;font-size:var(--font-l);color:#fff;}
.site-footer-wrapper .footer-nav a:last-child {margin-right:0;}
.site-footer-wrapper .footer-nav a:hover {text-decoration:underline;}
.site-footer-wrapper .footer-partners {display:flex;margin-top:1.5rem;}
.site-footer-wrapper .footer-partners a {margin-right:2em;color:#c7c7c7;position:relative;}
.site-footer-wrapper .footer-partners a::after {content:'';display:block;width:2px;height:1em;position:absolute;right:-1em;top:3px;background-color:#c7c7c7;}
.site-footer-wrapper .footer-partners a:last-child::after {content:'';display:none;}
.site-footer-wrapper .footer-text {margin-top:1.5rem;}
.site-footer-wrapper .footer-text p {margin:.6rem 0;padding:0;color:#c7c7c7;}
.site-footer-wrapper .footer-text p * {margin-right:2rem;color:#c7c7c7;}
.site-footer-wrapper .footer-text p *:last-child {margin-right:0;}
.site-footer-wrapper .footer-text p a:hover {text-decoration:underline;}
/* paging common */
.paging {margin:20px 0;padding:20px 0;display:flex;justify-content:center;padding:1rem 0;}
.paging span,
.paging a {padding:.75rem .5rem;margin:0 .65rem;}
.paging .first,
.paging .prev,
.paging .next,
.paging .last {padding:.75rem 1.5rem;border:1px solid #e8e8e8;}
.paging .prev {margin-right:1rem;}
.paging .next {margin-left:1rem;}
.paging a:hover {border-color:var(--color-theme);}
.paging .num.selected {color:var(--color-theme);text-decoration:underline;}
.paging .num:hover {color:var(--color-theme);}
.paging span {color:#ccc;}

/* video */
.video-wrapper  {display:none;position:fixed;z-index:var(--zi-video);top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);text-align:center;}
.video-wrapper  video  {
    margin:0 auto;
    position:relative;
    max-width:calc(80vw);
    max-height:calc(80vh);
}
.video-wrapper  video.loading   {
    position: absolute;
    top: 50% !important;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.agreement-wrapper {line-height:180%;padding:20px 40px;}
.agreement-wrapper p {text-indent:2em;}
.agreement-wrapper ul {list-style:none;}

.privacy-wrapper {line-height:180%;padding:20px 40px;}
.privacy-wrapper p {text-indent:2em;}
.privacy-wrapper ul {list-style:none;}
.privacy-wrapper ol {line-height:100%;}