@charset "UTF-8";

[data-browse-mode="P"] {
	#footer {
		margin-top: 0;
	}

	body:not(:has(.page-top)) #footer {
		margin-top: 0;
	}

	.shop {
		padding: 6rem 0 0;
	}

	.shop_block_ {
		width: 100rem;
		margin-inline: auto;
	}

	.shop_title_ {
		margin: 0;
	}

	.shop_head_ {
		margin-top: 6rem;
		width: 48.1rem;
		margin-inline: auto;
	}

	.shop_group_ {
		margin-top: 6rem;
	}

	.area_navi {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 0.5rem;
		margin-top: 6rem;
	}

	.area_navi a {
		min-height: 7rem;
		display: grid;
		place-items: center;
		font-size: 1.6rem;
		position: relative;
		background: #F3F3F3;
	}

	.area_navi a::before {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 1rem;
		transform: translateY(-50%);
		border-left: 0.75rem solid transparent;
		border-right: 0.75rem solid transparent;
		border-top: 1rem solid #1A1311;
	}

	.shop_lists_ {
		padding: 6rem 0;
	}

	.shop_lists_:nth-of-type(odd) {
		background-color: #F5F5F5;
	}

	.todoufuken {
		font-size: 2rem;
		font-weight: bold;
		padding-left: 1.2rem;
		margin-bottom: 2rem;
		line-height: 1.75;
		position: relative;
		width: 100rem;
		margin-inline: auto;
	}

	.todoufuken::before {
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: .3rem;
		background-color: var(--green);
	}

	.shop_list {
		padding: 4rem 0;
		width: 100rem;
		margin-inline: auto;
		border-bottom: 1px solid #CCCCCC;
		display: flex;
	}

	.shop_map {
		width: 36.1rem;
		position: relative;
		overflow: hidden;
		padding-top: 22.35%;
	}

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

	.shop_left {
		width: 51rem;
		margin-right: auto;
	}

	.shop_bt_ {
		display: flex;
		gap: 1rem;
		margin-top: 1.8rem;
	}

	.shop_bt_ a {
		width: 25rem;
		min-height: 5rem;
		background-color: var(--green);
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 2.5rem;
		font-size: 1.6rem;
		font-weight: 500;
	}

	.shop_bt_ a::before {
		content: "";
		display: inline-block;
		width: 2.2rem;
		height: 2.2rem;
		margin-right: .5rem;
	}

	.shop_bt_ .shop_bt_used::before {
		background: url(../img/ico_used.png) center / contain no-repeat;
	}

	.shop_bt_ .shop_bt_store::before {
		background: url(../img/ico_shop.png) center / contain no-repeat;
	}

	.shop_name {
		font-size: 2rem;
		font-weight: bold;
	}

	.shop_add {
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.87;
		margin-top: 1rem;
	}
}

[data-browse-mode="S"] {
	.top-buy{
		margin-top: 0;
	}
	.shop {
		padding: 4.7rem 0 0;
	}

	.shop_title_ {
		margin: 0;
	}

	.shop_head_ {
		margin-top: 4rem;
		width: 29.5rem;
		margin-inline: auto;
	}

	.shop_group_ {
		margin-top: 3rem;
	}

	.area_navi {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
		margin-top: 4rem;
	}

	.area_navi a {
		min-height: 6rem;
		display: grid;
		place-items: center;
		font-size: 1.4rem;
		position: relative;
		background: #F3F3F3;
		border-radius: .5rem;
	}

	.area_navi a::before {
		content: '';
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 1rem;
		z-index: 5;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0.5rem 0 0.5rem .7rem;
		border-color: transparent transparent transparent #1A1311;
	}

	.shop_lists_ {
		padding: 4rem 2rem;
		margin: 0 -2rem
	}

	.shop_lists_:nth-of-type(odd) {
		background-color: #F5F5F5;
	}

	.todoufuken {
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 1rem;
		line-height: 1.6;
		position: relative;
		padding-left: 1.2rem;
	}

	.todoufuken::before {
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: .3rem;
		background-color: var(--green);
	}

	.shop_list {
		padding: 2rem 0 3rem;
		margin-inline: auto;
		border-bottom: 1px solid #CCCCCC;
	}

	.shop_map {
		position: relative;
		overflow: hidden;
		padding-top: 21.3rem;
		margin-top: 2rem;
	}

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

	.shop_bt_ {
		margin-top: 2rem;
		width: max-content;
		margin-inline: auto;
	}

	.shop_bt_ a {
		width: 30.5rem;
		min-height: 5rem;
		background-color: var(--green);
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 2.5rem;
		font-size: 1.4rem;
		font-weight: 500;
	}
	
	.shop_bt_ a + a{
		margin-top: 1rem;
	}
	.shop_bt_ a::before {
		content: "";
		display: inline-block;
		width: 2.2rem;
		height: 2.2rem;
		margin-right: .5rem;
	}

	.shop_bt_ .shop_bt_used::before {
		background: url(../img/ico_used.png) center / contain no-repeat;
	}

	.shop_bt_ .shop_bt_store::before {
		background: url(../img/ico_shop.png) center / contain no-repeat;
	}

	.shop_name {
		font-size: 1.8rem;
		font-weight: bold;
	}

	.shop_add {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.87;
		margin-top: 1rem;
	}
}