/*
	酒井形成外科 メインCSS
	version 2020 美容皮膚科サイト
*/
.treatment_shortcut {
	display: none;
}
#treatment h3 {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
/*	color: #4a337a; */
	color: #FFFFFF;
	background-image: url(../image/header3_background.png);
	background-width: 100%;
	padding: 8px;
	padding-left: 20px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}
#treatment #headline {
	margin-left: 30px;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
}
.small_photo {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
li {
	font-size: 16px;
	line-height: 24px;
}
#treatment .q {
	font-weight: bold;
	color: ##4a337a;
	border-bottom: 1px solid #cccccc;
}
#treatment .a {
	font-weight: normal;
	color: #666666;
}
/*
	手術一覧
*/
.treatmentIndex {
	padding: 5px;
	background: #f0f0f0;
	border: 1px solid #cccccc;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
	border-radius: 5px;
	color: #000000;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
}
.sejyutsu_setsumei {
	margin-bottom: 15px;
}
.sejyutsu_komoku {
	padding: 8px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	border-radius: 10px;
	border: 1px solid #cccccc;
	background: #f0f0f0;
	color: #000000;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}
/*
	各施術ページ
*/
#treatment_top img {
	width: 100%;
}
.treatment_left_header {
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
}
#treatment .oneblock h4,
#treatment .twoblock h4,
#treatment .twoblock2 h4,
#treatment .twoblock_small_img2 h4 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
	padding-left: 35px;
	background-image: url("../image/i-green.png");
	background-repeat: no-repeat;
	background-position: 0 0px;
}
#treatment h5 {
	font-size: 16px;
	line-height: 22px;
}
#treatment h6 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}
#treatment .yellow_ribon {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
	padding-left: 45px;
	background-image: url("../image/i_clip_yellow.png");
	background-repeat: no-repeat;
	background-position: 0 -4px;
}
#treatment .blue_circle {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
	padding-left: 30px;
	background-image: url("../image/i-blue.png");
	background-repeat: no-repeat;
	background-position: 0 0px;
}
#treatment .purple_box {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
	padding-left: 35px;
	background-image: url("../image/i-purple.png");
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.risk {
	font-size: 14px;
	line-height: 18px;
}
.risk dt {
	float: left;
	width: 140px;
}
.risk dd {
	float: left;
}
.risk dl {
	clear: left;
	border-top: 1px solid #cccccc;
	padding-bottom: 4px;
	padding-top: 4px;
	width: 100%;
}
.risk_this_ope {
	border-top: 1px solid #cccccc;
}
.risk_this_ope p {
	margin: 0;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 14px;
	line-height: 18px;
}
.twoblock .left_side,
.twoblock .left_side2,
.twoblock .right_side,
.twoblock .right_side2 {
	font-size: 16px;
	line-height: 22px;
}
.twoblock .left_side img,
.twoblock .right_side img,
.twoblock2 .left_side img,
.twoblock2 .right_side img {
	width: 100%;
}
.twoblock_small_img .left_side,
.twoblock_small_img .right_side {
	text-align: center;
}
.twoblock_small_img .left_side_text_left,
.twoblock_small_img .right_side_text_left {
	text-align: left;
}
.twoblock_small_img2 .left_side {
	text-align: left;
}
.twoblock_small_img2 .right_side {
	text-align: center;
}
.main_text_module {
	color: #4a337a;
	font-size: 16px;
	line-height: 22px;
}
#next_page_pr {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 5px;
}
#treatment .treatment_point {
	border: 4px double #5d4578;
	background: #e3d2ff;
	padding: 10px;
	margin-left: 30px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);
}
#treatment .treatment_point h4 {
	font-size: 16px;
	text-align: center;
	padding: 3px;
	margin-top: 0;
	background: #5d4578;
	color: #FFFFFF;
	border-radius: 20px;
}
#treatment .treatment_point .treatment_point_list {
	list-style-image: url("../image/i-circle-perple.png");
}
#treatment .oneblock p,
#treatment .twoblock p,
#treatment .twoblock2 p {
	margin-top: 8px;
	margin-bottom: 5px;
}
.cyuki {
	margin-top: 15px;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
}
.syutten {
	text-align: right;
	margin-top: 10px;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
}
.design {
	background: #00a888;
	border-radius : 20px;
	width: 240px;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 20px;
	opacity: 0.5;
	clear: both;
}
.jyutsuzen {
	background: #736ff7;
	border-radius : 20px;
	width: 240px;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 20px;
	opacity: 0.5;
	clear: both;
}
.jyutsugo {
	background: #f8a3ba;
	border-radius: 20px;
	width: 240px;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	opacity: 0.9;
	clear: both;
}
#treatment .other_link {
	margin-left: 30px;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #cccccc;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);
	background: #f0f0f0;
	color: #000000;
	border-radius: 20px;
}
/*
	詳細情報
*/
.treatment_infomation_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
.treatment_infomation_table th,
.treatment_infomation_table .johoKomoku {
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: left;
	background: #EAE9FF;
	font-size: 16px;
	line-height: 22px;
}
.treatment_infomation_table td {
	padding: 5px;
	border: 1px solid #cccccc;
	font-size: 16px;
	line-height: 22px;
}
/*
	コラム
*/
.column {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding: 10px;
	border: 1px solid #00a888;
}
.column_title {
	margin-top: 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #00a888;
}
.column p {
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}
.column ul,
.column li {
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}
.column h5 {
	margin-top: 0;
	padding-top: 0;
}
/*
	価格表
*/
.tokubetsukakaku {
	color: #cc0000;
}
.price_coution {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	text-align: right;
	margin-top: 10px;
}
.price_add {
	margin-bottom: 10px;
	font-size: 12px;
}

