@charset "UTF-8";
/* -------------------------------------
	規約用CSS
------------------------------------- */
#rule_box,
#ruleBox,
#ruleBox2 {
	/* テーブル */
	/* ICカード乗車券取扱規則 独自CSS */
	/* Suicaポケット利用規約独自CSS */
	/* オートチャージ利用特約独自CSS */
	/* オートチャージに関する特約（ビューカード会員規約）独自CSS */
	/* オートチャージに関する特約（タイプiiマークのあるカード）独自CSS */
	/* モバイルSuica特急券特約独自CSS */
	/* モバイルSuicaによるEX-ICサービスに関する特約独自CSS */
	/* タッチでGo!新幹線独自CSS */
	/* 第22条 URL改行 */
	/* 「Welcome Suica Mobile利用規約・プライバシーポリシー」ページ */
}
#rule_box .list_heading,
#ruleBox .list_heading,
#ruleBox2 .list_heading {
	margin-bottom: 5px;
	color: #008803;
	font-size: 1.6rem;
	font-weight: normal;
}
#rule_box .indentList,
#ruleBox .indentList,
#ruleBox2 .indentList {
	margin-left: 20px;
}
#rule_box p.heading01,
#ruleBox p.heading01,
#ruleBox2 p.heading01 {
	font-weight: bold;
}
#rule_box h1, #rule_box h2, #rule_box h3, #rule_box h4,
#ruleBox h1,
#ruleBox h2,
#ruleBox h3,
#ruleBox h4,
#ruleBox2 h1,
#ruleBox2 h2,
#ruleBox2 h3,
#ruleBox2 h4 {
	font-weight: var(--fw-sb);
}
#rule_box table,
#ruleBox table,
#ruleBox2 table {
	width: auto;
}
#rule_box h1,
#ruleBox h1,
#ruleBox2 h1 {
	margin-bottom: 40px;
	text-align: center;
	font-weight: var(--fw-sb);
	font-size: 2.6rem;
	line-height: 1.3;
	color: var(--color-text);
}
#rule_box h2,
#ruleBox h2,
#ruleBox2 h2 {
	margin-top: 40px;
	margin-bottom: 24px;
	font-weight: var(--fw-sb);
	font-size: 2rem;
	line-height: 1.3;
	color: var(--color-text);
}
#rule_box h3,
#ruleBox h3,
#ruleBox2 h3 {
	margin-top: 24px;
    margin-bottom: 6px;
    font-size: 1.6rem;
}
@media (min-width: 751px) {
	#rule_box h1,
	#ruleBox h1,
	#ruleBox2 h1 {
		font-size: 3.6rem;
		margin-bottom: 80px;
	}
	#rule_box h2,
	#ruleBox h2,
	#ruleBox2 h2 {
		margin-top: 60px;
		margin-bottom: 40px;
		font-size: 2.6rem;
	}
	#rule_box h3,
	#ruleBox h3,
	#ruleBox2 h3 {
		margin-top: 30px;
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
}
#rule_box dl,
#ruleBox dl,
#ruleBox2 dl {
	margin-bottom: 20px;
}
#rule_box dl dt,
#ruleBox dl dt,
#ruleBox2 dl dt {
	font-weight: bold;
}
#rule_box .lrspace,
#ruleBox .lrspace,
#ruleBox2 .lrspace {
	margin-bottom: 20px;
}
#rule_box ol,
#ruleBox ol,
#ruleBox2 ol {
	list-style: decimal;
	margin: 5px 0 10px 0;
	padding: 0;
}
#rule_box ol.no-indent,
#ruleBox ol.no-indent,
#ruleBox2 ol.no-indent {
	margin: 5px 0 10px 0;
}
#rule_box .lrspace + ol,
#ruleBox .lrspace + ol,
#ruleBox2 .lrspace + ol {
	margin: 0 0 20px 0;
}
#rule_box ol li,
#ruleBox ol li,
#ruleBox2 ol li {
	margin: 0 0 5px 1.5em;
	padding: 0;
}
#rule_box ol.no-indent li,
#ruleBox ol.no-indent li,
#ruleBox2 ol.no-indent li {
	margin: 0 0 5px 0;
	padding: 0;
}
#rule_box .numblank,
#ruleBox .numblank,
#ruleBox2 .numblank {
	list-style: none;
}
#rule_box .num_brackets > li,
#ruleBox .num_brackets > li,
#ruleBox2 .num_brackets > li {
	text-indent: -2.7em;
	padding-left: 2.7em;
}
#rule_box .basic-list,
#ruleBox .basic-list,
#ruleBox2 .basic-list {
	list-style-type: disc;
	margin-left: 2em;
}
#rule_box .inden1em,
#ruleBox .inden1em,
#ruleBox2 .inden1em {
	padding-left: 1em;
}
#rule_box .inden2em,
#ruleBox .inden2em,
#ruleBox2 .inden2em {
	padding-left: 2em;
}
#rule_box .inden3em,
#ruleBox .inden3em,
#ruleBox2 .inden3em {
	padding-left: 3em;
}
#rule_box .table01,
#ruleBox .table01,
#ruleBox2 .table01 {
	width: 100%;
}
#rule_box .table03,
#ruleBox .table03,
#ruleBox2 .table03 {
	width: auto;
}
#rule_box .table01 th,
#rule_box .table01 td,
#rule_box .table03 th,
#rule_box .table03 td,
#ruleBox .table01 th,
#ruleBox .table01 td,
#ruleBox .table03 th,
#ruleBox .table03 td,
#ruleBox2 .table01 th,
#ruleBox2 .table01 td,
#ruleBox2 .table03 th,
#ruleBox2 .table03 td {
	border: #ddd 1px solid;
	vertical-align: middle;
}
#rule_box .table01 td,
#rule_box .table03 td,
#ruleBox .table01 td,
#ruleBox .table03 td,
#ruleBox2 .table01 td,
#ruleBox2 .table03 td {
	padding: 10px;
}
@media screen and (max-width: 640px) {
	#rule_box .x-scroll-box,
	#ruleBox .x-scroll-box,
	#ruleBox2 .x-scroll-box {
		overflow-x: scroll;
	}
}
#rule_box .nowrap-item,
#rule_box .nowrap-all *,
#ruleBox .nowrap-item,
#ruleBox .nowrap-all *,
#ruleBox2 .nowrap-item,
#ruleBox2 .nowrap-all * {
	white-space: nowrap !important;
}
#rule_box .offpeak-price,
#ruleBox .offpeak-price,
#ruleBox2 .offpeak-price {
	display: flex;
	align-items: flex-start;
	white-space: nowrap;
	flex-wrap: wrap;
}
#rule_box .offpeak-price td,
#ruleBox .offpeak-price td,
#ruleBox2 .offpeak-price td {
	vertical-align: middle;
}
#rule_box .offpeak-price table tr:nth-of-type(n+2):nth-of-type(-n+30) td,
#ruleBox .offpeak-price table tr:nth-of-type(n+2):nth-of-type(-n+30) td,
#ruleBox2 .offpeak-price table tr:nth-of-type(n+2):nth-of-type(-n+30) td {
	border-top: none;
	border-bottom: none;
}
#rule_box .offpeak-price table tr:last-child td,
#ruleBox .offpeak-price table tr:last-child td,
#ruleBox2 .offpeak-price table tr:last-child td {
	border-top: none;
	border-bottom: 1px solid #ccc !important;
}
#rule_box .offpeak-price table,
#ruleBox .offpeak-price table,
#ruleBox2 .offpeak-price table {
	width: 265px;
	margin: 5px !important;
}
#rule_box .height-space,
#ruleBox .height-space,
#ruleBox2 .height-space {
	height: 10px;
}
#rule_box .suicapocket h2,
#ruleBox .suicapocket h2,
#ruleBox2 .suicapocket h2 {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
}
#rule_box .auto_chrg h2,
#ruleBox .auto_chrg h2,
#ruleBox2 .auto_chrg h2 {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
}
#rule_box .viewcard h2,
#ruleBox .viewcard h2,
#ruleBox2 .viewcard h2 {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
}
#rule_box .type2 h2,
#ruleBox .type2 h2,
#ruleBox2 .type2 h2 {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
}
#rule_box .e-ticket h3,
#ruleBox .e-ticket h3,
#ruleBox2 .e-ticket h3 {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
}
#rule_box .ex-ic h2,
#ruleBox .ex-ic h2,
#ruleBox2 .ex-ic h2 {
	font-size: 1.4rem !important;
	margin-bottom: 0 !important;
}
#rule_box .specialpolicy_main > h3,
#ruleBox .specialpolicy_main > h3,
#ruleBox2 .specialpolicy_main > h3 {
	margin-bottom: 20px;
	font-size: 2rem;
}
#rule_box .specialpolicy_main > p,
#ruleBox .specialpolicy_main > p,
#ruleBox2 .specialpolicy_main > p {
	margin-bottom: 30px;
}
#rule_box img,
#ruleBox img,
#ruleBox2 img {
	width: auto;
}
#rule_box table,
#ruleBox table,
#ruleBox2 table {
	margin: 10px 0 30px;
}
#rule_box th, #rule_box td,
#ruleBox th,
#ruleBox td,
#ruleBox2 th,
#ruleBox2 td {
	border: 1px solid #ccc;
	padding: 2px 8px;
}
@media screen and (max-width: 640px) {
	#rule_box ul li.kaigyou,
	#ruleBox ul li.kaigyou,
	#ruleBox2 ul li.kaigyou {
		word-wrap: break-word;
	}
}
#rule_box .second-h1,
#ruleBox .second-h1,
#ruleBox2 .second-h1 {
	margin-top: 4em;
}
#rule_box .lead-txt,
#ruleBox .lead-txt,
#ruleBox2 .lead-txt {
	margin-bottom: 2em;
}

.suica-titlelogo {
	display: inline-block;
	width: 5.666em;
	height: auto;
	margin: 0 0.4em;
	vertical-align: middle;
	translate: 0 -0.2em;
}
/*# sourceMappingURL=rule_2025new.css.map */