/*
Theme Name: JK Clinic Child
Template: arkhe
Version: 1.0.1
Description: JK Clinic customizations for the Arkhe theme.
Author: JK Clinic
Text Domain: jk-clinic-child
*/

body {
  background-color: #FDFFFC;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  letter-spacing: 0.125em;
  color: #222;
}
a {
  color: #222;
  text-decoration: none;
}
a:hover {
  color: #222;
}
li {
  list-style: none;
}
.sp {
  display: none;
}
#breadcrumb {
  display: none;
}
.menu-reserve a span.__mainText {
  padding: 12px 32px;
  background-color: #B4CF9E;
  color: white;
}



.l-main {
  max-width: inherit;
}
.mv {
  width: 100vw;
  height: 35vw;
  background-image: url(./assets/img/mv_top04@2x.png);
  background-size: cover;
  position: relative
}
.mv .container{
  position: relative;
  height: 100%;
}
.mv-table {
  width: 40%;
  max-width: 560px;
  position: absolute;
  bottom: 10%;
  right: 0;
}

@media screen and (max-width: 768px){
  .mv {
    height: 65vw;
    background-image: url(./assets/img/MV_sp@3x.png);
  }
  .mv-table {
    width: 80%;
    right: 10%;
    bottom: -20%;
  }
}
.access {
  margin-top: 80px;
}
.access h2 {
  font-size: 2.5rem;
  position: relative;
}
.access h2::after {
  content: '';
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #222;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.access p {
  font-size: 1rem;
  line-height: 1.75;
}
.treatment {
  margin-top: 80px;
}
.treatment .list-group-horizontal {
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
  justify-content: center;
}
.treatment .list-group-item {
  border: none;
  font-size: 21px;
  line-height: 1.75;
}
/*
.treatment .list-group-item::before {
	display: inline-block;
	content: "";
	margin-right: 8px;
  margin-bottom: 6px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-radius: 8px;
	background-color: #B4CF9E;
}
*/
.section-img {
  height: 45vw;
  position: relative;
  padding-top: 200px;
  margin-top: 80px;
}
.section-img-box {
  height: 25vw;
  width: 100%;
  margin: auto;
  background-color: #E4EADF;
}
.section-img1 {
  z-index: 4;
  width: 35%;
  top: 5%;
  left: 30%;
}
.section-img2 {
  z-index: 3;
  width: 25%;
  top: 0;
  right: 0;
}
.section-img3 {
  z-index: 2;
  width: 20%;
  bottom: 10%;
  left: 0;
}
.section-img4 {
  z-index: 1;
  width: 25%;
  bottom: 0;
  right: 25%;
}
@media screen and (max-width: 768px){
  .section-img2 ,.section-img3 {
    display: none;
  }
  .section-img1 {
    width: 70%;
    left: 10%;
  }
  .section-img4 {
    width: 55%;
    right: 10%;
  }
  .section-img {
    height: 70vw;
  }
  .sp {
    display: block;
  }
}
.topcolumn {
  margin-top: 100px;
  margin-bottom: 160px;
}
.topcolumn h2 {
  font-size: 2.5rem;
  position: relative;
}
.topcolumn ul {
  margin-top: 3.5rem;
}
.topcolumn h2::after {
  content: '';
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #222;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
}

.topcolumn .cat-data {
  color: white;
  background-color: #B4CF9E;
  padding: 8px;
	font-size: 0.8rem;
}
.topcolumn .article-date {
	font-size: .8rem;
}
.topcolumn .column-button {
  padding-bottom: 1rem;
  border-bottom: solid 1px #222;
}
.topcolumn .column-button span::after {
  content: "";
  display: inline-block;
  border-top: solid 1px #222;
  border-right: solid 1px #222;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
}
.topcolumn h3 {
  font-size: 1rem;
}