.cost_table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.cost_table th {
	text-align: center;
	background: #EAE9FF;
	padding: 5px;
	border: 1px solid #cccccc;
}
.cost_table2 th {
	text-align: center;
	background: #EAE9FF;
	padding: 5px;
	border: 1px solid #cccccc;
}
.priceKomoku {
	width: 70%;
	text-align: left;
	padding: 5px;
	border: 1px solid #cccccc;
}
.priceCost {
	width: 30%;
	text-align: right;
	padding: 5px;
	border: 1px solid #cccccc;
}
.zeiHyouki {
	font-size: 10px;
}
.syouhizei {
	font-size: 12px;
	text-align: right;
}
.price_add_comment {
	margin-left: 130px;
	margin-bottom: 10px;
}
.zeokomi {
	font-size: 10px;
	text-align: right;
	margin-right: 20px;
}
.price_komoku {
	font-weight: bold;
	color: #000000;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #f0f0f0;
	margin-bottom: 5px;
}
.sp_kakaku,
.set_kakaku {
	width: 49%;
	float: left;
	text-align: right;
	color: #000000;
	font-weight: bold;
}
.price_sp,
.set_price {
	width: 49%;
	float: right;
	text-align: left;
	color: #cc0000;
	font-weight: bold;
}
.price_set .price_teika {
	color: #000000;
}
.price_set .teika {
	color: #000000;
}
#price_area h4 {
	border-top: 1px dotted #cccccc;
	padding-top: 10px;
	padding-left: 20px;
}
.linkto {
	padding: 5px;
	border: 1px solid #cccccc;
	background: #f0f0f0;
	width: 250px;
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
}
/*
	Q&A
*/
#faq {

}
#faq h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
	margin-left: 15px;
	padding-bottom: 5px;
	margin-top: 25px;
	border-bottom: 1px solid #cccccc;
}
#faq .headline {
	margin-bottom: 15px;
	margin-left: 30px;
	color: #666666;
	font-size: 16px;
	line-height: 22px;
}
#faq .line_q {
	color: #6c5ffe;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 8px;
	margin-left: 30px;
}
#faq .q_icon {
	width: 30px;
	height: 30px;
	background-image: url(../image/i-q.png);
	background-repeat: no-repeat; 
	float: left;
	width: 30px;
	margin-right: 10px;
}
#faq .q_text {
	float: left;
	width: calc(100% - 45px);
}
#faq .line_a {
	color: #fa5787;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#faq .a_icon {
	width: 30px;
	height: 30px;
	background-image: url(../image/i-a.png);
	background-repeat: no-repeat; 
	float: left;
	width: 30px;
	margin-right: 10px;
}
#faq .a_text {
	float: left;
	width: calc(100% - 45px);
}
/*
	レーザー脱毛
*/
.lr_comment {
	text-align: right;
	margin-bottom: 15px
	font-size: 12px;
	line-height: 16px;
}
.merit10 {
	padding: 8px;
	padding-left: 20px;
	border: 1px solid #cccccc;
	background: #f0f0f0;
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	border-radius: 15px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
	margin-bottom: 5px;
	margin-top: 10px;
}
#merit10-1,#merit10-2,#merit10-3,#merit10-4,#merit10-5,
#merit10-6,#merit10-7,#merit10-8,#merit10-9,#merit10-10 {
	display: none;
	border: 1px solid #0066cc;
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
}
#merit10-7 .left_side {
	width: calc(80% - 40px);
}
#merit10-7 .right_side {
	width: calc(20% - 10px);
}
#merit10-7 .right_side img {
	width: 100%;
}
.lr_step {
	padding: 8px;
	padding-left: 20px;
	border: 1px solid #cccccc;
	background: #f0f0f0;
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	border-radius: 15px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
	margin-bottom: 5px;
	margin-top: 10px;
}
#lr_step-1,#lr_step-2,#lr_step-3,#lr_step-4,#lr_step-5 {
	display: none;
	border: 1px solid #0066cc;
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
}
.step {
	font-size: 16px;
	color: #0066cc;
	margin-right: 15px;
}
.woman_set_price_sheet .left_side img,
.woman_set_price_sheet .right_side img {
	width: 100%;
}
.price_chart .left_side img,
.price_chart .right_side img {
	width: 100%;
}
.laser_removable_price_table {
	margin-top: 15px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-bottom: 15px;
}

