@charset "utf-8";
/*------ 背景色 -------*/
.p-dq7Desert{background-color: #f8f4e6;}

/*********************************

      メニュー

*********************************/
/*------ サブメニュー -------*/
.p-dq7Desert-nav__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* column-gap: 2px; */
  color: #fff;
  font-weight: bold;
  margin: 0 -12px 0;
  /* border-bottom: 2px solid #d93; */
}

.p-dq7Desert-nav__list--top {
  margin-bottom: 36px;
}

.p-dq7Desert-nav__list--bottom {
  margin-top: 48px;
}

.p-dq7Desert-nav__item {
  text-align: center;
  position: relative;
  width: 100%;
  /* background-color: #d93; */
  background-color: #ba8b40;
  /* clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0 100%); */
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  /* border-radius: 0 16px 0 0; */
}
.p-dq7Desert-nav__item > a,
.p-dq7Desert-nav__item > span {
  padding: 6px 6px 6px 3px;
  display: block;
  /* border-radius: 0 16px 0 0; */
  text-decoration: none;
  /* border-width: 2px 2px 2px 2px; */
  /* border-color: #dd9933; */
  /* border-style: solid; */
  clip-path: polygon(2px 2px, calc(100% - 13px) 2px, calc(100% - 3px) 50%, calc(100% - 13px) calc(100% - 2px), 2px calc(100% - 2px));
  /* clip-path: polygon(2px 2px, calc(100% - 13px) 2px, calc(100% - 3px) calc(100% - 2px), 2px calc(100% - 2px)); */
}

.p-dq7Desert-nav__item > a {
  background-color: #fffff9;
  color: #ba8b40;
}

.p-dq7Desert-nav__item > span {
  /* background-color: #d93; */
}

.p-dq7Desert-nav__item > a:hover,
.p-dq7Desert-nav__item > a:active,
.p-dq7Desert-nav__item > a:focus {
  background-color: rgb(255 255 255 / 0.3);
  color: #fff;
}

/* .p-dq7Desert-nav__item::before {
  content: "";
  position: absolute;
  right: -16px;
  top: 0px;
  background: #000;
  height: 100%;
  width: 16px;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.p-dq7Desert-nav__item::after {
  content: "";
  position: absolute;
  right: -14px;
  top: 0px;
  background: #fff;
  height: 100%;
  width: 16px;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
} */

/*------ 目次 -------*/
.p-dq7Desert-TOC {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 36px;
  padding: 0;
}

.p-dq7Desert-TOC__item {
  position: relative;
  margin: 0;
  width: 320px;
  max-width: 320px;
  background: #fffff9;
  text-align: center;
  border: 2px solid #6f5436;
  border-radius: 5px;
}

.p-dq7Desert-TOC__item > a {
  display: block;
  padding: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.4rem;
  color: #6f5436;
}

.p-dq7Desert-TOC__note--detour {
  display: block;
  position: absolute;
  font-size: 1.2rem;
  font-weight: normal;
  top: 0;
  right: 0;
  padding: 2px 4px;
  color: #ff6600;
  /* rotate:20deg; */
}

.p-dq7Desert-TOC__item > a:hover,
.p-dq7Desert-TOC__item > a:active,
.p-dq7Desert-TOC__item > a:focus {
  background-color: #6f5436;
  color: #fff;
}

.p-dq7Desert-TOC__item:not(:last-child) {
  margin-bottom: 20px;
}

