@charset "UTF-8";

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

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

    /*--------------------------------------------------------------------------------
    　▼ 共通　
    --------------------------------------------------------------------------------*/
    .inner_box { width: 90%;}
    .anchor-point { top: -10px;}

    /*--------------------------------------------------------------------------------
    　▼ header　
    --------------------------------------------------------------------------------*/
    #header,
    #fixedBox { display: none;}

    /*--------------------------------------------------------------------------------
    　▼ アーティスト
    --------------------------------------------------------------------------------*/
    #artist.box { padding: 0 0 30px;}


    /*--------------------------------------------------------------------------------
    　▼ 商品情報
    --------------------------------------------------------------------------------*/


    /*--------------------------------------------------------------------------------
    　▼ footer
    --------------------------------------------------------------------------------*/
    #footer { padding: 20px 0;}
}



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


    /*--------------------------------------------------------------------------------
    　▼ m_header　
    --------------------------------------------------------------------------------*/
    #mobile-bar .inner img { width: auto !important; height: 100px !important;}
    #m_header #toggle_btn img { width: 50px !important;}


    /*--------------------------------------------------------------------------------
    　▼ アーティスト
    --------------------------------------------------------------------------------*/
    #radio { padding: 30px 0;}

    #radio ul.ul02 li { width: 100%;}
    #radio ul.ul02 li:first-child { padding: 0;}
    #radio ul.ul02 li:last-child { padding: 0;}
    .text_box { padding: 20px 0;}

    #radio ul.ul03 li { width: 100%;}
    #radio ul.ul03 li:nth-child(3n - 1) { margin: 0;}
    #radio ul.ul03 li:last-child { padding-bottom: 0;}
    #radio .white_box { min-height: auto;}

    .profile_box {
        display: block;
        padding: 30px 0 20px;
    }
    .photo,
    .name {
        display: block;
        width: 100%;
    }


    /*--------------------------------------------------------------------------------
    　▼ 商品情報
    --------------------------------------------------------------------------------*/
    ul.ul01 li { width: 100%;}
    ul.ul01 li:nth-child(3n - 1) { margin: 0;}
    ul.ul01 li .img_box { width: 80%; margin: 0 auto; padding-top: 80%;}

    table.table01,
    table.table01 tbody { min-height: 10px !important;}


    /*--------------------------------------------------------------------------------
    　▼ おたより
    --------------------------------------------------------------------------------*/
    #special form {
        margin: 0 auto;
        width: 300px;
        padding: 1em;
    }

    #special form table tr th,
    #special form table tr td { width: 100%; display: block;}

    #special input,
    #special textarea { width:100%;}

    #special textarea { resize: vertical;}

    #special .button { text-align: center;}
    #special .button button {
        margin-left: 0;
        font-size: 16px;
        width: 200px;
        height: 40px;
    }


    /*--------------------------------------------------------------------------------
    　▼ 動画
    --------------------------------------------------------------------------------*/
    .movie_box { width: 100%;}

}