@media screen and (max-width: 768px) {

    /* ================== COMMON ================== */
    .sm{
        display: block;
    }
    
    .md{
        display: none;
    }
    

    
    h1{
        padding: 0 30px 0 20px;
    }
    h1 img,
    #secondclass h1 img{
        display:block;
        margin:20px auto;
        height:auto;
    }
    
    #firstclass h1 img{
        margin: 0px auto;
    }
    h1 span{
        display:block;
        padding: 0 40px;
        margin-left: 0;
    }
    h1 span img{
        height:auto;
    }
    
    
    .banner_streaming{
        width: 90%;
        margin: auto;
        height: auto;
    }
    
    .wrap{
	width: 90%;
	margin: 0;
	padding-top: 0%;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
    }

    .rightcol, .leftcol, .centercol{
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    .rightcol {
        /* border-bottom: 1px solid #808080; */
        padding: 0 5%;
        width: 90% !important;
    }
    #artists .rightcol {
        width: 100% !important;
        padding: 0;
    }
    table{
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    
    #footer p{
        /* font-size: 3.5vmin; */
        line-height: 1.5;
    }
    
    #footer p .copyright{
        display: block;
        /* font-size: 2.2vmin; */
        margin-top: 15px;
    }

    /* ================== HOME ================== */

    
    #home .box{
        /* padding: 10px; */
        padding: 9px 19px;
    }
    
    #home table,
    #home .tit_style01{
        width: 100%;
    }
    #home .ul_style01 {
        width: 95%;
    }
    #home table {
        width: 100% !important;
    }
    

    
    #home table th, #home table td{
        display: block;
    }
    #home td img {
        margin-right:1%;
    }

    .video-container {
    position: inherit;
    padding-bottom: inherit;
    padding-top: inherit;
    height: 245px;
    }
    .video-container iframe {
    position: inherit;
    top: inherit;
    left: inherit;
    }

    /* ================== ABOUT ================== */
    #about .leftcol, #about .rightcol,
    #about .leftcol img, #about .rightcol img,
    #about #pointgreen .rightcol{
        width: 100% !important;
    }
    #about .rightcol {
	margin-top: 5%;
	padding: 0;
    }
    #about img{
        /* margin-top: 10px; */
    }
    
    #about #pointgreen img{
        width: auto !important;
        display: block;
        margin: auto;
    }
    
    
    /* ================== ARTISTS ================== */
    #artists .topleftcol,
    #artists .secondcol, #artists .thirdcol, #artists .fourthcol{
        float: none;
        width: 90%;
        margin: 0 5%;
        padding: 0 !important;
    }
    #artists .wrap {
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }
    #artists .centercol{
        margin: 0 0 10px 0;
        padding: 0;
    }
    
    #partner .wrap {
        width: 100%;
        margin: 0;
    }
    #partner .rightcol {
        padding: 0;
        width: 100% !important;
        border-bottom: 1px solid #808080; */
    }
    #artists .topleftcol,
    #artists .toprightcol {
        width: 100%;
        margin: 0;
    }
    #artists .firstcol {
	width: 100%;
	margin: 0;
	float: none;
	padding: 0px;
    }
    
    #artists .wrap img{
	display: block;
	margin-top: auto;
	width: 90%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
    }
    
    #artists .wrap .fourthcol img{
	display: block;
	width: 100%;
	margin: 20px auto;
    }
    
    #artists h3.mc,
    #artists .secondcol{
        width: 100%;
        padding: 0 !important;
        margin: 0;
    }
    #artists .secondcol {
	margin-bottom: 5%;
    }
    #artists .secondcol p {
        margin-bottom: 5%;
    }
    #artists .secondcol h4 {
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 2%;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2%;
	padding-left: 0;
    }
    
    #artists h3{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
    }
	
    #artists p{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
    }
    
    #artists .tit_style01{
        margin: 0 auto;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        /* padding-left: 10px; */
        text-align: left;
        width: 90%;
    }
    
    #artists .date{
	padding-top: 5% !important;
	font-size: 1.1em;
    }
    
    #artists h3{
	font-size: 1.2em !important;
	height: inherit !important;
	min-height: inherit !important;
	line-height: 1.3em;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-left: 5%;
    }
    #artists .secondcol h3 {
        font-size: 1em !important;
        padding: 3% 5% 0 !important;
    }
    
    #artists h4{
	/* text-align: center; */
	font-size: 1.2em;
	margin: 10px auto;
	padding: 8% 0 2%;
	/* padding-bottom: 10px; */
	width: 90%;
    }
    
    #artists h3.mc{
        margin-top: 0 !important;
        /* padding-top: 30px !important; */
        /* padding-bottom: 30px !important; */
        font-size: 1.5em !important;
        padding: 3% 0 !important;
    }
    #artists h3.mc strong {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    
    #artists p.member {
	width: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
    }
    #artists p.officialweb {
        width: 100%;
        border-bottom: 1px solid grey;
        padding-bottom: 10% !important;
        padding-top: 12px !important;
    }
    #artists p.officialweb.last {
        border-bottom: none;
    }
    /*one people*/
    #artists .onecols .toponecol img{
        margin: 8% auto 0;
    }
    #artists .onecols strong{
        font-size: 16px;
        height: inherit !important;
        min-height: inherit !important;
        line-height: normal;
    }
    #artists .onecols p,
    #artists .onecols .tit_style01,
    #artists .onecols h4{
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	/* padding-left: 10px; */
	text-align: left;
	width: 90%;
	font-size: 12px;
	line-height: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    }
    #artists .onecols p.member,
    #artists .onecols p.officialweb{
        font-size: 12px;
        line-height: 20px;
    }
    #artists .onecols .date{
        padding-top: 5% !important;
        font-size: 1.3em;
    }
    /*four people*/
    #artists .fourcols .leftcol,
    #artists .fourcols .centercol,
    #artists .fourcols .rightcol{
        width: 180px;
    }
    /*add 0330*/
    
 
    
    /* ================== ticket ================== */
    /*#ticket .box:first-child{
        margin-top: 30px; 
    } */
    #ticket .button {
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 0%;
	padding-left: 2%;
    }
	
  #ticket .textset {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}  

  #ticket p {
	font-size: 1.0em !important;
	height: normal !important;
	position: relative !important;
}  

 /* #contents {
        overflow-x: hidden;
 
}*/


    #info .centercol{
        margin: 0 0 25px 0;
        padding: 0 0 0 0px;
    }
	
    #info .rightcol {
        width: 100% !important;
        padding: 0;
    }
    
    #info .wrap img{
        margin: auto;
        display: block;
        width: 100%;
    }
    



@media screen and (max-width: 479px) {


    #artists p {
	line-height: 1.3em;
	font-weight: bold;
    }
}