@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body, p, h1, h2, h3, h4, h5, h6, a, li, span {
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Lato, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}

/* 色付きボックスの基本設定 */

.neko-padding-2020 {
	padding: 20px 20px 20px 20px;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	margin-bottom: 20px;
}

.neko-padding-1020 {
	padding: 10px 20px 10px 20px;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	margin-bottom: 20px;
}

/* 色付きボックスの背景色を切り替え */

.neko-pink {
	background-color: #FDEFF4;
}

.neko-blue {
	background-color: #E1F5FE;
}

.neko-orange {
	background-color: #FFECB3;
}

.neko-purple {
	background-color: #E5D6EF;
}

.neko-green {
	background-color: #EEF6D2;
}

/* Block Number の色変更 */

.neko-pink .sppb-blocknumber-number {
	text-fill-color: #F48FB1;
	background-color: #ffffff;
	font-size: 150%;
}

.neko-blue .sppb-blocknumber-number {
	text-fill-color: #4FC3F7;
	background-color: #ffffff;
	font-size: 150%;
}

.neko-orange .sppb-blocknumber-number {
	text-fill-color: #FFA000;
	background-color: #ffffff;
	font-size: 150%;
}

.neko-purple .sppb-blocknumber-number {
	text-fill-color: #8955AC;
	background-color: #ffffff;
	font-size: 150%;
}

.neko-green .sppb-blocknumber-number {
	text-fill-color: #15AE00;
	background-color: #ffffff;
	font-size: 150%;
}

/* padding の部分変更 */

.neko-pink h3 {
	color: #F06292;
}

.neko-blue h3 {
	color: #4FC3F7;
}

.neko-orange h3 {
	color: #FF6F00;
}

.neko-purple h3 {
	color: #8955AC;
}

.neko-green h3 {
	color: #15AE00;
}

/* padding の部分変更 */

.neko-pl05 {
	padding-left: 5px;
}
.neko-pl10 {
	padding-left: 10px;
}
.neko-pl15 {
	padding-left: 15px;
}
.neko-pl20 {
	padding-left: 20px;
}
.neko-pl30 {
	padding-left: 30px;
}

.neko-pt05 {
	padding-top: 5px;
}
.neko-pt10 {
	padding-top: 10px;
}
.neko-pt15 {
	padding-top: 15px;
}
.neko-pt20 {
	padding-top: 20px;
}
.neko-pt15 {
	padding-top: 30px;
}

.neko-pr05 {
	padding-right: 5px;
}
.neko-pr10 {
	padding-right: 10px;
}
.neko-pr15 {
	padding-right: 15px;
}
.neko-pr20 {
	padding-right: 20px;
}
.neko-pr15 {
	padding-right: 15px;
}

.neko-pb05 {
	padding-bottom: 5px;
}
.neko-pb10 {
	padding-bottom: 10px;
}
.neko-pb15 {
	padding-bottom: 15px;
}

.neko-pb20 {
	padding-bottom: 20px;
}

/* margin の部分変更 */

.neko-mt0 {
	margin-top: 0;
}
.neko-mt05 {
	margin-top: 5px;
}
.neko-mt10 {
	margin-top: 10px;
}
.neko-mt12 {
	margin-top: 12px;
}
.neko-mt15 {
	margin-top: 15px;
}

.neko-mb05 {
	margin-bottom: 5px;
}
.neko-mb10 {
	margin-bottom: 10px;
}
.neko-mb15 {
	margin-bottom: 15px;
}

.neko-ml20 {
	margin-left: 20px;
}

.neko-ml40 {
	margin-left: 40px;
}


/* 文字の大きさを部分変更 */

.neko-txs-120 {
	font-size: 120%;
}

/* 要素の幅を部分変更 */
.neko-w80 {
	width: 80px;
}

/* 教室の対象者を示す白抜き部分 */

.container-fluid {
	padding: 10px;
}

.neko-taisho-fr {
	text-align: center;
	padding: 15px;
	background-color: #fff;
	margin-right: 3px;
	margin-bottom: 3px;
	-moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px;
}

.neko-taisho-bk {
	padding: 15px;
	background-color: #fff;
	margin-bottom: 3px;
	-moz-border-radius: 0 15px 15px 0; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0;
}

/* テキストボックスの強制中揃え */

.neko-center h2, .neko-center h3, .neko-center h4, .neko-center h5, .neko-center h6, .neko-center p {
	text-align: center;
}

/* 白抜き赤枠ボックス */

.neko-frame-01 {
	padding: 15px 15px 5px 15px;
	background-color: #ffffff;
	border: solid 2px #F06292;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}

.neko-frame-01 p {
	color: #F06292;
}

/* 白抜き赤枠ボックス */

.neko-frame-02 {
	padding: 15px 15px 5px 15px;
	background-color: #ffffff;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}

/* 文字の色を変える */

.neko-txc-pink {
	color: #F06292;
}

.neko-txc-blue {
	color: #03A9F4;
}

.neko-txc-orange {
	color: #FFA000;
}

.neko-txc-purple {
	color: #8955AC;
}

.neko-txc-green {
	color: #15AE00;
}

/* 教室の対象者を示す白抜き部分 */

.neko-table {
	background-color: #fff;
	padding: 6px 20px 6px 20px;
	margin-bottom: 10px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}

.neko-table .table {
	margin-top: 0px;
	margin-bottom: 0px;
}

.neko-table .table tbody tr td, .neko-table .table tbody tr th, .neko-table .table tfoot tr td, .neko-table .table tfoot tr th, .neko-table .table thead tr td, .table thead tr th {
	border-top: none;
}

.neko-table .table tbody tr td {
	border-spacing: 20px 10px;
}

/* 写真上の白抜きテキスト */

.neko-shironuki {
	color: #fff;
	text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
}

.neko-shironuki2 {
	color: #fff;
	text-shadow: 
    #15AE02 1px 1px 10px, #15AE02 -1px 1px 10px,
    #15AE02 1px -1px 10px, #15AE02 -1px -1px 10px;
}


.neko-shironuki3 {
	color: #fff;
	text-shadow: 
    #4FC3F7 1px 1px 10px, #4FC3F7 -1px 1px 10px,
    #4FC3F7 1px -1px 10px, #4FC3F7 -1px -1px 10px;
}


/*
.sppb-addon-content {
	padding: 20px 10px;
}
*/

/* 記事の下に出る著者情報を消す */

.article-info {display:none;}


/* hover効果を殺す */

.neko-nohover .sppb-addon-feature:hover {pointer-events: none !important;}
.neko-nohover .sppb-icon i {color: #fff !important;}

/* ホッとのメニュー用 */
.hottomenu h3 {
  color: #993366; 
  font-weight: 700;
  line-height: 1.1;
}

