@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 10px;}
    .inner_box { width: 90%;}
    .anchor-point { top: -10px;}
    
    /*--------------------------------------------------------------------------------
    　▼ header　
    --------------------------------------------------------------------------------*/
    #header,
    #fixedBox { display: none;}

    /*--------------------------------------------------------------------------------
    　▼ NEWS
    --------------------------------------------------------------------------------*/
    #news .fl {
        float: none;
        width: 100%;
    }
    #news .fr {
        float: none;
        width: 100%;
        text-align: center;
        padding: 20px 0 0;
    }

    table.news_table tr th {
        width: 20%;
        color: #000;
        padding: 0 0 10px;
        line-height: 1.5em;
    }
    table.news_table tr td { padding: 0 0 10px;}


    /*--------------------------------------------------------------------------------
    　▼ BIOGRAPHY
    --------------------------------------------------------------------------------*/
    #biography .fl,
    #biography .fr {
        float: none;
        width: 100%;
        min-height: auto;
    }

    ul.ul03 li {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }
    
     ul.ul05 li {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }

    ul.ul03 li:nth-child(odd),
    ul.ul03 li:nth-child(even) { padding: 0;}
    .name span.blue { position: static;}
    
    .name {
      padding: 0 10px;
    }

    table.table01 { width: 100%;}
    table.table01 tr th { text-align: left; width: 25%;}
    table.table01 tr td { width: 75%;}
    
    .img_box02 {
    padding-top: 80%;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
}




.res-table table{
	width:600px;
}
.res-table table th{
    padding:3px;
	width:100%;
	display:block;
	text-align:center;
}

.res-table table td{
	padding:5px;
	width:100%;
	display:block;
	text-align:center;
}    


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



/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@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;}


    /*--------------------------------------------------------------------------------
    　▼ NEWS
    --------------------------------------------------------------------------------*/
    table.news_table tr th {
        display: block;
        width: 100%;
        padding: 5px 0 0;
    }
    table.news_table tr td {
        display: block;
        width: 100%;
        padding: 0 0 5px;
    }
    
    
    /*--------------------------------------------------------------------------------
    　▼ BIOGRAPHY
    --------------------------------------------------------------------------------*/
    .photo { width: 80%; display: block; margin: 0 auto; text-align: center;}
    .name {
        display: block;
        width: 100%;
    }
    .photo img { width: 80%; margin: 0 auto;}
    .artwork { padding: 20px 0 10px;}
    
    
    table.program_table tr th {
        display: block;
        width: 100%;
        padding: 5px 0 0;
    }
    table.program_table tr td {
        display: block;
        width: 100%;
        padding: 0 0 5px;
    }


    /*--------------------------------------------------------------------------------
    　▼ DISCOGRAPHY
    --------------------------------------------------------------------------------*/
    ul.ul01 { padding: 40px 0 0;}
    ul.ul01 li {
        display: block;
        width: 100%;
        margin: 0 0 30px;
    }
    ul.ul01 li .img_box img { width: 100%;}
    ul.ul01 li .img_box { width: 80%; margin: 0 auto; padding-top: 80%;}
    ul.ul01 li:nth-child(3n - 1) { margin: 0 0 30px;}
    table,table.table01 { height: auto;}
    table,table.table01 tr th { text-align: right;}
    table.table02 { display: none;}


    /*--------------------------------------------------------------------------------
    　▼ SPECIAL
    --------------------------------------------------------------------------------*/
    #special .movie_box { width: 100%;}
    #special .fl,
    #special .fr {
        float: none;
        width: 100%;
    }
    #special .fr { padding-top: 20px;}
    
    
    
/*--------------------------------------------------------------------------------
　▼ フォーム
--------------------------------------------------------------------------------*/
form {
    margin: 0 auto;
    width: 300px;
    padding: 1em;
}

form table tr {
}

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

input, textarea {
  width:100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
}

textarea {
    vertical-align: top;
    resize: vertical;
}

.button button {
  margin-left: 0px;
    font-size: 16px; 
    width: 200px;
    height: 40px;
    background-color: #FF9900;
    color: #fff;
    border-radius: 0.5em;
}


.demo01 { margin: 0 -10px; }
.demo01 th,
.demo01 td{
    width: 100%;
    display: block;
    border-top: none;
}
.demo01 tr:first-child th   { border-top: 1px solid #ddd; }

.res-table table{
	width:320px;
}
.res-table table th{
    padding:3px;
	width:100%;
	display:block;
	text-align:center;
}

.res-table table td{
	padding:5px;
	width:100%;
	display:block;
	text-align:center;
}



.cd_text02 { padding-bottom: 0;}
.cd_text03 { padding-bottom: 0;}
.cd_text04 { padding-bottom: 0;}
.cd_text05 { padding-bottom: 0;}
.cd_text06 { padding-bottom: 0;}
.cd_text07 { padding-bottom: 0;}
.cd_text08 { padding-bottom: 0;}


}