@charset "UTF-8";
/* =========================================================================================================================================== */
/*
/* カスタム投稿（製品）の記事ページデザイン
/*
/* =========================================================================================================================================== */
@media all {
    .single-products #page-header {
        background-image: url('../../images/exhibitors/page-header_bg.jpg');
    }

    
    .single-products .box-content {
        padding-top: 51px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 80px;
    }


    /* ヘッダー */
    .single-products .content-header .h1 {
        width: calc(100% - 190px);
    }
    .single-products .content-header .icon {
        width: 160px;
    }
    .single-products .content-header .exhibitors {
        padding-top: 10px;
    }
    .single-products .content-header .exhibitors .name {
        font-size: 18px;
        font-weight: var(--font-weight-bold);
        color: var(--color-blue3);
        letter-spacing: 0.0272em;
        line-height: 26px;
    }


    /* メイン */
    .single-products .content-main {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    

    /* フッター */
    .single-products .content-footer {
        background-color: var(--color-gray5);
        width: 100%;
    }
    .single-products .content-footer-inner {
        padding: 40px 36px;
        max-width: 852px;
        margin: 0 auto;
    }
    .single-products .content-footer-inner ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .single-products .content-footer-inner ul li a {
        display: flex;
        width: 100%;
        height: 44px;
        background-color: var(--color-blue3);
        color: var(--color-white);
        justify-content: center;
        align-items: center;
        font-weight: var(--font-weight-bold);
        border-radius: 22px;
    }
    .single-products .content-footer-inner ul li {
        width: calc((100% - 60px) / 3);
    }
    .single-products .content-footer-inner ul li a:hover {
        background-color: var(--color-blue2);
    }
    .single-products .content-footer-inner ul li.go_product_site a::after {
        content: url('../../images/ico_link.svg');
        padding-left: 7px;
    }
    .single-products .content-footer-inner ul li.go_catalog a::after {
        content: url('../../images/ico_pdf.svg');
        padding-left: 5px;
        padding-top: 4px;
    }
}
@media (max-width: 767px) {
    .single-products .box-content {
        padding: 30px 13px 50px;
    }
    
    
    /* ヘッダー */
    .single-products .content-header .h1 {
        width: 100%;
        order: 2;
    }
    .single-products .content-header .icon {
        width: auto;
        height: 33px;
    }
    .single-products .content-header .icon img {
        height: 100%;
        width: auto;
    }
    .single-products .content-header .exhibitors {
        padding-top: 0;
    }
    .single-products .content-header .exhibitors .name {
        font-size: 14px;
        line-height: 20px;
    }
    
    
    /* メイン */
    .single-products .content-main {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    
    
    /* フッター */
    .single-products .content-footer-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .single-products .content-footer-inner ul li {
        width: 100%;
        padding-bottom: 20px;
    }
    .single-products .content-footer-inner ul li:last-child {
        padding-bottom: 0;
    }
    .single-products .content-footer-inner ul li a {
        height: 41px;
        border-radius: 20.5px;
        font-size: 14px;
    }
}