@charset "UTF-8";
@import url(../cocoon-master/style.css)
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){
	li.youtubeBackWaku{
		/* おススメ動画チャンネル 1024px以下*/
		width: 100% !important;
		/*height: 330px !important;*/
	}
	li.top2ColBase4 {
		/* 受験生日記、受験生日記を書いている人たち 改 1024px以下*/
		width: 100% !important;
		/*height: 235px !important;*/
	}
	/*.header-catch-phrase {
		display:none !important;
	}*/
    .header-catch-phrase {
		display:none;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
    div.calendar_overflow {
		/* 1日1問 月の表示 834px以下*/
		overflow: auto !important;
	}
    /* さくらとひまわり　rinco先生のRSS */
    .fw-feed-item-content-module{
        width: 100% !important; 
    }
    /* 幅を100%にする センタリング */
    .width80 {
       width: 100% !important;        
    }
    /* メルマガ囲み枠を指定 */
    .pinkKakomi2 { 
        width: 100% !important;
    }
    li.youtubeBackWaku{
		/* おススメ動画チャンネル 834px以下*/
		width: 100% !important;
		height: 330px !important;
	}
	.top2ColChild3 {
		/* おススメ動画チャンネル 834px以下*/
		top: 230px !important;
		left: 5px !important;
	}
    /* トップ1日1問 834px以下*/
	.top1monBase2 {
		width: 100% !important;
	}
	/* トップ試験日カウンター 834px以下*/
	.shikenCounterBase2 {
		width: 100% !important;
        margin-bottom: 10px !important;
	}
	div.shikenCounterText2 {
		left: 30% !important;
	}
	div.shikenCounterText3 {
		left: 39% !important;
	}
	div.shikenCounterText4 {
		left: 70% !important;
	}
	li.top2ColBase4 {
		/* 受験生日記、受験生日記を書いている人たち 改 834px以下*/
		width: 100% !important;
		height: 235px !important;
        margin-bottom: 10px !important;
	}
	.top2ColBase4Child1 {
		/* 受験生日記 改 834px以下*/
		/*position: absolute;*/
		width: 100% !important;
		/*top: 0;
		left: 0;
		z-index : 10;*/
		height: 30% !important;
		background-size: cover !important;
		background-position: 50% 35% !important;
		/*border-radius: 5px;*/
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-bottom-left-radius: 0px !important;
		/*background: #ffcb00;
		background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/nikki_new.jpg');
		padding: 5px 5px;*/
	}
	.top2ColBase4Child2 {
		/* 受験生日記を書いている人たち 改834px以下*/
		/*position: absolute;*/
		width: 100% !important;
		/*top: 0;
		left: 0;
		z-index : 10;*/
		height: 30% !important;
		background-size: cover !important;
		background-position: 50% 35% !important;
		/*border-radius: 5px;*/
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-bottom-left-radius: 0px !important;
		/*background: #ffcb00;
		background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/nikki_hito.jpg');
		padding: 5px 5px;*/
	}
	.top2ColBase4Child3 {
		/* さくらとひまわり 改834px以下*/
		/*position: absolute;*/
		width: 100% !important;
		/*top: 0;
		left: 0;
		z-index : 10;*/
		height: 30% !important;
		background-size: cover !important;
		/*border-radius: 5px;*/
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-bottom-left-radius: 0px !important;
		/*background: #ffcb00;
		background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/sakura_sensei.jpg');
		padding: 5px 5px;*/
	}
	.top2ColBase4Child4 {
		/* rinco先生 改834px以下*/
		/*position: absolute;*/
		width: 100% !important;
		/*top: 0;
		left: 0;
		z-index : 10;*/
		height: 30% !important;
		background-size: cover !important;
		/*border-radius: 5px;*/
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
		border-bottom-left-radius: 0px !important;
		/*background: #ffcb00;
		background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/rinco_sensei.jpg');
		padding: 5px 5px;*/
	}
	.top2ColChild4 {
		/* 受験生日記、受験生日記を書いている人たち 改834px以下*/
		top: 30% !important;
		left: 2% !important;
	}
	.top2ColChild1 {
		/* 受験生日記、受験生日記を書いている人たち 改834px以下*/
		top: 30% !important;
		left: 2% !important;
	}
    
    
    
    /* 見出しのデザイン 834px以下*/
	h2 {
		color: #FFF !important;
		background: -webkit-linear-gradient(to right, #16a085, #f4d03f) !important;
		background: linear-gradient(to right, #16a085, #f4d03f) !important;
		display: block !important;
		min-height: 40px !important;
		vertical-align: middle !important;
	}
	h2:after {
		/*content: "";
		display: block;
		height: 4px;
		background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
		background: linear-gradient(to right, #16a085, #f4d03f);*/
		background:initial !important;
	}
  	.header-catch-phrase {
		display:none;
	}
	div.nikkiCircleOverflow {
		/* 受験生日記 月の表示 834px以下*/
		overflow: auto !important;
		/*overflow: hidden !important;*/
	}
    nav.nikkiCircleOverflow {
		/* 受験生日記 月の表示 834px以下*/
		overflow: auto !important;
		/*overflow: hidden !important;*/
	}
    /*目次スマホ用*/
	.toc {
		margin: 10px 5px;
	}
	.toc-list > li a {
		font-size:13px;
	}
	.toc-list > li li a {
		margin-left: -3px;
	}
	.toc-list > li li ::before {
		margin-left:-5px;
	}
	
    
    table.CF7_table{
	width:95% !important;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block !important;
	width: 100% !important;
	line-height:2.5em !important;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
    table.qaAnswerTable2 {
		border: 0;
		width:100%
	  }
	  table.qaAnswerTable2 th{
		background-color: #167F92;
		display: block;
		border-right: none;
	  }
	  table.qaAnswerTable2 thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	  }
	  table.qaAnswerTable2 tr {
		display: block;
		margin-bottom: .625em;
	  }
	  table.qaAnswerTable2 td {
		border-bottom: 1px solid #bbb;
		display: block;
		font-size: .8em;
		text-align: right;
		position: relative;
		padding: .625em .625em .625em 4em;
		border-right: none;
	  }

	  table.qaAnswerTable2 td::before {
		content: attr(data-label);
		font-weight: bold;
		position: absolute;
		left: 10px;
		color: #167F92;
	  }
	  table.qaAnswerTable2 td:last-child {
		border-bottom: 0;
	  }
	  table.qaAnswerTable2 tbody th {
		color: #fff;
	}
}

/*@media(max-width:480px) {

}*/

/*480px以下*/
@media screen and (max-width: 480px){
    /*.spBreadcrumb{
        display: block;
    }*/
    h2.nikkiMidasi2 {
      padding: 10px !important;
      background-color: #FFF !important;
      color:#FFF !important;
      font-size: 16px !important;
      
    }

    h2.nikkiMidasi2:before,
    h2.nikkiMidasi2:after {
      height: 0px !important;
    }
    div.nikkiLeftSide {
        display: none !important;
    }
    div.nikkiMainRight {
        width: 100% !important;
        /*clear:both !important;*/
        float: left !important;
    }
    .goukakuTitle{
        width: 95% !important;
        font-size: inherit !important; /* フォントサイズをデフォルトに戻す */
    }
    .goukakuTitle2{
        width: 95% !important;
        font-size: inherit !important; /* フォントサイズをデフォルトに戻す */
    }
    .under480TdHeight{
        height: 70px;
    }
    .under480Hidden{
        display:none;
    }
    .under480Display{
        display:block !important;
        /*display:none;*/
    }
	.header-catch-phrase {
		display:none;
	}
	.headerShikenbiCounter {
		display:none !important;
		/*width: 180px;*/
	}
	.width70 {
		width: 100% !important;
		/*width: initial;*/
		margin: 0 auto;
	}
	.width60 {
		width: 100% !important;
		margin: 0 auto;
	}
	.loginKakomi { 
		/*margin: 0 auto;*/
		padding: 20px 20px !important;
		width: 100% !important;
	}
	
	
/* トップページスライダー 480px以下*/
	.slider-ele {
		 height:60px !important;
		 /*height:240px;
		 text-align:center;*/
	}
	.slider-ele img{
		 width:1000px !important;
		 /*width:1000px;*/
	}
	.slider1{ 
		 /*margin: 0px auto; */
		 width:100% !important;
		 /*width:80%;*/
	 }
	
	.myFontWhite{
		font-size: 22px !important;
	}
	.myChild3 {
		/*受験生勉強会とは*/
		/*position: absolute;*/
		top: 5% !important;
		left: 2% !important;
		/*z-index : 10;*/
	}
	.myChild4 {
		/*社労士試験は記憶の試験*/
		top: 5% !important;
		left: 2% !important;
	}
	/* トップページお知らせ 480px以下*/
	.fontSize20{
		font-size:initial !important;
		/*font-size:16px;*/
	}
	
    
    
	
	.spNikkiComment2 {
		/* 受験生日記 コメント 480px以下で表示*/
		display: block !important;
	}
    .nikkiComment2 {
		/* 受験生日記 吹き出し 480px以下*/
		display: none !important;
	}
	.nikkiComment2 .nikkiComment2Title {
		/* 受験生日記 吹き出し 480px以下*/
		display: none !important;
	}
	div.nikkiLeftSide2 {
		/* 受験生日記 吹き出し 480px以下*/
		display: none !important;
	}
	div.nikkiMainRight2 {
		/* 受験生日記 吹き出し 480px以下*/
		width: 100% !important;
		clear:both !important;
		/*float: right;*/
	}
	table.nikkiFontSize p{
		font-size: 16px !important;
	}
    .nikkiFontSize{
		font-size: 16px !important;
	}
    .myChild5 {
        /*本試験資料館 480px以下*/
        top: 25% !important;
        left: 5% !important;
    }
    .myChild6 {
        /*年金博士&斎藤先生　クレアール*/
        top: 0% !important;
        left: 5% !important;
    }
    .myFontWhite2{
        /* 資格試験クレアール 480px*/
        /*display: none !important;*/
    }
    .backBase1 {
        /*height: 400px !important;*/
    }
    /* 480px以下でタグ表示 */
    .resDisp{
        display: block !important;
    }
    table.nikki_head_table tr td,
	table.nikki_head_table tr th {
		padding: 1em !important;
		font-size: 12px !important;
	}

	table.nikki_head_table tr th {
		padding: .8em 2em !important;
		font-size: 13px !important;
	}

	table.nikki_head_table .table_img {
		max-width: 45px;
		margin: 0 auto 10px auto;
	}

	table.nikki_head_table a {
		font-size: 10px !important;
	}
}



/************************************
** 合格クラブのタイトル
************************************/
.goukakuTitle{
    color: #FFF;
    background: #47ab75;
    text-align: center;
    font-size: 22px;
    width: 80%;
    margin:30px auto; 
}
.goukakuTitle2{
    color: #FFF;
    background: #47ab75;
    text-align: center;
    font-size: 22px;
    width: 80%;
    margin:0px auto; 
}

/************************************
** 固定ページだけタイトルを非表示にする
************************************/
.page .entry-title {
display: none;
}

/************************************
** トップページの日記背景にテキストを重ねる
************************************/
.topNikkiNewParent {
    position: relative;
}
.topNikkiNewChild {
    position: absolute;
    top: -15%;
    left: 35%;
}
.topNikkiNewChild p {
    line-height: 1.75;
	margin: 2em 0;
}

/************************************
** トップページのYoutube背景にテキストを重ねる
************************************/
.topYoutubeParent {
    position: relative;
}

.topYoutubeChild {
    position: absolute;
    top: 40%;
    left: 10%;
}

/************************************
** トップページの試験日カウンター背景にテキストを重ねる
************************************/
.topShikenbiParent {
    position: relative;
}
.topShikenbiChild01 {
    position: absolute;
    top: -6%;
    left: 17%;
}
.topShikenbiChild02 {
    position: absolute;
    top: 25%;
    left: 17%;
}
.topShikenbiChild03 {
    position: absolute;
    top: 40%;
    left: 25%;
}
.topShikenbiChild04 {
    position: absolute;
    top: 70%;
    left: 35%;
}

/************************************
** トップページのコンテンツ背景にテキストを重ねる
************************************/
.topContentsParent {
    position: relative;
}
.topContentsChild {
    position: absolute;
    top: 27%;
    left: 17%;
}
.topContentsChild p {
    line-height: 2.5;
	
}

/************************************
** グローバルナビゲーションの背景色
************************************/
.navi {
	background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);
}
/************************************
** グローバルナビゲーションの文字サイズ
************************************/
#navi .navi-in > .menu-header .item-label{
	font-size: 13px;
}
/************************************
** グローバルナビゲーションのサブメニューの背景色
************************************/
#navi .navi-in > .menu-header .sub-menu{
	//background: #808080;
	background-image: linear-gradient(-60deg, #f4d03f 0%, #16a085 100%);
}

/************************************
****　目次
************************************/
/*.toc-title{
	font-weight:bold;
}
.toc-title::after {
	color:#337ab7;
}
.toc-list > li a {
	font-weight: bold;
	display:block;
	margin-top:10px;
	margin-left: 10px;
}
.toc-list > li a::before {
	font-family: "Font Awesome 5 Free";
	content : "\f144";
	margin-right: 7px;
}
.toc-list > li li a {
	font-weight: normal;
	font-size: 95%;
	margin-top:0;
	margin-left: 2em;
}
.toc-list > li li a::before {
	content: "";
	width: 7px;
	height: 7px;
	left: -2px;
	display: inline-block;
	border-radius: 50%;
	background: #90C31F;//こちらで緑点の色を変更できます
	position: relative;
	margin-bottom: 2px;
}
@media (max-width:880px){
	.toc-list > li a {
		margin-left: -10px;
	}
	.toc-list > li li a {
		margin-left: -2em;
	}
	.toc-list > li li a::before {
		left: 3px;
		margin-bottom:1px;
	}
}
.toc a:hover {
	color: #333333;
	text-decoration: underline;
}*/
.toc {
	display: block;
	padding: 0px;
	max-width: 600px;
	/*border: 1.2px #6ec4db solid !important;*/
	/*border: 1.2px #47ab75 solid !important;*/
}
.toc-title {
	position: relative;
	padding: 10px 0;
	/*background: #6ec4db;*/
	background: #47ab75;
	color: #fff;
	font-weight: bold;
 }
.toc .toc-content {
	padding: 15px 20px;
	/*background-color: #fff7ee;*/
	background: repeating-linear-gradient(-45deg, #fff7ee, #fff7ee 3px,#fcf4eb 3px, #fcf4eb 7px); 
	background: -webkit-repeating-linear-gradient(-45deg, #fff7ee, #fff7ee 3px,#fcf4eb 3px, #fcf4eb 7px); 
 }
.article .toc-list > li li {
	list-style: none;
}
.toc-list > li li ::before {
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	left: -15px;
	border-radius: 100%;
	background: #cdcdcd;
	position: relative;
	margin-bottom: 2px;
}
.toc-list > li li a {
	font-weight: normal;
	font-size: 95%;
	color: #708090;
	margin-left: -10px;
}


/************************************
** 見出しのデザイン
************************************/
h2 {
	position: relative;
	padding: 0.25em 0;
	/*background: #F9F9F9 !important;
	height: 60px !important;*/
}
h2:after {
	content: "";
	display: block;
	height: 4px;
	/*background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);*/
	background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
	background: linear-gradient(to right, #16a085, #f4d03f);
}

/************************************
** 見出しテスト
************************************/

h2.test {
	color: #FFF;
	height: 50px;
	padding-bottom: 20px;
	/*content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);*/
	background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
	background: linear-gradient(to right, #16a085, #f4d03f);
}

/************************************
** 囲み枠1
************************************/
.kakomiwaku26 {
	position: relative;
	/*margin: 2em 0;*/
	margin: 0 auto;
	padding: 1em 0 0;
	/*border: solid 3px #95ccff;*/
	border: solid 3px #47ab75;
	border-radius: 8px;
	text-align: left;
	width: 70%;
	background: #FFF;
}
.kakomiwaku26 .kakomiwaku-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	/*color: #95ccff;*/
	color: #47ab75;
	font-weight: bold;
}
.kakomiwaku26 p {
	margin: 0;
	padding: 0 1em 1em;
}

/************************************
** 囲み枠1 実務家クラブ
************************************/
.kakomiwaku27 {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	/*border: solid 3px #95ccff;*/
	border: solid 3px #47ab75;
	border-radius: 8px;
	text-align: left;
	width: 100%;
}
.kakomiwaku27 .kakomiwaku27-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	/*color: #95ccff;*/
	color: #47ab75;
	font-weight: bold;
}
.kakomiwaku27 p {
	margin: 0;
	padding: 0 1em 1em;
}

/************************************
** 囲み枠2
************************************/
/*.kakomiWaku2 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 3px solid #000;
  border-radius: 0 10px 10px 10px;
}

.kakomiWaku2:before {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: 'POINT';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #000;
}*/
.kakomiWaku2 {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	/*border: solid 3px #62c1ce;*/
	border: solid 3px #47ab75;
	background: #fff7ee;
	border-radius: 0 10px 10px 10px;
}
.kakomiWaku2 .kakomiWaku2Title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	/*background: #62c1ce;*/
	background: #47ab75;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.kakomiWaku2 p {
	margin: 0;
	padding: 0 1em 1em;
}

/************************************
** 囲み枠3
************************************/
.kakomiWaku3 {
    margin: 2em 0;
    /*background: #dcefff;*/
	/*background: #fff7ee;*/
	/*background: #f0f0f0;*/
	/*background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); 
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); */
	background: repeating-linear-gradient(-45deg, #f4f4f4, #f4f4f4 3px,#f7f7f7 3px, #f7f7f7 7px); 
	background: -webkit-repeating-linear-gradient(-45deg, #f4f4f4, #f4f4f4 3px,#f7f7f7 3px, #f7f7f7 7px); 
	border-radius: 0 10px 10px 10px;
}
.kakomiWaku3 .kakomiWaku3Title {
    font-size: 1.2em;
    /*background: #5fb3f5;*/
	/*background: #47ab75;*/
	background: #fcac00;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.kakomiWaku3 p {
    padding: 15px 20px;
    margin: 0;
}

/************************************
** 囲み枠4
************************************/
.kakomiWaku4 {
    margin: 2em 0;
    /*background: #dcefff;*/
	/*background: #fff7ee;*/
	/*background: #f0f0f0;*/
	/*background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); 
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); */
	background: repeating-linear-gradient(-45deg, #f4f4f4, #f4f4f4 3px,#f7f7f7 3px, #f7f7f7 7px); 
	background: -webkit-repeating-linear-gradient(-45deg, #f4f4f4, #f4f4f4 3px,#f7f7f7 3px, #f7f7f7 7px); 
	border-radius: 10px 10px 10px 10px;
}
.kakomiWaku4 p {
    padding: 15px 20px;
    margin: 0;
}

/************************************
** 合格クラブ囲み枠
************************************/
.goukakuKakomiWaku {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	/*border: solid 3px #62c1ce;*/
	border: solid 3px #47ab75;
	background: #fff7ee;
	border-radius: 0 10px 10px 10px;
}
.goukakuKakomiWaku .goukakuKakomiWakuTitle {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	/*background: #62c1ce;*/
	background: #47ab75;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.goukakuKakomiWaku p {
	margin: 0;
	padding: 0 1em 1em;
}

/************************************
** 勉強会申込み囲み枠 グリーン
************************************/
.studyKakomi { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	margin: 0 auto;
	padding: 1em 0 0; /* 枠の内側余白 */
	border: solid 3px #47ab75; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
	width: 60%;
	background: #fff7ee;
	vertical-align: middle;
}
.studyKakomi p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	color: #000; /* 文字色 */
	/*font-weight: bold;*/ /* 文字太さ */
}
.studyKakomi p a { /* 段落を指定 */
	text-decoration: none;
	color: #000; /* 文字色 */
}
.studyKakomi p a:hover { /* 段落を指定 */
	text-decoration: none;
	color: #F39800; /* 文字色 */
	font-weight: bold;
}

/************************************
** 勉強会申込み囲み枠 オレンジ
************************************/
.studyKakomi2 { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	margin: 0 auto;
	padding: 1em 0 0; /* 枠の内側余白 */
	border: solid 3px #fcac00; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
	width: 60%;
	background: #fff7ee;
	vertical-align: middle;
	/*border: 2px solid #fcac00;*/
}
.studyKakomi2 p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	color: #000; /* 文字色 */
	/*font-weight: bold;*/ /* 文字太さ */
}
.studyKakomi2 p a { /* 段落を指定 */
	text-decoration: none;
	color: #000; /* 文字色 */
}
.studyKakomi2 p a:hover { /* 段落を指定 */
	text-decoration: none;
	color: #F39800; /* 文字色 */
	/*font-weight: bold;*/
}

/************************************
** 合格クラブ囲み枠 グリーン
************************************/
.goukakuKakomi { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	margin: 0 auto;
	padding: 1em 1em 0; /* 枠の内側余白 */
	border: solid 3px #47ab75; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
	/*width: 60%;*/
	/*background: #fff7ee;*/
	background: repeating-linear-gradient(-45deg, #fff7ee, #fff7ee 3px,#fffaf5 3px, #fffaf5 7px); 
	background: -webkit-repeating-linear-gradient(-45deg, #fff7ee, #fff7ee 3px,#fffaf5 3px, #fffaf5 7px);
	vertical-align: middle;
}
.goukakuKakomi p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	color: #000; /* 文字色 */
	/*font-weight: bold;*/ /* 文字太さ */
}
.goukakuKakomi p a { /* 段落を指定 */
	text-decoration: none;
	color: #000; /* 文字色 */
}
.goukakuKakomi p a:hover { /* 段落を指定 */
	text-decoration: none;
	color: #F39800; /* 文字色 */
	font-weight: bold;
}

/************************************
** 合格クラブ囲み枠 オレンジ
************************************/
.goukakuKakomi2 { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	margin: 0 auto;
	padding: 1em 0 0; /* 枠の内側余白 */
	border: solid 3px #fcac00; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
	/*width: 60%;*/
	background: #fff7ee;
	vertical-align: middle;
	/*border: 2px solid #fcac00;*/
}
.goukakuKakomi2 p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	color: #000; /* 文字色 */
	/*font-weight: bold;*/ /* 文字太さ */
}
.goukakuKakomi2 p a { /* 段落を指定 */
	text-decoration: none;
	color: #000; /* 文字色 */
}
.goukakuKakomi2 p a:hover { /* 段落を指定 */
	text-decoration: none;
	color: #F39800; /* 文字色 */
	/*font-weight: bold;*/
}

/************************************
** ログイン囲み枠 グリーン
************************************/
.loginKakomi { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	margin: 0 auto;
	padding: 3em 4em; /* 枠の内側余白 */
	border: solid 3px #47ab75; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
	width: 60%;
	background: #fff7ee;
	/*background: #e5e5e5;*/
	vertical-align: middle;
}
.loginKakomi p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	color: #000; /* 文字色 */
	/*font-weight: bold;*/ /* 文字太さ */
}
.loginKakomi p a { /* 段落を指定 */
	text-decoration: none;
	color: #000; /* 文字色 */
}
.loginKakomi p a:hover { /* 段落を指定 */
	text-decoration: none;
	color: #F39800; /* 文字色 */
	font-weight: bold;
}

/************************************
** 合格クラブ既存会員様の囲み枠 ピンク
************************************/
.goukakuLoginKakomi {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	/*border: solid 3px #95ccff;*/
	border: solid 3px #f4b4d0;
	border-radius: 8px;
}

.goukakuLoginKakomi .goukakuLoginKakomiTitle {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 18px;
	background: #FFF;
	/*color: #95ccff;*/
	color: #f4b4d0;
	font-weight: bold;
}

.goukakuLoginKakomi p {
	margin: 0;
	padding: 0 1em 1em;
}

/************************************
** 特定の画像の影を消す
************************************/
figure.noshadow img {
    box-shadow: none;
}
.noshadow img {
    box-shadow: none;
}

/************************************
** ハイパーリンクの下線を非表示
************************************/
.textDecorationNone a{
	text-decoration: none;
}


/************************************
** テキストサイズ
************************************/
.fontSize16{
	font-size: 16px;
}
.fontSize18{
	font-size: 18px;
}
.fontSize20{
	font-size: 20px;
}
.fontSize22{
	font-size: 22px;
}
.fontSize24{
	font-size: 24px;
}

/************************************
** フォントカラー ホワイト
************************************/
.fontColorFFF !important{
	color: #FFF;
}
.fontColorFFF a !important{
	color: #FFF;
}

/************************************
** フォントカラー グレイ
************************************/
.fontColorCCC{
	color: #CCC !important;
}
.fontColorCCC a{
	color: #CCC !important;
}

/************************************
** フォントカラー ブラック
************************************/
.fontColor000{
	color: #000 !important;
}
.fontColor000 a{
	color: #000 !important;
}

.fontColor333{
	color: #333 !important;
}
.fontColor333 a{
	color: #333 !important;
}

/************************************
** フォントカラー グリーン　合格クラブ
************************************/
.fontColorGoukakuGreen{
	color: #47ab75;
}
.fontColorGoukakuGreen a{
	color: #47ab75;
}

/************************************
** フォント太字
************************************/
.fontBold{
	font-weight: bold;
}

/************************************
** テキストのセンタリング
************************************/
.textCenter {
	text-align: center;
}

/************************************
** センタリング
************************************/
.Centering {
	margin: 0 auto;
}

/************************************
** 幅を60%にする センタリング
************************************/
.width60 {
	width: 60%;
	margin: 0 auto;
}

/************************************
** 幅を70%にする センタリング
************************************/
.width70 {
	width: 70%;
	margin: 0 auto;
}

/************************************
** 幅を80%にする センタリング
************************************/
.width80 {
	width: 80%;
	margin: 0 auto;
}

/************************************
** 幅を90%にする センタリング
************************************/
.width90 {
	width: 90%;
	margin: 0 auto;
}

/************************************
** 幅を100%にする センタリング
************************************/
.width100 {
	width: 100%;
	margin: 0 auto;
}


/************************************
** テーブルのデザイン
************************************/
table.nikki_head_table {
	/*max-width: 900px !important;*/
	width: 100%;
	margin: 15px auto !important;
	background: #FFF;
	text-align: center !important;
	font-size: 14px !important;
	display: block !important;
	overflow-x: scroll !important;
	overflow-y: hidden !important;
	white-space: nowrap !important;
	-webkit-overflow-scrolling: touch !important;
	color: #333 !important;
	border: none !important;
	border-collapse: collapse !important;
}

table.nikki_head_table a {
	/*color: #333 !important;*/
	color: #FFF !important;
	text-decoration: none !important;
	transition: .2s;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.25em !important;
	font-size: 13px !important;
	display: block !important;
	position: relative !important;
	text-align: center !important;
}

table.nikki_head_table a:hover {
	opacity: .8;
}

table.nikki_head_table tr td,
table.nikki_head_table tr th {
	padding: 1.5em 2.2em !important;
	line-height: 1.25em !important;
	font-size: 14px !important;
	border: none !important;
	position: relative !important;
	text-align: center !important;
	vertical-align: middle !important;
}

table.nikki_head_table tr td {
	font-size: 13px !important;
}

table.nikki_head_table tr td:first-child {
	position: sticky !important;
	left: 0 !important;
	background: #FFF !important;
	z-index: 2;
}

table.nikki_head_table tr th:first-child {
	position: sticky !important;
	left: 0 !important;
	z-index: 2;
}

table.nikki_head_table tr td:nth-child(even) {
	background: #FAFAFA !important;
}

table.nikki_head_table tr th {
	padding: .8em 2em !important;
	background: #47ab75 !important;
	/*background: #5E8B6D !important;*/
	color: #fff !important;
	width: 100% !important;
	position: relative !important;
}

table.nikki_head_table tr th:nth-child(even):after {
	content: "";
	display: block !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .03);
	position: absolute;
}

table.nikki_head_table tr:nth-child(even) td:nth-child(even):after {
	content: "";
	display: block !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .04);
	position: absolute;
}

table.nikki_head_table::-webkit-scrollbar {
	width: 10px !important;
	height: 10px !important;
}

table.nikki_head_table::-webkit-scrollbar-track {
	background: #FAFAFA !important;
}

table.nikki_head_table::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #47ab75 !important;
	/*background: #5E8B6D !important;*/
}

