/** * @lastmodified 2020/9/22/7:08:20 pm **/ @charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Julius+Sans+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Alex+Brush&display=swap");
@font-face  {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Medium");
}
@font-face  {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}
@font-face  {
    font-family: 'MyFontFamily';
    src: url("../img/font/COM4tFine.eot?#iefix") format("embedded-opentype"), url("../img/font/COM4tFine.woff") format("woff"), url("../img/font/COM4tFine.ttf") format("truetype");
}
/* 無限ループアニメーション */ @-webkit-keyframes left_to_right  {
    0%  {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0, 1, 0);
        transform: translate3d(0, 0, 0) scale3d(0, 1, 0);
    }
    50%  {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 0);
    }
    100%  {
        -webkit-transform: translate3d(100%, 0, 0) scale3d(0, 1, 0);
        transform: translate3d(100%, 0, 0) scale3d(0, 1, 0);
    }
}
@keyframes left_to_right  {
    0%  {
        -webkit-transform: translate3d(0, 0, 0) scale3d(0, 1, 0);
        transform: translate3d(0, 0, 0) scale3d(0, 1, 0);
    }
    50%  {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 0);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 0);
    }
    100%  {
        -webkit-transform: translate3d(100%, 0, 0) scale3d(0, 1, 0);
        transform: translate3d(100%, 0, 0) scale3d(0, 1, 0);
    }
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video  {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body  {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section  {
    display: block;
}
ol, ul  {
    list-style: none;
}
blockquote, q  {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after  {
    content: '';
    content: none;
}
a  {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins  {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark  {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del  {
    text-decoration: line-through;
}
abbr[title], dfn[title]  {
    border-bottom: 1px dotted;
    cursor: help;
}
table  {
    border-collapse: collapse;
    border-spacing: 0;
}
hr  {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select  {
    vertical-align: middle;
}
img  {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}
*, *:before, *:after  {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="button"], input[type="submit"], textarea  {
    border-radius: 0;
    -webkit-appearance: none;
}
select  {
    border-radius: 0;
}
a, input, label  {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*---------------------- common ----------------------*/ a  {
    color: #8a8a8a;
    text-decoration: none;
}
a:hover  {
    color: #8a8a8a;
    text-decoration: none;
}
.list-mark  {
    text-indent: -1em;
    padding: 0 0 0 1em;
    overflow: hidden;
}
.tar  {
    text-align: right !important;
}
.scinfo {
    font-size: 13px;
}
body  {
    position: relative;
    color: #fff;
    background: #fff;
    line-height: 1.6;
    font-size: 15px;
    letter-spacing: 0.14em;
    font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a  {
    text-decoration: none;
}
a:link, a:visited  {
    color: #fff;
}
a:hover  {
    color: #fff;
    text-decoration: underline;
}
.redb {
    color: #9e0000;
    font-weight: bold;
}
.infobar  {
    text-align: center;
}
.infobar img {
    margin: 35px auto 20px ;
}
.inforedlarge {
    margin-top: 25px;
    font-size: 120%;
    color: #9e0000;
}
/*navi*/ .hamburger  {
    display : block;
    position: fixed;
    z-index : 3;
    right : 13px;
    top : 12px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
}
.hamburger span  {
    display : block;
    position: absolute;
    width : 30px;
    height : 2px ;
    left : 6px;
    background : #555;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition : 0.5s ease-in-out;
    transition : 0.5s ease-in-out;
}
.hamburger span:nth-child(1)  {
    top: 10px;
}
.hamburger span:nth-child(2)  {
    top: 20px;
}
.hamburger span:nth-child(3)  {
    top: 30px;
}
.hamburger.active span:nth-child(1)  {
    top : 16px;
    left: 6px;
    background : #fff;
    -webkit-transform: rotate(315deg);
    -moz-transform : rotate(315deg);
    transform : rotate(315deg);
}
.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3)  {
    top: 16px;
    background : #fff;
    -webkit-transform: rotate(-315deg);
    -moz-transform : rotate(-315deg);
    transform : rotate(-315deg);
}
nav.globalMenuSp  {
    position: fixed;
    z-index : -100;
    top : 0;
    left : 0;
    color: #fff;
    background: rgba(0,0,0,0.9);
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
nav.globalMenuSp ul  {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
nav.globalMenuSp ul li  {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
}
nav.globalMenuSp ul li:last-child  {
    padding-bottom: 0;
}
nav.globalMenuSp ul li:hover {
    background :#ddd;
}
nav.globalMenuSp ul li a  {
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration :none;
}
nav.globalMenuSp.active  {
    z-index: 2;
    opacity: 100;
}
/*見出し*/ .title-header  {
    text-align: center;
    margin-bottom: 30px
}
.title-header::after  {
    content: "";
    background: #ccc;
    width: 60px;
    height: 1px;
    display: block;
    margin: 15px auto 0px
}
.title-header img  {
    width: 200px;
}
/*追加分*/ .ba-dot-black  {
    border: 1px dotted #000;
    margin: 80px auto 40px;
}
.d-b  {
    display: block;
}
.text-c  {
    text-align: center;
}
.pb30  {
    padding-bottom: 30px;
}
.mt-10  {
    margin-top: -20px;
}
.md-bt  {
    background-color: #000;
    padding: 10px;
}
.text-w  {
    color: #fff !important;
}
.br-ad  {
    border-radius: 9999px;
}
.d-ib  {
    display: inline-block;
}
.pr20  {
    padding-right: 20px;
}
.mt30  {
    margin-top: 30px;
}
/*---------------------- common ----------------------*/ @media print, screen and (min-width: 768px)  {
    
    #contents  {
        width: 1000px;
        margin: 0 auto;
    }
    .contentsInner  {
        width: 760px;
        margin: 0 auto;
        padding: 50px 0;
    }
    .thumb_list  {
        width: 100%;
        height: auto;
        background: url(../img/loader.gif) no-repeat center center;
        display: none;
    }
    .award-wrap  {
       
    }
    section#gallery_list ul  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 80px;
    }
    section#gallery_list ul li  {
        width: 300px;
    }
    section#gallery_list ul li img  {
        width: 300px;
    }
    section#award_list_gold, section#award_list_gold_w, section#award_list_gold_one  {
        width: 656px;
        margin: 0 auto 40px;
    }
    section#award_list_gold h2, section#award_list_gold_w h2, section#award_list_gold_one h2, section#award_list_gold_one_w h2  {
        margin: 40px 0 60px;
        text-align: center;
    }
    section#award_list_gold ul, section#award_list_gold_w ul {
        text-align: center;
        background: url(../img/gold_coin.png) no-repeat 285px top;
        overflow: hidden;
        zoom: 1;
        margin-right: -40px;
        padding: 90px 5px 5px;
    }
    .award_list_gold_w {
        justify-content: center;
        background: url(../img/gold_coin.png) no-repeat center 30px;
        background-size: 60px;
        padding: 50px 5px 5px;
        margin-top: 90px;
    }
    .award_list_gold_one {
        justify-content: center;
        background: url(../img/gold_coin.png) no-repeat center 50px;
        background-size: 60px;
        padding: 50px 5px 5px;
        margin-top: 90px;
        margin-bottom: -40px;
    }
    section#award_list_gold_one ul  {
        text-align: center;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url(../img/gold_coin.png);
        overflow: hidden;
        zoom: 1;
        padding: 90px 5px 5px;
        width: 220px;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
    }
    section#award_list_gold_one_w ul  {
        text-align: center;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url(../img/gold_coin.png);
        overflow: hidden;
        zoom: 1;
        padding: 90px 5px 5px;
        width: 303px;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
    }
    section#award_list_gold li  {
        width: 220px;
        float: left;
        text-align: center;
        margin-right: 25px;
    }
    section#award_list_gold li p img  {
        box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -webkit-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -moz-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        margin-bottom: 10px;
    }
    section#award_list_gold li p.title  {
        text-align: center;
        font-size: 90%;
    }
    section#award_list_gold_w li  {
        width: 303px;
        float: left;
        text-align: center;
        margin-right: 25px;
    }
    section#award_list_gold_w li p img  {
        box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -webkit-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -moz-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        margin-bottom: 10px;
    }
    section#award_list_gold_w li p.title  {
        text-align: center;
        font-size: 90%;
    }
    section#award_list_gold_one li  {
        width: 220px;
        cursor: pointer;
    }
    section#award_list_gold_one li p img  {
        box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -webkit-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -moz-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        margin-bottom: 10px;
        opacity: 0;
    }
    section#award_list_gold_one li p img.loaded  {
        opacity: 1;
    }
    section#award_list_gold_one li p.title  {
        text-align: center;
        font-size: 90%;
    }
    section#award_list  {
        margin-bottom: 60px;
        min-width: 1040px;
        & .kha-title{
            font-size: 21px;
            font-weight: bold;
            width: fit-content;
            margin-bottom: 50px;
            line-height: 1.7em;
            &::after{
                content: "";
                display: block;
                width: 80px;
                height: 3px;
                background: #fff;
                margin-top: 15px;
            }
        }
    }
 
    section#award_list h2.titlehead  {
        margin: 0;
        padding-left: .1em;
        font-size: 36px;
        font-weight: 400;
        letter-spacing: .1em;
        position: relative;
        font-weight: bold;
        margin-bottom: 100px;
        & svg {
            display: inline-block;
            margin-right: 20px;
        }
    }
    section#award_list h2.titlehead::after  {
        content: "";
        margin: 0 auto;
        height: 40px;
        width: 1px;
        background: #000;
        z-index: 2;
        position: absolute;
        right: 0;
        bottom: -50px;
        left: 0;
    }

    section#award_list ul  {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-end;
        gap:80px;
        margin: 0 0 100px;
        &.single{
            gap:100px;
            margin: 0 0 100px;
            & li  {
                width: 300px;
                & .kha-title{
                    white-space: nowrap;
                }
                img{
                    width: 100%;
                    height: auto;
                }
            }
        }
        &.movie-list{
            & li  {
                width: 650px;
            }
            &.finalist {
                /* gap:20px; */
            }
        }
        & li  {
            width: 300px;
            img{
                width: 100%;
                height: auto;
            }
        }
        &.crown01 {
            gap:50px;
            & li  {
                width: 390px;
            }
        }
        &.finalist {
             gap:20px;
            & li  {
                width: 240px;
                margin-bottom: 50px;
            }
        }
    }

   
    
    section#award_list li a:hover  {
        text-decoration: none;
    }
    
    section#award_list li p img  {
       
        opacity: 0;
        width: 100%;
        height: auto;
    }
    section#award_list li p img.loaded  {
        opacity: 1;
    }
    section#award_list li p a:link img  {
        /* box-shadow */ filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    section#award_list li p.work-title  {
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
        font-size: 85%;
    }
    section#award_list li p.work-title::after  {
        content: "";
        background: #ccc;
        width: 60px;
        height: 1px;
        display: block;
        margin: 15px auto;
    }
    section#award_list_gold li p a:link img  {
        /* box-shadow */ filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    section#award_list li a:hover img, section#award_list_gold li a:hover img  {
        /* box-shadow */ filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }
    section#award_list li p.entryno,section#award_list li p.title, section#award_list li p.salon  {
        text-align: center;
        font-size: 90%;
        margin-bottom: 0px;
    }
    /*section#award_list li p.title::after  {
        content :"::" ;
        display : block ;
        text-align : center ;
    }
*/
    /*modal*/ .modal  {
        display: none;
    }
    .modalBody  {
        padding-top: 0px;
        width: 800px;
        height: auto;
        margin: 0 auto;
        z-index: 2000;
        position: relative;
    }
    .modalBodyOuter  {
        padding-top: 20px;
        width: 100%;
        height: auto;
        z-index: 1100;
        position: relative;
    }
    .modalBK  {
        position: absolute;
        z-index: 100;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }
    /*.modalBK {
        position: fixed;
        z-index:1050;
        height:100%;
        width:100%;
        top:0;
        left:0;
    }
    */ /*.btns {
        font-size: 80px;
        width:150px;
        background:#111;
        height: 150px;
        line-height:150px;
        text-align:center;
        font-family: arial;
        color: #fff;
        float: left;
        margin:10px;
        cursor: pointer
    }
    */ .close  {
        cursor: pointer;
    }
    .modal  {
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        width: 100%;
        background: url(../img/modal_bg.png) repeat left top;
        z-index: 10;
    }
    .modal p  {
        font-size: 12px;
        text-align: center;
        /*text-align: left;
        */
    }
    .modal h1  {
        font-weight: bold;
        font-size: 30px;
    }
    .close_area  {
        width: 100%;
        height: 20px;
    }
    .modal .sub_contents  {
        background: #fff;
        padding: 20px;
        overflow: hidden;
    }
    .modal .sub_contents.entry  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 120px;
        color: #333;
    }
    .modal .sub_contents.entry.not-title  {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .modal .sub_contents.entry.not-title h4  {
        text-align: center;
    }
    .modal .sub_contents.entry h3  {
        font-weight: normal;
        font-size: 95%;
        font-weight: bold;
    }
    .modal .sub_contents.entry h4  {
        font-weight: normal;
        font-size: 90%;
        text-align: center;
    }
    .modal .sub_contents h4  {
        font-weight: normal;
        font-size: 120%;
    }
    .modal .sub_contents ul  {
        /* float: left;
        padding: 10px 0px 10px 40px;
        border-left: solid 1px #ccc;
        */
    }
    .modal .sub_contents li span  {
        color: #B2B200;
    }
    div.main_movie  {
        position: relative;
        width: 100%;
        /* ここは適時編集してください（px指定してmin-widthと組み合わせるなり） */
    }
    div.main_movie::before  {
        content:'';
        display: block;
        padding-top: 56.25%;
        /* 高さ÷横幅×100 */
    }
    div.main_movie iframe  {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    #modalTitleArea {
        padding: 15px 0px;
    }
    #commenterArea {
        font-size: 12px;
    }
    #modalDcomment,#modalComment {
        text-align: left;
        display: inline;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    #modalDcomment::before,#modalComment::before  {
        content: url(../img/comment.svg);
        display : block ;
        text-align : center ;
        width:25px;
        margin: 0 auto 15px;
    }
    .sub_contents .commenter  {
        overflow: hidden;
        border-top: solid 1px #ccc;
        margin: 20px;
        padding: 20px 0px 20px 0px;
        color: #333;
    }
    .sub_contents .commenter p  {
        float: left;
        width: 90px;
        margin-left: 30px;
    }
    .sub_contents .commenter dl  {
        float: right;
        width: 570px;
        padding-top: 10px;
    }
    .sub_contents .commenter dt  {
        margin-bottom: 15px;
        font-weight: bold;
    }
    .sub_contents .commenter dd  {
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .main_photo  {
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }
    .main_photo img  {
        max-height: 800px;
        max-width: 800px;
    }
    .selected  {
        display: block;
    }
    .no-selected  {
        display: none;
    }
    #linklist  {
        width: 100%;
        background: #fff;
        position: relative;
        z-index: 2000;
    }
    .linklistInner  {
        width: 960px;
        margin: 0 auto;
        padding-top: 20px;
    }
    #linklist h2  {
        display: none;
    }
    #linklist section#award_list  {
        margin-bottom: 0px;
    }
    footer  {
        position: relative;
        background: #ECECEC;
    }
    .footerWrap  {
        width: 960px;
        margin: 0 auto;
    }
    .footerInner  {
        overflow: hidden;
        padding: 40px 0;
    }
    .footerInner dl#f-gamo-kansai, .footerInner dl#f-gamo  {
        width: 100%;
        text-align: center;
    }
    .footerInner dl#f-gamo-kansai  {
        float: left;
    }
    .footerInner dl dt, .footerInner dl dd  {
        margin-bottom: 50px;
    }
    .footerInner dl#f-gamo  {
        float: right;
    }
    #copy  {
        text-align: center;
        padding: 20px 0;
        display: block;
        color: #9B9B8C;
    }
    h2  {
        margin-bottom: 60px;
    }
    .mg_t10  {
        margin-top: 10px;
    }
    .mg_t20  {
        margin-top: 20px;
    }
    .mg_t30  {
        margin-top: 30px;
    }
    .mg_t40  {
        margin-top: 40px;
    }
    .mg_t50  {
        margin-top: 50px;
    }
    .mg_b10  {
        margin-bottom: 10px;
    }
    .mg_b20  {
        margin-bottom: 20px;
    }
    .mg_b30  {
        margin-bottom: 30px;
    }
    .mg_b40  {
        margin-bottom: 40px;
    }
    .mg_b50  {
        margin-bottom: 50px;
    }
    .mg_tb10  {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mg_tb20  {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mg_tb30  {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .mg_tb40  {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .mg_tb50  {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
#resptable {
    width: 700px;
}
#resptable table {
    width: 100%;
    border-collapse: collapse;
    border: solid #CCC;
    border-width: 1px;
    margin: 15px auto;
}
#resptable table tr th, #resptable table tr td {
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
    border: solid #CCC;
    border-width: 1px;
}
#resptable table tr th {
    width: 35%;
    background: #eee;
}
.plr130  {
    padding-left: 130px;
    padding-right: 130px;
}
.remobtn img {
    width: 300px;
}
/*end query*/ @media screen and (max-width: 767px)  {

.p-page-header {
background: #000;
margin-bottom: 30px;
padding: 9px 0;
}
body.l-header--type1--mobile .p-page-header, body.l-header--type2--mobile .p-page-header {
border-top: 0px solid #000;
}

    .pc  {
        display: none !important;
    }
    body img  {
        max-width: 100%;
        height: auto;
    }
    header  {
        width: 100%;
        /*height: 50px;
        border-bottom: solid 1px #ccc;*/
    }
    header .headerInner  {
        width: 90%;
        margin: 10px auto 10px;
        position: relative;
    }
    #contents  {
        width: 100%;
        margin: 0 auto;
    }
    .contentsInner  {
        width: 96%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .thumb_list  {
        width: 100%;
        height: auto;
        background: url(../img/loader.gif) no-repeat center center;
        display: none;
    }
    .award-wrap  {
      
    }

    section#award_list_gold, section#award_list_gold_w, section#award_list_gold_one  {
        margin: 0 auto 40px;
    }
    section#award_list_gold h2, section#award_list_gold_w h2, section#award_list_gold_one h2, section#award_list_gold_one_w h2  {
        margin: 40px 0 60px;
        text-align: center;
    }
    section#award_list_gold ul, section#award_list_gold_w ul  {
        text-align: center;
        background: url(../img/gold_coin.png) no-repeat 285px top;
        background-size: 50px;
        overflow: hidden;
        zoom: 1;
        margin-right: -40px;
        padding: 90px 5px 5px;
    }
    .award_list_gold_w {
        background: url(../img/gold_coin.png) no-repeat center top;
        background-size: 10%;
        padding: 60px 5px 0px!important;
        margin-top: 100px;
    }
    .award_list_gold_one {
        justify-content: center;
        /*background: url(../img/gold_coin.png) no-repeat center top;
        */ padding: 50px 5px 5px;
        margin-top: 90px;
        margin-bottom: 0px;
    }
    section#award_list_gold_one ul  {
        text-align: center;
        background-repeat: no-repeat;
        background-position: center top;
        /* background-image: url(../img/gold_coin.png);
        */ overflow: hidden;
        zoom: 1;
        padding: 90px 5px 5px;
        width: 220px;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
    }
    section#award_list_gold_one_w ul  {
        text-align: center;
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url(../img/gold_coin.png);
        overflow: hidden;
        zoom: 1;
        padding: 90px 5px 5px;
        width: 303px;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
    }
    section#award_list_gold li  {
        width: 220px;
        float: left;
        text-align: center;
        margin-right: 25px;
    }
    section#award_list_gold li p img  {
        
    }
    section#award_list_gold li p.title  {
    }
    
    section#award_list_gold_w li p img  {
        box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -webkit-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -moz-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        margin-bottom: 10px;
    }
    section#award_list_gold_w li p.title  {
        text-align: center;
    }
    section#award_list_gold_one li  {
        width: 220px;
        cursor: pointer;
    }
    section#award_list_gold_one li p img  {
        box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -webkit-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        -moz-box-shadow: rgba(222, 222, 222, .65098) 0px 0px 3px 3px;
        margin-bottom: 10px;
        opacity: 0;
    }
    section#award_list_gold_one li p img.loaded  {
        opacity: 1;
    }
    section#award_list_gold_one li p.title  {
        text-align: center;
    }
    section#award_list  {
        margin-bottom: 60px;
         & .kha-title{
            font-size: 16px;
            font-weight: bold;
            width: fit-content;
            margin-bottom: 50px;
            line-height: 1.7em;
           
            &::after{
                content: "";
                display: block;
                width: 80px;
                height: 3px;
                background: #fff;
                margin-top: 15px;
            }
        }
    }
    section#award_list h2.titlehead  {
        font-size: 21px;
        font-weight: bold;
        margin-bottom: 80px;
        display: flex;
        align-items: center;
        & svg{
            display: inline-block;
            margin-right: 10px;
            width: 7vw;
        }
    }
    
     section#award_list ul  {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap:60px;
        margin: 0 0 100px;
        & li  {
            width: 100%;
            img{
                width: 100%;
                height: auto;
            }
        }
        &.crown01 {
            gap:50px;
            & li  {
                width: 100%;
            }
        }
        &.finalist {
             gap:20px;
            & li  {
                width: calc(50% - 10px);
                margin-bottom: 50px;
            }
        }
    }

    section#award_list li p img  {
        width: 100%;
        height: auto;
        opacity: 0;
    }
    section#award_list li p img.loaded  {
        opacity: 1;
    }
    section#award_list li p a:link img  {
        /* box-shadow */ filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    section#award_list_gold li p a:link img  {
        /* box-shadow */ filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    section#award_list li a:hover img, section#award_list_gold li a:hover img  {
        /* box-shadow */ filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
    }
    section#award_list li p.work-title  {
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
        font-size: 85%;
    }
    section#award_list li p.work-title::after  {
        content: "";
        background: #ccc;
        width: 60px;
        height: 1px;
        display: block;
        margin: 15px auto;
    }
    section#award_list li p.entryno, section#award_list li p.title {
        text-align: center;
        font-size:100%;
        margin-bottom: 0px;

    }
    section#award_list li p.salon  {
        text-align: center;
        font-size:80%;
        margin-bottom: 0px;

    }
    /*section#award_list li p.title::after  {
        content :"::" ;
        display : block ;
        text-align : center ;
    }
    */
    /*modal*/ .modal  {
        display: none;
    }
    .modalBody  {
        padding-top: 0px;
        width: 90%;
        height: auto;
        margin: 0 auto;
        z-index: 2000;
        position: relative;
    }
    .modalBodyOuter  {
        padding-top: 20px;
        width: 100%;
        height: auto;
        z-index: 1100;
        position: relative;
    }
    .modalBK  {
        position: absolute;
        z-index: 100;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
    }
    /*.modalBK {
        position: fixed;
        z-index:1050;
        height:100%;
        width:100%;
        top:0;
        left:0;
    }
    */ /*.btns {
        font-size: 80px;
        width:150px;
        background:#111;
        height: 150px;
        line-height:150px;
        text-align:center;
        font-family: arial;
        color: #fff;
        float: left;
        margin:10px;
        cursor: pointer
    }
    */ .close  {
        cursor: pointer;
    }
    .modal  {
        height: 100%;
        overflow-y: scroll;
        position: fixed;
        width: 100%;
        background: url(../img/modal_bg.png) repeat left top;
        z-index: 10;
    }
    .modal p  {
        font-size: 12px;
        text-align: center;
        /*text-align: left;
        */
    }
    .modal h1  {
        font-weight: bold;
        font-size: 30px;
    }
    .close_area  {
        width: 100%;
        height: 20px;
    }
    .modal .sub_contents  {
        background: #fff;
        padding: 20px;
        overflow: hidden;
        color: #333;
    }
    .modal .sub_contents.entry  {
        text-align: center;
        padding: 15px 15px;
    }
    .modal .sub_contents.entry.not-title  {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .modal .sub_contents.entry.not-title h4  {
        text-align: center;
    }
    .modal .sub_contents.entry h3  {
        font-weight: normal;
        font-size: 95%;
        font-weight: bold;
    }
    .modal .sub_contents.entry h3::after  {
        content: "";
        background: #ccc;
        width: 60px;
        height: 1px;
        display: block;
        margin: 15px auto;
    }
    .modal .sub_contents.entry h4  {
        font-weight: normal;
        font-size: 90%;
        text-align: center;
    }
    .modal .sub_contents ul  {
        padding: 0px;
        text-align-last: left;
    }
    .modal .sub_contents li span  {
        color: #B2B200;
    }
    div.main_movie  {
        position: relative;
        width: 100%;
        /* ここは適時編集してください（px指定してmin-widthと組み合わせるなり） */
    }
    div.main_movie::before  {
        content:'';
        display: block;
        padding-top: 56.25%;
        /* 高さ÷横幅×100 */
    }
    div.main_movie iframe  {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    #modalTitleArea {
        padding: 15px 0px;
    }
    #commenterArea {
        font-size: 12px;
    }
    #modalDcomment,#modalComment {
        text-align: left;
        display: inline-block;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    #modalDcomment::before, #modalComment::before  {
        content: url(../img/comment.svg);
        display : block ;
        width:25px;
        margin: 0 auto 15px;
    }
    .sub_contents .commenter  {
        border-top: solid 1px #ccc;
        padding: 30px 0px;
    }
    .sub_contents .commenter p  {
        width: 90px;
        margin:0 auto 15px;
    }
    .sub_contents .commenter dl  {
        padding-top: 10px;
    }
    .sub_contents .commenter dt  {
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
        font-weight: bold;
    }
    .sub_contents .commenter dd  {
        margin-bottom: 10px;
        width: 100%;
    }
    .main_photo  {
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }
    .selected  {
        display: block;
    }
    .no-selected  {
        display: none;
    }
    #linklist  {
        width: 100%;
        background: #fff;
        position: relative;
        z-index: 2000;
    }
    .linklistInner  {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
    }
    #linklist h2  {
        display: none;
    }
    #linklist section#award_list  {
        margin-bottom: 0px;
    }
    footer  {
        position: relative;
        background: #ECECEC;
    }
    .footerWrap  {
        width: 100%;
        margin: 0 auto;
    }
    .footerInner  {
        overflow: hidden;
        padding: 40px 0;
    }
    .footerInner dl#f-gamo-kansai, .footerInner dl#f-gamo  {
        width: 100%;
        text-align: center;
        margin: 0 auto 20px;
    }
    .footerInner dl dt, .footerInner dl dd  {
        margin-bottom: 50px;
    }
    #copy  {
        text-align: center;
        padding: 20px 0;
        display: block;
        color: #9B9B8C;
    }
    h2  {
        margin-bottom: 60px;
    }
    .mg_t10  {
        margin-top: 10px;
    }
    .mg_t20  {
        margin-top: 20px;
    }
    .mg_t30  {
        margin-top: 30px;
    }
    .mg_t40  {
        margin-top: 40px;
    }
    .mg_t50  {
        margin-top: 50px;
    }
    .mg_b10  {
        margin-bottom: 10px;
    }
    .mg_b20  {
        margin-bottom: 20px;
    }
    .mg_b30  {
        margin-bottom: 30px;
    }
    .mg_b40  {
        margin-bottom: 40px;
    }
    .mg_b50  {
        margin-bottom: 50px;
    }
    .mg_tb10  {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mg_tb20  {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mg_tb30  {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .mg_tb40  {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .mg_tb50  {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #resptable {
        width: 100%;
    }
    #resptable table, #resptable table tbody, #resptable table tr, #resptable table tr th, #resptable table tr td {
        display: block;
    }
    #resptable table {
        width: 100%;
        border-width: 0 0 1px 0;
        margin: 15px auto;
    }
    #resptable table tr th, #resptable table tr td {
        width: 90%;
        padding: 3% 5%;
    }
    #resptable table tr td {
        border-width: 0px 1px 0px 1px;
    }
    .plr130  {
        padding-left: 30px;
        padding-right: 30px;
    }
    .sp-tal  {
        text-align: left !important;
    }
    section#gallery_list ul  {
        text-align: center;
        margin-bottom: 80px;
    }
    section#gallery_list ul li  {
        width: 90%;
        margin: 0px auto 30px;
    }
    section#gallery_list ul li img  {
        width: 90%;
    }
    br.pc {
        display: none;
    }
}
.btn, a.btn, button.btn  {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
}
a.btn-border  {
    border: 2px solid #000;
    border-radius: 0;
    background: #fff;
    margin-top: 20px;
}
a.btn-border:hover  {
    color: #fff;
    background: #000;
}
.sub_contents .commenter p {
    widows: 90px;
    height: 96px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
/* commenter */ .sub_contents .commenter p.commenter-shindo {
    background-image: url(../img/commenter/img-shindo.jpg);
}
.sub_contents .commenter p.commenter-nemoto {
    background-image: url(../img/commenter/img-nemoto.jpg);
}
.sub_contents .commenter p.commenter-toba {
    background-image: url(../img/commenter/img-toba.jpg);
}
.sub_contents .commenter p.commenter-yamada {
    background-image: url(../img/commenter/img-yamada.jpg);
}
.sub_contents .commenter p.commenter-mukai {
    background-image: url(../img/commenter/img-mukai.jpg);
}
.sub_contents .commenter p.commenter-iseki {
    background-image: url(../img/commenter/img-iseki.jpg);
}
.sub_contents .commenter p.commenter-nishimura {
    background-image: url(../img/commenter/img-nishimura.jpg);
}
.sub_contents .commenter p.commenter-taichi {
    background-image: url(../img/commenter/img-taichi.jpg);
}
.sub_contents .commenter p.commenter-jinguji {
    background-image: url(../img/commenter/img-jinguji.jpg);
}
.sub_contents .commenter p.commenter-oode {
    background-image: url(../img/commenter/img-oode.jpg);
}
.sub_contents .commenter p.commenter-tsuzuki {
    background-image: url(../img/commenter/img-tsuzuki.jpg);
}
.sub_contents .commenter p.commenter-yamashita {
    background-image: url(../img/commenter/img-yamashita.jpg);
}
.sub_contents .commenter p.commenter-harada {
    background-image: url(../img/commenter/img-harada.jpg);
}
.sub_contents .commenter p.commenter-kera {
    background-image: url(../img/commenter/img-kera.jpg);
}
.sub_contents .commenter p.commenter-uemura {
    background-image: url(../img/commenter/img-uemura.jpg);
}
.sub_contents .commenter p.commenter-nishisaka {
    background-image: url(../img/commenter/img-nishisaka.jpg);
}
.sub_contents .commenter dt.commenter-nameshindo::before {
    content: '進藤 郁子 ［SHISEIDO］';
}
.sub_contents .commenter dt.commenter-namenemoto::before {
    content: '根本 貴司 ［Double］';
}
.sub_contents .commenter dt.commenter-nametoba::before {
    content: '鳥羽 直泰 ［VeLO］';
}
.sub_contents .commenter dt.commenter-nameyamada::before {
    content: '山田 千恵 ［DaB］';
}
.sub_contents .commenter dt.commenter-namemukai::before {
    content: '向 千鶴 ［WWD JAPAN］';
}
.sub_contents .commenter dt.commenter-nameiseki::before {
    content: 'イセキ リエ ［THE REMMY］';
}
.sub_contents .commenter dt.commenter-namenishimura::before {
    content: '西村 晃一 ［Nicole.］';
}
.sub_contents .commenter dt.commenter-nametaichi::before {
    content: '太市 ［SIDE BURN］';
}
.sub_contents .commenter dt.commenter-namejinguji::before {
    content: '神宮寺 芳子 ［SHISEIDO］';
}
.sub_contents .commenter dt.commenter-nameoode::before {
    content: '大出 剛士 ［INFASパブリケーションズ］';
}
.sub_contents .commenter dt.commenter-nametsuzuki::before {
    content: '都筑 千佳 ［INFASパブリケーションズ］';
}
.sub_contents .commenter dt.commenter-nameyamashita::before {
    content: '山下 浩二 ［Double］';
}
.sub_contents .commenter dt.commenter-nameharada::before {
    content: '原田 忠 ［SHISEIDO］';
}
.sub_contents .commenter dt.commenter-namekera::before {
    content: '計良 宏文 ［SHISEIDO］';
}
.sub_contents .commenter dt.commenter-nameuemura::before {
    content: '植村 隆博 ［DADA CuBiC］';
}
.sub_contents .commenter dt.commenter-namenishisaka::before {
    content: '西坂 多恵［SUMI］';
}
.p-page-header__title{
  display: none;
}
section#award_list ul li{
  list-style: none;
}
.modal{
  top:0;
  z-index: 1000;
}
#award{
    background: #000;
    & .l-main{
       background: #000; 
       & .p-entry-page__inner{
              background: #000;
              color: #fff;
            
       }
       & .p-entry__body{
        color: #fff!important;
       }
    }
}