@charset "utf-8";

/*---------------------------------------------

ruleページスタイル

-----------------------------------------------*/

@media print, screen and (min-width: 768px) {

/* ▼全体PC */

/* ▼rule PC */
#rule .inner {
	padding: 90px 0 50px 0;
	position: relative;
	box-sizing: border-box;
}

#rule h1 {
	font-size: 24px; font-size: 2.4rem;
	font-feature-settings: "palt" 1;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	color: #830036;
	margin-bottom: 25px;
	position: absolute;
}

#rule h1 span {margin-right: 30px;}

#rule h1 img {
	width: 151px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.pagemenu {
	width: 435px;
	margin: 0 0 45px auto;
}

.pagemenu ul {margin-bottom: 16px;}

.pagemenu li {margin-bottom: 8px;}

.pagemenu li a {
	display: block;
	color: #830036;
	font-weight: bold;
	background: #f2f2f2;
	text-decoration: none;
	text-align: center;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	padding: 10px 0;
}

.pagemenu li a:hover {text-decoration: underline;}

.rulebox {
	padding: 30px 0 40px 0;
	border-top: solid 1px #c9caca;
	position: relative;
}

.rulebox h2 {
	font-size: 24px; font-size: 2.4rem;
	font-feature-settings: "palt" 1;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	color: #830036;
	margin-bottom: 30px;
}

.rulebox h2 span {margin-right: 20px;}

.rulebox h2 img {
	width: 55px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.rulebox li {
	list-style: disc;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 16px 20px;
}

.sikaku {
	border: solid 1px #c9caca;
	padding: 15px;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 26px;
}

.red {
	color: #e83820;
	text-decoration: underline;
}

}

@media only screen and (max-width: 767px) {

/* ▼全体SP */

/* ▼rule SP */
#rule .inner {
	padding: 14vw 0 8vw 0;
	position: relative;
	box-sizing: border-box;
}

#rule h1 {
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	color: #830036;
	text-align: center;
	margin-bottom: 10vw;
}

#rule h1 span {
	display: block;
	margin-bottom: 4vw;
}

#rule h1 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: bottom;
}

.pagemenu {
	width: 100%;
	margin: 0 auto 10vw auto;
}

.pagemenu ul {margin-bottom: 4vw;}

.pagemenu li {margin-bottom: 2vw;}

.pagemenu li a {
	display: block;
	color: #830036;
	font-weight: bold;
	background: #f2f2f2;
	text-decoration: none;
	text-align: center;
	font-size: 3.4vw;
	font-feature-settings: "palt" 1;
	padding: 3vw 0;
}

.pagemenu li a:hover {text-decoration: underline;}

.rulebox {
	padding: 8vw 0 6vw 0;
	border-top: solid 1px #c9caca;
}

.rulebox h2 {
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	line-height: 1.4;
	color: #830036;
	text-align: center;
	margin-bottom: 6vw;
}

.rulebox h2 span {
	display: block;
	width: 14%;
	margin: 0 auto 3vw auto;
}

.rulebox h2 img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: bottom;
}

.rulebox li {
	list-style: disc;
	font-size: 3.6vw;
	line-height: 1.6;
	margin: 0 0 4vw 4vw;
}

.sikaku {
	border: solid 1px #c9caca;
	padding: 3vw;
	font-size: 3.6vw;
	line-height: 1.6;
	margin: 6vw 0 4vw 0;
}

.red {
	color: #e83820;
	text-decoration: underline;
}

}