.topcolumn .row {
  padding-left: 0;
	padding: 0 5%;
}
@media (min-width: 992px) {
	.topcolumn .row {
  		padding: 0 10%;
	}
	
}
.related-post__items {
  margin-bottom: 30px;
}
.topnews {
  width: 100%;
  background-color: #E4EADF;
  margin-top: 5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.topnews h2 {
  font-size: 2.5rem;
  position: relative;
}
.topnews h2::after {
  content: '';
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #222;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.topnews p {
  margin-top: 6px;
}
.topnews h3 {
  font-size: 1rem;
  vertical-align: middle;
  margin-top: 8px;
}
.topnews .circle-arrow {
  width: 32px;
  height: 32px;
  border: solid 1px #222;
  border-radius: 16px;
  position: relative;
}
.topnews .circle-arrow::after {
  content: "";
  display: inline-block;
  border-top: solid 1px #222;
  border-right: solid 1px #222;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5.5px);
  left: calc(50% - 6.3px);
}
.topnews li a.row {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: solid 1px #222;
  flex-wrap: nowrap;
}

.topnews li:last-child a.row {
  border-bottom: solid 1px #222;
}

.topnews-r > ul {
  padding: 0 1rem;
}

footer .row.container {
  margin: auto;
  padding-top: 40px;
}
footer .footer-tel {
  font-size: 20px;
}
footer .footer-tel span {
  font-size: 40px;
}
footer .footer-btn span {
  padding: 12px 32px;
  background-color: #B4CF9E;
  color: white;
  margin-left: 20px;
}

.btn-wrap {
  padding-top: 20px;
  text-align: right;
}
.l-footer-wrap {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
footer .l-container {
  padding-right: 0;
}
footer .l-container .c-copyright {
  text-align: right;
}
footer .l-footer__nav {
  justify-content: flex-end;
}

footer img {
  width: 100%;
}

@media screen and (max-width: 768px){
  .l-footer-wrap {
    justify-content: flex-start;
  }
  footer .l-footer__nav {
    padding-left: 0;
  }
}
.p-topArea.-noimg {
  background-color: #FDFFFC;
}
.p-topArea__title > .c-pageTitle__main {
  color: #222;
  font-weight: 100;
  font-size: 2.5rem;
  position: relative;
}
.p-topArea__title > .c-pageTitle__main::after {
  content: '';
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #222;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
}
.p-drawer {
  background-color: #FDFFFC;
}
.c-drawerNav {
  text-align: center;
}
#drawer_menu .__mainText {
  color: #222;
}
.c-drawerNav a {
  border: none;
}
[data-drawer-move=fade][data-drawer=opened] .l-header__drawerBtn {
  color: #222;
}
.p-drawer__close {
  color: #222;
}
#drawer_menu .menu-reserve a span.__mainText {
  color: white;
}
.c-drawerNav {
  padding-left: 0;
}

#sidebar {
  background-color: white;
  box-shadow: 6px 6px 0 0 #F1EFD9;
  padding: 2rem;
}
#sidebar h2 {
  text-align: center;
  color: #B4CF9E;
  font-size: 1.5rem;
  font-weight: lighter;
}
#sidebar .cat-item a {
  border-bottom: 1px dashed #222;
  border-top: none;
}
#sidebar .wp-block-categories-list {
  border-top: 1px dashed #222;
}
#sidebar .wp-block-archives-list a {
  border-bottom: 1px dashed #222;
  border-top: none;
}
#sidebar .wp-block-archives-list {
  border-top: 1px dashed #222;
}

.c-postTimes__item > svg {
  display: none;
}
.p-postList__category >svg {
  display: none;
}
.p-postList__meta {
  justify-content: space-between;
}

.c-postTimes__item {
  font-size: 1rem;
}
.p-postList__category {
  font-size: 0.75rem;
  padding: 4px 8px;
  background-color: #B4CF9E;
  color: white;
}

ul.lcp_catlist {
  padding-left: 0;
}
.lcp_catlist > li {
  background-color: white;
  box-shadow: 6px 6px 0 0 #F1EFD9;
  padding: 2.5rem;
}

