@charset "utf-8";

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



/* ----------------------------------------------

 * 要素を左右中央寄せ

---------------------------------------------- */

.taC {
	text-align: center !important;
}

.taR {
	text-align: right !important;
}

.taL {
	text-align: left !important;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	color: #000;
	background: #CCC;
}

#back {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

#wrapper {
	width: 950px;
	height: auto;
	padding: 0px 0px 10px;
	text-align: center;
	background: #FFF;
	color: #000;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #666;
	border-top: 1px solid #666;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin: 0px auto;
}

#head {
	margin: 0px;
	height: auto;
	padding: 0px;
	text-align: left;
	background: #CCC;
}

h1 {
	text-align: left;
	color: #000;
	/*font-size: 10px;*/
	font-size: 16px;

	font-weight: bold;
	margin-left: 5px;
}

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

	h1 {
		font-size: 12px;
		/*2024_03_11*/
		margin-left: 5px;
		font-weight: normal;

	}

}

h1 a:link {
	color: #000;
	font-size: 10px;
	font-weight: normal;
}

h1 a:visited {
	color: #000;
	font-size: 10px;
	font-weight: normal;
}

h1 a:hover,
h1 a:active {
	color: #000;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}

/* リンク設定
---------------------------------------------------- */

a:link {
	color: #000;
	background: transparent;
	text-decoration: none;
}

a:visited {
	color: #000;
	background: transparent;
	text-decoration: none;
}

a:hover,
a:active {
	color: #000;
	background: transparent;
	text-decoration: underline;
}

#header {
	height: 210px;
	margin: 0px;
	padding: 0px;
	/*	background: url(../img/body/logo.gif) no-repeat 10px 5px; */
}

#header .leftBlock01 {
	float: left;
	width: 443px;
	height: 210px;
	border-right: 1px solid #FAE588;
}

#header .leftBlock01 .upper01 {
	margin: 0px;
	padding: 0px;
	height: auto;
}

#header .leftBlock01 .upper01 .leftTbox01 {
	margin: 5px 0px 0px 10px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}

#header .leftBlock01 .upper01 .leftTbox01 h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}

#header .leftBlock01 .upper01 .rightTbox01 {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}

#header .leftBlock01 .upper01 .rightTbox01 h2 {
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
	margin: 5px 0px 0px;
	padding: 0px;
}


#header #logo {
	float: left;
	height: auto;
	width: auto;
	clear: both;
	margin: 8px 0px 3px 10px;
	padding: 0px;
}

#header .leftBlock01 .topBottom01 {
	clear: both;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#header .leftBlock01 .topBottom01 h3 {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}

#header .rightBlock01 {
	float: right;
	width: 505px;
	height: 210px;
	margin: 0px;
	padding: 0px;
	/*	女性オペレーション写真　background: url(../img/body/photo01.jpg) no-repeat right bottom;*/
}




/*　ここから東京・川崎・横浜スタート【2019_06_12】　*/
#header .rightBlock01 .upper00 {
	margin: 0 0 0 0;
	padding: 0px;
	height: auto;
}

#header .rightBlock01 .upper00 .leftTbox01 {
	margin: 0px 10px 0px 5px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}

#header .rightBlock01 .upper00 .leftTbox01 h2 {
	font-size: 30px;
	font-weight: bold;
	margin: -3px 0 0 0;
}


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

	#header .rightBlock01 .upper00 .leftTbox01 h2 {
		/* 業界最安値を目指すをPC環境で表示の為にサイズダウン(2025_03_23) */
		font-size: 23px;
	}

}

/* 業界最安値を目指すの【目指す】箇所をPC環境で表示の為(2025_03_23)
別途、こちらのcommon.cssの最下部辺りの場所に設定をしている。
↓↓↓
@media only screen and (max-width : 767px) {
	.spNone {
		display: none;
	}
}
と連携している。

*/

@media only screen and (min-width : 768px) {
	.upper00 p {
		margin: -8px 0 0 0;
		text-align: left;
		font-size: 15px;
	}
}


#header .rightBlock01 .upper00 .rightTbox01 {
	margin: 2px 0px 0px 5px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
}

