@charset "utf-8";
/**
 * rule theme.css 1.2.1
 * Released on: 8,2023
 */
header,
main{
    width: 100%;
    margin: 0px;
    padding: 0px;
}
/*--------------------------------------------------------------
# container Page
--------------------------------------------------------------*/
.container {
    width: 100%;
    margin: 0px auto;
    max-width: 1200px;
    padding-top:20px;
}

@media screen and (max-width: 1119px) {
	.container {
    width: 95%;
    margin: 0px auto;
    padding-top:20px;
	}
}

/*--------------------------------------------------------------
# theme
--------------------------------------------------------------*/
#mv_contents h1 {
    font-size: 150%;
    font-weight: bold;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 25px;
    margin-top: 50px;
    margin-bottom: 5px;
    width: 100%;
}
#mv_contents h2{
    font-weight: bold;
    border-top: 3px solid #CC0033;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin-top: 30px;
    margin-bottom: 15px;
    padding: 15px 15px;
    background: #EAEAEA;
}
#container .rule_header_bg{
    width: 100%;
    margin: 0px auto 0px;
    background-color: rgba(0,0,0,0.1);
    background-image: radial-gradient(#111 20%, transparent 31%), radial-gradient(#111 20%, transparent 31%),url("../../images/rule/photo.jpg");
    background-repeat: repeat,repeat,no-repeat;
    background-size: 4px 4px ,4px 4px ,cover;
    background-position: 0 0, 2px 2px , center center;
}
#container .rule_header_title{
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 40px;
    margin: 0px auto 0px;
    padding: 150px 0px;
    font-weight: bold;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.5), 0px 0px 9px rgba(0,0,0,0.10);
}

#container .rule_gray{
	width: 100%;
	background-color: #e8e8e8;
	margin: 0px!important;
	padding: 60px 0px!important;
}
#container .rule_day_bx{
	width: 100%;
	background-color: #fff;
	margin: 0px auto;
	max-width: 1130px;
	padding: 30px;
	border-radius: 15px;
}

#mv_contents h3,#mv_contents h4{
	font-weight:bold;
}
#mv_wrapper{
    width: 100%;
    max-width: 970px;
    margin: 60px auto 60px;
	
}
#mv_wrapper .content-box-h2{
    font-size: 160%;
}
/* 段組全体枠指定 */
#mv_contents {
    clear: both;
    width: 95%;
    margin: 5px auto 20px;
	}

/* コンテンツ・サイド グループ枠指定 */
#mv_contents_main {
    clear: both;
	width: 95%;
    margin: 0px auto auto;
    padding: 0px;
	}
#mv_contents .policy-area{
	width: 100%;
	padding-top: 5px;
	font-size: 16px;
}
#mv_contents .policy-area {
    margin: 0px;
    color: #575757;
}
#mv_contents .policy-area .item{
	color: #000000;
	font-weight: bold;
}



@media screen and (max-width: 680px) {
#container .rule_header_title{
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 30px;
	margin: 0px auto 0px;
	padding: 60px 0px;
}
#container .rule_gray{
	width: 100%;
	background-color: #e8e8e8;
	margin: 0px!important;
	padding: 30px 0px!important;
}
#container .rule_day_bx{
	width: 90%;
	background-color: #fff;
	margin: 0px auto;
	padding: 20px;
}
#mv_contents .policy-area{
	width: 100%;
	padding-top: 5px;
	text-align: left;
}
#mv_contents .policy-area .item{
	color: #000000;
	width: 100%;
	margin: 0px auto;
	background-color: #F1F1F1;
	text-align: center!important;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC0033;
}
#mv_contents .policy-area .item_join{
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	margin: 5px auto 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
}
	#mv_contents .policy-area span{
	display: none;
		
	}

}
@media screen and (max-width: 420px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
}