.p-dq7Desert-TOC__item::after {
  content: "";
  position: absolute;
  background-color: #6f5436;
  height: 10px;
  width: 20px;
  bottom: -16px;
  left: calc(50% - 10px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.p-dq7Desert-TOC__item:last-child::after,
.p-dq7Desert-TOC__item--noArrow::after {
  height: 0;
  width: 0;
}

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

      DQ7セリフ集用

--------------------------------*/
/*------ 見出し -------*/
/* .bl-dialogue__title--map {
  font-weight: bold;
  font-size: 1.8rem;
  color: #6f5436;
  background: #fffff9;
  border-color: #6f5436;
  border-style: solid;
  border-width: 0 0 4px 0px;
  padding: 12px 12px 8px;
  margin: 48px -12px 0;
} */

/*
background: #fffff9;
border-color: #6f5436;
border-style: solid;
border-width: 0 0 4px 0px;
padding: 12px 12px 8px;
margin: 48px -12px 0;
*/

.bl-dialogue__title--map {
  --color-bg: #ffe574;
  font-size: 1.8rem;
  color: #6f5436;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-color: #6f5436;
  border-style: solid;
  border-width: 0 0 4px 0px;
  padding: 12px 6px 8px;
  margin: 48px -12px 0;
}
.bl-dialogue__title--map::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.4em;
  background: #6f5436;
  -webkit-mask: url("../img/icon-mountain.svg") no-repeat left center/1.5em 1.5em;
  mask: url("../img/icon-mountain.svg") no-repeat left center/1.5em 1.5em;
}

@media screen and (max-width: 480px) {
  .bl-dialogue__title--map {
    font-size: 1.6rem;
  }
}

.bl-dialogue__title--map:first-of-type {
  margin-top: 0;
}

.bl-dialogue__title--place {
  font-weight: bold;
  font-size: 1.6rem;
  color: #6f5436;
  border-top: 2px dotted #6f5436;
  padding: 24px 12px 0 12px;
  margin: 24px -12px 0;
}

.bl-dialogue__title--map + .bl-dialogue__title--place,
.bl-dialogue__title--map + .bl-dialogue__title--event {
  margin-top: 12px;
  padding-top: 0;
  border: none;
}

.bl-dialogue__title--event {
  font-size: 1.6rem;
  color: #6f5436;
  border-top: 2px dotted #6f5436;
  padding: 24px 12px 0 12px;
  margin: 24px -12px 0;
}

@media screen and (max-width: 480px) {
  .bl-dialogue__title--place,
  .bl-dialogue__title--event {
    font-size: 1.4rem;
  }
}

.bl-dialogue__title--search {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 6px;
  color: #6f5436;
}
.bl-dialogue__title--search::before {
  content: "";
  display: inline-block;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  width: 0.6em;
  height: 0.8em;
  background-color: #6f5436;
  /* background-color: inherit; */
  margin-right: 0.2em;
}

.bl-dialogue__title--note {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 6px;
}
.bl-dialogue__title--note::before {
  content: "※";
}

/* 会話セット */
.bl-dialogue {
  position: relative;
  margin: 16px 0px 0;
  padding: 12px;
  border: 1px solid #b4ada9;
  border: 1px solid #898880;
  border-radius: 5px;
  background-color: #fff;
}

[class^="bl-dialogue__title"] + .bl-dialogue {
  margin-top: 12px;
}

.bl-dialogue__content {
  margin-top: 32px;
  position: relative;
}

.bl-dialogue--bgblack {
  color: #fff;
  font-weight: bold;
  padding: 0;
  border-width: 1px;
  border-color: #000;
}

.bl-dialogue__content:first-child {
  margin-top: 0px;
}

.bl-dialogue--bgblack > .bl-dialogue__content {
  background: #000;
  text-align: center;
  padding: 12px;
  border-radius: 3px;
  margin: 3px;
}

/* セリフ分岐 */
.bl-dialogue__content--selection2nd {
  margin-left: 24px;
  margin-top: 12px;
}

.bl-dialogue__content--branch {
  margin-top: 12px;
  padding-left: 40px;
}

.bl-dialogue__content--branch::before,
.bl-dialogue__content--branch::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  border-style: solid;
  border-color: #9d8e87;
}

.bl-dialogue__content--branch::before {
  height: calc(100% + 12px);
  top: -10px;
  border-width: 0 0 0 2px;
}

.bl-dialogue__content--branch:last-child::before,
.bl-dialogue__content--branchLast::before {
  height: 22px;
}

.bl-dialogue__content--branch::after {
  width: 16px;
  top: 10px;
  border-width: 2px 0 0 0;
}

/*イベント分岐*/
.bl-dialogue__branch {
  padding-left: 24px;
}

.bl-dialogue__wrapper--event [class^="bl-dialogue__title"] {
  font-size: 1.4rem;
  background: transparent;
  border-width: 2px 0 0 0;
  border-style: dotted;
  border-color: #6f5436;
  padding: 24px 12px 0 12px;
  margin: 24px -12px -12px;
}

.bl-dialogue__wrapper--event [class^="bl-dialogue__title"]:first-child {
  border: none;
  margin-top: 0;
  padding-top: 12px;
}

.bl-dialogue__wrapper--borderTop {
  border-top: 2px dotted #6f5436;
  margin-top: 24px;
  padding-top: 12px;
}

/* .bl-dialogue__wrapper--borderTop [class^="bl-dialogue__title"] {
  padding-top: 0;
  margin-top: 0;
  border: none;
} */

.bl-dialogue__branch [class^="bl-dialogue__title"] {
  font-size: 1.4rem;
  background: transparent;
  border: none;
  /* padding: 24px 12px 0 12px; */
  margin: 0px -12px 0px;
}

