/*

*/

@charset "UTF-8";


/*
img共通
*/
.wp-block-latest-posts__featured-image img{
	   border: 0px solid var(--vk-color-border-hr);
}
/*
k-salon css
*/

header#site-header {
  display: none;
}

.site-body {
  padding: 0px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 100%;
  padding: 0px;
}

aside#block-6 {
  margin: 0px !important;
}

aside#block-5 {
  margin: 0px !important;
}

.main-section{
	margin-bottom:0px;
}

.page-id-2 .site-body-bottom {
  position: absolute;
  background: none;
  right: 1%;
  bottom: 1%;
}

.wp-block-latest-posts li>a {
  border-bottom: 1px solid;
}

footer.site-footer {
  display: none;
}

.page-header {
  display: none;
}

div#breadcrumb {
  display: none;
}


.page-id-8 .site-body-bottom{
  display: none;
}

.page-id-73 .site-body-bottom {
  display: none;
}

.page-id-484 .site-body-bottom {
  display: none;
}

.page-id-484 footer.site-footer {
    display: block;
}

.site-footer {
    border-top: 0px solid;
}

.page-id-166 .site-body-bottom {
  display: none;
}


h1, h2, h3, h4, h5, h6 {
  font-family: serif;
  font-weight: 500;
  border-top: 0px solid !important;
  border-bottom: 0px solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
}

/*
k-salon css
*/

body {
  margin: 0;
  overflow-x: hidden;
  position: relative;
	overflow-y: hidden;
}

body.page-id-8, body.page-id-73{
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
  background-attachment: fixed;
}

body.page-id-484{
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
  background-attachment: fixed;
}

body.page-id-166 {
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
  background-attachment: fixed;
}

.page-id-8 .main-section--col--two, .page-id-73 .main-section--col--two {
  width: 100%;
  float: none;
}

.page-id-484 .main-section--col--two {
  width: 100%;
  float: none;
}


.page-id-166 .main-section--col--two {
  width: 100%;
  float: none;
}


section {
  width: 100vw;
  height: 100vh;
  float: inherit;
  background-size: cover;
}

.automattic#top {}

.automattic#under {
  background-attachment: fixed;
}

body.home.page.page-id-2 {
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp3.jpg);
  background-attachment: fixed;
  background-size: cover;
}

ul {
  list-style: none;
}

nav#mainNav ul li {
  float: none;
  display: inline-block;
  text-align: center;
  padding-right: 2.3125rem;
}

nav#mainNav {
  text-align: right;
  width: 90%;
}

nav#mainNav ul {
  letter-spacing: 0.1rem;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

header#header {
  display: flex;
  justify-content: space-between;
  padding: 2em 6rem;
}

.logo img {
  max-width: 140px;
}

.logo {
  margin-block-start: 1em;
  margin-block-end: 1em;
  width: 10%;
}

nav#mainNav ul li a {
  color: #232323;
  border-bottom: 0px solid !important;
  text-decoration: none;
}

.logo a {
  text-decoration: none;
  color: #232323;
  font-size: 25px;
}

header#header a {
  font-family: serif;
  font-weight: 500;
}

.main_catch {
  position: absolute;
  top: calc(100vh - 58%);
  left: calc(100vw - 55%);
  text-align: center;
}

.automattic {
  position: relative;
}

h1.mainc {
  font-size: calc(7.2rem + (1vw - 27.2px) * 4.2658);
}

h1.subc {
  font-size: calc(7.2rem + (1vw - 33.2px) * 4.2658);
}

.main_catch h1 {
  font-family: serif;
}

h1.mainc {
  color: #DA8E00;
  background: -webkit-linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 3px 3px 21px #fbfbfb;
  margin-bottom: 1vh;
}

h1.subc {
  color: #DA8E00;
  background: -webkit-linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 8px 8px 38px #fff;
  font-size: 40px;
  margin-top: 1vh;
}

.news_info span {
  border-bottom: 1px solid;
  margin-left: 10px;
}

.news_info {
  position: absolute;
  right: 1%;
  bottom: 1%;
}




/*
k-salon under css
*/
.under_mainvisual {
  display: flex;
  justify-content: flex-start;
  margin-top: 3vh;
  margin-bottom: 8vh;
}

.under_mainvisual_photo {
  width: calc(100vw - 10%);
}

.under_mainvisual_text {
  width: calc(100vw - 44%);
  margin-top: auto;
  margin-left: 1%;
}

.under_mainvisual_text p {
  font-family: serif;
  font-weight: 600;
}

.under_contents {
  width: min(1100px, 95%);
  margin: 0 auto;
  margin-bottom: 8vh;
}

.under_contents_concept_photo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10vh;
}

.under_contents_concept_photo_detail#photo1 {
  width: 40%;
}

.under_contents_concept_photo_detail#photo2 {
  width: 40%;
  margin-top: 10vh;
}

.concept_img#right {
  width: 80%;
  margin-left: auto;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.under_contents_item_flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-top: 7vh;
}

.under_contents_item_flex_detail {
  width: 30%;
}

.under_contents_item_flex_detail {
  margin-top: auto;
}

.under_contents_item_flex_detail img {
  padding-bottom: 3vh;
}

.concept_img#left {
  width: 80%;
  margin-right: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.under_contents_flex3 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-top: 3vh;
}

.under_contents_flex3_detail {
  width: 30%;
}

.under_contents_flex3_detail h5 {
      text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    backdrop-filter: blur(10px);
}

.concept_img_width {
  margin-top: 5vh;
  margin-bottom: 5vh;
}


.under_contents_geo {
  position: relative;
  padding-bottom: 60vh;
}

img.alignnone.size-full.wp-image-111 {
  position: absolute;
  left: 0;
  top: 15vh;
}

img.alignnone.size-full.wp-image-112 {
  position: absolute;
  left: 20%;
  top: 25vh;
}

img.alignnone.size-full.wp-image-117 {
  position: absolute;
  left: 35%;
}

img.alignnone.size-full.wp-image-116 {
  position: absolute;
  left: 45%;
  top: 40vh;
}

img.alignnone.size-full.wp-image-115 {
  position: absolute;
  left: 60%;
}

img.alignnone.size-full.wp-image-119 {
  position: absolute;
  right: 20%;
  top: 25vh;
}

img.alignnone.size-full.wp-image-113 {
  position: absolute;
  right: 0;
  top: 15vh;
}

