@charset "UTF-8";
/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {
    body {
        background: #dcdcdc;
    }
    /*--------------------------------------------------------------------------------
    　▼ 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,
    .inner_box02 { width: 90%; padding: 0;}
    .anchor-point { top: -10px;}
    /*--------------------------------------------------------------------------------
    　▼ header　
    --------------------------------------------------------------------------------*/
    #header,
    #fixedBox { display: none;}
    /*--------------------------------------------------------------------------------
    　▼ アーティスト
    --------------------------------------------------------------------------------*/
    #artist.box { padding: 0 0 30px;}
    .photo,
    .name { display: block; width: 100%; text-align: center;}
    
    ul.ul03 li,
    ul.ul03-01 li {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }
    ul.ul03 li:nth-child(odd),
    ul.ul03 li:nth-child(even),
    ul.ul03-01 li:nth-child(odd),
    ul.ul03-01 li:nth-child(even) { padding: 0;}
    .name span.blue { position: static;}
    /*--------------------------------------------------------------------------------
    　▼ ディスコグラフィ
    --------------------------------------------------------------------------------*/
    .cd_title.cd_title01 { min-height: auto;}
    .img_box { min-height: 100px;}
    #discography .pt20 { padding-top: 10px !important;}
    /*--------------------------------------------------------------------------------
    　▼ スペシャル
    --------------------------------------------------------------------------------*/
    #special .movie_box { width: 100%;}
	#movie {
		text-align: center;
		margin: 0 auto;
	}
	#movie .honpen {
		display: block;
		margin-bottom: 40px;
	}
	#movie .honpen li {
		list-style: none;
		padding: 0;
	}
	#movie .honpen .link {
		font-size: 0;
		padding: 20px 0 0;
	}
  
    #special table { width: 100%;}
    #special table tr th {
        display: block;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    #special table tr td {
        display: block;
        width: 100%;
        padding: 10px 0 20px;
    }
    
    /*--------------------------------------------------------------------------------
    　▼ footer
    --------------------------------------------------------------------------------*/
    #footer { padding: 20px 0;}
}
/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
    .ul04 {
        flex-wrap: wrap;
        gap: 20px 0;
    }

    .ul04 li {
        width: 48%;
    }
    .bnr_set {
        flex-wrap: wrap;
        gap: 20px 0;
    }
    .bnr_set li {
        list-style: none;
    }
    /*--------------------------------------------------------------------------------
    　▼ m_header　
    --------------------------------------------------------------------------------*/
    #mobile-bar .inner img { width: auto !important; height: 100px !important;}
    #m_header #toggle_btn img { width: 50px !important;}
    /*--------------------------------------------------------------------------------
    　▼ アーティスト
    --------------------------------------------------------------------------------*/
    #artist { padding: 30px 0;}
    #artist .fl,
    #artist .fr {
        float: none;
        width: 100%;
        padding: 30px;
        display: block;
    }
    #artist .fr { margin-top: 20px;}
    #artist .fl img,
    #artist .fr img { width: 100%;}
    .photo { width: 80%; margin: 0 auto;}
    
    
    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: 70%;}
    ul.ul01 li:nth-child(3n - 1) { margin: 0 0 30px;}
    table,table.table01 { height: auto;}
    table.table02 { display: none;}
    /*--------------------------------------------------------------------------------
    　▼ ディスコグラフィ
    --------------------------------------------------------------------------------*/
    ul.ul01 li {
        display: block;
        width: 100%;
        margin: 0 0 30px;
        text-align: center;
    }
    ul.ul01 li:nth-child(3n - 1) { margin: 0 0 30px;}
    ul.ul01 li .img_box { width: 80%; margin: 0 auto; padding-top: 70%;}
    ul.ul01 li .img_box img { width: 100%;}
    ul.ul02 li { text-align: left; margin-bottom: 0; display: list-item;}
    ul.ul02 li:nth-child(3n - 1) { margin: 0;}
		
		.audiojs .play-pause { width: 15%; height: 40px; padding: 8px 10px; }
		.audiojs p { width: 25px; height: 40px; margin: -3px 0px 0px -1px; }
		.audiojs .scrubber { background: #5a5a5a; width: 45%; height: 20px; margin: 9px 5px;}
    
    /*--------------------------------------------------------------------------------
　▼ フォーム
--------------------------------------------------------------------------------*/
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;
}
  
		.fl_box {
				float: none;
				display: block;
				width: 100%;
				padding-right: 0;
				text-align: center;
		}
		.fr_box {
				float: none;
				display: block;
				width: 100%;
				padding-bottom: 50px;
		}
  
  
    .sound_box { width:auto; text-align: center; padding: 20px 0 40px;}
    .sound_txt { float: none; padding-bottom:10px;}
    .sound_btn { float: none; padding-bottom: 10px;}
  
    .sound_btn02 { text-align: center;}
    .clear { clear:both;}
  
  
  
}