#header .rightBlock01 .upper00 .rightTbox01 h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0px;
	text-align: left;
}

#header .rightBlock01 .upper00 h3 {
	clear: both;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px 0px 0px 5px;
}

/*　東京・川崎・横浜 END【2019_06_12】　*/



#header .rightBlock01 .upper01 {
	/*	クレジットカード箇所　background: url(../img/body/credit.gif) no-repeat 297px top;　*/
	height: auto;
	margin: -5px 0 0 0;
	padding: 0px;
	clear: both;
}

#header .rightBlock01 .upper01 h3 {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	letter-spacing: 0.2em;

	/* シャドウ　*/
	text-shadow:
		-1px -1px #02AC3F,
		1px -1px #02AC3F,
		-1px 1px #02AC3F,
		1px 1px #02AC3F;
}

#header .rightBlock01 .middle01 {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 493px;
}

#header .rightBlock01 .topBottom02 {
	height: auto;
	width: 325px;
	margin-top: -3px;
}

#header .rightBlock01 .topBottom02 #t001 {
	width: 325px;
	font-size: 17px;
	font-weight: bold;
}

#header .rightBlock01 .topBottom02 #t001 th {
	width: 160px;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-weight: bold;
}

#header .topBottom02 #t001 a:link {
	color: #000;
}

#header .topBottom02 #t001 a:visited {
	color: #000;
}

#header .topBottom02 #t001 a:hover {
	color: #0BAF46;
	text-decoration: none;
}


.navi {
	height: 59px;
	padding: 0px;
	clear: both;
	margin: 0px;
	background: url(../img/body/navi/001.jpg) repeat-x;
}

.navi .navibox {
	margin: 0px 0px 0px 7px;
	z-index: 1;
	padding: 4px 0px 0px;
	width: auto;
	height: 48px;
}

.navi ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

.navibox ul li {
	float: left;
	display: block;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 52px;
	width: 153px;
}

.navibox ul li a {
	padding: 0px;
	display: block;
	margin: 0px;
	height: 52px;
	width: 153px;
}

.navi em {
	visibility: hidden;
}

.navi li.m01 {
	padding: 0px;
	float: left;
	margin: 0px 3px 0px 0px;
	background: url(../img/body/navi/btn01_s2.jpg) no-repeat left top;
}

.navi li.m01 a {
	background: url(../img/body/navi/btn01.jpg) no-repeat;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m01 a:hover {
	text-decoration: none;
	background: url(../img/body/navi/btn01_s2.jpg) no-repeat;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m02 {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn02_s2.jpg) no-repeat left top;
}

.navi li.m02 a {
	background: url(../img/body/navi/btn02.jpg) no-repeat left top;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m02 a:hover {
	text-decoration: none;
	background: url(../img/body/navi/btn02_s2.jpg) no-repeat left top;
}

.navi li.m03 {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn03_s2.jpg) no-repeat left top;
}

.navi li.m03 a {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn03.jpg) no-repeat left top;
}

.navi li.m03 a:hover {
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn03_s2.jpg) no-repeat left top;
}

.navi li.m04 {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn04_s2.jpg) no-repeat left top;
}

.navi li.m04 a {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn04.jpg) no-repeat left top;
}

.navi li.m04 a:hover {
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: url(../img/body/navi/btn04_s2.jpg) no-repeat left top;
}

.navi li.m05 {
	background: url(../img/body/navi/btn05_s2.jpg) no-repeat left top;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m05 a {
	background: url(../img/body/navi/btn05.jpg) no-repeat left top;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m05 a:hover {
	background: url(../img/body/navi/btn05_s2.jpg) no-repeat left top;
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m06 {
	background: url(../img/body/navi/btn06_s2.jpg) no-repeat left top;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m06 a {
	background: url(../img/body/navi/btn06.jpg) no-repeat;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

.navi li.m06 a:hover {
	background: url(../img/body/navi/btn06_s2.jpg) no-repeat left top;
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

#bodyContents {
	clear: both;
	margin: 0px 0px 10px;
	padding: 0px;
}

#bodyContents #box01 {
	width: auto;
	margin: 0px;
	padding: 0px;
}

#bodyContents .point01 {
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 950px;
	background: url(../img/body/point.png) no-repeat center top;
}


#bodyContents .point01 h3 {
	font-size: 23px;
	font-weight: bold;
	text-align: left;
	margin-left: 210px;
	line-height: 28px;
	padding-top: 8px;
}



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

	#bodyContents .point01 h3 {
		font-size: 22px;

	}
}

