@charset "utf-8";
/* ===================================================================
CSS information
 style info :カスタム投稿タイプ"advan"専用のCSS
 製作者	:takagi
=================================================================== */


/*
 * 肩こり解消コース
 * ------------------------------------ */

.row img {
	height: auto;
	max-width: 100%;
}
.kata_machine .inner_head {
	text-align: center;
}
.kata_machine .inner_head .title {
	font-weight: bold;
	color: #2aa738;
	margin: 5px 0;
}
.kata_machine > div {
	margin: 20px 0;
}

/*
 * スポーツのけが
 * ------------------------------------ */

.step_box_wrap {
	margin: 30px 0;
}
.step_box {
	position: relative;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding: 30px 15px;
	text-align: center;
}
.step_box dt {
	color: #2aa738;
	margin: 25px 0;
	font-size: 1.8rem;
}
.step_box dd {
	text-align: left;
	line-height: 2.8rem;
}
.step_box .step_flag {
	position: absolute;
	top: 0;
	left: 0;
}
.step_box_sp .step_head_wrap {
	text-align: center;
}
.step_box_sp .step_img,
.step_head {
	display: inline-block;
}
.step_box_sp img {
	width: 100px;
	height: auto;
}
.step_box_sp .step_head {
	font-weight: bold;
	height: 100px;
	padding-top: 5px;
    width: 180px;
}
.step_box_sp .step_flag {
	background-color: #cfa972;
	color: #FFF;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	font-size: 1.8rem;
}
.step_box_sp .setp_title {
	color: #2aa738;
	font-size: 1.8rem;
	margin: 10px 0 0 0;
}
.point_wrap {
	text-align: center;
	padding: 20px 0;
}
.point_area {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 4.2rem;
	color: #2aa738;
	padding: 20px 10px;
	border: solid 5px #f3efe8;
	margin: 15px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.point_area_sp {
	color: #2aa738;
	font-weight: bold;
	margin: 15px 0 0;
}
.point_wrap img {
	max-width: 100%;
}
.other_machine {
	margin-top: 30px;
}
.other_machine li {
	text-align: center;
}
.other_machine img {
	width: 100%;
	height: auto;
}
.other_machine dt {
	color: #2aa738;
	margin: 10px 0;
}
.prelusion_lists {
	margin: 20px 0;
}
.prelusion_lists li {
	font-size: 1.8rem;
	font-weight: bold;
	color: #2aa738;
	list-style-type: disc;
	margin-left: 18px;
}

/*
 * 交通事故のけが
 * ------------------------------------ */

.strong,
.strong_list {
	font-weight: bold;
	color: #2aa738;
}
.strong_list {
	font-size: 2.1rem;
	line-height: 3.7rem;
	text-align: center;
	padding: 10px 0;
}
.jiko_row img {
	width: 100%;
	height: auto;
}

/*
 * ショックマスター治療院
 * ------------------------------------ */
#advan_shockmaster .clinic_info_open_time {
	/* width: 300px; */
	margin-bottom: 1rem;
}
#advan_shockmaster .clinic_info_open_time tr {
	border-bottom: solid 1px #c7b299;
}
#advan_shockmaster .note {
	font-size: 1.4rem;
	line-height: 2rem;
}
#advan_shockmaster .cannot_lists {
	margin-top: 1rem;
	background-color: #fafafa;
	padding: 15px;
}
#advan_shockmaster .cannot_lists li {
	display: inline-block;
}
#advan_shockmaster .cannot_lists li::after {
	content: "/";
	padding-left: 5px;
	padding-right: 5px;
}
#advan_shockmaster .cannot_lists li::before {
	content: "□";
	font-size: 2rem;
	padding-right: 5px;
}
#advan_shockmaster .can_lists {
	list-style-type: circle;
	padding-left: 3rem;
}
#advan_shockmaster .can_lists li a::before {
	content: " ≫ ";
}
#advan_shockmaster .row img {
	width: 100%;
}

/* 吹き出し本体 - 普通の吹き出し */
.balloon1{
  position: relative;
  padding: 20px;
  background-color: #f3f3f3;
	margin-left: 15px;
	margin-bottom: 15px;
  border-radius: 10px;/* 角丸を指定 */
}
/* 三角アイコン - 普通の吹き出し */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #f3f3f3;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
/* 吹き出し本体 - 枠線付きの吹き出し */
.balloon2{
  position: relative;
  padding: 20px;
  background-color: #ffadad;
  border: 2px solid #ca8888;
  border-radius: 10px;/* 角丸を指定 */
}
/* 三角アイコン - 枠線付きの吹き出し */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #ca8888;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #ffadad;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}