/* colors */



@import url("colors.css");

@import url("fontsizemd.css");

@import url("../../cdn_jsdelivr_net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

@import url("icons.css");





/* 共有 */

body {

    font-family: 'M PLUS Rounded 1c', sans-serif;

    font-weight: 500;

    font-size:1.1em;

    background-image: url(../img/head-bk.png);

    background-repeat: repeat-x;

}

p,span {

    transform: rotate(0.03deg);         /* シャギーを防ぐ指定 */

}

h4 {

    font-weight: 700;

    font-size:1.6em;

}

.p-on-p {

    position: absolute;

    bottom:0;

    right:0;

    z-index: 1;

    margin-bottom:-10px;

}

section {

    padding-top:50px;

    padding-bottom:50px;

}



/* 吹き出し 左向き */

.balloon-left,.balloon-right {

    width: 100%;

    margin: 1.5em 0;

    overflow: hidden;

  }

  

  .balloon-left .faceicon {

    float: left;

    margin-right: -90px;

    width: 80px;

  }

  

  .balloon-left .faceicon img,.balloon-right .faceicon img {

    width: 100%;

    height: auto;

    border: solid 3px #d7ebfe;

    border-radius: 50%;

  }

  

  .balloon-left .chatting,.balloon-right .chatting {

    width: 100%;

  }

  

  .balloon-left .says {

    display: inline-block;

    position: relative; 

    margin: 5px 0 0 105px;

    padding: 17px 13px;

    border-radius: 12px;

    background: #d7ebfe;

  }

  

  .balloon-left .says:after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 18px; 

    left: -24px;

    border: 12px solid transparent;

    border-right: 12px solid #d7ebfe;

  }

  

  .balloon-left .says p,.balloon-right .says p {

    margin: 0;

    padding: 0;

  }





/* 右向き */

  .balloon-right .faceicon {

    float: right;

    margin-left: -170px;

    width: 80px;

    margin-right:80px;

  }



  @media screen and (max-width:992px) {

    .balloon-right .faceicon {

        float: right;

        margin-left: -170px;

        width: 80px;

        margin-right:0px;

      }

  }



  .balloon-right .says {

    display: inline-block;

    position: relative;

    margin: 5px 105px 0 0;

    padding: 17px 13px;

    border-radius: 12px;

    background: #d7ebfe;

  }

  .balloon-right .says:before {

    content: "";

    display: inline-block;

    position: absolute;

    top: 18px;

    left: 100%;

    border: 12px solid transparent;

    border-left: 12px solid #d7ebfe;

  }







/* 右向き２新 */

.balloon-right2 {

  display: flex;

  justify-content: flex-end;

  align-items: flex-start;

  gap: 10px; /* 吹き出しと画像の間 */

}



.balloon-right2 .faceicon img {

  width: 80px;

}



/* 吹き出し本体 */

.balloon-right2 .says {

  position: relative;

  background: #d7ebfe;

  padding: 15px 18px;

  border-radius: 12px;

  max-width: 70%; /* 画面に収まるように */

}



/* 左向きの三角（画像の方を向く） */

.balloon-right2 .says:before {

  content: "";

  position: absolute;

  top: 18px;

  right: -20px; /* 吹き出しの右側につける＝絵の方向 */

  border: 10px solid transparent;

  border-left: 10px solid #d7ebfe; /* 左向きの三角 */

}



/*---- チャットメッセージ 　中村---*/



.chatting1 {

display: table;

table-layout: auto;

border: solid 0px #f00;

width: 100%;

margin-bottom: 10px;

}

.chatting1 > .icon,

.chatting1 > .says {

display: table-cell;

}



/*---- チャットメッセージ｜アイコン ----*/

.chatting1 > .icon{

width: 110px;

line-height: 40px;

vertical-align: top;

white-space: nowrap;

}

.chatting1 > .icon img {

box-sizing: border-box;

width: 100%;

border-radius: 50%;

vertical-align: middle;

}



/*---- チャットメッセージ｜メッセージ ----*/

.chatting1 > .says {

box-sizing: border-box;

border-radius: 12px;

padding: 12px;

text-align: ;

vertical-align: middle;

}



/*---- チャットメッセージ2｜吹き出し｜角 ----*/

/* 左アイコン */

