@charset "utf-8";
/* CSS Document */
* {margin: 0;
  box-sizing:border-box;
}
html,body {
margin: 0;
  height:100%;
}

body {
} 

#wrap {background-image: url(images/bg.png);
background-size: cover;
}
p {font-family: "Sawarabi Mincho";
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	letter-spacing: 0.05em;
}
img {margin: 0 auto;
display: block;
}
.top_img {width: 100%;
margin: 0 auto;
display: block;
}
#top_img {width:100%;
display:block;
margin: 0 auto;
}
.center {margin: 0 auto;
display: block;
}
.line {margin: 0 auto;
display: block;
}
h1 {color: #fff;
	letter-spacing: 7px;
	position: relative;
	padding: 2% 0 2% 0; ;
	background-color: #253166;
	text-align: center;
	font-family: "Sawarabi Mincho";
}
#box p {text-align: center;

}

#caption p{width: 90%;
margin: 0 auto;
display: block;
}
.font-center {margin: 0 10%;}
#tsutaya-shop {padding:  5% 0;}
.adress-block {overflow: auto;
width: 100%;
margin: 0 auto;
display: block;
font-size: 130%
}
.adress-left {text-align: left;
width: 30%;
float: left;
margin-left: 25%;
}
.adress-right {text-align: left;
	width: 30%;
float: left;
}
h2 {
 text-align: center;
font-family: "Sawarabi Mincho";
margin-bottom: 2%;
padding-top: 3%;
}
h3 {font-family: "Sawarabi Mincho";
text-align: center;
padding-top: 3%;
font-size: 140%
}
h4 {font-family: "Sawarabi Mincho";
text-align: center;

}
h5 {color: #fff;
	letter-spacing: 7px;
	position: relative;
	padding: 2% 0 2% 0; ;
	background-color: #0A090A;
	text-align: center;
    font-size: 100%;
	font-family: "Sawarabi Mincho";
}


#caption p{padding: 5%;}
#fotter {overflow: auto;
	background-color: #0A090A;
width: 100%;
}
#fotter p {margin: 20px;
text-align: center;
}
.fotter {width: 100%;}
@media screen and (min-width: 801px) {
	h2 {font-size: 90%;
	margin-top: 1%;
	}
	h4 {font-size: 150%;
	margin: 2% 0;
	}
	
#item {	height: auto;
}
#item p {text-align: center;
font-size: 12px;
}

#box {width:100%;
height:auto;
display: block;
margin: 0 auto;
}
	.left {width: 40%;
	float: left;
	margin-left: 10%;
	}	
.item_left {width: 70%;
	height: auto;
	}
	.right {width: 40%;
	float: left;
	margin-right: 10%;
	}
.item_right {width: 70%;
	height: auto;
	}
	#caption {width: 70%;
	margin: 0 auto;
	display: block;
	}
#caption p {padding: 5%}
	#caption {padding: 3% 0;
	}
#fotter p {text-align: center;
}
}

@media screen and (max-width: 800px) 
{
		p {font-size: 90%;
text-align: left;
}
	img {width: 90%;}
	h3 {font-size: 90%;}
	h2 {font-size: 70%;}
	h5 {font-size: 50%;}
	.top_img {width: 100%;
	margin: 0 auto;
	display: block;
	}
	.text {width: 50%;
	height: auto;
	margin: 0 auto;
	display: block;
	}
	.center {width: 30%;
	height: auto;
	}
	.adress-block {width: 90%;}
	.adress-block p {font-size: 60%;}
	.adress-left {margin: 0;
	width: 55%;
	}
	.adress-right {margin: 0;
	width: 45%;
	}
	#tento {padding: 3% 0;}
	.line {margin: 0 auto;
	display: block;
	width: 90%;
	}
	#caption {margin: 3% 0;}
	#caption p {padding: 3% 0%;
	text-align: left;
	}
#box {width:100%;
	overflow: hidden;
	text-align: center;
	}
	.item_left {width: 50%;
	padding-bottom: 5%;
	height: auto;
	}
.item_right {width: 50%;
	padding-bottom: 5%;
	height: auto;
	}

}