@charset "utf-8";

/* Reset Style
==================================================*/

* { margin: 0; padding: 0; font-size: 100%; box-sizing: border-box;}
html { height: 100%; margin: 0; padding: 0; line-height: 1; zoom: 1;}
body { height: 100%; margin: 0; padding: 0; font-family:'Noto Sans Japanese', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 1em; zoom: 1; color: #333333;}

hr { display: none; }
img { border: none; line-height: 0; vertical-align: bottom; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin: 0; padding: 0; }
li { list-style-type: none; border: 0; outline: 0; }
address, th, caption, em, dfn { font-style: normal; font-weight: normal; font-size: 100%; }
strong{font-weight: bold;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; font-size: inherit; }

a { color: #fff; text-decoration: none;
}
a:link { color: #fff; text-decoration: none;}
a:visited {}
a:hover { text-decoration: underline;opacity: 0.8;}
a:active { text-decoration: underline;}

img{width:100%;height: auto;}
/* clearfix
============================= */
.clearfix:after {
content: "" ;
display: block ;
clear: both ;
height: 0 ;
visibility: hidden ;
font-size: 0.1em;
line-height: 0;
}
.clearfix { min-height: 1px;}
* html .clearfix {height: 1px;}

/*----------------------------------------------------------------------------
 ***                                                                    共通
----------------------------------------------------------------------------*/
.pcNone{ display:none;}
.spNone{ display:block;}
.dispFlex{ display: flex;}
.posiR{ position: relative;}
.posiA{ position: absolute;}

.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}

.txtColorWh{ color: #ffffff;}
.txtColorOr{ color: #E84709;}
.txtColorBl{ color: #0C3484;}
.txtColorGld{ color: #E2B41E;}
.bgColorWh{ background-color: #ffffff;}
.bgColorOr{ background-color: #E84709;}
.bgColorGr{ background-color: #F7F7F7;}
.bgColorBl{ background-color: #0C3484}
.bgColorGld{ background-color: #E2B41E;}

.radius10{ border-radius: 10px;}

.floatR{ float:right;}
.floatL{ float:left;}
.imgfloatR{ float:right;}
.imgfloatL{ float:left;}


/*----------------------------------------------------------------------------
 ***                                                                  header
----------------------------------------------------------------------------*/
/*header*/
#pageHeader{background:#000;position: sticky;top: 0;z-index: 100;}
#pageHeader .headerInner{padding:0 1%;position: relative;}
#pageHeader .headerInner h1{ float:left;width: 20%;}
#pageHeader .headerInner h1 img{padding:20px 0; width: auto;}
#pageHeader .headerInner ul{display: flex;justify-content: flex-end;float: left;align-items: center;padding: 23px 0 23px 3%;width: 55%;}
#pageHeader .headerInner li{margin: 0 3%;}
#pageHeader .headerInner li a:hover{opacity: 0.8;}
#pageHeader .headerLive{ float:right;width: 25%;display: flex;justify-content:flex-end;}
#pageHeader .headerLive img{padding:15px 5px; max-width: 240px;}

/*----------------------------------------------------------------------------
 ***                                                                  section
----------------------------------------------------------------------------*/
.mainBox{background: url(/files/user/_/rules/img/bg_fv_c.jpg);background-position: top center;background-size: cover;background-repeat: no-repeat;}
.mainBox h2{padding:30% 36% 3% 6%;font-size: 35px;text-align: center;margin: auto;color: #fff;line-height: 1.6;}
.mainBox img{width: 100%;}
.mainBox .mainBoxInner .fv01{bottom: 5%;left: 2%;max-width:702px;width: 40%; }
.mainBox .mainBoxInner .fv02{bottom: 5%;right: 1%;max-width: 1046px;width: 55%;}
.mainBox .mainBoxInner .posiA img{width: 100%;}



/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/

.contentsBox{background: url(/files/user/_/rules/img/bg_contents01.jpg)repeat;background-position: bottom center;background-size: cover;padding: 0em 0 0;}
.contentsBox .contentsInner{background: #000;max-width: 1200px;width: 95%;margin: auto;padding: 1em;}
.contentsBox .contentsInner p,
.contentsBox .contentsInner h4{color: #fff;}
.contentsBox .commonBox{margin: 0em 0 10em;}
.contentsBox .commonBox h3{background: url(/files/user/_/rules/img/bg_contents02.jpg);background-position:center;background-size: cover;padding:4em 5em 4em 0;}
.contentsBox .commonBox h3 img{background: #000;display: block;padding: 2em 30% 2em 7%;width: 80%;}

.contentsBox .commonBox .ruleInner{padding:5em 6em 2em 6em; }
.contentsBox .commonBox .ruleInner h4{position: relative;}
.contentsBox .commonBox .ruleInner h4 img{width: auto;}
.contentsBox .commonBox .ruleInner h4 span{font-size: 30px;padding-left: 1em;position: absolute;top: 39%;bottom: 50%;} 

.contentsBox .commonBox .ruleInner div{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.contentsBox .commonBox .ruleInner div p{width: 50%;}
.contentsBox .commonBox .ruleInner .txtBox{padding-top: 2em;/*font-size: 17px;*/font-size: 25px;line-height: 1.8;}

.contentsBox .commonBox .rule01 .txtBox{width: 35%;} 
.contentsBox .commonBox .rule01 .imgBox{width: 63%;}
.contentsBox .commonBox .rule02 .txtBox{width: 100%;padding-top: 2em;margin-bottom: 2em;} 
.contentsBox .commonBox .rule02 .imgBox{width: 100%;}
.contentsBox .commonBox .rule03 .txtBox{display: block;width: 33%;}
.contentsBox .commonBox .rule03 .txtBox p{font-size: 17px;line-height: 2;width: 100%;}
.contentsBox .commonBox .rule03 .txtBox .subTxt{margin-top: 3em;}
.contentsBox .commonBox .rule03 .txtBox .subTxt p{font-size: 17px;}
.contentsBox .commonBox .rule03 .txtBox .subTxt span{background: #E94709;padding: 0.2em 1em;display: inline-block;margin-right: 10px;line-height: 1;}
.contentsBox .commonBox .rule04 .txtBox{display: block;width: 50%;}
.contentsBox .commonBox .rule04 .txtBox p{width: 100%;}
.contentsBox .commonBox .rule04 .txtBox .subTxt{margin-top: 3em;border-top: 1px solid #fff;padding-top: 3em;}
.contentsBox .commonBox .rule04 .imgBox{width: 45%;}
.contentsBox .commonBox .rule05 .txtBox{display: block;width: 50%;}
.contentsBox .commonBox .rule05 .txtBox p{width: 100%;}
.contentsBox .commonBox .rule05 .txtBox .subTxt{margin-top: 2em;font-size: 20px;line-height: 1.5;}
.contentsBox .commonBox .rule05 .txtBox .subTxt span{font-size: 18px;display: block;margin-bottom: 0.5em;}
.contentsBox .commonBox .rule05 .imgBox{width: 45%;}
.contentsBox .commonBox .rule06 .txtBox{width: 50%;} 
.contentsBox .commonBox .rule06 .imgBox{width: 45%;}

.contentsBox #foulBox.commonBox h3{background: url(/files/user/_/rules/img/bg_contents03.jpg);background-position:center;background-size: cover;padding:4em 5em 4em 0;}
.contentsBox #foulBox .foulTxt{background-color: rgba(233,71,9,0.4);margin: 0;padding: 2em 1em;font-size: 18px;line-height: 1.5;text-align: center;}
.contentsBox #foulBox .foul{display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;margin: 4em 0 1em;}
.contentsBox #foulBox .foul .foulInner{width: 45%;border: 1px solid #e94709;padding: 1.5em 1em 1em 0;position: relative;margin: 10px;}
.contentsBox #foulBox .foul .foulInner.bule{border: 1px solid #00ae9a;}
.contentsBox #foulBox .foul .foulInner .ttl{background: #e94709;width:82%;clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%); color: #000;font-size: 20px;padding: 0.3em 1.3em 0.3em 1.3em;font-weight: bold;}
.contentsBox #foulBox .foul .foulInner.bule .ttl{background: #00ae9a;}
.contentsBox #foulBox .foul .foulInner .txt{padding: 2em 8em 1em 1.5em;line-height: 1.8;font-size: 15px;}
.contentsBox #foulBox .foul .foulInner .foulabby{position: absolute;bottom: 15px;right: 20px;}
.contentsBox #foulBox .foul .foulInner.foulInner02 .txt{padding:2em 14em 1em 1.5em;}
.contentsBox #foulBox .foul .foulInner.foulInner02 .foulabby{right: 15px;}
.contentsBox #foulBox .aten{font-size: 14px;padding:  0 4% 0;}


.contentsBox #violBox.commonBox{margin: 0 auto 5em;}
.contentsBox #violBox.commonBox h3{background: url(/files/user/_/rules/img/bg_contents04.jpg);background-position:center;background-size: cover;padding:4em 5em 4em 0;}
.contentsBox #violBox.commonBox h3 img{padding: 2em 5% 2em 7%;width: 80%;}
.contentsBox #violBox .violTxt{background-color: rgba(0,174,154,0.4);margin: 0;padding: 2em 1em;font-size: 18px;line-height: 1.5;text-align: center;}
.contentsBox #violBox .viol{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;margin: 2em 3em 1em;}
.contentsBox #violBox .viol .violInner{width: 47%;border: 1px solid #e94709;padding: 1.5em 1em 1em 0;margin: 10px;display: flex;flex-direction: column;}
.contentsBox #violBox .viol .violInner.bule{border: 1px solid #00ae9a;}
.contentsBox #violBox .viol .violInner .ttl{background: #e94709;width:82%;clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%); color: #000;font-size: 20px;padding: 0.3em 0 0.3em 1.3em;font-weight: bold;}
.contentsBox #violBox .viol .violInner.bule .ttl{background: #00ae9a;}
.contentsBox #violBox .viol .violInner .txt{padding: 2em 1.5em 1em 1.5em;line-height: 1.8;font-size: 15px;}
.contentsBox #violBox .viol .violInner .violabby {text-align: center;margin-top: auto;}
.contentsBox #violBox .viol .violInner .violabby img{width: auto;max-width: 95%;}


/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/

/* linkbox */
#linkBox{background: #000;padding: 0 1em 5em;}
#linkBox dt{ width:50%; margin:0 auto 2em;}
#linkBox dd{ font-weight:bold; line-height:2em; text-align:center; color:#FFF;font-size: 130%;}
#linkBox dd img{ width:8.9%; padding:0 1%; height:auto;}
#linkBox .ftShBtn{ padding-top:40px;}
#linkBox .shTxt{ color:#FFF; text-align:center; font-size:90%; font-weight:bold;}
#linkBox ul{ text-align:center;}
#linkBox li p{ display:inline-block;}
#linkBox .fb-share-button,
#linkBox .tw-share-button{ font-size:80%; padding:1em 20px 0 20px; line-height:0.8em;}
#linkBox .insImgLi{ padding-top:10px;}
#linkBox .insImgLi img{ width:130px;}


/* footer */
#pageFooter{ background:#E9470B;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:left; width:60%;}
#pageFooter dt{ width:7%; float:left;}
#pageFooter dd{ float:left; font-size:80%; color:#FFF; padding:3% 0 0 2%;}
#pageFooter  p{ float:right; font-size:80%; color:#FFF; padding-top:1.5%;}



@media screen and (max-width: 1200px) and (min-width: 951px){
	#pageHeader .headerInner ul{padding: 0px 0 0px 2%;}
	#pageHeader .headerInner li{padding:3% 2%; }
}