/*******************************************************
 * for CORPORATE PAGES ( Corporate Related )
 *******************************************************/
.entry-content .corp h2 {
 margin-bottom: 0.875rem;
 padding: 0.1rem 0 0.4rem 1rem;
 border-bottom: 1px solid #808080;
 color: #808080;
 font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
 font-weight: 700;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1;
 position: relative;
}
.entry-content .corp h2::before {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 width: 5px;
 height: calc(100% - 0.5rem);
 background-color: #808080;
}

.entry-content .corp a { color: #404040; }
.entry-content .corp a:hover { color: #cd2653; }



/*------------------------------------------------------
  Person (for corporations )
-------------------------------------------------------*/
.person .entry-content h2 {
 font-size: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);
 font-weight: normal;
 font-family: 'Noto Sans JP', sans-serif;
 line-height: 1.6;
}
.person .entry-content > ul { font-size: 120%; }
.person summary {
 font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
}
.person summary {
 margin-top: 2rem;
 font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
}
.person summary p {
 margin: 2rem 0 2rem 0.5rem;
 font-size: clamp(0.813rem, 0.767rem + 0.23vw, 0.938rem);
 letter-spacing: 0.1em;
 position: relative;
}
.person summary p strong {
 display: block;
 font-size: 140%;
}
.person summary p::after {
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 color: #a5a5a5;
 font-size: 320%;
 font-family: "Material Symbols Outlined";
 content: "\e147";
 font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24;
 transition: .3s;
}
.person details[open] summary p::after {
 font-family: "Material Symbols Outlined";
 content: "\e644";
 font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24
}

.person .wp-block-columns { gap: 1rem; }
.person details h3 {
 margin: 3rem auto 0;
 border-left: 0;
 font-size: clamp(1.25rem, 0.886rem + 1.82vw, 2.25rem);
 font-weight: 500;
}
.person details > p {
 margin: 0 auto 1.5rem;
 max-width: 660px;
}
.person details dl {
 margin: 0 auto 1.5rem;
 padding: 0;
}
.person details dt {
 margin: 0;
 padding: 0 0 3px;
 border-bottom: 1px solid #b5b5b5;
 font-size: 120%;
}
.person details dd {
 margin: 0;
 padding: 1.5rem 0.25em;
 border-bottom: 1px solid #b5b5b5;
 font-size: 120%;
 display: flex;
 align-items: center;
}
.person details dd .price {
 margin-left: auto;
}
.person details dd .taxin { font-size: 72%; }


@media screen and (min-width: 782px) {
.person ul.req {
 margin-top: 4rem;
 display: flex;
 align-items: center;
 justify-content: center;
 }
.person summary {
 margin-bottom: 5rem;
 display: flex;
 align-items: center;
}
.person summary > * { width: 50%; }
.person summary > p { margin-left: 3.5rem; }
.person details h3 { margin: 5rem auto 2.5rem; }
.person .wp-block-columns { gap: 4rem; }
}

/*------------------------------------------------------
  Privacy Policy
-------------------------------------------------------*/
.cookietx dt {
 margin-bottom: 10px;
 padding: 3px 0 2px 10px;
 background-color: #f5f5f5;
}
.cookietx dd {
 margin: 0;
 padding: 0 0 0 8px;
}
.cookietx dd ul { margin: 0 0 10px; }
.cookietx dd li {
 margin: 0 0 5px 20px;
 line-height: 1.4;
 list-style: disc;
}
.cookietx dd + dt { margin-top: 20px; }

@media screen and (min-width: 768px) {
.cookietx dd, .cookietx dd li { font-size: 90%; }
.cookietx dd + dt { margin-top: 40px; }
 
}

/*------------------------------------------------------
  Thanks page (撮影にご協力いただいたお客様へ)
-------------------------------------------------------*/
body.thanks .basic-hd .entry-header h1::after {
 content: "撮影にご協力いただいた方へ感謝を込めて";
 display: block;
 margin-top: 0.6rem;
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 400;
 letter-spacing: 0.08em;
}
.thanks .entry-content .corp h2.thankyou {
 padding: 1rem 0 1.5rem;
 border-bottom: 0;
 font-size: clamp(1.625rem, 1.352rem + 1.36vw, 2.375rem);
 font-weight: 400;
 line-height: 1.4;
 text-align: center;
}
.thanks .entry-content .corp h2.thankyou::before { display: none; }
.thanks .entry-content .corp p { line-height: 2; }
.thanks .entry-content .corp ul {
 margin: 2.5rem auto 0;
 padding: 0;
 width: 90%;
 max-width: 600px;
 display: flex;
 flex-wrap: wrap;
}
.thanks .entry-content .corp li {
 margin: 0 0 0.5rem 1rem;
 width: calc((100% - 2rem) / 2);
}

@media screen and (min-width: 680px) {
.thanks .entry-content .corp li { width: calc((100% - 3rem) / 3); }
}


/*------------------------------------------------------
  Links page (関連情報サイト)
-------------------------------------------------------*/
body.link .basic-hd .entry-header h1::after {
 content: "各撮影メニューに関連する様々なサイトをご紹介しております。";
 display: block;
 margin-top: 0.6rem;
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 400;
 letter-spacing: 0.08em;
}




/************************************************************:
  Kyoujin Page
------------------------------------------------------------*/
.bg-beige { background-color: #f7f2ee; }
.bg-bluegray { background-color: #edf0f4; }
.bg-pink { background-color: #f8eeee; }

.kyujin .basic-hd .entry-header h1 {
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 500;
 text-shadow: 1px 1px 5px rgb(0 0 0);
}
.kyujin .basic-hd .entry-header h1::before {
 display: block;
 content: "RECRUIT";
 font-size: clamp(1.75rem, 1.068rem + 3.41vw, 3.625rem);
 font-family: "Montserrat", sans-serif;
 letter-spacing: 0.06em;
}
.kyujin .basic-hd .entry-header .section-inner {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.kyujin .basic-hd .entry-header .section-inner {
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/kyujin/recruit-main_sp.jpg);
}
.kyujin .basic-hd .entry-header .section-inner {
 padding: clamp(10px, 40vw, 250px) clamp(1.5rem, 5vw, 4rem) clamp(18px, 5vw, 170px);
}

@media screen and (min-width: 768px) {
.kyujin .basic-hd .entry-header .section-inner {
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/kyujin/recruit-main.jpg);
}
}

.kyujin .anchor-navi {
 margin: 3rem auto !important;
 max-width: 660px !important;
 text-align: center;
 display: flex;
 justify-content: center;
}
.kyujin .anchor-navi li {
 margin: 0;
 padding: 0;
 width: 30%;
 font-size: clamp(0.813rem, 0.699rem + 0.57vw, 1.125rem);
 text-align: center;
 list-style: none;
 }
.kyujin .anchor-navi li + li { border-left: 1px solid  #c8c8c8; }
.kyujin .anchor-navi li a {
 display: block;
 padding: 5px 10px 0;
 color: #404040;
}
.kyujin .anchor-navi li:nth-child(2) { width: 40%; }
.kyujin .anchor-navi li a:hover { opacity: 0.5; }
.kyujin .anchor-navi li a::after {
 display: block;
 font-size: 150%;
 font-family: "Material Symbols Outlined";
 content: "\f181";
 font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
 transition: .5s;
}

@media screen and (min-width: 768px) {
.kyujin .anchor-navi { margin-bottom: 4rem; }
}

.kyujin .basic-hd .entry-content h3.noborder  { font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem); }

/* 先輩の声 -------------------------------------*/
.kyujin h3.balloon {
 margin: 0 0 35px;
 padding: 18px 25px;
 background: #bd956e;
 border-left: 0;
 border-radius: 100px;
 color: #fff;
 font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
 font-weight: normal;
 text-align: center;
 position: relative;
}
.kyujin h3.balloon::before {
 display: block;
 content: "";
 margin-left: -8px;
 border: 8px solid transparent;
 border-top: 12px solid #bd956e;
 position: absolute;
 top: 100%;
 left: 50%;
}
.kyujin .staffvoice .wp-block-columns + h3.balloon { margin-top: 4rem; }
.kyujin .staffvoice .wp-block-columns {
 gap: 0;
 margin: 0 auto;
 align-items: stretch !important;
}
.kyujin .staffvoice .wp-block-column {
 padding: 20px 20px 40px;
 height: auto;
 display: flex;
 flex-wrap: wrap;
} 
.kyujin .staffvoice .wp-block-column:last-of-type { background-color: #f7f2ee; }
.kyujin .staffvoice .wp-block-column figure {
 margin: 0 20px 20px 0 !important;
 width: clamp(130px,45%,160px);
 vertical-align: middle;
}
.kyujin .staffvoice .wp-block-column h4 {
 margin-top: 3em;
 width: calc(55% - 20px);
 font-size: clamp(1.063rem, 1.04rem + 0.11vw, 1.125rem);
 font-weight: 500;
 vertical-align: middle;
}
.kyujin .staffvoice .wp-block-column h4 span {
 display: block;
 color: #9a9a9a;
 font-size: clamp(0.688rem, 0.665rem + 0.11vw, 0.75rem);
}

.kyujin .staffvoice .wp-block-column img { border-radius: 100%; }
.kyujin .staffvoice .wp-block-column p {
 margin: 0;
 padding: 0 5px;
 width: 100%;
 color: #bd956e;
}
.kyujin .blogban img {margin: 4rem auto; }

@media screen and (min-width: 782px) and (max-width: 819px) {
.kyujin .staffvoice .wp-block-columns { flex-wrap: nowrap !important; }
}
@media screen and (min-width: 782px) {
.kyujin .staffvoice .wp-block-columns:nth-of-type(even) .wp-block-column:first-of-type { background-color: #f7f2ee; }
.kyujin .staffvoice .wp-block-columns:nth-of-type(even) .wp-block-column:last-of-type { background-color: #fff; }
.kyujin .staffvoice .wp-block-column { padding: 45px 30px; }
}

/* キャリアデザイン -------------------------------------*/
.kyujin .career-voice,
.kyujin .rec-details {
 margin: 0 auto !important;
 max-width: 660px !important;
}
.kyujin .career-voice {
 margin-bottom: 1rem;
 padding: 2rem 0 0.5rem;
 border-bottom: 1px solid #ccc;
} 
.kyujin .career-voice summary {
 display: flex;
 flex-wrap: wrap;
}
.kyujin .career-voice summary picture { width: 45%; }
.kyujin .career-voice summary dl {
 margin: 0 0 0 20px;
 padding: 0;
 width: calc(55% - 20px);
}
.kyujin .career-voice summary dt {
 padding: 6px 15px;
 background: #6686a7;
 border-radius: 50px;
 color: #fff;
 font-weight: bold;       
}
.kyujin .career-voice summary dd {
 margin: 0;
 padding: 10px 0 0;
 line-height: 1.5;
}
.kyujin .career-voice summary dd:first-of-type { font-size: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem); }
.kyujin .career-voice summary dd:last-of-type { font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem); }
.kyujin .career-voice summary dd span {
 display: block;
 color: #9a9a9a;
 font-size: 70%;
}
.kyujin .career-voice summary p {
 margin: 0;
 padding: 1.5rem 0 1rem;
 width: 100%;
 font-size: 110%;
 line-height: 1;
 display: flex;
 justify-content: center;
 align-items: center;
 transition: .3s;
}
.kyujin .career-voice summary p::after {
 margin-left: 10px;
 font-size: 140%;
 font-family: "Material Symbols Outlined";
 content: "\e147";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
}
.kyujin details.career-voice[open] summary p { display: none; }
.kyujin .career-voice h5 {
 margin: 2rem 0 0.8rem;
 padding-left: 10px;
 border-left: 5px solid #6686a7;
 color: #6686a7;
 font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
 font-weight: bold;
 line-height: 1.1;
}
.kyujin .career-voice > p:last-of-type { margin-bottom: 3rem; }

@media screen and (min-width: 782px) {
.kyujin .career-voice summary picture { width: 35%; }
.kyujin .career-voice summary dl {
 margin-top: 1rem;
 margin-left: 60px;
 width: calc(65% - 60px);
}
}


/* 募集要項 -------------------------------------*/
.kyujin .fullw.bg-pink { margin-top: 3rem !important }
.kyujin .rec-details ul.job-tokyo {
 margin: 1rem 0 2rem;
 padding: 0;
}
.kyujin .rec-details .job-tokyo li {
 margin: 0 0 10px;
 padding: 12px 15px;
 width: 100%;
 border: 1px solid #aaa;
 list-style: none;
}

.kyujin .rec-details details { border-top: 1px solid #808080; }
.kyujin .rec-details details summary {
 padding: 1rem 1.8rem 1rem 0.6rem;
 color: #808080;
 font-size: 115%;
 font-weight: bold;
 line-height: 1.5;
 position: relative;
}
.kyujin .rec-details details:last-of-type {
 margin-bottom: 4rem;
 border-bottom: 1px solid #808080;
}
.kyujin .rec-details details summary::after {
 position: absolute;
 top: 50%;
 right: 5px;
 transform: translateY(-50%);
 font-size: 150%;
 font-family: "Material Symbols Outlined";
 content: "\e313";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
}
.kyujin .rec-details details[open] summary::after { content: "\e316"; }
.kyujin .rec-details dl {
 margin: 0.5rem 0.6rem 1.5rem;
 padding: 0;
}
.kyujin .rec-details dt {
 margin: 0;
 padding: 0;
 color: #c27070;
 font-size: 105%;
}
.kyujin .rec-details dd {
 margin: 0;
 padding: 0.2rem 0 1rem;
}

.kyujin .telno {
 margin: 0 0 0.5rem;
 padding: 2rem 0;
 width: 100%;
 border: 2px solid #f2f2f2;
 font-size: clamp(1.063rem, 0.994rem + 0.34vw, 1.25rem);
 font-weight: bold;
 text-align: center;
 line-height: 1.3;
}
.kyujin .telno span {
 color: #bd956e;
 font-size: 160%;
}


@media screen and (min-width: 768px) {
.kyujin .fullw.bg-pink { margin-top: 8rem !important; }
.kyujin .rec-details details summary { padding: 1.2rem 1.8rem 1.2rem 1rem; }
.kyujin .rec-details ul.job-tokyo {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.kyujin .rec-details .job-tokyo li { width: calc((100% - 10px) / 2); }
}


/*------------------------------------------------------
  Media Page
-------------------------------------------------------*/
.media .basic-hd .entry-header h1 {
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 500;
}
.media .basic-hd .entry-header h1 span {
 margin-top: 0;
 font-size: inherit;
}
.media .basic-hd .entry-header h1::before {
 display: block;
 content: "MEDIA";
 font-size: clamp(1.75rem, 1.068rem + 3.41vw, 3.625rem);
 font-weight: 300;
 font-family: "Montserrat", sans-serif;
 letter-spacing: 0.06em;
}

/* Slider ---------------------------------*/
.media .d-demo {
 position: relative;
 margin: 6rem calc(-50vw + 50%) 3rem !important;
 padding: 20px;
 width: 100vw !important;
 max-width: none !important;
}
.media .d-demo__wrap {
 display: flex;
 overflow: hidden;
 margin-top: -50px;
 margin-bottom: 10px;
}
.media .d-demo__list {
 display: flex;
 margin: 0;
 padding: 0 5px;
 list-style: none;
}
.media .d-demo__list--left { animation :infinity-scroll-left 65s infinite linear 0.5s both; }
.media .d-demo__item { width: 250vw; }
.media .d-demo__item > img{ width: 100%; }
.media .quote{
 font-size: 9px;
 color:#a2a2a2;
 font-style: oblique;
}

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.media ul.achievements {
 margin: 0 auto !important;
 padding: 0;
 max-width: 660px !important;
}
.media .achievements li {
 padding: 14px 0 10px;
 letter-spacing: 0.02em;
 border-bottom: 1px solid #d6cdc7;
 list-style: none;
}
.media .achievements li span {
 display: block;
 width: 4em;
 color: #796957;
 font-size: 0.75rem;
 font-family: 'Montserrat', sans-serif;
 letter-spacing: 0.03em;
 font-weight: 500;
 white-space: nowrap;   
}

@media screen and (min-width: 768px) {
.media .d-demo { padding-top: 100px; }
.media .d-demo__list { padding: 0 20px; }
.media .d-demo__item { width: 150vw; }
.media .achievements li { padding: 24px 0 20px; }
.media .achievements li span { display: inline-block; }
}



/*------------------------------------------------------
  Selfit Links Page
-------------------------------------------------------*/
.selfit-link .entry-header h1.entry-title {
	margin-bottom: 2rem;
 font-size: 0.75rem;
 font-family: 'Noto Sans JP', sans-serif;
 letter-spacing: 0.05em;
}
.selfit-link .entry-header h1.entry-title::before {
	display: block;
	content: "Links";
 font-size: clamp(2rem, 1.636rem + 1.82vw, 3rem);
 line-height: 1.3;
	letter-spacing: 0.15em;
}
.selfit-link ul.linklist {
	margin: 0 auto 3rem;
	padding: 0;
	width: 90%;
 max-width: 685px !important;
}
.selfit-link .linklist li {
	margin: 0 auto 1rem;
	padding: 0;
	max-width: 354px;
	min-height: 62px;
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	font-weight: bold;
	letter-spacing: 0.02em;
	list-style: none;
	position: relative;
	display: flex;
	align-items: center;
}
.selfit-link .linklist li::after {
	display: block;
	color: #bfb5ae;
	font-size: 140%;
	font-family: "Material Symbols Outlined";
 content: "\f591";
 font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.selfit-link .linklist li:hover,
.selfit-link details summary:hover { opacity: .6; }

.selfit-link .linklist li span {
	display: block;
	font-size: clamp(0.625rem, 0.602rem + 0.11vw, 0.688rem);
	letter-spacing: 0.1em;
}
.selfit-link .linklist li a {
	display: block;
	padding: 0.8rem 0;
	width: 70%;
	color: #404040;
}

.selfit-link .linklist li::before {
	content: "";
	width: 30%;
	height: 62px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}

.selfit-link .linklist li.studio::before {
	background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/icon_studio.png");
}
.selfit-link .linklist li.hakama {
	background-color: #f4f5f2;
	border-color: #b2b9a2;
}
.selfit-link .linklist li.hakama::before {
	background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/icon_hakama.png");
}
.selfit-link .linklist li.furisode {
	background-color: #ece5d4;
	border-color: #b8ab8c;
}
.selfit-link .linklist li.furisode::before {
	background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/icon_furisode.png");
}
.selfit-link .linklist li.makeup {
	background-color: #f5e8ec;
	border-color: #d4bac2;
}
.selfit-link .linklist li.makeup::before {
	background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/icon_makeup.png");
}
.selfit-link .linklist li.makeup:last-child::before { letter-spacing: normal; }

.selfit-link .entry-content > .wp-block-columns:not(.alignwide):not(.alignfull) {
 margin-bottom: 1rem;
 gap: 1rem;
 max-width: 685px !important;
}
.selfit-link details {
 margin: 0 auto 1rem;
	padding: 0;
	max-width: 354px;
	min-height: 62px;
 border: 1px solid #aaa;
 border-radius: 5px;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	font-weight: bold;
	letter-spacing: 0.02em;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.selfit-link details summary {
 margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 62px;
 border-radius: 5px;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	font-weight: bold;
	letter-spacing: 0.02em;
	position: relative;
	display: flex;
	align-items: center;
}
.selfit-link details summary::after {
	display: block;
	color: #bfb5ae;
	font-size: 140%;
	font-family: "Material Symbols Outlined";
 content: "\e147";
 font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
 transition: all .5s;
}
.selfit-link details[open] summary::after { content: "\e644"; }

.selfit-link details summary::before {
 content: "";
	width: calc(30% - 1rem);
	height: 62px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 10px 10px;
}
.selfit-link details.insta summary::before {
 background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/logo_instagram.png");
}
.selfit-link details.x-ac summary::before {
 background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/logo_x.png");
 background-size: 42%;
	background-position: 14px 13px;
}
.selfit-link details.fb summary::before {
 background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/logo_facebook.png");
}
.selfit-link details.tiktok summary::before {
 background-image: url("/wp/wp-content/themes/twentytwenty-child/img/selfit-link/logo_tiktok.png");
 background-size: 60%;
	background-position: 10px 5px;
}

.selfit-link details .wp-block-columns:not(.alignwide):not(.alignfull) {
 margin: 0;
 padding: 1rem 1rem 1.5rem;
 background-color: #f8f8f8;
 border-radius: 0 0 5px 5px;
}
.selfit-link details .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){
 margin: 0 0 0.5rem;
}
.selfit-link details p {
 font-size: clamp(0.625rem, 0.614rem + 0.06vw, 0.656rem);
 font-weight: normal;
 text-align: center;
 line-height: 1.4;
}


@media screen and (min-width: 782px) {
.selfit-link ul.linklist {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.selfit-link .linklist li {
 margin: 0 0 1rem;
 width: calc((100% - 1rem) / 2);
 }
}




/************************************************************:
  Archive: News
------------------------------------------------------------*/
.news.basic-hd .archive-header h1 {
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 500;
}
.news.basic-hd .archive-header h1 span {
 margin-top: 0;
 font-size: inherit;
}
.news.basic-hd .archive-header h1::before {
 display: block;
 content: "NEWS";
 font-size: clamp(1.75rem, 1.068rem + 3.41vw, 3.625rem);
 font-weight: 300;
 font-family: "Montserrat", sans-serif;
 letter-spacing: 0.06em;
}
.news .newslist {
 margin: 0 auto;
 padding: 0;
 max-width: 700px;
}
.newslist article {
 margin: 0;
 padding: 1.5rem 0;
 border-bottom: 1px solid #404040;
 font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.newslist article .entry-content {
 padding: 0 0.5rem;
 color: #a38e83;
}
.newslist article .entry-content a {
 display: block;
 color: #404040;
 font-size: 110%;
}
.newslist article .entry-content a:hover { opacity: .6; }


/************************************************************:
  Post: News
------------------------------------------------------------*/
.news-post.basic-hd .entry-header .entry-header-inner {
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 font-weight: 500;
 line-height: 1.3;
 letter-spacing: 0.1em;
}
.news-post.basic-hd .entry-header .entry-header-inner div {
 font-size: clamp(1.75rem, 1.068rem + 3.41vw, 3.625rem);
 font-weight: 300;
 font-family: "Montserrat", sans-serif;
 letter-spacing: 0.06em;
 text-transform: uppercase;
}
.news-post article {
 margin: 0 auto;
 padding: 0;
 max-width: 660px;
}
.news-post h1 {
 margin: 0 0 0.5rem;
 padding: 0.1em 0 0.5em 1rem;
 border-bottom: 1px solid #808080;
 font-size: clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);
 font-weight: 700;
 text-align: left;
 line-height: 1.4;
 position: relative;
}
.news-post .postdate {
 margin: 0 0 1.5rem 0.5rem;
 padding: 0;
 color: #a38e83;
 font-weight: bold;
}

.news-post h1::before {
 content: "";
 width: 5px;
 height: calc(100% - 0.4em);
 background-color: #808080;
 position: absolute;
 top: 0;
 left: 0;
}
.news-post .entry-content > p { margin-bottom: 1.5rem; }
.news-post li { margin-bottom: 0.5rem; }
.news-post .entry-content p a { border-bottom: 1px dotted; }

@media screen and (min-width: 768px) {
.news-post .postdate { margin-bottom: 2rem; }
.news-post .entry-content > p { margin-bottom: 2rem; }
}

/* Pagenation -----------------------------*/
#single-pager {
 margin: clamp(40px,12vw,80px) 0 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
#single-pager li {
 margin: 0 20px;
 font-size: clamp(0.625rem, 0.557rem + 0.34vw, 0.813rem);
 font-weight: 700;
 letter-spacing: 0.1em;
 list-style: none;
 transition: all .5s;
}
#single-pager li a {
 display: block;
 padding: 0.5rem;
 color: #a38e83;
 text-align: center;
 text-decoration: none;
 white-space: nowrap;
 transition: all .5s;
}
#single-pager li:hover,
#single-pager li a:hover { opacity: .6; }
#single-pager li:has(a) { border-bottom: 1px solid #a38e83; }


/*------------------------------------------------------
questionary  (満足度アンケート)
-------------------------------------------------------*/

.questionary .entry-content{
	text-align: center;
}

.questionary .selfit-link .linklist li::before{
	display: none;
}

.questionary .selfit-link .linklist li a{
	width: 100%;
}

.questionary .has-text-align-center .attention{
	display: block;
}

.questionary .entry-title{
	font-size: clamp(2rem, 1.636rem + 1.82vw, 2.2rem);
}