.l-section:first-of-type {
  min-height: 700px;
}
.l-section:first-of-type:lang(ja) {
  min-height: 500px;
}

@media (min-width: 1200px) {
	.l-container {
		padding-left:  clamp(10px, calc((100vw - 1200px) * 0.1 + 10px), 3rem);
		padding-right: clamp(10px, calc((100vw - 1200px) * 0.1 + 10px), 3rem);
		overflow-x: visible;
	}
}


/*---------------------------------------------*/
/*  レイアウト：1200px以上は２カラム           */
/*---------------------------------------------*/
.l-rules--2col {
	margin-top: 40px;
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}
.l-rules--2col::after {
	content:'';
	display:block;
	clear:both;
}

@media screen and (min-width: 1200px) {
  .l-rules__sidebar.c-rulesNav { display: block; }
  .c-mobileSidebar  { display: none;  }
}
/*---------------------------------------------*/
/*  左側ローカルメニュー                        */
/*---------------------------------------------*/
.l-rules__sidebar {
	position: sticky;
	top: 100px;
	flex: 0 0 250px;
	max-height: calc(100vh - 120px);
	min-height: 700px;
	align-self: flex-start;
	width: 250px;
	min-width: 250px;
}
.l-mypage__sidebar:lang(ja) {
	min-height: 500px;
}
.l-rules__main {
	flex: 1;
	width: 930px;
}

.l-rules__sidebar.c-rulesNav {
	margin-top:-15px;
}

.l-rules__sidebar nav {
	margin-bottom: 34px;
	padding-right: 10px;
}
.l-rules__sidebar nav span.sub-title {
	display: block;
	margin-top:20px;
	margin-bottom: 6px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12.6px;
	line-height: 1.6em;
	color: var(--color-nkblue);
}
.l-rules__sidebar nav a,
.l-rules__sidebar nav span.is-current,
.l-rules__sidebar nav .is-current,
.l-rules__sidebar nav .is-current2 {
	display: inline-block;
	width: 180px;
	min-height: 34px;
	line-height: 34px;
	font-size: 14px;
	padding: 0 15px 0 32px;
	text-decoration: none;
	margin: 0 0 9px;
	color: var(--color-nkblue);
	background-color: #f5f5f5;
	background-image: url("/hp/common_image/rules/15_sidemenu_14px_56px.svg");
	background-size: 14px 56px;
	background-repeat: no-repeat;
	background-position: 10px 4px;
}
.l-rules__sidebar nav a.is-current {
	color: #fff;
	background-color: var(--color-nkblue);
	background-position: 10px -24px;
	cursor: default;
}