.chatting1 > .icon:first-child{ padding-right: 10px }

.chatting1 > .icon:first-child::after{

content: "";

display: inline-block;

width: 0px;

height: 0px;

border-style: solid;

border-width: 8px 10px 8px 0px;

}

/* 右アイコン */

.chatting1 > .icon:last-child{ padding-left: 10px }

.chatting1 > .icon:last-child::before{

content: "";

display: inline-block;

width: 0px;

height: 0px;

margin-left: -10px;

border-style: solid;

border-width: 8px 0px 8px 10px;

}



/*---- チャットメッセージ｜吹き出し｜色 ----*/

/* ピンク */

.chatting1.pink > .says { background: #FCBDB6 }

.chatting1.pink > .icon:first-child::after,

.chatting1.pink > .icon:last-child::before {

border-color: transparent #FCBDB6 transparent #FCBDB6; 

}

.chatting1.pink > .icon img{ border: solid 0px #FCBDB6 }

/* 緑 */

.chatting1.blue > .says { background: #bfff80 }

.chatting1.blue > .icon:first-child::after,

.chatting1.blue > .icon:last-child::before {

border-color: transparent #bfff80 transparent #bfff80;

}

.chatting1.blue > .icon img{ border: solid 0px #bfff80 }

/* 青 */

.chatting1.yellow > .says { background: #e6ff66 }

.chatting1.yellow > .icon:first-child::after,

.chatting1.yellow > .icon:last-child::before {

border-color: transparent #e6ff66 transparent #e6ff66;

}

.chatting1.yellow > .icon img{ border: solid 0px #e6ff66 }





/* 青左2 */

.chatting2.blue {
 

 display: flex;
 

 align-items: center; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting2.blue > .says {

 background: #99CCFF;

 padding: 10px 10px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting2.blue > .icon:first-child::after,

.chatting2.blue > .icon:last-child::before {

border-color: transparent #bcffff transparent #99CCFF;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting2.blue > .icon img{ border: solid 0px #99CCFF }



.chatting2.blue > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 left: -10px; /* 吹き出しの左側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-right: 10px solid #99CCFF; /* しっぽの色（右辺） */


}



/* 青右3 */

.chatting3.blue {
 

 display: flex;
 

 align-items: center; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting3.blue > .says {

 background: #99CCFF;

 padding: 15px 15px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting3.blue > .icon:first-child::after,

.chatting3.blue > .icon:last-child::before {

border-color: transparent #99CCFF transparent #99CCFF;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting3.blue > .icon img{ border: solid 0px #99CCFF }



.chatting3.blue > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 right: -10px; /* 吹き出しの右側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-left: 10px solid #99CCFF; /* しっぽの色（右辺） */


}





/* 緑左2 */

.chatting2.green {
 

 display: flex;
 

 align-items: center; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting2.green > .says {

 background: #D0F080;

 padding: 15px 15px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting2.green > .icon:first-child::after,

.chatting2.green > .icon:last-child::before {

border-color: transparent #bfff80 transparent #D0F080;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting2.green > .icon img{ border: solid 0px #D0F080 }



.chatting2.green > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 left: -10px; /* 吹き出しの左側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */

 border-right: 10px solid #D0F080;; /* しっぽの色 */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
}





/* 緑右3 */

.chatting3.green {
 

 display: flex;
 

 align-items: center; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting3.green > .says {

 background: #D0F080;

 padding: 15px 15px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting3.green > .icon:first-child::after,

.chatting3.green > .icon:last-child::before {

border-color: transparent #D0F080 transparent #D0F080;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting3.green > .icon img{ border: solid 0px #D0F080 }



.chatting3.green > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 right: -10px; /* 吹き出しの右側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */

 border-left: 10px solid #D0F080;; /* しっぽの色 */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
}







/* ピンク左2 */

.chatting2.pink {
 

 display: flex;
 

 align-items: center; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting2.pink > .says {

 background: #FCBDB6;

 padding: 15px 15px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting2.pink > .icon:first-child::after,

.chatting2.pink > .icon:last-child::before {

border-color: transparent #FCBDB6 transparent #FCBDB6;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting2.pink > .icon img{ border: solid 0px #FCBDB6 }



.chatting2.pink > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 left: -10px; /* 吹き出しの右側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */

 border-right: 10px solid #FCBDB6;; /* しっぽの色 */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
}







/* ピンク右3 */

.chatting3.pink {
 

 display: flex;
 

 align-items: center; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting3.pink > .says {

 background: #FCBDB6;

 padding: 15px 15px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting3.pink > .icon:first-child::after,

.chatting3.pink > .icon:last-child::before {

border-color: transparent #FCBDB6 transparent #FCBDB6;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting3.pink > .icon img{ border: solid 0px #FCBDB6 }



.chatting3.pink > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 right: -10px; /* 吹き出しの右側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */

 border-left: 10px solid #FCBDB6;; /* しっぽの色 */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
}





/* ピンク下4 */

.chatting4.pink {
 

 display: flex;
 

 align-items: flex-end; /* 吹き出しの高さを固定しつつアイコンを上揃え */


}

.chatting4.pink > .says {

 background: #FCBDB6;

 padding: 15px 15px;

 line-height: 1.2; 

 min-width: 100px; /* 吹き出しがアイコンの幅に引っ張られないようにする */
 

 display: inline-block;
 

 word-break: break-word;
 

 flex-grow: 0; /* 吹き出しが適切な幅を取れるようにする */


 border-radius: 12px; /* 吹き出しの角を丸く */

 position: relative; /* 吹き出しのしっぽを正しく配置するため */

}

.chatting4.pink > .icon:first-child::after,

.chatting4.pink > .icon:last-child::before {

border-color: transparent #FCBDB6 transparent #FCBDB6;

 border-style: solid;

border-width: 8px; /* 吹き出しのしっぽを調整 */

}

.chatting4.pink > .icon img{ border: solid 0px #FCBDB6 }



.chatting4.pink > .says::after {
 

 content: "";
 

 position: absolute;
 

 top: 50%; /* 吹き出しの中央にしっぽを配置 */

 below: 10px; /* 吹き出しの右側にしっぽを配置 */
 

 transform: translateY(-50%); /* 垂直方向で中央に調整 */

 border-left: 10px solid #FCBDB6;; /* しっぽの色 */
 

 border-bottom: 10px solid transparent; /* 下辺を透明に */
 

 border-top: 10px solid transparent; /* 上辺を透明に */
}





/* 下向き吹き出し */

.balloon100 {

  position: relative;

  display: inline-block;

  margin: 1.5em 0;

  padding: 7px 10px;

  min-width: 120px;

  max-width: 100%;

 border-radius: 12px;

  color: #000000;

  font-size: 16px;

  background: #FCBDB6;

}



.balloon100:before {

  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -15px;

  border: 15px solid transparent;

  border-top: 15px solid #FCBDB6;

}



.balloon100 p {

  margin: 0;

  padding: 0;

}









/*---- 線 ----*/

/* 点線 */



hr.line1{

  border: none;

  border-top: 1px dotted #999;

}



/* 破線 */



hr.line2{

  border: none;

  border-top: 1px dashed #999;

}



/* 二重線 */



hr.line3{

  border:none;

  border-top: double 3px #999;

}









/*---- 中村2ここまで ----*/













/* 吹き出しここまで */



  .menus li {

      list-style-position: inside;

  }

  .menus ol li {

      list-style-type: none;

  }



	iframe {

		border:none;

		width:100%;

		height:100vh;

		background:transparent!important;

	}



/* ヘッダーエリア */

#hnav {

    border-top:12px solid #67A973 !important;

}

#hnav a {

    padding-top:5px;

    margin-top:5px;

}





.nav-item a {

    position:relative;

}

.nav-item a:after {

    content: "";

    position:absolute;

    top: 1em;

    right:0;

    display:inline-block;

    pointer-events: none;

    width:79px;

    height:87px;

    z-index: -1;

}

.nav-item a:hover:after {

    background-image:url(../img/navbar-beans.png);

    background-repeat: no-repeat;

}

.nav-item {

    position: relative;

}

.nav-item .activeimg {

    position: absolute;

    top: 1em;

    right:0;

    z-index: -1;

}



#hnav li,.subhead li { /* 横並びメニュー 区切り線 はじめは両端 */

    border-left: 1px dashed #fff;

    border-right: 1px dashed #fff;

}

#hnav li + li,.subhead li + li { /* 横並びメニュー 区切り線 以降は右のみ */

    border-left:0;

    border-right: 1px dashed #fff;

}

#hnav a:hover,.subhead a:hover,.actives {

    background-color: rgb(119, 197, 136);

}



#headradius {

    border-bottom-right-radius:10px;

     -moz-border-right-radius:10px;

     -webkit-border-right-radius:10px;

     -o-border-right-radius:10px;

     -ms-border-right-radius:10px;

    border-bottom-left-radius:10px;

    -moz-border-left-radius:10px;

    -webkit-border-left-radius:10px;

    -o-border-left-radius:10px;

    -ms-border-left-radius:10px;

    background-color:#67A973!important;

}

#headradius a,#subradius a {

    color:#fff;

}

#subradius{

    background-color:#67A973!important;

}

h3 {

    overflow: hidden;

    text-align: center;

  }

h3 span {

    position: relative;

    display: inline-block;

    margin: 0 2.5em;

    padding: 0 1em;

    text-align: left;

  }

h3 span::before,

h3 span::after {

    position: absolute;

    top: 50%;

    content: '';

    width: 400%;

    height: 1px;

    background-color: #ccc;

  }

h3 span::before {

    right: 100%;

  }

h3 span::after {

    left: 100%;

}

#newsbox {

    background-color: #fef2e2;

    padding:1em;

    margin-bottom:2em;

    height:12em;

    overflow: auto;

}

#newsbox li {

    padding:0.5em;

    border-bottom: 1px dashed #333;

}

.radius {

    border-radius:10px;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    -o-border-radius:10px;

    -ms-border-radius:10px;

}

.radius2{

    border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    -o-border-radius:5px;

    -ms-border-radius:5px;

}



.sidelink {

    position: fixed!important;

    right:10px;

    top:150px;

    transition:1s;

    z-index: 1;

}



.sidelink ul{

    padding: 0px;

    margin: 0px;

}



.sidelink li {

    list-style-type:none;

}

.midashih2 {

    position: relative;

    padding-left: 1em;

    }

     

    .midashih2::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 1.2rem;

    height: 1.2rem;

    border: 4px solid;

    border-radius: 100%;

    }



a.btn {

    margin-bottom: 0.25rem!important;

    text-align: left;

    transform: rotate(0.03deg); 

}









/* ロゴ */

.head-logo{

    text-align: center;

}

img.icon {

    width:45px;

    height:45px;

    display:inline;

}



/* --------------------------------------------------- */



/* 国語 */

#kokugo {

    background-color: #EFF6EC;

}

#kokugo h4 {

position: relative;

padding: .25em 2em .25em 1.75em;

}

#kokugo h4::after {

position: absolute;

top: .5em;

left: .6em;

z-index: 2;

content: '';

width: 20px;

height: 20px;

border: 4px solid #00913A;

border-radius: 100%

}

#kokugotitle-bk {

    background-image:url(../img/kokugo-beans.png);

    background-repeat: no-repeat;

    background-position: top right;

}

.titleinbox {

    background-color:#fff;

    text-align: left;

/*    width:700px; */

    margin-right:auto;

    margin-left:auto;

}

.kokugomidashi1,.kokugomidashi2,.etcmidashi {

    color:#fff;

    background-image: url(../img/midashi_bk.png);

    background-position: top right;

    background-repeat: no-repeat;

}

.btn-beans {

    color:#fff;

    background-image: url(../img/midashi_bk2.png);

    background-position: top right;

    background-repeat: no-repeat;

}





.kokugomidashi1 {

    background-color:#00913A;

}

.kokugomidashi2 {

    background-color:#881E55;

}

.etcmidashi {

    background-color:#C45C3C;

}



.btn-kokugo,.btn-kokugo2,.btn-kokugoc,.btn-etc,.btn-syakai,.btn-syakai2,.btn-syakaic,.btn-sansu,.btn-sansu2,.btn-sansuc,.btn-rika,.btn-rika2,.btn-rikac,.btn-eigo,.btn-eigo2,.btn-eigoc {

    font-size:1em;

    font-weight: 600;

}



a.anchor {

    display: block;

    padding-top: 80px;

    margin-top: -80px;

}





/* 社会 */

#syakai {

    background-color: #FBECDD;

}

#syakai h4 {

    position: relative;

    padding: .25em 0 .25em 1.75em;

    }

#syakai h4::after {

    position: absolute;

    top: .5em;

    left: .5em;

    z-index: 2;

    content: '';

    width: 20px;

    height: 20px;

    border: 4px solid #C45C3C;

    border-radius: 100%

    }

.syakaimidashi1,.syakaimidashi2 {

        color:#fff;

        background-image: url(../img/midashi_bk.png);

        background-position: top right;

        background-repeat: no-repeat;

    }

.syakaimidashi1 {

        background-color:#C45C3C;

    }

.syakaimidashi2 {

        background-color:#3BA1C1;

    }

#syakaititle-bk {

    background-image: url(../img/syakai-beans.png);

    background-repeat: no-repeat;

    background-position: top right;

}



