@charset "utf-8";
/* CSS Document */
/*------------------------------------
症例写真
------------------------------------*/
/*症例写真全体*/
.contents_case-box{
	max-width: 1000px;
	width: 100%;
	padding-top: 20px;
}

/*症例写真単体の囲み*/
.shourei_keikabox{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border: solid 1px #C8C8C8;
	background: #FFFFFF;
	/*background: #F4E3E3;*/
	/*background: #F4EFEF;*/
	border-radius: 10px;
	padding: 20px 20px 0 20px;
	margin-bottom: 10px;
}

/*症例写真単体の囲み：矢印のない写真2枚横並びの幅*/
.shourei_keikabox_2{
	max-width: 780px;
	width: 100%;
	margin: 0 auto;
}

/*単体毎の症例タイトル*/
.case_ttl_case{
	border: solid 1px #B48081;
	border-left: double 5px #F9E9E9;
	padding: 10px 0 10px 20px;
	margin: 25px 0 20px 0;
	font-weight: bold;
	text-align: left;
	font-size: 19px;
	/*background: #6A5373;*/
	background: #B48081;
	color: #FFFFFF;
}

/*各論ページの症例タイトル　※caseでは違う記述*/
.contents_case-ttl{
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	color: #800040;
	margin-bottom: 10px;
}


/*症例情報ここから*/
.patient-data{
	padding-bottom:20px;
	margin-top: 30px;
}
.paitent-data_flex{
	display: flex;
	justify-content: space-between;
}
.paitent-data_flex table{
	max-width: 360px;
	width: 100%;
}
.paitent-data_flex table tr td{
	border: solid 1px #D3C0C0;
	padding: 8px 10px 8px 10px;
	font-size: 15px;
}
.data_koumoku{
	background: #EDDEDE;
	font-weight: bold;
	border-left: dotted 2px #C3ABAC;
}
/*リスク*/
.lisk_txt{
	max-width:600px;
	width: 100%;
	margin-left: 20px;
	flex-grow: 1;
}

@media screen and (max-width: 750px) {
.paitent-data_flex table{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}
	
.paitent-data_flex{
	display: block;
}
.lisk_txt{
	width: 100%;
	margin-left: 0;
}
}

/*症例の横並び全体*/
.shorei_photo_flex{ 
     display:flex;
	 margin:0 auto;
	 margin-bottom:20px;
	 justify-content: space-around; 
}
/*「さらに表示する」の枠*/
.shorei_ph2{
	background: #F9E8E8;
	border: solid 1px #F8E2E2;
	/*border: solid 1px #CDB6B6;*/
	padding: 20px 10px 5px 10px;
	border-radius: 10px;
}
/*症例の施術前、施術後の文字*/
.shorei_photo_before p,.shorei_photo_after p{
	line-height:2;
	text-align:center;
	font-weight: bold;
	/*padding-bottom:15px;*/
	padding-top:0;	
    vertical-align: text-top;			
}
.shorei_photo_after p{
	color: #800040;
}
/*症例の矢印*/
.shorei_photo_yajirushi{
	/*width:16%;*/
	/*background: #FFF;*/
	padding:17px;
	position:relative;
}
.shorei_photo_yajirushi:after{
	content:'';
	position: absolute;
/*	top:42%;
	right:8px;*/
	width:0;
	height:0;
	position: absolute;
	top:40%;
	right:25%;
    transform: translateY(-50%);
	border-top:18px solid transparent;
	border-left:18px solid #AB7A7B;
	border-bottom:18px solid transparent;
}

@media screen and (max-width:680px) {
.shorei_photo_flex{ 
       flex-direction: column;	
       align-items: center;
	}
	
/*術前術後の文字*/
.shorei_photo_before p,.shorei_photo_after p{
	font-size:13px;
}	

.shorei_photo_before p{
	padding-bottom:5px;	
}
	
.shorei_photo_yajirushi{
	padding:15px;	
}	
.shorei_photo_yajirushi:after{
	top:10%;	
	right:3px;
	border-left:18px solid transparent;
	border-top:18px solid #AB7A7B;
	border-right:18px solid transparent;
    transform: none;	
}
}

/*症例ページのページタイトル*/
.case_h2{
	background: #6B1138;
	/*background: #7E0F4D;*/
	margin-top: 90px;
	line-height: 90px;
	box-shadow: inset 0px 2px 12px 0px rgba(217, 194, 189, 1);
	color: #FFFFFF;
	font-size: 25px;
	line-height: 35px;
	padding: 35px 0 25px 0;
	letter-spacing: -1px;
}

