.Rcont_inner img{
max-width:100%;
}
.red{color:#ff6d7c;}
.blue{color:#4999ff;}


div.cap{
border:4px solid #ffd552;background:#fff;padding:5px 10px;margin-top:10px;
border-radius:15px;
}
.detail > dl{
color:#0d2e57;background:#fff;border:4px solid #ffd552;border-radius:15px;margin:10px auto;
}
.detail > dl > dt{
background:#ffd552;border-radius: 10px 10px 0px 0px;padding:5px;font-size:16px;font-weight:bold;text-align:center;
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;
}
.detail > dl[data-category="error"] > dt{
background:#ff9c51;
}
.detail > dl[data-category="error"] > dd{
text-align:center;color:#ff6c7c;
}
.detail > dl > dd{
padding:10px;
}
.detail > dl > dd > div > p{
font-size:16px;text-align:center;font-weight:bold;margin:10px auto;
}
.detail > dl > dd > p{
background:#ffe79e;padding:5px 10px;font-weight:bold;border-radius:7px;
}
.detail > dl > dd > p + div{
margin:10px;line-height: 1.8;
}
.goods_detail{
display:flex;flex-flow:column;align-items:center;
}

ul.coop_box{
display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;
flex-flow:column;
}

ul.coop_box > li{
padding:5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-flow:column;
}

ul.coop_box > li > img{
max-width:500px;width:100%;
}

.l_btn{
padding:10px 0px !important;
}
p.l_btn,
div.l_btn a{
max-width:730px;display:block;margin:0px auto 2px auto;
background:#ff6a7a;border:3px solid #ff96a1;box-shadow:4px 4px 0 0 #91c1ff;
border-radius:25px;padding:10px;text-decoration:none;color:#32365c;text-align:center;
font-size:16px;font-weight:bold;
}
p.l_btn > span,
div.l_btn a > span{
background:#ffd552;border-radius:25px;padding:2px 10px;display:inline-block;font-weight:normal;text-shadow:none;
}
p.l_btn:hover,
div.l_btn a:hover{
margin-top:6px;margin-bottom:0px;background:#ff96a1;border:1px solid #ff6a7a;box-shadow:0 0 0 3px #ff6a7a inset;
}
.l_btn.none{
pointer-events:none;
}
p.l_btn.none,
div.l_btn.none a{
box-shadow:0 0 0 3px #a7a7a7 inset;color:#000;
text-shadow:1px 1px 0 #a7a7a7, -1px -1px 0 #a7a7a7,-1px 1px 0 #a7a7a7, 1px -1px 0 #a7a7a7,
0px 1px 0 #a7a7a7,  -1px 0 #a7a7a7,-1px 0 0 #a7a7a7, 1px 0 0 #a7a7a7;
background:#ccc;border:2px solid #ccc;
text-align:center;width:calc(100%);max-width:730px;margin:0px auto 2px auto;border-radius:20px;padding:10px;
}
.btn_box{
margin:10px auto;
}

@media screen and (max-width:500px){
  p.l_btn,
  div.l_btn a{
  font-size:12px;
  }
}

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

.input-checkbox{
position:relative;width:260px;color:#f86d72;font-size:16px;font-weight:700;line-height:30px;
letter-spacing:2px;padding:0 0 0 40px;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:.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;}

@media screen and (max-width:480px){
.input-checkbox{width:230px; font-size:14px; line-height:24px; padding:0 0 0 30px;}
.input-checkbox label:before{width:24px; height:24px;}
.input-checkbox label:after{top:-8px;}}


ul.ast li,
ul.dot li,
ul.flow li{
position:relative;padding:5px 0px 5px 20px;
}
ul.flow li{
font-weight:bold;
}
ul.ast li::before,
ul.dot li::before,
ul.flow li::before{
display:block;position:absolute;top:5px !important;left:0;
}
ul.flow li:first-of-type::before {
content: "①";
}
ul.flow li:nth-of-type(2)::before {
content: "②";
}

dl.att > dt:not(:first-of-type){
margin-top:20px;
}
dl.att > dt{
color:#183257;font-weight:bold;background:#ff9c51;padding:5px;border-radius:5px;font-size:16px;
}
dl.att > dd a{
color:#e95d3e;text-decoration:underline;
}
dl.att > dd a:hover{
color:#e91e63;text-decoration:none;
}
div.flow{
background:#ffe79e;color:#4c5c68;border-radius:7px;padding:10px;margin:10px auto;
}

ul.date{
display:flex;position:relative;width:calc(100% - 40px);align-items:center;justify-content:center;padding:10px 0;margin:20px auto;color:#fff;
background:#0c2d57;border-radius:7px;
}
ul.date li{position:relative;color:#fff}
ul.date li:first-child{color:#fff; background:#ff6a7a; font-weight:700; padding:5px 10px; border-radius:7px;}
ul.date li:not(:first-child){font-size:20px; font-weight:900}
ul.date li:not(:first-child) span{font-size:14px; font-weight:700;}
ul.date li:nth-child(2){margin:0 40px 0 10px;}
ul.date li:nth-child(3)::before{display:block;content:"～";position:absolute;left:-28px;top:2px;width:0;height:0;}

@media screen and (max-width:800px){
  ul.date{margin-top:40px;}
  ul.date li:first-child{position:absolute; top:-25px; left:-10px;}
}
@media screen and (max-width:580px){
  ul.date{flex-wrap:wrap;}
  ul.date::after{left:-12px;}
  ul.date li:not(:first-child){width:100%; text-align:center;}
  ul.date li:nth-child(2){margin:0;}
  ul.date li:nth-child(3)::before{left:calc(50% - 130px);}
}
@media screen and (max-width:399px){
  ul.date li:not(:first-child){font-size:16px;}
  ul.date li:not(:first-child) span{font-size:12px;}
  ul.date li:nth-child(3)::before{left:calc(50% - 110px);}
  ul.date{width:100%;}
}

ul.card{
display:flex;position:relative;width:calc(100% - 40px);align-items:center;justify-content:center;padding:10px 0;margin:20px auto;color:#fff;
background:#0c2d57;border-radius:7px;
}
ul.card li{position:relative;color:#fff}
ul.card li:first-child{color:#fff;background:#ff6a7a;padding:5px 10px;border-radius:7px;}
ul.card li:nth-child(2){margin:0 40px 0 10px;}

@media screen and (max-width:580px){
  ul.card{margin-top:40px;}
  ul.card li:first-child{position:absolute; top:-25px; left:-10px;}
}

.title{
font-size:16px;text-align:center;font-weight:bold;margin: 10px auto;
}


@media (min-width: 980px) {
/*====================================================*/
/* leftmenu */
/*====================================================*/
/*カスタマイズメニュー*/
.camp_title.right_title:after{background:url(../../images/p/event/right_ev_campaign.png) no-repeat center left;}
}

@media (max-width: 979px) {
/*====================================================*/
/* right_title */
/*====================================================*/
.camp_title.right_title:after{background:url(../../images/p/event/right_ev_campaign.png) no-repeat center left;}
}
@media (max-width: 800px) {
  ul.ast li,
  ul.dot li,
  ul.flow li{
  padding:5px 0px 5px 18px;
  }
  .detail > dl > dd > div > p.long{
    text-align:left;
  }
  .pc{
    display:none;
  }
  .title{
  text-align:left;
  }

}


@media (max-width: 499px) {
/*====================================================*/
/* right_title */
/*====================================================*/
.right_title:after {
    background-size:100% auto !important;
}
dl.att > dt:not(:first-of-type){
margin-top:20px;
}
.title,
.detail > dl > dt,
.detail > dl > dd > div > p:first-of-type,
.detail > dl > dd > div > p:last-of-type,
dl.att > dt{
font-size:14px;
}
}

.comp{
  text-align:center;
}