@charset "utf-8";

body {
  color: #3d313a;    /* メイン文字カラー 濃灰色#434254 */
}

.nav-link {
  color: #FFF !important;    /* メイン文字カラー */
}


.bg-dark {
  background: #3d313a !important;
}

.whole_body {
  background-color: #CEE8BA ;  /* 背景非表示時 初期薄青緑#D4F0ED　赤茶#b67c86　#DBEECC*/
}


@media (max-width: 575.98px) {
.bg_body {
  width: 100%;
}

.box16 {
    padding: 0.2em 0.5em;
    margin: 1em .5em !important;
    background: #ecfadf;
    box-shadow: 0px 0px 0px 10px #ecfadf;
    border: 2px dashed #e88342;
    display: inline-block;
}

.box16 p {
    margin: 0; 
    padding: 0;
}

iframe {
    width: 100%;
    height: 300px;
}
}

@media (min-width: 576px) {
.bg_body {
  width: 100%;
}

.box16 {
    padding: 0.2em 0.5em;
    margin: 1em 0;
    background: #ecfadf;
    box-shadow: 0px 0px 0px 10px #ecfadf;
    border: 2px dashed #e88342;
    display: inline-block;
}

.box16 p {
    margin: 0; 
    padding: 0;
}

iframe {
    width: 100%;
    height: 500px !important;
}
}

@media (min-width: 660px) {
.bg_body {
  width: 100%;
}
}

@media (min-width: 768px) {
.bg_body {
  width: 100%;
}
}

@media (min-width: 850px) {
 .bg_body {
  width: 800px;
}
}

@media (min-width: 1000px) {
.bg_body {
  width: 800px;
}
}

.main-section table {
  margin: 1rem auto;
  border: 2px dashed #e88342;
  background: #ecfadf;
  box-shadow: 0 0 0 5px #ecfadf;
  -moz-box-shadow: 0 0 0 5px #ecfadf;
  -webkit-box-shadow: 0 0 0 5px #ecfadf;
}

.main-section td {
  padding: 15px;
  border: 2px dashed #e88342;
}

/* Link
=========================================== */

/* 未訪問時
---------------------------------- */
a:link {
  color: #CC723B;
}

.navbar a:link {
  border-bottom: none;　/* メニューはアンダーラインなし */
}

/* 訪問済み
---------------------------------- */
a:visited {
  color: #e88342;
}

/* カーソルが乗っているとき
---------------------------------- */
a:hover {
  color: #934010;
}


/* クリックしたとき
---------------------------------- */
a:active {
  color: #e88342;
}