@charset "utf-8";

@media screen and (max-width:600px){
/*------base------------------------------------*/
    h1,
    h2,
    p,
    a,
    dd,
    dt,
    input,
    textarea{
        font-size: 12px;
    }

    h3{
        font-size: 24px;
        line-height: 40px;
        width: 100%;
        margin: 0 auto;
    }
	h3 img{
	width: 100%;
	height: auto;
}
	h4{
        font-size: 15px;
    }

   /*----- .text-center br{
        display: none;
    }------*/

    .justify{
        width: 85%;
    }
	
img{
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}
/*------topimage--------------------------------*/
    #page-title{
        font-size: 49px;
        font-weight: 300;
        margin-top: -38px;
    }
/*------navi------------------------------------*/

    #logo{
        top: 25px;
        left: 0;
        width: 45px;
        height: 45px;
        margin-left: 0;

        fill: #fff;
    }

    .navi{
        display: none;
    }

/*------about------------------------------------*/
    dt{
        font-size: 18px;
    }
/*------profile------------------------------------*/
    #profile h3{
        font-size: 32px;
    }

    iframe{
        width: 320px;
        height: 180px;
    }
    #twitter-widget-0{
        width: 80% !important;
    }
	.menu img{
	margin-top: 5px;
	}
.concert {
	width: 97%;
	margin: 0 auto;
}
.info img{
    width: 110px;
	height: auto;
	float: left;
	margin-right: 10px;
}

#contaxt{
        display: none;
    }　
@media screen and (max-width:600px) and (orientation: portrait){
    #page-title{
        margin-top:-55px;
    }
}