table.nikki_head_table .table_img {
	display: block;
	max-width: 60px;
	margin: 0 auto 15px auto;
}



/************************************
** 日記の年月日selectの幅
************************************/
.nen_tuki_nichi{
	width: 20%;
}

/************************************
** 日記のタイトルtextの幅
************************************/
input.writeNikkiTitle{
	width: 75%;
}

/************************************
** 日記の勉強時間textの幅
************************************/
input.writeNikkiJikan{
	width: 30%;
}

/************************************
** クレアール回答者ページのselectの幅
************************************/
.qaCategorySelect{
	width: 30%;
}
/*.qaSearchText input[type='text']{
	width: 30% !important;
}*/
input.qaSearchText{
	width: 60% !important;
}
/*.btn-primary input[type='submit']{
	width: 10% !important;
}*/
input.btn-primary{
	width: 10% !important;
}
input.qaSearchCheck{
	margin: 10px;
}

/************************************
** クレアールQ&Aの質問を送るページのselectの幅
************************************/
.qaCategorySelect2{
	width: 30%;
}
/*.qaSearchText input[type='text']{
	width: 30% !important;
}*/
input.qaSearchText2{
	width: 100% !important;
}
/*.btn-primary input[type='submit']{
	width: 10% !important;
}*/
input.btn-primary2{
	width: 10% !important;
}
input.qaSearchCheck2{
	margin: 10px;
}

