@charset "utf-8";

/* aboutUs ----------*/
#aboutUs { padding-bottom: 8rem; }
#aboutUs .w { display: flex; }
#aboutUs .pw { width: 50%; }
#aboutUs .tw { width: 50%; padding-right: 10vw; }
#aboutUs .tw .stw { max-width: 47rem; margin-left: auto; }
#aboutUs .tw1 { margin-top: 17rem; }
#aboutUs .tw1 .top_h2 { margin-bottom: 5rem; }
#aboutUs .tw2 { margin-top: 12rem; }
#aboutUs .tw2 ul {}
#aboutUs .tw2 ul li { margin-top: 3rem; }
#aboutUs .pw_container { position: relative; left: -18rem; height: calc(100% - 14rem); max-width: 72.4rem; overflow: hidden; }
#aboutUs .pw_container .image_list { position: absolute; display: flex; flex-direction: column; width: 35rem !important; width: 100%; gap: 2.4rem; }
#aboutUs .pw_container .image_list li { width: 35rem; aspect-ratio: 35 / 52; }
#aboutUs .pw_container .image_list li img { width: 100%; height: 100%; object-fit: cover; }
#aboutUs .pw_container .image_list_1 { top: 0; right: 0; }
#aboutUs .pw_container .image_list_2 { bottom: 0; right: calc(35rem + 2.4rem); }
#aboutUs .association_logo { max-width: 23rem; margin-top: 4rem; }
#aboutUs .p1 { max-width: 37rem; aspect-ratio: 36 / 19; margin-top: 12rem; margin-left: auto; margin-right: -14rem; }
#aboutUs .p1 img { width: 100% !important; height: auto !important; }
#aboutUs .p2 { aspect-ratio: 46 / 30; margin-top: 6rem; }
#aboutUs .w2 { display: flex; flex-wrap: wrap; margin-top: 10rem; gap: 14%; }
#aboutUs .w2 .wl { width: 43%; }
#aboutUs .w2 .wr { width: 43%; padding-top: 22rem; }
#aboutUs .p3 { aspect-ratio: 46 / 30; margin-top: 6rem; }
#aboutUs .bfore_after { margin-top: 12rem; }
#aboutUs .bfore_after .before { margin-top: 10rem; }
#aboutUs .p4 { aspect-ratio: 18 / 23; }
@media screen and (max-width:896px) { /* m */
	#aboutUs .pw_container { left: -10rem;  }
	#aboutUs .w2 { gap: 7%; }
	#aboutUs .w2 .wl { width: 46.5%; }
	#aboutUs .w2 .wr { width: 46.5%; }
}
@media screen and (max-width:480px) { /* s */
	#aboutUs .w { display: block; }
	#aboutUs .pw { width: 100%; }
	#aboutUs .tw { width: 100%; padding: 0 2rem; }
	#aboutUs .pw_container { left: -2rem; height: 120vw; max-width: calc(89.6vw + 1rem);}
	#aboutUs .pw_container .image_list { width: 44.8vw !important; gap: 1rem; }
	#aboutUs .pw_container .image_list li { width: 44.8vw; }
	#aboutUs .pw_container .image_list_2 { right: calc(44.8vw + 1rem); }
	#aboutUs .tw1 { margin-top: 6rem; }
	#aboutUs .p1 { margin-top: 8rem; margin-right: -2rem; }
	#aboutUs .w2 { display: block; }
	#aboutUs .w2 .wl { width: 100%; }
	#aboutUs .w2 .wr { width: 100%; padding-top: 6rem; }

}

.multilingual #headerLogo,
.multilingual #headerNav,
.multilingual #reservation,
.multilingual #navBar { opacity: 1;display: block; }

.multilingual .multilingual{
	background-color: #e2ccbf;
}
.multilingual .multilingual__eye img{
	width: 100%;
}

.multilingual #footer{
	z-index: 0;
}

.multilingual .sans.en{
	text-align: center;
}

.multilingual #top01 .inner.-ss{
	padding: 0 !important;
}
@media screen and (max-width:896px) { /* m */
	.multilingual #top01{
		margin-top: 4rem;
	}
}

.multilingual #top01 .inner.-ss p{
	padding: 0 2rem;
}

.multilingual #top02{
	background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.multilingual #top02 .inner{
	display: flex;
	justify-content: space-between;
}
.multilingual #top02 .inner ul{
	max-width: 340px;
	margin-top: 40px;
}
.multilingual #top02 .inner ul li{
	background-color: rgba(255,255,255,0.6);
	margin-top: 20px;
	padding: 1em 1.5em;
}
@media screen and (max-width:896px) { /* m */
	.multilingual #top02{
		background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img02_sp.jpg);
	}
	.multilingual .top_h2{
		text-align: center;
		margin-top: 20px;
	}
	.multilingual #top02 .inner{
		display: block;
		padding: 0 30px 150px;
	}
	.multilingual #top02 .inner ul{
		max-width: 100%;
		margin-top: 20px;
	}
	.multilingual #top02 .inner ul li{
		margin-top: 20px;
		padding: 1em 1.5em;
	}
}