#bodyContents .pankuzu01 {
	margin: 0px 0px 3px;
	padding: 0px;
	height: 35px;
	background: url(../img/body/pankuzu.png) no-repeat left top;
}

#bodyContents .pankuzu01 h2 {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #373737;
	margin-left: 25px;
	margin-top: 3px;
}

#bodyContents .pankuzu01 h2 a:link {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #373737;
	margin-left: 25px;
	margin-top: 3px;
}

#bodyContents .pankuzu01 h2 a:visited {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #373737;
	margin-left: 25px;
	margin-top: 3px;
}

#bodyContents .pankuzu01 h2 a:hover {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #373737;
	margin-left: 25px;
	margin-top: 3px;
}

#bodyContents .pankuzu01 h3 {
	float: left;
	font-size: 20px;
/*2025_03_30CO	margin: 6px 0px 0px 100px;*/
	margin: 5px 0px 0px 50px;
	padding: 0px;
	font-weight: bold;
	color: #373737;
}



#box01 marquee {
	border-top: 1px solid #02AC3F;
	border-right: 1px solid #02AC3F;
	border-bottom: 1px solid #02AC3F;
	border-left: 1px solid #02AC3F;
}



marquee>h3 {
    font-size: 25px;
}
@media only screen and (min-width:768px) {
	
	marquee>h3 {
    font-size: 20px;
	}
}

/* bodyContents内　box03箇所
---------------------------------------------------- */

#bodyContents .box03 {
	height: auto;
	margin-top: 5px;
}


/*2024_06_18【安心と安全と業界最安値の低価格】の画像箇所をテキストに変更*/
.box03>h2 {
	margin: 0 auto 0;
	padding: 15px 0 0 0;
	font-size: 45px;
	/*https://front-end-tools.com/generateTextshadow/*/
	text-shadow: 3px 2px 0px rgba(255, 255, 255, 1);
	font-weight: bold;
	color: #000;

	/*https://kinsta.com/jp/blog/css-text-outline/
	
	-webkit-text-stroke: 1px white;*/
	/*text-shadow:
       3px 3px 0 #fff,
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;*/


	/* preview https://www.bad-company.jp/box-shadow */

	width: 100%;
	height: 80px;
	background-color: #3cb371;
	/* border */
	border: 3px solid #fff5f5;
	/* border-radius */
	border-radius: 8px;

	/* box-shadow */
	/*	box-shadow: -3px 6px 20px -17px rgba(0,0,0,0.6);*/

	/*CSS Gradient — Generator, Maker, and Background.html　https://cssgradient.io/　*/
	background: rgb(255, 102, 0);
	background: linear-gradient(0deg, rgba(255, 102, 0, 1) 0%, rgba(255, 252, 159, 1) 100%);

	/*【コピペで簡単！】CSSボタンジェネレーター.html　https://generator.web-alpha.info/btn/index.php#step1*/
	box-shadow: 1px 6px 7px 1px #FFFFFF inset;

}


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

	.box03>h2 {

		font-size: 30px;
		padding: 16px 0 0 0;
		width: 70%;
		height: 60px;

		/*https://kinsta.com/jp/blog/css-text-outline/*/

		/*-webkit-text-stroke: 1px white;*/
		text-shadow:
			2px 2px 0 #fff,
			-1px -1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			1px 1px 0 #fff;

	}
}



/*#bodyContents .title01 {
	height: 207px;
	width: 930px;
	background: url(../img/top/003.gif) no-repeat left top;
}

#bodyContents .title01 h3 {
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 220px;
	text-align: left;
	padding-top: 80px;
}*/


#bodyContents .title01 {
	height: auto;
	width: 100%;
}

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

	#bodyContents .title01 {
		height: 207px;
		width: 930px;
		background: url(../img/top/teikakakunoriyuu.png) no-repeat left top;
	}
}

