/*システム*/

#system .systemlist .comment{padding:0.5% 0;text-align:center;font-size:1.1rem;}
#system .systemlist .comment2{padding:0 0 1%;text-align:left;font-size:1.2rem;}
.systemlist .sys_basic li:last-child{margin:1%;}
#system .systemlist dl{font-weight:bold;border-color:#EEE;margin-bottom:1.5%;}
#system .systemlist dt { width: 60%;}
#system .systemlist dd { width: 38%;}

.sys_basic{display:flex;text-align:center;position:relative;flex-wrap: wrap;}
.sys_basic{margin:0 auto !important;}
.sys_basic li{position:relative;margin:1%;z-index:0;width:48%;;}
.sys_basic li:before,.sys_basic li:after{position : absolute;content:"";width: 80px;
    height: 82px;z-index:10;background-repeat: no-repeat;display:block;background-size: contain;}
.sys_basic .gold:before{left:-5px;top:-5px;background-image: url(/upload/pub/ivy_gold_L.png);}
.sys_basic .gold:after{right:-5px;bottom:-5px;background-image: url(/upload/pub/ivy_gold_R.png);}

.sys_basic .silver:before{left:-5px;top:-5px;background-image: url(/upload/pub/ivy_silver_L.png);
}
.sys_basic .silver:after{right:-5px;bottom:-5px;background-image: url(/upload/pub/ivy_silver_R.png);

}

.sys_basic article{
z-index:0;padding:5%;margin: 0.5%;line-height:1.5;overflow:hidden;}
.sys_basic .price{ font-size:2rem;}
.sys_basic .type{ font-size:1.6rem;}
.sys_basic .gold article{border:1px solid #A18962;}
.sys_basic .gold .type{ color:#A18962;}
.sys_basic .silver article{border:1px solid #7F7F7F;}
.sys_basic .silver .type{ color:#7F7F7F;}



.datecourse{ position:relative;padding:20px 1%;}
.datecourse article{border:1px solid #8D847A;overflow:hidden;padding:2%;}
.datecourse article:before{position:absolute; display:block;width:100%;height:26px;content:"";left:0;top:5px;background-image: url(/upload/pub/ivy_C.png);background-repeat:no-repeat;background-position:center center;background-size:contain;}
.datecourse p{margin:1% 0;}

.sys_li ul,.sys_li2 ul{margin:0 auto;}
.sys_li li{margin-bottom: 3%;}
.sys_li li p{color:#C19622;font-weight: bold;}
.sys_li2 li{margin:1%;}
.sys_li2 li:first-child{font-weight:bold;}

.crecard {width:80%; max-width:800px;margin:auto;}

.howto li p{background:#EFE2C0;padding:1%;color:#000;}
.howto li.allow {text-align: center; vertical-align: middle; letter-spacing: 1px;}
.howto li.allow::after {content: "▼";color:#C59822;}


/* 764px以下 */
@media only screen and (max-width: 764px){
.sys_basic li:before,.sys_basic li:after{width: 50px;
    height: 51px;}
}
/* 640px以下 */
@media only screen and (max-width: 640px){
  .sys_basic{display:block;}
  .systemlist .sys_basic li{width:auto !important;}
  #system .systemlist .comment{text-align:left;font-size:1rem;}
  #system .systemlist .comment2{font-size:0.9rem;}
  .datecourse article:before {height:18px;top:10px;}
}











/* スマホ　460px以下 */
@media only screen and (max-width: 460px){
  img{
    width: 100%;

  }
}

#toppage #main_con ul li article p{
    white-space: inherit;
}
#header .header_info .shop{
    font-size: 0.94rem;
}
body{
background-size:auto;
}

#event .topiclist .day{
display:none;
}

#main_con .block1,#main_con .block2{
display:block;
width:100%;
}
#main_con .block2{/*rightbox*/
padding-left:0%;
}