.case-tabMenu {
    background: #f7f4df;
    max-width: 1100px;
        width: 90%;
        margin: 0 auto 50px;
}
.archives .u-inner,
.case_single .u-inner {
    max-width: 1100px;
    width: 90%;
}
.tabMenu {
    display: flex;
    flex-direction: row;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}

.tabMenu li {
    display: flex;
    text-align: center;
    align-items: center;
}

.tabMenu li {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 14px;
    background: #fff;
    display: inline-block;
    height: 64px;
    line-height: 60px;
    border-radius: 5px;
    color: #896975;
    font-size: 18px;
    font-weight: bold;
    transition: all;
    transition-duration: 300ms;
}

.tabMenu li a {
text-decoration: none;
}

.tabMenu li:hover {
    cursor: pointer;
    color: white;
    background: #896975;
}

.tabMenu li.active {
    color: white;
    background: #896975;
}






.__box {
    padding: 30px 40px 60px;
}

.__box .list_casetitle {
    color: #896975;
    border-bottom: solid 1px #896975;
    font-size: 20px;
    padding-bottom: 14px;
    margin-bottom: 15px;
    line-height: 1.6;
}

.age_gender {
    margin-top: 20px;
    color: #666666;
    font-size: 1.8rem;
}

.__img_area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
}

.__img_area .__img img {
    height: 150px;
    width: 100%;
    object-fit: contain;
    object-position: center center;
}

.__img_area .before,
.__img_area .after {
    width: 48%;
}

.__img_area .name {
    text-align: center;
    color: #896975;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}

.content_box {
    margin-top: 10px;
}

.content_box .in_box dl {
    margin-top: 10px;
}

.in_box_div {
    display: block;
}


.in_box_dl dt {
    border: solid 1px #896975;
    padding: 6px;
    width: auto;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    display: inline-block;
}

.in_box_dl dd {
    margin-left: 5px;
    margin-top: 15px;
    display: inline;
    line-height: 2.4;
    margin-right: 20px;
    font-size: 16px;
}

.content_box .link_btn {
    background: #896975;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
}


.taxonomy-term-title {
    text-align: center;
    font-size: 40px;
}

.case-other-photos {
    width: 250px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* 追記症例 */


.l-sub-img {
	margin-bottom: 20px;
}

#case{
	color: #555555;
}

#case .info_area01 {
		margin-bottom:40px;
	}

.case_title {
	font-size: 38px;
	text-align: center;
	color:#896975;
	letter-spacing: 0.05rem;
	font-weight: 500;
	line-height:1.4;
margin-bottom: 20px;
}

.info-block01 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content:center;
	margin-top: 10px;
}

.case_category {
text-decoration: none;
		background: #896975;
	color: #fff;
		display: inline-block;
	padding: 5px 20px;
    line-height: 1;
	margin-right:20px;
	font-size: 1.4rem;
	font-weight: 500;
}

.case_gender {
	font-size: 1.5rem;
}

.case_thumbnail {
	width: 80%;
	margin: 40px auto 60px;
}

#case .info_area02 {
	display: flex;
	flex-direction: column;
	justify-content:center;
	margin-top:50px;
		margin-bottom:80px;
	background: #F7F7F9;
	padding: 20px 50px;
	}

.case-dl {
	font-size:1.4rem;
	margin:5px 20px;
	display: inline-block;
}

.case-dl dt {
	font-size:1.2rem;
	border: solid 1px #896975;
	color: #896975;
	display: inline-block;
	padding: 4px 8px;
	width:80px;
	text-align: center;
    line-height: 1;
	margin-right:10px;
	letter-spacing: 0.02rem;
	font-weight: 500;
}

.case-dl dd {
	font-size:1.4rem;
	color: #555;
	display: inline-block;
}

#case .info_area03 {
		margin-bottom:60px;
	}

.caseimg_area{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	    justify-content: space-around;
}

.caseimg_area_img{
	width: 40%;
	margin-top: 20px;
		margin-bottom:20px;
}


