.list-none { list-style-type: none; }

.txtS { font-size: 85% !important; }

.free_block { width: 100%; }
@media screen and (min-width: 992px) { .free_block { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.free_block > h1 { width: 100%; color: #402000; }
.free_block > h2 { width: 100%; color: #FFF; font-weight: bold; background-color: #C8B18C; padding: 5px 5px 5px 15px; }
.free_block > h3 { color: #402000; }
.free_block > h4 { color: #402000; margin: 5px; }
.free_block .volume { color: #606060; font-size: .875rem; letter-spacing: -.2px; line-height: 1.25rem; }
.free_block .mise-icon { display: inline; vertical-align: middle; }
.free_block ul { margin: 5px; margin-bottom: 10px; padding-left: 0; }
.free_block ul > li { text-indent: -1em; padding-left: 1em; list-style: none; padding-bottom: 6px; padding-top: 6px; column-gap: .5rem; padding-bottom: .5rem; padding-top: .5rem; row-gap: .125rem; }
.free_block ul > li > bdi { text-align: end; text-wrap: balance; }
@media screen and (min-width: 992px) { .free_info { width: 28%; } }
@media screen and (min-width: 992px) { .free_contents { width: 70%; } }
.free_mainimg { width: 100%; }
.free_mainimg img { width: 100%; }
.free_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: left; align-items: stretch; list-style-type: none; margin: 0 auto; }
.free_list > li { display: block; width: 100%; margin: 0 auto; }
@media screen and (min-width: 600px) { .free_list > li { width: calc((100% - 20px) / 2); margin: 0 5px; } }
@media screen and (min-width: 700px) { .free_list > li { width: calc((100% - 40px) / 3); margin: 0 5px; } }
.free_photo { display: block; }
.free_photo img { width: 100%; height: auto; }
.free_txt { position: relative; display: block; color: #000; font-size: 1.0rem; line-height: 1.25rem; padding: 5px 0 8px; }
.free_txt .txt-marker { position: relative; display: inline-block; }
.free_txt .txt-marker::after { content: ''; position: absolute; background-color: #F9F4AF; margin-top: 10px; height: 12px; width: 100%; top: 0; left: 0; z-index: -1; }
.free_txt > bdi { text-align: end; }

.flex_block { display: block; margin: 0 auto; }
@media screen and (min-width: 992px) { .flex_block { display: flex; flex-wrap: wrap; } }

.flex_block_tablet { display: block; margin: 0 auto; }
@media screen and (min-width: 600px) { .flex_block_tablet { display: flex; flex-wrap: wrap; } }

.flex_block_sp { display: flex; flex-wrap: wrap; margin: 0 auto; }

@media screen and (min-width: 992px) { .gift_read { width: 62%; } }

.gift_img { max-width: 420px; margin: 0 auto; }
@media screen and (min-width: 992px) { .gift_img { width: 35%; } }
.gift_img img { width: 100%; display: block; margin: 0 auto; }

.gift_mark { width: calc(18% - 10px); max-width: 127px; }
.gift_mark img { width: 100%; }

.gift_txt { width: 82%; margin-left: 10px; }

.mark_ya { display: none; }
@media screen and (min-width: 600px) { .mark_ya { display: block; margin: 80px auto; max-width: 30px; } }
@media screen and (min-width: 992px) { .mark_ya { margin: 150px auto; max-width: 60px; } }
.mark_ya img { width: 100%; }

.gift_noshi { position: relative; text-align: center; margin: 0; padding: 10px 3px; width: calc((100% - 12px) / 2); }
@media screen and (min-width: 600px) { .gift_noshi { margin: 0 auto; display: block; padding: 15px 5px; width: calc((100% - 40px) / 4); } }
@media screen and (min-width: 992px) { .gift_noshi { width: calc(100% / 6); width: calc((100% - 50px) / 5); } }
.gift_noshi img { max-width: 182px; width: 100%; margin: 0 auto; }

.howto_block { position: relative; display: block; margin: 0 auto; }
@media screen and (min-width: 600px) { .howto_block { width: calc((100% - 60px)/3); min-width: calc((100% - 60px)/3); } }
@media screen and (min-width: 992px) { .howto_block { width: calc((100% - 120px)/3); min-width: calc((100% - 120px)/3); } }
.howto_block img { width: 100%; max-width: 345px; margin: 0 auto; margin-bottom: 50px; display: block; }
@media screen and (min-width: 600px) { .howto_block img { margin-bottom: 0; } }

.btn_roundframe { display: block; }
.btn_roundframe > a { display: block; padding: 4px 10px; margin: 10px auto; text-decoration: none; width: 80%; border: #46260D solid 2px; border-radius: 20px; text-align: center; font-weight: bold; color: #46260D !important; }
.btn_roundframe > a:active { color: #46260D !important; }
.btn_roundframe > a:hover { color: #FFF !important; background-color: #46260D; }
@media screen and (min-width: 600px) { .btn_roundframe > a { padding: 6px 60px; margin: 20px auto; width: 50%; } }

.btn_rightside { display: block; }
.btn_rightside > a { display: block; padding: 4px 0; margin: 5px 0 10px auto; text-decoration: none; width: 80%; text-align: right; font-weight: bold; color: #46260D !important; }
.btn_rightside > a:active { color: #46260D !important; }
.btn_rightside > a:hover { color: #D55254 !important; }
@media screen and (min-width: 600px) { .btn_rightside > a { padding: 6px 0; margin: 10px 0 20px auto; } }

a.giftLink { text-decoration: none; color: #46260D !important; }
a.giftLink:active { color: #46260D !important; }
a.giftLink:hover { color: #D55254 !important; }
a.giftLink .gift_link_block { max-width: 900px; margin-right: auto; margin-left: 0; }
@media screen and (min-width: 992px) { a.giftLink .gift_link_block .gift_read { width: 62%; } }
a.giftLink .gift_link_block .gift_img { max-width: 300px; }
@media screen and (min-width: 992px) { a.giftLink .gift_link_block .gift_img { width: 35%; max-width: 250px; } }
a.giftLink .gift_link_block .gift_img img { width: 100%; display: block; margin: 0 auto; }
a.giftLink .gift_link_block .gift_mark { width: calc(18% - 10px); max-width: 110px; }
a.giftLink .gift_link_block .gift_txt { width: 82%; margin-top: 15px; margin-left: 10px; }
a.giftLink .gift_link_block .btn_rightside { display: block; padding: 4px 0; margin: 5px 0 10px auto; text-decoration: none; width: 80%; text-align: right; font-weight: bold; }
@media screen and (min-width: 600px) { a.giftLink .gift_link_block .btn_rightside { padding: 6px 0; margin: 10px 0 20px auto; } }

.bannerArea { max-width: 800px; margin: 0 auto; }