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

/* ↓↓↓header↓↓↓ */

#spHeader{
	background-color: #fff;
	box-sizing:border-box;
	clear:both;
	height: 70px;
    padding: 5px;	
}

#spHeader .logo{
	float:left;	
	padding-top:5px;
	width:75%;
}

#spHeader .spMenu{
	float:right;
	text-align:right;
	width:25%;	
}

#spHeader .spMenu img{
	max-height:60px;
}

#spNav .closeBtn{
	text-align:right;	
}

#spNav ul li{
	
	border-bottom: 1px solid #fff;	
}

#spNav ul li a{		
	box-sizing: border-box;
	color:#fff;
	display: inline-block;
	padding	:20px 5%;	
}
	
/* ↑↑↑header↑↑↑ */


body{
	background-size: cover !important;
	min-width: 100% !important;	
}

.spDisp {
    display: block !important;
}
.spHide {
    display: none !important;
}

.spImg{
	text-align:center !important;
}

.spImg img{
	margin:0 auto !important;	
	width:80% !important; 	
}

#songList{
	background: none !important;	
	height: auto !important;
	border: 0 !important;
	border-width: none !important;
}

#portfolio{
	height:auto !Important;
	background: none !important;
}

#pattern{
	width:100%;
	height:auto !important;
	background: 0 !important;
}

#container {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 120px;
    width: 100%;
}

.inqBox .inner .mail {float:none !important; margin-bottom:10px !important;}
.inqBox .inner .tel {float:none !important;}

.inqBox .inner .mail img{width:100% !important;}
.inqBox .inner .tel img{width:100% !important;}

}