/* 算数・数学 */

#sansu {

    background-color:#EDE8F3;

}

#sansu h4 {

    position: relative;

    padding: .25em 0 .25em 1.75em;

    }

#sansu h4::after {

    position: absolute;

    top: .5em;

    left: .5em;

    z-index: 2;

    content: '';

    width: 20px;

    height: 20px;

    border: 4px solid #7D467B;

    border-radius: 100%

    }

.sansumidashi1,.sansumidashi2 {

        color:#fff;

        background-image: url(../img/midashi_bk.png);

        background-position: top right;

        background-repeat: no-repeat;

    }

.sansumidashi1 {

        background-color:#7D467B;

    }

.sansumidashi2 {

        background-color:#467E48;

    }



#sansutitle-bk {

        background-image:url(../img/sansu-beans.png);

        background-repeat: no-repeat;

        background-position: top right;

}



/* 理科 */

#rika {

    background-color: #EAf5F6;

}



#rika h4 {

    position: relative;

    padding: .25em 0 .25em 1.75em;

    }

#rika h4::after {

    position: absolute;

    top: .5em;

    left: .5em;

    z-index: 2;

    content: '';

    width: 20px;

    height: 20px;

    border: 4px solid #036EB8;

    border-radius: 100%

    }

.rikamidashi1,.rikamidashi2 {

        color:#fff;

        background-image: url(../img/midashi_bk.png);

        background-position: top right;

        background-repeat: no-repeat;

    }

