/* Bootstrapのガター幅を調整するための汎用CSS */
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}

/*ヘッダーに読み込ませているwebフォントでh1~h6を太ゴシック指定*/
.h1, .h2, .h3, .h4, .h5, .h6   {
font-family: 'Noto Sans JP', sans-serif;
        }
/*a {
  color: none;
  text-decoration: none;
  background-color: transparent;
}*/

/*リンクの基本設定*/

a:link.senkeshi
{
	text-decoration: none;
}

a:link
{
	text-decoration: underline;
	color: #333;
}
a:visited { color: #F60; }
a:hover
{
	text-decoration: none;
	color: #F60;
}
a:active { }

/*主にボタンになっている文字　リンクしている箇所をクラスのirokaeで全て白にするlink visited hover active-------------*/
a.irokae {/*リンクされた文字*/
    color:#FFF;
    font-style:normal;
    text-decoration:none;
}
a:link.irokae {/*未訪問のリンク*/
    color:#FFF;
    font-style:normal;
    text-decoration:none;
}
a:visited.irokae {/*訪問後のリンク*/
    color:#FFF;
    text-decoration:none;
}
a:hover.irokae {/*マウスをのせたとき*/
    color:#FFF;
    font-style:normal;
    text-decoration:none;
}
a:active.クラス名 {/*クリック中*/
    text-decoration:none;
}
/*主にボタンになっている文字　リンクしている箇所を全て白にするlink visited hover active-------------終*/

/*主にボタンになっている文字　リンクしている箇所をクラスのirokae2で全て黒にするlink visited hover active-------------*/
a.irokae2 {/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:link.irokae2 {/*未訪問のリンク*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:visited.irokae2 {/*訪問後のリンク*/
    color:#000000;
    text-decoration:none;
}
a:hover.irokae2 {/*マウスをのせたとき*/
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:active.クラス名 {/*クリック中*/
    text-decoration:none;
}
/*主にボタンになっている文字　リンクしている箇所を全て黒にするlink visited hover active-------------終*/

/*主にボタンになっている文字　リンクしている箇所をクラスのirokae3で全て赤太文字にするlink visited hover active-------------*/
a.irokae3 {/*リンクされた文字*/
    color: #FF0004;
    font-weight: bold;
}
a:link.irokae3 {/*未訪問のリンク*/
    color: #FF0004;
    font-weight: bold;
}
a:visited.irokae3 {/*訪問後のリンク*/
    color: #FF0004;
    font-weight: bold;
}
a:hover.irokae3 {/*マウスをのせたとき*/
    color: #FF0004;
    font-weight: bold;
}
a:active.クラス名 {/*クリック中*/
    text-decoration:none;
}
/*主にボタンになっている文字　リンクしている箇所を全て赤太文字にするlink visited hover active-------------終*/

/*主にボタンになっている文字　リンクしている箇所をクラスのirokae4で全て青太文字にするlink visited hover active-------------*/
a.irokae4 {/*リンクされた文字*/
    color: #328FC9;
    font-weight: bold;
}
a:link.irokae4 {/*未訪問のリンク*/
    color: #328FC9;
    font-weight: bold;
}
a:visited.irokae4 {/*訪問後のリンク*/
    color: #328FC9;
    font-weight: bold;
}
a:hover.irokae4 {/*マウスをのせたとき*/
    color: #328FC9;
    font-weight: bold;
}
a:active.クラス名 {/*クリック中*/
    text-decoration:none;
}
/*主にボタンになっている文字　リンクしている箇所を全て青太文字にするlink visited hover active-------------終*/

.midashi {
    font-weight: bold;
    font-size: 1.2em;
    color: #0B9368;
}
.bc_curriculum {
    background-color: #328FC9;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    color: #FFFFFF;
    font-family: 'Noto Sans JP', sans-serif;
    text-align:justify;  
    text-align-last:justify;
}
.bc-blue {
    background-color: #C3DDED;
}

.bc-green {
    background-color: #C0E4C4;
}

.bc-red {
    background-color: #FFE0E4;
}

.bc-pink {
    background-color: #FFDDF5;
}
.nimoji {
    padding-left: 0.25em;
    padding-right: 0.25em;
}
.text-90 {
    font-size: 90%;
}
.bc-orange {
    background-color: #EEDAAA;
}
.bc-yellow {
    background-color: #FFFDD2;
}
.bc-purple {
    background-color: #F2DAFF;
}

/*メッセージページ*/
.bc-mes-1 {
    background-color: #328FC9;
    background-repeat: no-repeat;
    border-radius: .3em;
}

.bc-mes-2 {
    background-color: #C25D8E;
    background-repeat: no-repeat;
    border-radius: .3em;
}

.bc-mes-3 {
    background-color: #0B9368;
    background-repeat: no-repeat;
    border-radius: .3em;
}
.bc-cassette1 {
    background-color: #EEF5FB;
    border-top: 5px solid #388FD9;
}
.bc-cassette2 {
    background-color: #F9F1F9;
    border-top: 5px solid #C25D8E;
}
.bc-cassette3 {
    background-color: #F2F8F5;
    border-top: 5px solid #0B9368;
}
.midashi-mss-1 {
    color: #328FC9;
    font-weight: bold;
    font-size: 150%;
    border-left: 5px solid #388FD9;
    padding-left: 5px;
}
.midashi-mss-2 {
    color: #C25D8E;
    font-weight: bold;
    font-size: 150%;
    border-left: 5px solid #C25D8E;
    padding-left: 5px;
}
.midashi-mss-3 {
    color: #0B9368;
    font-weight: bold;
    font-size: 150%;
    border-left: 5px solid #0B9368;
    padding-left: 5px;
}
.photoboxpc {
    float: right;
    width: 200px;
    height: 200px;
}
.photoboxmb {
    float: right;
    width: 100px;
    height: 100px;
}
.circle1 {
    background-color: #388FD9;
    text-align: center;
    height: 150px;
    vertical-align: middle;
    display: table-cell;
    border-radius: 95%;
    width: 500px;
}
.bg_emergency {
    background-color: #ECF2F9;
    width: 100%;
}
.text-y-center {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
}

.circle2 {
    background-color: #0B9368;
    border-radius: 95%;
    text-align: center;
    height: 150px;
    vertical-align: middle;
    display: table-cell;
    width: 500px;
}
.midashi-kyuumei {
    color: #388FD9;
    font-weight: bold;
    font-size: 140%;
}
.blue-waku {
    background-color: #E5F2F4;
    border-radius: 15px;
    padding: 1em;
}

.midashi-blue {
    color: #388FD9;
    font-weight: bold;
    font-size: 120%;
}
.photobox-r {
    float: right;
    display: table-cell;
    vertical-align: middle;
}
.innerbox {
}
.waku-blue {
    text-align: center;
    text-shadow: 0px 0px;
    border-radius: 0.5em;
    background-color: #388FD9;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
    line-height: 30px;
    height: 100%;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 25%;
    padding-bottom: 25%;
}
.waku-blue2 {
    text-align: left;
    text-shadow: 0px 0px;
    border-radius: 0.5em;
    background-color: #388FD9;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
}
.table-waku {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.hidaridume {
}
.other-waku {
    background-color: #388FD9;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 5em;
    text-align: center;
    margin-bottom: 3px;
}
.other-waku2 {
    background-color: #0B9368;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 7em;
    text-align: center;
    margin-bottom: 10px;
    font-size: 110%;
}
.other-waku3 {
    background-color: #0B9368;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 10em;
    text-align: center;
    margin-bottom: 10px;
    font-size: 110%;
}
.other-waku4 {
    background-color: #328FC9;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 7em;
    text-align: center;
    margin-bottom: 10px;
    font-size: 110%;
}
.blue-waku-usu {
    padding: 1em;
    background-color: #E0EDF9;
}
.osuusme {
    background-color: #388FD9;
    width: 10em;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    color: #FFFFFF;
    border-radius: 20px;
    margin-top: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.marukesi {
    list-style-type: none;
    margin-left: -1em;
}
.photobox {
    width: 70%;
    height: 70%;
    margin-left: auto;
    margin-right: auto;
}
.text-block-gp {
    display: inline-block;
}

.n-btn-r-cm {
    margin-left: 70%;
}
.n-btn-l-cm {
    margin-left: -70%;
}
.side-aki {
    width: 4em;
}
.title-moji {
    font-size: 150%;
    font-family: Noto Sans JP;
    color: #328FC9;
}
.akakomoji {
    color: #FF0004;
    font-weight: bold;
}




/*メディアクエリ画面幅に応じてフォントの大きさを変える*/
@media (min-width: 100px) {
  html {
    font-size: 12px
  }
}

@media (min-width: 768px) {
  html {
    font-size: 15px
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 17px
  }
}

.indent1 {
    text-indent: -1em;
    padding-left: 1em;
}
.indent2 {
    text-indent: -2em;
    padding-left: 2em;
}
.indent2h {
    text-indent: -2.5em;
    padding-left: 2.5em;
}
.indent3 {
    text-indent: -3em;
    padding-left: 3em;
}
.main {
    width: 100%;
    height: auto;
}
.t_aki {
    margin-top: 77px;
}

.t_aki2 {
    margin-top: 65px;
}

.bg_s {
    background-image: url(../img/top/bg1_s.jpg);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
}
.bg {
    background-image: url(../img/top/bg1.jpg);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    background-position: center center;
}
.bg_message {
    background-image: url(../img/top/message_back.jpg);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    background-size: cover;
}
.bg_message_s {
    background-image: url(../img/top/message_back_s.jpg);
    background-position: center center;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}
.keisen-top-blue-gp {
    border-left: 2px solid #388FD9;
    border-right: 2px solid #388FD9;
    border-bottom: 2px solid #388FD9;
    border-top: 7px solid #388FD9;
}
.keisen-top-green-gp {
    border-left: 2px solid #2DAC33;
    border-right: 2px solid #2DAC33;
    border-bottom: 2px solid #2DAC33;
    border-top: 7px solid #2DAC33;
}
.keisen-top-purple-gp {
    border-left: 2px solid #DD6CA0;
    border-right: 2px solid #DD6CA0;
    border-bottom: 2px solid #DD6CA0;
    border-top: 7px solid #DD6CA0;
}
.info-bg {
    background-image: url(../img/top/info-bg.jpg);
    background-position: center center;
    background-size: cover;
}
.info-bg_s {
    background-position: center top;
    width: 100%;
    background-image: url(../img/top/info-bg_s.jpg);
    height: auto;
    padding-top: 11%;
    padding-bottom: 30px;
    background-repeat: no-repeat;
}
.info-bg {
    background-position: center top;
    width: 100%;
    background-image: url(../img/top/info-bg.jpg);
    height: auto;
    padding-top: 11%;
    padding-bottom: 30px;
    background-repeat: no-repeat;
}
.zenngamen {
    width: 100vw;
}
.btn-waku-1 {
    height: 4em;
}

.btn-waku-2 {
    height: 4em;
}
.btn-waku-3 {
    height: 4em;
}
.btn-waku-4 {
    background-position: center center;
    background-repeat: no-repeat;
    border: 0.5px solid #7E5C1F;
    background-size: cover;
    background-color: #FFFFFF;
}
.hyouka {
    float: right;
    font-size: 80%;
    margin-top: 1em;
    padding-right: 0.5em;
}
.touka:hover{
opacity: 0.7; /*マウスオーバー時に画像を透過する設定 */
}

.touka2:hover{
opacity: 0.9; /*マウスオーバー時に画像を透過する設定 */
}

/*webフォント*/
.webf_bebasneue {
font-family: 'Bebas Neue', cursive;
    }
.webf_rubik {
font-family: 'Rubik', sans-serif;
        }

.webf_m_plus_rounded_1c {
font-family: 'M PLUS Rounded 1c', sans-serif;
        }

.webf_noto_sans_jp {
font-family: 'Noto Sans JP', sans-serif;
        }
/*webフォントおしまい*/
.back-ao {
    background-color: #328FC9;
}
.keisen {
    border: 1px solid #804E24;
}
.bc-midashi {
    background-color: #0B9368;
}
.title-kei {
    border-bottom: 5px solid #388FD9;
    font-family: Noto Sans JP;
    color: #328FC9;
    font-size: 150%;
}
.title-kei2 {
    border-bottom: 5px solid #0B9368;
    font-family: Noto Sans JP;
    color: #0B9368;
    font-size: 150%;
}
/*PDF・ワード・エクセルのアイコン*/
.pdf {
    background-image: url(../img/pdf_icon.jpg);
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    background-size: 1em 1em;
    margin-right: 0.3em;
    vertical-align: middle;
}
.word {
    background-image: url(../img/word_icon.jpg);
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    background-size: 1em 1em;
    margin-right: 0.3em;
    vertical-align: middle;
}
.excel {
    background-image: url(../img/excel_icon.jpg);
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    background-size: 1em 1em;
    margin-right: 0.3em;
    vertical-align: middle;
}

.bc-moushikomi {
    background-color: #388FD9;
    border: 2px solid #73B0E4;
}

.tyuusyaku {
    text-align: left;
    color: red;
    font-size: 70%;
    margin-top: 0px;
}
.marunashi {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
.tate {
    writing-mode: vertical-rl;
    white-space: nowrap;
    margin: 0;
    line-height: 1em;
}

.tate-first {
    writing-mode: vertical-rl;
    white-space: nowrap;
    margin: 0;
    line-height: 1em;
    width: 1em;
}

/* 右上がりの斜線 */
.right_up_border2 {
    background-image: linear-gradient(-5deg, /*角度*/
                     transparent 49%,
                     black 49%, /*斜線の色*/
                     black 51%, /*斜線の色*/
                     transparent 51%, 
                     transparent); 
}