.under_contents_geo img {
  width: 130px;
}

.under_contents#center {
  text-align: center;
  margin-bottom: 0vh;
}

h5.left {
  text-align: left;
}

.under_contents_flex3_detail a {
  border-bottom: 0px solid black;
  color: black;
}

.under_contents_flex3_detail p {
    backdrop-filter: blur(10px);
    padding: 10px;
}

.under_contents_geo.float {
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;

}

p.left {text-align: left;}

@keyframes float {
  0% {

    transform: translatey(0px);
  }

  50% {

    transform: translatey(-20px);
  }

  100% {

    transform: translatey(0px);
  }
}
#g-nav li a{
	text-transform: inherit;
}


/* From uiverse.io by @barisdogansutcu */
button {
  font-family: serif;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #032e68;
  background-color: #e0e8ef82;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: rgba(255, 255, 255, 0.333);

  padding: 16px 80px 16px 80px;
  transform: translate(0px, 0px) rotate(0deg);
  transition: 0.2s;
  box-shadow: -4px -2px 16px 0px #ffffff, 4px 2px 16px 0px rgb(95 157 231 / 48%);
}

.cv button:hover {
  color: #516d91;
  background-color: transparent;
  box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
}

.cv button {
  background-color: #e5edf5;
  font-family: serif;
  font-weight: bolder;
  color: black;
}



button:active {
  box-shadow: none;
}

.cv {
  width: min(1100px, 95%);
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.cv#item {
  margin-top: 5vh;
}

.fade-in01 {
  font-size: 40px;
  opacity: 0;
  animation-name: oppa1;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes oppa1 {
  0% {
    opacity: 0;
    color: #000;
  }

  90% {
    opacity: 1;
    color: #000;
  }

  100% {
    opacity: 1;
    color: #000;
  }
}

#tate h2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-left: 5vw;
}

#tate p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 2.2;
  margin-left: 20px;
  font-size: 25px;
  letter-spacing: 0.5rem;
  font-weight: 400;
  font-family: serif;
}

.under_contents_heading#tate {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  font-family: serif;
  margin-top: 10vh;
}

.proposal_contents {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.proposal_contents_detail {
  width: 30%;
  background: white;
  text-align: center;
}

.proposal_contents_detail h5 {
  text-align: center;
}

.proposal_contents_detail img, .proposal_contents_detail p, .proposal_contents_detail h5 {
  width: 85%;
  margin: 0 auto;
}

.proposal_contents_detail p {
  text-align: left;
  padding-bottom: 25px;
  line-height: 2.2;
}

.proposal_contents_detail img {
  padding-top: 25px;
  padding-bottom: 25px;
}

.proposal_contents_detail h5 {
  padding-bottom: 25px;
}

.under_contents_flex3_clinic_detail {
  width: 30%;
  position: relative;
}

.under_contents_flex3_clinic_detail span {
  position: absolute;
  top: 20px;
  left: 5px;
  width: auto;
  text-align: left;
  color: #fff;
  line-height: 250%;

  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 2.2;
  margin-left: 20px;
  letter-spacing: 0.5rem;
  font-weight: 400;
  font-family: serif;

}

.under_contents_flex3_clinic_detail a {
  display: block;
}

.under_contents_flex3_clinic_detail img {
  width: min(420px, 95%);
}

.under_contents_flex3_clinic {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.under_contents#wide1400 {
  width: min(1400px, 95%);
  padding-top: 8vh;
  margin-bottom: 15vh;
}

.under_contents_clinic_top_bussinessday {
  display: flex;
  justify-content: space-between;
  height: 500px;
}

.under_contents_clinic_top_bussinessday iframe {
  width: 48%;
}

.time-schedule {
  background: white;
  width: 48%;
  font-family: serif;
  font-weight: 400;
}

.time-schedule table {
  width: 95%;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 0px solid;
}

.time-schedule table td {
  font-size: 18px;
  border: 0px solid;
  ;
  padding-top: 20px;
  padding-bottom: 20px;
}

.time-schedule tr {
  border-top: 1px solid #707070;
}

.time-schedule tr:last-child {
  border-bottom: 1px solid #707070;
}

.sche_text {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5px;
}

.sche_text p {
  font-size: 18px;
}

p.bold {
  font-weight: bold;
}

.mediexam {
  background: white;
}

.mediexam_width {
  width: min(1400px, 95%);
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 5vh;
}

.mediexam_contents_left {
  width: 40%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mediexam_contents_left_detail {
  width: 30%;
  text-align: center;
	    margin-bottom: 20px;
}

.mediexam_contents_right {
  width: 40%;
  text-align: left;
}

.mediexam_contents_left_detail h5 {
      font-size: 17px;
    background: #DFE6FF;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.mediexam_contents_right_detail p {
  font-size: 18px;
}

.mediexam h2 {
  text-align: center;
  padding-top: 3vh;
}

.mediexam_contents_right h2 {
  text-align: left;
}

h2.center {
  text-align: center;
}

.doctor_top {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: min(1400px, 95%);
  margin: 0 auto;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.doctor_top_left {
  width: 50%;
}

.doctor_top_right {
  width: 40%;
}

.doctor_top_right h3:after {
  border-bottom: 0px solid;
}

.under_contents_heading h2 {
  font-size: 40px;
  padding: 0px !important;
}

.under_contents_heading p {
  font-size: 25px;
  line-height: 2;
  font-family: serif;
  font-weight: 400;
}

.mediexam_contents_right .cv {
  margin-top: 10vh;
}

div#vk-mobile-nav-menu-btn {
  display: none;
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
  .main_catch {
    position: absolute;
    top: calc(100vh - 58%);
    left: calc(100vw - 60%);
    text-align: center;
  }

  header#header {
    padding: 2em 2rem;
  }

  body.home.page.page-id-2 {
    background-position: 23%;
  }

  h1.mainc {
    font-size: calc(7.2rem + (1vw - 25.2px) * 4.2658);
  }

  h1.subc {
    font-size: calc(7.2rem + (1vw - 29.2px) * 4.2658);
  }
}

@media only screen and (max-width: 1023px) {
  .spnavi {
    display: block;
  }

  .pcnavi {
    display: none;
  }

}

@media only screen and (min-width: 1024px) {
  .spnavi {
    display: none;
  }

  .pcnavi {
    display: block;
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  body.home.page.page-id-2 {
    background-position: 20%;
  }

  h1.mainc {
    font-size: calc(7.2rem + (1vw - 22.2px) * 4.2658);
  }

  h1.subc {
    font-size: calc(7.2rem + (1vw - 25.2px) * 4.2658);
  }
}



@media only screen and (max-width: 640px) {
	
	body.page-id-8, page-id-73, body.page-id-166{
position:relative;
	}
	
	body.page-id-484{
position:relative;
	}
	
	body.page-id-8::before, body.page-id-73::before, body.page-id-166::before
{content: "";
display:block;
position:fixed;
top:0;
left:0;
z-index: 0;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
background-size:cover;}
	
	
		body.page-id-484::before
{content: "";
display:block;
position:fixed;
top:0;
left:0;
z-index: 0;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
background-size:cover;}
	
	
  body.home.page.page-id-2 {
    background-position: 14%;
  }

  .main_catch {
    top: calc(100vh - 47%);
    left: calc(100vw - 86%);
    text-align: left;
  }

  h1.mainc {
    font-size: calc(7.2rem + (1vw - 20.2px) * 4.2658);
  }

  h1.subc {
    font-size: calc(7.2rem + (1vw - 21.2px) * 4.2658);
  }

  .site-body-bottom {
    width: 90%;
    margin: 0 auto;
    background: #ffffff40;
    right: 5%;
    bottom: 8%;
  }

  .wp-block-latest-posts li {
    padding: 10px;
  }

  header#header h1 {
    position: fixed;
    z-index: 9999;
    top: 20px;
    left: 30px;
  }
}




* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
}

