@charset "utf-8";

.spNone{ display:none;}
.pcNone{ display:block;}
p,li,dt,dd{ font-size: 100%;}

.dispFlex{ display:block;}


#pageHeader {padding-bottom: 0.4em; padding-top: 0.2em;}
#pageHeader .headerInner h1 img{height:auto; width:100%; padding: 0; padding-right: 3%;}
#pageHeader .headerInner h1 { float:none; width:70%; margin:0 0 0 10px; padding:0.5em 0;}
#pageHeader .headerInner h1 img{ width:auto; height:auto;}
header .headerInner nav.naviBox{
		width:100%;
		height:100%;
		margin:0 auto;
		padding:20px 0 0 0;
		position:fixed;
		top:0;
		right:0;
		background:rgba(0,0,0,0.95);
		text-align:center;
		transform:translateX(100%);
		z-index: 9999;
		transition:all .6s;
}
header .headerInner #menuBtn{
	display:block;
	right: 7px;
	top: 10px;
	width:40px;
	height: 40px;
	cursor:pointer;
	margin:0;
	z-index:10000;
	position:absolute;
	background: url("/files/user/_/lp/lp_2023-24_common/img/menu_open.png")no-repeat;
	background-size: contain;
		
}
 
header #menuBtn.active{
	top: 10px;
	background: url("/files/user/_/lp/lp_2023-24_common/img/menu_close.png")no-repeat;
	background-size: contain;
}

header .headerInner nav.naviBox.active{transform: translateX(0%);overflow-y:scroll;-ms-overflow-style:none;/* IE, Edge 対応 */scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}
#pageHeader .headerInner ul{width: 100%;flex-wrap: wrap;justify-content: center;}
#pageHeader .headerInner li{ width:45%; text-align:center; padding:1em 0;}
#pageHeader .headerInner li img{width: auto;height: 40px;}

/*----------------------------------------------------------------------------
 ***                                                                 mainBox
----------------------------------------------------------------------------*/
.mainBox{background: url(/files/user/_/rules/img/bg_fv_c_sp.jpg);background-position: top center;background-size: cover;background-repeat: no-repeat;}
.mainBox h2{font-size: 100%;padding:96% 0% 10% 0%;}
.mainBox img{width: 95%;}
.mainBox .mainBoxInner .posiA {display: none;}

/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/
.contentsBox{background: none;}
.contentsBox .contentsInner{width: 100%;padding: 1em 0;}
.contentsBox .commonBox{margin: 0 0 4em;}
.contentsBox .commonBox h3{padding: 1em 0em 1em 0;}
.contentsBox .commonBox h3 img{padding: 1em 25% 1em 7%;}

.contentsBox .commonBox .ruleInner{padding: 1em 2em 2em;}
.contentsBox .commonBox .ruleInner h4{font-size: 90%;}
.contentsBox .commonBox .ruleInner h4 img{width: 15%;}
.contentsBox .commonBox .ruleInner h4 span{font-size: 120%;top: 35%;}

.contentsBox .commonBox .ruleInner div p{width: 100%;}
.contentsBox .commonBox .ruleInner .txtBox{width: 100%;padding-top: 1em;margin-bottom: 1em;line-height: 1.8;font-size: 100%;}
.contentsBox .commonBox .rule01 .imgBox{width: 90%;margin: auto;}
.contentsBox .commonBox .rule03 .txtBox p{padding-top: 1em;margin-bottom: 1em;line-height: 1.8;font-size: 90%;}
.contentsBox .commonBox .rule03 .txtBox .subTxt{margin-top: 1em;}
.contentsBox .commonBox .rule03 .txtBox .subTxt p{font-size: 90%;padding-top: 0;margin-bottom: 0.5em;}
.contentsBox .commonBox .rule03 .imgBox{width: 80%;margin: auto;}
.contentsBox .commonBox .rule04 .txtBox .subTxt{margin-top: 1em;padding-top: 1em;}
.contentsBox .commonBox .rule04 .imgBox{width: 70%;margin: auto;}
.contentsBox .commonBox .rule05 .txtBox .subTxt{font-size: 100%;}
.contentsBox .commonBox .rule05 .txtBox .subTxt span{font-size: 100%;}
.contentsBox .commonBox .rule05 .imgBox{width: 70%;margin: auto;}
.contentsBox .commonBox .rule06 h4 span{top:15%;line-height: 1.3; }
.contentsBox .commonBox .rule06 .imgBox{width: 70%;margin: auto;}

