/*----------------------
----- Media Queries ----
------------------------*/

@media (max-width:1280px){

}

@media (max-width:1024px){

}

@media (max-width:991px){

}

@media (min-width:950px){

}

@media (max-width:949px){

.content {
	width : 100% ;
	height: auto;
	padding: 1em;
	margin-bottom: 5%;
}

.content2 {
	width : 100% ;
	height: auto;
	padding: 1em;
}

.bg-black2 .content {
	margin-bottom: 0;
}

.inline-feature img{
	max-width:100%;
}


}

@media (max-width:800px){

body {
	font-size: 14px;
}

.publicity {
    width: 100%;
}

.banner {
	width: 100%;
}

h3 {
	font-size: 24px;
}

.info-box {
    width: 50%;
    font-size: 14px;
    line-height: 1.3;
	padding: 1%;
}

.shopping_img{
	width:100%;
	margin:0%;
	float:none;
}

.shopping_text{
	margin:0%;
	float:none;
}

.specification{
	font-size:18px;
}

.specification-ttl{
	font-size:20px;
}

}

@media (max-width:768px){

body {
	background-size: 200%;
	
}


h3 {
	font-size: 30px;
}

}

@media (max-width:680px){


}

@media (max-width:600px){

h2 {
    font-size: 34px;
}

}

@media (max-width:500px){

}


@media (max-width:479px){	

#loader img {
	width:60%;
}

#nav {
	padding: 4%;
}

.content {
	margin-bottom: 0;
}

.bg-black {
    padding: 2.5%;
}
	
.sns-wrap {
	width:80%;
}

.content p {
	margin-bottom: 0;
	
}

.info p.shop-name {
    font-size: 18px;
}

.info-cap {
    padding: 2%;
}

.info-box {
    width: 100%;
	margin-bottom: 0;
}

.font20 {
	font-size: 16px;
	line-height: 1.3;
}

.pagetop {
    text-align: center;
	font-size:12px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 20px;
}

.font12 {
	font-size: 12px;
}

footer img {
    width: 80%;
}

.specification{
	font-size:16px;
}

.specification-ttl{
	font-size:18px;
}


}

@media (max-width:360px){
	
h2 {
    font-size: 18px;
}
	
h3 {
    font-size: 18px;
}

.info p.shop-name {
    font-size: 16px;
}

}

@media (max-width:320px){

}