/*  ==== Custom CSS for VPS ==== */
/* Webfonts */
@import url('//fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap');

/* 太字の定義 */
strong {
    color: #0a8885;
}

/* リンク(a)色の定義 */
.rst-content a {
    color: #0d7977;
}

.rst-content a:visited {
    color: #068986;
}

/* ロゴ上部の家アイコンを消す */
.fa-home:before, .icon-home:before {
    content: "";
}
.wy-side-nav-search > a.icon img.logo {
    width: 250px;
}

p {
    margin-bottom: 0px;
    margin-top: 0px;
}

.rst-content p {
    word-break: break-all;
}

/* サイドバー（目次）*/
.rst-content .sidebar .sidebar-title {
    margin-left: -12px; /* 目次のインデントとを浅くする */
}
.rst-content .sidebar {
    padding: 24px 24px 14px 12px;
}
.rst-content .sidebar .last {
    margin-bottom: 0;
}
.rst-content .sidebar .sidebar-title {
    margin-bottom: 18px;
}
.rst-content .sidebar ul {
  font-size: 95%;
}
.rst-content .section .sidebar ul p {
     margin-bottom: 4px;
}
.rst-content .section .sidebar ul.simple {
     margin-bottom: 4px;
}
/* Block quote */
.rst-content blockquote {
   margin-bottom: 0;
   margin-left: 0;
}

/* role: underline（蛍光ペン） */
.underline {
  text-decoration-style: solid;
  text-decoration: underline;
}

/* role: underline（蛍光ペン） */
.marker {
  background: linear-gradient(transparent 60%, yellow 0);
  color: #0a8885;
  font-weight: 700;
  font-family: 'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
}
/* role: underline（アイコン付き強調） */

.strong {
  color: #0a8885;
  font-weight: bold;
  font-size:105%;
}

.strong:before {
  color: #0a8885;
  font-family: "FontAwesome";
  content: "\f0a9";
  display: inline-block;
  font-size:105%;
  margin-right:2px;
}

/* role: annotation （上付き文字） */
.annotation, .anno {
    top: -0.5em;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    color: #0a8885;
}

/* -----------------------------------------------
   パンくずエリア
   ----------------------------------------------- */
