/*システム実装*/

#system .systemlist li{width:auto;}
#system .systemlist .comment{padding:0.5% 0;text-align:center;font-size:1.2rem;}
#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:none;margin-bottom:1.5%;}

.sys_basic{text-align:center;position:relative;}
.sys_basic{margin:0 auto !important;}
.sys_basic li{position:relative;margin:1%;z-index:0;border:1px solid #A18962;}
.sys_basic li:before,.sys_basic li:after,.others:before{position : absolute;content:"";width: 80px;
    height: 82px;z-index:1;background-repeat: no-repeat;display:block;background-size: contain;}
.sys_basic li:before{left:0;top:0;background-image: url(/upload/pub/ivy_gold_L.png);}


.sys_basic article{
z-index:0;padding:3%;margin: 2%;line-height:1.5;overflow:hidden;}
.sys_basic .price{ font-size:2rem;}

.sys_basic .course {background:#000;color:#fff;}
.sys_basic .course01{background-image: url(/upload/pub/o_system01.jpg);background-position:center right;background-repeat:no-repeat;}
.sys_basic .course02{background-image: url(/upload/pub/o_system02.jpg);background-position:center right;background-repeat:no-repeat;}
.sys_basic .course03{background-image: url(/upload/pub/o_system03.jpg);background-position:center right;background-repeat:no-repeat;}
.sys_basic .course article{width:50%}




.others{ position:relative;padding:20px 1%;}
.others article{border:1px solid #A18962;overflow:hidden;padding:4%;}
.others:before{background-image: url(/upload/pub/ivy_gold_L.png);}
.others 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: url(/upload/pub/bg_bk.jpg) center right no-repeat #1C1C1C;padding:1%;color:#fff;}
.howto li.allow {text-align: center; vertical-align: middle; letter-spacing: 1px;}
.howto li.allow::after {content: "▼";color:#CD872A;}


/* 764px以下 */
@media only screen and (max-width: 764px){
.sys_basic li:before,.sys_basic li:after,.others:before{width: 50px;
    height: 51px;}
.sys_basic .course article{width:auto;background:rgba(0,0,0,0.5)}
}
/* 640px以下 */
@media only screen and (max-width: 640px){
  #system .systemlist .comment{text-align:left;font-size:1rem;}
  #system .systemlist .comment2{font-size:0.9rem;}
  #system .systemlist .comment dl{font-size:1rem;}

.sys_basic .course01,.sys_basic .course02,.sys_basic .course03
{background-size:contain;}

.others{margin:0 2%;}
.others article{padding:6%;}

}



































/*見出しタイトルに影*/
h2.pagetitle,h2.subtitle{
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

.subtitle span{text-shadow:none;}










/* スマホ　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%;
}