#bodyContents .title01>h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	color: #b70e0e;
}

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

	#bodyContents .title01>h3 {
		font-size: 24px;
		line-height: 40px;
		font-weight: bold;
		padding-left: 220px;
		text-align: left;
		padding-top: 80px;
	}

}


/* bodyContents内　お支払い方法　箇所
---------------------------------------------------- */

#bodyContents .payment01 {
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	clear: both;
	height: 360px;
}

#bodyContents .payment01 h2 {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 162px;
}


#bodyContents .payment01 h3 {
	margin: 0px;
	padding: 13px 0px 10px 10px;
	font-size: 25px;
	font-weight: bold;
}

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

	#bodyContents .payment01 h3 {
		margin: 0px;
		padding: 13px 0px 10px 10px;
		font-size: 23px;
	}
}

/*お支払い方法【【コピペで簡単！】CSSボタンジェネレーター.html　https://generator.web-alpha.info/btn/index.php#step1　】*/
.paymentBox {
	display: block;


	width: 250px;
	height: 50px;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	background: #E79F32;
	border: 2px solid #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 0px 0px 2px #CFCFCF;

	/*CSSで四角形(正方形,長方形,ひし形)を生成.html　https://webparts.cman.jp/figure/square/　*/
	background: linear-gradient(to bottom, #f6dbb3, #e79f32);

}

.paymentBox>h5 {
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	margin: 1px 0 0 0;

}

/*旧（2024/09/04）【現金と個人情報箇所（背景画像バージョン）】
#bodyContents .payment01 .tablewarap01 {
	background: url(../img/top/002.jpg) no-repeat left top;
	height: 285px;
	width: 880px;
	clear: both;
	margin: 0px;
	padding: 15px 0px 0px 15px;
}
*/


.payment01 .tablewarap01 {
	/*	background: url(../img/top/002.jpg) no-repeat left top;*/

	/*グラデーション作成ツール【グラデ３箇所可能】CSS Gradient — Generator, Maker, and Background.html（https://cssgradient.io/）*/
	background: rgb(254, 253, 251);
	background: linear-gradient(180deg, rgba(254, 253, 251, 1) 0%, rgba(252, 244, 198, 0.9836309523809523) 92%, rgba(251, 239, 181, 1) 100%);

	/*【コピペで簡単！】CSSボタンジェネレーター.html　https://generator.web-alpha.info/btn/index.php#step1　*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;


	height: fit-content;
	width: auto;
	margin: 0px;
	padding: 15px 5px 15px 15px;
}


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

	.payment01 .tablewarap01 {
		/*		height: 285px;*/
		width: 915px;
		margin: 0px;
		padding: 15px 0px 15px 15px;
	}
}


.payment01 .tablewarap01 h5 {
	font-size: 28px;
	margin: 0 0 20px 0;
}

.payment01 .tablewarap01 img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.payment01 .tablewarap01 p {
	font-size: 23px;
}

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

	.payment01 .tablewarap01 img {
		vertical-align: baseline;
	}

	.payment01 .tablewarap01 p {
		font-size: 19px;
	}
}



#bodyContents .payment01 table {
	margin: 0px;
	padding: 0px;
	width: 860px;
}

#bodyContents .payment01 .tablewarap01 table th {
	font-size: 25px;
	font-weight: bold;
}

#bodyContents .payment01 .tablewarap01 table tr th img {
	margin-right: 10px;
	margin-top: 2px;
}


#bodyContents .payment01 .tablewarap01 table tr th p {
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 25px;
}


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

	#bodyContents .payment01 .tablewarap01 table tr th p {
		font-size: 17px;
		line-height: 23px;
	}
}

#bodyContents .peace01 {
	margin: 0px;
	padding: 0px;
	height: auto;
	background: url(../img/top/008.gif) no-repeat left top;
}

#bodyContents .peace01 h3 {
	font-size: 21px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 220px;
	text-align: left;
	padding-top: 80px;
	padding-right: 15px;
}

#bodyContents .peace01 table {
	margin-left: 220px;
	margin-top: 10px;
	text-align: left;
	clear: both;
}

