h1::after,
h1::before{
display:none;
}
.contents_box ul{
width:auto !important;
}
.main img{
max-width:100%;display:block;margin:0px auto;
}
/*背景*/
.bg00{
background:url("../images/campaign/1/top_bg01.jpg") no-repeat,#000;
background-position:center top+60px;background-size:auto;-webkit-background-size:100% auto;-moz-background-size:auto;-o-background-size:auto;
}
.bg00, .bg00::before{
  display:block;
  width: 100%;
  height: 100%;
  padding: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  position: fixed;
  content: "";
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.bg00, .bg00::before {z-index: -1;}

div.main_box{
padding:0px;background:#fff;
box-shadow: #ACF 1px 1px 10px!important;
margin:20px;font-size:16px;border-radius:25px;
}
div.main_box > div{
padding:1%;
}
.date_box{
margin:4% 0px;padding:2% 0px;background:#181041;font-size:16px;border-radius:30px;
display:flex;align-items:center;justify-content:center;
box-shadow:0 0 0 2px #f7ff01 inset;border:2px solid #181041;
}

.date_box > p{
text-align:center;color:#fff;padding:0px 10px;min-width:122px;
text-shadow: 1px 1px 0 #931658,-1px -1px 0 #931658,-1px 1px 0 #931658,1px -1px 0 #931658,0px 1px 0 #931658,0-1px 0 #931658,-1px 0 0 #931658,1px 0 0 #931658;
}
.date_box > ul.date{
display:flex;color:#fae907;align-items:center;flex-wrap:wrap;justify-content:center;
font-size:16px;font-weight:bold;padding:0px 5px 0px 0px;
}
.date_box > ul.date span{
font-size:12px;
}
.contents_title_f16{
background-color:#181041 !important;color:#fff !important;padding:10px 5px !important;
border-bottom:2px solid #ffe38b;border-radius:25px 25px 0px 0px !important;
}
ul.goods{
display:flex;flex-wrap:wrap;
}
ul.goods li{
text-align:center;padding:5px;width:calc(100% / 4);
}
ul.goods li > dl{
background:#fbdbb6;padding:10px 10px;border-radius:15px;
}
ul.goods li > dl > dt{
background:#ffb866;border-radius:5px;margin-bottom:10px;padding:5px;color:#931658;font-weight:bold;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
ul.goods li > dl > dd > img{
max-width:80% !important;
}
ul.goods li > dl > dd > div{
background:#ffb866;border-radius:5px;margin:10px auto 0px;padding:5px;
}
ul.goods li > dl > dd > div > p{
margin:5px auto;
}
ul.goods li > dl > dd > div > p:last-of-type{
margin-top:15px;
}
ul.goods li > dl > dd > div > p > span{
color:#ad030c;font-weight:bold;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
ul.goods li > dl > dd > div > p:last-of-type > span{
color:#f00;
}

ul.goods + p{
text-align:center;padding:10px;
}
.caption > div > dl > dt,
div.main_box > div > dl > dt {
padding:7px;border-bottom:1px solid #5b5e80;background:#362491;color:#fff;font-weight:bold;border-radius:5px;
box-shadow:0px 3px 5px -3px #6c6786;font-size:18px;
/*border-top:2px solid #550080;border-bottom:2px solid #550080;color:#550080;*/
}
.caption > div > dl > dd,
div.main_box > div > dl > dd{
padding:10px 5px;line-height:normal;
}
.main_box dl > dt > span {
color:#ffeb3b;/*text-shadow:1px 1px 0 #a241ea, -1px -1px 0 #a241ea, -1px 1px 0 #a241ea, 1px -1px 0 #a241ea, 0px 1px 0 #a241ea, -1px 0 #a241ea, -1px 0 0 #a241ea, 1px 0 0 #a241ea;*/
font-size:larger;
}
.qz_list{
display:flex;flex-wrap:wrap;border:1px solid #d5a9a9;
background:#fff5ab;text-align:center;margin:5px auto 0px;max-width:600px;font-weight:bold;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
.qz_list > p{
display:flex;align-items:center;justify-content:center;
width:35%;color:#db8400;
}
.qz_list > p:nth-of-type(2){
background:#ffe0ab;color:#db4600;
}
.qz_list > p:nth-of-type(3){
background:#ffc0ab;color:#960003;
}
.qz_list > p:nth-of-type(4){
background:#f8a7a0;color:#c74135;
}
.qz_list > p:nth-of-type(5){
background:#f5b8b8;color:#9d0e0f;
}

.qz_list dl{
display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:65%;background:rgba(255,255,255,1);
color:#000;
}
.qz_list dl:nth-of-type(1){
background:#fffad2;color:#db8400;
}
.qz_list dl:nth-of-type(2){
background:#fff1da;color:#db4600;
}
.qz_list dl:nth-of-type(3){
background:#fde5dd;color:#9d0e0f;
}
.qz_list dl:nth-of-type(4){
background:#ffcac5;color:#c74135;
}
.qz_list dl:nth-of-type(5){
background:#ffd7d3;color:#9d0e0f;
}
.qz_list > dl dt{
width:69%;padding:5px;
}
.qz_list > dl dd{
width:31%;padding:5px;
}
.qz_list > dl dt:nth-of-type(even),
.qz_list > dl dd:nth-of-type(even){
border-top:1px dotted #ccc;
}
#qz_list_add > dl dd{
color:#fff;background:rgba(255,0,0,0.6);
text-shadow:none;font-weight:bold;
}

dl.sub{
width:98%;margin:0px auto;
}
dl.sub > dt{
padding:5px;border-left:6px solid #040787;border-bottom:1px solid #040787;color:#040787;font-weight:bold;
font-size:16px;
}
dl.sub > dd{
padding:5px;margin-top:10px;
}
dl.sub > dd > ul.ast{
font-size:13px;
}
dl.sub > dd > ul.ast li{
padding:0px 0px 0px 20px;
}
dl.sub > dd > ul.ast li::before{
font-size:13px;top:0px;
}



.exp_detail{
width:98%;margin:2% auto;padding:2%;
}
.annotation{
text-align:center;background:rgba(0,0,0,0.6);padding:5px;color:#fff;
}
.caption{
line-height:normal;
}
.caption a{
text-decoration:underline;color:#940042;
}
.caption a:hover{
text-decoration:none;
}
.main_box .date_box{
  margin:0px auto 4%;
}
.notes a{
color:#03a9f4;text-decoration:underline;
}
.notes a:hover{
text-decoration:none;
}
/**/
#campaign {
margin-top:4%;
}
.name{
color:#550080;border-bottom:2px solid #550080;font-size:16px;width:250px;margin:10px 0px 0px 10px;padding:10px 10px 5px 10px !important;
display:flex;align-items:center;
}
.name > img{
width:50px;vertical-align:middle;padding:0px 1%;margin:0px 0px 0px 10px;
}
.name > p{
padding:5px;color:#000;
}
.qp_box{
width:40%;border:3px solid #550080;padding:5px !important;font-size:16px;color:#000;margin:2% auto;text-align:center;border-radius:5px;
background:#f2dffb;
}
.qp_box > p{
padding:5px 0px;
}
.qp_box > p:nth-of-type(2){
border-top:1px dotted #550080;
}

ul.goods_2box{
display:flex;align-items:start;flex-wrap:wrap;justify-content:center;
}
ul.goods_2box > li{
text-align:center;padding:10px;width:calc(100% / 2);
}
ul.goods_2box > li > dl{
background:#fbdbb6;padding:10px 10px 0px;border-radius:15px;
}
ul.goods_2box > li > dl > dt{
background:#ffb866;border-radius:5px;margin-bottom:10px;padding:5px;color:#931658;font-weight:bold;
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
ul.goods_2box > li > dl > dd{
padding-bottom:10px;
}
ul.goods_2box > li > dl > dd > img{
max-width:230px !important;width:80%;
}
ul.goods_2box > li > dl > dd > ul{
background:#ffb866;border-radius:5px;padding:5px;margin-top:5px;
}
ul.goods_2box > li > dl > dd > ul > li > p{
font-weight:bold;
}
ul.goods_2box > li > dl > dd > ul > li > .btn{
max-width:250px;margin:0px auto;
}
ul.goods_2box > li > dl > dd > div{
color:#931658;padding:5px;font-weight:bold;
}
ul.goods_2box + p{
text-align:center;padding:10px;
}

#campaign .title{
background:#550080;color:#fff;font-weight:bold;text-align:center;padding:10px;border-radius:5px;margin-bottom:20px;
}

.exp_mes0.t_center > div{
margin-bottom:1%;
}
.exp_mes0.t_center > div > span{
color:#f00;
}
#goods_check > p{
padding:1% 0px;
}
#result .contents_title_f16{
margin-bottom:20px;
}