/**
 * ローディング
 */

div#loading {
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
}

#top,#block-7 {
  display: none;
}

.loading span {
  --loading-animation-duration: 10s;
  color: transparent;
  animation: blur var(--loading-animation-duration) ease-out;
  -webkit-animation: blur var(--loading-animation-duration) ease-out;
  font-family: 'Hind', sans-serif;
  font-size: 400%;
  text-align: center;
}

span:nth-child(1) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

span:nth-child(2) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

span:nth-child(3) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

span:nth-child(4) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

span:nth-child(5) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}

span:nth-child(6) {
  animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
}

span:nth-child(7) {
  animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
}

@keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }

  5% {
    text-shadow: 0 0 90px #fff;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #fff;
  }

  80% {
    text-shadow: 0 0 0px #fff;
  }

  85% {
    opacity: 1;
  }

  95% {
    text-shadow: 0 0 90px #fff;
  }

  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }
}

@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }

  5% {
    text-shadow: 0 0 90px #fff;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #fff;
  }

  80% {
    text-shadow: 0 0 0px #fff;
  }

  85% {
    opacity: 1;
  }

  95% {
    text-shadow: 0 0 90px #fff;
  }

  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }
}



#loading p {
	position: absolute;
	font-family: serif;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

#loading {position: relative;}

#loading p span {font-family: serif;}



@media only screen and (min-width:1024px) and (max-width:1399px) {
  #loading p {
    font-size: 14px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) 
{
	#loading p{
	    font-size: 10px;
	}
}

@media only screen and (max-width: 640px) {
  #loading p {
        font-size: 9px;
    font-weight: 400;
	  
	}
}



/** 下層ページ　レスポンシブ*/

@media only screen and (min-width:1024px) and (max-width:1399px) {
.logo {width: 20%;}

h1.fade-in01 {font-size: 25px;white-space: nowrap;}

.under_mainvisual_text p {font-size: 15px;}

.under_contents_heading h2 {font-size: 30px;}

.under_contents_heading p {font-size: 23px;}

.under_contents {margin-bottom: 1vh;}

.mediexam_contents_left {width: 50%;}
	
}



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

	.under_mainvisual_text h1 {font-size: 22px;}

.under_mainvisual_text p {font-size: 12px;}

.under_mainvisual {margin-top: 0vh;
    margin-bottom: 3vh;}

.under_mainvisual_photo {width: 60%;}

.under_mainvisual_text {width: 40%;}

.under_contents_heading h2 {font-size: 28px;}

.under_contents {margin-bottom: 1vh;}

.under_contents_heading p {font-size: 20px;}

.under_contents_concept_photo {margin-top: 5vh;}
	
	/*

*/

@charset "UTF-8";

/*
k-salon css
*/

header#site-header {
  display: none;
}

.site-body {
  padding: 0px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 100%;
  padding: 0px;
}

aside#block-6 {
  margin: 0px !important;
}

aside#block-5 {
  margin: 0px !important;
}

.main-section{
	margin-bottom:0px;
}

.site-body-bottom {
  position: absolute;
  background: none;
  right: 1%;
  bottom: 1%;
}

.wp-block-latest-posts li>a {
  border-bottom: 1px solid;
}

footer.site-footer {
  display: none;
}

.page-header {
  display: none;
}

div#breadcrumb {
  display: none;
}


.page-id-8 .site-body-bottom {
  display: none;
}

.page-id-73 .site-body-bottom {
  display: none;
}
	
	.page-id-484 .site-body-bottom {
  display: none;
}

.page-id-166 .site-body-bottom {
  display: none;
}


h1, h2, h3, h4, h5, h6 {
  font-family: serif;
  font-weight: 500;
  border-top: 0px solid !important;
  border-bottom: 0px solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
}

/*
k-salon css
*/

body {
  margin: 0;
  overflow-x: hidden;
  position: relative;
}

body.page-id-8, body.page-id-73 {
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
  background-attachment: fixed;
}
	
	body.page-id-8, body.page-id-484 {
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
  background-attachment: fixed;
}

body.page-id-166 {
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
  background-attachment: fixed;
}

.page-id-8 .main-section--col--two, .page-id-73 .main-section--col--two {
  width: 100%;
  float: none;
}
	
	.page-id-484 .main-section--col--two {
  width: 100%;
  float: none;
}

.page-id-166 .main-section--col--two {
  width: 100%;
  float: none;
}



section {
  width: 100vw;
  height: 100vh;
  float: inherit;
  background-size: cover;
}

.automattic#top {}

.automattic#under {
  background-attachment: fixed;
}

body.home.page.page-id-2 {
  margin: 0;
  position: relative;
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp3.jpg);
  background-attachment: fixed;
  background-size: cover;
}