.laser_removable_price_table th {
	text-align: left;
	padding: 3px;
	border: 1px solid #999999;
}
.laser_removable_price_table td {
	padding: 3px;
	border: 1px solid #999999;
}
.laser_removable_price_table .bui {
	text-align: center;
	width: 50px;
	background: #FFCCCC;
	color: #000000;
}
.laser_removable_price_table .komoku {
	background: #f0f0f0;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	font-weight: normal;
	text-align: center;
}
.laser_removable_price_table .time {
	text-align: center;
	width: 50px;
}
.laser_removable_price_table .price{
	text-align: right;
	width: 80px;
}
.yag {
	background: #70cd9d;
	color: #000000;
	padding: 3px;
}
.yag_price {
	background: #70cd9d;
	color: #000000;
	padding: 3px;
	width: 200px;
	margin-left: auto;
	margin-right: 0;
}
.recommend {
	background: #ecc4cb;
}
/*
	点滴治療
*/
.aacl_table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.aacl_table th {
	text-align: center;
	background: #EAE9FF;
	padding: 5px;
	border: 1px solid #cccccc;
}
.aacl_table th {
	text-align: center;
	background: #EAE9FF;
	padding: 5px;
	border: 1px solid #cccccc;
}
.priceKomoku_aacl_set_price {
	text-align: right;
	color: #ff0000;
	font-weight: bold;
	border: 1px solid #cccccc;
}
.priceCyu {
	width: 14px;
	text-align: center;
	padding: 5px;
	border: 1px solid #cccccc;
}
/*
	水光注射
*/
#suikou_kounou {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px solid #000000;
}
#suikou_kounou th {
	border: 1px solid #cccccc;
	padding: 5px;
	background: #f0f0f0;
}
#suikou_kounou td {
	border: 1px solid #cccccc;
	padding: 5px;
}
/*
	ダーマペン / マッサージピール
*/
#cost_dermapen,
#cost_massage_peal {

}
.dermapen_table .price,
.dermapen_table .price2,
.massage_peal_table .price,
.massage_peal_table .price2, {
	text-align: right;
}
.dermapen_option_table .treatment_span,
.massage_peal_option_table .treatment_span {
	width: 100px;
	text-align: center;
}
.dermapen_table,
.massage_peal_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.dermapen_table th,
.massage_peal_table th,
.dermapen_table td,
.massage_peal_table td {
	border: 1px solid #999999;
	padding: 5px;
}
.dermapen_option,
.massage_peal_option {
	backgroiund-image: none;
	padding: 0;
	text-align: center;
	color: #e86eb2;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
.dermapen_option_table,
.massage_peal_option_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.dermapen_option_table th,
.massage_peal_option_table th,
.dermapen_option_table td,
.massage_peal_option_table td {
	border: 1px solid #999999;
	padding: 5px;
}
.dermapen_table th,
.massage_peal_table th,
.dermapen_option_table th,
.massage_peal_option_table th {
	background: #f0f0f0;
}
.dermapen_table .treatment_name,
.dermapen_option_table .treatment_name,
.massage_peal_table .treatment_name,
.massage_peal_option_table .treatment_name {
	font-weight: bold;
}
.dermapen_option_table .comment {
	padding-left: 20px;
}
.dermapen_table .price,
.massage_peal .price,
.dermapen_option_table .price {
	width: 120px;
}