/**/
.c_red{
color:#e91e63 !important;
}
.c_orange{
color:#fe6a38;font-weight:bold;
}
.notes ul > li > span{
font-weight:bold;
}
strong{
font-weight:bold;font-size:larger;color:#f00;
}
.t_center{
text-align:center;
}
.f_big{
font-size:20px;
}
.f_bold{
font-weight:bold;
}
.f_small{
font-size:10px;
}
ul.ast li{
color:#000;width:96%;
position:relative;padding: 5px 0px 5px 20px;
}
ul.ast li::before {
content: "※";position: absolute;display: block;
font-size: 16px;top: 5px;left: 5px;
}
ul.dot li{
color:#000;width:96%;
position:relative;padding: 5px 0px 5px 20px;
}
ul.dot li::before {
content: "・";position: absolute;display: block;
font-size: 16px;top: 5px;left: 5px;
}

.lo_btn,
div.btn a {
width: 100%;max-width:500px;text-align: center;display: block;text-decoration:none;
padding: 10px;background:#03a9f4;border:3px solid #181041;border-radius:10px;
font-size: 16px;color:#fff !important;font-weight:bold;box-shadow:0 0 6px #fff,0 0 0 2px #f7ff01 inset;
margin:2% auto;cursor:pointer;
}

.lo_btn:hover,
div.btn a:hover{
background:#6dcaf3;border:3px solid #a241ea;color:#fff !important;box-shadow:0 0 12px #fff,0 0 0 2px #f7ff01 inset;
}
.lo_btn.none,
div.btn.none a{
pointer-events:none;
background:#adadad;border:3px solid #84888c;color:#84888c !important;
box-shadow:0 0 6px #ccc,0 0 0 2px #ccc inset;
}
div.btn.none.already a{
color:#fff !important;
}

