@charset "utf-8";

/*normalize.cssでできるmargineをリセットStart*/
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
/*normalize.cssでできるmargineをリセットEnd*/
body {
    width: 100%;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
#wrap {
	margin: 0px auto;
	width: 768px;
}
img{
vertical-align: bottom;
}
a:hover {
	opacity: 0.7 ;
}
.of{
position: relative;
}
.btn01{
position: absolute;
top:405px;
left:40px;
}
footer {
overflow: hidden;
}
footer ul li {
    float: left;
	margin-top: 5%;
    margin-left: 5%;
    list-style: none;
    margin-bottom: 3%;
}
.copy{
    text-align: center;
	overflow: hidden;
	margin-bottom: 3%;
}
/* --------------------------------------------------------
 メディアクエリ
----------------------------------------------------------- */
@media screen and (max-width: 768px) {
body {
    width: 100%;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
#wrap {
	margin: 0px auto;
	width: 100%;
}
img {
    width: 100%;
}
.btn01{
width: 90%;
position: absolute;
top:76%;
left:5%;
}
footer {
overflow: hidden;
line-height: 16px;
}

.copy{
    text-align: center;
	overflow: hidden;
	margin-bottom: 3%;
	width: 90%;
	font-size: 0.8em;
	margin-top: 5%;
}
footer ul li {
    float: left;
    margin-top: 3%;
    margin-left: 3%;
    list-style: 0.8;
    margin-bottom: 1%;
    font-size: 0.9em;
}
}