ul {
  list-style: none;
}

nav#mainNav ul li {
  float: none;
  display: inline-block;
  text-align: center;
  padding-right: 2.3125rem;
}

nav#mainNav {
  text-align: right;
  width: 90%;
}

nav#mainNav ul {
  letter-spacing: 0.1rem;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

header#header {
  display: flex;
  justify-content: space-between;
  padding: 2em 6rem;
}

.logo img {
  max-width: 140px;
}

.logo {
  margin-block-start: 1em;
  margin-block-end: 1em;
  width: 10%;
}

nav#mainNav ul li a {
  color: #232323;
  border-bottom: 0px solid !important;
  text-decoration: none;
}

.logo a {
  text-decoration: none;
  color: #232323;
  font-size: 25px;
}

header#header a {
  font-family: serif;
  font-weight: 500;
}

.main_catch {
  position: absolute;
  top: calc(100vh - 58%);
  left: calc(100vw - 55%);
  text-align: center;
}

.automattic {
  position: relative;
}

h1.mainc {
  font-size: calc(7.2rem + (1vw - 27.2px) * 4.2658);
}

h1.subc {
  font-size: calc(7.2rem + (1vw - 33.2px) * 4.2658);
}

.main_catch h1 {
  font-family: serif;
}

h1.mainc {
  color: #DA8E00;
  background: -webkit-linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 3px 3px 21px #fbfbfb;
  margin-bottom: 1vh;
}

h1.subc {
  color: #DA8E00;
  background: -webkit-linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 8px 8px 38px #fff;
  font-size: 40px;
  margin-top: 1vh;
}

.news_info span {
  border-bottom: 1px solid;
  margin-left: 10px;
}

.news_info {
  position: absolute;
  right: 1%;
  bottom: 1%;
}




/*
k-salon under css
*/
.under_mainvisual {
  display: flex;
  justify-content: flex-start;
  margin-top: 3vh;
  margin-bottom: 8vh;
}

.under_mainvisual_photo {
  width: calc(100vw - 10%);
}

.under_mainvisual_text {
  width: calc(100vw - 44%);
  margin-top: auto;
  margin-left: 1%;
}

.under_mainvisual_text p {
  font-family: serif;
  font-weight: 600;
}

.under_contents {
  width: min(1100px, 95%);
  margin: 0 auto;
  margin-bottom: 8vh;
}

.under_contents_concept_photo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10vh;
}

.under_contents_concept_photo_detail#photo1 {
  width: 40%;
}

.under_contents_concept_photo_detail#photo2 {
  width: 40%;
  margin-top: 10vh;
}

.concept_img#right {
  width: 80%;
  margin-left: auto;
  margin-top: 10vh;
  margin-bottom: 10vh;
}

.under_contents_item_flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-top: 7vh;
}

.under_contents_item_flex_detail {
  width: 30%;
}

.under_contents_item_flex_detail {
  margin-top: auto;
}

.under_contents_item_flex_detail img {
  padding-bottom: 3vh;
}

.concept_img#left {
  width: 80%;
  margin-right: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.under_contents_flex3 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-top: 3vh;
}

.under_contents_flex3_detail {
  width: 25%;
}

.under_contents_flex3_detail h5 {
  text-align: center;
}

.concept_img_width {
  margin-top: 5vh;
  margin-bottom: 5vh;
}


.under_contents_geo {
  position: relative;
  margin-bottom: 60vh;
}

img.alignnone.size-full.wp-image-111 {
  position: absolute;
  left: 0;
  top: 15vh;
}

img.alignnone.size-full.wp-image-112 {
  position: absolute;
  left: 20%;
  top: 25vh;
}

img.alignnone.size-full.wp-image-117 {
  position: absolute;
  left: 35%;
}

img.alignnone.size-full.wp-image-116 {
  position: absolute;
  left: 45%;
  top: 40vh;
}

img.alignnone.size-full.wp-image-115 {
  position: absolute;
  left: 60%;
}

img.alignnone.size-full.wp-image-119 {
  position: absolute;
  right: 20%;
  top: 25vh;
}

img.alignnone.size-full.wp-image-113 {
  position: absolute;
  right: 0;
  top: 15vh;
}

.under_contents_geo img {
  width: 130px;
}

.under_contents#center {
  text-align: center;
  margin-bottom: 0vh;
}

h5.left {
  text-align: left;
}

.under_contents_flex3_detail a {
  border-bottom: 1px solid black;
  color: black;
}

.under_contents_geo.float {
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;

}

@keyframes float {
  0% {

    transform: translatey(0px);
  }

  50% {

    transform: translatey(-20px);
  }

  100% {

    transform: translatey(0px);
  }
}



/* From uiverse.io by @barisdogansutcu */
button {
  font-family: serif;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #032e68;
  background-color: #e0e8ef82;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: rgba(255, 255, 255, 0.333);

  padding: 16px 80px 16px 80px;
  transform: translate(0px, 0px) rotate(0deg);
  transition: 0.2s;
  box-shadow: -4px -2px 16px 0px #ffffff, 4px 2px 16px 0px rgb(95 157 231 / 48%);
}

.cv button:hover {
  color: #516d91;
  background-color: transparent;
  box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
}

.cv button {
  background-color: #e5edf5;
  font-family: serif;
  font-weight: bolder;
  color: black;
}



button:active {
  box-shadow: none;
}

.cv {
  width: min(1100px, 95%);
  margin: 0 auto;
  text-align: center;
}

.cv#item {
  margin-top: 5vh;
}

.fade-in01 {
  font-size: 40px;
  opacity: 0;
  animation-name: oppa1;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes oppa1 {
  0% {
    opacity: 0;
    color: #000;
  }

  90% {
    opacity: 1;
    color: #000;
  }

  100% {
    opacity: 1;
    color: #000;
  }
}

#tate h2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-left: 5vw;
}

#tate p {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 2.2;
  margin-left: 20px;
  font-size: 25px;
  letter-spacing: 0.5rem;
  font-weight: 400;
  font-family: serif;
}

.under_contents_heading#tate {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  font-family: serif;
  margin-top: 10vh;
}

