@charset "utf-8";
/*==================▼▼お風呂コンテンツのスタイル記述▼▼========================*/
#bath_kanbaien {
	text-align: center;
	width: 100%;
	height: auto;
	max-width: 1000px;
	margin: 0px auto;
	padding-bottom: 40px;
	padding-top: 40px;
}
#bath_contents h3 {
	font-size: 100%;
	color: #ff0000;
}
/*==================▲▲お風呂コンテンツのスタイル記述▲▲========================*/

/*========▼各小見出しH2,H3のスタイル記述▼===========================*/
.midashi {
	text-align: left;
	height: 60px;
	padding: auto;
	vertical-align: middle;
	background-image: url(../imgcom/washi.png);
	background-size: 100% 60px;
	background-repeat: no-repeat;
}
.midashi img {
	vertical-align: middle;
}
.topic{
	font-size: 26px;
	font-weight: 200;
}
.kodashi {
	height: auto;
	text-align: left;
	margin-left: 40px;
	font-size: 20px;
	font-weight: 200;
}
/*========▲各小見出しH2,H3のスタイル記述END▲========================*/


/*========▽▽スマホ対応の為、デバイス幅768px以下は画像幅を％表示に変える記述▽▽=============*/
@media only screen and (max-device-width : 768px) {
  	.smart { 
 		width: 95%;
		height: auto;
  	}
	.topic{
		font-size: 22px;
		font-weight: 200;
	}
	.kodashi {
		width: 85%;
		height: auto;
		text-align: left;
		font-size: 18px;
		font-weight: 200;
	}
  }
@media only screen and (max-width: 768px){
  	.smart { 
 		width: 95%;
		height: auto;
  	}
	.topic{
		font-size: 22px;
		font-weight: 200;
}
	.kodashi {
		width: 85%;
		height: auto;
		text-align: left;
		font-size: 18px;
		font-weight: 200;
	}
  }
/*========△△スマホ対応の為、デバイス幅768px以下は画像幅を％表示に変える記述△△=============*/