.case_content_block {
	margin-top:60px;
	margin-bottom:60px;
}

.case_h3 {
		font-size:2.4rem;
	color: #896975;
	border-bottom: solid 1px #CCCCCC;
line-height:1.8;
	padding-bottom: 5px;
	margin-bottom:30px;
	letter-spacing: 0.05rem;
	font-weight: 500;
}

.case_box {
	font-size:1.5rem;
	line-height:2.2;

}

.case_costdetail table {
    display: flex;
    margin-bottom: 10px;
    margin: 3rem 0 10px;
    align-items: stretch;
	width: 100%;
    border: 1px solid #896975;
    margin: 3rem 0 1.2rem;
}

.case_costdetail  table thead, 
.case_costdetail table tbody {
    display: block;
    width: 50%;
}

.case_costdetail tr th, .case_costdetail tr td {
    font-size: 1.5rem;
    line-height: 1.6;
    padding: 1.5rem 1.8rem;
    font-weight: 500;
    vertical-align: middle;
}

.case_costdetail tr{
	font-weight: normal;
	width: 100%;
    display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
}
.case_costdetail tr th {
	background: #f2ecda;
    font-weight: 500;
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.case_costdetail tr td {
    font-weight: normal;
	width: 100%;
    display: block;
}

.case_costdetail p {
font-size:1.2rem;
}

/* 追記アーカイブ */

.case_archive .case-tabMenu {
	padding:0;
	padding-top:10px;
	padding-bottom: 20px;
}

.case_archive .tabMenu li {
	font-size: 1.5rem;
	    letter-spacing: 0.05rem;
    font-weight: 500;
	    height: 40px;
    line-height: 40px;
	margin-top:10px;
}

.case_archive .tabMenu li a {
display:block
}

.case_archive .__img_area .__img img {
	object-fit: cover;
}


.case_archive h2 {
	color: #896975;
    letter-spacing: 0.05rem;
    font-weight: 500;
}
.case_archive  .gender {
	    font-size: 1.4rem;
	margin-top: 10px;
	margin-bottom: 10px;
}

.case_archive  .__img_area .name {
	font-size: 1.2rem;
	margin-top: 0;
}

.case_archive  .case-list {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    gap: 0 30px;
}

.case_archive .__img_area {
	margin-top: 20px;
}

.case_archive .info_area02 {
    padding: 0;
    margin: 0;
	margin-top: 20px;
	background : transparent;
}
.case_archive .u-inner {
margin-top: 40px;
}

.case_archive  .case-dl  {
	margin:0;
}
.case_archive  .case-dl dt {
	font-size: 1.2rem;
	margin-right: 5px;
	/* width:70px; */
}
.case_archive  .case-dl dd {
	font-size: 1.3rem;
	margin-right: 10px;
}

.case_archive .__box {
	padding: 30px 40px 30px;
    background: #F9FBFD;
    margin-bottom: 30px;
}

/* 追記症例２ */

#case .case-nopost {
color: #999;
margin:140px auto;
}

.case_box_risk {
font-size:1.2rem;
line-height:1.8;
margin-top:20px;
color: #999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}



#case .case_archive .case-dl {
display: flex;
align-items: center;
}
#case .case_archive .case-dl dt {
/* margin-right: 5%;
    width: 25%; */
    padding:4px 0px;
}

#case .case_archive .case-dl dd {
    flex: 1;
    display:block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.results_post_category {
background: #F3F0F1;
padding-top:70px;
padding-bottom:20px;
}

.results_post_category .ttl_block03 {
text-align:center;
margin: 0 auto;
}

.results_post_category  .results_post_category_title {
color: #5FB7AD;
font-size:40px;
font-size: 40px;
    text-align: center;
    color: #896975;
    letter-spacing: 0.05rem;
    font-weight: 500;
    font-family: "Shippori Mincho", serif;
}

.results_post_category .__box{
background: #fff;
}


.results_post_category .case_archive .__box {
background: #fff!important;
}

.case .content_box .link_btn,
#case .content_box .link_btn {
font-weight: 500;
}

