@charset "utf-8";
/* CSS Document */
/*====================
reset
====================*/
div:after, dl:after, ul:after{
content: none;
}
*:focus{
outline: none;
}

/*====================
basic
====================*/
body{
background: #ffffff;
position: relative;
font-size: 80%;
line-height: 1.4;
}
.l-container{
font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
font-weight: 600;
color: #231815;
font-size: 1.1rem;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
}
.l-container img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.l-container a:hover img{
opacity: 0.8;
}
p.note, ul.note > li{
text-align: left;
text-indent: -1em;
padding-left: 1em;
}

/*====================
コンテンツ
====================*/
.isSP {
display: none;
}
.isPC {
display: block;
}
#content_wrap{
width: 750px;
margin: 0 auto;
background: url(../img/bg_wh.jpg);
background-position: center top;
background-repeat: repeat;
background-size: 78px;
position: relative;
}
#content_wrap > section{
text-align: center;
}
#content_wrap a{
color: #e50012;
}

/*====================
base
====================*/
.inner{
width: 666px;
margin: 0 auto;
padding: 0;
}
.information{
font-size: 0.85rem;
text-align: left;
}
.txt_right{
text-align: right;
}
.txt_center{
text-align: center;
}

/*====================
企画内容
====================*/
#prize{
padding: 48px 0 46px;
}
#prize .inner{
width: 750px;
}
.period{
padding: 0 42px;
}
.prize{
padding: 64px 17px 23px 20px;
}
.prize_txt{
padding: 0 40px;
}
#prize .information{
padding: 0 42px 30px;
}

/*====================
対象商品
====================*/
#products{
padding: 40px 0;
background: url(../img/bg_gr.jpg);
background-position: center top;
background-repeat: repeat;
background-size: 311px;
}
#products figure{
margin: 26px 0 12px;
}

/*====================
キャンペーン参加方法
====================*/
#howto_lw{
padding: 40px 0 60px;
}
.mds_cvs{
width: 540px;
margin: 33px auto 0;
}
.howto_box{
padding: 46px 40px 22px;
background: #ffffff;
border: solid 4px #231815;
position: relative;
margin: 64px 0 66px;
}
.mds_step{
position: absolute;
top: -50px;
left: 15px;
}
.howto_box figure{
width: 500px;
margin: 0 auto;
}
.howto_txt{
margin-bottom: 14px;
}
.bt_entry{
padding: 40px 96px 0;
}
.howto_list li.howto_box:last-child{
margin-bottom: 0;
}
.card_box{
padding: 15px 15px;
background: #fefcda;
border: solid 4px #231815;
margin: 40px 0 0;
}
.mds_card{
padding: 12px 12px 10px;
background: #e40011;
color: #fff;
}
.card_info{
padding: 16px 22px;
background: #fff;
border: solid 3px #e40011;
margin: 27px 0 0;
}
.txt_md{
padding: 16px 24px 22px;
font-size: 0.9rem;
}
.point_regist{
margin: 10px 0;
}

/*====================
キャンペーン規約
====================*/
#guideline{
padding: 40px 0 94px;
background: url(../img/bg_gr.jpg);
background-position: center top;
background-repeat: repeat;
background-size: 311px;
border-bottom: solid 82px;
}
#guideline .guideline_box{
background: #ffffff;
border: solid 4px #231815;
margin-top: 34px;
padding: 22px 16px 22px 22px;
}
#guideline .guideline_box dl{
overflow-y: scroll;
overflow-x: hidden;
height: 520px;
padding: 0 14px 0 0;
text-align: left;
}
#guideline .guideline_box dl dt{
border-left: solid 5px #e00000;
padding-left: 10px;
margin-bottom: 10px;
}
#guideline .guideline_box dl dd ul.note{
margin: 10px 0 0;
}
#guideline .guideline_box dl dd:last-of-type ul.note{
margin-top: 0;
}
#guideline .mt{
margin-top: 20px;
}
#guideline .guideline_box dl dd:not(:last-of-type){
padding-bottom: 30px;
}
#guideline dd > ul > li > ul > li{
text-indent: -0.9em;
padding-left: 0.9em;
}
/*スクロールバー*/
#guideline .guideline_box dl::-webkit-scrollbar{
width: 12px;
}
#guideline .guideline_box dl::-webkit-scrollbar-track{
background-color: #cacaca;
border-radius: 50px;
}
#guideline .guideline_box dl::-webkit-scrollbar-thumb{
background-color: #231815;
border-radius: 50px;
}