/************************************
** 枠のあるボタン
************************************/
.wakuBtn1 {
	/*color: #E07487 !important;*/
	color: #fcac00 !important;
	/*border: 2px solid #E07487;*/
	border: 2px solid #fcac00;
	border-radius: 5px;
	padding: .7em 2em;
	display: inline-block;
	text-decoration: none !important;
	margin: 15px 0;
	background-color: #FFF;
}

/************************************
** グラデーションのボタン オレンジ
************************************/
.gradationBtn1 {
	color: #FFF !important;
	border-radius: 5px;
	padding: .7em 2em;
	display: inline-block;
	/*background: transparent linear-gradient(0deg, rgba(224,116,135) 0%, rgba(224,116,135,.6) 100%) 0% 0% no-repeat padding-box;*/
	background: transparent linear-gradient(0deg, rgba(252,172,0) 0%, rgba(252,172,0,.6) 100%) 0% 0% no-repeat padding-box;
	text-decoration: none !important;
	margin: 15px 0;
	font-weight: bold;
	text-shadow: 1px 1px 0 #3f3f3f;
}

/************************************
** グラデーションのボタン 濃いオレンジ
************************************/
.gradationBtn2 {
	color: #FFF !important;
	border-radius: 5px;
	padding: .7em 2em;
	display: inline-block;
	/*background: transparent linear-gradient(0deg, rgba(224,116,135) 0%, rgba(224,116,135,.6) 100%) 0% 0% no-repeat padding-box;*/
	background: transparent linear-gradient(0deg, rgba(252,172,0) 0%, rgba(252,172,0,.6) 100%) 0% 0% no-repeat padding-box;
	text-decoration: none !important;
	margin: 15px 0;
	font-weight: bold;
	/*text-shadow: 1px 1px 0 #3f3f3f;*/
	text-shadow:0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f,0 0 1px #3f3f3f;
}