@media screen and (max-width:700px) {
.case_h2{
	font-size: 22px;
	padding: 35px 10px 25px 10px;
}
}

/*症例追加スライドダウン★2020年0826追加
-----------------------*/
/*ボックス全体*/
.accbox {
   /* margin: 2em 0;*/
    padding: 0;
    max-width: 1000px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    padding : 8px 12px;
    color: #060;
    font-weight: bold;
	background: #DCF0D0;
	border-top:solid 1px #349D11;
	border-bottom:solid 1px #349D11;
	border-right:solid 1px #349D11;
	border-left:solid 6px #349D11;
    cursor :pointer;
    transition: all 0.5s;
	margin-bottom:8px;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background: #A4D795;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .caseshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .caseshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}

/*コロナ全体枠*/
.case_keika {
    padding: 0;
    max-width: 1000px;/*最大幅*/
}

/*ラベル*/
.case_keika label {
    display: block;
	width:80%;
	margin:0 auto;
    padding : 8px 12px;
    color: #661F42;
	text-align:center;
	border:solid 1px #A47D86;
    cursor :pointer;
    transition: all 0.5s;
	margin-top:10px;
	margin-bottom:20px;
	box-sizing: border-box;
	font-weight:bold;
	font-size:1em;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",'Noto Serif JP', serif;*/
}

@media screen and (max-width:680px) {
.case_keika label {
	font-size:0.9em;	

}
}
/*コロナアイコンを表示*/
.case_keika label:before {
    content: '\f054';
    font-family:"Font Awesome 5 Free";
    padding-right: 8px;
	font-weight:900;
}

/*ラベルホバー時*/
.case_keika label:hover {
    background: #F2DDD9;
}

/*チェックは隠す*/
.case_keika input {
    display: none;
}

/*中身を非表示にしておく*/
.case_keika .caseshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*スライドなし*/
.close_label {
    display: block;
    padding : 8px 18px;
    color: #060;
    font-weight: bold;
	background: #DCF0D0;
	border-top:solid 2px #349D11;
	border-bottom:solid 1px #349D11;
	border-left:solid 2px #349D11;
	border-right:solid 2px #349D11;
	cursor :pointer;
    transition: all 0.5s;
}
.close_box{
	padding:15px;
	margin-bottom:8px;
	border-bottom:solid 2px #349D11;
	border-left:solid 2px #349D11;
	border-right:solid 2px #349D11;
}
.accbox .caseshow p {
    margin: 10px 10px;
}
.clinic_close{
	font-size:1.5em;
	line-height:1.5em;
	color:#060;
}


.keika_setumei{
	font-size:15px;
}

/*経過写真の枠*/
.keika_block{
	width:850px;
	margin:0 auto;
}
/*経過写真のテープル*/
.keika_block table{
	margin:0 auto;
	text-align:center;
	padding-top:10px;
}
.keika_block_w600{
	width:600px;
	margin:0 auto;
	padding-top:10px;
}
.keika_block_w500{
	width:500px;
	margin:0 auto;
	padding-top:10px;
}
.keika_block_w850{
	width:850px;
	margin:0 auto;
	padding-top:10px;
	border-collapse: collapse;
}
.keika_block_w850 table{
	width:850px;
}

/*各論にとぶリンクボタン*/
.case_linkbtn_flex{
	display:flex;
	justify-content:flex-end;
	margin:20px 0 40px;
	width:100%;
	flex-wrap: wrap;
}


/*症例経過のピンク吹き出し*/
.arrow_box{
    position:relative;
    max-width:1000px;
	width: 100%;
    height:auto;
    background: #F5E6E7;
    padding:20px;
	margin-bottom: 30px;
    text-align:left;
    color:#666666;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:14%;
}
.arrow_box:after{
    border-color: rgba(247, 235, 235, 0);
    border-top-width:20px;
    border-bottom-width:20px;
    border-left-width:10px;
    border-right-width:10px;
    /*margin-left: -10px;*/
    border-bottom-color: #F5E6E7;
}
.arrow_box:before{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:24px;
    border-bottom-width:24px;
    border-left-width:12px;
    border-right-width:12px;
    /*margin-left: -12px;*/
    margin-bottom: 2px;
    border-bottom-color:#FFFFFF;
}