input[type="checkbox"]{
display:none !important;border:0 !important;margin:0 !important;
}

.input-checkbox{
position:relative;width:260px;color:#0012ff;font-size:16px;
font-weight:700;line-height:30px;letter-spacing:2px;padding:0 0 30px 40px !important;margin:30px auto;z-index:5;
}

.input-checkbox label{
display:inline-block;cursor:pointer;
}

.input-checkbox label:before,
.input-checkbox label:after{
content:"";position:absolute;display:inline-block;transition:transform .2s ease;
}

.input-checkbox label:before{
top:0;left:0;width:30px;height:30px;background-color:#fff;border:2px solid #01d7ff;
border-radius:5px;opacity:0.5;
}

.input-checkbox label:after{
top:-4px;left:10px;width:10px;height:30px;border-right:4px solid transparent;border-bottom:4px solid transparent;
transform:rotate(45deg);transition:border-bottom-color,border-right-color .2s ease;
}

.input-checkbox input[type="checkbox"]:checked + label:before{
opacity:1;
}
.input-checkbox input[type="checkbox"]:checked + label:after{
border-color:#ed1e79;
}

.important_mes{
padding:20px 10px;border:2px solid #87a0e1;margin:30px auto 0px;background:#ffff00;max-width:540px;
}

#goods_check .select_box{
color:#000;text-align:center;margin:2% auto;
}
#goods_check .select_box select{
min-width:100px;outline: none;text-indent:5%;margin-right:1%;
padding:5px;border:3px solid #aaccff;border-radius:10px;font-size:20px;
}

@media (max-width: 799px){
  .main_box,
  .date_box,
  .date_box > ul.date{
  font-size:13px !important;
  }
  .contents_title_f16{
  font-size:16px !important;
  }
  .bg00{
  background-position:center top;
  }
  #campaign .qp_box {
    width:70%;margin:1% auto;display:block;
    font-size:13px;
  }
  .contents_title_f16{
  font-size:16px !important;
  }
  div.btn a{
  font-size:13px;
  }
  .caption > div > dl > dt,
  div.main_box > div > dl > dt{
  font-size:16px;
  }
  dl.sub > dt{
  font-size:13px;
  }
  dl.sub > dd > ul.ast{
    font-size:11px;
  }
  dl.sub > dd > ul.ast li::before{
  font-size:11px;
  }
}
@media (max-width: 720px){
  ul.goods li{
    width:50%;
  }
}

@media (max-width: 599px){
  ul.goods_2box li{
    width:100%;
  }
  ul.goods_2box li.line_1{
  display:none;
  }
}
@media (max-width: 480px){
  .exp_mes0.t_center > div{
  text-align:left !important;
  }
  .input-checkbox{
  width:230px;font-size:14px;line-height:24px;padding:0px 0 20px 30px!important;margin-left:auto;margin-right:auto;
  }
  .input-checkbox label:before{
  width:24px;height:24px;
  }
  .input-checkbox label:after{
  top:-8px;
  }
/*  ul.goods li{
  width:76%;margin:0px auto;
  }
  ul.goods + p{
  text-align:left;
  }
*/
}