/*====================
ページトップ
====================*/
.bt_pagetop{
position: absolute;
bottom: 24px;
right: 24px;
width: 128px;
z-index: 50;
}

/* ▽ SP ▽======================================================================================================================================================== */
/* 768px以下 For SP
====================================================*/
@media screen and (max-width: 768px){
.isPC {
display: none;
}
.isSP {
display: block;
}

/*====================
basic
====================*/
body{
font-size: 13px;
min-width: 100%;
}
.l-container{
font-size: 0.85rem;
}
.l-container a:hover img{
opacity: 1;
}

/*====================
コンテンツ
====================*/
#content_wrap{
width: 100%;
background-size: 10vw;
}

/*====================
base
====================*/
.inner{
width: 89%;
}
.information{
font-size: 0.6rem;
}

/*====================
企画内容
====================*/
#prize{
padding: 6.2vw 0 5.3vw;
}
#prize .inner{
width: 100%;
}
.period{
padding: 0 5.4vw;
}
.prize{
padding: 8.4vw 1.5vw 3.7vw 2vw;
}
.prize_txt{
padding: 0 6.6vw;
}
#prize .information{
padding: 0 6.6vw 5.4vw;
}

/*====================
対象商品
====================*/
#products{
padding: 5.2vw 0 5.8vw;
background-size: 35vw;
}
#products figure{
margin: 3.4vw 0 1.2vw;
}

/*====================
キャンペーン参加方法
====================*/
#howto_lw{
padding: 5.2vw 0 8vw;
}
.mds_cvs{
width: 100%;
margin: 4.2vw auto 0;
}
.howto_box{
padding: 6vw 5.4vw 3vw;
border: solid 0.6vw #231815;
margin: 8.3vw 0 8.5vw;
}
.mds_step{
top: -6.6vw;
left: 0.8vw;
width: 25vw;
}
.howto_box figure{
width: 74vw;
}
.howto_txt{
margin-bottom: 1.8vw;
}
.bt_entry{
padding: 5.3vw 8.6vw 0;
}
.card_box{
padding: 2vw 2vw;
border: solid 0.6vw #231815;
margin: 5.1vw 0 0;
}
.mds_card{
padding: 3vw 3vw 2.4vw;
}
.card_info{
padding: 1.6vw 3.2vw 1.3vw;
border: solid 0.4vw #e40011;
margin: 2vw 0 0;
}
.txt_md{
padding: 2.4vw 3.4vw 1vw;
font-size: 0.7rem;
}
.point_regist{
margin: 1vw 0;
}

/*====================
キャンペーン規約
====================*/
#guideline{
padding: 5.2vw 0 12.3vw;
background-size: 35vw;
border-bottom: solid 12vw;
}
#guideline .guideline_box{
border: solid 0.6vw #231815;
margin-top: 4.5vw;
padding: 3vw 2.5vw 3vw 3vw;
}
#guideline .guideline_box dl{
height: 68vw;
padding: 0 2vw 0 0;
}
#guideline .guideline_box dl dt{
border-left: solid 0.8vw #e6326e;
padding-left: 1.3vw;
margin-bottom: 1vw;
}
#guideline .guideline_box dl dd:not(:last-of-type){
padding-bottom: 3vw;
}
#guideline .guideline_box dl dd ul.note{
margin: 1vw 0 0;
}
#guideline .guideline_box dl dd:last-of-type ul.note{
margin-top: 0;
}
#guideline .mt{
margin-top: 2vw;
}
#guideline dd > ul > li > ul > li{
text-indent: -0.9em;
padding-left: 0.9em;
}
/* スクロールバー */
#guideline .guideline_box dl::-webkit-scrollbar{
width: 2vw;
}
#guideline .guideline_box dl::-webkit-scrollbar-track{
border-radius: 50vw;
}
#guideline .guideline_box dl::-webkit-scrollbar-thumb{
border-radius: 50vw;
}

/*====================
ページトップ
====================*/
.bt_pagetop{
bottom: 4.6vw;
right: 2vw;
width: 17.6vw;
}
}