@charset 'utf-8';

/**
 * 共通スタイル
 */

/**
 * ヘッダー
 */

.logo-header.logo-text {
    padding: 10px 0;
}

@media screen and (max-width: 1023px) {
    .tagline {
        display: none;
    }

    .logo-header.logo-text {
        padding: 5px 0;
    }
}

/**
 * メインコンテンツ
 */
@media screen and (max-width: 1023px) {
    .main {
        padding-top: 6px !important;
    }
}

/**
 * 検索メニュー
 */

.search-menu-content {
    top: unset;
    bottom: 65px;
    max-height: calc(60% - 30px);
    overflow-y: auto;
}


/**
 * セクション
 */

.section {
    margin-bottom: 3em;
}

.section-title {
    font-size: 26px;
    margin: 16px 0;
    line-height: 1.3;
}

.section-title .is-sp {
    display: none;
}

@media screen and (max-width: 834px) {
    .section-title .is-pc {
        display: none;
    }

    .section-title .is-sp {
        display: block;
    }
}

.section-title-small {
    font-size: 18px;
    margin: 16px 0;
    line-height: 1.3;
}

.section-list {
    margin-bottom: 16px;
}

.section-link {
    text-align: right;
}

.section-link-anchor {
    text-decoration: none;
    color: var(--cocoon-text-color);
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
}

.section-link-anchor .fas {
    font-size: .7em;
}

/**
 * カードアイテム
 */

.card-thumb img {
    vertical-align: bottom;
}

.type-post .cat-label {
    display: none;
}

/**
 * 検索条件
 */

.searchcondition {
    margin-bottom: 12px;
}

.searchcondition-table {
    margin-bottom: 0;
}

.searchcondition-table th {
    background-color: #ff9999;
    white-space: nowrap;
}

.searchcondition-table td,
.searchcondition-table th {
    border-color: #ff9999 !important;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .3), inset -3px -3px 6px rgba(0, 0, 0, .1) !important;
}

.search-menu-content .searchcondition,
.widget .searchcondition {
    display: none;
}

/**
 * 検索フォーム
 */

.searchform {
    margin-bottom: 36px;
}

.searchform-toggle-buttonlist {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.searchform-toggle-buttonlist-filter {
    display: inline-flex;
    column-gap: 5px;
    align-items: center;
    padding: 10px;
    border: 1px solid #cc3333 !important;
    border-radius: var(--corner);
    color: #cc3333;
    background-color: transparent;
    text-shadow: none;
}

.searchform-toggle-buttonlist-filter::before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.searchform-toggle-buttonlist-filter[data-is-hide="true"]::after {
    content: attr(data-label-hide);
}

.searchform-toggle-buttonlist-filter[data-is-hide="false"]::after {
    content: attr(data-label-show);
}

.searchform-toggle-content.is-hide {
    display: none;
}

.search-menu-content .searchform-toggle-buttonlist,
.widget .searchform-toggle-buttonlist {
    display: none;
}

.search-menu-content .searchform-toggle-content,
.widget .searchform-toggle-content {
    display: block;
}

.searchform-table {
    margin-bottom: 12px;
}

.searchform-table th {
    background-color: #ff9999;
    white-space: nowrap;
}

.searchform-table td,
.searchform-table th {
    border-color: #ff9999 !important;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .3), inset -3px -3px 6px rgba(0, 0, 0, .1) !important;
}

@media screen and (max-width: 834px) {
    .searchform-table th {
        font-size: .7em;
        white-space: nowrap;
    }
}

.searchform-table td {
    font-size: .7em;
}

.searchform-table ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 10px;
    list-style-type: none;
    padding-left: 0;
}

.searchform-table label {
    display: flex;
    column-gap: 5px;
}

.searchform-table input[type="text"] {
    width: calc(100% - 3em - 5px);
    margin-right: 5px;
}

.searchform-table input[type="number"] {
    width: 4em;
    margin-right: 5px;
    box-sizing: content-box;
}

.searchform-table-row-in-accordion.is-hide {
    display: none;
}

