@charset "utf-8";

/* 東京・川崎・横浜 格安 ペット訪問葬儀.com | トップページ　CSS
---------------------------------------------------- */

#wrapper  {
	height: auto;
	background: #FFF;
}


#bodyContents .box02 {
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/*2024_06_19追加*/
.box02 > h2 {
	font-size: 28px;
	margin: 5px 0;
}

@media only screen and (min-width:1280px) {

	.box02 > h2 {
		font-size: 16px;
	}

}

#bodyContents .box02 .newinfo01 {
	margin: 5px auto 0px;
	padding: 8px 0px 0px 161px;
	height: 156px;
	width: 770px;
	background: url(../img/top/001.gif) no-repeat center top;
}


.box02 .scroll01   {
	height: 135px;
	overflow: auto;
	color: #E7E7E7;
	margin: 0px;
	padding: 0px;
	width: 768px;
}

.box02 .scroll01 table {
	width: 750px;
	text-align: left;
	font-size: 13px;
	color: #000;
	height: 135px;
	padding: 0px;
	margin: 0px;
}

.box02 .scroll01 table th {
	vertical-align: top;
	padding: 5px 0px 0px;
	width: 100px;
	width: 120px;
}
.box02 .scroll01 table td {
	vertical-align: top;
	padding: 5px 0px 0px;
}
.box02 .scroll01 table h4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

.box02 .scroll01 table th p {
	font-weight: bold;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	color: #9E0303;
}












/* 新着情報のscroll箇所【2024_06_12YDCから移植】
----------------------------------------------------------------------------------------------------*/

.scroll02Wrap {
	/*2024_06_13width: 100%;*/
	width: 90%;
	height: 400px;
	/*overflow: auto;*/
	text-align: left;
	margin:10px auto 10px;
	padding: 10px 3px;
	
	
	-webkit-border-radius: 8px/7px 7px 8px 8px;
	-moz-border-radius: 8px/7px 7px 8px 8px;
	border-radius: 8px/7px 7px 8px 8px;
	background-color: #d8fee61a;
	-webkit-box-shadow: 0 0 7px rgba(62,2,50,.78);
	-moz-box-shadow: 0 0 7px rgba(62,2,50,.78);
	box-shadow: 0 0 7px rgba(62,2,50,.78);
	}


@media only screen and (min-width:1280px) {
	.scroll02Wrap {
	width: 85%;
	height: 400px;


/*	overflow: auto;*/
	text-align: left;
	margin:10px auto 10px;
	padding: 10px;
	
	
	/* -webkit-border-radius: 8px/7px 7px 8px 8px;
	-moz-border-radius: 8px/7px 7px 8px 8px;
	border-radius: 8px/7px 7px 8px 8px;
	background-color: #fff7f7;
	-webkit-box-shadow: 0 0 7px rgba(62,2,50,.78);
	-moz-box-shadow: 0 0 7px rgba(62,2,50,.78);
	box-shadow: 0 0 7px rgba(62,2,50,.78); */
	}
}


.scroll02 {
	width: 100%;
	height: 380px;
	overflow: auto;
	text-align: left;
	margin:0px;
	padding: 0px;
}


@media only screen and (min-width:1280px) {
	.scroll02 {
	width: 100%;
	height: 380px;


	overflow: auto;
	text-align: left;
	margin:0px;
	padding: 0px;
	}
}

.scroll02 table {
	width: 100%;
	width: 99%;/*2023_03_20tableコンテンツがスクロールバーと重ならないように設定*/
	margin:0 0 0 0;
/* border: 1px solid #0D9E0D; */
}

.scroll02 table th {
	vertical-align: top;
	font-weight: bold;
	font-size: 25px;
	text-align:center;
	line-height: 23px;
	color: #656565;
	
	/* 2019 06 19 新着情報の各行間のスペース */
	padding:10px 0 10px 5px;

	/* 2019 06 19 ライン挿入 */
	border-bottom: 1px solid #5CBC5F;
	
	/* 2019 07 27 ライン挿入 */
	width:15%;
}


.scroll02 table td {

	/* 2019 06 19 ライン挿入 */
	border-bottom: 1px solid #5CBC5F;


	/* 2019 06 19 新着情報の各行間のスペース */
/*	padding: 10px 0px 10px 10px;*/
	padding: 10px 0px 10px 5px;/*2024_04_04スマホ時のtd内左右の余白設定*/

	font-size: 15px;
	vertical-align: top;
	color: #000;
	line-height: 23px;
	font-weight: bold;
}

@media only screen and (min-width:768px) {
	
	.scroll02 table th {
	font-size: 22px;
	text-align:center;

	/* 2019 06 19 新着情報の各行間のスペース */
	padding:15px 0 15px 5px;
	}

	.scroll02 table td {
	font-size: 14px;
	/* 2019 06 19 新着情報の各行間のスペース */
	padding: 15px 0px 15px 10px;
	}

}	

@media only screen and (min-width:1024px) {
	
	.scroll02 table th {	
	
	font-size: 14px;/*2024_06_19*/

	/* 2019 06 19 新着情報の各行間のスペース */
	padding:30px 0 30px 5px;
	
	/* 2019 07 27 ライン挿入 */
	width:13%;
	text-align: left;
	}
	
	.scroll02 table td {
	/* 2019 06 19 新着情報の各行間のスペース */
	padding: 28px 0px 30px 10px;
	
	/* 2025 12 31 新着情報のtd下部スペース調整 */
	padding: 28px 0px 7px 10px;
	}
}

.scroll02 table tr td h2 {
	font-size: 16px !important;
	color: #656565 !important;
	font-weight: bold;
	background: url(none) !important;
	margin: 0px!important;
	padding: 0px 0px 5px!important;
	height: auto!important;
	width: auto!important;
}

.scroll02 table tr td h4 {
	font-size: 22px;
	line-height: 35px;
	color: ##000000ad;
	font-weight: bold;
}


@media only screen and (min-width:1024px) {
	
	.scroll02 table tr td h4 {
	font-size: 16px;
	line-height: 26px;
	color: ##000000ad;
	font-weight: bold;
	}
}

.scroll02 table a:link {
	color: #225530;
	font-weight: bold;
	text-decoration: none;
}

.scroll02 table a:visited {
	color: #225530;
	text-decoration: none;
}

.scroll02 table a:hover {
	color: #5bab71;
	text-decoration: underline;
}

/* TOPページ内の【新着情報の表組箇所(SSSより)】・・・【参照：CSSだけでレスポンシブ対応のtableを実装してみた http://munouya.com/website/responsive-table.html】
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
  .responTable01 tr,
  .responTable01 th,
  .responTable01 td {
    display: block!important;
    width: auto;
    width: 100%!important;	
  }
  
  /*ここが無いとスマホ時の新着情報箇所の最上部の線が表示されないので要注意*/
  .responTable01 tr:first-child {
	border-top: 1px solid #5CBC5F;
 }
  
  .responTable01 th,
  .responTable01 td {
	border-top: none;
	padding: 10px 5px;
  }
  
   .responTable01 th {
     background: #cccccc2e;
  }
}