/* CSS Document */

/* === ベースのBOX ==ブログ============================================= */
	.nextReadBox {
		position      : relative;                 /* relative指定は必須   */
		overflow      : hidden;                   /* hidden指定は必須     */
		transition    : .5s;                      /* 開閉の速度           */
		height        : 275px;                    /* 閉じているときの高さ */
	   
		background    : #fff;               /* 背景白 */
		/*line-height   : 1.3;*/
		/*padding       : 15px 10px;*/
		/*text-align    : left;*/
		/*font-size     : 11pt;*/
		/*font-weight   : bold;*/
		
		border-radius : 8px;
		max-width     : auto;
		margin        : auto;

	  }  
	   /* === チェックボックス ========================================== */
	  .nextReadBox > input {
		display       : none;                                   /* 非表示 */
	  }
	   
	   /* === チェックボックスのlabel（＝ボタンに見せる） =============== */
	  .nextReadBox > label {
		position      : absolute;
		display       : inline-block;
		box-sizing    : border-box;
		cursor        : pointer;
	   
		bottom        : 0;   /* 左右いっぱいのBOXにグラデーションを付ける */
		left          : 0;
		right         : 0;
		height        : 60px;
		background    : linear-gradient( rgba(255, 255, 255, 0),
										 #ffffff 60% );
	   
		padding-top   : 40px;                   /* 下寄せに文字を配置する */
		text-align    : right;
		font-size     : 15px;
		color         : #004f94;
		font-weight: bold;
		text-decoration: underline;
	  }
	   
	   /* === 開いているときのボタンサイズを変更 ======================== */
	  .nextReadBox > input[type="checkbox"]:checked + label {
		background    : rgba(255, 255, 255, 0.60);
		height        : 25px;
		padding-top   : 5px;
		font-size     : 12px;
	  }
	   
	   /* === ボタンに表示する文字（閉じているとき） ==================== */
	  .nextReadBox > input[type="checkbox"]:not(:checked) + label::after {
		content       : "続きを見る";
	  }
	   
	   /* === ボタンに表示する文字（開いているとき） ==================== */
	  .nextReadBox > input[type="checkbox"]:checked + label::after {
		content       : "閉じる";
	  }

hr {
	clear:both;			/*フロート配置をクリアする*/
}