main img {
    width: 100%;
}
main {
    background: #ddd url(./bg.png) no-repeat center center;
    background-size: cover;
    background-color: #e6f5ff;
    background-attachment: fixed;
}
section {
    background-color: #fff;
    box-shadow: -10px 0 25px -5px rgba(0, 0, 0, 0.3),
        /* 左側の影 */ 10px 0 25px -5px rgba(0, 0, 0, 0.3); /* 右側の影 */
}
.to-form {
    margin: 5% auto;
    width: 70%;
    display: block;
}
a:hover {
    opacity: 0.8;
}
/* ヘッダー
====================================================*/
@media screen and (max-width: 500px) {
    header{
    position: sticky;
    top: 0;
    max-width: 1200px;
}
}

.head {
    display: flex;
    justify-content: space-between;
    padding: 2% 5%;
    background-color: #fffeac;
}
.head a {
    width: 48%;
}
.head2 {
    background-color: #9fdaff;
    display: flex;
    padding: 2% 3% 1%;
    margin: 0 auto;
}
.head2 a {
    padding: 1%;
}
/* 対象商品や抽選で当たるプレゼントについて
====================================================*/
.goods-in {
    border: #29abe2 3px solid;
    padding: 3% 3% 5%;
    margin-bottom: 5%;
}
.item-wrap {
    padding: 4% 0 0;
    display: flex;
    align-items: end;
}
.item-wrap a {
    display: block;
}
.item-name {
    padding: 2% 0 0;
    display: flex;
    align-items: end;
}
.goods2-wrap {
    display: flex;
    justify-content: space-between;
}
.goods2 {
    width: 49%;
}
.goods2 .goods-in {
    padding: 6% 6% 10%;
    margin-bottom: 10%;
}
.goods2 .item-wrap {
    padding: 8% 0 0;
}
.goods2 .item-name {
    padding: 4% 0 0;
}
.present-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.present {
    margin: 2% 2%;
    width: 46%;
}

/* キャンペーン実施店舗について
====================================================*/
.shop-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.shop-wrap a {
    margin: 3% 0;
}
.shop50 {
    font-size: clamp(0.0625rem, 0.0618rem + 1.0842vw, 0.875rem);
    text-align: right;
    margin-left: auto;
}
.shop2-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4%;
}
.shop2 {
    width: 22%;
    display: block;
    margin: 5% 0 0;
}
.shop3-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop3-wrap a{
    margin: 5% 0 2%;
}
.shop3-wrap div{
    margin: 5% 0 2%;
}