@charset "utf-8";

/**
PC�y�[�W���쐬�����ۂ�
<div class="pr-article"></div>
�̒��ɍ��邱��
**/


/************        共通CSS             ***************/

#mainContent-right .releaseDetail_box .pr-article {
    margin: 0 0 40px 0;
}
#mainContent-right .releaseDetail_box .pr-article .top-section p {
    text-indent: 1em;
}
#mainContent-right .releaseDetail_box table th {
    text-align: left;
    width: 110px;
}
#mainContent-right .releaseDetail_box table td {
    text-indent: -1em;
}
#mainContent-right .releaseDetail_box table td::before {
    content: "：";
}
#mainContent-right .releaseDetail_box .pr-article .detail-title {
    margin-bottom: 20px;
    background: rgb(16, 37, 63) !important;
    color: #fff;
}

/************        共通CSS             ***************/

/************        title-area CSS             ***************/

#mainContent-right .releaseDetail_box .pr-article .title-area {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
#mainContent-right .releaseDetail_box .pr-article .title-area-top {
    text-align: center;
}
#mainContent-right .releaseDetail_box .pr-article .logo-image {
    position: absolute;
    left: 50px;
    top: -15px;
    width: 100px;
}
#mainContent-right .releaseDetail_box .pr-article .title-image {
    display: block;
    margin: 0 auto 15px;
    width: 400px;
}
#mainContent-right .releaseDetail_box .pr-article .title-lead {
    font-size: 14px;
    text-align: center;
}

/************        title-area CSS             ***************/

/************        main-image-area CSS             ***************/

#mainContent-right .releaseDetail_box .pr-article .main-image-area {
    margin-bottom: 15px;
}
#mainContent-right .releaseDetail_box .pr-article .main-image-left {
    display: inline-block;
    width: 49%;
    padding-right: 8px;
    vertical-align: top;
}
#mainContent-right .releaseDetail_box .pr-article .main-image-right {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
#mainContent-right .releaseDetail_box .pr-article .main-image {
    width: 100%;
}



/************        main-image-area CSS             ***************/

/************        article-area CSS             ***************/

#mainContent-right .releaseDetail_box .pr-article .article-area {
    margin-bottom: 40px;
}
#mainContent-right .releaseDetail_box .pr-article .article-area p{
    padding-bottom: 0;
}

/************        article-area CSS             ***************/

/************        detail-area CSS             ***************/

#mainContent-right .releaseDetail_box .pr-article .detail-area {
    margin-bottom: 40px;
}
#mainContent-right .releaseDetail_box .pr-article .company-wrap {
    display: flex;
    height: 700px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: space-around;
}
#mainContent-right .releaseDetail_box .pr-article .company-box {
    width: 40%;
}
#mainContent-right .releaseDetail_box .pr-article .company-box h3 {
    margin: 10px 0 0;
    text-decoration: underline;
}
#mainContent-right .releaseDetail_box .pr-article .company-box p {
    padding-bottom: 0;
}
#mainContent-right .releaseDetail_box .pr-article .company-image {
    width: 200px;
}
#mainContent-right .releaseDetail_box .pr-article .lawson {
    padding: 15px 0 15px;
}
#mainContent-right .releaseDetail_box .pr-article .hanako {
    padding: 10px 0 10px;
}
#mainContent-right .releaseDetail_box .pr-article .channel {
    padding: 12px 0 12px;
}

/************        detail-area CSS             ***************/

/************        description-area CSS             ***************/

#mainContent-right .releaseDetail_box .pr-article .description-area {
    position: relative;
    margin-bottom: 40px;
}
#mainContent-right .releaseDetail_box .pr-article .right-image {
    position: absolute;
    right: 0;
    top: 50px;
    width: 230px;
}
#mainContent-right .releaseDetail_box .pr-article .right-image img {
    width: 230px;
}


/************        description-area CSS             ***************/

/************        attend-area CSS             ***************/

#mainContent-right .releaseDetail_box .attend-area {
    margin: 0 0 20px;
    position: relative;
}

#mainContent-right .releaseDetail_box .title-summary {
    text-decoration: underline;
    margin-bottom: 10px;
}

#mainContent-right .releaseDetail_box .attend-area .character {
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: center;
}
#mainContent-right .releaseDetail_box .attend-area .character img {
    width: 100px;
}
#mainContent-right .releaseDetail_box .attend-area-table {
    width: 525px;
}
#mainContent-right .releaseDetail_box .notice {
    margin-top: 20px;
}

/************        attend-area CSS             ***************/


/************        judge-area CSS             ***************/

#mainContent-right .releaseDetail_box .judge-area {
    margin: 0 0 40px;
}

#mainContent-right .releaseDetail_box .sns-link-area p {
    padding: 0;
}


/************        judge-area CSS             ***************/


/************        max-width: 739px CSS             ***************/

@media (max-width: 739px) {
    /************       共通CSS             ***************/
    #mainContent-right .releaseDetail_box .pr-article {
        width: auto !important;
    }
    /************       共通CSS             ***************/
    /************        title-area CSS             ***************/

    #news02 #mainContent-right .releaseDetail_box .pr-article .logo-image {
        display: inline-block;
        position: static;
        width: 90px !important;
        margin-left: 0px;
    }
    #news02 #mainContent-right .releaseDetail_box .pr-article .title-image {
        max-width: 400px;
        display: inline-block;
    }
    /************        title-area CSS             ***************/
    /************        main-image-area CSS             ***************/
    #mainContent-right .releaseDetail_box .pr-article .main-image-left {
        width: 100%;
        margin-bottom: 20px;
    }
    #mainContent-right .releaseDetail_box .pr-article .main-image-right {
        width: 100%;
    }
    /************        main-image-area CSS             ***************/
    /************        detail-area CSS             ***************/
    #news02 #mainContent-right .releaseDetail_box .pr-article .detail-title {
        font-size: 14px !important;
        padding: 0;
    }
    #mainContent-right .releaseDetail_box .pr-article .company-box {
        width: 96%;
    }
    #mainContent-right .releaseDetail_box .pr-article .company-image {
        max-width: 300px;
    }
    #mainContent-right .releaseDetail_box .pr-article .company-wrap {
        height: 1050px;
    }
    /************        detail-area CSS             ***************/
    /************        description-area CSS             ***************/
    #mainContent-right .releaseDetail_box .pr-article .right-image {
        position: static;
        max-width: 230px;
        margin: 0 auto 20px;
    }
    #mainContent-right .releaseDetail_box .pr-article .title-summary {
        font-size: 14px !important;
    }
    /************        description-area CSS             ***************/
    /************        attend-area CSS             ***************/
    #mainContent-right .releaseDetail_box .pr-article .character {
        position: static;
        max-width: 157px;
        margin: 0 auto;
    }
    #mainContent-right .releaseDetail_box .pr-article .character img {
        max-width: 90px;
    }
    #mainContent-right .releaseDetail_box .pr-article table {
        width: 100%;
    }
    #mainContent-right .releaseDetail_box .pr-article table,
    #mainContent-right .releaseDetail_box .pr-article table th,
    #mainContent-right .releaseDetail_box .pr-article table tr,
     #mainContent-right .releaseDetail_box .pr-article table td {
        display: block;
        background: transparent;
        border: 0 none;
        font-size: 100%;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }
    #mainContent-right .releaseDetail_box table td::before {
        content: "";
    }
    #mainContent-right .releaseDetail_box .pr-article table td {
        padding-left: 1em;
        text-indent: 0em;
    }
    /************        attend-area CSS             ***************/
}