.bl-dialogue--ps > .bl-chat__inner::after,
.bl-dialogue--ps > .bl-dialogue__content:first-child::after,
.bl-dialogue--ds > .bl-chat__inner::after,
.bl-dialogue--ds > .bl-dialogue__content:first-child::after {
  display: block;
  position: absolute;
  font-weight: bold;
  color: #fff;
  font-size: 1rem;
  padding: 1px;
  rotate: 45deg;
}

.bl-dialogue--ps > .bl-dialogue__content:first-child::after,
.bl-dialogue--ds > .bl-dialogue__content:first-child::after {
  /* dialogueのpadding分マイナス/flexとの違い？ */
  right: -12px;
  top: -12px;
}

.bl-dialogue--ps > .bl-chat__inner::after,
.bl-dialogue--ds > .bl-chat__inner::after {
  right: 0;
  top: 0;
}

.bl-dialogue--ps > .bl-chat__inner::after,
.bl-dialogue--ps > .bl-dialogue__content:first-child::after {
  content: "PS";
}

.bl-dialogue--ds > .bl-chat__inner::after,
.bl-dialogue--ds > .bl-dialogue__content:first-child::after {
  content: "DS";
}

.bl-dialogue--ps,
.c-dialogueDiff--ps,
.c-text--ps {
  color: #e83929;
}

.bl-dialogue--ds,
.c-dialogueDiff--ds,
.c-text--ds {
  color: #0044cc;
}

/* 差分 */
[class^="c-dialogueDiff"] {
  text-decoration: underline;
  font-weight: bold;
}

.c-dialogueDiff--ds {
  color: #0044cc;
}

/* 個々のセリフ */
.bl-line {
  position: relative;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

.bl-line:not(:last-child) {
  margin-bottom: 6px;
}

/* 地の文 */
.bl-line--text {
  color: #966;
  text-indent: 0;
  padding-left: 0;
}

.bl-dialogue--ps .bl-line--text,
.bl-dialogue--ds .bl-line--text {
  color: inherit;
}

.bl-line--note {
  font-weight: bold;
}

.bl-line--amulet {
  padding-left: 1.5em;
  text-indent: -0.5em;
}

/* セリフニ回目 */
.bl-dialogue--add::before {
  content: "";
  display: block;
  position: absolute;
  height: 16px;
  /* width: 2px; */
  top: -17px;
  left: 10px;
  border-left: 4px solid #9d8e87;
  /* background-color: black; */
}

/* .bl-chat {
  background-color: #fff8dc;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 12px 0;
} */

/* 話すコマンドセリフ */
.bl-chat {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 12px;
  margin-left: 24px;
  /* padding: 6px; */
  /* border: 2px solid #ccc; */
  /* border: none; */
  border-radius: 5px;
  background-color: #fff3b8;
  /* background-color: #fff8dc; */
}

.bl-dialogue--ps {
  background-color: #ffe5e5;
  background-image: linear-gradient(-135deg, #e83929 20px, #ffe5e5 0);
}

.bl-dialogue--ds {
  background-color: #e5f2ff;
  background-image: linear-gradient(-135deg, #0044cc 20px, #e5f2ff 0);
  /* border-color: #0099ff; */
}

/* フキダシシッポ */
.bl-chat::before,
.bl-chat::after {
  position: absolute;
  left: -15px;
  top: 12px;
  width: 15px;
  height: 15px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  content: "";
}

.bl-chat::before {
  background-color: #898880;
}

.bl-chat::after {
  left: -13px;
  background-color: inherit;
}

/* フキダシ上向き */
.bl-chat--add {
  margin-top: 15px;
}

.bl-chat--add::before,
.bl-chat--add::after {
  top: -15px;
  left: auto;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.bl-chat--add::after {
  top: -13px;
  left: auto;
  background-color: inherit;
}

/* フキダシ左にライン */
.bl-dialogue__wrapper--borderLeft {
  position: relative;
}
.bl-dialogue__wrapper--borderLeft::before {
  content: "";
  position: absolute;
  display: block;
  top: -15px;
  left: 11px;
  height: calc(100% + 15px);
  border-left: 4px solid #9d8e87;
}

/* アイコン */
.c-mark {
  display: inline-block;
  font-weight: bold;
  border-style: solid;
  border-width: 2px;
  border-radius: 8px;
  width: 20px;
  height: 20px;
  line-height: 15px;
  text-align: center;
  margin-left: 14px;
  margin-bottom: 6px;
}

.c-mark--exclamation {
  border-color: #c40;
  color: #c40;
  background-color: #ffe5e5;
}

.c-mark--question {
  border-color: #04c;
  color: #04c;
  background-color: #e5f2ff;
}

/*********************************

      旧設定

*********************************/
/* ページ幅 */
#wrapper,
#menu1,
#header,
#container,
#footer1,
#footer2 {
  max-width: 750px;
}

/* 注意書き */
#caution ul {
  margin-left: 20px;
  margin-top: 1em;
}

#caution h2 {
  border-top: none;
  margin-top: 1em;
  padding-top: 0;
}

#caution li {
  background: url("../img_main/dot_g.gif") no-repeat 0px 0.3em;
  padding-left: 16px;
}

