@charset "utf-8";

@media screen and (max-width: 768px){
    body {
    }
    .sp{
        display: block;
    }
    /*
    1:Base
    ------------------------------------------------------------
    */
    #containerWrap {
        min-width: inherit;
    }
    #container {
        padding-top: 60px;
        margin: 0 auto;
    }
    #main {
        float: inherit;
        width: 100%;
        margin-bottom: 40px;
    }
    #sub {
        float: inherit;
        width: 100%;
    }
    .alignleft,
    .alignright{
        float: inherit;
        padding: 0;
        display: block;
        margin:0 auto 20px;
    }


    /*
    4:Header
    ------------------------------------------------------------
    */
    header{
        min-width: inherit;
        padding: 10px 5%;
    }
    #headerLeft {
        width: 100%;
    }
    .logo{
        height: 40px;
        width: auto;
        position: inherit;
    }
    #headerRight,
    #gnavi{
        display: none;
    }
    
    .button-area {
        display: inline;
        position: fixed;
        right: 5%;
        top: 5px;
        z-index: 999;
    }
    .panel-btn{
        display: inline-block;
        position: relative;
        width: 40px;
        height: 40px;
        margin: 4px 0 0;
    }
    .panel-btn-icon:before, .panel-btn-icon:after{
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 35px;
        height: 1px;
        background: #000;
        transition: .3s;
    }
    .panel-btn-icon:before{
        margin-top: -8px;
    }
    .panel-btn-icon:after{
        margin-top: 8px;
    }
    .panel-btn .close:before, .panel-btn .close:after{
        margin-top: 0;
    }
    .panel-btn .close:before{
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .panel-btn .close:after{
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .overlay {
        display: none;
        position: fixed;
        top: 60px;
        height: calc(100% - 60px);
        width: 100%;
        background: rgba(255,255,255,.9);
        overflow: auto !important;
        z-index: 250;
    }
    .overlay .wrap {
        padding: 20px 0px 80px;
    }
    .overlay ul.list_sns {
        margin: 20px 0 ;
        float: inherit;
        text-align: center;
    }
    ul.bogo-language-switcher{
        float: inherit;
        text-align: center;
        padding-top: 0;
        width: 100%;
    }
    ul.bogo-language-switcher li{
        float: inherit;
        display: inline-block;
    }
    ul.sp_navi{
        margin-bottom: 50px;
        padding: 0 5%;
    }
    ul.sp_navi li a{
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #707070;
        text-decoration: none;
    }
    ul.sp_navi li.child a{
        padding: 10px 5%;
    }
    ul.sp_navi li a:link,
    ul.sp_navi li a:visited{
        text-decoration: none;
    }
    .en-US ul.sp_navi li:nth-child(2){
        display: none;
    }
    .popup{
        width: 90%;
        right: 5%;
    }

    /*
    8:footer
    ------------------------------------------------------------
    */
    .f_fix_btn{
        right: 0;
        bottom: 0;
        width: 50%;
        display: block;
        background: #000;
        line-height: 45px;
        padding: 0 10px;
        font-size: 75%;
    }

    /*
    8:top
    ------------------------------------------------------------
    */
    .mainImg {
        width: 100%;
        margin: 0;
    }
    #main_txt_wrap{
        font-size: 100%;
    }
    h2.main_txt{
        font-size: 200%;
    }
    #about{
        padding: 40px 5% 35px;
        margin-top: 0;
    }
    .top_box1{
        padding: 30px 5%;
        width: 100%;
    }
    .top_box1:after{
        display: none;
    }
    #about_box{
        margin-bottom: 40px;
    }
    #award_box{
        margin-left: 0;
        padding: 30px 5%;
    }
    h3.topTi{
        text-align: center
    }
    table.top_table th{
        display: block;
        width: 100%;
        padding-bottom: 15px;
        text-align: center;
    }
    table.top_table td{
        display: block;
        width: 100%;
        padding-bottom: 15px;
    }
    #movie{
        padding: 30px 0 60px;
        border-bottom: 1px solid #D5D5D5;
        margin-bottom: 40px;
    }
    .top_box_wrap2{
        padding: 0 5%;
        border-top: none;
        border-bottom: none;
    }
    .top_box_wrap2:before,
    .top_box_wrap2:after{
        display: none;
    }
    ul.photo {
        margin: 9.5px 0 30px;
    }
    ul.photo li {
        margin: 0 2% 9.5px 0;
        width: 49%;
    }
    ul.photo li:nth-child(2n){
        margin-right: 0;
    }
    ul.photo li:nth-child(5n){
        margin-right: 2%;
    }
    ul.photo li:nth-child(10n){
        margin-right: 0;
    }
    #movie dl dt{
        text-align: center;
    }
    #top_award{
        padding: 0;
        overflow: hidden;
    }
    h3.topTi2{
        padding: 0 5%;
        margin-bottom: 40px;
    }
    #top_award h3.topTi2{
        margin-bottom: 0;
    }
    .winner_box{
        margin: 0 auto 40px;
        border-left: none;
        border-right: none;
    }
    .credit_box{
        padding: 25px 5%;
    }
    .winner_box dl dt{
        float: inherit;
        clear: inherit;
        margin-bottom: 20px;
        font-size: 112.5%;
        /*padding: 0 0 0 130px;*/
    }
    .winner_box dl dt p{
        padding-left: 21.5%;
    }
    .winner_box dl dd {
        margin-left: 0;
    }
    h4.topTi{
        padding: 0 5%;
    }
    .cat_prize_box .inner{
        border-left: none;
        margin: 0 auto 40px;
        padding: 0 5%;
    }
    .gold_box{
        width: 100%;
        border-right: none;
        float: inherit;
        margin-bottom: 40px;
    }
    .silver_box{
        width: 48%;
        border-right: none;
        margin-right: 4%;
    }
    .bronze_box{
        width: 48%;
        border-right: none;
    }
    .cat_prize_box .credit_box{
        padding: 0;
    }
    ul.list_btn{
        margin: 0 auto 60px;
        padding: 0 5%;
    }
    ul.list_btn li{
        width: 100%;
        float: inherit;
    }
    ul.list_btn li a{
      height: 70px;
      border-bottom: none;
      font-size: 17px;
    }
    ul.list_btn li:first-child a{
        border-right: 1px solid #D5D5D5;
    }
    ul.list_btn li:last-child a{
        border-bottom: 1px solid #D5D5D5;
    }
    #introduction{
        padding: 35px 5%;
    }
    .intro_box{
        padding: 7% 0;
        width: 100%;
        background: #FFF;
    }
    #intro_inner2{
        margin-left: 0;
    }
    .intro_box .inner{
        width: 100%;
        max-width: inherit;
    }
    #intro_inner2 .inner{
        margin-left: 0;
    }
    h4.introTi{
        padding: 0 5%;
    }
    .intro_box .inner p{
        padding: 0 5%;
    }
    .disc{
        padding: 10px 5%;
    }
    #introduntion_img1{
        position: inherit;
        top: auto;
        right: auto;
        width: 90%;
        max-width: 421px;
        display: block;
        margin: 30px auto 0;
    }
    #introduntion_img2{
        position: inherit;
        top: auto;
        left: auto;
        width: 90%;
        max-width: 421px;
        display: block;
        margin: 30px auto 0;
    }
    #intro_inner1{
        margin-bottom: 40px;
    }
    .intro_box:after{
        display: none;
    }
    /* 2021 追加 -----------------------------------------------*/
    .main_test:after {
        height: 30px;
    }
    #top_btn_wrap{
        position: inherit;
        top: auto;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    #top_more1{
        position: inherit;
        bottom: auto;
        left: auto;
        margin-top: 30px;
    }
    #top_btn1{
        position: inherit;
        display: block;
    }
    #news{
        padding: 40px 5%;
    }
    ul.top_news li dl dt{
        padding: 25px 0 10px;
        clear: inherit;
        float: inherit;
        width: 100%;
        border-top: 1px solid #CCCCCC;
    }
    ul.top_news li dl dd{
        padding: 0 0 25px;
        margin-left: 0;
        border-top: none;
    }
    #top_news_more{
        position: inherit;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    #talks .inner{
        padding: 40px 5%;
    }
    .talks_left{
        width: 100%;
        float: inherit;
    }
    .talks_right{
        padding: 5%;
        width: 100%;
        float: inherit;
    }
    #talks_more{
        float: inherit;
        clear: inherit;
        font-size: 100%;
    }
    #talks_more br{
        display: none;
    }
    ul.thumb-item-nav{
        margin-left: 0;
        margin-top: 10px;
    }
    #movie_new{
        padding: 40px 5%;
        margin-bottom: 60px;
    }
    #movie_new dl dt{
        text-align: center;
    }
    ul.list_btn li.w100{
        width: 100%;    
    }
    ul.list_btn li.w30{
        width: 100%;
    }
    ul.list_btn li.w30 a{
        border-right: 1px solid #D5D5D5;
    }



    /*
    下層
    ------------------------------------------------------------
    */
    /* award詳細 ------------------------------*/
    h2.award_ti{
        padding: 35px 5% 35px;
        font-size: 150%;
        margin-bottom: 40px;
    }
    .award_content{
        width: 90%;
    }
    .award_prize_box{
        font-size: 100%;
        float: inherit;
        margin: 0 0 30px;
    }
    .award_credit_box{
        float: inherit;
        width: 100%;
        margin-bottom: 50px;
    }
    table.award_credit th{
        padding-bottom: 15px;
        width: 100%;
        padding-right: 0;
        display: block;
    }
    table.award_credit td{
        vertical-align: top;
        padding-bottom: 30px;
        width: 100%;
        display: block;
    }
    .award_concept{
        clear: both;
        margin-top: 50px;
    }
    .img_box{
        clear: both;
        margin-top: 50px;
    }

    /* award一覧 ------------------------------*/
    .list_award_wrap{
        padding: 0 5%;
    }
    ul.term_box {
        width: 100%;
        margin-bottom: 40px;
    }
    ul.term_box li.inner{
        float: inherit;
        margin-bottom: 20px;
        width: 100%;
        position: inherit;
    }
    ul.term_box li.inner:nth-child(3),
    ul.term_box li.inner:nth-child(4){
        width: 100%;
    }
    .term_box div ul{
        margin-right: 0;
    }
    ul.award_menu,
    .slidedown_menu{
        position: inherit;
        top: auto;
        left: auto;
    }
