@charset "utf-8";
/*
* 注意事項
*		本ファイルの取り扱いについて、以下の行為を禁止します。
*
* 	- 複製、転載、および配布を禁じます。
*		- コンピュータ、スマートフォン、タブレット端末、外付けHD、USBメモリ等の記憶装置、および記憶端末への保存を禁じます。
* 	- スクリーンショット、コピーを禁じます。
* 	- ソフトウェアやアプリケーションを使用しての文章、ソース、画像の読み取り、コピー、スクリーンショット、または是らに類似する行為を禁じます。
*
* 	本規約に起因し又は関連する一切の紛争については、仙台地方裁判所を第一審の専属的合意管轄裁判所とします。
*
* CAUTIONS
*	 Regarding the handling of this file, the following actions are prohibited.
*
* 	- Reproduction, reproduction, and distribution are prohibited.
* 	- Storage on computers, smartphones, tablet devices, external HD devices, USB memory devices, and storage devices is prohibited.
* 	- Screen shots and copying are prohibited.
* 	- Do not use software or applications to read, copy, screenshot, or act like text, source, image.
*
* 	For all disputes arising out of or related to these Terms, the Sendai District Court shall be the exclusive agreement jurisdiction court of the first instance.
*
* Copyright (c) 2019 YOUNOBI.
* Released under the YOUNOBI license.
* https://www.younobi.com/
*/
html,
body {
  color: #0f0f0f;
  font-weight: normal;
  line-height: 160%;
  font-feature-settings: "pwid";
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background-color: #03040f;
}
html {
  overflow-y: auto;
  overflow-x: hidden;
}
::selection {
  color: #03040f;
  background-color: #ff366b;
}
article,
section,
figure,
div,
nav,
header,
footer,
hgroup,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
a,
p,
span,
strong,
em,
b,
i,
u,
sub,
sup,
caption,
img,
video,
audio,
address,
button,
pre,
input,
output,
textarea,
select,
label {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  list-style: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 160%;
}
h1 {
  font-size: 240%;
}
h2 {
  font-size: 180%;
}
h3 {
  font-size: 150%;
}
h4 {
  font-size: 120%;
}
em,
b,
i,
u {
  font-weight: normal;
  font-style: normal;
}
a {
  color: #cc3600;
  transition: 0.3s;
}
a::after {
  content: "";
  position: absolute;
  bottom: 0.2em;
  left: 0;
  z-index: -1;
  width: 1%;
  height: 0.6em;
  background-color: rgba(3,4,15,0);
  transition: 0.3s;
}
a:hover {
  color: #402c1f;
}
a:hover::after {
  width: 100%;
  background-color: rgba(3,4,15,0.25);
}
img {
  width: 100%;
  height: auto;
}
p {
  margin-bottom: 1.5vh;
}
#container article,
#container section,
#container div {
  margin: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::-webkit-scrollbar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100000;
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #ececec;
    border-left: solid 0px #888;
  }
  ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 0px #fff;
    box-shadow: inset 0 0 0 0px #fff;
  }
}
_:-ms-lang(x)::-ms-backdrop,
html,
body {
  scrollbar-width: thin;
  scrollbar-base-color: #000;
  scrollbar-face-color: #333;
  scrollbar-track-color: #666;
  scrollbar-arrow-color: #999;
  scrollbar-highlight-color: #aaa;
  scrollbar-3dlight-color: #eee;
  scrollbar-darkshadow-color: #ccc;
}
html,
body {
  scrollbar-color: #639 #008000;
  scrollbar-width: thin;
}
@media screen and (min-width: 1921px) {
  body {
    font-size: 0.835vw;
  }
}
@media screen and (min-width: 1120px) and (max-width: 1920px) {
  body {
    font-size: calc((1.1vw + 0.11vw) - ((1vw - 11.2px) * 0.9));
  }
}
@media screen and (min-width: 961px) and (max-width: 1119px) {
  body {
    font-size: calc((1.5vw + 0.16vw) - ((1vw - 9.61px) * 2));
  }
}
@media screen and (min-width: 801px) and (max-width: 960px) {
  body {
    font-size: calc((2vw + 0.16vw) - ((1vw - 8.01px) * 2));
  }
}
@media screen and (min-width: 640px) and (max-width: 800px) {
  body {
    font-size: calc((2.4vw + 0.16vw) - ((1vw - 6.41px) * 2));
  }
}
@media screen and (min-width: 425px) and (max-width: 639px) {
  body {
    font-size: calc((3.6vw + 0.18vw) - ((1vw - 4.25px) * 3.4));
  }
}
@media screen and (max-width: 424px) {
  body {
    font-size: calc((4.6vw + 0.3vw) - ((1vw - 3.2px) * 4));
  }
}
.FoC-main {
  color: #03040f;
}
.FoC-text {
  color: #0f0f0f;
}
.FoC-link1 {
  color: #151515;
}
.FoC-link2 {
  color: #090909;
}
.FoC-link3 {
  color: #090909;
}
.FoC-hover1 {
  color: #090909;
}
.FoC-hover2 {
  color: #090909;
}
.FoC-hover3 {
  color: #090909;
}
.FoC-x1 {
  color: #ff810a;
}
.FoC-x2 {
  color: #ff8b1f;
}
.FoC-x3 {
  color: #ff9b3d;
}
.FoC-x4 {
  color: #f39222;
}
.FoC-x5 {
  color: #f59b3b;
}
.FoC-x6 {
  color: #faaf5f;
}
.FoC-x7 {
  color: #f25a25;
}
.FoC-x8 {
  color: #f97046;
}
.FoC-x9 {
  color: #ff366b;
}
.FoC-a1 {
  color: #402c1f;
}
.FoC-a2 {
  color: #61452f;
}
.FoC-a3 {
  color: #664c37;
}
.FoC-a4 {
  color: #6b5440;
}
.FoC-a5 {
  color: #755f4c;
}
.FoC-b1 {
  color: #fab882;
}
.FoC-b2 {
  color: #ffc999;
}
.FoC-b3 {
  color: #ffe3c9;
}
.FoC-b4 {
  color: #ffeddb;
}
.FoC-b5 {
  color: #fff5eb;
}
.FoC-c1 {
  color: #faf3ed;
}
.FoC-c2 {
  color: #ff5719;
}
.FoC-c3 {
  color: #e83e00;
}
.FoC-c4 {
  color: #cc3600;
}
.FoC-c5 {
  color: #090909;
}
.FoC-d1 {
  color: #090909;
}
.FoC-d2 {
  color: #090909;
}
.FoC-d3 {
  color: #090909;
}
.FoC-d4 {
  color: #090909;
}
.FoC-d5 {
  color: #090909;
}
.FoC-e1 {
  color: #090909;
}
.FoC-e2 {
  color: #090909;
}
.FoC-e3 {
  color: #090909;
}
.FoC-e4 {
  color: #090909;
}
.FoC-e5 {
  color: #090909;
}
.FoC-zcy1 {
  color: #f3f3ec;
}
.FoC-zcy2 {
  color: #e1e1db;
}
.FoC-zcy3 {
  color: #d1d1ca;
}
.FoC-zcy4 {
  color: #cacac4;
}
.FoC-zcy5 {
  color: #bfbfb9;
}
.FoC-zcb1 {
  color: #ebf0f2;
}
.FoC-zcb2 {
  color: #dadee0;
}
.FoC-zcb3 {
  color: #cbcfd1;
}
.FoC-zcb4 {
  color: #c4c8ca;
}
.FoC-zcb5 {
  color: #b9bdbf;
}
.FoC-zcr1 {
  color: #f2ebec;
}
.FoC-zcr2 {
  color: #e0dadb;
}
.FoC-zcr3 {
  color: #d1cbcc;
}
.FoC-zcr4 {
  color: #c9c3c4;
}
.FoC-zcr5 {
  color: #bfb9ba;
}
.FoC-zcg1 {
  color: #ecf2eb;
}
.FoC-zcg2 {
  color: #dbe0da;
}
.FoC-zcg3 {
  color: #ccd1cb;
}
.FoC-zcg4 {
  color: #c4c9c3;
}
.FoC-zcg5 {
  color: #b6bbb5;
}
.FoC-zcc1 {
  color: #fafafa;
}
.FoC-zcc2 {
  color: #e8e8e8;
}
.FoC-zcc3 {
  color: #d8d8d8;
}
.FoC-zcc4 {
  color: #cacaca;
}
.FoC-zcc5 {
  color: #bcbcbc;
}
.FoC-zgy1 {
  color: #383835;
}
.FoC-zgy2 {
  color: #40403d;
}
.FoC-zgy3 {
  color: #50504d;
}
.FoC-zgy4 {
  color: #60605b;
}
.FoC-zgy5 {
  color: #70706c;
}
.FoC-zgb1 {
  color: #363739;
}
.FoC-zgb2 {
  color: #3c3e40;
}
.FoC-zgb3 {
  color: #4a4d4f;
}
.FoC-zgb4 {
  color: #5b5e61;
}
.FoC-zgb5 {
  color: #6b6d70;
}
.FoC-zgr1 {
  color: #373434;
}
.FoC-zgr2 {
  color: #403c3d;
}
.FoC-zgr3 {
  color: #504b4b;
}
.FoC-zgr4 {
  color: #605a5a;
}
.FoC-zgr5 {
  color: #716b6b;
}
.FoC-zgg1 {
  color: #383a37;
}
.FoC-zgg2 {
  color: #3f423e;
}
.FoC-zgg3 {
  color: #4d504b;
}
.FoC-zgg4 {
  color: #5c605a;
}
.FoC-zgg5 {
  color: #6d716b;
}
.FoC-zgc1 {
  color: #393939;
}
.FoC-zgc2 {
  color: #404040;
}
.FoC-zgc3 {
  color: #505050;
}
.FoC-zgc4 {
  color: #606060;
}
.FoC-zgc5 {
  color: #707070;
}
.FoC-white {
  color: #fff;
}
.FoC-black {
  color: #000;
}
.mainColor {
  background-color: #03040f;
}
.xColor1 {
  background-color: #ff810a;
}
.xColor2 {
  background-color: #ff8b1f;
}
.xColor3 {
  background-color: #ff9b3d;
}
.xColor4 {
  background-color: #f39222;
}
.xColor5 {
  background-color: #f59b3b;
}
.xColor6 {
  background-color: #faaf5f;
}
.xColor7 {
  background-color: #f25a25;
}
.xColor8 {
  background-color: #f97046;
}
.xColor9 {
  background-color: #ff366b;
}
.linkColor1 {
  background-color: #151515;
}
.linkColor2 {
  background-color: #090909;
}
.linkColor3 {
  background-color: #090909;
}
.hoverColor1 {
  background-color: #090909;
}
.hoverColor2 {
  background-color: #090909;
}
.hoverColor3 {
  background-color: #090909;
}
.aColor1 {
  background-color: #402c1f;
}
.aColor2 {
  background-color: #61452f;
}
.aColor3 {
  background-color: #664c37;
}
.aColor4 {
  background-color: #6b5440;
}
.aColor5 {
  background-color: #755f4c;
}
.bColor1 {
  background-color: #fab882;
}
.bColor2 {
  background-color: #ffc999;
}
.bColor3 {
  background-color: #ffe3c9;
}
.bColor4 {
  background-color: #ffeddb;
}
.bColor5 {
  background-color: #fff5eb;
}
.cColor1 {
  background-color: #faf3ed;
}
.cColor2 {
  background-color: #ff5719;
}
.cColor3 {
  background-color: #e83e00;
}
.cColor4 {
  background-color: #cc3600;
}
.cColor5 {
  background-color: #090909;
}
.dColor1 {
  background-color: #090909;
}
.dColor2 {
  background-color: #090909;
}
.dColor3 {
  background-color: #090909;
}
.dColor4 {
  background-color: #090909;
}
.dColor5 {
  background-color: #090909;
}
.eColor1 {
  background-color: #090909;
}
.eColor2 {
  background-color: #090909;
}
.eColor3 {
  background-color: #090909;
}
.eColor4 {
  background-color: #090909;
}
.eColor5 {
  background-color: #090909;
}
.zccColor1 {
  background-color: #fafafa;
}
.zccColor2 {
  background-color: #e8e8e8;
}
.zccColor3 {
  background-color: #d8d8d8;
}
.zccColor4 {
  background-color: #cacaca;
}
.zccColor5 {
  background-color: #bcbcbc;
}
.zcyColor1 {
  background-color: #f3f3ec;
}
.zcyColor2 {
  background-color: #e1e1db;
}
.zcyColor3 {
  background-color: #d1d1ca;
}
.zcyColor4 {
  background-color: #cacac4;
}
.zcyColor5 {
  background-color: #bfbfb9;
}
.zcbColor1 {
  background-color: #ebf0f2;
}
.zcbColor2 {
  background-color: #dadee0;
}
.zcbColor3 {
  background-color: #cbcfd1;
}
.zcbColor4 {
  background-color: #c4c8ca;
}
.zcbColor5 {
  background-color: #b9bdbf;
}
.zcrColor1 {
  background-color: #f2ebec;
}
.zcrColor2 {
  background-color: #e0dadb;
}
.zcrColor3 {
  background-color: #d1cbcc;
}
.zcrColor4 {
  background-color: #c9c3c4;
}
.zcrColor5 {
  background-color: #bfb9ba;
}
.zcgColor1 {
  background-color: #ecf2eb;
}
.zcgColor2 {
  background-color: #dbe0da;
}
.zcgColor3 {
  background-color: #ccd1cb;
}
.zcgColor4 {
  background-color: #c4c9c3;
}
.zcgColor5 {
  background-color: #b6bbb5;
}
.zgcColor1 {
  background-color: #393939;
}
.zgcColor2 {
  background-color: #404040;
}
.zgcColor3 {
  background-color: #505050;
}
.zgcColor4 {
  background-color: #606060;
}
.zgcColor5 {
  background-color: #707070;
}
.zgyColor1 {
  background-color: #383835;
}
.zgyColor2 {
  background-color: #40403d;
}
.zgyColor3 {
  background-color: #50504d;
}
.zgyColor4 {
  background-color: #60605b;
}
.zgyColor5 {
  background-color: #70706c;
}
.zgbColor1 {
  background-color: #363739;
}
.zgbColor2 {
  background-color: #3c3e40;
}
.zgbColor3 {
  background-color: #4a4d4f;
}
.zgbColor4 {
  background-color: #5b5e61;
}
.zgbColor5 {
  background-color: #6b6d70;
}
.zgrColor1 {
  background-color: #373434;
}
.zgrColor2 {
  background-color: #403c3d;
}
.zgrColor3 {
  background-color: #504b4b;
}
.zgrColor4 {
  background-color: #605a5a;
}
.zgrColor5 {
  background-color: #716b6b;
}
.zggColor1 {
  background-color: #383a37;
}
.zggColor2 {
  background-color: #3f423e;
}
.zggColor3 {
  background-color: #4d504b;
}
.zggColor4 {
  background-color: #5c605a;
}
.zggColor5 {
  background-color: #6d716b;
}
.White {
  background-color: #fff;
}
.Black {
  background-color: #000;
}
#HOME .outframe {
  position: fixed;
  top: 2vw;
  left: 2vw;
  z-index: 1000;
  pointer-event: none;
  width: 96vw;
  height: calc(100% - 4vw);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255,255,255,0.5);
}
#HOME .stonebook,
#HOME .catch {
  position: absolute;
  left: 2vw;
  display: block;
  width: 96vw;
  height: 1.5em;
  text-align: center;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  font-family: "Josefin Sans", sans-serif;
}
#HOME .stonebook {
  top: calc(50% - 1em);
  z-index: 1000;
  margin-left: 1.1vw;
  color: #fff;
  font-size: 180%;
  font-weight: 300;
  letter-spacing: 1.5vw;
}
#HOME .catch {
  top: calc(50% + 0.5em);
  z-index: 990;
  color: rgba(255,255,255,0.5);
  font-size: 110%;
  font-weight: 200;
  letter-spacing: 0.1vw;
}