.rikamidashi1 {

        background-color:#036EB8;

    }

.rikamidashi2 {

        background-color:#A21F24;

    }

#rikatitle-bk {

        background-image:url(../img/rika-beans.png);

        background-repeat: no-repeat;

        background-position: top right;

}





/* 英語 */

#eigo {

    background-color: #FBFAD5;

}

#eigo h4 {

    position: relative;

    padding: .25em 0 .25em 1.75em;

    }

#eigo h4::after {

    position: absolute;

    top: .5em;

    left: .5em;

    z-index: 2;

    content: '';

    width: 20px;

    height: 20px;

    border: 4px solid #F39800;

    border-radius: 100%

    }

.eigomidashi1,.eigomidashi2 {

        color:#fff;

        background-image: url(../img/midashi_bk.png);

        background-position: top right;

        background-repeat: no-repeat;

    }

.eigomidashi1 {

        background-color:#F39800;

    }

.eigomidashi2 {

        background-color:#265AA9;

    }

#eigotitle-bk {

        background-image:url(../img/eigo-beans.png);

        background-repeat: no-repeat;

        background-position: top right;

}







/* ------------------------------------------- */

/* フッター */

section#footers{

    padding-top:20px!important;

    padding-bottom:20px!important;

}

#footers {

    background-color: #68aa7c;

}

#footers a {

    color:#fff;

}

#footers h5 {

    border-bottom: solid 1px #fff;

    padding-bottom: 10px;

    margin-bottom:20px;

}



/* ------------------------------------------ */

/* テーブル罫線色指定 */

   .table-pri td {border-color:#007bff;border-width:1px;}

   .table-dan td {border-color:#dc3545;border-width:1px;}

   .table-suc td {border-color:#28a745;border-width:1px;}

   .table-war td {border-color:#ffc107;border-width:1px;}

   .table-inf td {border-color:#17a2b8;border-width:1px;}

   .table-sec td {border-color:#6c757d;border-width:1px;}







/* ------------------------------------------- */





/* ------------------------------------------- */