/*
	酒井形成外科　2024
	operation.css
*/
#operation h3 .small {
	font-size: 12px;
}
#operation h4::before {
	content: "□"; /* 冒頭に表示したい文字 */
	margin-right: 5px; /* □とテキストの間に余白を追加 */
}
#operation .ope_point h4::before {
	content: "■";
	margin-right: 5px;
}
#operation h5 {
	width: 400px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 50px;
	border: 1px solid #8c7a78;
	background: #f7ebd5;
	color: #8c7a78;
	text-align: center;
}
#operation h5.wide {
	width: auto;
	text-align: left;
	padding-left: 10px;
}
#operation h5.wide_square {
	width: auto;
	text-align: left;
	padding-left: 10px;
	border-radius: 0px;
}
#operation .cost_table,
#operation .col_table {
	width: 100%;
	border: 1px solid #38383c;
	border-collapse: collapse;
	border-spacing: 1px;
}
#operation .cost_table th, #operation .cost_table td,
#operation .col_table th, #operation .col_table td {
	border: 1px solid #38383c;
	padding: 5px;
}
#operation .cost_table th,
#operation .col_table th {
	/* background: #f7ebd5; */
	background: #8c7a78;
	/* color: #38383c; */
	color: #FFFFFF;
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}
#operation .cost_table td,
#operation .col_table td {
	background: #FFFFFF;
	color: #38383c;
	font-family: "shserifjp";
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}
#operation .col_table th.w50,
#operation .col_table td.w50 {
	width: 50%;
}
#operation .cost_table .priceKomoku {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	/* background: #F6F6F6; */
	background: #e8dfdf;
	width: 40%;
}
#operation .cost_table .priceKomokuComment {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	/* background: #F6F6F6; */
	background: #FFFFFF;
	width: 40%;
}
#operation .cost_table .priceCost {
	width: 150px;
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	text-align: right;
}
#operation .zeiHyouki {
	font-size: 12px;
}
#operation .price_coution {
	color: #38383c;
	font-family: "shserifjp";
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 20px;
}
#operation .operation_info {
	width: 100%;
	border: 1px solid #38383c;
	border-collapse: collapse;
	border-spacing: 1px;
}
#operation .operation_info th, #operation .operation_info td {
	border: 1px solid #38383c;
	padding: 5px;
}
#operation .operation_info th {
	/* background: #f7ebd5; */
	background: #8c7a78;
	/* color: #38383c; */
	color: #FFFFFF;
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	width: 30%;
}
#operation .operation_info td {
	background: #FFFFFF;
	color: #2e2e33;
	font-family: "shserifjp";
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	width: 70%;
}
#operation .ope_point_list {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #666666;
	list-style: none;
	padding-left: 0;
}
#operation .ope_point_list li {
	background-image: url("../image3/gold_circle.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 5px;
	padding-left: 25px;
}
#operation .ope_point {
	border: 1px solid #8c7a78;
	padding: 8px;
	border-radius: 5px;
	margin-bottom: 10px;
}
#operation .ope_point h4 {
	margin-top: 0;
	padding-top: 0;
	background: #f7ebd5;
	padding: 5px;
	border : none;
}
#operation .right_side_image img {
	width: 100%;
}
#operation .risk dl {
    clear: both;
    height: auto;
}
#operation .risk dt {
	padding-right: 10px;
	float: left;
	clear: both;
	font-family: "shsjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 5px;
}
#operation .risk dd {
	font-family: "shserifjp";
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 5px;
}
#operation .icon_design {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	color: #38383c;
	/* background: #d2d458; */
	background: #d6d1e5;
	padding: 5px;
	border-radius: 8px;
	font-family: "shsjp";
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	width: 100%;
}
#operation .icon_before {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	color: #38383c;
	background: #e8d1b3;
	padding: 5px;
	border-radius: 8px;
	font-family: "shsjp";
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	width: 100%;
}
#operation .icon_after {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	color: #38383c;
	background: #d7bfc8;
	padding: 5px;
	border-radius: 8px;
	font-family: "shsjp";
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	width: 100%;
}
#operation .fig_comment {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	color: #38383c;
	background: #F0F0F0;
	padding: 5px;
	border-radius: 8px;
	font-family: "shsjp";
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	width: 100%;
}
#operation .faq_lead {
	font-family: "shsjp";
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	padding-left: 30px;
}
#operation .faq_q,
#operation .q_text {
	font-family: "shserifjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #87692d;
	padding-left: 30px;
	background-image: url("../image3/faq-q.svg");
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}
#operation .faq_a,
#operation .a_text {
	font-family: "shserifjp";
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #963e48;
	padding-left: 30px;
	background-image: url("../image3/faq-a.svg");
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}
#operation .syourei_lead {
	font-family: "shsjp";
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	/* color: #000000; */
	padding-left: 30px;
}
#operation .syourei_box p {
	color: #000000;
}
#operation p.s_title {
	font-family: "shsjp";
	font-weight: 400;
	color: #87692d;
}
#operation .syourei_box .photo,
#operation .syourei_box .photo2 {
	text-align: center;
}
#operation .syourei_box .photo img {
	width: auto;
	height: 150px;
	overflow : hidden;
}
#operation .syourei_box .photo2 img {
	max-width: 80%;
	height: 80px;
	overflow : hidden;
}
#operation .goto_syourei {
	width: 150px;
	margin-left: auto;
	margin-right: 0;
	text-align: center;
	padding: 5px;
	border-radius: 30px;
	background: #d7bfc8;
	font-family: "shsjp";
	font-weight: 700;
	font-size: 16px;
	color: #FFFFFF;
	overflow : hidden;
}
#operation .syourei_section {
	border: 1px solid #E1C5AD;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
}
#operation .syourei_section h3 {
	margin-top: 8px;
}
#operation .syourei_info {
	border-radius: 10px;
	background: #e8dfdf;
	padding: 15px;
	margin-top: 10px;
}
#operation .syourei_info h5 {
	background: #826664;
	color: #FFFFFF;
}
#operation .syourei_info h5:first-child {
	margin-top: 0;
}
#operation .syourei_info_list {
	font-family: "shserifjp";
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;	
	list-style: none;
}
#operation .syourei_info_list li {
	background-image: url("../image3/gold_circle.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 5px;
	padding-left: 25px;
}
#operation .syourei_info_list b {
	font-family: "shserifjp";
	font-weight: 500;	
}
#operation .syourei {
	text-align: center;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 60px;
	width: 110px;
	border: 1px solid #963e48;
	margin-bottom: 8px;
}
#operation .addon_page {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #87692d;
	border: 1px solid #87692d;
	border-radius: 20px;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
}
#operation .addon_page:hover {
	background: #87692d;
	color: #FFFFFF;
}
#operation .tsuiki {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#operation .syutten {
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: "shsjp";
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
}
#operation .right_image300 img {
	width: 100%;
}
/* カテゴリトップページ */
#operation h6.catgoty_header {
	font-family: "shsjp";
	font-weight: 700;
	color: #764f4c;
	background: #f7ebd5;
	padding: 5px;
	border: 1px solid #a08343;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
}
#operation .links,
#operation .links_last {
	font-family: "shsjp";
	font-weight: 700;
	color: #764f4c;
	background: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