.multilingual .top_h3{
	font-size: 2.4rem;
}
.multilingual p{
	text-align: left;
}
.multilingual #menu{
	
}
.multilingual .menu_box{
	padding: 5em 0;
	background-position: center center;
	background-size: cover;
}
.multilingual .menu_box_texts{
	background-color: #fff;
	padding: 1.5em;
	max-width: 450px;
}
.multilingual #menu .top_h2{
	margin-bottom: 30px;
}
.multilingual #menu .top_h3 .j{
	font-size: 0.8em;
}
.multilingual #menu .menu_box {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.multilingual #menu .menu_box01 {
	background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img06.jpg);
}
.multilingual #menu .menu_box02 {
	background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img07.jpg);
}
.multilingual #menu .menu_box03 {
	background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img08.jpg);
}
@media screen and (max-width:896px) { /* m */
	.multilingual #menu .menu_box {
		padding-bottom: 240px;
		padding-top: 40px;
	}
	.multilingual #menu .menu_box01 {
		background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img06_sp.jpg);
	}
	.multilingual #menu .menu_box02 {
		background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img07_sp.jpg);
	}
	.multilingual #menu .menu_box03 {
		background-image: url(/wp-content/themes/patora2025/assets/img/multilingual/img08_sp.jpg);
	}
}

.multilingual #menu {
	
}
.multilingual #menu {
	
}
.multilingual #menu {
	
}
.multilingual #menu {
	
}
.multilingual .multilingual__bottom img {
	width: 100%;
}

/*
 salon
==============================*/

/* shopList ----------*/
#shopList .h2 { margin-bottom: 2.4rem; }
.top_h2 { margin-bottom: 6rem; }

/* shop_area ----------*/
.shop_area { padding-top: 9rem; }
.shop_area .h3.before_diamond { text-transform:uppercase; }

