@charset "UTF-8";



/*==========================================================================
店舗一覧
============================================================================*/
#search_sp h2
	{
		font-size: 2.6rem;
	}
#search_sp .accordion
	{
		margin-top: 2.8rem;
	}
#search_sp .accordion__title
	{
		font-size: 1.6rem;
	}
#search_sp ul
	{
		background-color: #fff;
		width: 100%;
		padding: 0;
		color: #23503b;
		margin-top: 2.8rem;
	}
#search_sp li
	{
		list-style: none;
	}
#search_sp ul ul
	{
		height: 0;
		padding: 0;
		overflow: hidden;
		transition: .5s;
		background-color: #fff;
		margin:0;
	}
#search_sp ul li li
	{
		border-bottom: 1px dotted #23503b;
		background:#f1f5e1;
	}
#search_sp ul li li a
	{
		display: block;
		padding: 1.5rem 2.7rem;
	}
#search_sp ul:nth-of-type(1) li.active li:last-child
	{
		border-bottom:1px solid #333; 
	}
#search_sp button
	{
		position: relative;
		border: none;
		width: 100%;
		background-color: inherit;
		color: #23503b;
		cursor: pointer;
		text-align: left;
		padding: 1.5rem 2.7rem;
		font-size:1.6rem;
		border-top:1px solid #666;
	}
#search_sp .include-accordion > li:last-child > button
	{
		border-bottom: 1px solid #666;
	}
#search_sp button::before,
#search_sp button::after
	{
		content:"";
		position: absolute;
		top: 20px;
		width: 1.5px;
		height: 8px;
		background-color: #23503b;
		transition: .5s;
	}
#search_sp button::before
	{
		transform: rotate(-45deg);
		right: 35px;
	}
#search_sp button::after
	{
		transform: rotate(45deg);
		right: 30px;
	}

#search_sp li.active button::before
	{
		transform: rotate(-135deg);
		transition:.5s;
	}

#search_sp li.active button::after
	{
		transform: rotate(135deg);
		transition:.5s;
	}

