@charset "UTF-8";:root {  --main-color: #1a1a1a;  --main-border: #1a1a1a;  --main-alink: #00008b;  --main-ahover: #0000e6;  --main-bg: #ffffff;  --main-h2: #1262b3;  --main-h3: #161666;  --main-h4: #b35900;  --main-menu: #ff6e28;  --main-td: #233c31;  --main-message: #b35900;  --main-cc: #b35900;  --main-comment: #4d4d4d;  --main-imgspan: #008b8b;  --main-foot: #ffffff;  --main-foot-bg: #ff9966;  --rule-color: #000000;  --rule-dt-color: #1262b3;  --rule-dt-border: #4169e1;  --rule-head-bg: #779eed;  --rule-foot-bg: #f5f5f5;  --c-blk: #000000;  --c-whi: #ffffff;  --c-red: #ff0000;  --c-blu: #000099;  --c-gre: #006600;  --c-ora: #ff6600;  --c-bro: #663300;  --c-lcy: #33cccc;  --c-yel: #ffff00;  --b-red: #ff0033;  --b-bro: #663300;  --b-bro-bg: #ffff66;  --b-gre: #1a9641;  --b-gre-bg: #ccff66;  }html, body, h1, h2, h3, h4, h5, h6, div, p, span, img, a, dl, dt, dd, ol, ul, li, br, table, tr, th, td, tbody, tfoot, thead, fieldset, form, label, legend, caption, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, button, textarea, select {   font-family: "フォーク M",Folk Medium, "リュウミン B-KL",Ryumin Bold KL, "リュウミン R-KL",Ryumin Regular KL, "新ゴ R",Shin Go Regular, "新ゴ B",Shin Go Bold, Verdana, Helvetica, sans-serif, Arial, "メイリオ",Meiryo, "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro";  margin: 0;  padding: 0;  border: 0;  border-radius: 0;  outline: 0;  color: var(--main-color);  line-height: 1.8;  font-weight: normal;  font-size: 100%;  font-style: normal;  vertical-align: baseline;  letter-spacing: 0;  background-color: transparent;  box-sizing: border-box;  word-wrap: break-word;  overflow-wrap: break-word;  }article, header, footer, aside, figure, figcaption, nav, section {   display: block;  }body {  height: 100vh;  background-color: var(--main-bg);  font-family: "Folk Medium";  }a {  color: var(--main-alink);  text-decoration: underline;  }a:hover {  color: var(--main-ahover);  text-decoration: none;  cursor: pointer;  }a:focus {  opacity: .8;  filter: alpha(opacity=80);  }a:hover img {  opacity: .8;  filter: alpha(opacity=80);  }ol, dl, dt, dd, ul, li {  list-style: none;  list-style-type: none;  }h1, h2, h3, h4, h5, h6 {  font-size: 1em;  font-family: "Folk Medium";  }table{  border-collapse: collapse;  border-spacing: 0;  empty-cells: show;  }th,td{  padding: 10px;  text-align: left;  vertical-align: top;  }iframe {  width: 100%;  }img {  border: none;  max-width: 100%;   height: auto;  vertical-align: middle;  }video,audio {  max-width: 100%;  }.clearfix::after {  content: "";  display: block;  clear: both;  }/* ========================================== *//* ========================================== */#wrap{  margin: 0;  padding: 0;  clear: both;  }/* ========================================== *//* ========================================== */.header_rule {  top: 0px;  display: flex;  flex-direction: row;  align-items: center;  background-color: var(--main-bg);  max-width: 100%;  padding: 8px 0;  z-index: 900;  }.header_rule_logo {  order: 0;  width: 300px;  min-width: 300px;  height: auto;  padding-left: 10px;  }.header_rule a:hover img {  opacity: 1;  filter: alpha(opacity=100);  }.header_rule_btn {  position: absolute;  top: 8px;  right: 8px;  width: 60px;  min-width: 60px;  text-align: center;  z-index: 1000;  }/* ------------------------------------------ */@media (min-width: 1024px) {.header_rule {  padding: 10px 0;  }.header_rule_logo {  width: 400px;  min-width: 400px;  height: auto;  padding-left: 40px;  }.header_rule a:hover {  opacity: 1;  filter: alpha(opacity=100);  color: var(--main-color);  text-decoration: none;  }.header_rule a:hover img {  opacity: 1;  filter: alpha(opacity=100);  }}/* ========================================== *//* ========================================== */.container {  width: 100%;  margin: 0;  padding: 0;  clear: both;  }.contents {  max-width: 100%;  display: flex;  flex-direction: column;  align-items: stretch;  background-color: var(--main-bg);  }/* ------------------------------------------ */@media (min-width: 1024px) {.contents {  margin: 0 auto;  width: 90%;  }}/* ========================================== *//* ========================================== */.main {  margin: 0;  padding: 0;  }.main p {  margin-bottom: 30px;  padding: 0 20px;  }/* ------------------------------------------ */@media (min-width: 1024px) {.main p {  padding: 0 40px;  }}/* ========================================== *//* ========================================== */.main h1 {  margin-top: 40px;  margin-bottom: 40px;  margin-left: 20px;  font-size: 1.8em;  }.main h2 {  margin-top: 20px;  margin-left: 20px;  margin-bottom: 6px;  color: var(--main-h2);  font-size: 1.0em;  }.rule * {  font-family: "Ryumin Regular KL";  color: var(--rule-color);  }.rule h3 {  margin-top: 60px;  margin-left: 0;  padding: 20px 20px;  font-size: 1.2em;  color: var(--rule-color);  }.rule p {  display: flex;  flex-direction: initial;  margin-bottom: 20px;  padding: 0 20px;  color: var(--rule-color);  font-size: 0.9em;  }  .rule a {  display: flex;  flex-direction: initial;  color: var(--main-alink);  }.rule img {  display: flex;  flex-direction: initial;  }.rule dl {  display: block;  margin: 100px 20px;  padding: 0;  padding-bottom: 40px;  border-bottom: solid 1px var(--rule-dt-border);  font-size: 1.0em;  }.rule dt {  margin-top: 40px;  padding: 20px;  border-top: solid 1px var(--rule-dt-border);  color: var(--rule-dt-color);  }.rule dfn {  color: var(--rule-dt-color);  }.rule dd {  padding: 0 20px;  margin-bottom: 20px;  }/* ------------------------------------------ */@media (min-width: 1024px) {.main h1 {  margin-left: 40px;  }.main h2 {  margin-left: 40px;  }.rule h3 {  margin-top: 80px;  margin-left: 0;  padding: 10px 20px;  }}/* ========================================== *//* ========================================== */.footerinfo_rule {  display: block;  max-width: 100%;  margin-top: 120px;  background-color: var(--rule-foot-bg);  }.footerinfo_rule ul {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 50px 0;  }.footerinfo_rule li a {  display: block;  margin: 14px 0;  padding: 0;  color: var(--rule-color);  font-size: 0.9em;  text-decoration: none;  }.footerinfo_rule li a:hover {  color: var(--rule-color);  text-decoration: none;  }/* ------------------------------------------ */@media (min-width: 1024px) {.footerinfo_rule ul {  flex-direction: row;  justify-content: center;  align-items: center;  flex-wrap: wrap;  min-height: 80px;  margin: 0;  padding: 0;  }.footerinfo_rule li a {  margin: 0 20px;  padding: 0;  }}/* ========================================== *//* ========================================== */footer {  display: flex;  width: 100%;  padding: 20px 6px;  justify-content: center;  align-items: center;  text-align: center;  background-color: var(--main-bg);  color: var(--main-menu);  font-size: .8em;  }#footerlist p{  line-height: 3.0;  justify-content: center;  align-items: center;  text-align: center;  margin: 60px 20px;  }/* ========================================== *//* ========================================== */.marker {  margin-bottom: 20px;  line-height: 1.8;  background: linear-gradient( transparent 40%, #ffff66 70% );  }.blmarker {  margin-bottom: 20px;  line-height: 1.8;  background: linear-gradient( transparent 40%, #66d9ff 70% );  }/* ========================================== *//* ========================================== */.bold {  color: var(--c-blk);  font-weight: bold;  }.boldred {  color: var(--b-red);  font-weight: bold;  }.boldbro {  background-color: var(--b-bro-bg);  color: var(--c-bro);  font-weight: bold;  }.boldgre {  background-color: var(--b-gre-bg);  color: var(--b-gre);  font-weight: bold;  }.uline_blk {  border-bottom: double;  border-color: var(--main-color);  border-width: 3px;  color: var(--main-color);  }.uline_red {  border-bottom: double;  border-color: var(--c-red);  border-width: 3px;  color: var(--c-red);  }.uline_ora {  border-bottom: double;  border-color: var(--c-ora);  border-width: 3px;  color: var(--c-ora);  }.uline_blu {  border-bottom: double;  border-color: var(--c-blu);  border-width: 3px;  color: var(--c-blu);  }.uline_gre {  border-bottom: double;  border-color: var(--c-gre);  border-width: 3px;  color: var(--c-gre);  }.uline_bro {  border-bottom: double;  border-color: var(--c-bro);  border-width: 3px;  color: var(--c-bro);  }.uline_lcy {  border-bottom: double;  border-color: var(--c-lcy);  border-width: 3px;  }.colblk { color: var(--c-blk); }.colred { color: var(--c-red); }.colblu { color: var(--c-blu); }.colgre { color: var(--c-gre); }.colora { color: var(--c-ora); }.colbro { color: var(--c-bro); }.collcy { color: var(--c-lcy); }.displaynone { display: none; }/* ========================================== *//* ========================================== */#pagetop {  position: fixed;  right: 20px;  bottom: 30px;  opacity: 0;  filter:alpha(opacity=0);  z-index: 9999;  }#pagetop a {  display: block;  padding: 0;  opacity: .9;  filter: alpha(opacity=90);  }#pagetop a:hover {  cursor: pointer;  opacity: .5;  filter: alpha(opacity=50);  }