/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/*Google Fonts(M+ 1p)指定
body {
	font-family: "Mplus 1p",sans-serif;
 color: #444;
}*/

a {
	color: #16A085;
}

/* 名前を非表示
fieldset.bbp-form fieldset.bbp-form p:nth-child(2) {
	display: none;
}*/

/* メールアドレスを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(3) {
	display: none;
}
/* ウェブサイトを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(4) {
	display: none;
}

/*SimplicityでbbPressのスタイルを整える*/
.bbp-breadcrumb-home,
.bbp-breadcrumb-home+.bbp-breadcrumb-sep,
.topic .post-date,
.topic .post-update,
.topic .footer-post-meta,
.post-0 .post-date,
.post-0 .post-update,
.post-0 .footer-post-meta,
.forum .post-date,
.forum .post-update,
.forum .footer-post-meta{
    display: none;
}

#bbp_search{
    font-size: 17px;
    height: 28px;
}

.post-0 .post-meta{
    height: 27px;
}

.bbp-reply-content{
    font-size: 16px;
    line-height: 170%;
}

.bbp-forum-title{
    font-size: 16px !important;
}

.bbp-topic-permalink{
    font-size: 14px !important;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #555 !important;
}

/*1文字分インデント*/
div.indent {
margin-left: 1.0em; /* ブロック全体を 1em（1文字）分右に */
text-indent: -1.0em; /* 先頭の1行のみ 1em（1文字）分左に */
}

/*注目記事*/
.chuumoku {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #16A085;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.chuumoku p:last-child {
  margin-bottom: 0;
}
.chuumoku::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "注目記事";
  background-color: #16A085;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.chuumoku::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #16A085;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f0a4";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}

/*関連記事*/
.relative-topics {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #16A085;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.relative-topics p:last-child {
  margin-bottom: 0;
}
.relative-topics::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "関連記事";
  background-color: #16A085;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.relative-topics::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #16A085;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f0a4";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}

/*おすすめの模試*/
.moshi {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #16A085;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.moshi p:last-child {
  margin-bottom: 0;
}
.moshi::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "おすすめの模試";
  background-color: #16A085;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.moshi::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #16A085;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f0a4";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}


/*おすすめの講座*/
.kouza {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #16A085;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.kouza p:last-child {
  margin-bottom: 0;
}
.kouza::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "おすすめの講座";
  background-color: #16A085;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.kouza::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #16A085;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f0a4";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}


/*おすすめの面接対策講座*/
.mensetsutaisaku {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #16A085;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.mensetsutaisaku p:last-child {
  margin-bottom: 0;
}
.mensetsutaisaku::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "おすすめの面接対策講座";
  background-color: #16A085;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.mensetsutaisaku::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #16A085;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f0a4";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}

/*おすすめのコース*/
.course {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #16A085;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.course p:last-child {
  margin-bottom: 0;
}
.course::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "おすすめのコース";
  background-color: #16A085;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.course::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #16A085;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f0a4";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}

/*アンケート*/
.questionnaire {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #ff8c00;
  border-radius: 20px;
  background-color: #faf0e6;
}
.questionnaire p:last-child {
  margin-bottom: 0;
}
.questionnaire::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "公務員試験関連のアンケート";
  background-color: #ff8c00;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}
.questionnaire::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #ff8c00;
  border-radius: 14px;
  line-height: 30px;
  text-align: center;
  content: "\f044";
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #fff;
}

/*枠囲み*/
.coupon {
    border: 5px solid #16A085;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.coupon::before {
    background-color: #fff;
    color: #16A085;
    content: "限定クーポン情報";
    font-weight: bold;
	font-size: 1.5em;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/*リスト*/
.list ul {
  border: solid 2px #16A085;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	background: whitesmoke;
}

.list ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.list ul li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #16A085; /*アイコン色*/
}

.box1 {
    padding: 0.1em 2.5em;
    margin: 0.2em 0.2em;
    font-weight: bold;
    border: solid 1px #000000;
}

.box2 {
    padding-left: 2em;
		padding-right: 2em;
    margin-left: 0.1em;
		margin-right: 0.1em;
    font-weight: bold;
    border: solid 1px #000000;
}

/*特別区*/
.tokubetsuku td {
  border: hidden;
	padding: 0.1em;
	margin: 0.2em 0.2em;
}

.parenthesis {
  position: relative;
  width: 170px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  left: 0;
  border-left: 1px solid #555;
}
.parenthesis::after {
  right: 0;
  border-right: 1px solid #555;
}

.parenthesis2 {
  position: relative;
	width: 300px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis2::before,
.parenthesis2::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis2::before {
  left: 0;
  border-left: 1px solid #555;
}
.parenthesis2::after {
  right: 0;
  border-right: 1px solid #555;
}

h3#resp, h3#reply-title{
    margin-bottom:15px;
}
 

.button-sample{
  margin: 0;
  padding: 0;
  text-align: center;
}

.button-sample .flat-button05 {
  position: relative;
	padding: 8px 30px;
  display: inline-block;
  font-weight: bold;
 
  text-decoration: none;
  color: #FFF;
  background: #05a5ab;
  border-radius: 10px;
  transition: .4s;
  }

.button-sample .flat-button05:hover {
  text-decoration: none;
  border: solid 1px #05a5ab;
  background: #FFF;
  color: #05a5ab;
}
.button-sample .fa-2x {
  font-size: 1.5em;
}

th {
	color: #000;
}