.cta_button {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.cta_button .behave_as_button {
  display: flex;
  width: 200px;
  height: 56px;
  padding: 0 0 0 50px;
  border-radius: 5px;
  background-color: #fa748f;
  background-image: url(../icon_link_to_osu.svg);
  background-repeat: no-repeat;
  background-position: 8% 50%;
  background-size: 24px;
  font-size: 14px;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  position: absolute;
  top: -92px;
}

.cta_button .behave_as_button:hover {
  background-color: #bb596b;
}

.cta_button .subtext,
.cta_button .maintext {
  color: #fff;
}

@media (max-width: 960px){
  .cta_button .behave_as_button {
    position: static;
    margin-bottom: 24px;
  }
}

@media (max-width: 600px){
  .cta_button {
    display: none;
  }
}

/* -----------------------------------------------
   左メニュー
   ----------------------------------------------- */
/* ロゴの上の文字 */
.wy-side-nav-search > a {
  font-size:14px;
  font-weight: normal;
  padding: 0;
  font-family: 'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: #0d7977;
}

.wy-menu-vertical  a {
    font-size: 85%;
    padding-top: 0px;
    padding-bottom: 4px;
    color: #b3b3b3;
}
/* 項目のマージン */
li.toctree-l1 {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

/* リスト表現 UL LI */

.rst-content .section ul,
.rst-content .section ol {
   margin-left: 8px;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   line-height: 1.8em;
}

.rst-content .section ol li,
.rst-content .section ul li {
    margin-bottom: 0.2em;
    margin-top:0.2em;
}

.rst-content .section ol li>*,
.rst-content .section ul li>* {
    margin-bottom: 0.2em;
}

.rst-content .section ul.simple {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}


/* テーブル ＋ List 左マージン */
.rst-content .section td ul {
    margin-left: 4px;
    margin-top: 12px;
    margin-bottom:12px;

}

.rst-content div.section {
    margin-bottom: 3em;
}

/* ページタイトル */
.rst-content .toc-backref {
    color: #0a8885;
}

div.section h1 {
    margin-bottom: 1em;
    font-size: 30px;
    font-weight: 700;
    background-color: #0d7977;
    color: #ffffff;
    padding: 0.3em;
    border-radius: 3px;
}

div.section h1:before {
    display: -block;
    line-height: 1;
    font-weight: normal;
    margin-right: 4px;
    font-size: 95%;
    padding: 0px 2px;
}
/* contents にlocalが指定されている場合h1見出しの色 */
.rst-content h1 a.toc-backref {
    color: white;
}

/* ----- 見出し１ ----- */
div.section h2{
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: solid 1px #dddddd;
    font-weight: normal;
    font-size: 26px;
    color: #0a8885;

}
div.section h2:before {
    font-family: "FontAwesome";
    font-size: 105%;
    font-weight: normal;
    content: "\f1b2";
    display: inline-block;
    line-height: 1;
    margin-right: 4px;
}

/* ----- 見出し２ ----- */
div.section h3{
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: normal;
    font-size: 23px;
    color: #0a8885;
}
div.section h3:before {
    font-family: "FontAwesome";
    font-size: 90%;
    font-weight: normal;
    content: "\f1b3";
    display: inline-block;
    line-height: 1;
    margin-right:2px;
    padding-right: 2px;
}

/* ----- 見出し３ ----- */
div.section h4{
    margin-top: 1.8em;
    margin-bottom: 1em;
    font-weight:normal;
    font-size: 21px;
    color: #0a8885;
}

div.section h4:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 93%;
    content: "\f1cb";
    display: inline-block;
    line-height: 1;
    margin-right: 8px;
}

/* ----- 見出し４ ----- */
div.section h5 {
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: 18px;
    font-weight:normal;
    color: #0a8885;
}

div.section h5:before {
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 80%;
    content: "\f009";
    display: inline-block;
    line-height: 1;
    margin-right: 2px;
}

/* ----- 見出し５ ----- */
div.section h6 {
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: normal;
    color: #0a8885;
}
div.section h6:before {
    font-family: "FontAwesome";
    font-size: 90%;
    font-weight: normal;
    content: "\f101";
    display: inline-block;
    line-height: 1;
    margin-right: 2px;
}

div.section h1,
div.section h2,
div.section h3,div.section h4,
div.section h5,div.section h6 {
     font-family:  'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
}

/* 見出しの ヘッダーリンクマーク */
.rst-content h1 .headerlink:after,
.rst-content h2 .headerlink:after,
.rst-content h3 .headerlink:after, {
	vertical-align: super;
}
.rst-content h4 .headerlink:after,
.rst-content h5 .headerlink:after,
.rst-content h6 .headerlink:after, {
	vertical-align: super;
	font-size: 40%;
}

/* for TABLE */
/* テーブル周囲のマージン/余白 */
.wy-table-responsive {
    margin: 18px 0px;
}

/* テーブルボーダー */
.wy-table-bordered-all,
.rst-content table.docutils {
    border: 1px solid #0d7977;
    margin-left: 6px;
}

/* テーブルのセルの余白 */
.rst-content table.docutils td p {
    font-size: 14px;
}
.rst-content table.docutils th p {
    font-size: 14px;
}

/* セルのパディング調整　*/
.rst-content table.docutils th {
  padding: 7px 10px;
}

.rst-content table.docutils td {
  padding: 7px 10px;
}
/*  上、左の ヘッダ行/列のスタイル指定 */
.rst-content table.docutils tbody th {
    border-bottom: solid 1px #0d7977;
    background: #d6e2e2;
    text-align: left;
    color: #0d7977;
}

.rst-content table.docutils tbody th p{
    margin-bottom: 0px;
    color: #075f5d;
    text-align: left;
}

.rst-content .line-block {
    margin-bottom: 0; /* 各セルの最後に強制的にBottom余白ができるのを抑制する */
    margin-left: 0;   /* theme.css 内のline-block 左マージンの抑制 */
}

/* Stub(左端の行タイトル) スタイル*/
.wy-table thead th,
.rst-content table.docutils   thead th,
.rst-content table.field-list thead th {
    border-bottom: solid 1px #0d7977;
    border-left: solid 1px #0d7977;
    background: #d6e2e2;
    color: #075f5d;
    vertical-align: middle;
}

.wy-table-bordered-all td,
.rst-content table.docutils td {
    border-bottom: 1px solid #0d7977;
    border-left: 1px solid #0d7977;
}

/* TABLE: Caption */
.wy-table caption:before,
.rst-content table.docutils caption:before,
.rst-content table.field-list caption:before,
.rst-content .code-block-caption:before {
    font-family: "FontAwesome";
    content: "\f0a4";
    margin-right: 4px;
    color: #0d7977;
    font-style: normal;
}

.wy-table caption,
.rst-content table.docutils caption,
.rst-content table.field-list caption {
    color: #0d7977;
    padding: 6px 0px;
    text-align: left;
    font-style: normal;
}

/* -------------------------------
   パラグラフ、ブロック
   ------------------------------- */
/* for code-block  */
.rst-content .literal-block-wrapper {
    margin: 8px 0px 8px 0px;
}

.rst-content p > div.highlight{
    mergin-top:5px;
}

.rst-content div[class^='highlight'] pre {
    line-height: 1.5em;
    font-size: 85%;
    color: #075f5d;
 }

/* codeblock の枠の指定　*/
.rst-content pre.literal-block,
.rst-content div[class^='highlight'] {
    border-radius: 3px;
    background: #eaeef1;
    margin-top: 2px;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 18px;
    border: 1px solid #c1ccd4;
}

/* dedent: ハイライト行の指定*/
.rst-content div[class^='highlight'] pre .hll {
    background: #e6ea4e;
}

.rst-content .code-block-caption {
    font-size: 85%;
    padding: 6px 6px 0px 6px;
    text-align: left;
    color: #0d7977;
    font-style: normal;

}
/* code(Pre) のFont family */
.rst-content div[class^='highlight'] pre {
    font-family: 'Roboto Mono', 'Courier New', Courier, 'メイリオ', monospace;
}

/* for admotion
   ------------------------------------- */
.admonition p {
  font-size: 14px;
}

.admonition div {
  font-size: 14px;
}

.admonition {
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin: 18px 18px 18px 6px;
}
/* admonition 警告
   --------------------------------- */
.rst-content .warning .admonition-title:before {
    content: "\f071";
}
.rst-content .warning>.admonition-title {
    text-shadow: 1px 1px 1px #777777;
    background: #e43726;
}
.admonition.warning {
    background: #ffe9e9;
}

/* admonition  重要
   --------------------------------- */
.rst-content .important .admonition-title:before {
    content: "\f12a\f12a";
}
.rst-content .important>.admonition-title {
    text-shadow: 1px 1px 1px #777777;
    background: #fbc03d;
}
.admonition.important {
    background: #ffedcc;
}

/* admonition  ヒント ノート
    ------------------------ */
.rst-content .note .admonition-title:before {
    content: "\f044";
}
.rst-content .hint>.admonition-title,
.rst-content .note>.admonition-title {
    text-shadow: 1px 1px 1px #777777;
    background: #0d7977;
}
.admonition.hint,
.admonition.note {
    background: #eefdfd;
}
/* KBD and guilabel
   ------------------------*/
.rst-content .kbd {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    border-radius: 4px;
    padding: 0px 4px;
    margin: auto 2px;
    display: inline-block;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    font-family:  'Roboto Mono', 'Courier New', Courier, 'メイリオ', monospace;
    font-weight: 600;
    font-size: 80%;
    color: #0a8885;
}
.rst-content .guilabel {
    border: 1px solid #0d7977;
    background: #0d7977;
    border-radius: 4px;
    padding: 3px 4px 2px 4px;
    margin: auto 2px;
    box-shadow: 1px 1px 2px 0px rgba(66, 88, 115, 0.5);
    font-family: 'Roboto Mono', 'Courier New', Courier, 'メイリオ', monospace;
    font-weight: 600;
    font-size: 80%;
    color: white;
}

/* for Link */
/* 外部リンクを示すアイコンを付与する */
.rst-content  a.reference.external:after {
    content: "\f08e";
    font-family: "FontAwesome";
    font-size: 70%;
    padding-left: 2px;
    vertical-align: super;
}

/* DT, DL, 引用（Reference）の表現　*/
.rst-content dl:not(.docutils) {
    margin-top: 18px;
    margin-left: 8px;
    margin-right: 3px;
    margin-bootom: 18px;
}
.rst-content dl {
    margin-left: 4px;
}
.rst-content dl:not(.docutils) dt {
    padding: 3px 6px 2px 6px;
    border: 1px solid #0a8885;
    border-radius: 3px;
    margin: 16px 0px 12px 0px;
    color: #0a8885;
    font-size: 100%;
    font-family:  'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
}

/* centered */
.rst-content .centered {
    font-size: 130%;
    margin: 1em 0;
    font-family: 'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
}

/* Field List:: DDのサイズ調整 */
.rst-content dl.field-list dd p {
    font-size: 93%;
    margin-top: 4px;
}
/* Reference:: DDのサイズ調整 */
.rst-content .footnote dd p,
.rst-content .citation dd p {
    font-size: 90%;
}
/* DT/DL 参照元 */
.rst-content .footnote-reference:before {
    content: "*";
}
/* DT/DL 参照先 */
.rst-content .fn-backref:before {
    content: "*";
}
/* ----------------------------------------------------
    image figure 画像
   ---------------------------------------------------- */
.rst-content div.figure {
    margin: 12px 8px;
}

.rst-content div.figure p.caption:before {
    font-family: "FontAwesome";
    content: "\f0a4";
    margin-right: 4px;
    color: #0d7977;
}
.rst-content div.figure .caption-text {
    color: #0d7977;
    font-size: 85%;
}

.rst-content .section img {
    border: 1px solid #adbcc5;
    margin: 2px 0px;
}

/* FAQ Section
   ---------------------------------------------------- */

/* role: faq title answer */
.faq-a {
   display:block;
   color: #0a8885;
   font-weight: 500;
   font-family: 'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
   font-size: 120%;
   padding:0.5em 0.5em;
}
.faq-a:before {
  font-family: 'Roboto Slab', 'メイリオ', Meiryo,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',  Verdana, Helvetica, sans-serif;
  font-weight: 500;
  content: "Ａ:";
  display: inline-block;
  margin-right: 3px;
}

/* Question block */
.faq-question-text.docutils.container,
.faq-answer-text.docutils.container {
    padding: 0.8em 0.8em;
    color: #0a2d3e;
    border-radius: 5px;
}

.faq-question-text.docutils.container p,
.faq-answer-text.docutils.container p {
    margin: 0;
}

/* ----------------------------------------------------
    Footer Section
   ---------------------------------------------------- */

/* 「2週間お試し無料！ さくらのVPSお申し込みはこちら」ボタン */
.rst-content div.cta a.cta-button >span {
    color: #ffffff;
}

footer {
  margin-top: 4em;
}