/* hover 時のアイコンだけ Y オフセットを維持 */
.l-rules__sidebar nav a:hover,
.l-rules__sidebar nav .is-current:hover,
.l-rules__sidebar nav .is-current2:hover {
	color: #fff;
	background-color: var(--color-nkblue);
	background-position: 10px -24px;
}
/* 通常リンクだけ：白矢印が覗かないよう下側をマスク */
.l-rules__sidebar nav a:not(.is-current):not(.is-current2) {
	background-image: linear-gradient(to bottom, transparent 0 32px, #f5f5f5 32px 100%), url("/hp/common_image/rules/15_sidemenu_14px_56px.svg");
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, 14px 56px;
	background-position: 0 0, 10px 4px;
}
/* ホバー時：背景色が青になるのでマスク色も青に変更、白矢印へオフセット */
.l-rules__sidebar nav a:not(.is-current):not(.is-current2):hover {
	background-image: linear-gradient(to bottom, transparent 0 32px, var(--color-nkblue) 32px 100%), url("/hp/common_image/rules/15_sidemenu_14px_56px.svg");
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, 14px 56px;
	background-position: 0 0, 10px -24px;
}


.l-rules__sidebar nav span.sub-title {
	width: 240px;
	padding:0;
	letter-spacing: -0.03em; 
}

/*---------------------------------------------*/
/*  モバイルメニュー         　               */
/*---------------------------------------------*/
@media screen and (max-width: 1199px) {
	.l-rules--2col {
		display: block;
	}
	.l-rules__sidebar.c-rulesNav {
		display: none;
	}
	
	.l-rules__main {
		width: 100%;
	}

	.c-mobileSidebar {
	  margin-bottom: 20px;
	  border: 1px solid #e6e6e6;
	  background-color: #f5f5f5;
	}
	
	.c-mobileSidebar__summary {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 12px 15px;
	  font-size: 16px;
	  cursor: pointer;
	  list-style: none;
	}
	.c-mobileSidebar__summary::after {
	  content: '＋';
	}
	.c-mobileSidebar[open] .c-mobileSidebar__summary::after {
	  content: '－';
	}
	
	/* ナビ部分：閉じ時は非表示、開時はグリッド表示 */
	.c-mobileSidebar__nav {
	  display: none;
	}
	.c-mobileSidebar[open] .c-mobileSidebar__nav {
	  display: grid;
	  gap: 15px;
	
	  /* ← 追加：左右 15px の余白を確保 */
	  padding: 0 15px 30px 15px;
	}
	/* セクションタイトルを独立１行にする */
	.c-mobileSidebar__sectionTitle {
	  display: block;
	  grid-column: 1 / -1;     /* グリッドの最左～最右まで広げる */
	  padding: 15px 15px 0 15px;      /* ← 左右15px */
	  font-weight: bold;
	  color:  var(--color-nkblue);
	}
	
	/* 各リンクを白背景パネル化 */
	.c-mobileSidebar__nav a {
	  display: flex;
	  align-items: center;
	  gap: 8px;                /* 矢印とテキスト間隔 */
	  padding: 8px 15px;      /* ← 左右を15pxに */
	  background-color: #fff;
	  border: 1px solid #ddd;
	  border-radius: 4px;
	  color: var(--color-nkblue);
	  text-decoration: none;
	}
	.c-mobileSidebar__nav a.is-current {
		color: #fff;
		background-color: var(--color-nkblue);
		border-color: var(--color-nkblue);
		pointer-events: none;
	}
	.c-mobileSidebar__nav a:hover {
		color: #fff;
		background-color: var(--color-nkblue);
	}
}

/*------------------------------*/
/* モバイル：グリッド列数切替  */
/*------------------------------*/
/* 幅 1024px 〜 1199px → 3列 */
@media screen and (max-width: 1199px) and (min-width: 1024px) {
  .c-mobileSidebar[open] .c-mobileSidebar__nav {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* 幅 600px 〜 1023px → 2列 */
@media screen and (max-width: 1023px) and (min-width: 600px) {
  .c-mobileSidebar[open] .c-mobileSidebar__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 幅 599px 以下 → 1列 */
@media screen and (max-width: 599px) {
  .c-mobileSidebar[open] .c-mobileSidebar__nav {
    grid-template-columns: 1fr;
  }
}








/*---------------------------------------------*/
/*  規則表
/*---------------------------------------------*/
#rulesSection .l-rules-dllist  h3 {
    width: 930px;
    height: 37px;
    
    position: relative;
    
	margin: 0;
    padding: 0 0 2px 0;
	
/* 背景色を黒と白の縦に斜めに分ける 
    background: linear-gradient(  -135deg, white 42%, #005eae 42%);
 */
	background-color: var(--color-nkblue);
	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
}
#rulesSection .l-rules-dllist h3::before { 
    content: none;
}
#rulesSection .l-rules-dllist h3 + dl {
	margin-top: 0;
}
#rulesSection .l-rules-dllist h3::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 16px;
    background-color: var(--color-nkblue);
	z-index: 1;
}
#rulesSection .l-rules-dllist h3 span {
    position: absolute;
	padding-top: 3px;
	font-size: 18px;
	line-height: 34px;
	font-weight: bold;
	color: #fff;
	margin-left: 15px;
	z-index: 2;
}
#rulesSection .l-rules-dllist h3 span.hull {
	padding-left: 30px;
	background-image: url("/hp/common_image/rules/10_hull.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 3px;
}
#rulesSection .l-rules-dllist h3 span.engine {
	padding-left: 30px;
	background-image: url("/hp/common_image/rules/11_engine.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 2px;
}
#rulesSection .l-rules-dllist h3 span.table {
	padding-left: 30px;
	background-image: url("/hp/common_image/rules/12_table.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 2px;
}
#rulesSection .l-rules-dllist h3 span.txt {
	padding-left: 30px;
	background-image: url("/hp/common_image/rules/13_txt.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 0px;
}
#rulesSection .l-rules-dllist h3 span.outft {
	padding-left: 33px;
	background-image: url("/hp/common_image/rules/13_2_Outfitting.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 0px;
}
#rulesSection .l-rules-dllist h3 span.fact {
	padding-left: 33px;
	background-image: url("/hp/common_image/rules/13_3_Facility.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 0px;
}
#rulesSection .l-rules-dllist h3 span.struct {
	padding-left: 30px;
	background-image: url("/hp/common_image/rules/13_4_structure.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 0px;
}
#rulesSection .l-rules-dllist h3 span.mc {
	padding-left: 33px;
	background-image: url("/hp/common_image/rules/13_7_mc.svg");
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0px 2px;
}
#rulesSection .l-rules-dllist h3 span.inspect {
	padding-left: 35px;
	background-image: url("/hp/common_image/rules/13_5_inspection.svg");
	background-repeat: no-repeat;
	background-size: 34px 34px;
	background-position: 0px 0px;
}
#rulesSection .l-rules-dllist h3 span.material {
	padding-left: 35px;
	background-image: url("/hp/common_image/rules/13_6_material.svg");
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 0px 4px;
}


