@charset "utf-8";

/*==============================*/
/*  index.css        　　       */
/*------------------------------*/
/*　トップページ専用CSS         */
/*==============================*/


/*キービジュアル全体*/
#keyvisual_backpic {
	background-image: url(./keyvisual_backpic.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 320px;
}

/*キービジュアル画像枠*/
#keyvisual{
	
}

#top_box_all {
	margin-left: -2px;
}

#top_box_middle {
	background-image: url(top_wakupic_middle.png);
	background-repeat: repeat-y;
}

td.td_01 {
	width: 220px;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 40px;
	font-weight: bold;
	color: #666;
	vertical-align: top;
}


td.td_02 {
	font-size: 15px;
	vertical-align: top;
	padding-bottom: 40px;
	padding-left: 20px;
}

#oshirase_box_kizi {
	margin-top: -3px;
}

#top_box_button_01 {
}


#top_box_button_02 {
}


#top_box_button_03 {
}


#top_box_button_04 {
}

#oshirase_box {
	margin-left: 3px;
	width: 620px;
}

#top_box_waku_top {
	background-image: url(top_wakupic_top.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 640px;
}

#top_box_waku_bottom {
	background-image: url(top_wakupic_bottom.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 640px;
	margin-bottom: 40px;
}

#top_box_msg {
	width: 630px;
	margin-left: 8px;
}

#top_box_naiyou {
	padding-left: 18px;
	margin-top: -18px;
}

#top_box_msg_shita{
	margin-left: 15px;

}

.osirase_date{
	font-size: 18px;
	font-weight: bold;
	line-height: 29px;
}

.osirase_naiyou{
	font-size: 14px;
	line-height: 28px;
}


/*続きを読む用のアレ*/
/*参考HP https://webparts.cman.jp/button/nextread/ */
 /* === BOXの定義 ================================================= */
.sample3 {
  position      : relative;                   /* relative指定は必須 */
 
  margin        : auto;               /* 色や文字情報は変更ください */
  max-width     : 620px;
  padding       : 25px;
  background    : #fff;
  border        : 1px solid #b9b4a1;
  border-radius : 5px;
  text-align    : left;
  /*line-height   : 1.3;
  font-size     : 13pt;*/
  height        : 70px;
  overflow      : hidden;                       /* hidden指定は必須 */
  transition    : .5s;
}
 
 /* === チェックボックス ========================================== */
.sample3 > input {
  display       : none;                                   /* 非表示 */
}
 
 /* === チェックボックスのlabel（＝ボタンに見せる） =============== */
.sample3 > label {
  position      : absolute;
  display       : inline-block;
  bottom        : 3px;
  right         : 3px;
  padding       : 5px 8px;
  background    : #fff;
  color         : #6d6152;
  border        : 2px solid #b9b4a1;
  border-radius : 6px;
  font-size     : 9pt;
  font-weight   : bold;
}
 
 /* --- ボタンにカーソルが乗った時 -------------------------------- */
.sample3 > input[type="checkbox"] + label:hover {
  background    : #cec6bc;
}
 
 /* --- ボタンに表示する文字（閉じているとき） -------------------- */
.sample3 > input[type="checkbox"]:not(:checked) + label::after {
  content       : "続きを開く";
}
 
 /* --- ボタンに表示する文字（開いているとき） -------------------- */
.sample3 > input[type="checkbox"]:checked + label::after {
  content       : "閉じる";
}