/* shop_list ----------*/
.shop_list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3.6rem; }
.shop_list > li { display: grid; grid-template-rows: subgrid; grid-row: span 5; gap: 1rem; }
.shop_list > li > span {}
.shop_list > li > .pw { position: relative; aspect-ratio: 3 / 2; }
.shop_list > li > .tw { display: contents; }
.shop_list > li > .tw h4 { border-bottom: solid 1px rgba(158,133,119, 0.2); padding-bottom: 1.3rem; padding-top: 0.5rem; }
.shop_list > li > .tw h4 a { display: flex; align-items: center; text-decoration: none; font-size: 1.8rem; font-weight: var(--semibold); color: #38251D; }
.shop_list > li > .tw h4 a i { margin-left: auto; }
.shop_list > li > .tw .info { border-bottom: solid 1px rgba(158,133,119, 0.2); padding-bottom: 1.3rem; margin-bottom: 2rem; }
.shop_list > li > .tw .info li { margin-top: 1rem; display: flex; gap: 0.5rem; font-size: 1.4rem; font-weight: var(--regular); font-family: "Noto Sans JP", sans-serif; line-height: 1.85; }
.shop_list > li > .tw .info .add {  }
.shop_list > li > .tw .info .acc {}
.shop_list > li > .tw .info .hou {}
.shop_list > li > .tw .info li::before { position: relative; top: 0.3em; flex-shrink: 0; content: ""; display: block; width: 1.7rem; height: 1.7rem; background-repeat: no-repeat; background-position: center; background-size: contain;  }
.shop_list > li > .tw .info .add::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.5 0C6.776 0 5.123 0.675 3.904 1.877 2.685 3.079 2 4.709 2 6.409c-.058 1.163.259 2.314.906 3.287L8.5 17l5.594-7.305c.616-.987.931-2.128.907-3.287 0-1.699-.684-3.328-1.902-4.53C11.874.677 10.222.002 8.5 0zm0 3.712c.541 0 1.07.158 1.52.455.45.296.8.717 1.007 1.209.207.493.261 1.035.156 1.558-.106.524-.366 1.004-.748 1.381-.383.378-.87.635-1.4.739-.531.105-1.081.051-1.581-.153-.5-.204-.927-.55-1.228-.994-.3-.444-.46-.965-.46-1.499 0-.715.288-1.401.801-1.906S7.774 3.712 8.5 3.712z' fill='%23AA0027'/%3E%3C/svg%3E"); }
.shop_list > li > .tw .info .acc::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.5 0C5 0 1.5.445 1.5 3.576v8.504c.003.832.327 1.63.901 2.217.574.587 1.352.916 2.162.914L3.25 16.55V17h1.953l1.75-1.788h3.298l1.75 1.788h1.75v-.445L12.438 15.215c.81.002 1.587-.326 2.161-.913.574-.587.899-1.384.901-2.217V3.584C15.5.445 12.367 0 8.5 0zM4.563 13.422a1.69 1.69 0 01-1.223-.54 1.69 1.69 0 01-.362-1.28c.051-.26.176-.498.359-.684.183-.186.415-.313.668-.364.253-.052.515-.025.753.076.238.101.441.273.584.493.143.22.22.479.22.744 0 .177-.034.352-.1.515-.066.163-.162.311-.284.436-.122.125-.267.224-.426.291-.159.068-.33.102-.502.101zm3.063-6.259H3.25V3.587h4.375V7.163zm1.75 0V3.587h4.375V7.163h-4.375zm3.063 6.259a1.69 1.69 0 01-1.223-.54 1.69 1.69 0 01-.362-1.28c.051-.26.176-.498.359-.684.183-.186.415-.313.668-.364.253-.052.515-.025.753.076.238.101.441.273.584.493.143.22.22.479.22.744 0 .177-.034.352-.1.515-.066.163-.162.311-.284.436-.122.125-.267.224-.426.291-.159.068-.33.102-.502.101z' fill='%23AA0027'/%3E%3C/svg%3E"); }
.shop_list > li > .tw .info .hou::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.50684 1.5C7.12237 1.5 5.76899 1.91054 4.61785 2.67971C3.4667 3.44888 2.5695 4.54213 2.03968 5.82122C1.50987 7.1003 1.37125 8.50776 1.64134 9.86563C1.91144 11.2235 2.57812 12.4708 3.55709 13.4497C4.53606 14.4287 5.78334 15.0954 7.14121 15.3655C8.49907 15.6356 9.90654 15.497 11.1856 14.9672C12.4647 14.4373 13.558 13.5401 14.3271 12.389C15.0963 11.2378 15.5068 9.88447 15.5068 8.5C15.5068 7.58075 15.3258 6.67049 14.974 5.82122C14.6222 4.97194 14.1066 4.20026 13.4566 3.55025C12.8066 2.90024 12.0349 2.38463 11.1856 2.03284C10.3363 1.68106 9.42609 1.5 8.50684 1.5ZM12.1417 9.57692H8.10275C8.06711 9.57692 8.03293 9.56276 8.00773 9.53756C7.98253 9.51236 7.96838 9.47819 7.96838 9.44255V3.78822C7.96838 3.75258 7.98253 3.7184 8.00773 3.6932C8.03293 3.668 8.06711 3.65385 8.10275 3.65385H8.91189C8.94753 3.65385 8.98171 3.668 9.00691 3.6932C9.03211 3.7184 9.04627 3.75258 9.04627 3.78822V8.5H12.1398C12.1754 8.5 12.2096 8.51415 12.2348 8.53935C12.26 8.56455 12.2741 8.59873 12.2741 8.63437V9.44255C12.2748 9.46043 12.2718 9.47827 12.2655 9.49501C12.2592 9.51175 12.2495 9.52705 12.2372 9.54002C12.2249 9.55298 12.2101 9.56335 12.1937 9.57052C12.1773 9.57769 12.1596 9.58151 12.1417 9.58176V9.57692Z' fill='%23AA0027'/%3E%3C/svg%3E"); }
.shop_list > li > .tw .reservation { display: block; }
@media screen and (max-width:1024px) { /* l */
	.shop_list { grid-template-columns: 1fr 1fr 1fr; }
}
@media screen and (max-width:796px) {
	.shop_list { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width:480px) { /* s */
	.shop_list { grid-template-columns: 1fr; }
}

/* shopDetail ----------*/
#shopDetail {}
#shopDetail .w { display: flex; gap: 6rem; }
#shopDetail .w .pw { width: calc(50% - 3rem); }
#shopDetail .w .pw .para { aspect-ratio: 59 / 41; }
#shopDetail .w .tw { width: calc(50% - 3rem); }
@media screen and (max-width:1024px) { /* l */
	#shopDetail .w { display: block; }
	#shopDetail .w .pw, #shopDetail .w .tw { width: 100%; }
	#shopDetail .w .tw { margin-top: 4rem; }
}

/* blog ----------*/
#blog {}
#blog .btw { text-align: center; margin-top: 6rem; }

/* staff ----------*/
#staff {}
#staff .staff_list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10rem; overflow: hidden; }
#staff .staff_list li { position: relative; }
#staff .staff_list li::after { content: ""; border-right: solid 1px #d6cbc4; position: absolute; width: 0; height: 100%; top: 0; right: -5rem; }
#staff .staff_list li .pw {}
#staff .staff_list li .pw .para { aspect-ratio: 20 / 27; }
#staff .staff_list li .tw { margin-top: 2.4rem; }
#staff .staff_list li .tw .d { font-size: 1.2rem; }
#staff .staff_list li .tw .n { font-size: 2.2rem; font-weight: var(--semibold); }
@media screen and (max-width:896px) { /* m */
	#staff .staff_list { grid-template-columns: 1fr 1fr 1fr; }
}
@media screen and (max-width:480px) { /* s */
	#staff .staff_list { grid-template-columns: 1fr 1fr; gap: 6rem; }
	#staff .staff_list li::after { right: -3rem; }
}

/* access ----------*/
#access iframe{ width: 100%; }



@media (max-width: 767px) {
	#aboutUs .w2{
		margin-top: -60px !important;
	}
	#aboutUs .wl,#aboutUs .wr {
		display: flex;
		flex-direction: column;
	}
	#aboutUs .wl .p3,#aboutUs .wr .p3 {
		order: 1;
		margin-bottom: 20px;
	}
	#aboutUs .wl .top_h3,#aboutUs .wr .top_h3 {
		order: 2;
	}
	#aboutUs .wl .sans,#aboutUs .wr .sans {
		order: 3;
	}
	#aboutUs .w2 .wr{
		padding-top: 0 !important;
	}
}

