@charset "utf-8";
/*全体*/
#contents {
width: 100%;
max-width: 750px;
margin: 10px auto 0;
}
h1 > img,
p > img,
div > img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}

img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


.offer {
position: relative;
}
.btn {
width: 80%;
position: absolute;
left: 50%;
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
text-align: center;
}
.btn a {
width: 100%;
padding: 5.6% 0;
display: block;
font-size: 36px;
font-weight: bold;
color: #ffffff;
background: linear-gradient(#31d118, #005400);
border-radius: 10px;
border: solid 5px #ffffff;
box-shadow: 0 0 4px rgba(0,0,0,.6);
box-sizing: border-box;
text-decoration: none!important;
transition: .3s ease;
padding-left: .5em;
}
.btn a:hover {
color: #ffffff;
text-decoration: none;
}
.btn a::after {
content: "▶";
margin-left: .5em;
}

/* オファーボタン 位置 */
.btn1,
.btn2 {
bottom: 3%;
}

/* 商品一覧ボタン（画像リンク） */
.listBtn {
width: 90%;
margin: 0 auto;
margin-bottom: 6%;
}
.listBtn img {
width: 100%;
height: auto;
}
/* 注意書き */
.noteBox {
max-width: 750px;
margin: 0 auto;
margin-top: 20px;
}
.noteBox dt {
font-size: 18px;
font-weight: bold;
margin-bottom: .4em;
}
.noteBox dd {
font-size: 14px;
line-height: 1.5em;
}
.noteBox dl {
padding: 3.75% 5%;
}
.note {
background-color: #EEEEEE;
}
.under_line {
text-decoration: underline;
}
.item {
display: block;
margin-top: 50px;
}
.buybtn {
width: 100%;
margin: 20px auto;
}

.buybtn p {
text-align: center;
font-weight: bold;
font-size: 1.5rem;
}

.buybtn img{
width: 90%;
height: auto;
display: block;
margin: 0 auto 30px;
}


@media screen and (min-width: 751px) {
/* -------------------- PC -------------------- */
/*.btn img:hover {
opacity: .6;
}*/

}

@media screen and (max-width:767px) {
/* -------------------- SP -------------------- */
.btn a {
padding: 3.2% 0;
font-size: 16px;
}
/* 注意書き */
.info {
padding: 5.8% 4.8%;
}
}