/*---------------------------------------------*/
/*  規則表  横幅930px
/*  パターン1   658px(100%-50px)   217px(100px, 100px)
/*---------------------------------------------*/
.c-rules-dllist {
	position: relative;
	width: 930px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	padding: 20px 0;
	background-color: #e6e6e6;
}
.c-rules-dllist dt {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 0 22px;
	width: 126px;
	font-size: 13px;
	line-height: 2.0em;
	color: #ffffff;
	margin: 0;
}

.c-rules-dllist dt span
{ 
	display: block;
	background-color: #fff;
	color: #595757;
	
	padding: 4px 15px 4px 15px;
	width: calc(100% - 40px);
	
	font-size: 14px;
	line-height: 20px;
	/* はみ出し部分を隠す */
	overflow: hidden;
	white-space: nowrap;
}
.c-rules-dllist__link2 span,
.c-rules-dllist__link4 span {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #fff;
	color: #595757;
}
.c-rules-dllist dt.c-rules-dllist__link--small,
.c-rules-dllist dt.c-rules-dllist__w508,
.c-rules-dllist dt.c-rules-dllist__w518,
.c-rules-dllist dt.c-rules-dllist__w544,
.c-rules-dllist dt.c-rules-dllist__w564,
.c-rules-dllist dt.c-rules-dllist__w633,
.c-rules-dllist dt.c-rules-dllist__w658,
.c-rules-dllist dt.c-rules-dllist__w708,
.c-rules-dllist dt.c-rules-dllist__wFull,
.c-rules-dllist dd.c-rules-dllist__wFull
{
	padding-top: 4px;
	white-space: nowrap;
}
.c-rules-dllist dt.c-rules-dllist__w508 {	width: 508px;	}
.c-rules-dllist dt.c-rules-dllist__w518 {	width: 518px;	}
.c-rules-dllist dt.c-rules-dllist__w544 {	width: 544px;	}
.c-rules-dllist dt.c-rules-dllist__w564 {	width: 564px;	}
.c-rules-dllist dt.c-rules-dllist__w633 {	width: 633px;	}
.c-rules-dllist dt.c-rules-dllist__w658 {	width: 658px;	}
.c-rules-dllist dt.c-rules-dllist__w708 {	width: 708px;	}
.c-rules-dllist dt.c-rules-dllist__wFull	{	width: 880px;	}
.c-rules-dllist dd.c-rules-dllist__wFull {
	width: 870px;
	padding-left: 16px;
}
.c-rules-dllist dd.c-rules-dllist__wFull a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 5px 4px 40px;
    font-size: 14px;
    color: var(--color-nkblue);
    line-height: 20px;
	/* はみ出し部分を隠す */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    text-decoration: none;
    background: #fff url("/hp/common_image/rules/09_download.svg") no-repeat 10px 0;
    background-size: 26px 52px;
}
.c-rules-dllist dd.c-rules-dllist__wFull a:hover {
    background-color: var(--color-nkblue);
    color: #fff;
    background-position: 10px -26px;
    text-decoration: none;
}