.list-info-block01 {
/* margin-bottom: 20px; */
    justify-content: flex-start;
    
}

.list-info-block01 .case_category {
    font-size: 1.2rem;
    padding: 4px 10px;
    margin-right: 15px;
}

.list-info-block01 .case_gender { 
font-size: 1.3rem;
}

.c-case01 .results_post_category {
background: #F9FBFD;
padding-top: 60px;
    padding-bottom: 60px;
}


/* SP */

@media screen and (max-width:768px) {

.case_title {
font-size: 24px;
}

#case .info_area02 {
margin-top: 20px;
    margin-bottom: 20px;
    background: #F7F7F9;
    padding: 10px 0px;

}
#case .case_thumbnail {
    width: 100%;
    margin: 25px auto 25px;
}

.case_h3 {
    font-size: 2rem;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.case_content_block {
    margin-top: 40px;
    margin-bottom: 40px;
}

.caseimg_area_img {
    width: 46%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.case_box {
    font-size: 1.4rem;
    line-height: 2;
}

#case .info_area01 {
    margin-bottom: 20px;
}

.case_costdetail tr th, .case_costdetail tr td {
    font-size: 1.3rem;
    }

.case_archive .__box {
	padding: 25px 20px;
    background: #F9FBFD;
    margin: 10px 0;
    width: 100%;
}

.case_archive .info_area02 {
margin-top: 20px;
}

.__img_area .__img img {
    height: 130px;
}

.case_archive .u-inner {
    margin-top: 20px;
}

.tabMenu {
justify-content: center;
}
.container.case_archive{
    margin: 0 auto;
}

.case_archive .case-tabMenu {
	padding:0;
	padding-top:10px;
	padding-bottom: 20px;
}

.tabMenu li {
	width: 44%;
    margin-left: 1%;
    margin-right: 1%;
}

#case .l-sub-img {
    margin-bottom: 10px;
}


#case .beer-slider{
    width: 100%;

}

.results_post_category .results_post_category_title {
font-size: 2.4rem;
}

.results_post_category {
    padding-top: 40px;
}

.info_area02 .case-dl {
display: flex;
    flex-direction: column;
    margin-bottom:10px;
}

.info_area02 .case-dl dt {
padding: 2px 8px;
margin-bottom: 3px;
}

.c-case01 .results_post_category {
padding-top: 10px;
    padding-bottom: 40px;
}



}

@media (max-width: 767px) {
    .implant-case .c-head01__wrap::before {
        height: 240px;
    }
}

@media (min-width: 768px) {
    .c-case01__head.c-head01__wrap::before {
        height: 320px;
    }
}

@media screen and (max-width:450px) {

.__img_area .__img img {
    height: 100px;
}

}


.case-dl dd span {
    font-size: 1rem;
    /* color: #555; */
    /* display: inline-block; */
}

#case .info_area06 {
    /* width: 100%; */
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.__box {
    width: calc(50% - 15px);
    padding: 40px;
    background: #F9FBFD;
}
@media screen and (max-width:768px) {
    .archives .u-inner,
        .case_single .u-inner {
            width: 92.5%;
            padding: 0;
            margin: 0 auto 50px;
        }
    .case-tabMenu {
            width: 92.5%;
        }
#case .info_area06 {
    gap: 0px;
    flex-direction: column;
    align-items: start;
}
}
.case_single .content .info_area06 {
    margin: 15px auto 0 !important;
}

.beer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.beer-slider {
    height: 400px;
    width: 100%;
}

.beer-slider img {
    height: 100% !important;
    object-fit: cover;
}

.beer-texts {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* margin-top: 20px; */
}

@media(max-width: 768px) {
    .beer {
        width: fit-content;
    }

    .beer-slider {
        height: 300px;
    }

    .beer-texts {
        /* margin: 0 auto 25px; */
    }
}

.beer-reveal {
    touch-action: none !important;
    /* 追加 */
}
.__img_area--single .name {
    text-align: center;
    color: #896975;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}