@charset "UTF-8";
/* ------------------------------------------------------------
Webフォント
------------------------------------------------------------ */
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap");
h1, h2, h3, h4, h5, h6 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: normal; }

body {
  background-image: url(../s/dot.png);
  background-color: #ffe8ed;
  font-weight: 500;
  color: #444; }

header {
  margin: 0 0 10px 0; }
  header .navbar {
    background-color: #ffe8ed; }

table {
  opacity: 0.8;
  background: #fff; }

/* ------------------------------------------------------------
page topよう
------------------------------------------------------------ */
#page-top {
  position: fixed;
  bottom: 30px;
  right: 0px; }

#page-top a {
  border: 1px solid #ff536d;
  background: linear-gradient(85deg, #ffa3ae, #ff637a);
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
  padding: 10px 10px;
  text-align: center;
  display: block;
  border-radius: 5px 0 0 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }

#page-top a:hover {
  text-decoration: none;
  color: #fff;
  background: #ff637a;
  opacity: 1; }

/* ------------------------------------------------------------
リンク
:not(ちょめちょめ)と入れると、クラス「ちょめちょめ」に対しては無効になるそう
------------------------------------------------------------ */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: #ef3265;
  text-decoration: none; }
  a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #c42751;
    text-decoration: none; }
  a:not(.btn):not(.nav-link):not(.dropdown-item):visited {
    color: #f5799a;
    text-decoration: none; }

/* ------------------------------------------------------------
画面全体のマージンをひろげる
------------------------------------------------------------ */
.row {
  margin: 2%; }

.container-fruid {
  width: 96%;
  margin: 0 auto; }

.container-fruid-jikosyokai {
  width: 96%;
  margin: 0 auto; }

/* ------------------------------------------------------------
テーブル周辺
------------------------------------------------------------ */
.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #fde1df; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

/* ------------------------------------------------------------
プロフィールページ
------------------------------------------------------------ */
/* dd（リストのキャプション） */
dd {
  text-indent: 1em;
  padding: 0px 10px 10px; }

img.syokai, img.siryou {
  border: solid 1px silver;
  border-radius: 4px;
  background-color: #fafafa;
  margin: 2px;
  padding: 2px; }
img.siryou {
  width: auto;
  height: 256px; }
img.joji {
  width: auto;
  height: 720px;
  margin: 2px;
  padding: 2px; }

p.chusyaku {
  font-size: x-small;
  color: silver; }

/* ------------------------------------------------------------
フッター
------------------------------------------------------------ */
.footer {
  position: absolute;
  bottom: 0; }

.bg-g {
  background-color: #f5f5f5;
  padding: 10px; }

/* ------------------------------------------------------------
ボタン全般
------------------------------------------------------------ */
.btn {
  white-space: normal; }