.c-rules-dllist dd {
	display: flex;
	align-items: center;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0;
}

.c-rules-dllist .c-rules-dllist--narrow dd {
	margin-left: 5px;
}
.c-rules-dllist dd a {
	display: block;
	font-size: 13px;
	line-height: 2.0em;
	color: var(--color-nkblue);
	padding: 9px 0 9px 20px;
	width: 602px;
	background-color: #f5f5f5;
	text-decoration: underline;
}
.c-rules-dllist dd a:hover {
	color: #231815;
	background-color: #e6e6e6;
	text-decoration: none;
}


#rulesSection dd.c-rules-dllist__w62 span,
#rulesSection dd.c-rules-dllist__w72 span,
#rulesSection dd.c-rules-dllist__w100 span,
#rulesSection dd.c-rules-dllist__w364 span,
#rulesSection dd.c-rules-dllist__w508 span,
#rulesSection dd.c-rules-dllist__w518 span,
#rulesSection dd.c-rules-dllist__w590 span {
	box-sizing: border-box;
	width: 100%;
	font-size: 14px;
	background: #fff;
	line-height: 20px;
	text-align: center;
}
#rulesSection dd.c-rules-dllist__w508 span,
#rulesSection dd.c-rules-dllist__w518 span,
#rulesSection dd.c-rules-dllist__w590 span{
	text-align: left;
}


/* 見出しセル・バッジセル */
#rulesSection dl.c-rules-dllist dt span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download--small span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download-en span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download2 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__linkWide span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__wFull span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w62 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w72 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w100 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w364 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w508 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w518 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w590 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link--small span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link3 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link4 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-movie span.c-rules-dllist__title {
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background-color: #595757;
}

