@charset "UTF-8";
/* ######################################################################################

　※※※本体サイトよりそのままコピー※※※

###################################################################################### */



/* ######################################################################################

　色設定

###################################################################################### */


.red {color:#ff3600;}


/* ====================================================
　帯タイトルカラー
==================================================== */
.pagePaymentLogin .titleBelt,
.pageCart .titleBelt,
.pageCartAdd .titleBelt,
.pageCartError .titleBelt,
.pagePaymentEdit .titleBelt,
.pagePaymentConfirm .titleBelt,
.pagePaymentFinish .titleBelt,
.pageReceiptInput .titleBelt,
.pageReceiptConfirm .titleBelt,
.pageReceiptFinish .titleBelt,
.pageLoginInput .titleBelt,
.pageReceiptInput .titleBelt,
.pageCartIndex .titleBelt,
.pagePaymentFinish .titleBelt {background-color:#93adfa;}

.pagePaymentLogin .titleBelt .contents > *:before,
.pageCart .titleBelt .contents > *:before,
.pageCartAdd .titleBelt .contents > *:before,
.pageCartError .titleBelt .contents > *:before,
.pagePaymentEdit .titleBelt .contents > *:before,
.pagePaymentConfirm .titleBelt .contents > *:before,
.pagePaymentFinish .titleBelt .contents > *:before,
.pageReceiptInput .titleBelt .contents > *:before,
.pageReceiptConfirm .titleBelt .contents > *:before,
.pageReceiptFinish .titleBelt .contents > *:before,
.pageLoginInput .titleBelt .contents > *:before,
.pageReceiptInput .titleBelt .contents > *:before,
.pagePaymentFinish .titleBelt .contents > *:before,
.pageCartIndex .titleBelt .contents > *:before {background-image:url(../../images/ico/ico-cart_index.png);}

.pagePasswordReminder .contents.titleBox,
.pagePasswordReminder .titleBelt,
.pageRemind .titleBelt,
.pageInquireIdInput .titleBelt{background-color: #fcadb3 !important; }

.pageRemind .titleBelt .contents > *:before,
.pagePasswordReminder .titleBelt .contents > *:before,
.pageInquireIdInput .titleBelt .contents > *:before{background-image:url(../../images/ico/ico-remind_index.png);}
@media print, screen and (min-width: 768px) {
    .pageRemind .titleBelt .contents > *:before,
    .pagePasswordReminder .titleBelt .contents > *:before,
    .pageInquireIdInput .titleBelt .contents > *:before{background-size: auto 60px;}
}
@media screen and (max-width: 767px) {
    .pageRemind .titleBelt .contents > *:before,
    .pagePasswordReminder .titleBelt .contents > *:before,
    .pageInquireIdInput .titleBelt .contents > *:before{background-size: auto 45px;}
}


/* ====================================================
　ご利用案内カラー
==================================================== */
.pageInfo.info7 .titleBelt{background-color: #ffa2b2;}
.pageInfo.info19 .titleBelt{background-color: #b2df80;}
.pageInfo.info20 .titleBelt{background-color: #b2df80;}
.pageInfo.info21 .titleBelt{background-color: #b2df80;}
.pageInfo.info22 .titleBelt{background-color: #fecf5f;}
.pageInfo.info23 .titleBelt{background-color: #fecf5f;}
.pageInfo.info24 .titleBelt{background-color: #fecf5f;}

.pageInfo .titleBelt .contents > *:before{background-image:url(../../images/ico/ico-info.png);}
.pageInfo.info7 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_7.png);}
.pageInfo.info19 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_19.png);}
.pageInfo.info20 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_20.png);}
.pageInfo.info21 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_21.png);}
.pageInfo.info22 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_22.png);}
.pageInfo.info23 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_23.png);}
.pageInfo.info24 .titleBelt .contents > *:after{background-image:url(../../images/info/res/ico-tit_24.png);}


