@charset "utf-8";

/* l-container */

.l-container {padding:50px 0 25px 0;}
.l-container a {text-decoration:none;}

/* c-search */

.c-search {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    padding:12px 0 13px 0;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #f0f0f0;
}
.c-search:after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e0e0e0;}
.c-search .block {position:relative; height:100%;}
.c-search .block:nth-child(1) p {padding:0 10px; border:1px solid #e0e0e0; background-color:#fff; cursor:pointer;}
.c-search .block:nth-child(1) p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:28px; font-size:13px; color:#333;}
.c-search .block:nth-child(1) p:hover {border-color:var(--color2); color:var(--color2);}
.c-search .block:nth-child(1) p.active {background-color:#333; border-color:#333; color:#fff;}
.c-search .block:nth-child(2) {margin-left:15px; padding-left:15px;}
.c-search .block:nth-child(2):after {display:block; content:''; position:absolute; left:0; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.c-search .block:nth-child(2) ul {margin:-4px 0 0 -4px;}
.c-search .block:nth-child(2) ul:nth-child(n+2) {margin-top:0px;}
.c-search .block:nth-child(2) li {margin:4px 0 0 4px; display:inline-block; vertical-align:top; padding:0 10px; border:1px solid #e0e0e0; background-color:#fff;}
.c-search .block:nth-child(2) li {font-family: var(--family-light);font-weight: var(--weight-light); line-height:28px; font-size:13px; color:#333;}
.c-search .block:nth-child(2) li.active {background-color:#333; border-color:#333; color:#fff;}
.c-search .block:nth-child(2) li.ty-enable:not(.active):hover {border-color:var(--color2); color:var(--color2);}
.c-search .block:nth-child(2) li.ty-enable {cursor:pointer;}
.c-search .block:nth-child(2) li.ty-disabled {background-color:#f0f0f0; color:#999;}

/* c-header */

.c-header {padding:0 0 25px 0;}
.c-header .title {padding:0 0 30px 0; margin:-5px 0 -3px 0;}
.c-header .title {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:20px; color:#333;}

/* c-container */

.c-container {}
.c-container .group {position:relative; padding:30px 0 25px 0;}
.c-container .subj {padding-bottom:25px;}
.c-container .subj span {padding:0 15px; min-width:30px; height:30px; display:inline-block; background-color:#333; text-align:center;}
.c-container .subj span {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:30px; font-size:20px; color:#fff;}

.c-container .items {}
.c-container .items ul {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    flex-wrap:wrap;
    align-items:stretch;
    margin:-10px 0 0 -10px;
}
.c-container .items li {position:relative; display:inline-block; vertical-align:top; margin:10px 0 0 10px; padding:20px 10px; width:168px; border:1px solid #e0e0e0; background-color:#fff;}
.c-container .items a {z-index:10; display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:transparent; opacity:0;}
.c-container .logo {margin:0 auto; position:relative; width:140px; height:140px;}
.c-container .logo div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.c-container .logo img {transition:all .5s ease; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0; opacity:1;}
.c-container .logo .ty-no {background-color:#ececec;}
.c-container .logo .ty-no svg {display:inline-block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:60px; height:60px; fill:#000; opacity:0.1;}
.c-container .title {text-align:center; word-wrap:break-word; word-break:break-all;}
.c-container .title {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:22px; font-size:14px; color:#000;}

.c-container .items li:hover {border-color:var(--color2);}
.c-container .items li:hover .title {color:var(--color2);}

.c-container.ty-list .title {margin:-5px 0 -3px 0;}
.c-container.ty-logo .title {margin:10px 0 -3px 0;}

/* c-footer */

.c-footer {padding-top:30px;}