/************************************
** グローバル以外のメニューを横に並べる
************************************/
.g_navi {
	/*background: #47ab75;*/
}
	.g_navi ul {
		display: flex;
		margin: 0 auto;
		padding: 0 3%;
		width: 94%;
		max-width: 960px;
		list-style-type: none;
	}
		.g_navi ul li {
			position: relative;
			width: 32%;
		}
		.g_navi ul li:first-child::before {
			position: absolute;
			display: block;
			content: "";
			top: 25%;
			left: 0px;
			width: 1px;
			height: 50%;
			/*background-color: #976d52;*/
			background-color:#FFF;
		}
		.g_navi ul li::after {
			position: absolute;
			display: block;
			content: "";
			top: 25%;
			right: 0px;
			width: 1px;
			height: 50%;
			/*background-color: #976d52;*/
			background-color:#FFF;
		}
			.g_navi ul li a {
				display: block;
				/*padding: 17px 10px;*/
				padding: 3px 10px;
				color: #fff;
				text-align: center;
				text-decoration: none;
			}
			.g_navi ul li a:hover {
				/*background-color: #472108;*/
				opacity: .8;
			}
			.g_navi ul li input[type=button] {
				/*display: block;
				padding: 17px 10px;*/
				padding: 3px 10px;
				color: #fff;
				text-align: center;
				text-decoration: none;
			}
			.g_navi ul li input[type=button]:hover {
				/*background-color: #472108;*/
				opacity: .8;
			}

/************************************
** グローバル以外のメニューを横に並べる
************************************/
.g_navi2 {
	/*background: #47ab75;
	background: #FFF;*/
}
	.g_navi2 ul {
		display: flex;
		margin: 0 auto;
		padding: 0 3%;
		width: 94%;
		max-width: 960px;
		list-style-type: none;
	}
		.g_navi2 ul li {
			position: relative;
			width: 32%;
		}
		.g_navi2 ul li:first-child::before {
			position: absolute;
			display: block;
			content: "";
			top: 25%;
			left: 0px;
			width: 1px;
			height: 50%;
			/*background-color: #976d52;*/
			/*background-color:#FFF;*/
		}
		.g_navi2 ul li::after {
			position: absolute;
			display: block;
			content: "";
			top: 25%;
			right: 0px;
			width: 1px;
			height: 50%;
			/*background-color: #976d52;*/
			/*background-color:#FFF;*/
		}
			.g_navi2 ul li a {
				display: block;
				/*padding: 17px 10px;*/
				padding: 3px 10px;
				color: #fff;
				text-align: center;
				text-decoration: none;
			}
			.g_navi2 ul li a:hover {
				/*background-color: #472108;*/
				opacity: .8;
			}
			.g_navi2 ul li input[type=button] {
				/*display: block;
				padding: 17px 10px;*/
				padding: 3px 10px;
				color: #fff;
				text-align: center;
				text-decoration: none;
			}
			.g_navi2 ul li input[type=button]:hover {
				/*background-color: #472108;*/
				opacity: .8;
			}

/************************************
** テキストボックス
************************************/
.cp_iptxt {
	position: relative;
	width: 80%;
	margin: 40px 3%;
}
.cp_iptxt input[type='text'], .cp_iptxt input[type='password']{
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: 1px solid #1b2538;
	border-radius: 4px;
	margin: 0px 10px 10px;
}
.ef input[type='text']:focus, .ef input[type='password']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}

/************************************
** グローバルメニューのボタン化(問い合わせ)
************************************/
.globalMenuBtn1 {
	/*ベタ塗り*/
	/*background: #E07487;*/
	background: #fcac00;
	/*background: transparent linear-gradient(0deg, rgba(247,144,52) 100%, rgba(252,172,0,.6) 100%) 0% 0% no-repeat padding-box;*/
	color:#FFF !important;
	border-radius: 5px;
	padding: 0em 0em;
	display: inline-block;
	text-decoration: none !important;
	margin: 2px 1px;
}
.globalMenuBtn2 {
	/*グラデーション上下*/
	  color: #FFF !important;
	  border-radius: 5px;
	  padding: 0em 0em;
	  display: inline-block;
	  background: transparent linear-gradient(0deg, rgba(252,172,0) 0%, rgba(252,172,0,.6) 100%) 0% 0% no-repeat padding-box;
	  text-decoration: none !important;
	  margin: 2px 0;
}
.globalMenuBtn3 {
	/*グラデーション左右*/
	  color: #FFF !important;
	  border-radius: 5px;
	  padding: 0em 0em;
	  display: inline-block;
	  background: transparent linear-gradient(90deg, rgba(252,172,0) 0%, rgba(252,172,0,.6)100%) 0% 0% no-repeat padding-box;
	  text-decoration: none !important;
	  margin: 2px 0;
}

/************************************
** ヘッダー合格クラブボタン
************************************/
.headerGoukakuBtn1 {
	/*ベタ塗り*/
	/*background: #E07487;*/
	background: #fcac00;
	/*background: transparent linear-gradient(0deg, rgba(247,144,52) 100%, rgba(252,172,0,.6) 100%) 0% 0% no-repeat padding-box;*/
	color:#FFF !important;
	border-radius: 5px;
	padding: 8px 15px;
	display: inline-block;
	text-decoration: none !important;
	margin: 2px 1px;
	text-shadow: 0px 0px 0 #FFF;
	font-size: 13px;
}

/************************************
** ヘッダーログアウトボタン
************************************/
.headerLogoutBtn {
	/*ベタ塗り*/
	/*background: #E07487;*/
	background: #fcac00;
	/*background: transparent linear-gradient(0deg, rgba(247,144,52) 100%, rgba(252,172,0,.6) 100%) 0% 0% no-repeat padding-box;*/
	color:#FFF !important;
	border-radius: 5px;
	padding: 8px 15px;
	display: inline-block;
	text-decoration: none !important;
	margin: 2px 1px;
	text-shadow: 0px 0px 0 #FFF;
	font-size: 13px;
}



/************************************
** クレアールQ&A回答者ページ　テーブル
************************************/
.qaAnswerTable1 table {
  background: #f5f5f5;
  border-collapse: separate;
  box-shadow: inset 0 1px 0 #fff;
  font-size: 12px;
  line-height: 24px;
  margin: 30px auto;
  text-align: left;
  width: 800px;
} 