.searchform-table-toggle {
    width: 100%;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.searchform-table-toggle::before {
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.searchform-table-toggle[data-is-hide="true"]::before {
    content: "\f0d7";
}

.searchform-table-toggle[data-is-hide="false"]::before {
    content: "\f0d8";
}

.searchform-table-toggle[data-is-hide="true"]::after {
    content: attr(data-label-hide);
}

.searchform-table-toggle[data-is-hide="false"]::after {
    content: attr(data-label-show);
}

.searchform-buttonlist {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    list-style-type: none;
    margin-bottom: 20px;
    padding-left: 0;
}

.searchform-buttonlist-submit {
    padding: 10px;
    border: none;
    border-radius: var(--corner);
    box-shadow: 6px 6px 12px var(--color-shadow-dark), -6px -6px 12px var(--color-shadow-light);
    background-color: var(--color-bg);
    font-size: 18px;
    cursor: pointer;
}

@media screen and (max-width: 834px) {
    .searchform-buttonlist-submit {
        font-size: .7em;
    }
}

.searchform-buttonlist-submit {
    background-color: #cc3333;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000000;
}

.searchform-buttonlist-submit:hover {
    transition: all .3s ease-in-out;
    box-shadow: none;
    color: var(--cocoon-text-color);
}

.searchform-buttonlist-submit::before {
    content: "\f002";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.sidebar .searchform-table th {
    font-size: .7em;
}


/**
 * ローン商品情報
 */

/**
 * ローン商品情報ページ
 */

.entry-icons-icon {
    display: inline-block;
    border-radius: var(--corner);
    font-size: 11px;
    color: var(--cocoon-white-color);
    background-color: rgba(51, 51, 51, .7);
    padding: 1px 5px;
    text-align: center;
    line-height: normal;
}

/**
 * ローン商品情報一覧
 */

@media screen and (max-width: 480px) {
    .ect-entry-card .card-content {
        margin-left: calc(38% + 6px) !important;
    }
}

.entry-card-commentpc,
.entry-card-commentsp {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 3px solid var(--color-shadow-dark);
    line-height: 1.3;
}

.entry-card-commentpc {
    font-size: var(--cocoon-text-size-s);
}

.entry-card-commentsp {
    display: none;
    font-size: .7em;
}

@media screen and (max-width: 834px) {
    .entry-card-commentpc {
        display: none;
    }

    .entry-card-commentsp {
        display: block;
    }
}

/**
 * お知らせ
 */

/**
 * お知らせ一覧アイテム
 */

.entry-notice-wrap {
    display: grid;
    grid-template-columns: 110px 78px 1fr;
    gap: 6px 10px;
    align-items: center;
}

@media screen and (max-width: 834px) {
    .entry-notice-wrap {
        grid-template: 110px fit-content / fit-content fit-content;
    }
}

.entry-notice-title {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    order: 3;
    @media screen and (max-width: 834px) {
        grid-column: 1 / 4;
    }
}

@media screen and (max-width: 834px) {
    .entry-notice-title {
        width: 100%;
    }
}

.entry-notice-anchor {
    color: var(--cocoon-text-color);
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
}

.entry-notice-anchor .fas {
    font-size: .7em;
}

.entry-notice-anchor-text {
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.entry-notice-taxonomy {
    border-radius: var(--corner);
    font-size: 11px;
    color: var(--cocoon-white-color);
    background-color: rgba(51, 51, 51, .7);
    padding: 1px 5px;
    width: 10em;
    text-align: center;
    order: 1;
}

.entry-notice-date {
    font-size: .7em;
    width: 6em;
    text-align: center;
    order: 2;
}

/**
 * 新着・特集
 */

/**
 * 新着・特集共通
 */

.type-articles .post-update {
    display: none;
}

/**
 * 新着・特集一覧アイテム
 */

.entry-card-thumb-label {
    padding: 1px 3px;
    border-radius: 0 0 var(--corner) var(--corner);
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    color: var(--cocoon-white-color);
    background-color: rgba(204, 51, 51, .7);
    font-size: 11px;
    line-height: 1.8;
    text-align: center;
}