.lcp_catlist > li > a {
  display: block;
  font-size: 1.5rem;
  color: #B4CF9E;
}
.lcp_excerpt  {
  border-top: 1px dashed #222;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.l-main__body.post {
  padding: 2.5rem;
  background-color: white;
  box-shadow: 6px 6px 0 0 #F1EFD9;
}

.l-main__body.post .c-pageTitle__main {
  font-weight: 100;
  color: #B4CF9E;
}

.l-main__body.post .c-postTerms__item {
  display: none;
}

.l-main__body.post .p-entry__head {
  border-bottom: 1px dashed #222;
}
.l-main__body.post .c-postMetas {
  margin-top: 0.5rem;
}
.l-main__body.post .p-entry__head h1 {
  font-size: 1.5rem;
}

.more-btn {
  padding: 1rem 2rem;
  border: 1px solid #222;
  text-align: center;
}

.tel-num-access {
  font-size: 2.5rem;
}

#gtranslate_wrapper {
  right: 2% !important;
  width: 40px !important;
}

@media screen and (max-width: 1000px) {
  #gtranslate_wrapper {
    left: 5% !important;
  }  
}
.wp-block-group__inner-container .staff-intro {
  font-weight: 100;
  font-size: 2rem;
  position: relative;
}
.wp-block-group__inner-container .staff-intro::after {
  content: '';
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #222;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
}

.l-footer__nav a {
  padding: 0 0.2rem;
}

.p-postList__thumb:before {
	background: none;
}

.about-h2 span {
	font-size: 1.3rem;
}
.sp-br {
	display: none;
}
@media screen and (max-width: 1200px) {
	.sp-br {
		display: block;
	}
}



@media(min-width: 768px){
  .topnews-l.col-md-3 {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
  .access .col-md-5 {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px){
	  .access h2 {
	  text-align: center;
	 }

	.access h2::after{
	    left: calc(50% - 30px);
	}
	
	 .topnews-l.col-md-3 {
	  text-align: center;
	 }

	.topnews h2::after{
	    left: calc(50% - 30px);
	}
  .treatment .list-group-item {
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
  }
}

/* Preserve the site's Arkhe 2.3.1 typography after the parent 3.14 update. */
@media not all and (min-width: 600px) {
  :root {
    --ark-font_size: 3.8vw;
  }
  .c-postContent .wp-block-columns {
    gap: 1.5rem !important;
  }
}
.has-huge-font-size {
  font-size: 2rem !important;
}
.c-postContent :is(h1, h2, h3, h4, h5, h6) {
  line-height: 1.5;
}
.c-postContent h1,
.c-postContent h2 { font-size: 1.75rem; }
.c-postContent h3 { font-size: 1.5rem; }
.c-postContent h4 { font-size: 1.25rem; }
.c-postContent h5 { font-size: 1.1rem; }
.c-postContent h6 { font-size: 1rem; }
@media (min-width: 600px) {
  .c-postContent h1 { font-size: 2rem; }
}
.c-postContent .wp-block-column > *,
.c-postContent .wp-block-columns {
  margin-bottom: 0;
}
.c-postContent .wp-block-button.wp-block-button .wp-block-button__link {
  line-height: 1.8;
}
/* Arkhe 3 uses lower-specificity resets; retain the existing Bootstrap layout. */
.p-postList.p-postList {
  padding: 0;
  list-style: none;
}
.p-postList {
  margin-top: 0;
  margin-bottom: 0;
}
.p-postList.-type-card .p-postList__body {
  padding-top: 1.25rem;
}
.c-drawerNav,
.c-drawerNav .menu-item {
  border-bottom: 0;
}
#sidebar .wp-block-categories-list,
#sidebar .wp-block-archives-list {
  padding: 0;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 0;
}
#sidebar .wp-block-categories-list li,
#sidebar .wp-block-archives-list li {
  border-bottom: 0;
}
#sidebar h2.wp-block-heading {
  margin-bottom: 1.25rem;
}
.c-postContent .lcp_catlist > li {
  margin-top: .25em;
  margin-bottom: .25em;
}