/* ------------------------------------------------------------
デフォルトボタン
------------------------------------------------------------ */
/* 文字色は全部で共通、しろいろ */
/* 通常 */
.btn-default {
  background: #fff;
  border-color: #666;
  color: #444; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-default:hover, .btn-default:focus,
.btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:active.focus,
.btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
  background: #dedede;
  color: #1e1e1e; }

/* ------------------------------------------------------------
ナナボタン
------------------------------------------------------------ */
/* 文字色は全部で共通、しろいろ */
/* 通常 */
.btn-nana {
  background: #ff637a;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-nana:hover, .btn-nana:focus,
.btn-nana:active, .btn-nana:active:focus, .btn-nana:active:hover, .btn-nana:active.focus,
.btn-nana.active, .btn-nana.active:focus, .btn-nana.active:hover, .btn-nana.active.focus,
.open > .dropdown-toggle.btn-nana,
.open > .dropdown-toggle.btn-nana:hover,
.open > .dropdown-toggle.btn-nana:focus,
.open > .dropdown-toggle.btn-nana.focus,
.btn-nana.disabled:hover, .btn-nana[disabled]:hover, fieldset[disabled] .btn-nana:hover,
.btn-nana.disabled:focus, .btn-nana[disabled]:focus, fieldset[disabled] .btn-nana:focus,
.btn-nana.disabled.focus, .btn-nana[disabled].focus, fieldset[disabled] .btn-nana.focus {
  background: #ff1739;
  color: #d9d9d9; }

/* アウトラインのみのボタン
.btn-nana.outline {
    border-color: $nanaborder;
    color: darken($nanaborder, 20%);
}
*/
/* ------------------------------------------------------------
ナナばっじ
------------------------------------------------------------ */
/* 通常 */
.badge-nana {
  background: #ff637a;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.badge-nana:hover, .badge-nana:focus,
.badge-nana:active, .badge-nana:active:focus, .badge-nana:active:hover, .badge-nana:active.focus,
.badge-nana.active, .badge-nana.active:focus, .badge-nana.active:hover, .badge-nana.active.focus,
.open > .dropdown-toggle.badge-nana,
.open > .dropdown-toggle.badge-nana:hover,
.open > .dropdown-toggle.badge-nana:focus,
.open > .dropdown-toggle.badge-nana.focus,
.badge-nana.disabled:hover, .badge-nana[disabled]:hover, fieldset[disabled] .badge-nana:hover,
.badge-nana.disabled:focus, .badge-nana[disabled]:focus, fieldset[disabled] .badge-nana:focus,
.badge-nana.disabled.focus, .badge-nana[disabled].focus, fieldset[disabled] .badge-nana.focus {
  background: #ff1739;
  color: #d9d9d9; }

/* ------------------------------------------------------------
ナナボタン2
------------------------------------------------------------ */
/* 通常 */
.btn-misia {
  background: #f44336;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-misia:hover, .btn-misia:focus,
.btn-misia:active, .btn-misia:active:focus, .btn-misia:active:hover, .btn-misia:active.focus,
.btn-misia.active, .btn-misia.active:focus, .btn-misia.active:hover, .btn-misia.active.focus,
.open > .dropdown-toggle.btn-misia,
.open > .dropdown-toggle.btn-misia:hover,
.open > .dropdown-toggle.btn-misia:focus,
.open > .dropdown-toggle.btn-misia.focus,
.btn-misia.disabled:hover, .btn-misia[disabled]:hover, fieldset[disabled] .btn-misia:hover,
.btn-misia.disabled:focus, .btn-misia[disabled]:focus, fieldset[disabled] .btn-misia:focus,
.btn-misia.disabled.focus, .btn-misia[disabled].focus, fieldset[disabled] .btn-misia.focus {
  background: #d2190b;
  color: #d9d9d9; }

/* アウトラインのみのボタン
.btn-misia.outline {
    border-color: $misiaborder;
    color: darken($misiaborder, 20%);
}
*/
/* ------------------------------------------------------------
雪葵V2 ボタン
------------------------------------------------------------ */
/* 通常 */
.btn-ssgv2 {
  background: #3b92d0;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-ssgv2:hover, .btn-ssgv2:focus,
.btn-ssgv2:active, .btn-ssgv2:active:focus, .btn-ssgv2:active:hover, .btn-ssgv2:active.focus,
.btn-ssgv2.active, .btn-ssgv2.active:focus, .btn-ssgv2.active:hover, .btn-ssgv2.active.focus,
.open > .dropdown-toggle.btn-ssgv2,
.open > .dropdown-toggle.btn-ssgv2:hover,
.open > .dropdown-toggle.btn-ssgv2:focus,
.open > .dropdown-toggle.btn-ssgv2.focus,
.btn-ssgv2.disabled:hover, .btn-ssgv2[disabled]:hover, fieldset[disabled] .btn-ssgv2:hover,
.btn-ssgv2.disabled:focus, .btn-ssgv2[disabled]:focus, fieldset[disabled] .btn-ssgv2:focus,
.btn-ssgv2.disabled.focus, .btn-ssgv2[disabled].focus, fieldset[disabled] .btn-ssgv2.focus {
  background: #25699a;
  color: #d9d9d9; }

/* アウトラインのみのボタン
.btn-ssgv2.outline {
    border-color: $ssgv2border;
    color: darken($ssgv2border, 20%);
}
*/
/* ------------------------------------------------------------
Francis-INTW ボタン
------------------------------------------------------------ */
/* 通常 */
.btn-fran {
  background: #4caf50;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-fran:hover, .btn-fran:focus,
.btn-fran:active, .btn-fran:active:focus, .btn-fran:active:hover, .btn-fran:active.focus,
.btn-fran.active, .btn-fran.active:focus, .btn-fran.active:hover, .btn-fran.active.focus,
.open > .dropdown-toggle.btn-fran,
.open > .dropdown-toggle.btn-fran:hover,
.open > .dropdown-toggle.btn-fran:focus,
.open > .dropdown-toggle.btn-fran.focus,
.btn-fran.disabled:hover, .btn-fran[disabled]:hover, fieldset[disabled] .btn-fran:hover,
.btn-fran.disabled:focus, .btn-fran[disabled]:focus, fieldset[disabled] .btn-fran:focus,
.btn-fran.disabled.focus, .btn-fran[disabled].focus, fieldset[disabled] .btn-fran.focus {
  background: #357a38;
  color: #d9d9d9; }

/* アウトラインのみのボタン
.btn-fran.outline {
    border-color: $franborder;
    color: darken($franborder, 20%);
}
*/
/* ------------------------------------------------------------
ゆずのきせきのきせき ボタン
------------------------------------------------------------ */
/* 通常 */
.btn-yuzu {
  background: #8967f7;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-yuzu:hover, .btn-yuzu:focus,
.btn-yuzu:active, .btn-yuzu:active:focus, .btn-yuzu:active:hover, .btn-yuzu:active.focus,
.btn-yuzu.active, .btn-yuzu.active:focus, .btn-yuzu.active:hover, .btn-yuzu.active.focus,
.open > .dropdown-toggle.btn-yuzu,
.open > .dropdown-toggle.btn-yuzu:hover,
.open > .dropdown-toggle.btn-yuzu:focus,
.open > .dropdown-toggle.btn-yuzu.focus,
.btn-yuzu.disabled:hover, .btn-yuzu[disabled]:hover, fieldset[disabled] .btn-yuzu:hover,
.btn-yuzu.disabled:focus, .btn-yuzu[disabled]:focus, fieldset[disabled] .btn-yuzu:focus,
.btn-yuzu.disabled.focus, .btn-yuzu[disabled].focus, fieldset[disabled] .btn-yuzu.focus {
  background: #511ef3;
  color: #d9d9d9; }

/* アウトラインのみのボタン
.btn-yuzu.outline {
    border-color: $yuzuborder;
    color: darken($yuzuborder, 20%);
}
*/
/* ------------------------------------------------------------
ライとかみのこ ボタン
------------------------------------------------------------ */
/* 通常 */
.btn-rai {
  background: #1a5e58;
  color: #fff; }

/* ボタンの上にポインタを持ってきたり、クリックしたりした時の色 */
.btn-rai:hover, .btn-rai:focus,
.btn-rai:active, .btn-rai:active:focus, .btn-rai:active:hover, .btn-rai:active.focus,
.btn-rai.active, .btn-rai.active:focus, .btn-rai.active:hover, .btn-rai.active.focus,
.open > .dropdown-toggle.btn-rai,
.open > .dropdown-toggle.btn-rai:hover,
.open > .dropdown-toggle.btn-rai:focus,
.open > .dropdown-toggle.btn-rai.focus,
.btn-rai.disabled:hover, .btn-rai[disabled]:hover, fieldset[disabled] .btn-rai:hover,
.btn-rai.disabled:focus, .btn-rai[disabled]:focus, fieldset[disabled] .btn-rai:focus,
.btn-rai.disabled.focus, .btn-rai[disabled].focus, fieldset[disabled] .btn-rai.focus {
  background: #092220;
  color: #d9d9d9; }

/* ------------------------------------------------------------
カード
------------------------------------------------------------ */
.card {
  margin: 10px 10px;
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 99, 122, 0.3); }

.bg-nanakuro {
  background-color: rgba(255, 99, 122, 0.1) !important;
  color: #aa5d5d; }

.card-text {
  padding: 10px 20px;
  color: #606060; }

h4.jikosyokai {
  margin-top: 20px;
  padding-bottom: 5px;
  padding-top: 20px;
  border-bottom: 1px silver dotted;
  color: #a15263; }

/* ------------------------------------------------------------
https://hirashimatakumi.com/blog/6601.html
------------------------------------------------------------ */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9; }

.youtube iframe {
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=uyupica.css.map */