@charset "UTF-8";

.ima-logo {
    background-image: url(https://jima.media/cms/wp-content/themes/jima_theme_files/libs/parts/ima/2023/bg.jpg);
    margin: 0 calc(50% - 50vw);
    margin-bottom: calc(var(--margin-wide)*1.6);
    position: relative;
    width: 100vw;
    z-index: 2;
    clip-path: polygon(0% 60%, 0% 0%, 100% 0%, 100% 100%);
    height: 500pt;
    background-size: cover;
}

.ima-logo a {
    display: block;
    width: 570pt;
    height: auto;
    margin: 0 auto;
    margin-top: -1px;
    object-position: 0% 0%;
}

.awardWinningSite {
    margin-top: -100pt;
}

.go-detail {
    background-color: black;
    padding: 5pt 40pt;
    color: white !important;
    font-size: 1.3rem !important;
    width: fit-content !important;
    height: 100%;
    margin: 0 auto;
    font-weight: 600;
}
.go-detail:hover {
    background-color: #2C3ACC;
    opacity: 1;
    text-decoration: none;
}

.content-frame {
    width: 90% !important;
    max-width: 800pt !important;
    margin: 0 auto !important;
}

.entry-body h2 {
    font-size: 100%;
    margin: 0 0 30pt 0;
    display: block;
    width: 100%;
    border-bottom: 2px solid black;
}

.entry-body h3 {
    color: white !important;
}

.ima_result_block .category {
    text-align: left;
    font-size: 1em;
    color: black;
}

.ima_result_block .cateCopy {
    margin: 5pt auto !important;
}

.ima_result_block .cateCopy span {
    font-size: 1em;
    padding: 0;
    background-color: initial;
    color: black;
}

.ima_result_block .cateCopy {
    display: block;
    max-width: inherit;
}

.ima_result_block .catchCopy {
    text-align: left !important;
    padding: 0;
    margin-bottom: 0 !important;
    border-bottom: none;
    border-top: none;
}

.ima_result_block h1 {
    margin: 5pt 0;
    border-bottom: 1px solid black;
    border-top: 2px solid black;
    padding: 20pt 0 10pt 0;
}

.ima_result_block .awardWinningSite figure {
    width: 80%;
    height: auto;
    border-radius: inherit;
    margin: 30pt auto;
    border: none;
}

.ima_result_block .creator {
    margin: 30pt auto;
    width: 80%;
}

.ima_result_block .creator .image {
    width: 156pt;
    height: fit-content;
    border: none;
}
.ima_result_block .creator .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    border: 1px solid silver;
}

.ima_result_block .creator .text {
    width: 100%;
}
.ima_result_block .creator .text.withImage {
    width: calc(100% - 200pt);
}

.ima_result_block .creator h2 {
    display: flex !important;
    align-items: center;
}

.ima_result_block .creator h2::before {
    content: "";
    width: 260pt;
    height: 35pt;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 0pt;
    margin-right: 20pt;
    background-image: url(awardWinner.svg);
}

#content .creator-frame h3 {
    color: black !important;
}

.ima_result_block .creator .creator-frame {
    display: flex;
    margin-bottom: 33pt;
}

.ima_result_block .committee {
    margin: 0 calc(50% - 60%);
    width: 80%;
    background-color: #2C3ACC;
    padding: 30pt 50pt;
    margin: 0 auto;
    box-sizing: border-box;
    color: white;
}

.creator .profile {
    font-size: 0.9em;
}

#content .creator .profile h3 {
    width: 100%;
    height: 20pt;
    background-image: url(profile.svg);
    background-repeat: no-repeat;
    /* padding-top: 20pt; */
    border-bottom: 2px solid black;
}

.ima2024 .awardWinningSite .category span::before {
    content: "";
    width: 100%;
    height: 35pt;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 5pt;
}

.ima2024.granprix .awardWinningSite .category span::before {
    background-image: url(gp.svg);
}
.ima2024.text-contents .awardWinningSite .category span::before {
    background-image: url(text.svg);
}
.ima2024.visual-contents .awardWinningSite .category span::before {
    background-image: url(visual.svg);
}
.ima2024.sponsored-contents .awardWinningSite .category span::before {
    background-image: url(sponsored.svg);
}
.ima2024.social-good .awardWinningSite .category span::before {
    background-image: url(social.svg);
}
.ima2024.media-innovation .awardWinningSite .category span::before {
    background-image: url(media.svg);
}
.ima2024.action-for-trust .awardWinningSite .category span::before {
    background-image: url(action.svg);
}
.ima2024.jury-prize .awardWinningSite .category span::before {
    background-image: url(jury.svg);
}
.ima2024.u30sView .awardWinningSite .category span::before {
    background-image: url(u30.svg);
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .ima-logo {
        clip-path: polygon(0% 80%, 0% 0%, 100% 0%, 100% 100%);
        height: 40vh;
    }
    .content-frame {
        width: 100%  !important;
    }
    .ima-logo a {
        max-width: 570pt;
        margin-top: -40px;
    }
    .awardWinningSite {
        margin-top: -50pt;
        width: 90%;
        margin: 0 auto;
        margin-top: -20pt;
    }
    .awardWinningSite figure {
        width: 100%;
    }
    .awardWinningSite .category span::before {
        height: 25pt !important;
    }
    .creator {
        width: 90% !important;
    }
    #content .creator h2 {
        display: block !important;
    }
    #content .creator h2::before {
        height: 25pt;
        margin-bottom: 10pt;
    }
    #content .creator .creator-frame {
        display: block;
    }
    #content .creator-frame .text h3 {
        margin: 13pt auto !important;
        color: black !important;
    }
    #content .creator-frame .text.withImage h3 {
        width: 156pt !important;
    }
    #content .creator .image {
        margin: 0 auto;
    }
    .profile h3 {
        padding-top: 20pt !important;
    }
    #content .committee {
        width: 90%;
        padding: 30pt;
    }
    .ima_result_block .ima-logo img {
        width: 60%;
        margin: 30pt 2%;
    }
    .ima_result_block h1 {
        width: 100%;
    }
    .ima_result_block .catchCopy {
        width: 100%;
    }
    .ima_result_block .creator .profile h3 {
        padding: 0 !important;
    }
    .ima_result_block .creator .profile {
        padding: 0;
    }
    .ima_result_block .creator .text {
        width: 100% !important;
    }
    .ima_result_block .committee .comment {
        padding: 0;
    }
    #content .entry-body p, #content .entry-body h4, #content .entry-body h5 {
        padding: 0;
    }
    #content .entry-body h2 {
        padding: 0;
        margin-bottom: 28pt;
    }
    #content .entry-body h3 {
        padding: 0;
    }
    #content .creator-frame h3 {
        color: black !important;
        width: 260pt !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .ima_result_block .ima-logo img {
        width: 80%;
        margin-bottom: 0pt;
    }
    .ima-logo {
        clip-path: polygon(0% 70%, 0% 0%, 100% 0%, 100% 100%);
        height: 380pt;
    }
    .ima-logo a {
        margin-top: -70px;
    }
    .awardWinningSite {
        margin-top: -30pt;
    }
}