#bodyContents .peace01 table tr th {
	vertical-align: top;
	width: 180px;
}

#bodyContents .peace01 table h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 50px;
}

#bodyContents .peace01 .box05 {
	margin: -30px auto 0px;
	padding: 0px;
	height: 200px;
	width: 910px;
	background: url(../img/top/009.gif) no-repeat left top;
}

#bodyContents .peace01 .box05 h2 {
	font-size: 22px;
	line-height: 30px;
	text-align: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
}

#bodyContents .safety01 {
	margin: 0px;
	padding: 0px;
	height: 207px;
	background: url(../img/top/010.gif) no-repeat left top;
}

#bodyContents .safety01 h3 {
	font-size: 21px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 220px;
	text-align: left;
	padding-top: 80px;
	padding-right: 15px;
}

#bodyContents .environment01 {
	background: url(../img/top/011.gif) no-repeat left top;
	height: 410px;
	margin: 0px;
	padding: 0px;
}

#bodyContents .environment01 h3 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 220px;
	text-align: left;
	padding-top: 80px;
	padding-right: 15px;
}

#bodyContents .analysis01 {
	height: auto;
	clear: both;
}

#bodyContents .analysis01 h2 {
	border-bottom: 1px solid #000;
	width: 908px;
	text-align: left;
	margin: 10px 0px 10px 20px;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 5px;
}

#bodyContents .analysis01 h3 {
	text-align: left;
	font-size: 20px;
	margin-left: 20px;
	margin-bottom: 7px;
}

#bodyContents .analysis01 .outLine01 {
	width: 867px;
	margin: 0px auto 10px;
	padding: 15px 10px 10px 15px;
	height: auto;
	border: 1px solid #999999;
}

#bodyContents .analysis01 .outLine01 h4 {
	text-align: left;
	font-size: 18px;
}

#bodyContents .analysis01 .outLine01 p {
	font-size: 18px;
	text-align: left;
	margin-left: 15px;
	line-height: 25px;
}






/* bodyContents内　料金表　箇所
---------------------------------------------------- */

#bodyContents .price01 {}

@media only screen and (max-width:767px) {

	.priceSp {

		/*CSSボタンジェネレーター　https://generator.web-alpha.info/btn/index.php#step1*/
		width: 120px;
		height: 50px;
		line-height: 50px;


		display: block;
		width: 80%;
		margin: 0 auto 0;
		height: 100%;
		text-decoration: none;
		/* background:#FFCCFF;*/

		/*CSS Gradient — Generator, Maker, and Background.html https://cssgradient.io/ */
		background: rgb(255, 255, 255);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 243, 255, 1) 10%, rgba(255, 235, 255, 1) 15%, rgba(255, 204, 255, 1) 100%);

		text-align: center;
		border: 2px solid #999999;
		color: #000000;
		font-size: 25px;
		font-weight: bold;
		letter-spacing: 3px;
		font-weight: bold;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		box-shadow: 0px 0px 6px 1px #FFFFFF inset;
		text-shadow: 0px 1px 1px #ADADAD;
		transition: all 0.5s ease;
	}

}

@media only screen and (min-width:768px) {
	.priceSp>h2 {
		display: none;
	}
}


@media only screen and (max-width:767px) {
	.price01 .priceSpMidashi {
		max-width: 100%;
		width: fit-content;
		border-radius: 10px;
		background: #FFDDFF;
		border: 2px solid #FF0000;
		margin: 10px auto;
		padding: 0 2px 7px 5px;
	}
}

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

	.price01 .title02 {
		background: url(../img/top/004.gif) no-repeat left top;
		height: 125px;
		height: 150px;
		/*2019_12_17文言追加の為に縦スペースを増やす*/

		width: 926px;
		margin-left: 10px;
	}
}



/*料金表の見出し(2024_06_24)*/
/* .priceMidashiSp */
.title02>.priceSpMidashi>h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 5px;
	line-height: 1.3;
	text-indent: 1em;
	background: url(../img/top/icon.png) no-repeat left 8px;
}

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

	#bodyContents .price01 .title02 h2 {
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		padding-left: 205px;
		padding-top: 4px;
		margin: 0;
		line-height: 1.2;
		text-indent: 0em;
		background-image: none;

	}
}


