html{  scroll-behavior: smooth;}
body{margin:0;}

#contents_block{font-size: clamp(1rem, 0.6953rem + 0.6339vw, 1.25rem);/*20/16*/ font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight:500;line-height:1.6 !important; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";container-type: inline-size; color:#7C351F;font-weight:800 !important; text-align:left !important;margin: 0;}
#contents_block .global_inner{max-width:1500px; margin:0 auto; padding:0 40px;}
#contents_block h1,
#contents_block h2,
#contents_block h3,
#contents_block h4,
#contents_block h5,
#contents_block h6{
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
#contents_block h2{width: clamp(16.875rem, 10.8rem + 12.66vw, 21.875rem); /* 350/270 */ margin-left:auto; margin-right:auto; text-align:center;}
#contents_block img{width:100%; height:auto; vertical-align: bottom;}
#contents_block .box{display:flex;justify-content: space-between;}
#contents_block span.underline{ position:relative;background: linear-gradient(transparent 70%, #f4e63b 70%);}
#contents_block a{text-decoration:none;}
#contents_block *{  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
#contents_block span.surround{background:#f4e63b; border-radius:50px; padding:1px 10px; color:#E50012; font-weight:900;white-space: nowrap;}
@media screen and (max-width: 750px) {
#contents_block{font-size: 17px;}
#contents_block .box{flex-direction: column; }
#contents_block .global_inner{padding:0 3%;}
}
#contents_block .head{background:#FFF; height:60px; padding-bottom:6px;z-index: 1;position: relative; }
#contents_block .head a{width:120px; display:block; position:fixed; left:5%; top:6px;}
#contents_block .head a img{}
@media screen and (max-width: 750px) {
#contents_block .head{height:45px;}
#contents_block .head a{width:90px; left:5%; top:6px;}
}
/*====================
キービジュアル
=====================*/
#contents_block .kv{background:#f1a0bc; padding:40px 5% 70px 5%;}
@media screen and (max-width: 750px) {
#contents_block .kv{padding:20px 3% 30px 3%;}
}
/*====================
共通
=====================*/
#contents_block .btn_entry{ width:450px; margin:50px auto 0 auto; }
#contents_block .btn_entry a{display:block; background:#E50012; color:#FFF;font-size: clamp(1.25rem, -0.6542rem + 3.962vw, 2.8125rem);/*45/30*/ padding:10px; text-align:center; border-radius:50px; border:solid 3px #FFF;transition:0.2s all;font-weight:500; color:#FFF;}
#contents_block .btn_entry a:hover{transform:scale(1.05,1.05);transition:0.2s all;}
#contents_block .btn_receipt{ width:330px; margin:100px auto 0 auto; }
#contents_block .btn_receipt a{display:block; background:#80AE45; color:#FFF;font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem);/*24/20*/ padding:10px; text-align:center; border-radius:50px; border:solid 3px #FFF;transition:0.2s all;font-weight:500;}
#contents_block .btn_receipt a:hover{transform:scale(1.05,1.05);transition:0.2s all;}
#contents_block .probability{ margin:50px auto 0 auto; max-width:1000px; position:relative;    padding: 0 40px;    text-align: left;}
#contents_block .probability .catch{font-size: clamp(1.5625rem, 0.8008rem + 1.5848vw, 2.1875rem);/*35/25*/background:#D32F24; border-radius:30px 30px 0 0; text-align:center; padding:1%; display:flex;align-items: center;justify-content: center; line-height:1; width:90%; margin-left:auto; margin-right:auto;}
#contents_block .probability .catch span{display: flex;    align-items: center;}
#contents_block .probability .catch span.big{font-size: clamp(3.125rem, 0.8399rem + 4.7544vw, 5rem);/*80/50*/ margin-left:7px; margin-right:7px;}
#contents_block .probability .catch span.color{color:#E50012;}
#contents_block .probability .item{border-radius:10px; border:solid 3px #E50012 !important;display:flex;align-items: flex-start; padding:30px; height:120px; background:#FFF;font-size: clamp(1.25rem, 0.793rem + 0.9509vw, 1.625rem);/*26/20*/ }
#contents_block .probability .item + .item{
  margin-top: 20px;
}
#contents_block .probability .item img{width:40px; margin-right:30px; margin-top:5px;}
#contents_block .probability .item .text{line-height:1;}
#contents_block .probability .item .text span.small{font-size: clamp(0.75rem, 0.4453rem + 0.6339vw, 1rem);/*16/12*/}
#contents_block .probability .item span.underline{font-size: clamp(1.875rem, 1.1133rem + 1.5848vw, 2.5rem);/*40/30*/ line-height:1.0;}
#contents_block .probability .item span.big{font-size:140%;}
#contents_block .probability .photo{width:100px; position:absolute; bottom:-20px; right:70px;}
#contents_block .fuchi{-webkit-text-stroke: 0.30em #fff;  paint-order: stroke fill; }
@media screen and (max-width: 750px) {
#contents_block .btn_entry{ width:330px; margin:20px auto 0 auto; }
#contents_block .btn_receipt{ width:230px; margin:35px auto 0 auto; }
#contents_block .probability{padding:0 2%;}
#contents_block .probability .catch{font-size: 18px;border-radius:15px 15px 0 0; padding:1%; }
#contents_block .probability .catch span.big{font-size:200%; margin-left:7px; margin-right:7px;}
#contents_block .probability .item{padding:15px 10px; height:120px; background:#FFF;font-size:17px;height: auto; text-align:left; }
#contents_block .probability .item span.underline{font-size:120%;}
#contents_block .probability .item img{width:30px;margin-right:5px;margin-top:0px;}
#contents_block .probability .item .text{line-height:1.4; letter-spacing:-1px;}
#contents_block .probability .photo{width:60px; bottom:0px; right:5px;}
}
/*====================
メニュー
=====================*/
#contents_block .navi{margin-top:60px;}
#contents_block .navi ul{display:flex;justify-content: space-between; margin-left:auto; margin-right:auto; padding:0;}
#contents_block .navi ul li{width:23%; text-align:center; font-size: clamp(1.25rem, 0.8692rem + 0.7924vw, 1.5625rem);/*25/20*/display: flex;   }
#contents_block .navi ul li a{display:block; padding:13% 0; border:solid 3px #E50012 !important; border-radius:10px;transition:0.4s all;flex: 1;display: flex;justify-content: center;align-items: center;color:#7C351F;}
#contents_block .navi ul li a:hover{background:#E50012; color:#FFF;transition:0.4s all;}
#contents_block .navi .photo{margin-top:40px;}
@media screen and (max-width: 750px) {
#contents_block .navi{margin-top:25px;}
#contents_block .navi ul li{ font-size: 20px;   }
#contents_block .navi .photo{margin-top:15px;}
}
/*====================
イントロダクション
=====================*/
#contents_block .introduction{font-size: clamp(1.25rem, 0.793rem + 0.9509vw, 1.625rem);/*26/20*/box-shadow: 0px -8.92px 8.9px -8px rgba(0, 0, 0, 0.3);   position: relative; padding-top:80px; }
#contents_block .introduction .outline{background:url(../image/introduction_outline_bg.png) no-repeat; background-size:contain;}
#contents_block .introduction .outline .box{justify-content: center;align-items: center;}
#contents_block .introduction .outline .photo{width:35%; min-width:300px; margin-right:5%;}
#contents_block .introduction .outline .text{width:fit-content;}
#contents_block .introduction .outline .text span.underline:after{ width:calc(100% - 10px); left:10px; }
#contents_block .introduction .gift{width:700px; margin:100px auto 0 auto;}
#contents_block .introduction .gift .text{padding-left:50px; position:relative;}
#contents_block .introduction .gift .text img{width:75px; position:absolute; top:-45px; left:-0px;}
#contents_block .introduction .gift .photo{margin-top:-150px;}
#contents_block .introduction .point .copy{background:#D32F24; border-radius:50px 50px 0 0; text-align:center; padding:2%;font-size: clamp(1.25rem, -0.2734rem + 3.1696vw, 2.5rem);/*40/20*/}
#contents_block .introduction .point .movie{margin-top:80px;}
#contents_block .introduction .point .movie .title{display: flex;  align-items: center;  justify-content: center;  gap: 1em;  color: #D32F24;  font-size: clamp(1.5625rem, 1.1817rem + 0.7924vw, 1.875rem);/*30/25*/}
#contents_block .introduction .point .movie .title::before,
#contents_block .introduction .point .movie .title::after{content: "";  width: 2.5px;   height: 2.2em;  background: currentColor;  border-radius: 2px;}
#contents_block .introduction .point .movie .title::before{transform: rotate(-35deg);}
#contents_block .introduction .point .movie .title::after{transform: rotate(35deg); }
#contents_block .introduction .point .movie .photo{width:300px; margin:25px auto 0 auto; aspect-ratio: 9/16; background-color: #eee;}
#contents_block .introduction .point .movie .photo video {display: block; width: 100%; height: 100%; cursor: pointer;}
#contents_block .introduction .point .movie .btn_view{ width:450px; margin:50px auto 0 auto; }
#contents_block .introduction .point .movie .btn_view a{display:block; background:#D32F24; color:#FFF;font-size: clamp(1.5625rem, 0.8008rem + 1.5848vw, 2.1875rem);/*35/25*/ padding:8px; text-align:center; border-radius:50px; border:solid 3px #FFF;transition:0.2s all;font-weight:500;}
#contents_block .introduction .point .movie .btn_view a:hover{transform:scale(1.05,1.05);transition:0.2s all;}
@media screen and (max-width: 750px) {
#contents_block .introduction{border-radius:50px 50px 0 0;padding-top:20px; font-size:20px; }
#contents_block .introduction .outline .box{flex-direction: column-reverse;    align-items: flex-start;}
#contents_block .introduction .outline{background:url(../image/introduction_outline_bg_sp.png) ; background-size:contain; padding:0 20px;background-repeat: no-repeat;}
#contents_block .introduction .outline .text{padding-top:20px; text-align:center;}
#contents_block .introduction .outline .photo{margin-right:auto; margin-left:auto; margin-top:15px;width:70%; min-width:unset; }
#contents_block .introduction .gift{width:100%; margin:50px auto 0 auto;}
#contents_block .introduction .gift .text{padding-left: 20px;}
#contents_block .introduction .gift .text img{width:60px;}
#contents_block .introduction .gift .photo{margin-top:20px;}
#contents_block .introduction .point .copy{padding:20px 0; font-size:25px;}
#contents_block .introduction .point .movie{margin-top:30px;}
#contents_block .introduction .point .movie .btn_view{width:280px;margin:40px auto 0 auto;}
#contents_block .introduction .point .movie .title{font-size:20px; text-align:center;}
}
/*====================
商品
=====================*/
#contents_block .prize{background:#f1a0bc; padding:60px 20px; margin-top:100px;}
#contents_block .prize .box{justify-content: center; max-width:1300px; margin-left:auto; margin-right:auto; margin-top:60px;}
#contents_block .prize .box .item{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border:solid 4px #E50012; border-radius:10px; background:#FFF; width:46%; margin-left:2%; margin-right:2%; padding:2%;}
#contents_block .prize .box .item .photo{width:100%; flex:0 0 100%;}
#contents_block .prize .box .item h3{width:25%; min-width:100px; margin-right:20px; margin-top:20px;}
#contents_block .prize .box .item .member{flex:1; width:auto; -webkit-text-stroke:0.30em #fff; font-size:clamp(1.875rem, 0.7325rem + 2.3772vw, 2.8125rem);/*45/30*/ font-weight:900; line-height:1.3; transform:rotate(3deg); text-align:center; margin-top:20px;}
#contents_block .prize .box .item .member .color{color:#D32F24; margin-left:5px; margin-right:5px; font-size:140%;}
#contents_block .prize .box .item .member span.underline{padding-left:0.4em; padding-right:0.4em; margin-left:-0.4em; margin-right:-0.4em;}

