/* フロントページ_の画面幅が1600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1600px){
    
    .craft_contest_results .title {
        max-width: unset;
        width: 90%;
    }

    .craft_contest_results .craft_carousel_swiper .swiper-slide {
        margin-right: unset;
    }

}










/* 画面幅が1400ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1400px){

    .craft_contest_results .toku_image {
        right: 3em;
        bottom: -3em;
        max-width: 150px;
    }

}









/* 画面幅が1200ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1200px){

    .craft_contest_results .inner_wrapper::before {
        background-size: 100%;
    }


    .craft_contest_results .title {
        width: 95%;
        margin-bottom: 5em;
    }

    

    .craft_contest_results .title .text_box {
        width: fit-content;
        padding: 8em;
    }


    .craft_contest_results .text_box .main_ttl span br{
        display: block;
    }

    .craft_contest_results .title_image {
        bottom: -12em;
    }

    .craft_contest_results .toku_image {
        max-width: 120px;
    }

}






/* 画面幅が900ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:900px){

    /* ********************************** ハック工作コンテスト_文字大きさ ********************************** */
    .craft_contest_results .craft_contest_results_font_4em{
    font-size: 57.5px;
    }

    .craft_contest_results .craft_contest_results_font_3em{
    font-size: 43px;
    }

    .craft_contest_results .craft_contest_results_font_2ten5em{
    font-size: 36px;
    }

    .craft_contest_results .craft_contest_results_font_2em{
    font-size: 29px;
    }

    .craft_contest_results .craft_contest_results_font_1ten5em{
    font-size: 21.5px;
    }

  













    /* ********************************** ここから個別のパーツ ********************************** */

    .craft_contest_results .inner_contents {
        width: 90%;
    }

    .craft_contest_results .inner_wrapper::before {
        background-size: 150%;
    }



    .craft_contest_results .craft_carousel_swiper .swiper-slide {
        width: calc(100% / 3);
        border: solid 9px white;
        box-shadow: 0.5em 0.5em 0 #b5b5b6;
    }

    .craft_contest_results .title {
        width: 90%;
        margin-bottom: 4em;
    }

    .craft_contest_results .title .text_box {
        padding: 6em 0 4em 0;
        width: 80%;
    }

     .craft_contest_results .text_box .sub_ttl{
        font-size: 2em;
    }

    .craft_contest_results .text_box .main_ttl{
        font-size: 3em;
    }

    .craft_contest_results .title_image {
        bottom: -10em;
        z-index: 1;
        max-width: 400px;
    }

    .craft_contest_results .toku_image {
        display: none;
    }


    .craft_contest_results .section1 .results_ttl p {
        margin: 0 auto;
        font-size: 0.8em;
    }

    .craft_contest_results .section1 .second_text {
        margin: 1.5em 0;
    }

    .craft_contest_results .section1 .second_text,
    .craft_contest_results .section1 .third_text{
        text-align: left;
        padding: 0 2em;
    }

    .craft_contest_results .section1 .second_text br,
    .craft_contest_results .section1 .third_text br{
        display: none;
    }

    .craft_contest_results .section1 .third_text{
        padding-top: 2em;
    }








    .craft_contest_results .award_item_list_contents {
        padding: 4em 0 2.5em 0;
    }

    .craft_contest_results .award_contents {
        padding: 0 2.5em;
    }

    .craft_contest_results .award_item_container > li:first-child {
        padding-bottom: 2.5em;
    }

    .craft_contest_results .award_item_container > li:nth-child(2) {
        padding-top: 2.5em;
    }

    .craft_contest_results .award_images_list{
        gap: 1em;
    }

    .craft_contest_results .award_images_list .award_image{
        height: auto;
    }

    .craft_contest_results .award_images_list .award_image img{
        width: 100%;
    }

    .craft_contest_results .award_contents > li img{
        width: 100%;
    }

    

    .craft_contest_results .award_item_container li:first-of-type .award_contents > li:first-child{
        order: 2;
    }

    .craft_contest_results .award_item_container .award_contents .award_photo{
        order: 1;
        max-width: 200px;
    }

    .craft_contest_results .award_item_list_contents .award_title {
        padding: 0.75em 2em;
    }

 

    








 
   











   


  

























    


    
}