ul:nth-of-type(2){ background-color: #357D87; }
ul:nth-of-type(2) ul{ background-color: #519FA5; border-top: 1px solid #5D9FA8; }
ul:nth-of-type(2) button:hover{ background-color: #1C4B56; }
ul:nth-of-type(2) li li{ border-bottom: 1px dotted #73BEBF; }
ul:nth-of-type(2) li.active li:last-child{ border-bottom:1px solid #5D9FA8; }

ul.active
	{ 
		overflow-y: auto; 
	}
/*==========================================================================
店舗情報============================================================================*/
#shop_list {
	padding-bottom: 0;

	.anchor {
		&:last-child {
			margin-bottom: 0;
		}
	}
}
#shop_list h2
	{
		font-size: 2.6rem;
		margin-bottom: 3.2rem;
	}
#ginza,#shinjuku,#hatsudai,#yokohama,#kawasaki,#ebina,#omiya,#koshigaya,#musashiurawa
	{
		margin-bottom: 11.2rem
	}
.name_shop
	{
		background: #23503b;
		color: #fff;
		text-align: center;
		font-size: 2.6rem;
		padding: 1rem 0;
		letter-spacing: 0.2rem;
	}
.shop_inner
	{
		width: 80%;
		margin: 0 auto;
	}
.txt_inner
	{
		padding: 3.7rem 0 0;
	}
.shop_info
	{
		color:#23503b;
		line-height: 1.6;
		letter-spacing: 0.1rem
	}
.shop_info th,
.shop_info td
	{
		width:100%;
		display:block;
	}
.shop_info th
	{
		font-family: "Zen Maru Gothic", system-ui;
		font-weight: 400;
		font-style: normal;
		border-left: 4px solid #abcd00;
		padding-left: 1rem;
		margin-bottom: 1rem;
	}
.shop_info td
	{
		margin-bottom: 3rem;
		padding-left: 1.5rem
	}
.area_map
	{
		margin: 0 auto;
		text-align: end;
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-end;
	}
.area_map .map iframe
	{
		width: 100%;
		height: 100%;
		aspect-ratio:290/200;
	}
.area_map p
	{
		position: relative;
		display: inline-block;
		padding-top: 1rem;
		text-decoration: underline;
		text-underline-offset: 0.5rem;
	}
.area_map p::after
	{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 8px;
		border-color: transparent transparent transparent #333;
		position: absolute;
		top: 0;
		right: -1.5rem;
		bottom: 0;
		margin: auto;
	}
.area_sns
	{
		color:#23503b;
		display: flex;
		justify-content: space-between;
		margin-top: 2rem;
	}
.area_sns li
	{
		margin-bottom: 1.9rem;
		text-decoration: underline;
		text-underline-offset: 0.5rem;
	}
.area_sns .ic_line
	{
		width:5rem;
		height: 5rem;
	}
.modal__trigger:nth-child(n + 2)
	{
		max-width: 50rem;
		margin:  4.5rem auto;
	}

/*フッターとの距離調整のため*/
div#kashiwa
	{
		margin-bottom: 10rem;
	}

/*武蔵浦和店オープン前限定CSS*/
.inactive_cta {
    background: #C9C9C9;
    color: #777777;
    padding: 1rem;
    font-size: 2rem;
    text-align: center;
    border-radius: 10px;
	margin-top: 7rem;
}
/*==========================================================================
ここから　pc 表示
============================================================================*/

@media (min-width: 1024px)
	{
		
		#search_pc
			{
				padding-bottom: 0;
			}
		#search_pc .inner
			{
				padding: 0 5rem;
			}
		#search_pc h2
			{
				font-size: 3.5rem;
				margin-bottom: 8rem;
			}
		#search_pc .area_flex__wrapper
		{
			display: flex;
			gap: 2rem;
			width: 1010px;
			margin:0 auto;
			justify-content: center;
		}
		#search_pc .area_flex 
			{
				width: 300px;
				margin:0 0 3rem 0;
				color: #23503b;
				line-height: 2.2;
				font-family: "Zen Maru Gothic", serif;
				font-weight: 500;
				font-style: normal;
			}
		#search_pc .prefectures
			{
				font-size: 2.7rem;
				margin-right: 8.5rem;
				display: inline-block;
			}
		#search_pc ul li
			{
				font-size: 1.9rem;
				display: inline-block;
				text-decoration: underline;
				text-underline-offset: 0.5rem;
				margin-right: 4.5rem;
			}
		.anchor
			{
				padding-top: 10rem;
				margin-top: -10rem;
			}
		#shop_list
			{
				width: 1010px;
				margin: 0 auto;
	
				.anchor {
					&:last-child {
						margin-bottom: 10rem;
					}
				}
			}
		#shop_list h2
			{
				font-size: 3.5rem;
				margin-bottom:8rem;
			}
		#ginza,#shinjuku,#hatsudai,#yokohama,#kawasaki,#ebina,#omiya,#koshigaya,#musashiurawa
			{
				margin-bottom: 20rem
			}
		.name_shop
			{
				font-size: 3rem;
				padding: 1.5rem 0;
			}
		.shop_inner
			{
				width: 100%;
				display: flex;
				justify-content: space-between;
			}
		.txt_inner
			{
				padding-top: 6rem;
			}
		.shop_inner .shop_info
			{
				width:50rem;
			}
		.shop_info tr
			{
				margin-bottom: 3.5rem;
				display: flex;
			}
		.shop_info th
			{
				width: 20%;
				font-size: 1.9rem;
				display: inline-block;
				margin-bottom: 0;
				height: 3rem;
			}
		.shop_info td
			{
				width: 80%;
				font-size: 1.9rem;
				display: inline-block;
				margin-bottom:0;
				padding-left: 3rem;
			}
		.txt_inner img
			{
				width:30rem;
				height: 20rem;
				object-fit: cover;
				display: block;
				margin-left: auto;
			}
		.area_other 
			{
				padding-top: 5.5rem;
				width: 43rem;
			}
		.area_other_img {
			width: 100%;
			height: 322px;
			object-fit: cover;
		}
		.area_other .modal-button 
			{
				margin: 1.5rem auto 0;
			}
		.area_map 
			{
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				text-align: left;
			}
		.area_map .map
			{
				width: 30rem;
				height: 20rem;
			}
		.area_map .map iframe
			{
				width: 100%;
				height: 100%;
			}
		.area_map p
			{
				display: block;
				text-align-last: end;
				padding-right: 2rem;
				font-size:1.6rem;
			}
		.area_map p::after 
			{
				top: 1rem;
				right: -0.2rem;
			}
		.area_sns
			{
				margin-top: 3rem;
			}
		.area_sns ul
			{
				display: flex;
			}
		.area_sns ul li
			{
				margin-right: 4rem;
				font-size: 1.6rem;
			}
		/*武蔵浦和店オープン前限定CSS*/
		.inactive_cta {  
				padding: 2rem;
				font-size: 2.8rem;
		}
	}