.qaAnswerTable1 th {
  background: url(https://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
  border-left: 1px solid #555;
  border-right: 1px solid #777;
  border-top: 1px solid #555;
  border-bottom: 1px solid #333;
  box-shadow: inset 0 1px 0 #999;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  position: relative;
  text-shadow: 0 1px 0 #000;  
}

.qaAnswerTable1 th:after {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
  content: '';
  display: block;
  height: 25%;
  left: 0;
  margin: 1px 0 0 0;
  position: absolute;
  top: 25%;
  width: 100%;
}

.qaAnswerTable1 th:first-child {
  border-left: 1px solid #777;  
  box-shadow: inset 1px 1px 0 #999;
}

.qaAnswerTable1 th:last-child {
  box-shadow: inset -1px 1px 0 #999;
}

.qaAnswerTable1 td {
  border-right: 1px solid #fff;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 15px;
  position: relative;
  transition: all 300ms;
}

.qaAnswerTable1 td:first-child {
  box-shadow: inset 1px 0 0 #fff;
} 

.qaAnswerTable1 td:last-child {
  border-right: 1px solid #e8e8e8;
  box-shadow: inset -1px 0 0 #fff;
} 

.qaAnswerTable1 tr {
  /*background: url(https://jackrugile.com/images/misc/noise-diagonal.png); */
}

.qaAnswerTable1 tr:nth-child(odd) td {
  /*background: #f1f1f1 url(https://jackrugile.com/images/misc/noise-diagonal.png); */
}

.qaAnswerTable1 tr:last-of-type td {
  box-shadow: inset 0 -1px 0 #fff; 
}

.qaAnswerTable1 tr:last-of-type td:first-child {
  box-shadow: inset 1px -1px 0 #fff;
} 

.qaAnswerTable1 tr:last-of-type td:last-child {
  box-shadow: inset -1px -1px 0 #fff;
} 

.qaAnswerTable1 tbody:hover td {
  /*color: transparent;
  text-shadow: 0 0 3px #aaa;*/
}

.qaAnswerTable1 tbody:hover tr:hover td {
  color: #444;
  text-shadow: 0 1px 0 #fff;
}

/************************************
** クレアールQ&A回答者ページ　フラットテーブル
************************************/
/*.qaAnswerTable2 {
  display: block;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 115%;
  overflow: auto;
  width: auto;
}
.qaAnswerTable2 th {
    background-color: rgb(112, 196, 105);
    color: white;
    font-weight: normal;
    padding: 20px 30px;
    text-align: center;
}
.qaAnswerTable2 td {
    background-color: rgb(238, 238, 238);
    color: rgb(111, 111, 111);
    padding: 20px 30px;
}*/
table.qaAnswerTable2 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  /*width: 650px;*/
  width: 100%;
  table-layout: fixed;
}

table.qaAnswerTable2 tr {
  /*background-color: #e6f2f5;*/
  background-color: #eeeeee;
  /*padding: .35em;*/
  padding: .05em;	
  border-bottom: 2px solid #fff;
}
table.qaAnswerTable2 th,
table.qaAnswerTable2 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table.qaAnswerTable2 th {
  font-size: .85em;
}
table.qaAnswerTable2 thead tr{
  background-color: #167F92;
  color:#fff;
}
table.qaAnswerTable2 tbody th {
    /*background: #78bbc7;*/
	background: #89c997;
    color: #fff;
}
.qaAnswerTable2txt{
   text-align: left;
   font-size: .85em;
}
.qaAnswerTable2price{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.qaAnswerTable2 non{
  background:#fff
}


/************************************
** クレアールQ&A回答者ページ　テーブル3
************************************/
.qaAnswerTable3 table {
  background: #f5f5f5;
  border-collapse: separate;
  box-shadow: inset 0 1px 0 #fff;
  font-size: 12px;
  line-height: 24px;
  margin: 30px auto;
  text-align: left;
  width: 800px;
} 

.qaAnswerTable3 th {
  background: #89c997;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}

.qaAnswerTable3 th:after {
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
  content: '';
  display: block;
  height: 25%;
  left: 0;
  margin: 1px 0 0 0;
  position: absolute;
  top: 25%;
  width: 100%;
}

.qaAnswerTable3 td {
  padding: 10px 15px;
  position: relative;
  background: #eeeeee;
}

.qaAnswerTable3 td:last-child {
  border-right: 1px solid #e8e8e8;
} 

.qaAnswerTable3 tr:last-of-type td {
  box-shadow: inset 0 -1px 0 #fff; 
}

.qaAnswerTable3 tr:last-of-type td:first-child {
  box-shadow: inset 1px -1px 0 #fff;
} 

.qaAnswerTable3 tr:last-of-type td:last-child {
  box-shadow: inset -1px -1px 0 #fff;
} 

.qaAnswerTable3 tbody:hover tr:hover td {
  color: #444;
}
.qaAnswerTable3Td01{
  width: 7%;
}
.qaAnswerTable3Td02{
  width: 5%;
}
.qaAnswerTable3Td03{
  width: 10%;
}
.qaAnswerTable3Td04{
  width: 8%;
}
.qaAnswerTable3Td05{
  width: 12%;
}
.qaAnswerTable3Td06{
  width: 13%;
}
.qaAnswerTable3Td07{
  width: 22%;
}
.qaAnswerTable3Td08{
  width: 10%;
}
.qaAnswerTable3Td09{
  width: 7%;
}
.qaAnswerTable3Td10{
  width: 7%;
}
.qaAnswerTable3Td11{
  width: 7%;
}

/************************************
** クレアールQ&A回答者ページ　回答未回答サイン
************************************/
.qaAnswerJudgeMi {
	color: #000;
	background-color: #f9c100;
	/*background-color: #e60012;*/
	border-radius: 50%;
	line-height: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
}
.qaAnswerJudgeZumi {
	color: #000;
	background-color: #2cbf6f;
	border-radius: 50%;
	line-height: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
}

/************************************
** クレアールQ&Aリストリンク
************************************/
a.qaListLink{
	/*color: #333;*/
	text-decoration: none;
}

/************************************
** ContactForm7カスタマイズ
************************************/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: 2px solid #e5e5e5;
}

table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	/*font-size:.9em;*/
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	/*font-size:.9em;*/
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}



    .CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	}
	.CF7_table td{
	background-color:#FFF;
	}    



/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	/*font-size:1.2em;
	font-weight:bold;*/
	margin:0 auto;
	/*width: 10%;*/
    width: 149px;
	border-radius: 5px;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/************************************
** 各ページのサブメニューを右寄せにする
************************************/
.subMenu1{
	width: 100%;
	text-align: right;
}

/************************************
** ページ数表記のテーブルの垂直方向の位置
************************************/
table.pageTable1 td{
	height: 50px;
}
table.pageTableMiddle1{
	vertical-align: middle;
}
table.pageTableBottom1{
	vertical-align: bottom;
}
table.pageTableTop1{
	vertical-align: top;
}
table.pageTable1 td a{
	text-decoration: none;
}

/************************************
** 日記ページの構造
************************************/
div.nikkiContainer {
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	/*width: 850px;*/
	width: 100%;
	text-align: left;
	/*font-size: 80%;*/
	/*background: url("images/bg.gif") repeat-y left top;*/
}
div.nikkiLeftSide {
	margin: 0px;
	padding: 10px 10px 20px 10px;
	/*width: 190px;*/
	width: 25%;
	float: left;
	text-align: left;
	/*background-color: #EDFFE1;*/
}
div.nikkiMainRight {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	/*width: 610px;*/
	width: 70%;
	float: right;
	text-align: left;
}

/************************************
** 日記ページの構造2
************************************/
div.nikkiContainer2 {
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	/*width: 850px;*/
	width: 100%;
	text-align: left;
	/*font-size: 80%;*/
	/*background: url("images/bg.gif") repeat-y left top;*/
}
div.nikkiLeftSide2 {
	margin: 0px;
	padding: 10px 10px 20px 10px;
	/*width: 190px;*/
	width: 25%;
	float: left;
	text-align: left;
	/*background-color: #EDFFE1;*/
}
div.nikkiMainRight2 {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	/*width: 610px;*/
	width: 70%;
	float: right;
	text-align: left;
}

/************************************
** 日記の見出し
************************************/
h2.nikkiMidasi1{
	background: #FFF;
	padding: 6px;
}
h2.nikkiMidasi1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #ff8620, #ff8620 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ff8620, #ff8620 2px, #fff 2px, #fff 4px);
  /*background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);*/
}

/************************************
** 日記の見出し2
************************************/
/*.nikkiMidasi2 {
  border-bottom: solid 3px skyblue;
  position: relative;
  margin-bottom: 10px;
}

.nikkiMidasi2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}*/
h2.nikkiMidasi2 {
  /*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;*/
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  background-color: #FFF;
  text-align: center;
  color:#000;
  font-size: 1.5em;
  font-weight: bold;
}