.proposal_contents {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.proposal_contents_detail {
  width: 30%;
  background: white;
  text-align: center;
}

.proposal_contents_detail h5 {
  text-align: center;
}

.proposal_contents_detail img, .proposal_contents_detail p, .proposal_contents_detail h5 {
  width: 85%;
  margin: 0 auto;
}

.proposal_contents_detail p {
  text-align: left;
  padding-bottom: 25px;
  line-height: 2.2;
}

.proposal_contents_detail img {
  padding-top: 25px;
  padding-bottom: 25px;
}

.proposal_contents_detail h5 {
  padding-bottom: 25px;
}

.under_contents_flex3_clinic_detail {
  width: 30%;
  position: relative;
}

.under_contents_flex3_clinic_detail span {
  position: absolute;
  top: 20px;
  left: 5px;
  width: auto;
  text-align: left;
  color: #fff;
  line-height: 250%;

  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 2.2;
  margin-left: 20px;
  letter-spacing: 0.5rem;
  font-weight: 400;
  font-family: serif;

}

.under_contents_flex3_clinic_detail a {
  display: block;
}

.under_contents_flex3_clinic_detail img {
  width: min(420px, 95%);
}

.under_contents_flex3_clinic {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.under_contents#wide1400 {
  width: min(1400px, 95%);
  padding-top: 8vh;
  margin-bottom: 15vh;
}

.under_contents_clinic_top_bussinessday {
  display: flex;
  justify-content: space-between;
  height: 500px;
}

.under_contents_clinic_top_bussinessday iframe {
  width: 48%;
}

.time-schedule {
  background: white;
  width: 48%;
  font-family: serif;
  font-weight: 400;
}

.time-schedule table {
  width: 95%;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 0px solid;
}

.time-schedule table td {
  font-size: 18px;
  border: 0px solid;
  ;
  padding-top: 20px;
  padding-bottom: 20px;
}

.time-schedule tr {
  border-top: 1px solid #707070;
}

.time-schedule tr:last-child {
  border-bottom: 1px solid #707070;
}

.sche_text {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5px;
}

.sche_text p {
  font-size: 18px;
}

p.bold {
  font-weight: bold;
}

.mediexam {
  background: white;
}

.mediexam_width {
  width: min(1400px, 95%);
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 5vh;
}

.mediexam_contents_left {
  width: 40%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mediexam_contents_left_detail {
  width: 30%;
  text-align: center;
}

.mediexam_contents_right {
  width: 40%;
  text-align: left;
}

.mediexam_contents_left_detail h5 {
  margin-top: 10px;
  font-size: 17px;
}

.mediexam_contents_right_detail p {
  font-size: 18px;
}

.mediexam h2 {
  text-align: center;
  padding-top: 3vh;
}

.mediexam_contents_right h2 {
  text-align: left;
}

h2.center {
  text-align: center;
}

.doctor_top {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: min(1400px, 95%);
  margin: 0 auto;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.doctor_top_left {
  width: 50%;
}

.doctor_top_right {
  width: 40%;
}

.doctor_top_right h3:after {
  border-bottom: 0px solid;
}

.under_contents_heading h2 {
  font-size: 40px;
  padding: 0px !important;
}

.under_contents_heading p {
  font-size: 25px;
  line-height: 2;
  font-family: serif;
  font-weight: 400;
}

.mediexam_contents_right .cv {
  margin-top: 10vh;
}

div#vk-mobile-nav-menu-btn {
  display: none;
}

@media only screen and (min-width:1024px) and (max-width:1399px) {
  .main_catch {
    position: absolute;
    top: calc(100vh - 58%);
    left: calc(100vw - 60%);
    text-align: center;
  }

  header#header {
    padding: 2em 2rem;
  }

  body.home.page.page-id-2 {
    background-position: 23%;
  }

  h1.mainc {
    font-size: calc(7.2rem + (1vw - 25.2px) * 4.2658);
  }

  h1.subc {
    font-size: calc(7.2rem + (1vw - 29.2px) * 4.2658);
  }
}

@media only screen and (max-width: 1023px) {
  .spnavi {
    display: block;
  }

  .pcnavi {
    display: none;
  }

}

@media only screen and (min-width: 1024px) {
  .spnavi {
    display: none;
  }

  .pcnavi {
    display: block;
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  body.home.page.page-id-2 {
    background-position: 20%;
  }

  h1.mainc {
    font-size: calc(7.2rem + (1vw - 22.2px) * 4.2658);
  }

  h1.subc {
    font-size: calc(7.2rem + (1vw - 25.2px) * 4.2658);
  }
}



@media only screen and (max-width: 640px) {
  body.home.page.page-id-2 {
    background-position: 14%;
  }

  .main_catch {
    top: calc(100vh - 47%);
    left: calc(100vw - 86%);
    text-align: left;
  }

  h1.mainc {
    font-size: calc(7.2rem + (1vw - 20.2px) * 4.2658);
  }

  h1.subc {
    font-size: calc(7.2rem + (1vw - 21.2px) * 4.2658);
  }

  .site-body-bottom {
    width: 90%;
    margin: 0 auto;
    background: #ffffff40;
    right: 5%;
    bottom: 8%;
  }

  .wp-block-latest-posts li {
    padding: 10px;
  }

  header#header h1 {
    position: fixed;
    z-index: 9999;
    top: 20px;
    left: 30px;
  }
}




* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
}

/**
 * ローディング
 */

div#loading {
  background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
}

#top,#block-7 {
  display: none;
}

.loading span {
  --loading-animation-duration: 10s;
  color: transparent;
  animation: blur var(--loading-animation-duration) ease-out;
  -webkit-animation: blur var(--loading-animation-duration) ease-out;
  font-family: 'Hind', sans-serif;
  font-size: 400%;
  text-align: center;
}

span:nth-child(1) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

span:nth-child(2) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

span:nth-child(3) {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}

span:nth-child(4) {
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
}

span:nth-child(5) {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s;
}

span:nth-child(6) {
  animation-delay: 1.9s;
  -webkit-animation-delay: 1.9s;
}

span:nth-child(7) {
  animation-delay: 2.2s;
  -webkit-animation-delay: 2.2s;
}

@keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }

  5% {
    text-shadow: 0 0 90px #fff;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #fff;
  }

  80% {
    text-shadow: 0 0 0px #fff;
  }

  85% {
    opacity: 1;
  }

  95% {
    text-shadow: 0 0 90px #fff;
  }

  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }
}

