From 80b8578a69583c7e50da0f279caf373f7ec985e2 Mon Sep 17 00:00:00 2001
From: Appbird <project.appbird@gmail.com>
Date: Sat, 4 Sep 2021 21:14:28 +0900
Subject: [PATCH 1/3] resolve #25

---
 src/ts/client/view/parts/RuleIndexPart.ts | 24 ++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/ts/client/view/parts/RuleIndexPart.ts b/src/ts/client/view/parts/RuleIndexPart.ts
index c985281..31afc69 100644
--- a/src/ts/client/view/parts/RuleIndexPart.ts
+++ b/src/ts/client/view/parts/RuleIndexPart.ts
@@ -2,7 +2,7 @@ import { choiceString } from "../../../utility/aboutLang";
 import { elementWithoutEscaping } from "../../../utility/ViewUtility";
 import { AppliedRuleClassResolved, RuleAttributeAndAppliedClassInfo } from "../../../type/api/gameRule/RuleAttributeAndAppliedClassInfo";
 import { LanguageInApplication } from "../../../type/LanguageInApplication";
-import { findElementByClassNameWithErrorPossibility } from "../../utility/aboutElement";
+import { appendElement, findElementByClassNameWithErrorPossibility } from "../../utility/aboutElement";
 const contents={
     ruleName:{
         Japanese: "ルールの属性",
@@ -75,21 +75,23 @@ export class RuleIndexPart {
             <div>
         `);
         const ruleIndexItemsSegment = findElementByClassNameWithErrorPossibility(ruleIndexSegment,"__list")
-        for (const {ruleInfo,onClick} of this.rules){
-            ruleIndexItemsSegment.appendChild(elementWithoutEscaping`
-                <div class="__item">
-                    <div>
-                    <i class="${ruleInfo.rule.iconCSS}"></i> ${ruleInfo.rule.title}
-                    ${(ruleInfo.rule.note || 0) !== 0 ? ` <i class="u-redChara u-bolderChara">${choiceString(contents.annotated, this.language)}</i>` : ""}</div> <div class="__classItems">${this.generateClassDescriptionInRuleIndex(ruleInfo.appliedClass, this.language)}</div>
-                </div>
-            `).addEventListener(`click`, onClick)
-        }
+        this.rules.forEach(({ruleInfo,onClick},index) => {
+                ruleIndexItemsSegment.appendChild(elementWithoutEscaping`
+                    <div class="__item">
+                        <div>
+                        <i class="${ruleInfo.rule.iconCSS}"></i> ${ruleInfo.rule.title}
+                        ${(ruleInfo.rule.note || 0) !== 0 ? ` <i class="u-redChara u-bolderChara">${choiceString(contents.annotated, this.language)}</i>` : ""}</div> <div class="__classItems">${this.generateClassDescriptionInRuleIndex(ruleInfo.appliedClass, this.language)}</div>
+                    </div>
+                `).addEventListener(`click`, onClick)
+                if (index !== this.rules.length - 1)appendElement(ruleIndexItemsSegment,"hr","u-thin")
+            }
+        )
     }
     private generateClassDescriptionInRuleIndex(appliedClass: AppliedRuleClassResolved[], language: LanguageInApplication) {
         return appliedClass.map(ruleClass => `
             <div>
                 ${this.generateCSSIcons(ruleClass)}
-                <div class="u-bolderChara u-inline u-underline">${ruleClass.title}</div>
+                <div class="u-bolderChara u-inline">${ruleClass.title}</div>
                 <br>
                 <div class="u-charaSpace_1em"></div>[${ruleClass.scope || choiceString(contents.noScope,language)}]`
                     + `${(ruleClass.note?.length || 0) !== 0 ? ` <i class="u-redChara u-bolderChara">${choiceString(contents.annotated, language)}</i>` : ""}

From 4b500b5005ef04bfeff76d256f744e9332068714 Mon Sep 17 00:00:00 2001
From: Appbird <project.appbird@gmail.com>
Date: Sat, 4 Sep 2021 23:54:30 +0900
Subject: [PATCH 2/3] resolve #27

---
 public/css/common.css                          | 11 ++++++++++-
 public/css/common.css.map                      |  2 +-
 src/scss/foundation/hr.scss                    |  2 +-
 src/scss/object/component/ruleDescription.scss |  1 +
 src/scss/object/utility/flex.scss              |  4 ++++
 src/scss/object/utility/underline.scss         |  3 +++
 6 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/public/css/common.css b/public/css/common.css
index b568ee3..7d8372e 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -568,7 +568,7 @@ hr {
 }
 
 hr.u-bold {
-  height: 5px;
+  height: 3px;
 }
 
 hr.u-thin {
@@ -1685,6 +1685,11 @@ article h1:not(.u-noUnderline):after {
   justify-content: center;
 }
 
+.u-flex-nowrap {
+  display: flex;
+  flex-wrap: nowrap;
+}
+
 .u-font--ForNumber {
   font-family: "Montserrat", sans-serif;
 }
@@ -1760,6 +1765,10 @@ article h1:not(.u-noUnderline):after {
   border-bottom: 2px solid #131313;
 }
 
+.u-underline_text {
+  text-decoration: underline;
+}
+
 .u-inline {
   display: inline-block;
 }
diff --git a/public/css/common.css.map b/public/css/common.css.map
index 9ed3ca6..a152157 100644
--- a/public/css/common.css.map
+++ b/public/css/common.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/scss/_common.scss","../../src/scss/tagify/tagify.scss","../../src/scss/choicesjs/choices.scss","../../src/scss/notie/overwrite.scss","../../src/scss/foundation/li.scss","../../src/scss/foundation/body.scss","../../src/scss/foundation/hr.scss","../../src/scss/foundation/p.scss","../../src/scss/layout/a.scss","../../src/scss/layout/header.scss","../../src/scss/layout/main.scss","../../src/scss/layout/scrollBar.scss","../../src/scss/layout/pageSequenceAnimation.scss","../../src/scss/object/component/operationButton.scss","../../src/scss/object/component/inlineSpace.scss","../../src/scss/object/component/radioButton.scss","../../src/scss/object/component/icooon.scss","../../src/scss/object/component/userIcon.scss","../../src/scss/object/component/c-ballon.scss","../../src/scss/object/component/c-loadingSpinner.scss","../../src/scss/object/component/moviePlaceHolder.scss","../../src/scss/object/component/textInput.scss","../../src/scss/object/component/iconWithDescription.scss","../../src/scss/object/component/recordCard.scss","../../src/scss/object/component/recordCardsGroup.scss","../../src/scss/object/component/stateInfo.scss","../../src/scss/object/component/tags.scss","../../src/scss/object/component/title.scss","../../src/scss/object/component/list.scss","../../src/scss/object/component/runnerNote.scss","../../src/scss/object/component/button.scss","../../src/scss/object/component/itemAddButton.scss","../../src/scss/object/component/ruleDescription.scss","../../src/scss/object/project/titlePostHeader.scss","../../src/scss/object/project/KSSRsHeader.scss","../../src/scss/object/project/gameModeOverview.scss","../../src/scss/object/utility/background.scss","../../src/scss/object/utility/margin.scss","../../src/scss/object/utility/flex.scss","../../src/scss/object/utility/fontChanger.scss","../../src/scss/object/utility/unused.scss","../../src/scss/object/utility/underline.scss","../../src/scss/object/utility/space.scss","../../src/scss/object/utility/width.scss","../../src/scss/object/utility/height.scss","../../src/scss/object/utility/indent.scss"],"names":[],"mappings":";AAsDQ;ACpDR;EACI;EACA;;;AAKJ;EA6BI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAyDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnBA;EACI;IAAM;;;AAGV;EACI;IAAI;;;AAgBR;EACI,cAtHuB;EAuHvB;;AAGJ;EACI;EACA,cA3HuB;EA4HvB;;AAGJ;EACI;EACA;EACA;EACA;;AAKA;EACI;;AAGJ;EACI;;AACA;EACI;EACA;EACA;;AAGJ;EACI,SAnJe;EAoJf;;AACA;EAnER;EAOA;EACA;;AAiEA;EAA4B;;AAMxB;EAAiB;;AACjB;EAAW;;AACX;EA/FJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAuFQ;EACA;;AAGA;EACI;;AAQhB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,SAvMmB;EAwMnB;EACA,OAtMmB;EAuMnB;EACA;EACA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,WAtNe;EAuNf,WAtNe;EAuNf;EACA;EACA;;AAGA;EACI;EACA;EACA;EAEA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EAAQ;EAAO;EAAS;EACxB;EACA;EACA;EACA;EAEA;EACA;;AAOA;EAGI,KADO;EACI,OADJ;EACiB,QADjB;EAC+B,MAD/B;EAEP;EACA;;AAUZ;EACI;;AAEA;EACI;;AAGJ;EACI;EA9MR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAsMQ;;AAKJ;EAAa;;AAGjB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAtRmB;EAuRnB;EACA;;AAEA;EACI;;AAMF;EACE;;AAMI;EAAQ;;AACR;EACI;EACA;EACA;;AAOZ;EAA4B;;AAExB;EAjPR;EAOA;EACA;;AAgPI;EACI,OAvUe;EAwUf;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;EACA;;AAMA;EACI;EACA;;AAMhB;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAxWmB;EAyWnB;EACA,OAhXmB;EAiXnB;EAEA,OAdO;EAeP,QAfO;EAgBP;EACA;EAEA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA,YA3Xe;EA4Xf;;AAGI;EAAQ;;AACR;EACI;EACA;EACA;;AAWZ;EAAK;;AACL;EAAI;EAAgB;;AAM5B;EAEI;EACA;EACA,WAHqB;EAIrB,QArauB;EAsavB,SArauB;EAsavB;EACA;EACA;EACA;EACA,OAzZuB;EA0ZvB;EACA;AA+ER;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBQ;AAAA;AAAA;;AAleI;AAqYA;EA9XJ;EAGI;EACA;EA4XI;EACA;;AAEA;EACI;;AAKZ;EACI;;AAEA;EA5YJ;EAOI;EACA;AAuYI;AACA;AAIA;;AAHA;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKJ;EA3ZR;EAGI;EACA;EAiaQ,OA5cW;EA6cX;;AA7aR;EACI;IAibQ;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA,OA/dmB;EAgenB;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAYR;EACI;EACA;EACA;AAAkB;EAClB,OArgBmB;EAsgBnB;EACA;EACA;;AAUJ;EACI;;AAGA;EACI;EAAe;;AAK3B;EACI;;AAEA;EACI,SApiBmB;EAqiBnB;EACA;EACA;EACA;EACA;;AAEA;EAAW;;AAGX;EAAU;;AAKd;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAIR;EACI;;AAIR;EACI;;AAKJ;EAGI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AACA;EACI;EACA;;AAKR;EACI;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA,YAxmBmB;EAymBnB;EACA;EACA;EACA;EACA;EACA;EAEA,YAnCI;;AAwCJ;EACI;EACA;;AAIA;EACI;;AAKZ;EACI;EACA,SArpBmB;EAspBnB;EACA;EACA;EACA;EACA;;AAEA;EACI,YA1oBe;EA2oBf;EACA;;AAEJ;EACI;;;AClrBhB;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;;;ACbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;ACPJ;EACI;;;ACDJ;EACI;EACA;EACA;EACA;EACA;;;ACLJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;ACVJ;EACI;EACA;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;ACZR;EACI;EACA;;;ACAJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EAEI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;ACnDJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;IAAS;IAAW;;;AAExB;EACI;IAAS;IAAW;;;AAExB;EACI;IAAS;IAAW;;;AAExB;EACI;EACA;;;AC3BJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;ACbJ;EACI;EACA;EAAY;EACZ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AClBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EAGA;;AAGA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EAEI;EACA;EACA;EAEA;EACA;;AAEJ;EACI;EACA;EACA;EAGA;EACA;;AAIJ;EAEI;EACA;;AAEJ;EAEI;EACA;;AAIA;EAEI;EACA;;AAEJ;EAEI;EACA;;AAMJ;EACI;EACA;;AAEJ;EAEI;EACA;;AAKJ;EACI;EACA;;AAEJ;EAEI;EACA;;AAOZ;EACI;;AACA;EACI;EACA;;AAGI;EACI;EACA;;AAEJ;EACI;EACA;;;AC/HxB;EACI;EACA;EAAU;;;ACFd;EACI;EACA;EACA;;;AAGJ;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EAAW;EACX;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;ACvCJ;EACI;EAAa;EACb;EACA;EACA;;;ACJJ;EACI;EACA;EACA;;;ACHJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;ACvCJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EAEA;EAAe;EACf;EACA;EAEA;EACA;;AAEE;EACE;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EAAc;EAEd;EACJ;EAEI;EACA;EACA;EACA;EACA;EAEA;EACA;EAAU;;AAGZ;EACE;;AAEF;EACE;;;AAQR;EACE;EAAiB;;AAEjB;EACE;;AACA;EACE;;;AAWR;EACI;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;;ACjGN;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACVJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;ACxBJ;EACI;;;AAEJ;EACI;;;ACHJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;IACI;;;ACrBR;EACI;;;ACDJ;EACI;EACA;;;AAEJ;EAEI;EACA;;;ACPJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AClCJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;IAAgB;;;AChBpB;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;ACVJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACI;EAAmC;EACnC;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAEJ;EAEI;EAAmC;EACnC;;;AAEJ;EACI;EAAmC;EACnC;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAEJ;EAEI;EAAmC;EACnC;;;AC9BJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;;AChCZ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;;;AAGR;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EAEA;EACA;EACA;EACA;;;AC1EhB;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;IACI;;;EAEJ;IAA0B;;;EAC1B;IAAyB;;;ACd7B;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;IAAkB;;;ACnBtB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;;ACXR;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACI;EACA;;;AAEF;EACE;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACE;EACA;;;AAEF;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AC9IF;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;ACrDJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;ACfJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACxDJ;EACI;;;ACDJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;ACbJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AClCJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AAGJ;EACI;EACA;EACA;;;ACjCJ;EACI;;;ACAA;EACI;;AAGJ;EACI;;AAEJ;EACI;;;AAGR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI","file":"common.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../src/scss/_common.scss","../../src/scss/tagify/tagify.scss","../../src/scss/choicesjs/choices.scss","../../src/scss/notie/overwrite.scss","../../src/scss/foundation/li.scss","../../src/scss/foundation/body.scss","../../src/scss/foundation/hr.scss","../../src/scss/foundation/p.scss","../../src/scss/layout/a.scss","../../src/scss/layout/header.scss","../../src/scss/layout/main.scss","../../src/scss/layout/scrollBar.scss","../../src/scss/layout/pageSequenceAnimation.scss","../../src/scss/object/component/operationButton.scss","../../src/scss/object/component/inlineSpace.scss","../../src/scss/object/component/radioButton.scss","../../src/scss/object/component/icooon.scss","../../src/scss/object/component/userIcon.scss","../../src/scss/object/component/c-ballon.scss","../../src/scss/object/component/c-loadingSpinner.scss","../../src/scss/object/component/moviePlaceHolder.scss","../../src/scss/object/component/textInput.scss","../../src/scss/object/component/iconWithDescription.scss","../../src/scss/object/component/recordCard.scss","../../src/scss/object/component/recordCardsGroup.scss","../../src/scss/object/component/stateInfo.scss","../../src/scss/object/component/tags.scss","../../src/scss/object/component/title.scss","../../src/scss/object/component/list.scss","../../src/scss/object/component/runnerNote.scss","../../src/scss/object/component/button.scss","../../src/scss/object/component/itemAddButton.scss","../../src/scss/object/component/ruleDescription.scss","../../src/scss/object/project/titlePostHeader.scss","../../src/scss/object/project/KSSRsHeader.scss","../../src/scss/object/project/gameModeOverview.scss","../../src/scss/object/utility/background.scss","../../src/scss/object/utility/margin.scss","../../src/scss/object/utility/flex.scss","../../src/scss/object/utility/fontChanger.scss","../../src/scss/object/utility/unused.scss","../../src/scss/object/utility/underline.scss","../../src/scss/object/utility/space.scss","../../src/scss/object/utility/width.scss","../../src/scss/object/utility/height.scss","../../src/scss/object/utility/indent.scss"],"names":[],"mappings":";AAsDQ;ACpDR;EACI;EACA;;;AAKJ;EA6BI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAyDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnBA;EACI;IAAM;;;AAGV;EACI;IAAI;;;AAgBR;EACI,cAtHuB;EAuHvB;;AAGJ;EACI;EACA,cA3HuB;EA4HvB;;AAGJ;EACI;EACA;EACA;EACA;;AAKA;EACI;;AAGJ;EACI;;AACA;EACI;EACA;EACA;;AAGJ;EACI,SAnJe;EAoJf;;AACA;EAnER;EAOA;EACA;;AAiEA;EAA4B;;AAMxB;EAAiB;;AACjB;EAAW;;AACX;EA/FJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAuFQ;EACA;;AAGA;EACI;;AAQhB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,SAvMmB;EAwMnB;EACA,OAtMmB;EAuMnB;EACA;EACA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA,WAtNe;EAuNf,WAtNe;EAuNf;EACA;EACA;;AAGA;EACI;EACA;EACA;EAEA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EAAQ;EAAO;EAAS;EACxB;EACA;EACA;EACA;EAEA;EACA;;AAOA;EAGI,KADO;EACI,OADJ;EACiB,QADjB;EAC+B,MAD/B;EAEP;EACA;;AAUZ;EACI;;AAEA;EACI;;AAGJ;EACI;EA9MR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAsMQ;;AAKJ;EAAa;;AAGjB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAtRmB;EAuRnB;EACA;;AAEA;EACI;;AAMF;EACE;;AAMI;EAAQ;;AACR;EACI;EACA;EACA;;AAOZ;EAA4B;;AAExB;EAjPR;EAOA;EACA;;AAgPI;EACI,OAvUe;EAwUf;;AAEA;EACI;EACA;;AAIR;EACI;;AAEA;EACI;EACA;;AAMA;EACI;EACA;;AAMhB;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAxWmB;EAyWnB;EACA,OAhXmB;EAiXnB;EAEA,OAdO;EAeP,QAfO;EAgBP;EACA;EAEA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA,YA3Xe;EA4Xf;;AAGI;EAAQ;;AACR;EACI;EACA;EACA;;AAWZ;EAAK;;AACL;EAAI;EAAgB;;AAM5B;EAEI;EACA;EACA,WAHqB;EAIrB,QArauB;EAsavB,SArauB;EAsavB;EACA;EACA;EACA;EACA,OAzZuB;EA0ZvB;EACA;AA+ER;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBQ;AAAA;AAAA;;AAleI;AAqYA;EA9XJ;EAGI;EACA;EA4XI;EACA;;AAEA;EACI;;AAKZ;EACI;;AAEA;EA5YJ;EAOI;EACA;AAuYI;AACA;AAIA;;AAHA;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKJ;EA3ZR;EAGI;EACA;EAiaQ,OA5cW;EA6cX;;AA7aR;EACI;IAibQ;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA,OA/dmB;EAgenB;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAYR;EACI;EACA;EACA;AAAkB;EAClB,OArgBmB;EAsgBnB;EACA;EACA;;AAUJ;EACI;;AAGA;EACI;EAAe;;AAK3B;EACI;;AAEA;EACI,SApiBmB;EAqiBnB;EACA;EACA;EACA;EACA;;AAEA;EAAW;;AAGX;EAAU;;AAKd;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAIR;EACI;;AAIR;EACI;;AAKJ;EAGI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AACA;EACI;EACA;;AAKR;EACI;EACA;;AACA;EACI;;AAIR;EACI;EACA;EACA,YAxmBmB;EAymBnB;EACA;EACA;EACA;EACA;EACA;EAEA,YAnCI;;AAwCJ;EACI;EACA;;AAIA;EACI;;AAKZ;EACI;EACA,SArpBmB;EAspBnB;EACA;EACA;EACA;EACA;;AAEA;EACI,YA1oBe;EA2oBf;EACA;;AAEJ;EACI;;;AClrBhB;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;;;ACbJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;ACPJ;EACI;;;ACDJ;EACI;EACA;EACA;EACA;EACA;;;ACLJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;ACVJ;EACI;EACA;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;ACZR;EACI;EACA;;;ACAJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EAEI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;ACnDJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;IAAS;IAAW;;;AAExB;EACI;IAAS;IAAW;;;AAExB;EACI;IAAS;IAAW;;;AAExB;EACI;EACA;;;AC3BJ;EACI;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;ACbJ;EACI;EACA;EAAY;EACZ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AClBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EAGA;;AAGA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EAEI;EACA;EACA;EAEA;EACA;;AAEJ;EACI;EACA;EACA;EAGA;EACA;;AAIJ;EAEI;EACA;;AAEJ;EAEI;EACA;;AAIA;EAEI;EACA;;AAEJ;EAEI;EACA;;AAMJ;EACI;EACA;;AAEJ;EAEI;EACA;;AAKJ;EACI;EACA;;AAEJ;EAEI;EACA;;AAOZ;EACI;;AACA;EACI;EACA;;AAGI;EACI;EACA;;AAEJ;EACI;EACA;;;AC/HxB;EACI;EACA;EAAU;;;ACFd;EACI;EACA;EACA;;;AAGJ;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EAAW;EACX;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;ACvCJ;EACI;EAAa;EACb;EACA;EACA;;;ACJJ;EACI;EACA;EACA;;;ACHJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;ACvCJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EAEA;EAAe;EACf;EACA;EAEA;EACA;;AAEE;EACE;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EAAc;EAEd;EACJ;EAEI;EACA;EACA;EACA;EACA;EAEA;EACA;EAAU;;AAGZ;EACE;;AAEF;EACE;;;AAQR;EACE;EAAiB;;AAEjB;EACE;;AACA;EACE;;;AAWR;EACI;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;;ACjGN;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACVJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;ACxBJ;EACI;;;AAEJ;EACI;;;ACHJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;IACI;;;ACrBR;EACI;;;ACDJ;EACI;EACA;;;AAEJ;EAEI;EACA;;;ACPJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AClCJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;IAAgB;;;AChBpB;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;ACVJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACI;EAAmC;EACnC;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAEJ;EAEI;EAAmC;EACnC;;;AAEJ;EACI;EAAmC;EACnC;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAEJ;EAEI;EAAmC;EACnC;;;AC9BJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;;AChCZ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;;;AAGR;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EAEA;EACA;EACA;EACA;;;AC1EhB;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;IACI;;;EAEJ;IAA0B;;;EAC1B;IAAyB;;;ACd7B;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;IAAkB;;;ACnBtB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;;ACXR;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACI;EACA;;;AAEF;EACE;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACE;EACA;;;AAEF;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AC9IF;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;ACrDJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;ACnBJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACxDJ;EACI;;;ACDJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AChBJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AClCJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EACI;;;AAGJ;EACI;EACA;EACA;;;ACjCJ;EACI;;;ACAA;EACI;;AAGJ;EACI;;AAEJ;EACI;;;AAGR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAEJ;EACI","file":"common.css"}
\ No newline at end of file
diff --git a/src/scss/foundation/hr.scss b/src/scss/foundation/hr.scss
index 29f2fef..5f363bd 100644
--- a/src/scss/foundation/hr.scss
+++ b/src/scss/foundation/hr.scss
@@ -6,7 +6,7 @@ hr{
     background-color: #bbb;
 }
 hr.u-bold{
-    height: 5px;
+    height: 3px;
 }
 hr.u-thin{
     height: 1px;
diff --git a/src/scss/object/component/ruleDescription.scss b/src/scss/object/component/ruleDescription.scss
index bf54325..cbe6f08 100644
--- a/src/scss/object/component/ruleDescription.scss
+++ b/src/scss/object/component/ruleDescription.scss
@@ -74,6 +74,7 @@
                 display:flex;
                 flex-direction: column;
                 align-items: flex-start;
+
             }
         }
         
diff --git a/src/scss/object/utility/flex.scss b/src/scss/object/utility/flex.scss
index 0e34e8a..9fa81fc 100644
--- a/src/scss/object/utility/flex.scss
+++ b/src/scss/object/utility/flex.scss
@@ -14,4 +14,8 @@
 .u-flex-center{
     display: flex;
     justify-content: center;
+}
+.u-flex-nowrap{
+    display: flex;
+    flex-wrap: nowrap;
 }
\ No newline at end of file
diff --git a/src/scss/object/utility/underline.scss b/src/scss/object/utility/underline.scss
index de4aba1..c40e796 100644
--- a/src/scss/object/utility/underline.scss
+++ b/src/scss/object/utility/underline.scss
@@ -2,6 +2,9 @@
     border-bottom: 2px solid rgb(19, 19, 19) 
 
 }
+.u-underline_text{
+    text-decoration: underline;
+}
 .u-inline{
     display: inline-block;
 }

From 666e8bb5d55e6b75a4d4cb73b95347eefdf08586 Mon Sep 17 00:00:00 2001
From: Appbird <project.appbird@gmail.com>
Date: Sat, 4 Sep 2021 23:54:42 +0900
Subject: [PATCH 3/3] resolve #25,#26

---
 src/ts/client/view/parts/RuleIndexPart.ts | 28 +++++++++++++----------
 src/ts/client/view/state/gameModeRule.ts  | 16 +++++++++++++
 2 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/src/ts/client/view/parts/RuleIndexPart.ts b/src/ts/client/view/parts/RuleIndexPart.ts
index 31afc69..3926271 100644
--- a/src/ts/client/view/parts/RuleIndexPart.ts
+++ b/src/ts/client/view/parts/RuleIndexPart.ts
@@ -37,7 +37,7 @@ const contents={
         English:    "If the scope of rule classes is duplicated and contradicts each other, the item at the top has priority."
     }
 }
-type HandledType = {ruleInfo:RuleAttributeAndAppliedClassInfo, onClick:()=>void}
+type HandledType = {ruleInfo:RuleAttributeAndAppliedClassInfo, onClick?:()=>void}
 export class RuleIndexPart {
     private rules:HandledType[] = []
     constructor(
@@ -49,7 +49,7 @@ export class RuleIndexPart {
      * ルールの目次のアイテムを追加します
      * これで追加し終えた後に、refrectViewメソッドを実行する必要があります。
      */
-    appendNewRule(ruleInfo:RuleAttributeAndAppliedClassInfo, onClick:()=>void){
+    appendNewRule(ruleInfo:RuleAttributeAndAppliedClassInfo, onClick?:()=>void){
         this.rules.push({ruleInfo,onClick})
     }
     refrectView(){
@@ -70,29 +70,33 @@ export class RuleIndexPart {
                     <div class="__item --top u-smallerChara">
                         <p class=""><i class=""></i> ${choiceString(contents.ruleName,this.language)}</p> <p class="">${choiceString(contents.ruleClass,this.language)}</p>
                     </div>
-                    <hr noshade class="u-thin">
+                    <hr noshade class="u-bold">
                 </div>
             <div>
         `);
         const ruleIndexItemsSegment = findElementByClassNameWithErrorPossibility(ruleIndexSegment,"__list")
-        this.rules.forEach(({ruleInfo,onClick},index) => {
-                ruleIndexItemsSegment.appendChild(elementWithoutEscaping`
+        this.rules.forEach(({ruleInfo,onClick}) => {
+                const segment = ruleIndexItemsSegment.appendChild(elementWithoutEscaping`
                     <div class="__item">
                         <div>
-                        <i class="${ruleInfo.rule.iconCSS}"></i> ${ruleInfo.rule.title}
-                        ${(ruleInfo.rule.note || 0) !== 0 ? ` <i class="u-redChara u-bolderChara">${choiceString(contents.annotated, this.language)}</i>` : ""}</div> <div class="__classItems">${this.generateClassDescriptionInRuleIndex(ruleInfo.appliedClass, this.language)}</div>
+                            <i class="${ruleInfo.rule.iconCSS}"></i> ${ruleInfo.rule.title}
+                            ${(ruleInfo.rule.note || 0) !== 0 ? `<i class="u-redChara u-bolderChara">${choiceString(contents.annotated, this.language)}</i>` : ""}
+                        </div>
+                        <div class="__classItems">${this.generateClassDescriptionInRuleIndex(ruleInfo.appliedClass, this.language)}</div>
                     </div>
-                `).addEventListener(`click`, onClick)
-                if (index !== this.rules.length - 1)appendElement(ruleIndexItemsSegment,"hr","u-thin")
+                `)
+                if (onClick !== undefined) segment.addEventListener("click",onClick)
+                appendElement(ruleIndexItemsSegment,"hr","u-thin")
             }
         )
     }
     private generateClassDescriptionInRuleIndex(appliedClass: AppliedRuleClassResolved[], language: LanguageInApplication) {
         return appliedClass.map(ruleClass => `
             <div>
-                ${this.generateCSSIcons(ruleClass)}
-                <div class="u-bolderChara u-inline">${ruleClass.title}</div>
-                <br>
+                <div class="u-bolderChara u-underline_text">
+                    ${this.generateCSSIcons(ruleClass)}
+                    ${ruleClass.title}
+                </div>
                 <div class="u-charaSpace_1em"></div>[${ruleClass.scope || choiceString(contents.noScope,language)}]`
                     + `${(ruleClass.note?.length || 0) !== 0 ? ` <i class="u-redChara u-bolderChara">${choiceString(contents.annotated, language)}</i>` : ""}
             </div>`
diff --git a/src/ts/client/view/state/gameModeRule.ts b/src/ts/client/view/state/gameModeRule.ts
index c5bd938..04ba54b 100644
--- a/src/ts/client/view/state/gameModeRule.ts
+++ b/src/ts/client/view/state/gameModeRule.ts
@@ -7,10 +7,19 @@ import {PageStateBaseClass} from "./Base/PageStateClass"
 import { RuleIndexPart } from "../parts/RuleIndexPart";
 import { MenuView } from "../parts/MenuView";
 import { RuleAttributeAndAppliedClassInfo } from "../../../type/api/gameRule/RuleAttributeAndAppliedClassInfo";
+import { TitleCupsuled } from "../parts/TitleCupsuled";
 export const contents = {
     title:{
         Japanese:   "ルール",
         English:    "Rule"
+    },
+    ruleIndex:{
+        Japanese:   "目次",
+        English:    "Index"
+    },
+    detail:{
+        Japanese:   "詳細",
+        English:    "Detail"
     }
 }
 export class S_GameModeRule extends PageStateBaseClass<{gameSystemID:string,gameModeID:string},IAppUsedToReadAndChangeOnlyPageState>{
@@ -29,8 +38,15 @@ export class S_GameModeRule extends PageStateBaseClass<{gameSystemID:string,game
             gameSystemEnv:this.requiredObj,
             language: this.app.state.language
         })).result
+
+        const ruleIndexTitlePart = new TitleCupsuled(appendElement(this.articleDOM,"div","u-marginUpDown2em"))
+        ruleIndexTitlePart.refresh(choiceString(contents.ruleIndex,this.app.state.language),undefined,{underline:true})
+        
         if (rules === undefined) throw new Error("rules === undefined")
         const ruleIndexPart = new RuleIndexPart(appendElement(this.articleDOM,"div","u-marginUpDown2em"),this.app.state.language)
+
+        const ruleDetailTitlePart = new TitleCupsuled(appendElement(this.articleDOM,"div","u-marginUpDown2em"))
+        ruleDetailTitlePart.refresh(choiceString(contents.detail,this.app.state.language),undefined,{underline:true})
         rules.sort(sort)
         const ruleSegment = appendElement(this.articleDOM,"div","u-width90per")
         for (const ruleObj of rules) {