h2.nikkiMidasi2:before,
h2.nikkiMidasi2:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  /*background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
  background: linear-gradient(to right, #16a085, #f4d03f);*/
  background-image: -webkit-linear-gradient(315deg, #16a085 0%, #f4d03f 40%, #f4d03f 60%, #16a085 100%);
  background-image: linear-gradient(135deg, #16a085 0%, #f4d03f 40%, #f4d03f 60%, #16a085 100%);
}

h2.nikkiMidasi2:before {
  top: 0;
}

h2.nikkiMidasi2:after {
  bottom: 0;
}

div.nikkiMidasi2 {
  /*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;*/
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  background-color: #FFF;
  text-align: center;
  color:#000;
  font-size: 1.5em;
  font-weight: bold;
}

div.nikkiMidasi2:before,
div.nikkiMidasi2:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  /*background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
  background: linear-gradient(to right, #16a085, #f4d03f);*/
  background-image: -webkit-linear-gradient(315deg, #16a085 0%, #f4d03f 40%, #f4d03f 60%, #16a085 100%);
  background-image: linear-gradient(135deg, #16a085 0%, #f4d03f 40%, #f4d03f 60%, #16a085 100%);
}

div.nikkiMidasi2:before {
  top: 0;
}

div.nikkiMidasi2:after {
  bottom: 0;
}

/************************************
** 日記の囲み枠リンク1
************************************/
.nikkiBox1 { /* 囲み枠を指定 */
	margin: 0 0 1em; /* 枠の外側余白 */
	padding: 1em 1em; /* 枠の内側余白 */
	border: solid 3px #6091d3; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
	display:block;
}
a.nikkiBox1  { /* 段落を指定 */
	margin: 1em; /* 行の外側余白 */
	padding: 0; /* 行の内側余白 */
	color: #6091d3; /* 文字色 */
	font-weight: bold; /* 文字太さ */
	text-decoration: none;
}

/************************************
** 日記の囲み枠リンク2
************************************/
.btn-flat-stripe {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  /*border-left: solid 4px #668ad8;
  border-right: solid 4px #668ad8;*/
  border-left: solid 4px #ff8620;
  border-right: solid 4px #ff8620;
  /*color: #668ad8;*/
  color: #039903;
  text-shadow: 0 0 5px white;
  padding: 0.5em 1em;
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  transition: .4s;
}

.btn-flat-stripe:hover {
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 5px,#e9f4ff 5px, #e9f4ff 9px);
}

/************************************
** 日記のリンク(東日本、西日本)
************************************/

.btn-right-radius {
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin: 0.1em 0em;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #47ab75;
  /*background: #ECECEC;*/
  background: #fff8e8;
  border-left: solid 10px #ffc06e;
  border-radius: 0 15px 15px 0;
  transition: .4s;
}
.btn-right-radius:hover {
  /*background: #636363;
  color: #47ab75;*/
  color: rgba(71, 171, 117, 0.47);
}

/*
.btn-right-radius { 
	margin: 1em 0 2em; 
	padding: 1em 0 0; 
	background: #fff8e8; */
	/*border-left: solid 10px #ffc06e;*/ 
	/*border-left: solid 10px #ffc06e;
	transition: .4s;
}
.btn-right-radius a { 
	margin: 0; 
	padding: 0 1em 1em; */
	/*color: #232323;*/ 
	/*color: #47ab75;
	
}
.btn-right-radius:hover {
  color: rgba(71, 171, 117, 0.47);
}
*/
/************************************
** 日記の丸ボタン1
************************************/
.btn-circle-border1 {
  margin: 15px 5px;
  display: inline-block;
  text-decoration: none;
  /*background: #8cd460;*/
  background: #ffcc66;
  color: rgba(255, 255, 255, 0.47);
  font-weight: bold;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  /*box-shadow: 0px 0px 0px 5px #8cd460;*/
  border: solid 2px rgba(255, 255, 255, 0.47);
  transition: .4s;
}
a.btn-circle-border1{
  font-size: 10px;
}
/*.btn-circle-border1:hover {
  border-style: dashed;
}*/

/************************************
** 日記の丸ボタン2
************************************/
.btn-circle-border2 {
  margin: 15px 0px;
  display: inline-block;
  text-decoration: none;
  /*background: #8cd460;*/
  background: #ffcc66;
  /*color: rgba(255, 255, 255, 0.47);*/
  color: rgba(255, 255, 255, 1);
  /*font-weight: bold;*/
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  /*box-shadow: 0px 0px 0px 5px #8cd460;*/
  border: solid 2px rgba(255, 255, 255, 0.47);
  transition: .4s;
}
a.btn-circle-border2{
  font-size: 16px;
}
.btn-circle-border2:hover {
  /*border-style: dashed;*/
  color: rgba(255, 255, 255, 0.47);
}

/************************************
** 日記のHR1
************************************/
hr.nikkiHr1 {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
	margin: 10px 0px;
}

/************************************
** 日記のHR2
************************************/
hr.nikkiHr2 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	
}

/************************************
** HR1
************************************/
hr.hr1 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

/************************************
** HR2
************************************/
hr.hr2 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0.6,0.6,0.6,0), rgba(0.6,0.6,0.6,0.75), rgba(0.6,0.6,0.6,0));
    background-image:    -moz-linear-gradient(left, rgba(0.6,0.6,0.6,0), rgba(0.6,0.6,0.6,0.75), rgba(0.6,0.6,0.6,0));
    background-image:     -ms-linear-gradient(left, rgba(0.6,0.6,0.6,0), rgba(0.6,0.6,0.6,0.75), rgba(0.6,0.6,0.6,0));
    background-image:      -o-linear-gradient(left, rgba(0.6,0.6,0.6,0), rgba(0.6,0.6,0.6,0.75), rgba(0.6,0.6,0.6,0));
}


/************************************
** 日記のコメント枠
************************************/
.nikkiComment {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	/*border: solid 3px #62c1ce;*/
	/*border: solid 3px #ffcc66;*/
	border: solid 3px #47ab75;
}
.nikkiComment .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
	/*background: #62c1ce;*/
	/*background: #ffcc66;*/
	background: #47ab75;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.nikkiComment p {
	margin: 0;
	padding: 0 1em 1em;
}

/************************************
** 日記執筆者のコメント枠
************************************/
.nikkiComment2 {
	position: relative;
	margin: 2em 0;
	padding: 1em 0 0;
	/*border: solid 3px #95ccff;*/
	border: solid 3px #47ab75;
	border-radius: 8px;
	background-color: #FFF;
}
.nikkiComment2 .nikkiComment2Title {
	position: absolute;
	display: inline-block;
	top: -22px;
	left: 10px;
	padding: 2px 9px;
	line-height: 1;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #47ab75;
	/*color: #95ccff;*/
	color: #FFF;
	/*font-weight: bold;*/
}
.nikkiComment2 .nikkiComment2Title img {
	position: absolute;
	display: inline-block;
	top: 26px;
	left: -6px;
}
.nikkiComment2 p {
	margin: 0;
	padding: 0 1em 1em;
}
/* 三角アイコン - 普通の吹き出し */
.nikkiComment2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #47ab75;
  /*border-right: 15px solid #fff3ad;*/
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.nikkiComment2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -11px;
  top: 20px;
  border-left: 15px solid #FFF;
  /*border-right: 15px solid #ffadad;*/
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/************************************
** 日記執筆者のコメント枠 sp
************************************/
.spNikkiComment2 {
    display:none;
	position: relative;
	margin: 2em 0 0 0;
	padding: 1em 0 0;
	/*border: solid 3px #95ccff;*/
	border: solid 3px #47ab75;
	border-radius: 8px;
	background-color: #FFF;
}
.spNikkiComment2 img {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
}
.spNikkiComment2 .spNikkiComment2Title {
	position: absolute;
	display: inline-block;
	top: -22px;
	left: 10px;
	padding: 2px 9px;
	line-height: 1;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #47ab75;
	/*color: #95ccff;*/
	color: #FFF;
	/*font-weight: bold;*/
}
.spNikkiComment2 p {
	margin: 0;
	padding: 0 1em 1em;
}
/* 三角アイコン - 普通の吹き出し */
.spNikkiComment2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #47ab75;
  /*border-right: 15px solid #fff3ad;*/
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.spNikkiComment2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -11px;
  top: 20px;
  border-left: 15px solid #FFF;
  /*border-right: 15px solid #ffadad;*/
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/************************************
** 最新の日記の枠
************************************/
.nikkiComment3 {
	position: relative;
	margin: 2em 0;
	padding: 1em 1em 0;
	/*border: solid 3px #95ccff;
	border: solid 3px #47ab75;*/
	border: solid 3px #ffc06e;
	border-radius: 8px;
	background-color: #FFF;
}
.nikkiComment3 .nikkiComment3Title {
	position: absolute;
	display: inline-block;
	top: -22px;
	left: 10px;
	padding: 2px 9px;
	line-height: 1;
	font-size: 18px;
	/*background: #47ab75;*/
	background: #ffc06e;
	/*color: #95ccff;*/
	color: #FFF;
	font-weight: bold;
	border-radius: 8px 8px 0px 0px;
}
.nikkiComment3 p {
	margin: 0;
	padding: 0 1em 1em;
}
.nikkiComment3 a {
	text-decoration: none;
	color: #333;
}
.nikkiComment3 a:hover {
  transition: .4s;
  color: rgba(51, 51, 51, 0.47);
}

/************************************
** ゴールド見出し枠
************************************/
/*h2.nikkiMidasi3 {*/
div.nikkiMidasi3 {
  /*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;*/
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  background-color: #FFF;
  font-size: 26px;
  font-weight: bold;
}

/*h2.nikkiMidasi3:before,
h2.nikkiMidasi3:after {*/
div.nikkiMidasi3:before,
div.nikkiMidasi3:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

/*h2.nikkiMidasi3:before {*/
div.nikkiMidasi3:before {
  top: 0;
}

/*h2.nikkiMidasi3:after {*/
div.nikkiMidasi3:after {
  bottom: 0;
}

/************************************
** 日記吹き出し1
************************************/
/* 吹き出し本体 - 枠線付きの吹き出し */
.nikkiBalloon1{
  position: relative;
  padding: 20px;
  /*background-color: #ffadad;*/
  background-color: #F9F9F9;
  /*border: 2px solid #ca8888;*/
  border: 2px solid #47ab75;
  border-radius: 10px;         /* 角丸を指定 */
}
/* 三角アイコン - 枠線付きの吹き出し */
.nikkiBalloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  /*border-right: 15px solid #ca8888;*/
  border-right: 15px solid #47ab75;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.nikkiBalloon1::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  /*border-right: 15px solid #ffadad;*/
  border-right: 15px solid #F9F9F9;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


/************************************
** h3
************************************/
h3 {
  position: relative;
  padding: 1rem .5rem;
  background-color: #fff7ee;
}
h3:before,
h3:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  /*background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
  background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
  background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);*/
  background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
  background: linear-gradient(to right, #16a085, #f4d03f);
}
h3:before {
  top: 0;
}
h3:after {
  bottom: 0;
}