@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }

  5% {
    text-shadow: 0 0 90px #fff;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #fff;
  }

  80% {
    text-shadow: 0 0 0px #fff;
  }

  85% {
    opacity: 1;
  }

  95% {
    text-shadow: 0 0 90px #fff;
  }

  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 1;
  }
}



#loading p {
	position: absolute;
	font-family: serif;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

#loading {position: relative;}

#loading p span {font-family: serif;}



@media only screen and (min-width:1024px) and (max-width:1399px) {
  #loading p {
    font-size: 14px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) 
{
	#loading p{
	    font-size: 10px;
	}
}

@media only screen and (max-width: 640px) {
  #loading p {
        font-size: 9px;
    font-weight: 400;
	  
	}
}



/** 下層ページ　レスポンシブ*/

@media only screen and (min-width:1024px) and (max-width:1399px) {
.logo {width: 20%;}

h1.fade-in01 {font-size: 25px;white-space: nowrap;}

.under_mainvisual_text p {font-size: 15px;}

.under_contents_heading h2 {font-size: 30px;}

.under_contents_heading p {font-size: 23px;}

.under_contents {margin-bottom: 1vh;}

.mediexam_contents_left {width: 50%;}
	
}



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

	.under_mainvisual_text h1 {font-size: 22px;}

.under_mainvisual_text p {font-size: 12px;}

.under_mainvisual {margin-top: 0vh;
    margin-bottom: 3vh;}

.under_mainvisual_photo {width: 60%;}

.under_mainvisual_text {width: 40%;}

.under_contents_heading h2 {font-size: 28px;}

.under_contents {margin-bottom: 1vh;}

.under_contents_heading p {font-size: 20px;}

.under_contents_concept_photo {margin-top: 5vh;}

}

#tate p {font-size: 17px;}

.time-schedule table td {font-size: 14px;}

.under_contents_clinic_top_bussinessday {display: block;height: auto;text-align: center;}

.under_contents_clinic_top_bussinessday iframe {width: 90%;margin: 0 auto;text-align: center;}

.time-schedule {width: 90%;margin: 0 auto;padding:10px;}

.sche_text {text-align: left;}

.sche_text p {font-size: 15px;}

.mediexam_width {width: min(700px, 95%);}

.mediexam_contents_left {width: 55%;}

.mediexam_contents_right {}

.mediexam_contents_left_detail h5 {font-size: 12px;}
.time-schedule tr:first-child {border-bottom: 0px solid #707070 !important;}
	
	.under_contents.ma2#wide1400 {padding-top: 3vh;
    margin-bottom: 5vh;}

}



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

.under_mainvisual {display: block;margin-bottom: 5vh;}

.under_mainvisual_text {width: 90%;margin-top: 10px;}

.under_mainvisual_text h1 {font-size: 23px;}

.under_contents_heading h2 {font-size: 17px;}

.under_contents_heading p {font-size: 15px;}

.under_contents_item_flex {padding-top: 3vh;}

.under_contents_item_flex_detail {width: 43%;}

.concept_img#left {width: 90%;}
	
	.under_contents_flex3 {display: block;}

.under_contents_flex3_detail {width: 90%;margin: 0 auto;}

.under_contents_geo.float img {width: 75px;}

.under_contents_flex3_detail {text-align: center;}

.under_contents_flex3_detail p {text-align: left;}
	
	#tate p {font-size: 15px;}

.under_contents_heading#tate {display: block;}

#tate h2 {-ms-writing-mode: inherit;
    writing-mode: inherit;
	    font-size: 20px;
	}

#tate p {-ms-writing-mode: inherit;
    writing-mode: inherit;}

.under_contents_flex3_clinic {display: block;}

.under_contents_flex3_clinic_detail {width: 80%;margin: 0 auto;margin-bottom: 3vh;}

.under_contents.ma2#wide1400 {padding-top: 3vh;margin-bottom: 5vh;}

.under_contents_clinic_top_bussinessday {display: block;height: auto;text-align: center;}

.time-schedule {width: 95%;margin: 0 auto;padding: 5px;}

.time-schedule table {width: 100%;}

.under_contents_clinic_top_bussinessday iframe {width: 95%;margin: 0 auto;text-align: center;}

.time-schedule table td {font-size: 13px;}

.sche_text {text-align: left;}

.sche_text p {font-size: 15px;}

.mediexam_contents_left {width: 90%;}

.mediexam_contents_right {width: 90%;}

.mediexam_contents_left_detail h5 {font-size: 11px;}

.proposal_contents {display: block;}

.proposal_contents_detail {width: 80%;margin: 0 auto;margin-bottom: 2vh;}

.under_contents.ma4#wide1400 {margin-bottom: 3vh;}

.doctor_top {display: block;}

.doctor_top_left {width: 80%;margin: 0 auto;}

.doctor_top_right {width: 80%;margin: 0 auto;}
	img.alignnone.size-full.wp-image-117 {left: 27%;}

img.alignnone.size-full.wp-image-116 {left: 39%;}

img.alignnone.size-full.wp-image-115 {left: 55%;}
	
}



@media only screen and (max-width: 640px) {
	.br-pc{
	display:none;	
	}
		.br-sp{
	display:block;	
	}
}

@media only screen and (min-width: 641px) {
	.br-pc{
	display:block;	
	}
		.br-sp{
	display:none;	
	}
}