#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download--small,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download-en,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download2,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__linkWide,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w62,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w72,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w100,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w364,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w508,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w518,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w590,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__wFull,
#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-latest,
#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-draft,
#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-draft2,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link3,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link4,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-movie{
	padding-top: 4px;
}
.c-rules-dllist__download {
	width: 210px;
	padding: 0 0 0 12px;
}
.c-rules-dllist__download--small {
	width: 186px;
	padding: 0 0 0 4px;
}
.c-rules-dllist__download-en {
	width: 160px;
	padding: 0 0 0 12px;
}
.c-rules-dllist__download2 {
	width: 230px;
	padding: 0 0 0 12px;
}
.c-rules-dllist__w62 {
	width: 62px;
	padding: 0 0 0 4px;
}
.c-rules-dllist__w72 {
	width: 72px;
	padding: 0 0 0 4px;
}
.c-rules-dllist__w100 {
	width: 100px;
	padding: 0 0 0 4px;
}
.c-rules-dllist__w364 {
	width: 364px;
	padding: 0 0 0 4px;
}
.c-rules-dllist__w508 {
	width: 508px;
	padding: 0 0 0 12px;
}
.c-rules-dllist__w518 {
	width: 518px;
	padding: 0 0 0 12px;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w590 {
	width: 590px;
	margin-left: 4px;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download--small span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download-en span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__download2 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w62 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w72 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w100 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w364 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w508 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w518 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__w590 span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link3 span.c-rules-dllist__title,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link4 span.c-rules-dllist__title{
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	box-sizing: border-box;
}
.c-rules-dllist__w508 span,
.c-rules-dllist__w518 span,
.c-rules-dllist__w590 span {
	padding: 4px 8px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.c-rules-dllist__w633 span {
	text-overflow: ellipsis;
}
/*
#rulesSection dl.c-rules-dllist dd span:empty::before {
	content: "\00a0";
	display: block;
}
 */

@media screen and (max-width:1199px) {
	.l-rules--2col .l-rules__main {
		float: none!important;
		width: 100%!important;
	}

	/* dt・dd は幅固定で折り返し防止 */
	#rulesSection dl.c-rules-dllist dt,
	#rulesSection dl.c-rules-dllist dd {
		flex: 0 0 auto;
	}

}



.c-rules-dllist__link {		width: 100px;	}
#rulesSection dl.c-rules-dllist .c-rules-dllist__link--small {		width: 88px;	}
.c-rules-dllist__link2{		width: 41px;	}
.c-rules-dllist__link3{		width: 88px;	}
.c-rules-dllist__link-en {	width: 160px;	}
.c-rules-dllist__link4{		width: 78px;	}


#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link a,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link--small a,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2 a,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link3 a,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en a,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__pdf  {
	box-sizing: border-box;
	width: 100%;
	padding:4px 5px 4px 27px;
	font-size: 14px;
	color: var(--color-nkblue);
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background: #fff url("/hp/common_image/rules/09_download.svg") no-repeat 10px 0;
	background-size: 26px 52px;
}
.c-rules-dllist__link--small a {
	letter-spacing: 4px;
}
.c-rules-dllist__link--left a{
	background-position: 3px 0!important;
}
.c-rules-dllist__link--left a:hover{
	background-position: 3px -26px!important;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link a:hover,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link--small a:hover,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2 a:hover,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link3 a:hover,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en a:hover {
	background-color: var(--color-nkblue);
	color: #fff;
	background-position: 10px -26px;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2 a{
	/* テキストを見えなくする */
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
}
.c-rules-dllist__title:empty::before {
	content: "\00a0";
	display: block;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link span:empty,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link2 span:empty,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link4 span:empty,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link--small span:empty,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en span:empty {
/*	display: none; */
	display: block; 
	height: 100%;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link--small span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en span {
	display: block;
	width: 100%;
	box-sizing:	border-box;
	background-color: #fff;
	color: var(--color-nkblue);
	line-height: 20px;
	text-align: center;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-small span,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en span {
	padding: 4px 0 4px 32px;
}

/* dd のコンテナ自体に dt と同じ上パディングを設定 */
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link--small,
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-en {
	padding-top: 4px;
}

#rulesSection dl.c-rules-dllist dd.c-rules-dllist__linkWide {
	width: 230px;
	padding-top: 4px;
}

#rulesSection dl.c-rules-dllist dd.c-rules-dllist__linkWide a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 4px 5px 4px 40px;
	font-size: 14px;
	color: var(--color-nkblue);
	line-height: 20px;
	text-align: left;
	text-decoration: underline;
	background: #fff url("/hp/common_image/rules/09_download.svg") no-repeat 10px 0;
	background-size: 26px 52px;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__linkWide a:hover {
	background-color: var(--color-nkblue);
	color: #fff;
	background-position: 10px -26px;
	text-decoration: none;
}
#rulesSection dl.c-rules-dllist dd.c-rules-dllist__link-movie a{
	background-image: url("/hp/common_image/rules/09_youtube_40_52.svg");
	background-repeat: no-repeat;
	background-size: 40px 52px;
	background-position: 10px 0px;
}


.c-rules-dllist__note {
	font-size: 0.8em;
	margin-left: 16px;
}





.c-rules-download-info {
	display: flex;
	flex-wrap: nowrap;
	display: block;
	width: 930px;
	padding: 13px 0 20px 0;
	
	background-color: #e6e6e6;
	margin-bottom: 10px;
}
.c-rules-download-info > div {
	/* dt.width658 + dd margin-left10 + dd.width210 */
	width: calc(658px + 10px + 210px);
	margin-left: 22px; /* dt の padding-left と合わせる */
	padding: 25px;
	background-color: #fff;
	box-sizing: border-box;
}

.c-rules-download-info__intro,
.c-rules-download-info__description {
	display: block;
	font-size: 14px;
	line-height: 1.6em;
}
.c-rules-download-info__intro { padding: 0 0 27px 0;}
.c-rules-download-info__description { padding:  3px 0 7px 0;}


.c-rules-dllist dt.c-rules-dllist__title-latest {
	width: 550px;
}
.c-rules-dllist dt.c-rules-dllist__title-draft {
	width: 646px;
}
.c-rules-dllist dt.c-rules-dllist__title-draft2 {
	width: 785px;
}
.c-rules-dllist dt.c-rules-dllist__title-draft-en {
	width: 580px;
}
.c-rules-dllist dt.c-rules-dllist__title-draft-en2 {
	width: 821px;
}
/* ──────────────────────────────────────
   ステークホルダー題字行のスタイル
─────────────────────────────────────── */
#rulesSection .c-rules-dllist-wrap {
	position:		relative;
	width: 930px;
}
#rulesSection .c-rules-dllist__stakeholder-label {
	display:		block;
	position:		absolute;
	font-size:		11px;
	line-height:	1.8em;
	width:			365px;
	text-align:		center;
	right:			30px;
	top:			5px;
	z-index:		5;
	padding:		0;
}
#rulesSection .c-rules-dllist__stakeholder-label-right {
	display:		block;
	position:		absolute;
	font-size:		11px;
	line-height:	1.8em;
	text-align:		right;
	right:			35px;
	top:			5px;
	z-index:		5;
	padding:		0;
}
#rulesSection .c-rules-dllist__stakeholder-label-draft {
	display:		block;
	position:		absolute;
	font-size:		11px;
	line-height:	1.8em;
	text-align:		right;
	right:			72px;
	top:			5px;
	z-index:		5;
	padding:		0;
}
#rulesSection .c-rules-dllist-wrap .c-rules-dllist dd.c-rules-dllist__link4 .c-rules-dllist__title--fill {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-draft-en {
	line-height: normal;
}

#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-draft-en > span.c-rules-dllist__title--fill {
	height: 32px;
	margin-top: 4px;
	font-size: 11px;
	line-height: 16px;
}

#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-draft-en span,
#rulesSection dl.c-rules-dllist dt.c-rules-dllist__title-draft-en2 span
{
	margin-top: 4px;
}

.p-ps-classification-rules-amend dl.c-rules-dllist dt + dd,
.p-ps-classification-rules-draft dl.c-rules-dllist dt + dd  {
	margin-left: 4px!important;
}
.p-ps-classification-rules-amend dl.c-rules-dllist dt.c-rules-dllist__wFull + dd {
	margin-left: 10px!important;
}



.p-ps-classification-rules-amend dl.c-rules-dllist .c-rules-dllist__link2,
.p-ps-classification-rules-amend dl.c-rules-dllist .c-rules-dllist__link3,
.p-ps-classification-rules-draft dl.c-rules-dllist .c-rules-dllist__link2,
.p-ps-classification-rules-draft dl.c-rules-dllist .c-rules-dllist__link4 {
	margin-left: 6px;
}