@charset "utf-8";
/* CSS Document */

h1 {
background:url("https://www.hiorie.work/honten/images/event01/summergift_top.jpg") no-repeat center;
width: 100%;
max-width: 1000px;
height: 410px;
margin: 0 0 4%;
padding: 0;
}

@media screen and (max-width: 1000px) {
h1{
height: 0px;
background-size:100% auto;
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
padding-top: 41%;
}
}

@media screen and (max-width: 600px) {
h1{
background:url("https://www.hiorie.work/honten/images/event01/summergift_top_sp.jpg") no-repeat center;
background-size:100% auto;
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
padding-top: 75%;
}
}