.sp {
    display: none;
}
.body_wrapper {
    background: #fff;
}
.top_contents {
    margin: 30px 9%;
}
.top_block {
    margin: 40px 0;
}
.top_block a {
    display: block;
}
.top_block p {
    font-size: 1.2rem;
}
.body_wrapper img{
    width: 100%;
}
.top_contents h2 {
    background: #ffe200;
    padding: 10px 0;
    margin-bottom: 30px;
} 
.main_img,.manga_theme,.yosen_theme,.yoko_link,.web_link,.manga_yosensokuho {
    margin-bottom: 30px;
}
.main_img {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.main_img img {
    width: 100%;
/*    margin: 30px 0;*/
}
/*メニュー*/
.koshien_menu {
    padding: 15px 0;
    display: flex;
    width: 100%;
    background: #ffe200;
/*    font-size: 1.2rem;*/
    font-weight: bold;
    justify-content: center;
/*    padding: 10px;*/
}
.koshien_menu li {
    width: 15%;
        border-right: 1px solid #000;
        padding: 5px;
        
}
.koshien_menu li:last-child {
    border: none;
}
.koshien_menu li a {
    display: block;
    text-decoration: none;
    color: #000;
}
/*作品募集*/
h3.sakuhinboshu{
/*    width: 30%;
    margin: 0 auto;*/
    font-size: 1.3rem;
}
/*予選テーマ*/
.theme_color_change h2 {
    color: #f0882c;
    background: #fff;
    border: 3px solid #f0882c;
}
.theme_color_change h1 {
    font-size: 2.4rem;
}
/*募集要項*/
.yoko_link {
    display: flex;
    justify-content: space-between;
}
.yoko_link a {
    width: 19%;
}
.yoko_link a img {
    display: block;
    width: 100%;
}

.koshien_tokuten {
    display: flex;
    justify-content: space-between;
}
.koshien_tokuten div {
    width: 32%;
}

/*お知らせ*/
.information {
    border: none;
    padding: 0;
    width: auto;
}
.info_ichiran {
    text-align: right;
}
/*大会スケジュール*/
.ko_title {
    margin-bottom: 15px;
}
.ko_title img {
   vertical-align: bottom; 
}
.koshien_schedule {
    display: flex;
    justify-content: space-between;
}
.koshien_schedule div{
    width: calc( 25% - 10px );
}
/*まんが甲子園とはなど*/
.manga_info div {
    margin-bottom: 15px;
}
.manga_info img {
    vertical-align: bottom; 
}
.info_link {
    display: flex;
    justify-content: space-between;
}
.info_link div{
    width: calc( 50% - 8px );
    margin: 0;
}
/*お問い合わせ*/
.top_block .contact {
    line-height: 1.8;
}
.attention_video {
    font-size: 0.8rem;
}
@media screen and (max-width: 767px) { 
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    .cms .body_wrapper {
        padding-top: 90px;
    }
    .main_img {
        width: 100%;
        margin: 0;
    }
    .top_block h3 {
       text-align: left;
    }
    .top_block {
        font-size: 3vw;
    }
   .manga_info .title {
        width: 40vw;
        margin: 0 auto;
    }

    .top_contents {
        margin: 30px 10px;
    }
    hr {
        margin: 20px 0;
    }
    .top_block p {
        font-size: 3vw;
    }
    .koshien_link {
        display: block;
    }
    .koshien_link a {
        width: 100%;
        margin-bottom: 10px;
    }
    .koshien_tokuten {
        display: block;
    }
    .koshien_tokuten div {
        width: 100%;
        margin:0 auto 30px auto;
    }
    .text_title {
        font-size: 4.5vw;
    }
    .manga-koshien-schedule {
        display: block;
    }
    .manga-koshien-schedule div {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    .koshien_link_a {
        font-size: 5vw;
    }
    h3.sakuhinboshu {
/*        width: 50%;*/
        font-size: 3.5vw; 
    }
    .theme_color_change h1 {
        font-size:7vw;
    }
    .ABJ_link {
        font-size: 4.5vw;
        text-align: left;
    }
    .koshien_menu li {
        padding: 5px 0;
        width: 20%;
        font-size: 3vw;
    }
    .koshien_menu li:nth-child(2) {
        width: 24%;
        min-width: 110px;
    }
    .koshien_menu li:nth-child(4) {
        width: 10%;
    }
    .attention_video {
        font-size: 3vw;
        display: block;
        text-align: left;
    }
}