#bodyContents .price01 .title02 h3 {
	font-size: 25px;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
	margin: 10px 5px 10px 5px;
}

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

	#bodyContents .price01 .title02 h3 {
		font-size: 21px;
		line-height: 26px;
		margin: 10px 0 0 0;
	}
}



#bodyContents .price01 table {
	border: 2px solid #FF3C3C;
	background: #FFE6FF;
	text-align: center;
	width: 950px;
	font-size: 15px;
	font-weight: bold;
}

#bodyContents .price01 table th {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#bodyContents .price01 table tr th h2 {
	writing-mode: tb-rl;
	/* テキストを縦書きにする */

	font-size: 21px;
	font-weight: bold;
}

#bodyContents .price01 table td {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
}

#bodyContents .price01 table tr td h3 {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	font-size: 15px;
}

#bodyContents .price01 table tr td h4 {
	font-weight: bold;
	font-size: 30px;
	text-shadow:
		-1px -1px #D40000,
		1px -1px #D40000,
		-1px 1px #D40000,
		1px 1px #D40000;
	letter-spacing: 0.20em;
}

#bodyContents .price01 table .th01 h5 {
	/*2024_05_05CO margin-right: 5px;*/
	margin-right: 2px;
	/*2024_05_05*/

	/*2024_05_05CO margin-left: 5px;*/
	margin-left: 2px;
	font-size: 17px;
	writing-mode: vertical-rl;
	/*2024_05_05【CSS入門】テキストを縦書きにする方法やレイアウトの指定方法 _ 侍エンジニアブログ.html https://www.sejuku.net/blog/76881*/
}

#bodyContents .price01 table td h6 {
	font-size: 15px;
	color: #C00;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#bodyContents .price01 .box04 {
	margin: 5px 0px 0px;
	padding: 0px;
	height: 143px;
}

#bodyContents .price01 .box04 .leftBox01 {
	width: 545px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	text-align: left;
}

#bodyContents .price01 .box04 .leftBox01 h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0px 0px 15px;
	padding: 0px;
	line-height: 23px;
}

#bodyContents .price01 .box04 .rightBox01 {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 145px;
	width: 380px;
	background: url(../img/top/001.jpg) no-repeat right top;
}

#bodyContents .price01 .box04 .rightBox01 h4 {
	font-size: 15px;
	text-align: left;
	line-height: 25px;
	font-weight: bold;
}


/*TOP料金表下部【■価格は全て税込です。】箇所(2024_08_29)*/
.flexContainer01 {
	clear: both;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}

@media only screen and (max-width : 760px) {

	.flexContainer01 {
		flex-direction: column;
	}
}


/*2024_08_29【料金表下部箇所】*/

.flexContainer01 .leftBox02 {
	flex: 1 1 50%;
	/*	width: 545px;*/
	/*	float: left;*/
	margin: 0px;
	padding: 0px;
	height: auto;
	text-align: left;
}

.flexContainer01 .leftBox02>h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0px 0px 15px;
	padding: 0px;
	line-height: 23px;
}

.flexContainer01 .rightBox02 {

	flex: 1 1 30%;
	margin: 0px;
	padding: 0px;
	/*	float: right;
	width: 380px;
*/
	height: 145px;
	background: url(../img/top/001.jpg) no-repeat right top;
	/*	background: url(../img/top/001.jpg) no-repeat 100% top;	
*/

}

.flexContainer01 .rightBox02>h4 {

	font-size: 15px;
	text-align: left;
	line-height: 25px;
	font-weight: bold;
}