#operation .links:hover,
#operation .links_last:hover {
	background: #f7ebd5;
}
#operation .links {
	border-left: 1px solid #a08343;
	border-right: 1px solid #a08343;
	border-bottom: 1px dashed #a08343;
}
#operation .links_last {
	border-left: 1px solid #a08343;
	border-right: 1px solid #a08343;
	border-bottom: 1px solid #a08343;
}
#operation .ope_index_box {
	margin-bottom: 10px;
}
#operation .ope_index_box .ope_name {
	font-family: "shsjp";
	font-weight: 700;
	background: #f7ebd5;
	background-image: url("../image3/square.png");
	background-repeat: no-repeat;
	background-position: 10px 15px;
	color: #8c7a78;
	font-size: 20px;
	line-height: 26px;
	padding: 10px;
	padding-left: 40px;
}
#operation .ope_index_box .ope_comment {
	font-family: "shserifjp";
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	margin-top: 10px;
	margin-left: 20px;
}
#operation .ope_index_box .goto_page {
	font-family: "shsjp";
	font-weight: 700;
	background: #f7ebd5;
	color: #8c7a78;
	width: 120px;
	margin-left: auto;
	margin-right: 0;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	padding: 5px;
	font-size: 14px;
}

/* 価格表 */
#operation .price_lead {
	font-family: "shsjp";
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}
.ac_back_color {
	color: #764f4c;
	background: #f7ebd5;
	border: 1px solid #764f4c;
	margin-bottom: 5px;
}
.ac_back_color:not(.collapsed) {
	color: #FFFFFF;
	background: #764f4c;
}
/*
	個別ページ
*/
#hana_diffarent_rokunankotsu_jikainankotsu {
	width: 100%;
	border: 1px solid #38383c;
	border-collapse: collapse;
	border-spacing: 1px;
}
#hana_diffarent_rokunankotsu_jikainankotsu th,
#hana_diffarent_rokunankotsu_jikainankotsu td {
	padding: 5px;
	border: 1px solid #000000;
}
#hana_diffarent_rokunankotsu_jikainankotsu th {
	font-family: "shsjp";
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	width: 33%;
}
#hana_diffarent_rokunankotsu_jikainankotsu td {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	width: 33%;
}
/* コラム */
#operation .column {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #aa9677;
	border-radius: 5px;
}
#operation .column h3 {
	color: #aa9677;
	margin-top: 0;
	padding-left: 60px;
	border-bottom: none;
	background-image: url("../image3/i-column.svg");
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 50px 25px;
}
/*
	特集ページ
*/
.goto_ope_info,
.goto_ope_soudan,
.goto_ope_reserve {
	font-family: "shsjp";
	font-weight: 700;
	margin-top: 5px;
	margin-left: auto;
	margin-right: 0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 20px;
	border: 1px solid #87692d;
	background: #f7ebd5;
	color: #87692d;
	font-size: 16px;
	width: 300px;
	text-align: center;
}
#operation .hamume {
	font-family: "shsjp";
	font-weight: 500;
	font-size: 20px;
	color: #87692d;
	padding-bottom: 5px;
	border-bottom: 1px solid #87692d;
}
@media screen and (min-width: 100px) and (max-width: 480px) {
	#syourei_content,
	#jissay_content {
		display: none;
	}
	#operation .right_side_image {
		width: 100%;
	}
	#operation .risk dt {
		width: 50%;
	}
	#operation .risk dd {
		margin-left: 50%;
	}
	#operation .addon_page {
		width: 100%;
	}
	#operation .right_image300 {
		width: 100px;
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
	}
	#operation .syourei_info h5 {
		width: 100%;
	}
}
@media screen and (min-width: 481px) and (max-width: 600px) {
	#syourei_content,
	#jissay_content {
		display: none;
	}
	#operation .right_side_image {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
		width: 40%;
	}
	#operation .risk dt {
		width: 50%;
	}
	#operation .risk dd {
		margin-left: 50%;
	}
	#operation .addon_page {
		width: 480px;
	}
	#operation .tsuiki {
		text-align: right;
	}
	#operation .right_image300 {
		width: 150px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 601px) and (max-width: 780px) {
	#syourei_content,
	#jissay_content {
		display: none;
	}
	#operation .right_side_image {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
		width: 300px;
	}
	#operation .risk dt {
		width: 220px;
	}
	#operation .risk dd {
		margin-left: 220px;
	}
	#operation .addon_page {
		width: 500px;
	}
	#operation .tsuiki {
		text-align: right;
	}
	#operation .right_image300 {
		width: 300px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
	#syourei_content,
	#jissay_content {
		display: none;
	}
	#operation .right_side_image {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
		width: 300px;
	}
	#operation .risk dt {
		width: 240px;
	}
	#operation .risk dd {
		margin-left: 240px;
	}
	#operation .addon_page {
		width: 500px;
	}
	#operation .tsuiki {
		text-align: right;
	}
	#operation .right_image300 {
		width: 300px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#operation p.s_title {
		height: 100px;
	}
}
@media screen and (min-width: 1201px) and (max-width: 10000px) {
	#syourei_content,
	#jissay_content {
		display: none;
	}
	#operation .right_side_image {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
		width: 300px;
	}
	#operation .risk dt {
		width: 240px;
	}
	#operation .risk dd {
		margin-left: 240px;
	}
	#operation .addon_page {
		width: 500px;
	}
	#operation .tsuiki {
		text-align: right;
	}
	#operation .right_image300 {
		width: 300px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#operation p.s_title {
		height: 100px;
	}
}
@media print {
	#syourei_content,
	#jissay_content {
		display: block;
	}
	#operation .right_side_image {
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
		width: 300px;
	}
	#operation .risk dt {
		width: 240px;
	}
	#operation .risk dd {
		margin-left: 240px;
	}
	#operation .addon_page {
		width: 500px;
	}
	#operation .tsuiki {
		text-align: right;
	}
	#operation .right_image300 {
		width: 300px;
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#operation p.s_title {
		height: 100px;
	}
}