ul.list_award{
    clear: both;
}
    ul.list_award li{
        width: 48%;
        margin: 0 4% 50px 0;
    }
    ul.list_award li:nth-child(2n){
        margin: 0 0 50px 0;
    }
    ul.list_award li:nth-child(3n){
        margin: 0 4% 50px 0;
    }
    ul.list_award li:nth-child(6n){
        margin: 0 0 50px 0;
    }

    /* shortlist一覧 ------------------------------*/
    .shortlist_wrap{
        clear: both;
        width: 100%;
        padding: 30px 5% 50px;
        border-top: 1px solid #D5D5D5;
    }
    .shortL{
        width: 100%;
        float: inherit;
        margin-bottom: 20px;
    }
    .shortR{
        width: 100%;
        float: inherit;
    }
    .short_cat{
        margin-bottom: 20px;
    }
    .shortL h3.ti{
        margin-bottom: 30px;
    }
    .short_daihyo{
        margin-bottom: 20px;
    }
    .short_concept{
        margin-top: 20px;
    }
    /* longlist一覧 ------------------------------*/
    .longL{
        width: 100%;
        float: inherit;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .longR{
        width: 100%;
        float: inherit;
        text-align: center;
    }
    .longL h3.ti{
        margin-bottom: 30px;
    }
    /* about ------------------------------*/
    h3.ti_about{
        font-size: 130%;
        margin-bottom: 40px;
    }
    .about_top_box{
        padding-left: 0;
        margin-bottom: 80px;
    }
    table.table_about th{
        padding: 35px 0 0;
        border-top: 1px solid #D5D5D5;
        width: 100%;
        display: block;
    }
    table.table_about td{
        border-top: none;
        padding: 25px 0 50px;
        width: 100%;
        display: block;
    }
    .a_img_wrap{
        margin-bottom: 40px;
    }
    table.table_kouen th{
        padding: 35px 0 0;
    }
    table.table_kouen td{
        padding: 25px 0 50px;
    }
    .a_img_wrap2{
        text-align: center;
        margin-bottom: 40px;
    }
    table.table_kouen td .koen_wrap div{
        width: 100%;
        text-align: center;
        padding: 0 10px 0 0;
    }
    table.table_kouen td .koen_wrap div.koen_logo{
        width: 100%;
        text-align: center;
        padding: 0;
    }


    /* detail ------------------------------*/
    ul.nav_detail{
        margin: -25px 0 45px;
    }
    ul.nav_detail li{
        margin: 0 10px;
    }
    table.table_about td table.top_table th{
        width: 100%;
        display: block;
        padding: 0 0 15px 0;
    }
    .f20{
        font-size: 115%;
        line-height: 1.5;
    }       
    .kikan_txt{
        line-height: 1.5;
    }
    .link{
        margin: 0 auto 35px;
    }
    ul.list_d_btn{
        margin-bottom: -50px;
    }
    ul.list_d_btn li{
        float: inherit;
        margin-right: 0;
        margin-bottom: -15px;
    }
    ul.list_jury li img{
        margin: 0 auto;
        display: block;
    }
    ul.list_jury li dl dt{
        clear: inherit;
        float: inherit;
        margin: 0 auto 20px;
    }
    ul.list_jury li dl dd{
        margin-left: 0;
    }
    ul.list_jury li .ti{
        text-align: center;
    }

    /* news ------------------------------*/
    h3.single_ti{
        font-size: 125%;
    }
    h4.ti_single{
        font-size: 110%;
        margin-bottom: 40px;
    }
    .section {
        margin-bottom: 60px;
    }
    .wp-caption{
        margin-bottom: 30px;
    }
    ul.list_photo li{
        float: inherit;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .wp-caption{
        width: 100% !important;
    }
    ul.list_photo li img{
        display: block;
        margin: 0 auto 20px;
    }

    /* talks ------------------------------------------------------------*/
    .talk_container ul.list_award{
        padding-top: 40px;
    }
    .talk_container #main{
        padding: 40px 5% 0;
        width: 100%;
    }
    .talk_container #sub{
        padding: 40px 5% 0;
    }
    /* contact ------------------------------------------------------------*/
    table.contactform th {
        padding: 25px 0 0;
        width: 100%;
        display: block;
    }
    table.contactform td {
        padding: 20px 0 0;
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 500px){
    .pagenation{
        display: inherit;
    }
    .pagenation .prev,
    .pagenation .backList,
    .pagenation .next{
        width: 100%;
        display: block;
        text-align: center;
    }
}
/* PC2カラム、sp1カラム */
.pc2column{display:flex;flex-wrap: wrap;justify-content:space-between}#single_wrap .pc2column img{width:47%!important;margin-bottom:30px}
@media screen and (max-width:630px){.pc2column{display:block;margin-bottom:30px}#single_wrap.pc2column img{width:100%!important;display:block;margin-bottom:0}.pc2column p{margin-bottom:0}}