@media only screen and (max-width : 760px) {



	.flexContainer01 .leftBox02>h3 {
		font-size: 28px;
		margin: 5px 0px 0px 15px;
		padding: 0px;
		line-height: 30px;
	}

	.flexContainer01 .rightBox02 {
		/*flex: 1 1 100%;*/
		flex: 1 1 auto;
		/*※ここの設定が無いとスマホ環境時の縦幅【親要素にflex-direction: column;設定により】が狭くなり保てない【flex: 1 1 auto;は縦幅が自動設定】(2024_08_29)*/
		flex: 1 1 290px;
		/*※ここの設定が無いとスマホ環境時の縦幅が狭くなり保てない(2024_08_29)*/
		width: 100%;
		/*※ここの設定が無いとスマホ環境時の骨壺の背景画像の位置に不具合がある(2024_08_29)*/

		background: url(../img/top/001.jpg) no-repeat bottom;
	}


	.flexContainer01 .rightBox02>h4 {
		margin: 20px 0 0 0;
		font-size: 26px;
		text-align: center;
		line-height: 30px;
	}
}



/*TOP【お支払い方法】箇所*/
.flexContainer02 {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}



/*Q&Aの一部箇所【https://pote-chil.com/css-stock/ja/qa#8】*/

.qa {
	margin: 50px 0;
}

.qa h4>a {
	font-size: 28px;
}


.qa-8>h3 {
	font-size: 35px;
	font-weight: bold;
	margin: 0 0 30px 0;
}

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

	.qa-8>h3 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
}

/*.qa-8 h3 a{
	font-weight:bold;
	margin:0 0 100px 0;
}*/

.qa-8 dt {
	margin-bottom: 1em;
	color: #333333;
	font-weight: 600;
	font-size: 28px;
}

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

	.qa-8 dt {
		font-size: 22px;
	}
}

.qa-8 dt::before,
.qa-8 dd::before {
	margin-right: .4em;
}

.qa-8 dt::before {
	content: "Q.";
}


.qa-8 dd {
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 2.5em;
	padding: 1em 1.5em;
	background-color: #f2f2f2;
	color: #333333;
}

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

	.qa-8 dd {
		font-size: 22px;
		margin: 0 0 2.5em;
		padding: 1em 1.5em;
	}
}

.qa-8 dd::before {
	content: "A.";
}

/* bodyContents内　下段　対応エリア　箇所
---------------------------------------------------- */

#bodyContents .lowerText01 {
	height: auto;
	clear: both;
	margin: 0px auto 50px;
	padding: 0px;
	width: 90%;
}

@media only screen and (min-width:768px) {
	#bodyContents .lowerText01 {
		width: 770px;
	}
}


#bodyContents .lowerText01>h2 {
	text-align: left;
	font-size: 20px;
	line-height: 1.5;
	margin: 10px auto 20px;
	padding: 0px;
	font-weight: normal;
}

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

	#bodyContents .lowerText01>h2 {
		font-size: 13px;
		line-height: 20px;
		margin: 10px auto 20px;
		padding: 0px;
	}
}


#bodyContents .lowerText01 h2 a {
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
}

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

	#bodyContents .lowerText01 h2 a {
		font-size: 13px;
		line-height: 20px;
		font-weight: normal;
	}
}

#bodyContents .lowerText01 h2 a:visited {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}

#bodyContents .lowerText01 h2 a:hover {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
}

#bodyContents .fb01 {
	margin: 20px 0px 0px;
	padding: 0px;
}







/* pagetop（現在未使用箇所）
---------------------------------------------------- */
.pagetop {
	height: 26px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: right;
	margin: 20px 0px;
	clear: both;
}

.pagetop .top em {
	visibility: hidden;
	font-size: 11px;
}

.pagetop .top a:link {
	display: block;
	height: 42px;
	width: 102px;
	margin-right: 10px;
	font-size: 12px;
	float: right;
	background: url(../img/body/pageTop_s1.gif) no-repeat;
}

.pagetop .top visited {
	display: block;
	float: right;
	height: 42px;
	width: 102px;
	margin-right: 10px;
	background: url(../img/body/pageTop_s1.gif) no-repeat;
}


.pagetop .top a:hover {
	display: block;
	float: right;
	height: 42px;
	width: 102px;
	margin-right: 10px;
	background: url(../img/body/pageTop_s2.gif) no-repeat;
	text-decoration: none;
}

#footmenu {
	height: auto;
	clear: both;
	color: #201E1F;
	font-size: 17px;
	width: 900px;
	margin: 10px auto;
}

