/*
    ボタン
*/
.c-btn {

    font-weight: bold;
    font-size: 18px;
    padding: 20px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 2px 0 rgb(0 0 0 / 10%);
    cursor: pointer;
    transition: background-color .3s, color .3s;
    white-space: nowrap;
    text-align: center;;
}

/* サイズ */
.c-btn--narrow {

    padding: 15px;
}
.c-btn--thin {

    padding: 10px 20px;
}

/* 色 */
.c-btn--green {

    background-color: #14D2B8;
    color: #fff;
    outline: none;
}
.c-btn--green:hover {

    background-color: #13B49E;
}
.c-btn--green:focus {

    border: 1px solid #2B323A;
}
.c-btn--pink {

    color: #EC4484;
    background: #fff;
    border: 1px solid currentColor;
}
.c-btn--pink:hover {

    color: #fff;
    background: #EC4484;
    border-color: #EC4484;
}

.c-btn.unregistered {

    background-color: #EC4484;
}
.c-btn.unregistered:hover {

    background-color: #C12963;
}

/* icon */
.c-btn--search::before {

    content: url(../img/search.png);
    display: inline-block;
    margin-right: 6px;
    position: relative;
    bottom: -2px;
}
.c-btn--dwl::after
{
    content: '';
    width: 15px;
    height: 12px;
    background: url(../img/dwl--pink.png) center/cover no-repeat;
    margin-left: 8px;
}
.c-btn--dwl:hover::after
{
    background: url(../img/dwl--wh.png) center/cover no-repeat;
}
.c-btn--dwl::before,
.c-btn--dwl::after
{
    display: inline-block;
    top: 50%;
}

.c-btn--gray {
    cursor: not-allowed;
    background-color: #d3d3d3;
    color: #888;
    outline: none;
}





/*
    インプット
*/
.c-input,
.c-select
{
    display: inline-block;
    width: 100%;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 2px 3px rgba(0,0,0,.16) inset;
    border: 1px solid #d9d9d9;
    outline: none;
    font-size: 18px;
}
.c-input--narrow {

    padding: 15px;
}
.c-input--thin,
.c-select--thin
{
    padding: 8px 3px;
}
.c-input::placeholder {

    color: #bbb;
}
.c-input:focus,
.c-select:focus
{
    border: 1px solid #14D2B8;
}

.c-select {

    cursor: pointer;
}







/*
    menuテーブル
*/
.c-menu-table {

    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* thead - セル */
.c-menu-table thead td:first-child,
.c-menu-table thead th:first-child
{
    width: 9999px;
}
.c-menu-table thead td,
.c-menu-table thead th
{
    color: #888888;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 15px;
}
.c-menu-table thead a {

    color: #888888;
    text-decoration: none;
}

/* tbody - セル */
.c-menu-table tbody td,
.c-menu-table tbody th {

    text-align: center;
    padding: 15px 30px;
    border-style: solid;
    border-color: #D9D9D9;
    border-width: 0 0 1px 0;
    vertical-align: middle;
}
.c-menu-table tbody td:first-child,
.c-menu-table tbody th:first-child {

    text-align: left;
}

/* border */
.c-menu-table tbody > *:first-child td,
.c-menu-table tbody > *:first-child th
{
    border-top-width: 1px;
}
.c-menu-table tbody td:first-child,
.c-menu-table tbody th:first-child
{
    border-left-width: 1px;
}
.c-menu-table tbody td:last-child,
.c-menu-table tbody th:last-child
{
    border-right-width: 1px;
}

/* background-color */
.c-menu-table tbody tr:nth-child(even) td,
.c-menu-table tbody tr:nth-child(even) th
 {
    background-color: #fff;
}
.c-menu-table tbody tr:nth-child(odd) td,
.c-menu-table tbody tr:nth-child(odd) th
 {
    background-color: #F6F6F6;
}

/* border-radius */
.c-menu-table tbody > *:first-child td:first-child,
.c-menu-table tbody > *:first-child th:first-child
{
    border-top-left-radius: 5px;
}
.c-menu-table tbody > *:first-child td:last-child,
.c-menu-table tbody > *:first-child th:last-child
{
    border-top-right-radius: 5px;
}
.c-menu-table tbody > *:last-child td:first-child,
.c-menu-table tbody > *:last-child th:first-child
{
    border-bottom-left-radius: 5px;
}
.c-menu-table tbody > *:last-child td:last-child,
.c-menu-table tbody > *:last-child th:last-child
{
    border-bottom-right-radius: 5px;
}





/*
    サイドメニュー
*/
.c-side-menu {

    background: #140F26;
}
.c-side-menu ul,
.c-side-menu li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.c-side-menu button {

    background-color: transparent;
    background-color: transparent;
    border: none;
    padding: 30px 20px;
    cursor: pointer;
    transition: background-color .3s;
}
.c-side-menu button:hover {

    background-color: #3E3A4C;
}
.c-side-menu button.is-active {

    border-left: 4px solid #14D2B8;
}





/*
    fontawesome カスタマイズ
*/
.fa.fa-sort,
.fa.fa-sort-up,
.fa.fa-sort-down
{
    color: #14D2B8;
}





/*
    Utility
*/
.u-border--t {

    border-top: 2px solid #14D2B8!important;
}
.u-pdg--r_n {

    padding-right: 0!important;
}

p.contents__body-title input {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 8px;
}