/* Theme Name:Cli’O Aura
Theme URL: http://clioaura.com.testrs.jp/blog/
Description: クリオアウラのテストTheme
Author: yokoyama
Version:1.0.0 */

:root{
  --main-color: #E0B4C2;
  --sub-color: #BE8698;
  --sub-color02: #F0E2E7;
  --sub-color03: #976272;
  --attention-color: #FF634E;
  --black: #3D3D3D;
  --beige: #F7F1ED;
  --gray: #D9D9D9;
  --link: #6CA3E5;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--black);
  text-align: center;
  line-height: 1.5;
  letter-spacing: .08em;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding-right: 0 !important;
}
body.active {
  position: fixed;
  left: 0;
  right: 0;
}
main {
  margin-top: 60px;
  padding-bottom: 100px;
}
article {
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.page-id-82 .homepage-container{
  padding-bottom: 35px;
}
h2.section__title {
  font-family: 'Lora', serif;
  font-size: clamp(1.6rem, 1.1565rem + 1.658vw, 2.4rem);
  font-weight: 400;
  text-align: center;
  line-height: 1;
}
.section__title span {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1rem;
}
h3 {
  font-size: clamp(1.4rem, 1.2891rem + 0.4145vw, 1.6rem);
}
h4 {
  font-size: clamp(1.2rem, 1.0891rem + 0.4145vw, 1.4rem);
}
p {
  line-height: 1.8;
  text-align: left;
  font-size: clamp(0.95rem, 0.9223rem + 0.1036vw, 1rem);
}
a {
  color: var(--black);
}
.single-post a {
  display: inline;
}
/*--------------- common ---------------*/
.section {
  position: relative;
  max-width: 95%;
  margin: 80px auto 0;
}
.about, .plan, .report {
  max-width: 100%;
}
.inner {
  max-width: 90%;
  margin: 40px auto 0;
}
h2 .section-lead {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: .875rem;
}
.asterisk {
  font-size: .75rem;
}
.strong, strong {
  font-weight: bold;
}
.link, .single-post-page a, .report-article__body a {
  color: var(--link);
  text-decoration: underline;
  cursor: pointer;
  transition: all .3s;
}

.external-link, .header-external-link {
  position: relative;
  display: inline-block;
  padding-right: 1.2em; /* アイコン分の余白 */
}
.external-link::after, .header-external-link::after {
  content: "";
  display: inline-block;
  background: url('./assets/img/common/link.svg') no-repeat center center;
  background-size: contain;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.external-link::after{
  right: -5px;
}
.grecaptcha-badge { 
  visibility: hidden; 
}
/*--------------- common btn---------------*/
.sction__btn--pink {
  max-width: 500px;
  width: 100%;
  color: #fff;
  background-color: var(--main-color);
  border: solid 1px var(--main-color);
  font-weight: 300;
  padding-block: .5em;
  border-radius: 5rem;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.viewmore-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 20px;
}
.viewmore-btn__inner {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  position: relative;
  color: var(--black);
}
.viewmore-btn__bar {
  display: block;
  position: relative;
  width: 140px;  
  height: 1px;
  background: var(--black);
  margin-top: 5px;
  border-radius: 2px;
  overflow: visible;
}
.viewmore-btn__dot {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background: var(--black);
  border-radius: 50%;
  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.zoom-img {
  display: inline-block;
  overflow: hidden;
  transition-duration: .5s;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}

@media (hover: hover) and (pointer: fine) {
  .viewmore-btn__inner:hover .viewmore-btn__dot,
  .viewmore-btn__inner:focus .viewmore-btn__dot {
    left: calc(100% - 7px);
  }
}
@media (hover: none), (pointer: coarse) {
  .viewmore-btn__dot {
    left: calc(100% - 7px) !important;
    transition: none !important;
  }
}
/*--------------- header ---------------*/
.header {
  position: fixed;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--gray);
  top: 0;
  z-index: 150;
  height: 61px;
}
.header-inner {
  width: 95%;
  left: 5%;
  display: flex;
  position: relative;
  z-index: 140;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}
.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 60px;
  width: 100%;
  height: 100vh;
  transition: ease .4s;
  transform: translateX(100%);
}
.header__nav.active {
    transform: translateX(0);
  }
.ham-wrap {
  display: flex;
	position: fixed;
  top: 0;
	width: 100%;
	height: 100vh;
  overflow: auto;
	background-color: var(--main-color);
	z-index: 1;
	transition: all 0.5s;
  justify-content: center;
  align-items: center;
}
.ham-menu-inner  {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  width: 90%;
  padding: 60px 0 160px 0;
}
.ham-menu-inner a{
  color: var(--black);
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 8px 0;
  transition: color .16s;
}
.ham-menu-inner li{
  width: 100%;
  text-align: left;
  padding-left: 1rem;
  border-top: 1px dashed #fff;
}
.header-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
}
.header-logo img {
  width: 120px;
  padding-right: 15px;
}
.header-icon img {
  max-width: 30px;
}
.hamburger span {
  display: block;
  width: 30px;
  height: 1px;
  border-radius: 2px;
  background: #fff;
  margin: 10px auto;
  transition: all .3s cubic-bezier(.68,-.55,.27,1.55);
  position: relative;
  z-index: 100;
}
.hamburger.active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
  transform: translateY(-10px) rotate(-45deg);
}
.header-nav-item a{
  display: flex;
  align-items: center;
  margin: 0 10px;
  gap: 5px;
}
.ham-main-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ham-main-nav li {
  justify-content: center;
  text-align: center;
  font-size: 12px;
  width: calc(50% - 10px);
  padding: 1.5rem;
  background-color: #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
  border-radius: 1.5rem;
  align-items: center;
  margin-bottom: 20px;
}
.hamburger {
  display: flex;
  z-index: 9999;
  position: relative;
  z-index: 120;
  height: 60px;
  width: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
  background: var(--main-color);
}
/*--------------- footer ---------------*/
.footer {
  margin: 0 auto;
  max-width: 100%;
  background-color: var(--beige);
  padding: 25px 0 0 0;
}
.footer__inner  {
  display: flex;
  flex-direction: column;
  width: 90%;
  gap: 40px;
}
.footer__caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.footer__caption-logo {
  max-width: 180px;
}
.footer__caption-text {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer__caption-title {
  font-size: 1.125rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
}
.footer__address, .footer-site-map02 {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.footer__address .viewmore-btn {
  margin-top: 15px;
}
.footer-map__inner {
  display: flex;
  flex-direction: column;
}
.footer-map__list-line {
  padding: 10px 0;
  border-bottom: 1px dashed var(--black);
}
.footer-map__list-line-plan {
  padding-top: 10px;
  padding-bottom: 0;
}
.footer-map__list02 {
  padding-top: 10px;
}
.footer-map__list02 .footer-map__list-line:first-child,
.footer-map__list:first-child {
  border-top: 1px dashed var(--black);
}
.footer-map__list02 .footer-map__list-line:last-child {
  border-bottom: none;
}
.footer-map__list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.footer-map__list li {
text-align: left;
width: 100%;
}
.footer-map__list a {
  transition: all .3s;
}
.footer-map__list-line a, 
.footer-map__list03 a {
  position: relative;
  left: 2%;
  font-size: .75rem;
}
.footer-map__list02 li {
  position: relative;
  left: 5%;
  width: 95%;
}
.footer-map__list02 a {
  left: 4%;
}
.copyright {
  margin-top: 40px;
  color: #fff;
  background-color: var(--black);
  padding-block: 20px;
  justify-content: center;
}
.copyright p{
  font-size: .75rem;
  font-weight: 300;
  text-align: center;
}
/*--------------- 固定ページ ---------------*/
.page-title {
  padding-block: 50px;
  color: var(--sub-color)
}
.page-body  {
  width: 90%;
  margin: 0 auto;
}
/*--------------- トップページ ------------------------------
------------------------------------------------------------*/
/*--------------- fv ---------------*/
.section-fv {
  position: relative;
  padding-block: 10px;
  height: calc(100svh - 60px);
  margin-bottom: 40px;
}
.section-fv__swiper {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.section-fv__slide {
  display: flex;
  justify-content: center;
  border-radius: 15px;
}
.section-fv__slide-img{
  margin: 0 auto;
  width: 95%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400&display=swap');
.scroll_down{
  position:absolute;
  bottom: 0px;
  right: 11%;
  z-index: 5;
}
.scroll_down p{
  position: absolute;
  left: 10px;
  bottom: 30px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .2em;
  writing-mode: vertical-lr;
  text-decoration: none;
  text-transform: uppercase;
}
.scroll_down:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background:#fff;
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite;
}
@keyframes circlemove{
  0%{bottom:85px;}
  100%{bottom:0px;}
}
@keyframes cirlemovehide{
  0%{opacity:0}
  50%{opacity:1;}
  80%{opacity:0.9;}
  100%{opacity:0;}
}
.scroll_down:after{
  content:"";
  position: absolute;
  bottom:0;
  left:0;
  width:1px;
  height: 85px;
  background:#fff;
}
/*--------------- feature ---------------*/
.section-feature__tags {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
  margin: 30px auto 0;
  width: 95%;
  gap: 10px;
}
.section-feature__tag {
  display: flex;
}
.section-feature__tag--up {
  align-self: flex-end;
}
.section-feature__tag--down {
  align-self: flex-start;
}
.section-feature__speech {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding: 1em 2em;
  border-radius: 50px;
  background-color: var(--main-color);
  text-align: center;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}
.section-feature__speech::after {
  content: "";
  position: absolute;
  bottom: 1px;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: var(--main-color) transparent transparent;
  translate: -50% 100%;
}
.section-feature__speech--up::after {
  right: 10%;
}
.section-feature__speech--down::after {
  left: 25%;
}
/*--------------- about ---------------*/
.section-about {
  position: relative;
  z-index: 1;
  background-color: var(--beige);
  max-width: 100%;
  margin: -30px auto 0;
  border-radius: 0  0 65px 0 ;
}
.section-about__inner {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  padding-block: 50px;
  align-items: center;
  gap: 25px;
}
.section-about__title {
  font-family: 'Lora', serif;
  font-size: 1.5rem;
  line-height: 2;
}
/*--------------- campaign ---------------*/
.section-campaign__banner-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 20px;
  justify-content: center;
  flex-direction: row;
}
/*--------------- plan ---------------*/
.plan-slide {
  gap: 15px;
  margin-bottom: 40px;
}
.section-plan__title-sub {
  font-family: 'Lora', serif;
  font-size: .875rem;
  font-weight: bold;
}
.section-plan__info {
  display: flex;
  flex-direction: column;
  padding-inline: 5%;
}
.section-plan__info, .section-plan__tag-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-plan__text-box {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.section-plan__name, .section-plan__price {
  font-size: 1.3rem;
}
.section-plan__price span{
  line-height: 1.1;
  font-size: .875rem;
}
.section-plan__price {
  color: var(--attention-color);
}
.section-plan__tag-box {
  margin-top: 10px;
  gap: 10px;
}
.section-plan__tag {
  font-size: .875rem;
  color: #fff;
  background-color: var(--main-color);
  padding: .3em .8em;
  border-radius: 5rem;
}
.plan-swiper .swiper-pagination {
  position: relative;
}
.section-plan__slide-img {
  border-radius: 10px;
}
/*--------------- contact btn ---------------*/
.section-contact__inner {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: 20px;
  font-weight: bold;
  font-size: .875rem;
}
.section-contact__btn--up {
  display: flex;
  justify-content: space-between;
}
.section-contact__btn--up a {
  width: calc(50% - 8px);
  color: var(--black);
  background-color: #fff;
  border: solid 1px var(--black);
  padding: 1rem 0;
  border-radius: 100px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
.btn-form {
  color: #fff;
  background-color: var(--black);
  border: solid 1px #fff;
  padding: 1rem 0;
  border-radius: 100px;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
/*--------------- photo report ---------------*/
.section-report {
  max-width: 100%;
  background-color: var(--beige);
  padding-block: 50px 0;
}
.section-report .swiper{
  padding-block: 50px;
}
.report-text {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 20px;
}
.report-img {
  border-radius: 10px 10px 0 0;
}
h3.report-title {
  font-size: clamp(1rem, 0.8891rem + 0.4145vw, 1.2rem);
}
/*--------------- photo gallery ---------------*/
.section-photo-gallery {
  max-width: 100%;
}
.section-photo-gallery__inner {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: space-between; 
  gap: 10px;
}
.section-photo-gallery__item{
  width: calc(50% - 5px);
}
.section-photo-gallery__item img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
/*--------------- dress gallery ---------------*/
.dress-slide img{
  border-radius: 10px;
}
/*--------------- column ---------------*/
.section-column {
  max-width: 100%;
}
.section-column__list-box {
  border-top: dashed 1px var(--black);
  margin-top: 40px;
}
.section-column__list-box li{
  border-bottom: dashed 1px var(--black);
  position: relative;
  padding: 20px 0;
}
.section-column__box {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 10px;
  align-items: center;
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.column-thumb {
  width: 30%;
}
.column-thumb img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.column-content {
  width: 70%;
  align-items: flex-start;
}
h3.column-title, h2.column-title {
  font-size: .875rem;
  font-weight: 400;
  text-align: left;
}
.column-date{
  font-size: .75rem;
  position: absolute;
  bottom: 0;
}
/*--------------- 初回カウンセリングまでの流れ ---------------*/
.flow-page {
background: var(--beige);
}
.section-first-flow {
  max-width: 100%;
  padding-block: 40px 0;
  border-radius: 0 0 5rem 0  ;
}
.section-first-flow__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 100%;
}
.section-first-flow__box{
  padding-top: 20px;
  border-top: 1px dashed var(--main-color);
}
.section-first-flow__box:first-child {
  border-top: none;
}
.section-first-flow__item {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
  gap: 15px;
}
.section-first-flow__item .asterisk{
  text-align: left;
}
.section-first-flow__box h3 {
  font-size: 1.2rem;
  text-align: left;
  color: var(--sub-color);
}
.section-first-flow__box .section-contact__inner-up a{
  border: none;
  font-size: .875rem;
  font-weight: bold;
}
.section-first-flow__box .btn-form {
  background-color: var(--main-color);
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  border: none;
}
.section-first-flow__box:last-child::after {
  border-top: none;
  display: none;
}
.flow-gide-banner{
  max-width: 500px;
  width: 100%;
}
.flow-gide-banner img {
  border-radius: 15px;
}
/*--------------- faq ---------------*/
.section-faq {
  max-width: 100%;
}
.faq__details {
  padding-top: 1rem;
}
.section-faq__inner {
  max-width: 100%;
  border-top: 1px dashed var(--black);
}
/*-- Q --*/
.faq__summary-question, .faq__summary-question-text {
  display: flex;
  flex-direction: row;
}
.faq__summary-question {
  align-items: baseline;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}
.faq__summary-question-text {
  align-items: center;
  width: 85%;
  padding-bottom: 1rem;
}
.faq__summary {
  border-bottom: 1px dashed var(--black);
}
/*-- A --*/
.faq__summary {
  display: block;
  font-size: 1rem;
}
.faq-content {
  margin-top: 10px;
  overflow: hidden;
  background-color: var(--beige);
}
.faq-content_text {
  padding-block: 1.5em;
  font-weight: bold;
}
.faq-content_text-box {
  width: 90%;
  margin: 0 auto;
} 
.details-summary_icon {
  width: 18px;
  height: 18px;
  position: relative;
}
.details-summary_icon .bar {
  position: absolute;
  background: var(--sub-color);
  border-radius: 2px;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 0.28s;
}
.details-summary_icon .bar1 {
  width: 18px; height: 2px;
}
.details-summary_icon .bar2 {
  width: 2px; height: 18px;
}
.faq__details[open] .details-summary_icon .bar1 {
  transform: translate(-50%, -50%) rotate(45deg);
}
.faq__details[open] .details-summary_icon .bar2 {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.details-summary_big {
  font-weight: 400;
  font-size: 1.5rem;
  margin-right: 10px;
  color: var(--sub-color);
}
/*--------------- staff ---------------*/
.staff-img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.staff-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.staff-text {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: space-between;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
}
h3.staff-role {
  font-size: 1.5rem;
  line-height: 1.2;
}
span.staff-role-jp {
  display: block;
  font-size: .8rem;
  font-weight: 300;
}
/*--------------- studio ---------------*/
.studio-gallery {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 36px;
}
.studio-gallery-left {
  flex: 2;
  min-width: 0;
  display: flex;
  align-items: stretch;
}
.studio-gallery-left img {
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.studio-gallery-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}
.studio-gallery-right img {
  width: calc(50% - 7px);
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 5px;
}
.studio-info {
  margin: 15px auto 0;
  width: 90%;
}
.studio-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 1px;
  text-align: left;
}
.studio-list dt, .studio-list dd {
  box-sizing: border-box;
}
.studio-list dt {
  width: calc(35% - 5%);
  padding: .5rem;
  border-right: 1px dotted var(--black);
}
.studio-list dd {
  width: calc(70% - 5%);
  margin-left: 0;
  padding: .5rem 0 0 1rem;
}
/*--------------- access ---------------*/
.access {
  max-width: 100%;
  margin: 80px 0 0 0;
}
.google-map-inner {
  max-width: 500px;
  width: 100%;
}
.google-map {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.address {
  max-width: 90%;
  margin: 0 auto;
}
.address p {
  font-size: 1rem;
}
/*--------------- SNS ---------------*/
.sns-icons, .footer-sns-icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  margin-top: 40px;
}
.footer-sns-icons {
  margin-top: 0px;
}
.sns-icon img {
  max-width: 35px;
}
.sns-icon,
.header-icons img {
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
}
/*-------------- Swiper ---------------*/
.swiper-pagination-bullet {
  background-color: var(--main-color);
  height: 8px;
  width: 8px;
}
/*--------------- モーダル ---------------*/
.img-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; 
  top: 0;
  width: 100vw; 
  height: 100vh;
  background: rgba(30, 20, 30, 0.83);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: opacity 0.18s;
}
.img-modal.active {
  display: flex;
  animation: fadeIn 0.18s;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.img-modal__img {
  max-width: 94vw;
  max-height: 80vh;
  border-radius: 12px;
  box-shadow: 0 8px 24px #0005;
}
.img-modal__close {
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  position: absolute;
  top: 22px; right: 26px;
  cursor: pointer;
  z-index: 1001;
  text-shadow: 0 2px 12px #000;
}
@media (hover: none) and (pointer: coarse) {
  .hover-effect:hover, .hover-effect a:hover, 
  li.footer-site-map-line a:hover {
    /* すべてのhoverスタイルを上書き */
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
    transform: translateY(0) !important;
    transform: scale(1.025);
    /* 必要なhoverスタイルをリセット */
  }
}
/*--------------- 下層ページページ ------------------------------
------------------------------------------------------------*/
/*--------------- common ---------------*/

.lower-page .section-fv{
  padding: 0;
}
.lower-page h2.section__title {
  line-height: 1.2;
}
h2.section__title span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
.section-about-message {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%;
}
.section-about-logo {
  max-width: 100%;
}
/*--------------- クリオアウラについて ---------------*/
.about-fv__img img {
  height: calc(100svh - 60px);
  object-fit: cover;
}
h1.about-page__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: Lora, serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
h1.about-page__title span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
.about-fv, .section__visual, .section__visual-img{
  position: relative;
}
.section__visual-back, .background, .section-about-message__title,
.section__subtitle {
  position: absolute;
}
h2.section-about-message__title {
  right: 0;
  bottom: 0;
  z-index: 3;
  text-align: left;
  color: var(--sub-color03);
  width: 90%;
}
.section__visual-img, .costume .features-img,
.customizable .features-img{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  right: 0;
  z-index: 1;
}
.features-img {
  justify-content: flex-start;
}
.section__visual-img img,
.features-img img {
  width: 90%;
}
.section__visual-back, .costume .background,
.customizable .background {
  left: 0;
  top: 5%;
  z-index: 2;
  width: 90%;
  aspect-ratio: 1 / 1; 
  background: #F7F1EDB3;
  z-index: 1;
}
.lastMinute .background {
  right: 0;
  top: 5%;
  z-index: 2;
  width: 90%;
  aspect-ratio: 1 / 1; 
  background: #F7F1EDB3;
  z-index: 1;
}
h3.section__subtitle {
  right: 0;
  bottom: 0;
  z-index: 3;
  text-align: left;
  color: var(--sub-color03);
  width: 90%;
  font-family: Lora, serif;
  line-height: 1;
}
.lastMinute h3.section__subtitle {
  right: 10%;
  width: auto; 
}
h3.section__subtitle span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: .875rem;
  font-weight: 400;
}
.section__subtitle--about {
  line-height: .9;
  margin-bottom: 10px;
}
.section-about-message__box {
  display: flex;
  flex-direction: column;
  margin: 40px auto 0;
  max-width: 90%;
  gap: 15px;
}
.section-about-logo {
  display: flex;
  background-color: var(--beige);
  padding-block: 50px 80px;
  border-radius: 0 0 70px 0;
}
.section-about-logo__img {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border: solid 1px var(--black);
  border-radius: 15px;
  padding: 4rem 0;
}
.section-about-logo__img img {
  max-width: 70%;
}
.section-about-logo__box {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  gap: 15px;
}
h2.about-log-title {
  font-size: 1.25rem;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
}
.section-features {
  max-width: 100%;
}
.section-features__inner {
  display: flex;
  flex-direction: column;
}
.section-features__box .background {
  aspect-ratio: 3 / 1.8; 
}
.section-features__boxes{
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.features-text, section-contact__inner {
  margin: 7% auto 0;
  width: 90%;
}
.lastMinute .features-img {
  align-items:normal;
}
.about-page .section-contact__inner {
  margin: 0 auto;
  width: 90%;
  margin-top: 20px;
  }
/*--------------- 当日の流れ フローページ ---------------*/
.page-template-page-flow main {
  background-color: var(--beige);
}
.section-tab {
  margin: 0 auto;
}
.lower-page__header {
  padding-block: 50px;
  display: flex;
  max-width: 90%;
  margin: 0 auto;
  flex-direction: column;
  gap: 15px;
}
/*--------------- tab ---------------*/
.section-flow__boxes {
  padding-block: 50px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.section-flow__box {
    display: flex;
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
}
.section-flow__item {
  flex-direction: column;
  margin-top: 15px;
  display: flex;
  gap: 15px;
}
.lower-page__header .contact-btns {
  margin-top: 20px;
}
.lower-page__header p,
.section-plan .asterisk {
  text-align: center;
}
h1.page-title-en {
  font-family: 'Lora', serif;
  font-size: 2.5rem;
  font-weight: 400;
  text-align: center;
  color: var(--sub-color);
  line-height: 1;
}
h1 span.page-title-jp {
  font-size: 1rem;
  font-family: 'Noto Sans JP', sans-serif;
}
.section-tab__inner {
  display: flex;
  flex-wrap: wrap;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #fff;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: var(--main-color);
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 15px 15px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #fff;
  color: var(--black);
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  opacity: 1;
  transition: .5s opacity;
  background: #fff;
  border-radius: 0 0 15px 15px;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
/*--------------- 撮影当日の流れ ---------------*/
.flow-title, .flow-category .asterisk {
  text-align: left;
}
.flow-category .text {
  gap: 0px;
}
.flow-category .boxes {
  gap: 50px;
}
.flow-title {
  font-size: 1.25rem;
  color: var(--sub-color);
}
.flow-content {
  margin-top: 20px;
  gap: 15px;
}
/*--------------- 事前準備・持ち物 ---------------*/
.preparation,.tab-content .boxes {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
  padding-block: 50px;
  gap: 50px;
}
h3.preparation-title {
  font-size: 1.25rem;
  text-align: left;
  padding-left: 1.8em;
  position: relative;
  border-bottom: dashed 1px var(--sub-color);
}
.title-icon01::before, .title-icon02::before {
  display: block;
  content: "";
  background: url(assets/img/flow/preparation.svg) no-repeat center/contain;
  width: 1.5em;  /* 好きなサイズに */
  height: 1.5em;
  position: absolute;
  left: 0;
  top: .9em; /* 調整してね */
  transform: translateY(-50%);
}
.title-icon02::before {
  background: url(assets/img/flow/bag.svg) no-repeat center/contain;
}
.preparation h4 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--sub-color);
}
.brideGroom-icon {
  width: 60px;
  height: 60px;
}
.preparation-boxes {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 25px;
}
.preparation-box {
  gap: 10px;
  display: flex;
  flex-direction: row;
}
.preparation-subTitle-box {
  display: flex;
  flex-direction: column;
}
.preparation-list {
  font-size: .875rem;
  text-align: left;
  padding: .5em;
  width: 75%;
  border: solid 1px var(--sub-color);
  border-radius: 8px;
}
/*--------------- スケジュールボタンとモーダル ---------------*/
.schedule-btns {
  margin-top: 20px;
  gap: 10px;
}

.flow-modal .flow-title {
  text-align: center;
  color: var(--black);
}
.schedule-btn {
  background-color: var(--beige);
  padding-block: .5em;
  width: calc(50%);
  border-radius: 50px;
}
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}
.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
}
.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
/*--------------- 衣装ギャラリーページ ---------------*/
.section-column .filter__wrap {
  margin-top: 50px;
}
.filter__wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.section-allColumn .filter__wrap-label {
  margin-top: 25px;
}
.filter__wrap-label {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
}
.filter__list  {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  align-items: center;
}
.filter__list.row {
  justify-content: center;
  width: 100%;
}
.filter__list-btn {
  border: solid 1px var(--sub-color);
  width: 100%;
  color: var(--sub-color);
  padding-block: 1em;
  font-family: 'Lora', serif;
  transition: all .3s;
}
.filter-btn-label-jp {
  font-size: .875rem;
  font-family: 'Noto Sans JP', sans-serif;
}
.filter__list-btn:first-child {
  border-bottom: none;
}
.filter__list-btn:nth-child(2) {
  border-bottom: none;
  border-left: none;
}
.filter__list-btn.active {
  background-color: var(--sub-color);
  color: #fff;
}
.filter__list-btn-box {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.list-btn-box-underLine {
  border-bottom: solid 1px var(--sub-color03);
}
/*--------------- gallery list ---------------*/
.gallery-current-title {
  font-size: 1rem;
  font-weight: 400;
  padding-block: 40px;
  font-family: 'Lora', serif;
}
.gallery-current-title-jp  {
  font-family: 'Noto Sans JP', sans-serif;
}
.gallery__list {
  display: flex;
  max-width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.homepage-container .gallery-coordinate__list  {
  margin: 0 auto;
}
.gallery-coordinate__list .gallery-item {
  width: calc(50% - 4px);
}
.costume-article__inner {
  display: flex;
}
/*--------------- フォトギャラリーページ ---------------*/
.photo-gallery-page .gallery-item img{
  aspect-ratio: 1 / 1;
  object-fit: cover;
  }
/*--------------- プランページ ---------------*/
/*--------------- page title anchor ---------------*/
.plan .anchor {
  max-width: 1000px;
}
.anchor {
  width: 90%;
  margin: 0 auto;
}
.anchor-list {
  flex-wrap: wrap;
  gap: 15px;
}
.anchor-item {
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 15px;
  background-color: var(--beige);
  border-radius: 5px;
  width: calc(50% - 8px);
}
.anchor-item  a {
  display: flex;
  justify-content: space-between;
}
.anchor-item:last-child {
  width: 100%;
}
.page-caption p{
  text-align: center;
}
.page-caption span {
  font-weight: bold;
}
/*--------------- photo plan ---------------*/
.anchor-list, .anchor-item, .photoPlan-front-text,
.photoPlan-triangle, .detailItem-list, .sim-total-wrap, .sim-total__price-box {
  display: flex;
}
.plans-boxes, .photoPlan-contents, .plan-tags, .detailItem-item,
.detail-content {
  display: flex;
  flex-direction: column;
}
.photoPlan-inner, .costumePlan-inner {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.plans {
  margin-top: 60px;
  background-color: var(--beige);
  padding-block: 50px;
}
.plans .sec-title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: var(--sub-color);
}
.plans .sec-title span {
  font-family: 'Lora', serif;
  font-size: .875rem;
  font-weight: 400;
}
.plan-tags {
  align-items:flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.plan-tag-item {
  padding-right: 15px;
}
.detailItem-box h3 {
  color: var(--sub-color);
}
.plans-boxes {
  width: 100%;
  margin-top: 40px;
  gap: 50px;
}
.plans-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border-radius: 15px;
}
.plans__box-inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-block: 30px;
  width: 90%;
  margin: 0 auto;
}
.photoPlan-front-text {
  flex-direction: column;
  align-items: flex-start;
  justify-content:center;
}
.photoPlan-front-text img {
  border-radius: 15px;
}
.photoPlan-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
      gap: 15px;
}
.photoPlan-contents .price,
.costumePlan-title .price {
  font-size: 1.125rem;
  color: var(--attention-color);
}
.photoPlan-contents .price span,
.costumePlan-title .price span {
  font-size: .75rem;
}
.costumePlan-title .price span {
  color: var(--black);
}
.photoPlan-detail .summary_question,
.photoPlan-detail .summary_question_text {
  width: 100%;
  padding: 0;
}
.photoPlan-detail .detail {
  padding-bottom: 50px;
}
.photoPlan-detail .faq-content {
  margin: 0;
}
.photoPlan details[open] .faq-content {
  border-radius: 0 0 10px 10px;
}
.photoPlan-detail .photoPlan-triangle {
  gap: 20px;
  text-align: center;
  background-color: var(--main-color);
  color: #fff;
  justify-content: center;
  padding: .8em;
  border-radius: 10px;
} 
details[open] .photoPlan-triangle {
  border-radius: 10px 10px 0 0;
}
.photoPlan-triangle .triangle-icon {
  display: inline-block;
  transition: transform 0.3s;
}
details[open] .photoPlan-triangle .triangle-icon {
  transform: rotate(180deg);
}
.detail-content {
  width: 90%;
  align-items: center;
  margin: 0 auto;
  gap: 35px;
  padding-block: 25px 0;
}
.detail-catchCopy {
  background-color: #fff;
  border: solid 1px var(--main-color);
  color: var(--main-color);
  width: 100%;
  text-align: center;
  padding-block: .5em;
}
.detailItem-box {
  width: 100%;
}
.detailItem-list {
  justify-content: space-between;
  flex-wrap: wrap;
}
.detailItem-item  {
  width: calc(50% - 15px);
  align-items: center;
  margin-top: 25px;
}
.detailItem-item img{
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding: 30px;
}
.photoPlan-detail .viewmore-wrap{
  padding-bottom: 50px;
}
.asterisk-box {
  align-items: flex-start;
  width: 100%;
}
.plus {
  position: relative;
  width: 1.5rem;   /* 好みのサイズに調整 */
  height: 1.5rem;
  display: inline-block;
}
.plus span {
  position: absolute;
  left: 50%; top: 50%;
  width: 1.5rem; 
  height: .3rem; 
  background: var(--sub-color); 
  transform: translate(-50%, -50%) rotate(0deg);
}
.plus span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.plus-big {
  margin-top: 60px;
  width: 65px;  
  height: 65px;
}
.plus-big span {
  width: 65px;  
  height: 12px;
}
/*--------------- cos plan---------------*/
.costume .price {
  font-size: 1.8rem;
}
.costume .plans-box {
  padding-block: 50px;
  gap: 25px;
}
.costumePlan-title-sub {
  font-family: 'Lora', serif;
  font-size: 1.2rem;
}
.costumePlan-contents, .costumePlan-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.costumePlan-title {
  gap: 0;
}
.costume-swiper {
  margin-top: 0;
}
.costume-slide img {
  border-radius: 10px;
  max-width: 300px;
}
/*--------------- simulation ---------------*/
.simulation {
  background-color: #fff;
  padding: 0 0 60px 0;
}
.simulation-boxes {
  margin-top: 40px;
}
.custom-select {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.custom-select-title {
  padding: .7em .8em;
  border: 1.5px solid var(--black);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  position: relative;
}
.custom-select-title::after {
  content: '';
  border: solid var(--black);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 20px; top: 50%; translate: 0 -50%;
}
.custom-select-list {
  display: none;
  position: absolute;
  left: 0; top: 110%;
  width: 100%;
  background: #808080;
  border: 1.5px solid #808080;
  border-radius: 12px;
  z-index: 20;
  text-align: left;
}
.select-list-photo {
  z-index: 70;
}
.custom-select.open .custom-select-list {
  display: block; 
}
.custom-select-list li {
  padding: 16px 20px;
  cursor: pointer;
  color: #fff;
  border-bottom: 1px dashed #fff;
  transition: all .28s;
}
.custom-select-list li:last-child {
  border-bottom: none;
}
.sim-options label {
  display: block;
  margin: 6px 0;
  font-size: 1rem;
}
.option-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.option-list label {
  cursor: pointer;
}
.sim-total-price {
  color: var(--attention-color);
  font-size: clamp(2rem, 1.8139rem + 0.6178vw, 2.2rem);
  margin: 0 12px;
  font-weight: bold;
}
.sim-calc-btn {
  background: var(--sub-color);
  color: #fff;
  padding: .3em 3em;
  border-radius: 50px;
  margin-block: 25px;
  transition: all .3s;
}
.sim-total-wrap {
  border-bottom: 1px solid var(--black);
  max-width: 100%;
  justify-content: space-between;
  align-items: baseline;
}
.sim-total-wrap .flex {
  align-items: baseline;
}
.sim-total-label {
  font-size: 1.5rem;
}
.sim-total-price {
  font-weight: 400;
}
.sim-total-tax {
  font-size: 1.125rem;
  color: var(--black);
}
.sim-total__price-box {
  display: flex;
  align-items: baseline;
}
/*--------------- faq anchor ---------------*/

.faq-category h2 {
  font-size: 1.125rem;
  text-align: left;
  font-weight: bold;
}
.faq-category {
    margin-top: 50px;
  }
.faq-category .inner {
  margin-top: 20px;
}
.faq-anchor {
  background-color: var(--beige);
  border-radius: 15px;
  padding: .5em 1em;
}
.faq-anchor a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-anchor-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.faq-anchor .triangle {
  color: var(--sub-color);
}
.faq-anchor {
  justify-content: space-between;
}
/*--------------- category boxes ---------------*/
.faq-category .box .title {
    font-size: 1.125rem;
    text-align: left;
    border-bottom: 1px solid var(--sub-color);
    position: relative; 
}
.faq-category .box .title::after {
    content: "";
    display: inline-block;
    width: 6px; 
    height: 6px;
    background-color: var(--sub-color); 
    border-radius: 50%; 
    position: absolute;
    bottom: 0; 
    right: 0;  
    transform: translateY(50%); 
}
.faq-category .box {
  margin-top: 60px;
}
.faq-content_text {
  align-items: baseline;
}
.faq-content_text a {
  display: inline; 
}
.lower-page .faq-content_text {
  align-items: baseline;
  display: flex;
  width: 90%;
  margin: 0 auto;
}
/*--------------- フォトレポート  テンプレ ---------------*/
.report-article-eyecatch {
  height: 80svh;
}
.report-article-eyecatch img,
.article-eyecatch img {
  object-fit: cover;
  object-position: 50% 30%;
}
.report-article-eyecatch img {
  height: 100%;
}
.article-eyecatch img {
  aspect-ratio: 3 / 2;
}
.single-post__header, .report-article__header {
  display:  flex;
  flex-direction: column;
  margin: 25px auto 0;
  gap: 25px;
}
.breadcrumb {
  display:  flex;
  font-size: .875rem;
  margin: 0 0 25px 0px;
  flex-wrap: wrap;
}
.post-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--sub-color);
}
.single-post-page .post-meta h1 {
  margin-top: 25px;
}
.post-meta h1 {
  font-size: clamp(1.2rem, 0.9782rem + 0.829vw, 1.6rem);
}
.post-meta time{
  font-size: .875rem;
}
.article-theme-title {
  font-size: 1rem;
  text-align: left;
  margin-block: 25px 10px;
}
.theme-tag-box {
  border: dotted 1px var(--black);
  padding: 1.5rem 1rem;
}
.article-theme-caption {
  margin-top: 25px;
}
.article-theme-caption h2{
  font-size: clamp(1.25rem, 1.1114rem + 0.5181vw, 1.5rem);
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  padding-left: .5em;
  border-left: solid 13px var(--main-color);
  margin-block: 25px;
}
.photo-report-boxes {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.section-text {
  margin-bottom: 100px;
}
.contact-form {
  max-width: 600px;
  margin: 0 auto;
}
.form-label {
  font-weight: bold;
  margin-top: 20px;
  font-size: 14px;
}
.post-nav-all {
  text-align: center;
  margin-top: 25px;
}
/*--------------- お問合せフォーム ---------------*/
.contact-page {
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 0;
}
.input-field,
.textarea-field {
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
}
.required {
  color: #e76a78;
  font-size: 12px;
}
.submit-btn-wrap {
  margin-top: 30px;
  text-align: center;
}
.submit-btn {
  background: #444;
  color: #fff;
  padding: 15px 50px;
  border: none;
  border-radius: 30px;
  font-size: 16px;
  display: flex;
  cursor: pointer;
  margin: 0 auto;
}
.page-id-82 .page-title {
  display: none;
}
.contact__box {
  max-width: 600px;
  margin: 0 auto;
  background-color: var(--beige);
  border-radius: 15px;
}
.contact__box-inner {
  padding-block: 50px;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-direction: column;
  margin: 0 auto;
}
.contact__inner-text {
  text-align: center;
}
.contact__inner-line {
  font-weight: bold;
  background-color: #fff;
  padding: 1em;
  border: 1px solid var(--sub-color);
  border-radius: 5px;
}
.contact__inner-tel a {
  color: var(--sub-color);
  font-size: 1.8rem;
}
.contact__box-inner hr {
  width: 95%;
}
.page-id-82 .page-body {
  max-width: 600px;
  width: 90%;
}
.contact__box-inner .studio-list {
  font-size: .75rem;
}
.contact__box-inner .studio-list dt {
  border-right: none;
}
.input-date {
  margin-bottom: 10px;
}
/*--------------- シングルページ ------------------------------
------------------------------------------------------------*/
/*--------------- 通常 ------------------------------
------------------------------------------------------------*/
.single-post__header {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.post-content h3 {
  font-size: 1.15rem;
  padding-block: 25px 5px;
}
.post-content li {
  padding-bottom: 15px;
}
.post-content p {
  font-size: 1rem;
  padding-block: .5rem 1rem;
}
article .wp-block-image img {
  padding-block: .5rem 1rem;
}
.post-navigation {
  padding-block: 50px;
  display: flex;
  justify-content: space-evenly;
}
.favorite__item-img {
  max-width: 480px;
  margin: 0 auto;
}
/*--------------- コーディネート ------------------------------
------------------------------------------------------------*/
.costume-single {
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
  padding-block: 50px;
}
.costume-single__inner {
  margin: 0 auto;
}
.costume-title {
  text-align: center;
  font-family: 'Lora', serif;
  color: var(--sub-color);
  font-size: 1.8rem;
  font-weight: 400;
}
.costume-article__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    margin-top: 25px;
}
.costume-thumbnail {
  max-width: 480px;
}
.costume-thumbnail img {
  width: 100%;
  border-radius: 15px;
}
.costume-content .favorite__item-img {
  max-width: 100%;
}
.coordinate-navigation {
  font-size: .75rem;
  display: flex;
  gap: 25px;
  justify-content: center;
  margin-block: 25px;
}
.costume-single tbody {
  font-size: .75rem;
}
.costume-single td {
  width: 35%;
}

/*--------------- PC版 ---------------*/
@media (min-width: 1200px) {
/*--------------- common ---------------*/
  .section {
    max-width: 1000px;
    margin-top: 100px;
  }
  .footer {
    margin-top: 0;
  }
  .section-about, .section-feature__tags{
    max-width: 100%;
    margin: -30px auto 0;
  }
  .inner {
    max-width: 1000px;
  }
  .about {
    margin-top: 0;
  }
  .section-report, .section-first-flow, .footer {
    max-width: 100%;
  }
  .footer__inner  {
  max-width: 700px;
  }
  .staff-swiper .swiper-wrapper,
  .report-swiper .swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
    justify-content: space-between;
  }
  .link:hover, .single-post-page a:hover, .report-article__body a:hover {
    color: var(--attention-color);
  }
  .zoom-img:hover {
    transform: scale(1.025);
  }
  .ham-menu-inner a:hover {
    color: #fff;
  }
  .section-contact__btn--up a:hover,
  .btn-form:hover {
    color: #fff;
    background-color: var(--main-color);
    border: solid 1px var(--main-color);
  }
  h3.column-title:hover, h2.column-title:hover {
    color: var(--link);
  }
  .section-first-flow__box .btn-form:hover {
    color: #fff;
    background-color: var(--black);
  }
  .sns-icon:hover,
  .header-icons img:hover {
    transform: translateY(-5px);
  }
  .custom-select-list li:hover {
    background: var(--link);
  }
  .custom-select-list li:first-child:hover {
      border-radius: 12px 12px 0 0;
  }
  .custom-select-list li:last-child:hover {
      border-radius: 0 0 12px 12px;
  }
  .sim-calc-btn:hover {
    background: var(--link);
  }
/*--------------- header ---------------*/
  .header-inner {
    max-width: 1190px;
    width: 100%;
    margin: 0 auto;
    left: 0;
  }
  .ham-menu-inner {
    padding: 100px 0 160px 0;
  }
  .header__nav.active {
    transform: translateX(70%);
  }
/*--------------- footer ---------------*/
  .footer-map__list a:hover {
    color: var(--sub-color);
  }
/*--------------- 固定ページ ---------------*/
.page-body  {
  width: 700px;
}
/*--------------- トップページ ------------------------------
------------------------------------------------------------*/
/*--------------- fv ---------------*/
  .section-fv {
    position: relative;
    height: calc(98svh - 60px - 20px);
    margin: 20px 0;
    padding-top: 20px;
    max-width: 100%;
    width: 100%;
  }
  .section-fv__slide-img {
    width: 98%;
  }
/*--------------- feature ---------------*/
  .section-feature__tags {
    max-width: 1000px;
    margin-top: 40px;
  }
  .section-feature__tag {
    width: 50%;
  }
  .section-feature__speech {
    width: 100%;
    padding-inline: 0;
  }
  .section-feature__speech::after {
    content: "";
    position: absolute;
    bottom: 1px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: var(--main-color) transparent transparent;
    translate: -50% 100%;
  }
  .section-feature__speech--up::after {
    right: 10%;
  }
  .section-feature__speech-down::after {
    left: 25%;
  }
  /* .section-campaign__banner-box a{
    width: calc(50% - 10px);
  } */
  .feature-tags {
    position: relative;
    z-index: 5;
    margin: 30px auto 0;
    width: 95%;
    gap: 10px;
  }
/*--------------- about ---------------*/
  .about-text, .about-btn {
    width: 80%;
  }
  .about-btn:hover {
    color: var(--main-color);
    background-color: #fff;
    border: solid 1px var(--main-color);
  }
/*--------------- Contact ---------------*/
  .section-contact__inner {
    max-width: 700px;
    width: 100%;
    gap: 35px;
    margin: 50px auto 0;
  }
  .section-first-flow .section-contact__inner {
    margin-top: 0;
  }
  .section-contact__btn--up a {
    width: calc(50% - 20px);
  }
/*--------------- photo report ---------------*/
  .report-swiper {
    width: 90%;
    padding-bottom: 30px;
  }
    h3.report-title {
    font-size: 1.125rem;
  }
  .detailItem-item  {
    width: calc(33% - 5px);
  }
/*--------------- photo gallery ---------------*/
  .section-photo-gallery__item {
    width: calc(33% - 5px);
  } 
/*--------------- column ---------------*/
  .column-thumb {
    max-width: 180px;
  }
  .section-column__box {
    max-width: 1000px;
  }
/*--------------- staff ---------------*/
/*--------------- studio ---------------*/
  .studio-gallery {
    flex-direction: row;
  }
  .studio-gallery-left {
    width: 60%;
  }
  .studio-gallery-right {
    width: 30%;
    flex-direction: column;
  }
  .studio-gallery-right img {
    width: 100%;
    object-fit: cover;
  }
/*--------------- access ---------------*/
  .access {
    margin: 80px auto 0;
  }
  .google-map {
    aspect-ratio: 2 / 1;
  }
/*--------------- クリオアウラについてページ ------------------------------
------------------------------------------------------------*/
  .about-page .scroll_down{
    bottom: -20px;
  }
  .about-page .section-contact__inner {
    width: 100%;
  }
  .section-features__boxes {
    gap: 80px;
  }
  .section-about-message {
    flex-wrap: nowrap;
  }
  .section-features__box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
  }
  .features-text {
    width: calc(50% - 10px);
  }
  .section-about-logo {
    max-width: 100%;
  }
  .features-text {
    margin-top: 0;
  }
  .lastMinute .section__subtitle {
    left: 10%;
  }
  .section-features__box .background {
    left: 0;
  }
  .lastMinute .features-img  {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
/*--------------- 当日の流れについて ------------------------------
------------------------------------------------------------*/
.section-tab {
  margin-top: 0;
}  
.section-flow__item {
    flex-direction: row;
    margin-top: 5px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
  }
  .section-flow__item img {
    max-width: 250px;
  }
  .preparation-boxes  {
    justify-content: space-between;
    flex-direction: row;
    gap: 0;
  }
  .preparation-box {
    width: calc(50% - 10px);
  }
  .preparation-subTitle-box {
    flex-direction: column;
  }
  .section-flow__box {
    flex-direction: column;
  }
  .section-flow__item-text {
    width: 70%;
  }
  /*--------------- ギャラリーページ ------------------------------
------------------------------------------------------------*/
  .filter__list-btn:hover {
    background-color: var(--sub-color);
    color: #fff;
  }
  .gallery__list {
    justify-content: center;
    max-width: 1000px;
    gap: 10px;
  }
  .gallery-coordinate__list .gallery-item {
    width: calc(25% - 8px);
  }
  .photo-gallery-page .gallery-item {
    width: calc(20% - 8px);
  }
  
  /*--------------- プランページ ------------------------------
------------------------------------------------------------*/
  .plans-boxes {
    max-width: 700px;
    margin: 50px auto 0;
  }
  /*--------------- よくあるご質問 ------------------------------
------------------------------------------------------------*/
  .faq-category {
    margin-top: 50px;
  }
  /*--------------- お問合せフォーム ------------------------------
------------------------------------------------------------*/
  .contact-page {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  .contact__box-inner .studio-list {
    font-size: 1rem;
    justify-content: flex-end;
  }
  .contact__box-inner .studio-list dt {
    width: calc(30% - 5%);
    border-right: 1px dotted var(--black);
  }
/*--------------- シングルページ------------------------------
------------------------------------------------------------*/
  .section-column__list-box {
    max-width: 90%;
    margin: 40px auto 0;
  }
  .article .wp-block-image img {
  width: 90%;
  }
}
.wp-block-image :where(figcaption) {
    margin-bottom: 1em;
    margin-top: -.5em;
    font-size: 14px;
    color: #a0a8c5;
}
/* デフォルトでは非表示 */
.pc-nav {
  display: none;
}
/* PCサイズ以上で表示 */
@media screen and (min-width: 1200px) {
  .pc-nav {
    display: block;
  }
  .pc-nav-menu {
    display: flex;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
  }
  .hamburger,
  .header__nav {
    display: none;
  }
  .pc-nav-menu li {
    border-right: solid 1px var(--black);
  }
  .pc-nav-menu li a {
    padding-right: 15px;
    text-decoration: none;
    font-size: 12px;
  }
  .pc-nav-menu li a:hover {
    opacity: 0.7;
    color: var(--sub-color);
  }

}