@media only screen and (min-width: 1024px) {
	.mediexam_contents_left_detail h5{
		width: 160px;
    height: 160px;
    line-height: 160px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.mediexam_contents_left_detail h5 {width: 115px;
    height: 115px;
    line-height: 115px;}
}




body.page-id-284, body.page-id-298 {
  margin: 0;
  position: relative;
  background: #DCE1E5;
}

.page-id-284 .main-section--col--two, .page-id-298 .main-section--col--two {
  width: 100%;
  float: none;
}

.page-id-284 .site-body-bottom, .page-id-298 .site-body-bottom {
  display: none;
}



body.page-id-307 {
  margin: 0;
  position: relative;
  background: #ECEAE2;
}

.page-id-307 .main-section--col--two {
  width: 100%;
  float: none;
}

.page-id-307 .site-body-bottom {
  display: none;
}


body.page-id-339 {
  margin: 0;
  position: relative;
  background: #ECEAE2;
}

.page-id-339 .main-section--col--two {
  width: 100%;
  float: none;
}

.page-id-339 .site-body-bottom {
  display: none;
}



body.page-id-316 {
  margin: 0;
  position: relative;
  background: #ECEAE2;
}

.page-id-316 .main-section--col--two {
  width: 100%;
  float: none;
}

.page-id-316 .site-body-bottom {
  display: none;
}



.under_details {width: min(1400px,95%);margin: 0 auto;}

.lineup_heading h1 {color: #196235;font-size: 100px;font-weight: 100;margin-bottom: 1vh;}

.lineup_heading_ja {width: min(1400px,95%);margin: 0 auto;text-align: center;}

.lineup_heading_ja h1 {color: #196235;
    font-size: 50px;
    font-weight: 400;}

.linup_item_flex {display: flex;justify-content: space-around;flex-wrap: wrap;}

.linup_item_flex_detail {width: 30%;margin: 0 auto;text-align: center;margin-bottom: 5vh;}

.linup_item_flex_detail_img img {padding: 1rem 1rem;}

.linup_item_flex_detail_img {background: #98c3c3;margin-bottom: 1vh;}

.linup_item_flex_detail h5 {margin-bottom: 10px;}

.linup_item {margin-bottom: 10vh;}

#teaforte .linup_item_flex_detail_img {background: #eee3c0;}

#teaforte .cv button {background-color: #eee3c0;color: #745c29;box-shadow: -2px -1px 8px 0px #ede6d2, 2px 1px 8px 0px rgb(255 226 133);}

#teaforte .cv button:hover {box-shadow: -2px -1px 13px 7px #ffffff, 2px 1px 8px 0px rgb(253 199 29);color: #896c10;background-color: #eee3b8;}

.lineup_heading#center {text-align: center;}

.lineup_heading#center h1 span {display: block;position: relative;z-index: 3;font-size: 80px;}

.lineup_heading#center h1 span::before {content: "";position: absolute;top: 0%;left: 60%;width: 80px;height: 180px;background: url(http://k-salon.jp/wp-content/uploads/2022/05/chababack.png);background-size: contain;background-repeat: no-repeat;z-index: -1;}

.lineup_heading.honey#center h1 span::before {background: url(http://k-salon.jp/wp-content/uploads/2022/05/honeyback.png);background-size: contain;width: 80px;
    height: 180px;}


#honey .linup_item_flex_detail_img {    background: none;
    width: 45%;
    margin: 0 auto;}

#honey .cv button {background-color: #eee3c0;color: #745c29;box-shadow: -2px -1px 8px 0px #ede6d2, 2px 1px 8px 0px rgb(255 226 133);}

#honey .cv button:hover {box-shadow: -2px -1px 13px 7px #ffffff, 2px 1px 8px 0px rgb(253 199 29);color: #896c10;background-color: #eee3b8;}

.linup_item#honey {width: min(1100px,70%);margin: 0 auto;}

#honey .linup_item_flex {display: block;}

#honey .linup_item_flex_detail_text {width: 45%;
    margin: 0 auto;}
#honey .linup_item_flex_detail {width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap;}

.lineup_heading{margin-bottom: 8vh;}


@media only screen and (min-width:768px) and (max-width:1023px) 
{
	.linup_item_flex_detail {width: 45%;}
	.lineup_heading h1 {font-size: 60px;}

.lineup_heading h1 span {font-size: 50px !important;}

.lineup_heading.honey#center h1 span::before {left: 70%;width: 50px;
    height: 120px;background-repeat: no-repeat;}

.lineup_heading_ja h1 {font-size: 40px;}

.linup_item#honey {width: min(700px,90%);}
}





@media only screen and (max-width: 640px) {
	
	.lineup_heading h1 {font-size: 35px;}

.lineup_heading h1 span {font-size: 30px !important;}

.lineup_heading.honey#center h1 span::before {background-size: contain;
    width: 40px;
    height: 100px;background-repeat: no-repeat;left: 80%;}

.lineup_heading_ja h1 {font-size: 35px;}

.linup_item#honey {width: 95%;}

#honey .linup_item_flex_detail {display: block;}

#honey .linup_item_flex_detail_img {width: 90%;}

#honey .linup_item_flex_detail_text {width: 90%;}
	
	.three .linup_item_flex_detail {width: 48%;}

.cv#item {width: 95%;}

.cv button {padding: 1.1rem 3rem;}
	
	.lineup_heading#center h1 span::before {top: 0%;
    left: 70%;
    width: 60px;
    height: 100px;}

}



/*
ec site
*/
.campaign_door{
  display:flex;
  width:1000px;
  margin:auto;
	    margin-bottom: 200px;
}
.logout {
  margin: auto;
  position: relative;
  width: 200px;
  height: 400px;
  cursor: pointer;
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
	text-align:center;
}
.logout .doorway {
  position: absolute;
  width: 200px;
  height: 400px;
  background-color: maroon;
}
.logout .doorway .door {
  transition: transform 0.1s;
  transform-style: preserve-3d;
  transform-origin: 0% 0%;
  width: 200px;
  height: 400px;
  -webkit-transform: perspective(900) rotateY(0deg);
  background: linear-gradient(88deg, #b29a33, #a28817);
 position: relative;
}

.logout:hover .door {
  -webkit-transform: perspective(900) rotateY(80deg);
  transition: all 2s ease-in-out;
}
.door span {
  position:  absolute;
  width: 20px;height: 20px;
  border-radius:50%;
  display:block;
  background-color: lightgray;
  top:200px;
  left:160px
}

.logout#door1 .doorway {
    background: url(https://k-salon.jp/wp-content/uploads/2022/05/teaforteshop_item1.png);
    background-repeat: no-repeat;
    background-position: center;
}

.logout#door2 .doorway {
    background: url(https://k-salon.jp/wp-content/uploads/2022/05/honey_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}

.logout#door3 .doorway {
	background: url(http://k-salon.jp/wp-content/uploads/2022/08/labo3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}

.logout#door4 .doorway {
	background: url(http://k-salon.jp/wp-content/uploads/2022/07/1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}




.logout::after {
    content: "";
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 8px;
    box-shadow: 0 40px 15px rgba(0, 0, 0, .5);
    background-color: transparent;
    border-radius: 80px / 4px;
}
.logout h2 {
    color: #dab909;
}


@media only screen and (min-width:768px) and (max-width:1023px) {
	.campaign_door {
		width: 700px;}
}

@media only screen and (max-width: 640px) {
	.campaign_door{
		width:100%;
		display:block;
	}
	.logout{
		    margin-bottom: 170px;
	}
	.logout .doorway {
		position: relative;}
	
	.campaign_door {
    display: none;
}
}

@media only screen and (min-width: 641px) {

.category_sp {
    display: none;
}
	
}


.category_sp a {
    margin-left:10px;
    color:#ff9a9e;
	text-decoration:none;}
    .category_sp a:hover {    
      text-decoration:none;
    }

.card {
  overflow:hidden;
  color:#b29a33;
  margin:20px;
  padding:20px;
  height: 350px;
    width: 235px;
    margin: 0 auto;
    margin-bottom: 3vh;
	background-color:transparent;
	    border: 1px solid #b29a33;

}
  .year {
        position: absolute;
    top: 5px;
    left: 20px;
    font-size: 20px;
  }
  .line {
    height:4px;
    width:40px;
    background-color:#b29a33;
  }
  .bg {
    z-index:0;
    width:200px;
    height:300px;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
	}

a#card_category1 .bg {
    background: url(https://k-salon.jp/wp-content/uploads/2022/05/teaforteshop_item1.png);
}

a#card_category2 .bg {background: url(https://k-salon.jp/wp-content/uploads/2022/05/honey_1.png);
}

a#card_category3 .bg {background: url(http://k-salon.jp/wp-content/uploads/2022/07/1.png);
}

div#respond {
    display: none;
}

ol.comment-list {
    display: none;
}

div#comments {
    display: none;
}