/* ナビゲーション */
.navi,
.navi dl {
  border-top: 2px solid #bbbb99;
  margin-top: 0em;
}

.navi ul {
  text-align: center;
  padding: 0.5em 0em;
}

.navi dl {
  padding-top: 1.5em;
}

.navi ul li,
.navi dd {
  display: inline;
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid #bbbb99;
}

.navi dt {
  display: inline;
  color: #990000;
}

.navi dt + dd {
  border-left: 3px double #bbbb99;
}

.navi li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

.here {
  color: #cc9900;
  font-weight: bold;
}

div.navi + h2 {
  margin-top: 1em;
}

/* セリフメモ */
h3,
h4 {
  margin-top: 1.5em;
}
h3 {
  font-weight: bold;
}
h4 {
  font-weight: normal;
}
#container2 div,
h2,
h3,
p {
  padding-left: 5px;
}

h2 + h3,
h2 + h4,
h3 + h4 {
  margin-top: 1em;
}
h3 + p {
  margin-top: 0em;
}

.tt {
  color: #999999;
}
.excl {
  font-weight: bold;
  color: #990000;
}

hr.a {
  height: 2px;
  color: #bbbb99;
  background-color: #bbbb99;
  border: none;
}

hr {
  height: 2px;
  border-style: dotted none none none;
  border-top-color: #bbbb99;
  border-top-width: 2px;
  background-color: #ffffff;
}

/* セリフメモ：テリワン */
div + hr {
  margin-top: 1em;
}

table {
  width: 750px;
}

th,
td {
  vertical-align: top;
  padding: 10px 5px;
}
thead th {
  color: #ffffff;
  background-color: #bbaa66;
  padding: 5px;
}
tbody th {
  color: #ffffff;
  background-color: #bbbbaa;
  font-weight: normal;
}

td.t1 {
  background-color: #ffffff;
}
td.t2 {
  background-color: #eeeedd;
}

.clown {
  color: #994444;
}
.watabo {
  color: #004499;
}
.terry {
  color: #442299;
}
.nar,
.tt {
  color: #999999;
}
.npc {
  color: #cc9900;
}

a + h3 {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 2px dotted #ddddcc;
}

table {
  margin-top: 1em;
  border-collapse: separate;
  border-spacing: 2px;
}

/* プレイメモ */
#playmemo .navi {
  border: none;
}

#playmemo #container {
  border-width: 2px 0px;
  border-color: #bbbb99;
  border-style: solid;
}

#playmemo h2:first-child {
  margin-top: 0;
  border: none;
}

#playmemo #container ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 1em;
  text-indent: -1em;
  margin-bottom: 2em;
  padding-left: 0.2em;
}

#playmemo #container li {
  margin-left: 1em;
  margin-top: 1em;
}

#playmemo #container li:first-child {
  margin-top: 0;
}

#playmemo #container ul + ul,
#playmemo #container h3 {
  border-top: #999988 2px dotted;
  padding-top: 2em;
}

.font-big {
  font-size: x-large;
}

.status {
  color: #0066cc;
}

#playmemo h2:before {
  content: "■";
}
#playmemo h3:before {
  content: "□";
}
h1#playmemo_dq8 {
  background: url(../img_main/i_pnyan_s.gif) no-repeat 2px 50%;
  padding-left: 26px;
  height: 19px;
}
#playmemo div,
h2,
h3,
p {
  padding-left: 0px;
}

.word {
  padding-left: 5em;
  text-indent: -6em;
  color: #999999;
}

.word_npc {
  padding-left: 1em;
  text-indent: -2em;
  color: #999999;
}

li.word + li {
  list-style-type: none;
  text-indent: 0em;
}

li.word + li.word {
  list-style-type: none;
  padding-left: 5em;
  text-indent: -5em;
}

.word_yangus:before {
  content: "ヤンガス「";
}

.word_jessica:before {
  content: "ゼシカ「";
}
.word_kukule:before {
  content: "ククール「";
}
.word_trode:before {
  content: "トロデ王「";
}

.word_morrie:before {
  content: "モリー「";
}
.word_gerda:before {
  content: "ゲルダ「";
}