@charset "utf-8";

/* ---------------------------------------------------------
rules
---------------------------------------------------------*/

ul.listDisc{
	padding-left:20px;
}

ul.listDisc li{
	list-style-type:disc;
}

.mgnBtm20{
	margin-bottom:20px;
}

.rulesBox01{
	margin-bottom:20px;
}

.rulesBox02{
	padding:0 20px;
	margin-bottom:30px;
}
.rulesBox02_2{
    padding:0 10px;
    margin-bottom:60px;
    box-sizing: border-box;
}

.rulesBox03{
	padding:0 20px;
}

.rulesBox04{
	border:3px solid #e6001b;
	color:#e6001b;
	padding:20px;
	margin-bottom:30px;
}

.rulesBox05{
	border:3px solid #C8C8C8;
	padding:20px;
	margin-bottom:30px;
	background:#F2F2F2;
}

.rulesBox02 p.btm{
	margin-bottom:10px;
}

ul.rulesList01{
	padding-left:15px;
}

ul.rulesList01 li{
	list-style-type:disc;
}

/*2018追加*/
.rulesBox02_2 ul{
/*    width: 88%;*/
    margin: 10px auto;
    padding-left: 4.5em;
}
.rulesBox02_2 li{
    text-indent: -1.5em;
}

/* .closeBtn 20180622追加 */
.closeBtn{
	width: 100%;
	background: #333;
	color: #FFF;
	border: none;
	margin-top: 30px;
	padding: 10px;
}
.closeBtn:hover{
	opacity: 0.8;
}

/* media 600 */
@media screen and (max-width:600px){

	.rulesBox01{
		padding:10px;
	}
	
	.rulesBox02,
    .rulesBox02_2{
		padding:13px;
		margin:0 auto;
		margin-bottom:15px;
	}
    .rulesBox02_2{
        margin-bottom:30px;
    }
	
	.rulesBox03{
		width:100%;
		padding:0;
	}
	
	.rulesBox04{
		margin:0 13px 30px 13px;
	}
	
	.rulesBox05{
		margin-bottom:0;
	}
    .rulesBox02_2 ul{
        padding-left: 1.5em;
    }

}


/* media 480 */
@media screen and (max-width:480px){

	.rulesBox01{
		padding:10px;
	}
	
	.rulesBox02,
    .rulesBox02_2{
		padding:13px;
		margin:0 auto;
		margin-bottom:15px;
	}
	
	.rulesBox03{
		width:100%;
		padding:0;
	}
	
	.rulesBox04{
		margin:0 13px 30px 13px;
	}
	
	.rulesBox05{
		margin-bottom:0;
	}
	
}