@charset "UTF-8";

header, footer, section {
    width: 100%;
}

/*====================================================================================
ヘッダー
====================================================================================*/
#titleBar {
    padding: 0;
    align-items: center;
}

#titleBar>button {
    margin: 0 5px;
}

/*====================================================================================
content
====================================================================================*/
#content {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    position: relative;
}

@media screen and (min-width: 750px) {
    #content > * {
        padding-right: 370px;
    }

    #content > .sub {
        width: 350px;
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 0;
    }

    #content > .sub #side_main img {
        width: 100%;
        max-width: 130px;
    }

    #content > .sub #side_main .small li a > * {
        vertical-align: top;
    }

    #content > .sub #videoData img {
        width: 100%;
        max-width: 100px;
    }

    #content > .sub #videoData span {
        max-width: 68%;
        padding: 0;
        padding-left: 20px;
        line-height: 1.5;
    }

    section img {
        width:100%;
    }

    .col-13 {
        width:100%;
    }
    .card {
        width:100%;
    }
    .foldedList h1 {
        width:100%;
    }
    .foldedList li {
        width:100%;
    }
    pre {
        width:100%;
    }

    footer .row > .col-md-12, footer .row > .col-lg-3, footer .row > .col-lg-2 {
        text-align: center;
    }
    footer .row>.col-md-12>img {
        margin: 0 auto!important;
        max-width: 240px;
    }
    
    footer .link_header {
        display:none;
    }
    #adtop > .adsbygoogle {
        display:inline-block;width:640px;height:90px
    }
    #alertBox, .alertBox {
        max-width:680px;
    }
    #pc_ad_right {
        display:block !important;
        margin-top:20px;
        text-align: center;
        height:600px;
        width:100%;
    }
    .recCell {
        max-width:320px !important;
    }
    /* .sub > #admiddle {
        display:none !important;
    } */
}


/*====================================================================================
casterbtn
====================================================================================*/
#casterbtn {
    max-width: 200px;
    height: auto !important;
    right : 10px !important;
    bottom: 10px !important;
}

/*====================================================================================
current__img
====================================================================================*/
.current__img img {
    max-width: 240px;
}

/*====================================================================================
iframe
====================================================================================*/
.iframe-content {
   position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*====================================================================================
videoList
====================================================================================*/
.videoList {
    width: 100% !important;
    padding: 8px;
}

.videoList li {
    width: 100%;
}

.videoList>img {
    max-width: 200px;
}

#side_main img {
    width: 100%;
    max-width: 200px;
    height: auto !important;
}

/*====================================================================================
fcst-table
====================================================================================*/
.fcst-table {
    max-width: 100%;
}

/*====================================================================================
side_main
====================================================================================*/
.col-3 {
    width: 100%;
}

#side_main .small li {
    width: 100%;
}

#side_main .small li a {
    display: table;
    table-layout: fixed;
}

#side_main .small li a > * {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.subSide {
    position: relative;
    margin: 0;
    left: 0;
    padding-left: 10px;
}

/*====================================================================================
adsbygoogle
====================================================================================*/
.adsbygoogle {
    text-align: center;
}

/*====================================================================================
admiddle
====================================================================================*/
#admiddle *, #ad * {
    width    : 100% !important;
    max-width: 100% !important;
    /* height   : 280px !important; */
}

/*====================================================================================
footer
====================================================================================*/