@charset "UTF-8";

/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    /*--------------------------------------------------------------------------------
    　▼ mobile_header nav　
    --------------------------------------------------------------------------------*/
    #m_header {
        display: block;
        padding: 20px 0;
    }
    #m_header .logo { text-align: right;}
    #m_header #toggle_btn {
        position: absolute;
        top: 10px;
        left: 20px;
    }

    /*--------------------------------------------------------------------------------
    　▼ 共通　
    --------------------------------------------------------------------------------*/
    .box { padding: 20px 0;}
    .inner_box { width: 90%;}
    .anchor-point { top: -10px;}
    
    /*--------------------------------------------------------------------------------
    　▼ header　
    --------------------------------------------------------------------------------*/
    #header,
    #fixedBox { display: none;}

    #form-box { width: 100%;}
}



/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

    #mobile-bar .inner img { width: auto !important; height: 100px !important;}

    /*--------------------------------------------------------------------------------
    　▼ m_header
    --------------------------------------------------------------------------------*/
    #m_header #toggle_btn { top: 20px;}
    #m_header #toggle_btn img { width: 50px !important;}
    #m_header .main { padding: 30px 0 0;}


    /*--------------------------------------------------------------------------------
    　▼ 共通
    --------------------------------------------------------------------------------*/
    .in_box { padding: 20px 0 0;}


    /*--------------------------------------------------------------------------------
    　▼ television
    --------------------------------------------------------------------------------*/
    #television .fl,
    #television .fr {
        float: none;
        width: 100%;
        min-height: auto;
    }
    ul.ul03 li {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }

    ul.ul03 li:nth-child(odd),
    ul.ul03 li:nth-child(even) { padding: 0;}




    /*--------------------------------------------------------------------------------
    　▼ 視聴＆おたより letter
    --------------------------------------------------------------------------------*/
    #letter table.table01 { margin-top: 30px;}
    #letter table.table01 tr th {
        display: block;
        width: 100%;
        padding: 5px 0 0;
        border-bottom: none;
    }
    #letter table.table01 tr td {
        display: block;
        width: 100%;
    }

    #form-box { width: 100%;}
    #letter table.contact_table tr th {
        display: block;
        width: 100%;
        padding: 10px 5px 0;
    }
    #letter table.contact_table tr td {
        display: block;
        width: 100%;
        padding: 5px 5px 10px;
    }
    #letter table.contact_table tr td input,
    #letter table.contact_table tr td textarea {
        width: 100%;
        padding: 10px;
    }


    /*--------------------------------------------------------------------------------
    　▼ スペシャル SPECIAL
    --------------------------------------------------------------------------------*/
    #special .movie_box { width: 100%;}
    #special .movie_box iframe { height: 250px;}


    /*--------------------------------------------------------------------------------
    　▼ 商品情報 DISCOGRAPHY
    --------------------------------------------------------------------------------*/
    .fl_box {
        float: none;
        width: 100%;
        padding: 0 0 20px;
        text-align: center;
    }

    .fr_box {
        float: none;
        width: 100%;
    }

    .fr_box .red { font-size: 18px;}
    .fr_box .day { padding-top: 30px;}

    .link li { padding: 10px; width: 100%; display: block;}


    /*--------------------------------------------------------------------------------
    　▼ footer
    --------------------------------------------------------------------------------*/
    #footer { background-size: cover; margin-top: 40px;}
}