#footmenu ul li {
	display: inline;
	text-align: left;
	margin-right: 10px;
	color: #201E1F;
	font-size: 17px;
}

#footmenu ul li a:link {
	text-decoration: none;
	color: #201E1F;
	font-size: 17px;
	padding-right: 10px;
	font-weight: bold;
}

#footmenu ul li a:visited {
	text-decoration: none;
	color: #201E1F;
	font-size: 17px;
}

#footmenu ul li a:hover {
	color: #201E1F;
	text-decoration: underline;
	font-size: 17px;
}

#footmenu ul li img {
	padding-right: 8px;
}


/* footer
---------------------------------------------------- */
#footer {
	height: 183px;
	clear: both;
	background: #D6D6D6 url(../img/body/footBack.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#footer #copyright {
	width: 950px;
	height: 183px;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/body/footBack.jpg) repeat-x;
	/*2024_05_05スマホ環境時に背景が一部欠損する不具合解消の為*/

}

#copyright .footLeft {
	height: auto;
	width: 485px;
	float: left;
	margin: 80px 0px 0px 5px;
	padding: 0px 0px 0px 3px;
}

#copyright .footLeft h3 {
	font-size: 13px;
	text-align: left;
	margin-bottom: 10px;
}

#footer #copyright .footLeft p {
	text-align: left;
	font-size: 14px;
	color: #1F1E1F;
	line-height: 21px;
}

#copyright .footRight {
	float: right;
	width: 450px;
	text-align: left;
	margin: 125px 0px 0px;
	padding: 0px;
}

#copyright .footRight address {
	font-size: 10px;
	line-height: 17px;
	padding-left: 10px;
}

#copyright .footRight address a img {
	margin-right: 3px;
	margin-left: 3px;
}




#footer a:link {
	color: #000;
	font-weight: bold;
}

#footer a:visited {
	color: #000;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

/* 各クラス設定
---------------------------------------------------- */

.margin01 {
	margin: 0px 0px 0px 285px;
	padding: 0px;
}

.margin02 {
	margin: 0px 0px 0px 600px;
	padding: 0px;
}

.s1 {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}

.right01 {
	float: right;
}

.ja01 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right: 10px;
	margin-left: 10px;
}

.en01 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 10px;
	margin-left: 10px;
}

.bold01 {
	font-weight: bold;
}

.font01 {
	font-weight: bold;
	font-size: 13px;
	/* トップページ上部で使用　*/
}

.font02 {
	font-weight: bold;
	font-size: 24px;
	/* トップページ下部で使用　*/
	color: #FF0000;
}

.font03 {
	font-weight: bold;
	font-size: 18px;
	/* トップページ下部で使用　*/
	color: #FF0000;
}

.font04 {
	font-weight: bold;
	font-size: 25px;
	font-size: 15px;
	/*2024_07_21*/
}

.font05 {
	font-weight: normal;
	font-size: 11px;
	/* トップページ上部で使用　*/
}

.font06 {
	font-weight: bold;
	font-size: 13px;
	/* トップページ上部で使用　*/
}


.tdup01 {
	vertical-align: top;
	height: 145px;
}

.price01 table .tdup01 .tdScroll01 {
	margin: 0px;
	padding: 0px;
	height: 145px;
	overflow: auto;
}

.th01 {
	margin: 0px;
	padding: 0px;
	width: 16px;
}

.theight01 {
	margin: 0px;
	padding: 0px;
	height: 100px;
}


.tategaki01 {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	height: 26px;
}

.imgMargin01 {
	margin-top: 5px;
}

.tategaki01Test {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	direction: ltr;
	height: 26px;
	width: 26px;
	font-size: 15px;
}

.col01 {
	color: #F00;
}

/* 新各汎用クラス設定（2024/05/28　15:34）
---------------------------------------------------- */

.max-width {
	max-width: 100% !important;
	height: auto;
	vertical-align: bottom;
	/* ※画像の下に余計な余白を入れないように指定　*/
}

.width-full {
	width: 100% !important;
	height: auto;
	vertical-align: bottom;
	/* ※画像の下に余計な余白を入れないように指定　*/
}

@media only screen and (max-width : 767px) {
	.spNone {
		display: none;
	}
}