@charset "utf-8";

/*--------------------------------------------------------------------
common.css
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
    共通設定
--------------------------------------------------------------------*/
/*スマートフォン用フォント設定*/
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 日本語フォント追加 */
html, body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Helvetica Neue",Helvetica,Arial,sans-serif,'Glyphicons Halflings';
    font-feature-settings: "palt";/* 文字間を狭くする */
    font-size: 16px;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/* MSIEは游ゴを使うと勝手に余白が入る。IEだけMeiryoを先に読ませるか、個別に余白調整が必要 */
@media all and (-ms-high-contrast:none) {
    html, body {
        font-family: -apple-system,BlinkMacSystemFont, Roboto, Meiryo, Yu Gothic Medium, "游ゴシック Medium", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Helvetica Neue",Helvetica,Arial,sans-serif,'Glyphicons Halflings';
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 900;/* もっと太くする */
}

.fs-10 {    font-size: 10px;}
.fs-18 {    font-size: 18px;}
.fs-20 {    font-size: 20px;}

/*--------------------------------------------------------------------
    色関連
--------------------------------------------------------------------*/

/* 色太字 */
.aqua {         color: aqua !important;         }
.blue {         color: blue !important;         }
.brown {        color: brown !important;        }
.gray {         color: gray !important;         }
.green {        color: green !important;        }
.darkblue {     color: darkblue !important;     }
.darkgreen {    color: darkgreen !important;    }
.darkred {      color: darkred !important;      }
.darkpink {     color: #D63973 !important;      }
.dimgray {      color: dimgray !important;      }
.dodgerblue {   color: dodgerblue !important;   }
.fuchsia {      color: fuchsia !important;      }
.gold {         color: #d4af37 !important;      }
.ivory {        color: ivory !important;        }
.indigo {       color: indigo !important;       }
.lightblue {    color: lightblue !important;    }
.lime {         color: lime !important;         }
.maroon {       color: maroon !important;       }
.navy {         color: navy !important;         }
.olive {        color: olive !important;        }
.orange {       color: orange !important;       }
.orangered {    color: orangered !important;    }
.peru {         color: peru !important;         }
.platinum {     color: #e6e6e6 !important;      }
.purple {       color: purple !important;       }
.red {          color: red !important;          }
.royalblue {    color: royalblue !important;    }
.saddlebrown {  color: saddlebrown !important;  }
.silver {       color: silver !important;       }
.teal {         color: teal !important;         }
.white {        color: white !important;        }
.yellow {       color: yellow !important;       }

/* 公開プロフィールの背景枠を透けないようにする */
#profileArea {
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.white_bold { color: white; font-weight: bold   }

/* 背景 */
.bg-aliceblue { background-color: aliceblue !important;     }
.bg-aqua {      background-color: aqua !important;          }
.bg-blue {      background-color: blue !important;          }
.bg-blue2 {     background-color: #7DBEFF!important;        }
.bg-brown {     background-color: brown !important;         }
.bg-burlywood {background-color: burlywood !important;      }
.bg-gray {      background-color: gray !important;          }
.bg-green {     background-color: green !important;         }
.bg-darkblue {  background-color: darkblue !important;      }
.bg-darkgreen { background-color: darkgreen !important;     }
.bg-darkred {   background-color: darkred !important;       }
.bg-darkpink {  background-color: #d63973 !important;       }
.bg-darkseagreen {background-color: #99CC99 !important;     }
.bg-dimgray {   background-color: dimgray !important;       }
.bg-dodgerblue {background-color: dodgerblue !important;    }
.bg-fuchsia {   background-color: fuchsia !important;       }
.bg-gold {      background-color: #d4af37 !important;       }
.bg-honeydew { background-color: honeydew !important;     }
.bg-indigo {    background-color: indigo !important;        }
.bg-ivory {     background-color: ivory !important;         }
.bg-lemonchiffon {background-color: lemonchiffon !important;}/* 薄黄 */
.bg-lightblue { background-color: lightblue !important;     }
.bg-lightcoral {background-color: lightcoral !important;    }/* 濃赤 */
.bg-lightcyan { background-color: lightcyan !important;     }/* 薄青 */
.bg-lightgreen {background-color: lightgreen !important;    }/* 薄緑 */
.bg-lightgrey { background-color: lightgrey !important;     }/* 薄灰 */
.bg-lime {      background-color: lime !important;          }
.bg-maroon {    background-color: maroon !important;        }
.bg-mistyrose { background-color: mistyrose !important;     }/* 薄薄赤 */
.bg-navy {      background-color: navy !important;          }
.bg-olive {     background-color: olive !important;         }
.bg-orange {    background-color: orange !important;        }
.bg-orangered { background-color: orangered !important;     }/* 学校・学採 */
.bg-peru {      background-color: peru !important;          }
.bg-platinum {  background-color: #e6e6e6 !important;       }
.bg-plum {      background-color: plum !important;          }/* 薄紫 */
.bg-purple {    background-color: purple !important;        }
.bg-red {       background-color: red !important;           }
.bg-royalblue { background-color: royalblue !important;     }
.bg-saddlebrown{background-color: saddlebrown !important;   }
.bg-silver {    background-color: silver !important;        }
.bg-teal {      background-color: teal !important;          }
.bg-white {     background-color: white !important;         }
.bg-yellow {    background-color: yellow !important;        }

/* エラーページ */
#error-section {
    display: grid;
    place-items: center;
    height: 60vh;
}
/* FAQ　回答背景 */
.accordion-collapse { background-color: lemonchiffon !important; }