.entry-meta {
    display: none;
}

p.newitem {
  color: #ACB6E5;
  background: -webkit-linear-gradient(102deg, #9e9c12, #ece812);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: serif;
  font-weight: bold;
  }


.page-id-485 .site-body-bottom {
    display: none;
  }

  body.page-id-485{
    margin: 0;
    position: relative;
    background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
    background-attachment: fixed;
  }

  .page-id-485 .main-section--col--two {
    width: 100%;
    float: none;
  }

  @media only screen and (max-width: 640px) {
  body.page-id-485{
    position:relative;
        }
    
        body.page-id-485::before
{content: "";
display:block;
position:fixed;
top:0;
left:0;
z-index: 0;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
background-size:cover;}
	
    }

.page-id-511 .site-body-bottom {
    display: none;
  }

  body.page-id-511{
    margin: 0;
    position: relative;
    background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
    background-attachment: fixed;
  }

  .page-id-511 .main-section--col--two {
    width: 100%;
    float: none;
  }

  @media only screen and (max-width: 640px) {
  body.page-id-511{
    position:relative;
        }
    
        body.page-id-511::before
{content: "";
display:block;
position:fixed;
top:0;
left:0;
z-index: 0;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
background-size:cover;}
	
    }



.page-id-719 .site-body-bottom {
    display: none;
  }

  body.page-id-719{
    margin: 0;
    position: relative;
    background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
    background-attachment: fixed;
  }

  .page-id-719 .main-section--col--two {
    width: 100%;
    float: none;
  }

  @media only screen and (max-width: 640px) {
  body.page-id-719{
    position:relative;
        }
    
        body.page-id-719::before
{content: "";
display:block;
position:fixed;
top:0;
left:0;
z-index: 0;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
background-size:cover;}
	
    }






a.backyellow img:hover {
    box-shadow: 1px 1px 14px 3px #faf0985e;
	transition-duration: 0.8s;
}

a.backyellow h5:hover {
    box-shadow: 1px 1px 14px 3px #faf0985e;
    background-color: #faf0985e;
	transition-duration: 0.8s;
}

.under_contents_heading p {
    position: relative;
    z-index: 1;
}

div#rezenelate {
    position: relative;
}

.under_contents_abimg {
    position: absolute;
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    left: 60vw;
}

.under_contents_abimg img {
    width: 40%;
}

h2.fade-in01.aetheh2 {
    line-height: 1.8;
    font-weight: 400;
    backdrop-filter: blur(10px);
}

.col-lg-4 {max-width: inherit;width: min(1100px, 95%);margin: 0 auto;}

.container.site-footer-content .row {
    display: block;
}

.wp-block-latest-posts.columns-2 li {
    width: calc(30% - 0.625em);
}

.container.site-footer-copyright {
    display: none;
}


.single-post .site-body-bottom {
    display: none;
  }

  body.single-post{
    margin: 0;
    position: relative;
    background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
    background-attachment: fixed;
  }

  .single-post .main-section--col--two {
    width: 100%;
    float: none;
  }

  @media only screen and (max-width: 640px) {
  body.single-post{
    position:relative;
        }
    
        body.single-post::before
{content: "";
display:block;
position:fixed;
top:0;
left:0;
z-index: 0;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image: url(http://k-salon.jp/wp-content/uploads/2022/05/backp4.jpg);
background-size:cover;}
	
    }

.vk_posts.next-prev {
    display: none;
}

article.category-shop_blog-2 {
    margin-top: 50px;
    margin-left: 50px;
}

.page-id-73 footer.site-footer {
    display: block;
}

@media only screen and (max-width: 640px) {
article.category-shop_blog-2 {
    margin-left: 0px;
}

#item.cv a {margin: 10px;}

.single-post .site-body {
    padding: 20px;
	}

}



.single-post .site-body-container.container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: 60px auto;
}
.single-post  .main-section.main-section--margin-bottom--on {
    width: 70%;
    margin: 0 auto;
}

.single-post .sub-section {
    width: 20%;
    margin: 0 auto;
}

#g-nav ul li#menu-item-sns {
    display: flex;
	justify-content:center;
}

#g-nav ul li ul {
    position: relative;
    transform: inherit;
    left: auto;
}


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

.single-post .site-body-container.container {
    display: block;
    width: 100%;
}

.single-post .sub-section {
    width: 100%;
}
	
	.page-id-2 .site-body-bottom{
		display:none !important;
	}

}

.page-id-484 .main-section, .page-id-484 .site-body, .page-id-484 .site-body-container, .page-id-484 .site-footer, .page-id-484 .sub-section {
    position: unset;
}

.page-id-73 .main-section, .page-id-73 .site-body, .page-id-73 .site-body-container, .page-id-73 .site-footer, .page-id-73 .sub-section {
    position: unset;
}


.blog_img {
    width: 80%;
}



.site-body img {
    position: relative;
    z-index: 1;
}