#footerLinks .links .link_2 .ww2{
	width: 100%;
}

#footerLinks .links .link_2 .ww2 ul{
	columns: 1;
}

#footerLinks .links .link_2 .ww .colum{
	display: flex;
	gap: 40px;
}

/* 最低限のモーダル骨組み */
/* モーダル外枠：常に最前面＆画面全体 */
.modal{
	display:block;              /* フェード用に block のまま制御 */
	position:fixed; inset:0;
	opacity:0; visibility:hidden;
	transition:opacity .3s ease, visibility .3s ease;
	z-index:2147483647 !important; /* ← 事実上の最大値 */
	pointer-events:none;           /* 非表示時のクリック無効 */
}
.modal.is-open{
	opacity:1; visibility:visible;
	pointer-events:auto;
}

/* 画面全体の黒背景 */
.modal__overlay{
	position:fixed; inset:0;
	background:rgba(0,0,0,.6);
	z-index:0 !important;
}

/* モーダル本体（最前面に） */
.modal__content{
	position:fixed; top:50%; left:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	width:calc(100% - 32px); max-width:960px;
	max-height:calc(100% - 32px); overflow:auto; padding:20px 30px 30px;
	opacity:0; transition:opacity .3s ease, transform .3s ease;
	z-index:1 !important;
}
.modal.is-open .modal__content{
	opacity:1; transform:translate(-50%,-50%);
	text-align: center;
}

/* 閉じるボタンは更に上 */
.modal__close{
	position:absolute; 
	top: 10px;
	right: 20px;
	z-index:2 !important;
	background:transparent; border:0; font-size:24px; cursor:pointer;
}

/* スクロール固定 */
html.is-fixed, body.is-fixed{ overflow:hidden; }
.modal__close{position:absolute;top:8px;right:8px;background:transparent;border:0;font-size:24px;cursor:pointer}
.modal__title{margin:0 0 12px}
.modal__map {
	position: relative;
	width: 100%;
	/* 比率を指定：16:9 */
	padding-top: 56.25%;
	overflow: hidden;
	border-radius: 4px; /* 任意 */
}

.modal__map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

body.is-fixed{overflow:hidden}

/* 体裁用の最小ボタン（任意） */
.btn-red,.btn-reserve{display:inline-block;padding:.6em 4.2em;text-decoration:none}
.btn-red{background:#b3002d;color:#fff;border-radius:2em}
.btn-reserve{background:#b3002d;color:#fff;border-radius:6px}

.modal.is-open .modal__content .top_h2{
	text-align: center;
	margin-bottom: 20px;
	padding: 0 0 10px;
}
	
.modal__info{
	text-align: left;
	margin: 1em 0 2em;
}
.modal__info li{
	margin-bottom: 0.6em;
	line-height: 1.5;
	position: relative;
	padding-left: 1.2em;
}
.modal__info li span{
	position: absolute;
	left: 0;
}

#wpadminbar { display: none; }

#reservation.langChange{
	background-color: #38251e;
	border-radius: 20px;
	color: #fff;
	padding: 0 1.4rem;
}
#reservation.langChange a{
	border-radius: 10rem;
	background: none;
	padding: 1rem 0.8rem;
}