@charset "UTF-8";

/* ---------------------------------------------------------
オンライン限定出展　ボタンにアイコン付与
----------------------------------------------------------*/
.c-button.lightgray.online_only_exb_button::before {
    content: '';
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f390';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
#web-order-system .c-button.lightgray.online_only_exb_button::before {
    content: '';
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f518';
    position: absolute;
    left: 78px;
    top: 50%;
    transform: translateY(-50%);
}
.c-button.lightgray.exhibition_overview_button::before {
    content: '';
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f013';
    position: absolute;
    left: 71px;
    top: 50%;
    transform: translateY(-50%);
}
.online_only_ja .c-button.lightgray.exhibition_overview_button::before {
    left: 90px;
}
#web-order-system .c-button.lightgray.exhibition_overview_button::before {
    content: '';
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f15c';
    position: absolute;
    left:120px;
    top: 50%;
    transform: translateY(-50%);
}
#web-order-system .c-button.lightgray.exhibition_overview_button.web-order::before {
    content: '';
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f109';
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
}

p.overview_button .c-button.lightgray.exhibition_overview_button::before{
    left: 40px;
}

.c-button.lightgray.online_only_exb_button.en::before {
    top: 39%;
    left: 26px;
}
.c-button.lightgray.exhibition_overview_button.en::before {
    left: 56px;
}

p.overview_button .c-button.lightgray.online_only_exb_button.en::before {
    top: 39%;
}
p.overview_button .c-button.lightgray.exhibition_overview_button.en::before {
    left: 15px;
}





.c-button.lightgray.online_only_guide_pdf_button{
    margin-right: 20px;
}
.c-button.lightgray.online_only_guide_pdf_button::before {
    content: '';
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f518';
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
}
.online_only_ja .c-button.lightgray.online_only_guide_pdf_button::before {
    left: 70px;
}
.c-button.lightgray.online_only_guide_pdf_button.en::before {
    left: 105px;
}
@media screen and (max-width: 768px) {
    .c-button.lightgray.online_only_exb_button.en::before {
        top: 50%;
        left: 9px;
    }
    .c-button.lightgray.exhibition_overview_button.en::before {
        left: 70px;
    }
    .c-button.lightgray.online_only_guide_pdf_button{
        margin-right: 0;
    }
    p.overview_button .c-button.lightgray.exhibition_overview_button.en::before{
        left: 40px;
    }
    p.overview_button .c-button.lightgray.online_only_exb_button.en::before{
        top: 50%;
        left: 40px;
    }
    #web-order-system .c-button.lightgray.online_only_exb_button::before {
        left: 40px;
    }
    #web-order-system .c-button.lightgray.exhibition_overview_button::before {
        left: 44px;
    }
    #web-order-system .c-button.lightgray.exhibition_overview_button.web-order::before {
    left: 40px;
}
}
@media screen and (max-width: 480px) {
    .c-button.lightgray.exhibition_overview_button.en::before {
        left: 33px;
    }
    .c-button.lightgray.online_only_guide_pdf_button::before {
        left: 30px;
    }
    .c-button.lightgray.online_only_guide_pdf_button.en::before {
        left: 75px;
    }
        #web-order-system .c-button.lightgray.online_only_exb_button::before {
        left: 30px;
    }
}


/* ---------------------------------------------------------
オンライン限定出展　英語
----------------------------------------------------------*/

.forexhibitors_conference_online_en_page .indent-style-list li,
.online_only_ja .indent-style-list li{
    text-indent: -1em;
    padding-left: 1em;
}
.forexhibitors_conference_online_en_page .c-layout-img-col__body{
    /* max-width: 65%; */
    /* width: 465px; */
    width: 60%;
}
.online_only_ja .c-layout-img-col__body{
    width: 54%;
}
.forexhibitors_conference_online_en_page .button-area {
    margin: 20px 0;
    max-width:365px;
}
.forexhibitors_conference_online_en_page .c-layout-img-col__body.pagetop_thumnail_img{
    width: 50%;
}
.online_only_ja .c-layout-img-col__body.pagetop_thumnail_img{
    /* width: 385px; */
    width: 45%;
}

@media screen and (max-width: 768px) {
    .forexhibitors_conference_online_en_page .c-layout-img-col__body {
        width: 100%;
    }
    .forexhibitors_conference_online_en_page .button-area{
        margin: 20px 0;
        min-width: 365px;
        width: 59%;
    }
}
@media screen and (max-width: 480px) {
    .forexhibitors_conference_online_en_page .button-area{
        min-width: initial;
        max-width: initial;
        width: 100%;
    }
    .forexhibitors_conference_online_en_page .c-layout-img-col__body.pagetop_thumnail_img{
        width: 100%;
    }
    p.overview_button .c-button.lightgray.exhibition_overview_button.en::before{
        left: 15px;
    }
    p.overview_button .c-button.lightgray.online_only_exb_button.en::before{
        left: 9px;
    }
}