/************************************
** 画像の重ね合わせ
************************************/
.myBase {
    position: relative;
}
.myChild1 {
	/*一発合格の秘訣ページ*/
    position: absolute;
    /*top: 40%;*/
	top: 35%;
    left: 20%;
    z-index : 10;
}
.myChild2 {
	/*合格クラブとは*/
    position: absolute;
    top: 25%;
    left: 7%;
    z-index : 10;
}
.myChild3 {
	/*受験生勉強会とは*/
    position: absolute;
    top: 15%;
    left: 20%;
    z-index : 10;
}
.myChild4 {
	/*社労士試験は記憶の試験*/
    position: absolute;
    top: 25%;
    left: 8%;
    z-index : 10;
}
.myChild5 {
	/*本試験資料館*/
    position: absolute;
    top: 33%;
    left: 17%;
    z-index : 10;
}
.myChild6 {
	/*年金博士&斎藤先生　クレアール*/
    position: absolute;
    top: 20%;
    left: 11%;
    z-index : 10;
}
.backBase1 {
	/*background: #000;
	opacity: .5;*/
	background: rgba(0, 0, 0, .5);
	padding: 30px 10px;
	/*height: 40%;*/
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	/*box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
}
.myFontWhite{
	color:#FFF;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.myFontWhite2{
	color:#FFF;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.myFontWhite3{
	color:#FFF;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.myFontWhite4{
	color:#FFF;
	font-size: 16px;
	/*font-weight: bold;*/
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
/************************************
** 下線グラデーション
************************************/
.myUnderline {
	position: relative;
	padding: 0.25em 0;
}
/*.myUnderline:before {
	content: "";
	display: block;
	height: 1px;
	background: #FFF;*/
	/*background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
	background: linear-gradient(to right, #16a085, #f4d03f);*/
/*}*/
.myUnderline:after {
	content: "";
	display: block;
	height: 2px;
	/*background: #FFF;*/
	background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
	background: linear-gradient(to right, #16a085, #f4d03f);
}

/************************************
** マーカー
************************************/
.myMarkarLightblue{
	/*background-image: background: -webkit-linear-gradient(transparent 70%, #FFF9C4 0%);
	background-image: background: -o-linear-gradient(transparent 70%, #FFF9C4 0%);
	background-image: background: linear-gradient(transparent 70%, #FFF9C4 0%);*/
	background-image: linear-gradient(transparent 60%, lightblue 0%);
}
.myMarkarLightyellow{
	background-image: linear-gradient(transparent 60%, lightyellow 0%);
}
.myMarkarLightgreen{
	background-image: linear-gradient(transparent 60%, lightgreen 0%);
}

/************************************
** マーカー斜線オレンジ
************************************/
.mark_orange {
    background: repeating-linear-gradient(-45deg,var(--color_mark_orange),var(--color_mark_orange) 2px,transparent 2px,transparent 4px) no-repeat 0 0.75em;
}

/************************************
** アピールエリア
************************************/
.appeal .appeal-in {
	width: 100%;
	/*background-color: rgba(130, 180, 100, .25);*/
	/*background-color: rgba(25, 160, 130, .25);*/
	/*background-color: rgba(240, 210, 65, .25);*/
	background-color: rgba(200, 200, 200, .25);
	/*background-color: rgba(210, 131, 0, .35);*/
}
.appeal-content {
	background-color: transparent;
}
.appeal-title {
	font-size: 1.6em;
	color: #fff;
	text-shadow: 2px 2px 0 #3f3f3f;
}
.appeal-message {
	color: #fff;
	text-shadow: 2px 2px 0 #3f3f3f;
}

/************************************
** トップページ2列　日記
************************************/
ul.top2Col {
    display: flex;
    justify-content: center;
  }
li {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.top2ColBase {
	/* さくらとひまわり、rinco先生 */
    list-style: none;
	position: relative;
}
.top2ColChild1 {
	/* さくらとひまわり、rinco先生 */
    position: absolute;
    top: 8%;
    left: 35%;
    z-index : 10;
}
.top2ColChild1 p {
	color:#333;
	font-size: 16px;
	line-height: 1.75em;
}

.top2ColChild1 a {
	color:#333;
	font-size: 16px;
	text-decoration: none;
}

li.top2ColBase2 {
	/* 受験生日記、受験生日記を書いている人たち */
    /*list-style: none;*/
	position: relative;
}
.top2ColChild2 {
	/* 受験生日記、受験生日記を書いている人たち */
    position: absolute;
    top: 5%;
    left: 35%;
    z-index : 10;
}
.top2ColChild2 p {
	color:#333;
	font-size: 16px;
	line-height: 1.75em;
}

.top2ColChild2 a {
	color:#333;
	font-size: 16px;
	text-decoration: none;
}

li.top2ColBase4 {
	/* 受験生日記、受験生日記を書いている人たち 改*/
    /*list-style: none;*/
	position: relative;
	width: 593px;
	height: 205px;
	border-radius: 5px;
	background: #F9F9F9;
	padding: 5px 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.top2ColChild4 {
	/* 受験生日記、受験生日記を書いている人たち 改*/
    position: absolute;
    top: 5%;
    left: 35%;
    z-index : 10;
}
.top2ColBase4Child1 {
	/* 受験生日記 改*/
	position: absolute;
	width: 33%;
	top: 0;
    left: 0;
    z-index : 10;
	height: 100%;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*background: #ffcb00;*/
	background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/nikki_new.jpg');
	padding: 5px 5px;
}
.top2ColBase4Child2 {
	/* 受験生日記を書いている人たち 改*/
	position: absolute;
	width: 33%;
	top: 0;
    left: 0;
    z-index : 10;
	height: 100%;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*background: #ffcb00;*/
	background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/nikki_hito.jpg');
	padding: 5px 5px;
}
.top2ColBase4Child3 {
	/* さくらとひまわり 改*/
	position: absolute;
	width: 33%;
	top: 0;
    left: 0;
    z-index : 10;
	height: 100%;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*background: #ffcb00;*/
	background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/sakura_sensei.jpg');
	padding: 5px 5px;
}
.top2ColBase4Child4 {
	/* rinco先生 改*/
	position: absolute;
	width: 33%;
	top: 0;
    left: 0;
    z-index : 10;
	height: 100%;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*background: #ffcb00;*/
	background-image: url('https://goukakuclub.sakura.ne.jp/wp/wp-content/uploads/image/top/rinco_sensei.jpg');
	padding: 5px 5px;
}

li.top2ColBase3 {
	/* おススメ動画チャンネル*/
	position: relative;
}
.top2ColChild3 {
	/* おススメ動画チャンネル */
    position: absolute;
    top: 20px;
    left: 420px;
    z-index : 10;
}
.top2ColChild3_2 {
	/* おススメ動画チャンネル */
    position: absolute;
	/*width: 392px;*/
    top: 4px;
    left: 4px;
    z-index : 10;
	border-radius: 5px;
}
.top2ColChild3 p {
	color:#333;
	font-size: 16px;
	line-height: 1.75em;
}

.top2ColChild3 a {
	color:#333;
	font-size: 16px;
	text-decoration: none;
}

li.youtubeBackWaku{
	/* おススメ動画チャンネル*/
	position: relative;
	
	width: 980px;
	height: 230px;
	border-radius: 5px;
	background: #FFF;
	padding: 5px 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

/************************************
** 人事労務プロフェッショナルゼミナール
************************************/
.jinjiProWaku{
	/*position: relative;*/
	
	width: 650px;
	height: 162px;
	border-radius: 5px;
	background: #FFF;
	padding: 5px 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.jinjiProWaku img{
	margin-right: 15px;
}
.jinjiProWakuTate{
	/*position: relative;*/
	
	width: 340px;
	/*height: 860px;*/
	border-radius: 5px;
	background: #FFF;
	padding: 5px 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.jinjiProWakuTate p{
	font-size: 14px;
}
.jinjiProWakuTate a{
	text-decoration: none;
	color: #FFF;
}
/************************************
** 試験カウンター
************************************/
.shikenCounterBase {
	position: relative;
	/*border: solid 1px #ffcb00;*/
}
.shikenCounterChild {
	/* さくらとひまわり、rinco先生 */
    position: absolute;
    top: 5%;
    left: 4%;
    z-index : 10;
}
p.shikenCounterText1 {
	color:#333;
	font-size: 16px;
	line-height: 1.75em;
}
div.shikenCounterText2 {
	color:#333;
	font-size: 20px;
	position: absolute;
    top: 35%;
    left: 34%;
    z-index : 10;
}
div.shikenCounterText3 {
	color:#333;
	font-size: 64px;
	font-weight: bold;
	position: absolute;
    top: 40%;
    left: 43%;
    z-index : 10;
}
div.shikenCounterText4 {
	color:#333;
	font-size: 16px;
	position: absolute;
    top: 75%;
    left: 64%;
    z-index : 10;
}

.shikenCounterBase2 {
	position: relative;
	width: 593px;
	height: 205px;
	border-radius: 5px;
	background: #F9F9F9;
	padding: 5px 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.shikenCounterBase2Child1 {
	position: absolute;
	width: 100%;
	top: 0;
    left: 0;
    z-index : 10;
	height: 72px;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #ffcb00;
	padding: 5px 5px;
}

/************************************
** トップページ　1日1問
************************************/
.top1monBase {
	position: relative;
	/*border: solid 1px #ffcb00;*/
}
.top1monChild {
	/* トップページ　1日1問 */
    position: absolute;
    top: 5%;
    left: 4%;
    z-index : 10;
}
p.top1monText1 {
	/*color:#333;*/
	color:#FFF;
	font-size: 20px;
	line-height: 1.75em;
}
div.top1monText2 {
	color:#333;
	font-size: 20px;
	position: absolute;
    top: 35%;
    left: 4%;
    z-index : 10;
}
.top1monBase2 {
	position: relative;
	width: 593px;
	height: 205px;
	border-radius: 5px;
	background: #F9F9F9;
	padding: 5px 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.top1monBase2Child1 {
	position: absolute;
	width: 100%;
	top: 0;
    left: 0;
    z-index : 10;
	height: 72px;
	/*border-radius: 5px;*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #146336;
	padding: 5px 5px;
}

/************************************
** ページ全体の背景色 テーマの設定から行なった
************************************/
/*.site {
	background-color:#e2efd9;
}*/




/************************************
** ヘッダーロゴ左寄せ
************************************/
.logo {
  	/*text-align: left;*/
	
}

/************************************
** ヘッダーキャッチフレーズを2行にし片方の文字を大きく
************************************/
.tagline:after {
   	
}

.header-catch-phrase:before {
  	content: "社労士試験合格から開業・実務までのトータルサポート";
   	display: block;
	font-size: 1.6em;
  	color: #fff;
  	text-shadow: 2px 2px 0 #3f3f3f;
	font-weight: bold;
}



/************************************
** ヘッダーパーツの位置調整
************************************/
div#header-in {
  /* ヘッダーロゴとボックスを横並び */
  /*flex-direction: row;*/
	padding-top: 15px;
	position: relative;
	height: 150px;
}

.logo-header {
  /* ヘッダーロゴとボックスの位置を両端にする */
  /*margin-right: auto;*/
	position: absolute;
    top: 0%;
    left: 0%;
}

.header-login-user {
  /* ボックスにパディングを追加（見た目を整える） */
  	padding: 10px 0;
	/*background-color: #CCC;*/
	color: #FFF;
	font-size: 16px;
	text-shadow: 2px 2px 0 #3f3f3f;
	height: 140px;
	position: absolute;
    top: 0%;
    right: 0%;
}

/************************************
** ヘッダーのキャッチフレーズ
************************************/
.header-catch-phrase {
	/*color: #fff;*/
	font-size: 16px;
	text-shadow: 2px 2px 0 #3f3f3f;
	padding-right: 100px;
	
	position: absolute;
    top: 10%;
    left: 27%;
}

/************************************
** ヘッダー試験日カウンター
************************************/
.headerShikenbiCounter {
	width: 220px;
	/*background: #fcac00;
	background: #e5e5e5;*/
	/*background: #FFFCDB;*/
	background: #fff7ee;
	/*background: #FFF;*/
	border: 3px solid #fcac00;
	color:#33322C !important;
	border-radius: 5px;
	padding: 2px 8px;
	display: inline-block;
	text-decoration: none !important;
	margin: 2px 1px;
	/*text-shadow: 0px 0px 0 #33322C;*/
	font-size: 14px;
	position: absolute;
    top: 50%;
    left: 1%;
	text-align: center;
}

/************************************
** mainの背景色を変更
************************************/
.main{
	/*background-color: #e2efd9;*/
	background-color: #FFF;
}

/************************************
** 画面がスクロールしたらキャッチコピーを非表示
************************************/
/*.header-catch-phrase.fixed{
	visibility:hidden;
}
.header-login-user.fixed{
	visibility:hidden;
}*/


/************************************
** パスワードを忘れた場合 パスワードリセットへのリンクを非表示
************************************/
/*.link-text-forgot{
 	display:none;
}
.wpmem_msg{
 	display:none;
}*/

/************************************
** 新規会員登録のリンク位置をずらす
************************************/
.link-text{
 	margin-top: 50px;
}

/************************************
** ログインページの横線とテキストを非表示
************************************/
fieldset legend {
    /*width: 0px;
    overflow: hidden;
    padding: 0px;
    position: absolute;*/
	visibility: hidden;
}

/*fieldset {
    border: none;
    margin: 0;
    padding: 0;
}*/

/************************************
** トップバナーのテキストにシャドー
************************************/
.slide-content-title{
	text-shadow: 2px 2px 0 #3f3f3f;
	font-size: 24px !important;
}
.slide-content-subtitle{
	text-shadow: 2px 2px 0 #3f3f3f;
	font-size: 16px !important;
}

/************************************
** breadcrumbの背景色を変更
************************************/
.breadcrumb{
	/*background-color: #e2efd9 !important;*/
}

/************************************
** inputフィールドのサイズ
************************************/
input.inputTextSize30{
	width: 30% !important;
}
input.inputTextSize40{
	width: 40% !important;
}
input.inputTextSizeNen{
	width: 30%;
}
input.inputTextSizeTsuki{
	width: 20%;
}
input.inputTextSizeNichi{
	width: 20%;
}
select.selectTextSizeNen{
	width: 30%;
}
select.selectTextSizeTsuki{
	width: 20%;
}
select.selectTextSizeNichi{
	width: 20%;
}
select.selectTextSizeAddress1{
	width: 30%;
}
input.inputTextSizeName{
	width: 45%;
}
input.inputTextSizeYubin{
	width: 30%;
}
input.inputTextSizeAddress1{
	width: 30%;
}
input.inputTextSizeTel{
	width: 45%;
}

/************************************
** トップページスライダー
************************************/
.slider-ele {
 height:180px;
 /*height:240px;*/
 text-align:center;
}
.slider-ele img{
 width:1000px;
 /*width:1000px;*/
}
.slider1{ 
 margin: 0px auto; 
 width:80%;
 /*width:80%;*/
 }

/************************************
** 破線のボックス
************************************/
.hasenKakomi { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	padding: 1em 0 0; /* 枠の内側余白 */
	background: #fff8e8; /* 背景色 */
	border: dashed 2px #ffc06e; /* 線の種類 太さ 色 */
}
.hasenKakomi p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
}

/************************************
** 囲み枠　
************************************/
.orangeKakomi02 { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	padding: 1em 0 0; /* 枠の内側余白 */
	border: solid 3px #ffc06e; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
}
.orangeKakomi02 p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	/*color: #ffc06e;*/ /* 文字色 */
	color: #000;
	font-weight: bold; /* 文字太さ */
}
.orangeKakomi02 a {
	text-decoration: none;
}

/************************************
** 囲み枠　1日1問
************************************/
.pinkKakomi { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	padding: 1em 0 0; /* 枠の内側余白 */
	border: solid 3px #CC6666; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
}
.pinkKakomi p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	/*color: #ffc06e;*/ /* 文字色 */
	color: #000;
	font-weight: bold; /* 文字太さ */
}
.pinkKakomi a {
	text-decoration: none;
}

/************************************
** 囲み枠　メールマガジン
************************************/
.pinkKakomi2 { /* 囲み枠を指定 */
	/*margin: 0 0 2em;*/ /* 枠の外側余白 */
	padding: 1em 0 0; /* 枠の内側余白 */
	border: solid 3px #CC6666; /* 線の種類 太さ 色*/
	border-radius: 10px; /* 角の丸み */
}
.pinkKakomi2 p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	/*color: #ffc06e;*/ /* 文字色 */
	color: #000;
	/*font-weight: bold;*/ /* 文字太さ */
}
.pinkKakomi2 a {
	text-decoration: none;
}

/************************************
** 塗りつぶし囲み枠  会員規約タイトル
************************************/
.fillKakomi { /* 囲み枠を指定 */
	margin: 0 0 2em; /* 枠の外側余白 */
	padding: 1em 0 0; /* 枠の内側余白 */
	background: #339999; /* 背景色 */
}
.fillKakomi p { /* 段落を指定 */
	margin: 0; /* 行の外側余白 */
	padding: 0 1em 1em; /* 行の内側余白 */
	color: #FFF; /* 文字色 */
}

/************************************
** カテゴリーページのサムネイル非表示
************************************/
/*img.entry-card-thumb-image{
	display: none;
}
img.no-image{
	display: none;
}
img.list-no-image{
	display: none;
}
.entry-card-thumb img{
	display: none;
} 
.card-thumb img{
	display: none;
} 
.e-card-thumb img{
	display: none;
}
*/

/************************************
** カテゴリーラベル非表示
************************************/
.entry-card .cat-label,
.related-entry-card .cat-label{
display: none;
}

/************************************
** 項目の強調 グラデーション
************************************/
.bg-info {
    /*background: -webkit-linear-gradient(to right, #16a085, #f4d03f);
	background: linear-gradient(to right, #16a085, #f4d03f);
	background: #16a085;*/
	background: #47ab75;
}
.badge {
    display: inline-block;
    padding: 0.45em 0.65em;
    /*font-size: .75em;*/
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

/************************************
** 合格クラブヘッダーメニューの背景
************************************/
.goukakuMenuBg {
    background: #47ab75;
}
.goukakuMenuBg a{
	color: #FFF;
}

/************************************
** 会員管理ヘッダーメニューの背景
************************************/
.memberManageMenuBg {
    background: #47ab75;
}
.memberManageMenuBg a{
	color: #FFF;
}

/************************************
** 表示を消す　要素も取得されず、完全にその場にない扱い。
************************************/
.displayNone{
	display:none;
}

/************************************
** トップページお知らせ
************************************/
.newsBoxContent{
	 /*display: inline-block;
	 width: 45%;*/
	 width: 100%;
	 /*height: 100px;*/
	border-radius: 5px;
	background: #F9F9F9;
	/*padding: 5px 5px;*/
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

/************************************
** レスポンシブルにおけるタグの表示非表示
************************************/
.resDisp{
    display: none;
}

/************************************
 さくらとひまわり　rinco先生のRSS 
************************************/
    /*.fw-feed-item-content-module{
        width: 100%; 
    }*/
/************************************
 google-recaptchaの表示を消す　全ページに表示されるため 
************************************/
.grecaptcha-badge {
	visibility: hidden; 
}
/************************************
 画面サイズが480を超えると要素を消す 
************************************/
.under480Display{
        display:none;
    }
/************************************
 画面サイズが480を超えると日記ページの西日本 東日本ボタンを消す 
************************************/
div.spBreadcrumb {
        margin-bottom: 15px;
}
div.spBreadcrumb a {
        margin-right: 15px;
}

/************************************
 日記時間グラフ
************************************/
div.graphOverflow {
		overflow: auto;
        width: 100%;
}
.graph_bg{
    position: relative;
    /*background: #daeee3;*/
    /*text-align: center;*/
    background-image: url('https://srsaitan.jp/wp-content/uploads/image/nikki/graph_bg.gif');
    /*width: 100%;*/
    width: 400px;
    height: 30px;
    background-repeat:no-repeat
}
.graph_bar{
    position: absolute;
    top: 8px;
    left: 0px;
    display: inline-block;
    background: #daeee3;
    z-index : 10;
    /*width: 50px;*/
    /*height: 20px;*/
    height: 15px;
    border: 2px solid #60b788;
    /*vertical-align: middle;*/
}
/*.graph_bar img{
    position: absolute;
    top: 0px;
    left: 0px;
}*/