/* ====================================================
　マイページカラー
==================================================== */
.pageMypage .titleBelt{background-color: #ffe054;}
.pageMypage .titleBelt .contents > *:before{background-image:url(../../images/ico/ico-mypage.png);}


/* ====================================================
　中ゲートカラー
==================================================== */
.pageCategory .contents.titleBox .titleRibbon {color:#323232;}
.pageCategory .titleBox .titleRibbon {background:none !important;}
.pageCategory .titleBox .titleRibbon:before,
.pageCategory .titleBox .titleRibbon:after {border-top-color:transparent !important;}
.pageCategory .titleBox .titleRibbon:before,
.pageCategory .titleBox .titleRibbon:after {border-bottom-color:transparent !important;}


/* ====================================================
　小ゲートカラー
==================================================== */

/*DF*/
.titleGateConfirm,
.header .button.ico.arrowR {border-color:#cccccc;}
.header .button.ico.arrowR:before {color:#cccccc;}
.titleBox .titleRibbon {background-color:#cccccc;}
.titleBox .titleRibbon:before, .titleBox .titleRibbon:after {border-top-color:#cccccc;}
.titleBox .titleRibbon:before, .titleBox .titleRibbon:after {border-bottom-color:#cccccc;}
.titleBox .titleRibbon small:before {background-image:url(../../images/ico/ico-cate01.png);}

/*小学校*/
.shogakko .header .button.ico.arrowR:before {color:#93adfa;}
.shogakko.pageMypage .infoMain .infoButton li a,
.shogakko.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.shogakko .titleGateConfirm,
.shogakko.type .titleGateConfirm,
.shogakko .header .button.ico.arrowR {border-color:#93adfa;}
.shogakko .titleBox .titleRibbon:before,
.shogakko .titleBox .titleRibbon:after {border-top-color:#93adfa;}
.shogakko .titleBox .titleRibbon:before,
.shogakko .titleBox .titleRibbon:after {border-bottom-color:#93adfa;}
.shogakko:not(.pageCategory) .contents.titleBox,
.shogakko .titleBox .titleRibbon,
.pageCartIndex.shogakko .titleBelt {background-color:#93adfa;}
.shogakko .titleGateConfirm:before,
.type.shogakko .titleGateConfirm:before {background-image:url(../../images/ico/ico-gateconfirm01.png);}

/*幼稚園*/
.yochien .header .button.ico.arrowR:before {color:#ffe054;}
.yochien.pageMypage .infoMain .infoButton li a,
.yochien.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.yochien .titleGateConfirm,
.yochien.type .titleGateConfirm,
.yochien .header .button.ico.arrowR {border-color:#ffe054;}
.yochien .titleBox .titleRibbon:before,
.yochien .titleBox .titleRibbon:after {border-top-color:#ffe054;}
.yochien .titleBox .titleRibbon:before,
.yochien .titleBox .titleRibbon:after {border-bottom-color:#ffe054;}
.yochien:not(.pageCategory) .contents.titleBox,
.yochien .titleBox .titleRibbon,
.pageCartIndex.yochien .titleBelt {background-color:#ffe054;}
.yochien .titleGateConfirm:before,
.type.yochien .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm02.png);}

/*保育園*/
.hoikuen .header .button.ico.arrowR:before {color:#ffc2c7;}
.hoikuen.pageMypage .infoMain .infoButton li a,
.hoikuen.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.hoikuen .titleGateConfirm,
.hoikuen.type .titleGateConfirm,
.hoikuen .header .button.ico.arrowR {border-color:#ffc2c7;}
.hoikuen .titleBox .titleRibbon:before,
.hoikuen .titleBox .titleRibbon:after {border-top-color:#ffc2c7;}
.hoikuen .titleBox .titleRibbon:before,
.hoikuen .titleBox .titleRibbon:after {border-bottom-color:#ffc2c7;}
.hoikuen:not(.pageCategory) .contents.titleBox,
.hoikuen .titleBox .titleRibbon,
.pageCartIndex.hoikuen .titleBelt {background-color:#ffc2c7;}
.hoikuen .titleGateConfirm:before,
.type.hoikuen .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm03.png);}

/*保健*/
.hoken .header .button.ico.arrowR:before {color:#e4c1f9;}
.hoken.pageMypage .infoMain .infoButton li a,
.hoken.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.hoken .titleGateConfirm,
.hoken.type .titleGateConfirm,
.hoken .header .button.ico.arrowR {border-color:#e4c1f9;}
.hoken .titleBox .titleRibbon:before,
.hoken .titleBox .titleRibbon:after {border-top-color:#e4c1f9;}
.hoken .titleBox .titleRibbon:before,
.hoken .titleBox .titleRibbon:after {border-bottom-color:#e4c1f9;}
.hoken:not(.pageCategory) .contents.titleBox,
.hoken .titleBox .titleRibbon,
.pageCartIndex.hoken .titleBelt {background-color:#e4c1f9;}
.hoken .titleGateConfirm:before,
.type.hoken .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm04.png);}

/*給食*/
.kyushoku .header .button.ico.arrowR:before {color:#93d5cb;}
.kyushoku.pageMypage .infoMain .infoButton li a,
.kyushoku.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.kyushoku .titleGateConfirm,
.kyushoku.type .titleGateConfirm,
.kyushoku .header .button.ico.arrowR {border-color:#93d5cb;}
.kyushoku .titleBox .titleRibbon:before,
.kyushoku .titleBox .titleRibbon:after {border-top-color:#93d5cb;}
.kyushoku .titleBox .titleRibbon:before,
.kyushoku .titleBox .titleRibbon:after {border-bottom-color:#93d5cb;}
.kyushoku:not(.pageCategory) .contents.titleBox,
.kyushoku .titleBox .titleRibbon,
.pageCartIndex.kyushoku .titleBelt {background-color:#93d5cb;}
.kyushoku .titleGateConfirm:before,
.type.kyushoku .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm05.png);}

/*図書*/
.tosho .header .button.ico.arrowR:before {color:#b9e085;}
.tosho.pageMypage .infoMain .infoButton li a,
.tosho.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.tosho .titleGateConfirm,
.tosho.type .titleGateConfirm,
.tosho .header .button.ico.arrowR {border-color:#b9e085;}
.tosho .titleBox .titleRibbon:before,
.tosho .titleBox .titleRibbon:after {border-top-color:#b9e085;}
.tosho .titleBox .titleRibbon:before,
.tosho .titleBox .titleRibbon:after {border-bottom-color:#b9e085;}
.tosho:not(.pageCategory) .contents.titleBox,
.tosho .titleBox .titleRibbon,
.pageCartIndex.tosho .titleBelt {background-color:#b9e085;}
.tosho .titleGateConfirm:before,
.type.tosho .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm06.png);}

/*音楽*/
.ongaku .header .button.ico.arrowR:before {color:#ffe054;}
.ongaku.pageMypage .infoMain .infoButton li a,
.ongaku.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.ongaku .titleGateConfirm,
.ongaku.type .titleGateConfirm,
.ongaku .header .button.ico.arrowR {border-color:#ffe054;}
.ongaku .titleBox .titleRibbon:before,
.ongaku .titleBox .titleRibbon:after {border-top-color:#ffe054;}
.ongaku .titleBox .titleRibbon:before,
.ongaku .titleBox .titleRibbon:after {border-bottom-color:#ffe054;}
.ongaku:not(.pageCategory) .contents.titleBox,
.ongaku .titleBox .titleRibbon,
.pageCartIndex.ongaku .titleBelt {background-color:#ffe054;}
.ongaku .titleGateConfirm:before,
.type.ongaku .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm07.png);}

/*校長･教頭*/
.kocho .header .button.ico.arrowR:before {color:#fec0c5;}
.kocho.pageMypage .infoMain .infoButton li a,
.kocho.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.kocho .titleGateConfirm,
.kocho.type .titleGateConfirm,
.kocho .header .button.ico.arrowR {border-color:#fec0c5;}
.kocho .titleBox .titleRibbon:before,
.kocho .titleBox .titleRibbon:after {border-top-color:#fec0c5;}
.kocho .titleBox .titleRibbon:before,
.kocho .titleBox .titleRibbon:after {border-bottom-color:#fec0c5;}
.kocho:not(.pageCategory) .contents.titleBox,
.kocho .titleBox .titleRibbon,
.pageCartIndex.kocho .titleBelt {background-color:#fec0c5;}
.kocho .titleGateConfirm:before,
.type.kocho .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm08.png);}

/*中学校*/
.chugakko .header .button.ico.arrowR:before {color:#e2d0aa;}
.chugakko.pageMypage .infoMain .infoButton li a,
.chugakko.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.chugakko .titleGateConfirm,
.chugakko.type .titleGateConfirm,
.chugakko .header .button.ico.arrowR {border-color:#e2d0aa;}
.chugakko .titleBox .titleRibbon:before,
.chugakko .titleBox .titleRibbon:after {border-top-color:#e2d0aa;}
.chugakko .titleBox .titleRibbon:before,
.chugakko .titleBox .titleRibbon:after {border-bottom-color:#e2d0aa;}
.chugakko:not(.pageCategory) .contents.titleBox,
.chugakko .titleBox .titleRibbon,
.pageCartIndex.chugakko .titleBelt {background-color:#e2d0aa;}
.chugakko .titleGateConfirm:before,
.type.chugakko .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm09.png);}

/*塾･教室*/
.juku .header .button.ico.arrowR:before {color:#fec6cb;}
.juku.pageMypage .infoMain .infoButton li a,
.juku.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.juku .titleGateConfirm,
.juku.type .titleGateConfirm,
.juku .header .button.ico.arrowR {border-color:#fec6cb;}
.juku .titleBox .titleRibbon:before,
.juku .titleBox .titleRibbon:after {border-top-color:#fec6cb;}
.juku .titleBox .titleRibbon:before,
.juku .titleBox .titleRibbon:after {border-bottom-color:#fec6cb;}
.juku:not(.pageCategory) .contents.titleBox,
.juku .titleBox .titleRibbon,
.pageCartIndex.juku .titleBelt {background-color:#fec6cb;}
.juku .titleGateConfirm:before,
.type.juku .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm10.png);}

/*個人・手芸*/
.kojin .header .button.ico.arrowR:before {color:#e4c1f9;}
.kojin.pageMypage .infoMain .infoButton li a,
.kojin.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.kojin .titleGateConfirm,
.kojin.type .titleGateConfirm,
.kojin .header .button.ico.arrowR {border-color:#e4c1f9;}
.kojin .titleBox .titleRibbon:before,
.kojin .titleBox .titleRibbon:after {border-top-color:#e4c1f9;}
.kojin .titleBox .titleRibbon:before,
.kojin .titleBox .titleRibbon:after {border-bottom-color:#e4c1f9;}
.kojin:not(.pageCategory) .contents.titleBox,
.kojin .titleBox .titleRibbon,
.pageCartIndex.kojin .titleBelt {background-color:#e4c1f9;}
.kojin .titleGateConfirm:before,
.type.kojin .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm11.png);}

/*社会福祉*/
.shakai .header .button.ico.arrowR:before {color:#ffc2c7;}
.shakai.pageMypage .infoMain .infoButton li a,
.shakai.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.shakai .titleGateConfirm,
.shakai.type .titleGateConfirm,
.shakai .header .button.ico.arrowR {border-color:#ffc2c7;}
.shakai .titleBox .titleRibbon:before,
.shakai .titleBox .titleRibbon:after {border-top-color:#ffc2c7;}
.shakai .titleBox .titleRibbon:before,
.shakai .titleBox .titleRibbon:after {border-bottom-color:#ffc2c7;}
.shakai:not(.pageCategory) .contents.titleBox,
.shakai .titleBox .titleRibbon,
.pageCartIndex.shakai .titleBelt {background-color:#ffc2c7;}
.shakai .titleGateConfirm:before,
.type.shakai .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm12.png);}

/*老人福祉*/
.rojin .header .button.ico.arrowR:before {color:#ffe054;}
.rojin.pageMypage .infoMain .infoButton li a,
.rojin.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.rojin .titleGateConfirm,
.rojin.type .titleGateConfirm,
.rojin .header .button.ico.arrowR {border-color:#ffe054;}
.rojin .titleBox .titleRibbon:before,
.rojin .titleBox .titleRibbon:after {border-top-color:#ffe054;}
.rojin .titleBox .titleRibbon:before,
.rojin .titleBox .titleRibbon:after {border-bottom-color:#ffe054;}
.rojin:not(.pageCategory) .contents.titleBox,
.rojin .titleBox .titleRibbon,
.pageCartIndex.rojin .titleBelt {background-color:#ffe054;}
.rojin .titleGateConfirm:before,
.type.rojin .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm13.png);}

/*児童福祉*/
.jido .header .button.ico.arrowR:before {color:#b1c2fa;}
.jido.pageMypage .infoMain .infoButton li a,
.jido.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.jido .titleGateConfirm,
.jido.type .titleGateConfirm,
.jido .header .button.ico.arrowR {border-color:#b1c2fa;}
.jido .titleBox .titleRibbon:before,
.jido .titleBox .titleRibbon:after {border-top-color:#b1c2fa;}
.jido .titleBox .titleRibbon:before,
.jido .titleBox .titleRibbon:after {border-bottom-color:#b1c2fa;}
.jido:not(.pageCategory) .contents.titleBox,
.jido .titleBox .titleRibbon,
.pageCartIndex.jido .titleBelt {background-color:#b1c2fa;}
.jido .titleGateConfirm:before,
.type.jido .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm14.png);}

/*公共施設*/
.kokyo .header .button.ico.arrowR:before {color:#93d5cb;}
.kokyo.pageMypage .infoMain .infoButton li a,
.kokyo.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.kokyo .titleGateConfirm,
.kokyo.type .titleGateConfirm,
.kokyo .header .button.ico.arrowR {border-color:#93d5cb;}
.kokyo .titleBox .titleRibbon:before,
.kokyo .titleBox .titleRibbon:after {border-top-color:#93d5cb;}
.kokyo .titleBox .titleRibbon:before,
.kokyo .titleBox .titleRibbon:after {border-bottom-color:#93d5cb;}
.kokyo:not(.pageCategory) .contents.titleBox,
.kokyo .titleBox .titleRibbon,
.pageCartIndex.kokyo .titleBelt {background-color:#93d5cb;}
.kokyo .titleGateConfirm:before,
.type.kokyo .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm15.png);}

/*公民館*/
.kominkan .header .button.ico.arrowR:before {color:#ffb053;}
.kominkan.pageMypage .infoMain .infoButton li a,
.kominkan.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.kominkan .titleGateConfirm,
.kominkan.type .titleGateConfirm,
.kominkan .header .button.ico.arrowR {border-color:#ffb053;}
.kominkan .titleBox .titleRibbon:before,
.kominkan .titleBox .titleRibbon:after {border-top-color:#ffb053;}
.kominkan .titleBox .titleRibbon:before,
.kominkan .titleBox .titleRibbon:after {border-bottom-color:#ffb053;}
.kominkan:not(.pageCategory) .contents.titleBox,
.kominkan .titleBox .titleRibbon,
.pageCart.index.kominkan .titleBelt {background-color:#ffb053;}
.kominkan .titleGateConfirm:before,
.type.kominkan .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm16.png);}

/*健康･医療*/
.kenko .header .button.ico.arrowR:before {color:#fec0c5;}
.kenko.pageMypage .infoMain .infoButton li a,
.kenko.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.kenko .titleGateConfirm,
.kenko.type .titleGateConfirm,
.kenko .header .button.ico.arrowR {border-color:#fec0c5;}
.kenko .titleBox .titleRibbon:before,
.kenko .titleBox .titleRibbon:after {border-top-color:#fec0c5;}
.kenko .titleBox .titleRibbon:before,
.kenko .titleBox .titleRibbon:after {border-bottom-color:#fec0c5;}
.kenko:not(.pageCategory) .contents.titleBox,
.kenko .titleBox .titleRibbon,
.pageCartIndex.kenko .titleBelt {background-color:#fec0c5;}
.kenko .titleGateConfirm:before,
.type.kenko .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm17.png);}

/*団体・地域*/
.dantai .header .button.ico.arrowR:before {color:#ffe054;}
.dantai.pageMypage .infoMain .infoButton li a,
.dantai.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.dantai .titleGateConfirm,
.dantai.type .titleGateConfirm,
.dantai .header .button.ico.arrowR {border-color:#ffe054;}
.dantai .titleBox .titleRibbon:before,
.dantai .titleBox .titleRibbon:after {border-top-color:#ffe054;}
.dantai .titleBox .titleRibbon:before,
.dantai .titleBox .titleRibbon:after {border-bottom-color:#ffe054;}
.dantai:not(.pageCategory) .contents.titleBox,
.dantai .titleBox .titleRibbon,
.pageCartIndex.dantai .titleBelt {background-color:#ffe054;}
.dantai .titleGateConfirm:before,
.type.dantai .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm18.png);}


/*ダウンロード版*/
.download .header .button.ico.arrowR:before {color:#ffacd0;}
.download.pageMypage .infoMain .infoButton li a,
.download.pageInfo.details .infoMain .infoButton li:nth-of-type(1) a,
.download .titleGateConfirm,
.download.type .titleGateConfirm,
.download .header .button.ico.arrowR {border-color:#ffacd0;}
.download:not(.pageCategory) .contents.titleBox,
.download .titleGateConfirm:before,
.type.download .titleGateConfirm:before{background-image:url(../../images/ico/ico-gateconfirm19.png);}

/* ====================================================
　小ゲートボタンの番号
==================================================== */
.button.ico.before.noIllu.CateNo_01:before {background:#b1c2fa; content:"1";}
.button.ico.before.noIllu.CateNo_02:before {background:#ffe054; content:"2";}
.button.ico.before.noIllu.CateNo_03:before {background:#ffc2c7; content:"3";}
.button.ico.before.noIllu.CateNo_04:before {background:#e4c1f9; content:"4";}
.button.ico.before.noIllu.CateNo_05:before {background:#93d5cb; content:"5";}
.button.ico.before.noIllu.CateNo_06:before {background:#b9e085; content:"6";}
.button.ico.before.noIllu.CateNo_07:before {background:#ffe054; content:"7";}
.button.ico.before.noIllu.CateNo_08:before {background:#fec0c5; content:"8";}
.button.ico.before.noIllu.CateNo_09:before {background:#e2d0aa; content:"9";}
.button.ico.before.noIllu.CateNo_10:before {background:#fec6cb; content:"10";}
.button.ico.before.noIllu.CateNo_11:before {background:#e4c1f9; content:"11";}
.button.ico.before.noIllu.CateNo_12:before {background:#ffc2c7; content:"12";}
.button.ico.before.noIllu.CateNo_13:before {background:#ffe054; content:"13";}
.button.ico.before.noIllu.CateNo_14:before {background:#b1c2fa; content:"14";}
.button.ico.before.noIllu.CateNo_15:before {background:#93d5cb; content:"15";}
.button.ico.before.noIllu.CateNo_16:before {background:#ffb053; content:"16";}
.button.ico.before.noIllu.CateNo_17:before {background:#fec0c5; content:"17";}
.button.ico.before.noIllu.CateNo_18:before {background:#ffe054; content:"18";}


/* ====================================================
  カテゴリボタン（No＋イラスト）
==================================================== */
/*
.CateNo_01    #b1c2fa   小学校の先生方
.CateNo_02    #ffe054   幼稚園の先生方
.CateNo_03    #ffc2c7   保育園の先生方
.CateNo_04    #e4c1f9   保健の先生方
.CateNo_05    #93d5cb   給食･栄養の先生方
.CateNo_06    #b9e085   図書(図書館)の先生方
.CateNo_07    #ffe054   音楽の先生方
.CateNo_08    #fec0c5   校長･教頭先生
.CateNo_09    #e2d0aa   中学校の先生方
.CateNo_10    #fec6cb   塾･教室の方
.CateNo_11    #e4c1f9   個人・手芸・家庭
.CateNo_12    #ffc2c7   社会福祉施設の方
.CateNo_13    #ffe054   老人福祉の方
.CateNo_14    #b1c2fa   児童福祉の方
.CateNo_15    #93d5cb   公共施設の方
.CateNo_16    #ffb053   公民館施設の方
.CateNo_17    #fec0c5   健康･医療の方
.CateNo_18    #ffe054   団体･地域活動の方

桃：#f5a7cb
青：#a1b7fb
黄：#ffe054
*/

.gnav ul ul .ico.before.CateNo_01:before, .button.ico.before.noIllu.CateNo_01:before {background:#b1c2fa; content:"1";}
.gnav ul ul .ico.before.CateNo_02:before, .button.ico.before.noIllu.CateNo_02:before {background:#ffe054; content:"2";}
.gnav ul ul .ico.before.CateNo_03:before, .button.ico.before.noIllu.CateNo_03:before {background:#ffc2c7; content:"3";}
.gnav ul ul .ico.before.CateNo_04:before, .button.ico.before.noIllu.CateNo_04:before {background:#e4c1f9; content:"4";}
.gnav ul ul .ico.before.CateNo_05:before, .button.ico.before.noIllu.CateNo_05:before {background:#93d5cb; content:"5";}
.gnav ul ul .ico.before.CateNo_06:before, .button.ico.before.noIllu.CateNo_06:before {background:#b9e085; content:"6";}
.gnav ul ul .ico.before.CateNo_07:before, .button.ico.before.noIllu.CateNo_07:before {background:#ffe054; content:"7";}
.gnav ul ul .ico.before.CateNo_08:before, .button.ico.before.noIllu.CateNo_08:before {background:#fec0c5; content:"8";}
.gnav ul ul .ico.before.CateNo_09:before, .button.ico.before.noIllu.CateNo_09:before {background:#e2d0aa; content:"9";}
.gnav ul ul .ico.before.CateNo_10:before, .button.ico.before.noIllu.CateNo_10:before {background:#fec6cb; content:"10";}
.gnav ul ul .ico.before.CateNo_11:before, .button.ico.before.noIllu.CateNo_11:before {background:#e4c1f9; content:"11";}
.gnav ul ul .ico.before.CateNo_12:before, .button.ico.before.noIllu.CateNo_12:before {background:#ffc2c7; content:"12";}
.gnav ul ul .ico.before.CateNo_13:before, .button.ico.before.noIllu.CateNo_13:before {background:#ffe054; content:"13";}
.gnav ul ul .ico.before.CateNo_14:before, .button.ico.before.noIllu.CateNo_14:before {background:#b1c2fa; content:"14";}
.gnav ul ul .ico.before.CateNo_15:before, .button.ico.before.noIllu.CateNo_15:before {background:#93d5cb; content:"15";}
.gnav ul ul .ico.before.CateNo_16:before, .button.ico.before.noIllu.CateNo_16:before {background:#ffb053; content:"16";}
.gnav ul ul .ico.before.CateNo_17:before, .button.ico.before.noIllu.CateNo_17:before {background:#fec0c5; content:"17";}
.gnav ul ul .ico.before.CateNo_18:before, .button.ico.before.noIllu.CateNo_18:before {background:#ffe054; content:"18";}

.button.ico.after.noIllu.CateNo_01:after {background-image:url(../../images/ico/ico-cate01.png);}
.button.ico.after.noIllu.CateNo_02:after {background-image:url(../../images/ico/ico-cate02.png);}
.button.ico.after.noIllu.CateNo_03:after {background-image:url(../../images/ico/ico-cate03.png);}
.button.ico.after.noIllu.CateNo_04:after {background-image:url(../../images/ico/ico-cate04.png);}
.button.ico.after.noIllu.CateNo_05:after {background-image:url(../../images/ico/ico-cate05.png);}
.button.ico.after.noIllu.CateNo_06:after {background-image:url(../../images/ico/ico-cate06.png);}
.button.ico.after.noIllu.CateNo_07:after {background-image:url(../../images/ico/ico-cate07.png);}
.button.ico.after.noIllu.CateNo_08:after {background-image:url(../../images/ico/ico-cate08.png);}
.button.ico.after.noIllu.CateNo_09:after {background-image:url(../../images/ico/ico-cate09.png);}
.button.ico.after.noIllu.CateNo_10:after {background-image:url(../../images/ico/ico-cate10.png);}
.button.ico.after.noIllu.CateNo_11:after {background-image:url(../../images/ico/ico-cate11.png);}
.button.ico.after.noIllu.CateNo_12:after {background-image:url(../../images/ico/ico-cate12.png);}
.button.ico.after.noIllu.CateNo_13:after {background-image:url(../../images/ico/ico-cate13.png);}
.button.ico.after.noIllu.CateNo_14:after {background-image:url(../../images/ico/ico-cate14.png);}
.button.ico.after.noIllu.CateNo_15:after {background-image:url(../../images/ico/ico-cate15.png);}
.button.ico.after.noIllu.CateNo_16:after {background-image:url(../../images/ico/ico-cate16.png);}
.button.ico.after.noIllu.CateNo_17:after {background-image:url(../../images/ico/ico-cate17.png);}
.button.ico.after.noIllu.CateNo_18:after {background-image:url(../../images/ico/ico-cate18.png);}


/* ====================================================
  No＋イラストボックス
==================================================== */
/*.row > *:nth-child(1) .box.noIllu:before {content:"1";}
.row > *:nth-child(2) .box.noIllu:before {content:"2";}
.row > *:nth-child(3) .box.noIllu:before {content:"3";}

.row > *:nth-child(1) .box.noIllu:before,
.row > *:nth-child(1) .box.noIllu .title:before {background:#f5a7cb;}
.row > *:nth-child(2) .box.noIllu:before,
.row > *:nth-child(2) .box.noIllu .title:before {background:#a1b7fb;}
.row > *:nth-child(3) .box.noIllu:before,
.row > *:nth-child(3) .box.noIllu .title:before {background:#ffe054;}
*/
.row > *:nth-child(1) .box.noIllu .btn .button.round.reverse {border-color:#f5a7cb;}
.row > *:nth-child(2) .box.noIllu .btn .button.round.reverse {border-color:#a1b7fb;}
.row > *:nth-child(3) .box.noIllu .btn .button.round.reverse {border-color:#ffe054;}

.gateListBox.fukushi {border-color:#ffe054;}
.gateListBox.fukushi a.arrowLink:before,
.gateListBox.fukushi .title a:after {background-color:#ffe054;}

.gateListBox.kokyo {border-color:#99d1f4;}
.gateListBox.kokyo a.arrowLink:before,
.gateListBox.kokyo .title a:after {background-color:#99d1f4;}

.gateListBox.kenko {border-color:#fcd1e4;}
/*.gateListBox.kenko a.arrowLink:before,*/
.gateListBox.kenko .title a:after {background-color:#fcd1e4;}

.gateListBox.dantai {border-color:#b6e185;}
.gateListBox.dantai a.arrowLink:before,
.gateListBox.dantai .title a:after {background-color:#b6e185;}

.gateListBox.gakko {border-color:#88bae8;}
.gateListBox.gakko a.arrowLink:before {color:#88bae8;}
.gateListBox.gakko .title a:after {background-color:#88bae8;}

.gateListBox.kojin {border-color:#6dc5b8;}
.gateListBox.kojin a.arrowLink:before {color:#6dc5b8;}
.gateListBox.kojin .title a:after {background-color:#6dc5b8;}

.gateListBox.fukushi2 {border-color:#9cce66;}
.gateListBox.fukushi2 a.arrowLink:before {color:#9cce66;}
.gateListBox.fukushi2 .title a:after {background-color:#9cce66;}

.gateListBox.kokyo2 {border-color:#ffbe00;}
.gateListBox.kokyo2 a.arrowLink:before {color:#ffbe00;}
.gateListBox.kokyo2 .title a:after {background-color:#ffbe00;}

.gateListBox.kenko {border-color:#f5adce;}
.gateListBox.kenko a.arrowLink:before {color:#f5adce;}
.gateListBox.kenko .title a:after {background-color:#f5adce;}

.gateListBox.dantai2 {border-color:#bfa8e3;}
.gateListBox.dantai2 a.arrowLink:before {color:#bfa8e3;}
.gateListBox.dantai2 .title a:after {background-color:#bfa8e3;}


/* ====================================================
  ボタン
==================================================== */

/* オレンジ
-------------------------------------*/
.button.ico.illuArrow.orange       {background:#f9ce06; color:#ffffff;}
.button.ico.illuArrow.orange:after {background:#ffffff; color:#f9ce06;}
.button.ico.illuArrow.orange {
		box-shadow:0 3px 0 rgba(227,176,0,1);
	    padding: 0.9em 2.5em 0.8em 2em;
		border-radius: 40px;}

/* 濃いピンク
-------------------------------------*/
.button.ico.illuArrow.thickPink       {background: linear-gradient(#f29bc1 50%, #EC79A7 100%); color:#ffffff;border: #e86597 solid 1px;}
.button.ico.illuArrow.thickPink:after {background:#ffffff; color:#f29bc1;}
.button.ico.illuArrow.thickPink {box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);}


/* end*/