#contents_block .prize .info{max-width:1300px; margin-top:30px;margin-left:auto; margin-right:auto; padding-left:2%; font-size:13px; color:#000; font-weight:400;font-family: 'Noto Sans JP', sans-serif;width: fit-content;}


#contents_block .prize .more_info{margin-top:50px;text-align:center;}
#contents_block .prize .more_info h3{  display: flex;  align-items: center;  justify-content: center;  gap: 0.5em;   color: #46A436;  font-size: clamp(1.875rem, 1.1133rem + 1.5848vw, 2.5rem);  font-weight: 800;}
#contents_block .prize .more_info h3::before,
#contents_block .prize .more_info h3::after{content: "";  background: url(../image/more_info_triangle.png) no-repeat center / contain;  width: 40px;  height: 40px;  flex-shrink: 0;}
#contents_block .prize .more_info h3::after{transform: scaleX(-1);}
#contents_block .prize .more_info .item{ background-color:#D32F24; color:#000; font-weight:500;font-size:30px; max-width:900px; margin:20px auto 0 auto; border-radius:25px; padding:30px 5% 20px 5%;}
#contents_block .prize .more_info .item .inner{ padding-bottom:90px;}
#contents_block .prize .more_info .item h4{width:140px; margin-left:60px;}
#contents_block .prize .more_info .item .text{width:500px;}
#contents_block .prize .more_info .item .text span.small{font-size:80%;}
#contents_block .prize .more_info .item .text span.big{font-size:150%; color:#E50012; font-weight:900;-webkit-text-stroke: 0.30em #fff;line-height: 1.4;}
#contents_block .prize .more_info .item .mark{  position: relative;  z-index: 0; }
#contents_block .prize .more_info .item .mark::before{  content: "";position: absolute;right: -357%;top: -330%;width: 12em;height: 9em;    background: url(../image/prize_more_bg.png) no-repeat center / contain;    z-index: -1;    pointer-events: none;}
#contents_block .prize .notice{width:fit-content; margin:60px auto 0 auto;font-family: 'Noto Sans JP', sans-serif; font-weight:400; color:#40210F;}
#contents_block .prize .notice > div{padding-left:30px; margin-bottom:20px;}
@media screen and (max-width: 750px) {
#contents_block .prize{padding:15px 20px 50px 20px; margin-top:70px;}
#contents_block .prize .box{margin-top:20px;}
#contents_block .prize .box .item{width:100%; margin-left:0%; margin-right:0%; padding:6% 4%;}
#contents_block .prize .box .item:last-child{margin-top:20px;}
#contents_block .prize .box .item .text{font-size:23px;width:77%}
#contents_block .prize .box .item h3{width: 23%; min-width:unset; margin-right:10px;margin-top:20px;}
#contents_block .prize .box .item .member{margin-top:20px;}
#contents_block .prize .more_info{margin-top:25px;}
#contents_block .prize .more_info .item{ font-size:20px;  margin:10px auto 0 auto;  padding:20px 5% 20px 5%;background-image: url(../image/prize_more_bg.png); background-repeat:no-repeat; background-position:center;background-size: 95%;}
#contents_block .prize .more_info .item h4{    width: 100px;    margin-left: 0px;}
#contents_block .prize .more_info .item .text{width:100%;}
#contents_block .prize .more_info .item .mark::before{content:none;}
#contents_block .prize .more_info .item .inner{width:90%;padding-bottom: 50px;}
#contents_block .prize .notice{margin:25px auto 0 auto;}
#contents_block .prize .notice > div{padding-left:0px;}
}
/*====================
対象商品
=====================*/
#contents_block .products{padding:90px 0 90px 0;}
#contents_block .products .box{ margin-top:90px;}
#contents_block .products .box .item{width:18%;}
#contents_block .products .box .item .photo{width:70%; margin-left:auto; margin-right:auto;}
#contents_block .products .box .item h3{margin-top:20px; text-align:center;font-size: clamp(1rem, 0.2383rem + 1.5848vw, 1.625rem);/*26/16*/ line-height:1.2; font-weight:800;}
#contents_block .products .box .item h3 span{font-size:110%; display:block;}
#contents_block .products .notice{font-family: 'Noto Sans JP', sans-serif; font-weight:400; color:#40210F; margin-top:90px; text-align:center;}
@media screen and (max-width: 750px) {
#contents_block .products{padding:50px 0 100px 0;}
#contents_block .products .box{ margin-top:0px;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
#contents_block .products .box .item{width:42%; margin-top:30px;}
#contents_block .products .box .item h3 span{font-size:130%; }
#contents_block .products .notice{margin-top:60px;}
}
/*====================
応募方法
=====================*/
#contents_block .howto{background:#f1a0bc; padding:60px 20px; margin-top:100px;text-align:center;}
#contents_block .howto .period{border:solid 3px #E50012; padding:15px 40px; color:#E50012; background:#FFF;text-align:center; max-width:960px; margin-left:auto; margin-right:auto; margin-top:50px; border-radius:10px;}
#contents_block .howto .period h3{color:#46A436; position:relative; }
#contents_block .howto .period h3:before{content:"";height:2px; width:100%;position: absolute; top: 50%; left: 0; transform: translateY(-50%); background:#46A436; }
#contents_block .howto .period h3 span{background:#FFF; padding:0 40px;position: relative;}
#contents_block .howto .period h3:last-of-type{margin-top:10px;}
#contents_block .howto .period .text{letter-spacing:5px; font-weight:900;}
#contents_block .howto .period .text span{font-size:140%;}
#contents_block .howto .period .text span.medium{font-size:120%;}
#contents_block .howto .notice{color:#3E1F18; font-weight:500;font-size: clamp(1.25rem, 0.8692rem + 0.7924vw, 1.5625rem);/*25/20*/ margin-top:50px;}
#contents_block .howto .step{margin-top:55px;}
#contents_block .howto .step .box{justify-content: center;gap: 2%;}
#contents_block .howto .step .box .item{flex: 1; position: relative;border: solid 3px #DA2E26; border-radius:5px; padding:20px 0 40px 0; background:#FFF;line-height:1.2; }
#contents_block .howto .step .box .item:not(:last-child)::after{  content: "";  position: absolute; top: 50%; right: -46px; transform: translateY(-50%);   width: 46px;  height: 60px;  background: #DA2E26;  clip-path: polygon(0 0, 100% 50%, 0 100%);z-index: 1;}
#contents_block .howto .step .box .item h4{color:#DA2E26;font-size: clamp(1.25rem, 0.8692rem + 0.7924vw, 1.5625rem);/*25/20*/ }
#contents_block .howto .step .box .item h4 span{display:block;}
#contents_block .howto .step .box .item .photo{width:130px; margin-top:20px; margin-left:auto; margin-right:auto;}
#contents_block .howto .step .box .item .text{margin-top:60px; color:#3E1F18; padding:0 20px;font-size: clamp(0.875rem, 0.418rem + 0.9509vw, 1.25rem);/*20/14*/ font-weight:800;}
#contents_block .howto .btn_entry{margin-top:25px;}
@media screen and (max-width: 750px) {
#contents_block .howto{padding:40px 0px; margin-top:0px;}
#contents_block .howto .probability{margin-top:30px;}
#contents_block .howto .period{padding:15px 10px;margin-top:20px; }
#contents_block .howto .period .text{letter-spacing:0px; font-size:12.0px; letter-spacing:-1px;}
#contents_block .howto .period .text span{font-size:130%;}
#contents_block .howto .period .text span.medium{font-size:110%;}
#contents_block .howto .notice{font-size: 17px; margin-top:40px;}
#contents_block .howto .step{margin-top:45px;}
#contents_block .howto .step .box .item:not(:first-child){margin-top:15px;}
#contents_block .howto .step .box .item:not(:last-child)::after{content:none;}
#contents_block .howto .step .box .item{ display:flex;align-items: center; padding:20px 10px; }
#contents_block .howto .step .box .item .text{margin-top:0; font-size:18px; width:70%; text-align:left; padding:0;}
#contents_block .howto .step .box .item .photo{width:60px; margin-top:0px; margin-right:15px;}
}
/*====================
応募規約
=====================*/
#contents_block .terms{padding:100px 0 ;font-family: 'Noto Sans JP', sans-serif; font-weight:400; color:#40210F; text-align:left;}
#contents_block .terms .note{margin-top:40px;}
#contents_block .terms .item{border:solid 1px #D32F24; padding:40px 60px;margin-top:40px; background:#EEEEEF;}
#contents_block .terms .item .text_area{ height:600px; overflow-y:scroll;}
#contents_block .terms .item .text_area h3{ font-weight:800;margin-top: 40px; padding-right:20px;}
#contents_block .terms .item .text_area h3:first-of-type{  margin-top: 0;}
#contents_block .terms .item .text_area .text{ margin-top:10px; padding-right:20px;}
#contents_block .terms .item .text_area::-webkit-scrollbar{
  width: 8px;
}
#contents_block .terms .item .text_area::-webkit-scrollbar-track{
  background: #ddd;
  border-radius: 4px;
}
#contents_block .terms .item .text_area::-webkit-scrollbar-thumb{
  background: #222;   /* 枠線と同じ赤系 */
  border-radius: 4px;
}
/* Firefox 用 */
#contents_block .terms .item .text_area{
  scrollbar-width: thin;
  scrollbar-color: #222 #ddd;
}
@media screen and (max-width: 750px) {
#contents_block .terms{padding:45px 0 ;}
#contents_block .terms .note{margin-top:20px;}
#contents_block .terms .item{padding:20px 15px 20px 20px;margin-top:20px; }
#contents_block .terms .item .text_area{ height:300px; }
}
#contents_block .inquiry{ margin-top:150px; padding-bottom:160px;font-family: 'Noto Sans JP', sans-serif; font-weight:400; color:#40210F;}
#contents_block .inquiry .text{margin-top:60px;}
@media screen and (max-width: 750px) {
#contents_block .inquiry{ margin-top:0px;padding-bottom:80px;}
#contents_block .inquiry .text{margin-top:20px;}
}
#contents_block .copyright{background:#E50012; color:#FFF; font-size:12px; font-weight:700; text-align:center; padding:20px;}
@media screen and (max-width: 750px) {
#contents_block .copyright{font-size:9px;  padding:10px;}
}
/*=======  下からフェードアップ  =======*/
#contents_block .fadeup{opacity: 0;}
#contents_block .fadeup.isShow{  opacity: 1;animation: fadeUp 0.5s ease 0.6s 1 normal backwards;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
/*=======  フェードイン  =======*/
#contents_block .fadein{opacity: 0;}
#contents_block .fadein.isShow{  opacity: 1;animation: fadein 1.0s ease 0.6s 1 normal backwards;}
@keyframes fadein {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@media screen and (max-width: 750px) {
#contents_block .pc{display:none !important;}
}
@media screen and (min-width: 751px) {
#contents_block .sp{display:none !important;} 
}