.contentsBox #foulBox.commonBox h3{padding: 1em 0em 1em 0;}
.contentsBox #foulBox.commonBox h3 img{padding:1em 30% 1em 7%;}
.contentsBox #foulBox .foulTxt{font-size: 70%;text-align: center;}
.contentsBox #foulBox .foul{margin: 1em 0 1em;}
.contentsBox #foulBox .foul .foulInner{width: 100%;padding:1.5em 1.5em 1em 0 ; margin: 10px 1em;}
.contentsBox #foulBox .foul .foulInner .ttl{font-size: 100%;width: 90%;padding: 0.5em 1.3em 0.5em 1.3em;}
.contentsBox #foulBox .foul .foulInner .txt{padding:2em 0em 1em 1.5em;font-size: 80%;}
.contentsBox #foulBox .foul .foulInner .foulabby{float: right;position: initial;padding: 15px 5px 5px;}
.contentsBox #foulBox .foul .foulInner01{order: 1;}
.contentsBox #foulBox .foul .foulInner01 .foulabby{width: 27%;}
.contentsBox #foulBox .foul .foulInner02{order: 2;}
.contentsBox #foulBox .foul .foulInner02 .foulabby{width: 40%;}
.contentsBox #foulBox .foul .foulInner.foulInner02 .txt{padding:3em 0em 1em 1.5em;}
.contentsBox #foulBox .foul .foulInner03{order: 4;}
.contentsBox #foulBox .foul .foulInner03 .foulabby{width: 26%;}
.contentsBox #foulBox .foul .foulInner04{order: 3;}
.contentsBox #foulBox .foul .foulInner04 .foulabby{width: 23%;}
.contentsBox #foulBox .aten{font-size: 75%;font-weight: 300;line-height: 1.5;padding: 0 2em 0;}


.contentsBox #violBox.commonBox{margin: 0 auto ;}
.contentsBox #violBox.commonBox h3{padding: 1em 0em 1em 0;}
.contentsBox #violBox.commonBox h3 img{padding: 1em 5% 1em 7%;}
.contentsBox #violBox .violTxt{font-size: 70%;text-align: center;}
.contentsBox #violBox .viol{margin: 1em 0em 1em;}
.contentsBox #violBox .viol .violInner{width: 100%;padding:1.5em 1.5em 1em 0; margin: 10px 1em;}
.contentsBox #violBox .viol .violInner .ttl{font-size: 100%;padding: 0.5em 1.3em 0.5em 1.3em;width: 90%;}
.contentsBox #violBox .viol .violInner .txt{padding: 1em 0 1em 1.5em;font-size: 80%;}

.contentsBox #violBox .viol .violInner .violabby{padding:0em 0 0em 1.5em; }
.contentsBox #violBox .viol .violInner01 .violabby img,
.contentsBox #violBox .viol .violInner05 .violabby img,
.contentsBox #violBox .viol .violInner08 .violabby img{width: 25%;}

.contentsBox #violBox .viol .violInner01{order: 1;}
.contentsBox #violBox .viol .violInner02{order: 2;}
.contentsBox #violBox .viol .violInner03{order: 4;}
.contentsBox #violBox .viol .violInner04{order: 3;}
.contentsBox #violBox .viol .violInner05{order: 5;}
.contentsBox #violBox .viol .violInner06{order: 6;}
.contentsBox #violBox .viol .violInner07{order: 8;}
.contentsBox #violBox .viol .violInner08{order: 7;}
.contentsBox #violBox .viol .violInner09{order: 9;}
.contentsBox #violBox .viol .violInner10{order: 10;}
.contentsBox #violBox .viol .violInner11{order: 11;}
/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/
/* linkbox */
#linkBox{padding:5% 0;margin: 0 auto 00px;}
#linkBox dt{ width:85.5%; margin:0 auto 1em;}
#linkBox dd{ font-weight:bold; line-height:2em; text-align:center; color:#FFF; font-size:80%;}
#linkBox dd img{ width:15%; padding:0 2%; height:auto;}


/* footer */
#pageFooter{ background:#E9470B;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:none; width:100%; text-align:center;}
#pageFooter dt{ width:15%; float:none; display:block;margin: auto}
#pageFooter dd{ float:none; display:inline-block; font-size:70%; color:#FFF; padding:2% 0 0 2%;}
#pageFooter  p{ float:none; font-size:70%; color:#FFF; padding-top:2.3%; text-align:center;}


@media screen and (max-width: 950px) and (min-width: 500px){
	#sponsor ul:nth-of-type(2) li img{width: 100%;}
}