/* 画面幅が600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:600px){

    .craft_contest_results .craft_contest_results_font_3em{
        font-size: 1.75em;
    }

    .craft_contest_results .craft_contest_results_font_2ten5em {
        font-size: 1.5em;
    }

    .craft_contest_results .section1 .second_text,
    .craft_contest_results .section1 .third_text{
        font-size: 1em;
        padding:  0 1em;
    }

    .craft_contest_results .section1 .third_text{
        padding-top: 2em;
        border-top: 4px solid #d4ac5a;
    }

    




    .craft_contest_results .craft_carousel_swiper .swiper-slide {
        border: solid 5px white;
    }

    .craft_contest_results .title {
        width: 95%;
        margin-bottom: 6em;
        padding: 0 0 1.5em 0;
    }

    .craft_contest_results .title .text_box {
        padding: 4.5em 0 3em 0;
        width: 100%;
    }

    .craft_contest_results .text_box .sub_ttl {
        font-size: 1.5em;
        margin-bottom: 0.25em;
    }

    .craft_contest_results .text_box .main_ttl {
        font-size: 2.5em;
    }

    .craft_contest_results .title_image {
        bottom: -6em;
        width: 80%;
    }


    .craft_contest_results #section1 {
        padding: 1em 0 0 0;
    }

    .craft_contest_results .section1 .results_ttl p {
        border: 3px solid #d4ac5a;
    }




    .craft_contest_results .award_images_list {
        display: block;
    }

    .craft_contest_results .award_images_list > li{
        margin-bottom: 2em;
    }

    .craft_contest_results .award_images_list > li:last-of-type{
        margin-bottom: unset;
    }

  

    .craft_contest_results .award_contents {
        flex-direction: column;
    }

    .craft_contest_results .award_contents > li {
        width: 100%;
    }

    .craft_contest_results .award_item_list_contents {
        border: #dfd000 solid 4px;
        margin-bottom: 4em !important;
        padding: 3.5em 0 2em 0;
    }

    .craft_contest_results .award_contents {
        padding: 0 2em;
    }

    .craft_contest_results .award_item_container .award_contents .award_photo {
        max-width: unset;
        flex: unset;
    }

    .craft_contest_results .award_item_container .award_contents .award_photo img{
        max-width: 320px;
        margin: 0 auto;
    }

    .craft_contest_results .award_item_container > li:first-child {
        padding-bottom: 2em;
    }

    .craft_contest_results .award_item_container > li:nth-child(2) {
        padding-top: 2em;
    }

    .craft_contest_results .award_item_container .award_contents .prize_text {
        display: block;
        background-color: rgba(223, 208, 0, 0.25);
        color: chocolate;
    }






    .craft_contest_results .section2 .band::before {
        height: 2em;
    }

    .craft_contest_results .bottom_contents .bottom_wrapper {
        padding: 1em 0 0.5em 0;
        margin-top: 2em;
        height: unset;
    }

    .craft_contest_results .bottom_contents .craft_contest_results_copyright {
        padding: 2em;
        line-height: 1.4em;
    }

  

}





/* 画面幅が400ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:400px){

    .craft_contest_results .inner_wrapper::before {
        background-size: 175%;
    }

    .craft_contest_results .award_contents {
        gap: 1.5em;
    }

    .craft_contest_results .award_contents .award_ttl {
        flex-direction: column;
        margin-bottom: 1.5em;
    }

    .craft_contest_results .award_contents .award_ttl li:first-of-type {
        margin-right: unset;
        margin-bottom: 1em;
        width: fit-content;
        height: fit-content;
        padding: 0.5em 1.5em;
        border: unset;
        background-color: beige;
    }





















  








}