@charset "utf-8";

/* CSS Document */

/* ======================================================
	[original]
	@import"../css/test_line.css";
	------------------------------------------------------
	○px以上 + 印刷モード	@media print, screen and (min-width : ○px) {}
	○px以上				@media (min-width : ○px) {}
	○px以下				@media (max-width : ○px) {}
	------------------------------------------------------
	 [sp]		     ～  599	
	([tablet]	 600 ～     )
	 [pc]		1025 ～
====================================================== */
/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
}

/* [print] */
@media print {
}


:root
{
	--w							: 255 255 255;
	--bk						: 0 0 0;

	--gap						: 3em;
}


/* ------------------------------------------------------------------------------------------------------------
	<web font>
*/
.G,
.Header .GlobalMenu .name,
.Header .Access .title_global,
.sideArea,
.CategoryTitle .head .title,
.Drawer .drawer_title,
.Drawer .name
{
	font-family: 'Poller One', cursive;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

.GNL,
.Sitemap .ClassShopOffice .name em
{
	font-family: 'M PLUS 2', sans-serif;
	font-weight: 300;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

.GNB
{
	font-family: 'M PLUS 2', sans-serif;
	font-weight: 700;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

.GNBlack,
.Header .ClassTel .Num,
.CategoryTitle h1 .title_sub,
.ClassShopOffice .name em,
.Drawer .title_sub
{
	font-family: 'M PLUS 2', sans-serif;
	font-weight: 900;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

.NarR
{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

.NarB
{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

.NarConThin,
.Reform h2
{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 100;
	letter-spacing: normal;
	transform: rotate(0.03deg);
}

/* M */
.M_regular
{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.M_bold,
.outside .ClassSoukiex
{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.M_black,
.outside .ClassSoukiex .title
{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
}

/* ------------------------------------------------------------------------------------------------------------
	<color>
*/
/* <color> OR */
.AmericanGarage .result .title,
.AmericanGarage .information .detail .title,
.AmericanGarage h2+.title_sub
{
	background-color: rgba(235,161,29,1.0);
	color: rgba(255,255,255,1.0);
}

.AmericanGarage .osusume .main .title .Num,
.AmericanGarage .information .main .lead a
{
	color: rgba(235,161,29,1.0);
}

.AmericanGarage .osusume .main .point1:before,
.AmericanGarage .osusume .main .point2:before
{
	border-color: rgba(235,161,29,1.0);
}

sup.Required,
sub.Required,
.Required:before,
.Required:after,
.Alert,
.error_txt,
.Message,
.ErrorMessage,
.NewMark,
.NewMark:before,
.PDF a:before,
.PDF a[target="_blank"]:before
{
	color: rgba(255,193,7,1.0);
}


/* ------------------------------------------------------------------------------------------------------------
	<文字>
*/
.CategoryTitle
{
}

.CategoryTitle h1
{
}

.CategoryTitle h1 :where(.title, .title_sub)
{
}
/*
[230912]★未決★　文字で切り抜き
	background-image:url(../img/category_SHOP-OFFICE_bg.jpg);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
*/

.CategoryTitle h1 .title
{
	font-size: 3.375em;
}

.CategoryTitle h1 .title_sub
{
	font-size: 1.125em;
}

.CategoryTitle.photo
{
	height: initial;
}

.CategoryTitle.photo .h1_img
{
	position: relative;
	top: initial;
	left: initial;
	right: initial;
	bottom: initial;
}

.CategoryTitle.photo .h1_img img
{
	height: auto;
	opacity: 1.0;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.CategoryTitle
{
	padding: 1em;
	margin-bottom: 3em;
}

.CategoryTitle>.Wrap
{
	height: auto;
}

.CategoryTitle h1
{
}

.CategoryTitle h1 .title
{
	font-size: 1.5em;
}

.CategoryTitle h1 .title_sub
{
	font-size: 1em;
}

}

/* [print] */
@media print {
}


h2
{
}

h2:before
{
	content: url("../img/arch.svg");
	display: block;
	height: 3em;
	overflow: hidden;
	margin-bottom: 0.5em;
}

h2>b
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
	width: 100%;
}
/*
	max-width: calc(100% - ((5em + 1em) * 2));
*/

h2>b:before,
h2>b:after
{
	content: "";
	display: block;
	width: 5em;
	height: 0px;
	border-top-width: 3px;
	border-color: rgba(255,255,255,0.7);
}
/*
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
*/

h2>b:before
{
	border-radius: 100em 0em 0em 100em;
}
/*
	right: calc(100% + 1em);
*/

h2>b:after
{
	border-radius: 0em 100em 100em 0em;
}
/*
	left: calc(100% + 1em);
*/

h2>b>span
{
	max-width: calc(100% - ((5em + 1em) * 2));
	text-align: justify;
}

.Index h2.title
{
}

:is(.Index, .Renovation) h2:before,
:where(.Index, .Renovation) h2>b:before,
:where(.Index, .Renovation) h2>b:after
{
	content: none;
}

.Reform h2>b>span
{
	max-width: initial;
}

h2 .Img
{
}

h2 .Img img
{
	width: auto;
}

/* [ - sp] */
@media (max-width : 599px) {
h2>b:before,
h2>b:after
{
	width: 10vw;
}

h2>b>span
{
	max-width: calc(100% - ((10vw + 1em) * 2));
}

}



h3
{
}

h3>b
{
	font-size: 1.2em;
}



/* ------------------------------------------------------------------------------------------------------------
	<block>
*/
body
{
	background-attachment: fixed;
	background-image: url(../img/index_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	letter-spacing: normal;
}

section:nth-of-type(even),
.section:nth-of-type(even)
{
	background-color: transparent;
}

/* [pc, tablet, print] */
@media (min-width : 1068px) {
	#Index
	{
	}
	
	.Index .Ct1 a,
	.Index .News>.Wrap
	{
		width: 1068px;
	}
	
}

@media (max-width : 1067px) {
	#Index
	{
	}
	
	.Index .Ct1 a,
	.Index .News>.Wrap
	{
	}
	
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
/* [230922]校正　spは上下の空き不要 */
:is(section, .section, article):nth-of-type(odd)
{
	padding-top: 0;
	padding-bottom: 0;
}

/* [230928]　index・動画の上は空ける */
.Index .Movie
{
	padding-top: 5em;
}

.Index .instagram
{
	padding-top: 0em;
}

/* [230922]校正　spは上下の空き不要、だけど、.Reformは無いと困る */
.Reform :is(section, .section, article):nth-of-type(odd)
{
	margin-top: 3em;
	margin-bottom: 3em;
}
}

/* [print] */
@media print {
}


.ColorBtn
{
	min-width: initial;
	border-width: 2px;
	font-weight: bold;
}

.ColorBtn,
.ColorBtn:before,
.ColorBtn>*
{
	border-radius: 0.5em;
}

.ColorBtn:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0em;
	left: 0;
	background-color: rgba(0,0,0,1.0);
	border-left-width: 0.25em;
	border-bottom-width: 0.5em;
	border-style: solid;
	box-sizing: content-box;
	border-radius: 0.75em;
}
/*
	border-color: red;
*/

.ColorBtn>*
{
	display: block;
	background-color: rgba(255,255,255,1.0);
	padding: 0.5em 1em;
}

input.ColorBtn
{
	background-color: rgba(255,255,255,1.0);
}

input.ColorBtn:before,
input.ColorBtn:after
{
	content: none;
}


.Gallery
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
:where(.CustomHome .Procedure, .AmericanGarage .osusume) .Gallery>ul
{
	flex-direction: column;
}

:where(.CustomHome .Procedure, .AmericanGarage .osusume) .Gallery>ul>li
{
	width: 100%;
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<table>
*/
table
{
}

td
{
	background-color: transparent;
}

/* [ - sp] */
@media (max-width : 599px) {
th,
td
{
	padding-left: 0;
	padding-right: 0;
}

th
{
	padding-bottom: 0;
}

td
{
	padding-top: 0;
}
}


/* ------------------------------------------------------------------------------------------------------------
	<logo>
*/
.Logo
{
}

.Logo .Img
{
}

.Logo .Img img
{
	min-height: initial;
	max-height: initial;
}
/*
	min-height: 3em;
	max-height: 5em;
*/

.Header .Logo
{
}

.Header .Logo .Img img
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.Logo .Img img
{
	height: 6.5em;
}
/*
	width: 8em;
*/

}
/* [ - sp] */
@media (max-width : 599px) {
.Header .Logo
{
}

.Header .Logo .Img img
{
	height: 2.5em;
}

}

.Footer .Logo
{
}

.Footer .Logo .Img img
{
}


/* ------------------------------------------------------------------------------------------------------------
	<SNS>
*/
.Drawer .SNS
{
	font-size: 1.2em;
}


/* ------------------------------------------------------
	<外部>
	[260206-1100/260212-1045]新規　『EX』へリンク
*/
.Drawer .Menu>.Wrap .Ex
{
	text-align: center;
}

.Drawer .Menu>.Wrap .Ex :is(a, .a)
{
	text-decoration-line: none;
}

.Drawer .Menu>.Wrap .Ex .title
{
	justify-content: center;
}
.Drawer .Menu>.Wrap .Ex .title .name
{
	color: inherit;
}


.Footer .outside
{
	border-top-width: 0;
}


.outside
{
	display: grid;
	justify-content: center;
	justify-items: center;
	
}

.outside :is(a, .a)
{
	text-decoration-line: none;
}


/* [260206-1100/260212-1045]新規　『EX』へリンク */
.outside .ClassSoukiex
{
	--theme					: 181 133 3;
	--theme_bright			: 218 194 129;

	display: grid;
	justify-content: center;
	justify-items: center;

	color: rgb(var(--theme));
}

.outside .ClassSoukiex :is(a, .a)
{
	display: grid;
	gap: 0.5em var(--gap);

	padding: calc(var(--gap) / 2) var(--gap) calc(var(--gap) / 1.5);

	border-width: 5px;
	border-color: rgb(var(--w));

	line-height: 1;

	overflow: hidden;

	--move					: 0;
	--blur					: 0.5em;
	--shadow_color			: rgb(var(--bk));
	text-shadow:
		var(--move) var(--move) var(--blur) var(--shadow_color),
		var(--move) var(--move) var(--blur) var(--shadow_color)
	;
}
.outside .ClassSoukiex :is(a, .a)::before
{
	aspect-ratio: 1;
	
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: calc(100% + (1px * 2));
	height: 100%;

	background-image: url(../soukiex/gradation.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	opacity: 0.5;

	z-index: -2;
}
.outside .ClassSoukiex :is(a, .a)::after
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;

	background-color: rgb(var(--bk));
	z-index: -3;
}

.outside .ClassSoukiex :is(a, .a)>*::before
{
	content: none;
}


.outside .ClassSoukiex .text
{
	order: 1;
	color: rgb(var(--theme_bright) / 0.85);
	color: rgb(var(--w));
	margin-bottom: 1em;
}


.outside .ClassSoukiex .catch
{
	order: 2;
}


.outside .ClassSoukiex .title
{
	order: 3;
}

.outside .ClassSoukiex .title .name
{
	display: none;
}

.outside .ClassSoukiex .title_footer
{
	font-size: 3.5em;
}

.outside .ClassSoukiex .title_footer::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 200%;
	height: calc(100% + 0.125em);
	background-color: rgb(var(--bk) / 0.5);
	border-width: 1px 0;
	border-color: rgb(var(--theme_bright) / 0.3);

	z-index: -1;
}


.Drawer .outside .ClassSoukiex
{
}

.Drawer .outside .ClassSoukiex :is(a, .a)
{
}


/* ------------------------------------------------------------------------------------------------------------
	[240430-1035]
	<外部>　アットホーム埋め込み
	あか　#cc1d32, rgba(204,29,50,1.0)
	あお　#0096da, rgba(0,150,218,1.0)
*/
#at_home
{
	--red: rgba(204,29,50,1.0);
	--blue: rgba(0,150,218,1.0);
	
	padding: 3em 0;
	background-color: rgba(240,238,230,1.0);
	background-color: rgba(255,250,203,1.0);
/*
	overflow: hidden;
*/	
	
	/* dott */
	--dott_color: rgba(117,47,22,0.15);
	--dott_color: rgba(255,193,7,0.25);
	--dott_color: rgba(255,152,0,0.25);
	--dott_step: 24%;
	--dott_size: 0.5em;
	background-image:
		radial-gradient(var(--dott_color) var(--dott_step), transparent calc(var(--dott_step) * 2)),
		radial-gradient(var(--dott_color) var(--dott_step), transparent calc(var(--dott_step) * 2))
	;
	background-size: calc(var(--dott_size) * 2)calc( var(--dott_size) * 2);
	background-position: 0 0, var(--dott_size) var(--dott_size);
	
	--flower_width: 90%;
	--flower_height: 120%;
}

#at_home:before,
#at_home:after
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 47.5%;
	width: var(--flower_width);
	height: var(--flower_height);
	transform: translateX(-50%) translateY(-50%);
	opacity: 1.0;
}

#at_home:before
{
	background-color: var(--red);
	background-color: #fff;
	z-index: 1;
	
	/* flower11 */
	--g:/21.98% 21.98% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
	mask:
		100% 50% var(--g),
		92.063% 77.032% var(--g),
		70.771% 95.482% var(--g),
		42.884% 99.491% var(--g),
		17.257% 87.787% var(--g),
		2.025% 64.087% var(--g),
		2.025% 35.913% var(--g),
		17.257% 12.213% var(--g),
		42.884% 0.509% var(--g),
		70.771% 4.518% var(--g),
		92.063% 22.968% var(--g),
		radial-gradient(
			100% 100%,
			#000 37.43%,
			#0000 calc(37.43% + 1px)
		)
	;
}

#at_home:after
{
	background-color: rgba(47,27,20,0.75);
	background-color: var(--red);
	background-color: rgba(0,0,0,0.75);
	z-index: 2;
	
	/* flower11_line */
	--flower11_line_width: 5px;
	--flower11_line_curve_cut: 8.514px;
	--g:/calc(21.981% + 3.743px) calc(21.981% + 3.743px) radial-gradient(#0000 calc(70% - var(--flower11_line_width)),#000 calc(71% - var(--flower11_line_width)) 70%,#0000 71%) no-repeat;
	mask:
		radial-gradient(
			100% 100%,
			#0000 calc((21.981% + 3.743px)/0.588 - var(--flower11_line_curve_cut)),
			#000 calc((21.981% + 3.743px)/0.588 - var(--flower11_line_curve_cut) + 1px)
		) intersect,
		100% 50% var(--g),
		92.063% 77.032% var(--g),
		70.771% 95.482% var(--g),
		42.884% 99.491% var(--g),
		17.257% 87.787% var(--g),
		2.025% 64.087% var(--g),
		2.025% 35.913% var(--g),
		17.257% 12.213% var(--g),
		42.884% 0.509% var(--g),
		70.771% 4.518% var(--g),
		92.063% 22.968% var(--g)
	;
}

/* [ - sp] */
@media (max-width : 599px) {
#at_home
{
	--flower_width: 130%;
	--flower_height: 120%;
}

#at_home:after
{
	--flower11_line_width: 2px;
	--flower11_line_curve_cut: 1px;
}
}
/*
	
	--item_size: 50em;
	--stripe_color_0: rgba(255,255,255,0.0);
	--stripe_color_w: rgba(255,255,255,1.0);
	&:before,
	&:after
	{
		content: "";
		display: block;
		position: absolute;
		left: calc(100% - (var(--item_size) - (var(--item_size) / 5)));
		bottom: calc(100% - (var(--item_size) - (var(--item_size) / 5)));
		width: var(--item_size);
		height: var(--item_size);
		background-color: rgba(204,29,50,1.0);
		opacity: 0.1;
		z-index: 1;
	}
	&:before
	{
		background-image: repeating-linear-gradient(
			-20deg,
			var(--stripe_color_w),
			var(--stripe_color_w) 2px,
			var(--stripe_color_0) 0,
			var(--stripe_color_0) 0.5em
		);
		clip-path: polygon(
			100% 50%,
			74.27% 67.63%,
			65.45% 97.55%,
			40.73% 78.53%,
			9.55% 79.39%,
			20% 50%,
			9.55% 20.61%,
			40.73% 21.47%,
			65.45% 2.45%,
			74.27% 32.37%
		);
	}
	&:after
	{
		clip-path: polygon(
			100% 50%,
			74.27% 67.63%,
			65.45% 97.55%,
			40.73% 78.53%,
			9.55% 79.39%,
			20% 50%,
			9.55% 20.61%,
			40.73% 21.47%,
			65.45% 2.45%,
			74.27% 32.37%,
			100% 50%,
			74.27% 67.63%,
			calc(74.27% - 9.71px) calc(67.63% - 7.05px),
			calc(100% - 20px) calc(50% - 0px),
			calc(74.27% - 9.71px) calc(32.37% - -7.05px),
			calc(65.45% - 6.18px) calc(2.45% - -19.02px),
			calc(40.73% - -3.71px) calc(21.47% - -11.41px),
			calc(9.55% - -16.18px) calc(20.61% - -11.76px),
			calc(20% - -12px) calc(50% - 0px),
			calc(9.55% - -16.18px) calc(79.39% - 11.76px),
			calc(40.73% - -3.71px) calc(78.53% - 11.41px),
			calc(65.45% - 6.18px) calc(97.55% - 19.02px),
			calc(74.27% - 9.71px) calc(67.63% - 7.05px),
			calc(100% - 20px) calc(50% - 0px)
		);
		transform: rotate(-5deg);
	}
*/

.at_home>*
{
	z-index: 5;
}

.at_home h2
{
	color: rgba(204,29,50,1.0);
}
/*
*/

.at_home h2:before,
.at_home h2:after
{
	content: "";
	display: block;
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	
	/* flower7_re */
	--flower7_re_width: 35em;
	--flower7_re_height: 35em;
	
	position: absolute;
	top: 60%;
	left: 35%;
	width: var(--flower7_re_width);
	height: var(--flower7_re_height);
	transform: translateX(-50%) translateY(-50%);
	
	z-index: 6;
}

.at_home h2:before
{
	background-color: rgba(51,171,255,1.0);
	background-color: rgba(255,255,255,0.9);
	background-color: var(--blue);
	background-color: rgba(255,152,0,1.0);
	background-color: rgba(255,193,7,1.0);
	
	/* flower7_re */
	--g:/30.26% 30.26% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
	mask:
		radial-gradient(
			100% 100%,
			#000 calc(31.417% - 1px),
			#0000 31.417%
		) intersect,
		radial-gradient(#000 0 0) exclude,
		100% 50% var(--g),
		81.174% 89.092% var(--g),
		38.874% 98.746% var(--g),
		4.952% 71.694% var(--g),
		4.952% 28.306% var(--g),
		38.874% 1.254% var(--g),
		81.174% 10.908% var(--g)
	;
	
	/* diagnal */
	--diagnal_line_color: rgba(255,255,255,0.2);
	background-image: repeating-linear-gradient(
		-20deg,
		var(--diagnal_line_color),
		var(--diagnal_line_color) 0.5em,
		rgba(255,255,255,0) 0,
		rgba(255,255,255,0) 1em
	);
	
}

.at_home h2:after
{
	background-color: rgba(255,255,255,1.0);
	background-color: var(--red);
	background-color: rgba(204,29,50,0.5);
	
	/* flower7_re_line */
	--flower7_line_width: 1px;
	--flower7_line_curve_cut: 10px;
	--g:/calc(30.259% + 3.142px) calc(30.259% + 3.142px) radial-gradient(#0000 calc(70% - var(--flower7_line_width)),#000 calc(71% - var(--flower7_line_width)) 70%,#0000 71%) no-repeat;
	mask:
		radial-gradient(
			100% 100%,
			#000 calc((30.259% + 3.142px)/0.964 - var(--flower7_line_curve_cut)),
			#0000 calc((30.259% + 3.142px)/0.964 - var(--flower7_line_curve_cut) + 1px)
		) intersect,
		100% 50% var(--g),
		81.174% 89.092% var(--g),
		38.874% 98.746% var(--g),
		4.952% 71.694% var(--g),
		4.952% 28.306% var(--g),
		38.874% 1.254% var(--g),
		81.174% 10.908% var(--g)
	;

}

/* [ - sp] */
@media (max-width : 599px) {
.at_home h2:before,
.at_home h2:after
{
	/* flower7_re */
	--flower7_re_width: 100vw;
	--flower7_re_height: 100vw;
}
}

.at_home h2>*
{
	z-index: 10;
}

.at_home h2 .name>span
{
	max-width: initial;
	line-height: 1;
}

.at_home h2 .name
{
	&:before,
	&:after
	{
		content: none;
	}
}
/*
*/

.at_home h2 .sub
{
}

.at_home h2 .text_stroke
{
	--stroke_color_w: rgba(255,255,255,1.0);
	--stroke_color_k: rgba(0,0,0,1.0);
}
/*
*/

.at_home h2 .text_stroke:before
{
	top: 0.1em;
	left: 0;
	color: rgba(0,0,0,1.0);
	-webkit-text-stroke: 5px var(--stroke_color_k);
}

.at_home h2 .text_stroke:after
{
	top: 0;
	left: 0;
	-webkit-text-stroke: 3px var(--stroke_color_k);
}

/* 文字のグラデーションは末端で */
.at_home h2 .text_stroke>*
{
	background:linear-gradient(
		rgba(204,29,50,1.0) 50%,
		#ff69b4
	);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
	
}
/*
*/

.at_home>.Wrap:before
{
	/* flower13 */
	--flower_width: 70%;
	--flower_height: 125%;
	
	content: "";
	display: block;
	position: absolute;
	top: 55%;
	left: 60%;
	width: var(--flower_width);
	height: var(--flower_height);
	transform: translateX(-50%) translateY(-50%) rotate(5deg);
	background-color: rgba(204,29,50,0.3);
	background-color: var(--blue);
	background-color: rgba(126,202,236,1.0);
	background-color: rgba(165,218,242,0.8);
	opacity: 1.0;
	
	/* flower13 */
	--g:/19.31% 19.31% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
	mask:
		100% 50% var(--g),
		94.273% 73.236% var(--g),
		78.403% 91.149% var(--g),
		56.027% 99.635% var(--g),
		32.27% 96.751% var(--g),
		12.574% 83.156% var(--g),
		1.453% 61.966% var(--g),
		1.453% 38.034% var(--g),
		12.574% 16.844% var(--g),
		32.27% 3.249% var(--g),
		56.027% 0.365% var(--g),
		78.403% 8.851% var(--g),
		94.273% 26.764% var(--g),
		radial-gradient(
			100% 100%,
			#000 39.172%,
			#0000 calc(39.172% + 1px)
		)
	;
	
	/* dott */
	--dott_color: rgba(255,255,255,1.0);
	--dott_step: 8%;
	--dott_size: 0.25em;
	background-image:
		radial-gradient(var(--dott_color) var(--dott_step), transparent calc(var(--dott_step) * 2)),
		radial-gradient(var(--dott_color) var(--dott_step), transparent calc(var(--dott_step) * 2))
	;
	background-size: calc(var(--dott_size) * 2)calc( var(--dott_size) * 2);
	background-position: 0 0, var(--dott_size) var(--dott_size);
}

/* [ - sp] */
@media (max-width : 599px) {
.at_home>.Wrap:before
{
	/* flower13 */
	--flower_width: 120%;
	--flower_height: 125%;
}
}

.at_home .body
{
	z-index: 15;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.at_home h2 .name
{
	font-size: calc(2em * 2.5);
}

.at_home h2 .sub
{
	font-size: 2em;
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
#at_home:before,
#at_home:after
{
	--item_size: 140vw;
}

.at_home h2 .name
{
	font-size: 8vw;
	white-space: nowrap;
	word-break: break-all;
}

.at_home h2 .sub
{
	font-size: 1.5em;
}

}

/* [print] */
@media print {
}

.at_home>.Wrap
{
}

.at_home .footer
{
	margin-top: 3em;
}

.at_home .footer a[target="_blank"]
{
	text-decoration: none;
}


#Contents .at_home .athome a
{
}

#Contents .at_home .athome a *:before,
#Contents .at_home .athome a *:after
{
	content: none;
}

#Contents .at_home .athome .ser-komas-slider
{
	margin-top: 0;
	margin-bottom: 0;
}

#Contents .at_home .athome .slick-track
{
	display: flex;
	gap: 1em;
}

#Contents .at_home .athome .ser-koma
{
	--base: 16px;
	
	font-size: var(--base);
	
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border-width: 2px;
	border-color: rgba(0,0,0,1.0);
	border-radius: 0.3em;
}

#Contents .at_home .athome .ser-koma .ser-koma-label
{
	font-size: var(--base) !important;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*
[240507-0942]校正　16px固定
	font-size: calc(var(--base) * 0.7) !important;
*/

#Contents .at_home .athome .ser-koma .ser-koma-text *
{
	font-size: var(--base) !important;
	line-height: 1.25;
}
/*
[240507-0942]校正　16px固定
	font-size: calc(var(--base) * 0.7) !important;
*/

#Contents .at_home .slick-arrow
{
	background-color: rgba(204,29,50,1.0);
}

#Contents .at_home .slick-arrow>*
{
	border-color: rgba(255,255,255,1.0);
}


/* ------------------------------------------------------------------------------------------------------------
	[230922]
	<SNS>　インスタ埋め込み
*/
.embed
{
}

.embed a
{
}

.embed a:before,
.embed a>*:before
{
	content: none;
}

.embed>.Wrap
{
}

.embed .head
{
	z-index: 5;
}
/*
	position: absolute;
	bottom: calc(100% - 3em);
	left: 0;
	right: 0;
*/

.embed .head .cloud
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.embed .head .cloud img
{
	width: auto;
}
/*
*/

.embed .head .title
{
	margin-bottom: 0em;
	color: rgba(120,97,145,1.0);
	font-size: 1.5em;
}
/*
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
*/

.embed .head .title .Img
{
}

.embed .head .title .Img img
{
	height: 1.4em;
}

.embed .head .title .sub
{
	display: inline-block;
    max-width: calc(100% - ((1em * 2) + 16px));
	font-weight: bold;
	line-height: 1.5;
	color: rgba(120,97,145,1.0);
}
/*
	display: inline-flex;
	justify-content: center;
	align-items: center;
*/

.embed .head .title .sub:before,
.embed .head .title .sub:after
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 1px;
	height: 100%;
	transform: translateY(-50%);
	background-color: rgba(120,97,145,1.0);
}
/*
	display: inherit;
	clip-path: polygon(
		50% 0%,
		calc(50% + 1px) 0%,
		1px 100%,
		0% 100%
	);
*/

.embed .head .title .sub:before
{
	right: calc(100% + 1em);
	transform: translateY(-50%) rotate(-40deg);
}

.embed .head .title .sub:after
{
	left: calc(100% + 1em);
	transform: translateY(-50%) rotate(40deg);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.embed .head .cloud img
{
	height: 15em;
}

.embed .head .title
{
	padding-bottom: 1em;
}

.embed .head .title .sub
{
	font-size: 1.2em;
}

.embed .head .title .sub br
{
	display: none;
}
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.embed .head .cloud img
{
	height: 10em;
}

.embed .head .title .sub
{
	font-size: 0.8em;
}

}

/* [print] */
@media print {
}


.embed .data
{
	background-color: rgba(255,229,248,1.0);
	padding-top: 3em;
	padding-bottom: 3em;
	margin-top: -3em;
}

.embed .footer
{
}

.embed .footer a
{
	text-decoration: none;
	padding-left: 0.25em;
	padding-right: 0.25em;
}


/* custom */
.embed .data
{
}

.embed .data a
{
	padding: 0.5em;
}

.embed .eapps-instagram-feed-container
{
	background-color: rgba(255,255,255,1.0);
	padding: 0.5em;
}

.embed .eapps-instagram-feed-posts-item
{
}

.embed .eapps-instagram-feed-posts-view.eui-slider-slide
{
}
/*
	gap: 1em;
*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
}

/* [print] */
@media print {
}


/* [231006]　index・インスタ　スライダーの下へ移動 */
.Index .Top+.embed
{
	margin-top: calc(5em * 2);
	padding-bottom: 0;
}
/*
	padding-top: 5em;
*/

.Index .Top+.embed+.Ct1
{
}
/*
	padding-top: 0;
	padding-bottom: 0;
*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .Top+.embed
{
	margin-top: calc(5em * 1.5);
}

.Index .Top+.embed+.Ct1
{
	padding-top: 0;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<blog>
*/
.Blog
{
}

.Blog>*
{
}
/*
	display: flex;
	flex-direction: column;
	gap: 3em;
*/

.Blog a
{
}

.Blog a[target="_blank"]
{
}

.Blog a[target="_blank"]>*
{
}

.Blog a[target="_blank"]>*:before
{
	content: none;
}

.Blog ul
{
	text-align: inherit;
}

.Blog ul>li
{
}

.Blog .title
{
	margin-top: 0em;
	margin-bottom: 0em;
}

/*
	[230914-1025]<blog>　titleは画像の下へ移動
.Blog .title
{
	height: 3.5em;
	margin-top: 0em;
	margin-bottom: 0em;
}

.Blog .title>*
{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
*/

.Blog .data
{
	margin-top: 3em;
}

.Blog .Item
{
}

.Blog .Item>*
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}
/*
	justify-content: center;
	align-content: space-between;
*/

.Blog .Item .title
{
	order: 2;
}

.Blog .Item .Txt
{
	order: 3;
}

.Blog .Item .Gallery
{
	order: 1;
}

.Blog .Item a
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}

/* [230919]　Gallery */
.Blog .Gallery
{
	margin: 0;
}

/* [230919]　Gallery　サムネイルは1枚 */
.Blog .Gallery .Item
{
}

/*
	<blog>　消す
	[230914-1025]<blog>　titleだけ表示する
*/
/*
.Blog .title,
*/
.Blog .Txt
{
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Blog .title
{
}

.Blog .title>b
{
	font-size: 1em;
}
}

/* [print] */
@media print {
}



/* ------------------------------------------------------------------------------------------------------------
	<header>
*/
.Header
{
}
/*
	margin-bottom: 3em;
	background-color: transparent;
*/

.Header:before
{
	opacity: 1.0;
}

.scroll .Header
{
}

.scroll .Header:before
{
	opacity: 1.0;
}

.Header>.Wrap
{
}

.Header>.Wrap>.Wrap
{
}
/*
	align-items: stretch;
*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.Header,
.Header:before
{
	clip-path: polygon(
		0 0%,
		100% 0%,
		100% 85%,
		50% 100%,
		0% 85%
	);
}

.Header:before
{
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
}

.Header>.Wrap
{
	padding-top: calc(5px + 0.25em);
	padding-bottom: 2em;
}

}
/* [ - sp] */
@media (max-width : 599px) {
.Header
{
}

.Header:before
{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.Header>.Wrap
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.Drawer .toggle
{
	top: 0.5em;
}

}


/* ------------------------------------------------------------------------------------------------------------
	<GlobalMenu>
*/
.GlobalMenu
{
}

.GlobalMenu ul
{
	justify-content: flex-end;
	gap: 3em;
}
/*
*/

.GlobalMenu ul>li
{
}

.GlobalMenu ul>li:not(:last-child):before
{
	content: "";
	position: absolute;
	top: 0;
	left: calc(100% + (3em / 2));
	bottom: 0;
	text-align: center;
	width: 0;
	height: 100%;
	border-left-width: 1px;
	border-style: dashed;
}

.GlobalMenu a
{
	padding: 0;
}

.GlobalMenu .title_sub
{
	font-weight: bold;
}



/* ------------------------------------------------------------------------------------------------------------
	<main>
*/
#Contents
{
}

.Main
{
}

/* ------------------------------------------------------------------------------------------------------------
	<sideArea>
*/
.sideArea
{
	top: 10em;
	gap: 0.5em;
}

.sideArea>*
{
	background-color: inherit;
}

.sideArea :is(a, .a),
.sideArea :is(a, .a):before
{
	clip-path: polygon(
		100% 0%,
		100% 50%,
		100% 100%,
		0% 100%,
		0.5em 50%,
		0% 0%
	);
}

.sideArea .title
{
	font-weight: normal;
	font-size: 0.7em;
}

.sideArea .Img
{
	font-size: 2.5em;
}

.sideArea .Img:before
{
	display: none;
	opacity: 0;
}

.sideArea .Img img
{
}

.sideArea .Icon :is(a, .a)
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0em;
	width: 6em;
	padding: 0.5em 0em 0.25em 0.5em;
	text-decoration: none;
}

.sideArea :is(a, .a):before
{
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 0;
	bottom: 1px;
	background-color: rgba(234,234,234,1.0);
}

.sideArea.Hover .Icon :is(a, .a)
{
	right: -2em;
	width: 8em;
	padding-right: 2em;
	transition: all 0.1s ease-in-out;
}

.sideArea.Hover :is(a, .a):hover
{
	right: 0;
	padding-right: 0;
	opacity: 1.0;
}
/*
.sideArea a:hover
{
	animation-name: mouse_hover;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	opacity: 1.0;
}

@keyframes mouse_hover {
from
{
	right: -2em;
	padding-right: 2em;
}

to
{
	right: 0;
	padding-right: 0;
}
}
*/

/* <sideArea> 個別 */
.sideArea .ClassContact :is(a, .a)
{
	color: rgba(203,179,31,1.0);
	background-color: rgba(203,179,31,1.0);
}

.sideArea .ClassInstagram :is(a, .a)
{
	background-color: rgba(211,41,133,1.0);
}

.sideArea .ClassFacebook :is(a, .a)
{
	background-color: #315096;
}


/* ------------------------------------------------------------------------------------------------------------
	<footer>
*/
.Footer
{
}

/*
.Footer>.Wrap>*:nth-of-type(1),
.Footer>.Wrap>*:nth-of-type(2),
.Footer>.Wrap>*:nth-of-type(3),
.Footer>.Wrap>*:nth-of-type(4),
.Footer>.Wrap>*:nth-of-type(5),
.Footer>.Wrap>*:nth-of-type(6)
{
	background-color: inherit;
}
*/

.Footer .Info
{
	background-color: transparent;
}

.Footer .Menu
{
}

.Footer .Menu ul
{
	gap: 3em;
}

.Footer .Copy
{
	border-top-width: 0;
	padding-top: 0;
	padding-bottom: 2em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
/* [230925]校正　[230922]で上下消したらfooterの上に空きが無くなったので追加 */
#AmericanGarage .Footer
{
	margin-top: 5em;
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<drawer>
*/
.Drawer
{
}

#nav-input:checked ~ #nav-close
{
	background-color: transparent;
}

.Drawer #nav-input:checked ~ .toggle .Btn span
{
	background-color: rgba(0,0,0,0.75);
}

.Drawer #nav-content
{
	top: calc((0.5em * 2) + 2.5em);
}

.Drawer .Menu
{
}

.Drawer .Menu .drawer_title
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.Drawer .Menu .drawer_title:before,
.Drawer .Menu .drawer_title:after,
.Drawer .Menu .drawer_title>b:before,
.Drawer .Menu .drawer_title>b:after
{
	content: none;
}

.Drawer .Menu .drawer_title>b>span
{
	max-width: inherit;
	width: 8em;
}

.Drawer .Menu>.Wrap
{
	gap: 1em;
}

.Drawer .Menu>.Wrap>ul
{
}

.Drawer .Menu>.Wrap>ul>li,
.Drawer .Menu>.Wrap ul li:not(:last-of-type)
{
	border-bottom-width: 2px;
	border-bottom-style: dashed;
}

.Drawer .Menu>.Wrap .title
{
	align-items: baseline;
}

.Drawer .Menu>.Wrap .title .name
{
	font-size: 0.9em;
}

.Drawer .Menu2
{
}

.Drawer .Menu2 :where(a, .a)
{
	padding: 0;
}

.Drawer .Menu2>ul
{
	display: flex;
	justify-content: space-around;
}

#Drawer .Menu2>ul>li
{
	border-width: 0;
}

.Drawer .Menu2 .name
{
	color: inherit;
}


/* ------------------------------------------------------
	<drawer>　今のページ
*/
.Drawer .Menu .MenuOn
{
	background-color: rgba(255,255,255,0.5);
}



/* ------------------------------------------------------------------------------------------------------------
	お問い合わせ
*/
.Header .ClassTel>.Wrap
{
	flex-direction: column;
	gap: 0.5em;
}

.Header .ClassTel .uketsuke
{
}

.Header .Navi .Access
{
	gap: 2em;
}

.Header .Access ul
{
	gap: 0;
}

.Header .Access ul>li
{
	width: 12em;
}
/*
	width: 100%;
*/

.Header .Access ul>li:not(:first-child)
{
	margin-left: -1em;
}

.Header .Access .Btn a,
.Header .Access .Btn a:before
{
	clip-path: polygon(
		calc(100% - 1em) 0%,
		100% 50%,
		calc(100% - 1em) 100%,
		0% 100%,
		1em 50%,
		0% 0%
	);
}

.Header .Access .Btn a
{
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	padding: 0.75em 1em;
	color: rgba(255,255,255,1.0);
}
/*
*/

.Header .Access .Btn a:before
{
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.2);
	transition: all 0.1s ease-in-out;
}

.Header .Access .Btn a:hover
{
	opacity: 1.0;
}

.Header .Access .Btn a:hover:before
{
	right: 0;
}

.Header .ClassTel .number
{
	align-items: flex-end;
	gap: 0.125em;
	font-size: 1.75em;
}

.Header .Access a .title
{
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.Header .Access a .title .title_sub
{
	font-weight: bold;
}

.Header .Access a .title .name
{
	display: none;
}

.Header .Access a .title_global
{
	font-size: 0.8em;
}

.sideArea .ClassContact a .name
{
	display: none;
}


/* ------------------------------------------------------------------------------------------------------------
	category　.Top
*/

.CtTop
{
}

.CtTop .Gallery ul
{
	text-align: inherit;
}

.CtTop .Gallery
{
	margin-top: 0em;
}

.CtTop .Gallery .Img
{
}

.CtTop .Gallery .Img img
{
	width: auto;
	height: auto;
	margin: auto;
}

.CtTop .body
{
}

.CtTop .body .head
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.CtTop .float
{
	position: absolute;
	top: -1em;
	left: 50%;
	width: calc(100% + 2em);
	transform: translateX(-50%);
}

.CtTop .float li:first-of-type .Img img
{
	margin-left: 0;
	margin-right: auto;
}

.CtTop .float li:last-of-type .Img img
{
	margin-left: auto;
	margin-right: 0;
}

.CtTop .main
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.CtTop .body
{
	padding-top: 30em;
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.CtTop .body
{
	padding-top: 50vw;
}

.CtTop .body .head
{
}

.CtTop .body .float img
{
	height: 50vw;
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	index
*/
#Index .Header
{
	margin-bottom: 3em;
}

.Index
{
}

.Index .Top
{
	margin-bottom: 0;
}

.Index .Top>.Wrap
{
	position: relative;
	left: initial;
	top: initial;
	right: initial;
	transform: none;
}

.Index .Top .main
{
	position: absolute;
	top: 6em;
	right: 3em;
	text-align: right;
}

.Index .Top .main .title
{
	display: inline-block;
}

/*
[230922]校正　画像にする

	立体的な3Dテキスト
	https://give-shot.jp/tokyocss/3d-text/
.Index .Top .main .title>b
{
	display: inline-block;
	padding: 1em;
	font-size: 3em;
	text-align: center;
	color: rgba(231,138,25,1.0);
	line-height: 1.5;
	text-shadow:
		0 0.01em 0 rgba(0,0,0,0.7),
		0 0.02em 0 rgba(0,0,0,0.7),
		0 0.03em 0 rgba(0,0,0,0.7),
		0 0.04em 0 rgba(0,0,0,0.7),
		0 0.05em 0 rgba(0,0,0,0.7),
		0 0.06em 0 rgba(0,0,0,0.7),
		0 0.07em 0 rgba(0,0,0,0.7),
		0 0.08em 0 rgba(0,0,0,0.7),
		0 0.09em 0 rgba(0,0,0,0.7),
		0 0.10em 0 rgba(0,0,0,0.7),
		0 0.11em 0 rgba(0,0,0,0.7),
		0 0.12em 0 rgba(0,0,0,0.7),
		0 0.13em 0 rgba(0,0,0,0.7),
		0 0.14em 0 rgba(0,0,0,0.7),
		0 0.15em 0 rgba(0,0,0,0.7),
		-0px -1px 0.02em rgba(0,0,0,0.7)
	;
}
*//*
	text-shadow:
		0px 3px 0.02em rgba(0,0,0,0.8),
		0px 4px 0.02em rgba(0,0,0,0.8),
		0px 5px 0.02em rgba(0,0,0,0.8),
		-2px 2px 0.02em rgba(0,0,0,0.8),
		2px -1px 0.02em rgba(0,0,0,0.8),
		-2px -1px 0.02em rgba(0,0,0,0.8)
	;
	text-shadow:
		-2px -2px 0 red,
		-2px 0 0 red,
		-2px 2px 0 red,
		0 -2px 0 red,
		0 2px 0 red,
		0 5px 0 black,
		2px -2px 0 red,
		2px 0 0 red,
		2px 2px 0 red
	;
*/

.Gallery.Slider .slick-arrow
{
}

.Gallery.Slider .slick-arrow.slick-prev
{
	right: calc(100% - 1em);
}

.Gallery.Slider .slick-arrow.slick-next
{
	left: calc(100% - 1em);
}

.Gallery.Slider .slick-dots
{
}

.Gallery.Slider .slick-dots li button:before	{
	opacity: 0.5;
}

.Gallery.Slider .slick-dots li.slick-active button:before	{
	opacity: 1.0;
}


/* [pc, tablet, print] */
@media (min-width : 1068px) {
}

@media (max-width : 1067px) {
	.Gallery.Slider .slick-arrow.slick-prev
	{
		right: calc(100% - 1.5em);
	}
	
	.Gallery.Slider .slick-arrow.slick-next
	{
		left: calc(100% - 1.5em);
	}
	
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .Top
{
	font-size: 2vw;
}

.Index .Top .main
{
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
}

.Index .Top .main .title
{
}

.Index .Top .main .title>b
{
}

.Index .Top .main .title img
{
	width: 65%;
}

.Gallery.Slider .slick-dots
{
	font-size: 1.5em;
}
}

.DeviceSP.horizontally .Gallery.Slider .slick-arrow.slick-prev
{
	right: calc(100% - 3em);
}

.DeviceSP.horizontally .Gallery.Slider .slick-arrow.slick-next
{
	left: calc(100% - 3em);
}


/* [print] */
@media print {
}


/* ------------------------------------------------------
	<index> category */
.Index .Ct1
{
}

.Index .Ct1 .main
{
}

.Index .Ct1 .main>ul
{
	text-align: inherit;
}

.Index .Ct1 .main>ul>li
{
	margin-top: 5em;
	margin-bottom: 5em;
}

.Index .Ct1 li.BG
{
	padding: 0;
}

.Index .Ct1 a
{
	margin-left: auto;
	margin-right: auto;
}
/*
	display: block;
*/

.Index .Ct1 .Img.bg
{
}

.Index .Ct1 .Img.bg img
{
	-webkit-mask-image: url(/img/index_category_mask_L.svg);
	-webkit-mask-size: 100%;
	-webkit-mask-repeat: repeat-y;
	-webkit-mask-position: top;
	
	mask-image: url(/img/index_category_mask_L.svg);
	mask-size: 100%;
	mask-repeat: repeat-y;
	mask-position: top;
}
/*
[240507-1150]　「../」→「/」にする
	-webkit-mask-image: url(../img/index_category_mask_L.svg);
	mask-image: url(../img/index_category_mask_L.svg);


[240507-1150]　マスクが効かない？
	https://note.com/zakinchan/n/n723d46394975
	「-webkit」を先にまとめて記述
	×まだ効かない

[240507]　マスクが効かない？
	mask-image 表示されない問題の解決法
	https://cruw.co.jp/blog/mask-image/
	domain直下からにする
	×効かない
	
	mask-image: url(../img/index_category_mask_L.svg);
	-webkit-mask-image: url(../img/index_category_mask_L.svg);

*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .Ct1 .Img.bg
{
}

.Index .Ct1 .Img.bg img
{
	height: 100vw;
}
/*
*/
}

/* [print] */
@media print {
}


.Index .Ct1 .title
{
	position: absolute;
	left: 0;
	top: 0;
}

.Index .Ct1 .Img.banner
{
}

.Index .Ct1 .result
{
	position: absolute;
	right: 1em;
	bottom: 1em;
}
/*
	width: 496px;
	height: 295px;
*/

.Index .Ct1 .result .photo
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - (20px * 2));
	height: calc(100% - (20px * 2));
	transform: translateX(-50%) translateY(-50%);
	background-color: rgba(255,255,255,0.5);
}
/*
	padding: 10px;
*/

.Index .Ct1 .result .photo ul
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - (10px * 2));
	transform: translateX(-50%) translateY(-50%);
}
/*
	height: calc(100% - (10px * 2));
	height: 100%;
*/

.Index .Ct1 .result .photo .Img
{
}

.Index .Ct1 .result .photo .Img img
{
}

/* 左右 */
.Index .Ct1 :where(.ID_custom_home, .ID_renovation) .result
{
	left: 3em;
	right: initial;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
	.Index .Ct1 a
	{
	}
	
	.Index .Ct1 .result
	{
		width: 46.4%;
		height: 59%;
	}
/*
		width: 496px;
		height: 295px;
*/	
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .Ct1 .result
{
	left: 50%;
	right: initial;
	width: calc(100% - (3em * 1.25));
	height: calc((100% - (3em * 1.25)) * 0.594);
	transform: translateX(-50%);
}

.Index .Ct1 .result .photo
{
	width: calc(100% - (1em * 2));
	height: calc(100% - (1em * 2));
}


}

/* [print] */
@media print {
}


.Index .IndexBanner
{
	display: flex;
	flex-direction: column;
	gap: 5em;
}


.Index .Movie
{
}

.Index .Movie .head
{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

.Index .Movie .Data
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(970px - (78px * 2));
	height: calc(547px - (78px * 2));
	transform: translateY(-50%) translateX(-50%);
}

.Index .Movie iframe
{
	margin: 0;
	padding: 0;
	height: 100%;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
	/*
	.Index .Movie .Data
	{
		top: 78px;
		width: calc(970px - (78px * 2));
		height: calc(547px - (78px * 2));
	}
	*/
}

@media print, screen and (max-width : 970px) {
	.Index .Movie .head
	{
		width: 100%;
	}
	
	.Index .Movie .Data
	{
		width: 83.9%;
		height: 71.4%;
	}
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
	.Index .Movie .Data
	{
		width: calc(100vw - ((4vw * 2) + (7.5vw * 2)));
		height: calc((100vw * 0.564) - ((4vw * 1) + (7.5vw * 2)));
	}
	/*
		top: 7.5vw;
	*/
}

@media (max-height : 600px) {
}

.DeviceSP.horizontally .Index .Movie .head
{
	width: 100%;
	max-width: 970px;
}


/* [print] */
@media print {
}



/* ============================================================================================================
	お知らせ
	------------------------------------------------------
	共通
------------------------------------------------------ */
.News
{
}

/* [240501-1645]　newマーク不要 */
.News .NewMark
{
	display: none;
	width: 0;
	height: 0;
	opacity: 0;
}

.News .List
{
}

.News .List .list_head .Time
{
}

.News .List .list_head .title
{
}

.News .List .list_head .title>b
{
	font-weight: bold;
	justify-content: flex-start;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.News .List .list_head .Time
{
	width: 8em;
}

.News .List .list_head .title
{
	max-width: calc(100% - 8em);
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
}

.DeviceSP.horizontally #Index .News>.Wrap
{
	margin-left: 4vw;
	margin-right: 4vw;
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	[お知らせ]　index.php */
.Index .News
{
}

.Index .News>.Wrap
{
}

.Index .News>.Wrap:before
{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 100%;
	height: 100%;
	background-color: rgba(148,181,225,1.0);
}

.Index .News>.Wrap>.Wrap
{
	background-color: rgba(255,255,255,1.0);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
	.Index .News>.Wrap
	{
	}
	
	.Index .News>.Wrap>.Wrap
	{
		padding: 3em;
	}
	
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .News>.Wrap:before
{
	left: calc(5px + 4vw);
	width: calc(100% - calc(4vw * 2));
}

.Index .News>.Wrap>.Wrap
{
	padding: 1em;
}

}

/* [print] */
@media print {
}


.Index .News .character
{
	position: absolute;
	left: 0em;
	bottom: 0em;
	z-index: 5;
	width: 9.5em;
}

.Index .News .character img
{
}
/*
	width: auto;
	height: 100%;
*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.Index .News .character
{
}
/*
	top: calc((57px + (0.5em * 2) + 2em) + 3em);
*/
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .News
{
}

.Index .News .character
{
	top: calc(1em + 2vw);
	left: 1em;
	bottom: initial;
	width: 18vw;
}

.Index .News .character img
{

}
/*
[230922]校正　spのレイアウト変更
.Index .News .character
{
	width: 20%;
}
*/
.Index .News .head .title>b
{
	padding-left: 18vw;
}

}

/* [print] */
@media print {
}

.Index .News .head
{
}

.Index .News .head .title
{
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}

.Index .News .List
{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.Index .News .List ul
{
	display: inline-flex;
	flex-direction: column;
	gap: 0em;
	min-width: 50%;
	margin: 0;
}

.Index .News .List ul>li
{
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.Index .News .List
{
	margin-top: 3em;
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Index .News .List
{
	margin-top: 1em;
	width: 100%;
}

.Index .News .List ul
{
	display: flex;
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	[お知らせ]　news_list.php */
.NewsList
{
}

.NewsList .List
{
}


/* ------------------------------------------------------------------------------------------------------------
	[お知らせ]　news_detail.php */
.NewsDetail
{
}

.NewsDetail .head
{
}

.NewsDetail .head h2
{
}

.NewsDetail .head h2>b
{
}


/* ------------------------------------------------------------------------------------------------------------
	CUSTOM HOME (注文住宅)
	custom_home/index.php
*/
.CustomHome
{
}

/* CUSTOM HOME (注文住宅) / PROCEDURE */
.CustomHome .Procedure
{
}

.CustomHome .Procedure .Gallery
{
	padding: 4em 2em;
	background-image: url(../img/lined_paper.png);
}

.CustomHome .Procedure .Gallery .Img
{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.Procedure .Gallery li:nth-child(1) .Img,
.Procedure .Gallery li:nth-child(2n+3) .Img
{
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
}

.Procedure .Gallery li:nth-child(2) .Img,
.Procedure .Gallery li:nth-child(3n+4) .Img
{
	transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
}

.Procedure .Gallery li:nth-child(3) .Img,
.Procedure .Gallery li:nth-child(4n+5) .Img
{
	transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

.Procedure .Gallery li:nth-child(4) .Img,
.Procedure .Gallery li:nth-child(5n+6) .Img
{
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}


/* ------------------------------------------------------------------------------------------------------------
	RENOVATION (リノベーション)
	renovation/index.php
*/
.Renovation
{
}

.Renovation .AnchorPageTop
{
}

.Renovation .AnchorPageTop .ColorBtn,
.Renovation .AnchorPageTop .ColorBtn>*
{
	padding: 0;
	background: none;
}

.Renovation .AnchorPageTop .ColorBtn:before,
.Renovation .AnchorPageTop .ColorBtn:after
{
	content: none;
}


/* ------------------------------------------------------------------------------------------------------------
	REFORM (リフォーム)　白ページ指定
	reform/index.php
*/
#Reform
{
	background: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0);
}

#Reform .CategoryTitle
{
	background: transparent;
}

#Reform #Footer .Menu,
#Reform .SortNavi>span:not([class])
{
	background-color: transparent;
}

#Reform .Footer .Copy
{
	background-color: transparent;
	color: inherit;
}

.Reform
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Reform :is(.Blog, .CtGallery)
{
	padding-top: 0;
}
}

/* [print] */
@media print {
}

.Reform h2
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.Reform h2:before,
.Reform h2:after
{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% + (5em / 2));
	bottom: initial;
	width: 45%;
	height: 5em;
	transform: translateY(-50%);
	border-width: 10px 10px 0;
	border-radius: 0.3em;
	border-color: rgba(252,212,101,1.0);
}

.Reform h2:before
{
	left: 0;
}

.Reform h2:after
{
	right: 0;
}

.Reform h2>b
{
	font-weight: inherit;
	z-index: 2;
}

.Reform h2>b:before,
.Reform h2>b:after
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	right: initial;
	bottom: initial;
	width: 5em;
	height: 5em;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 100em;
	border-width: 0;
}

.Reform h2>b:before
{
	background: rgba(252,212,101,1.0);
}

.Reform h2>b:after
{
	background-image: url(../reform/dark_wall_w50.png);
	background-position: center;
}

.Reform h2>b>*
{
	z-index: 2;
}

.Reform .CtGallery h2:before,
.Reform .CtGallery h2:after
{
	border-color: rgba(0,156,206,1.0);
}

.Reform .CtGallery h2>b
{
	color: rgba(255,255,255,1.0);
}

.Reform .CtGallery h2>b:before
{
	background: rgba(0,156,206,1.0);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.Reform h2
{
	height: calc(3em * 5);
}

.Reform h2>b
{
	font-size: 3em;
}
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Reform h2
{
	height: 5em;
}

.Reform h2>b
{
}

.Reform h2:before,
.Reform h2:after
{
	top: calc(50% + (2.5em / 2));
	height: 2.5em;
}

}

/* [print] */
@media print {
}

.Reform .NoImg
{
}

.Reform .Blog .NoImg
{
	background-color: rgba(252,212,101,0.5);
}



.Reform .CtTop
{
	padding-top: 0;
}

.Reform .CtTop .head
{
}

.Reform .CtTop .head:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 150%;
	transform: translateX(-50%) translateY(-50%);
	background-image: url(../reform/read_bg.png);
	background-position: center;
	background-repeat: no-repeat;
}

.Reform .CtTop .head .title
{
	margin-top: 0;
	margin-bottom: 0;
	height: initial;
}

.Reform .CtTop .head .title:before
{
}

.Reform .CtTop .head .title b
{
	font-size: 3em;
	color: rgba(115,0,28,1.0);
	text-shadow: 0em 0.1em 0 rgba(0,0,0,0.3);
	line-height: 1.5;
}

.Reform .CtTop .head .title:before,
.Reform .CtTop .head .title:after,
.Reform .CtTop .head .title b:before,
.Reform .CtTop .head .title b:after
{
	content: none;
}

.Reform .CtTop .head .lead
{
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	gap: 3em;
}

.Reform .CtTop .head .lead>*
{
}

.Reform .CtTop .head .lead .Img
{
}

.Reform .CtTop .main
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.Reform .CtTop .head .lead .Img
{
	width: 20em;
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.Reform .CtTop .head:before
{
	background-size: contain;
	background-position: 0 50vw;
}

.Reform .CtTop .head .title b
{
	font-size: 5vw;
}

.Reform .CtTop .head .lead
{
	flex-direction: column-reverse;
}

}

/* [print] */
@media print {
}


.Reform .Blog
{
}



.Reform .CtGallery
{
}


/* ------------------------------------------------------------------------------------------------------------
	SHOP & OFFICE (店舗デザイン)
	shop_office/index.php
*/
#ShopOffice
{
}

#ShopOffice .CategoryTitle
{
}

#ShopOffice .CategoryTitle h1 :where(.title, .title_sub)
{
}
/*
*/

.ShopOffice
{
}

.ShopOffice .CtTop
{
}

.ShopOffice .CtTop .body
{
}

.ShopOffice .CtTop .Img.head:after
{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(
		180deg,
		rgba(0,0,0,0.0) 60%,
		rgba(0,0,0,1.0)
	);
}

.ShopOffice .CtTop .main
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
/* [231121]校正　文字下げる */
.ShopOffice .CtTop .body
{
	padding-top: calc(30em + 14em);
}
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
/* [231121]校正　文字下げる */
.ShopOffice .CtTop .body
{
	padding-top: calc(50vw + 10vw);
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	AMERICAN GARAGE (アメリカンガレージ)
	american_garage/index.php
*/
.AmericanGarage
{
}

/* ★3つ */
.AmericanGarage .star
{
	font-size: 1.2em;
	display: block;
	width: 3.25em;
	color: rgba(246,203,29,1.0);
	text-align: center;
	letter-spacing: normal;
	line-height: 0.13;
}

.AmericanGarage .star>*:nth-child(1)
{
	display: block;
	font-size: 1.2em;
}

.AmericanGarage .star>*:nth-child(2)
{
	margin-right: 0.75em;
}

.AmericanGarage .star>*:nth-child(3)
{
}


/* [230922]校正　AGだけ大きく+太く+下の空き-1em */
.AmericanGarage .lead
{
	font-weight: bold;
	margin-top: calc(3em - 1em);
	margin-bottom: calc(3em - 1em);
}

.AmericanGarage .CtTop
{
}

.AmericanGarage .CtTop .body
{
}

.AmericanGarage .CtTop .lead
{
	font-weight: inherit;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
/* [230925]校正　AGだけ大きくは、PC版のみだった */
.AmericanGarage .lead
{
	font-size: calc(1.2em * 1.2);
}

.AmericanGarage .CtTop .body
{
	padding-top: 45em;
}

.AmericanGarage .CtTop .lead
{
	font-size: 1.2em;
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.AmericanGarage .lead
{
	font-size: 1.2em;
}

.AmericanGarage .CtTop .lead
{
	font-size: 1em;
}

}

/* [print] */
@media print {
}


/* AMERICAN GARAGE (アメリカンガレージ) / おすすめポイント */
.AmericanGarage .osusume
{
}

.AmericanGarage .osusume .main
{
}

.AmericanGarage .osusume .main ol
{
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.AmericanGarage .osusume .main ol>li
{
	margin: 0;
}

.AmericanGarage .osusume .main .Item
{
	padding: 1em 1.5em 1em 1em;
	background-color: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0);
	line-height: 1;
}

.AmericanGarage .osusume .main .Item>.Wrap
{
	font-size: 1.2em;
}

.AmericanGarage .osusume .main .Item:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 0.1em);
	height: calc(100% + 0.1em);
	transform: translateX(-50%) translateY(-50%);
}

.AmericanGarage .osusume .main .title
{
	margin: 0;
	display: flex;
	align-items: center;
	gap: 1em;
}

.AmericanGarage .osusume .main .title .Num
{
}

.AmericanGarage .osusume .main .title .Num:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
}

.AmericanGarage .osusume .main .title .Num>b
{
	font-size: 1.75em;
	font-weight: inherit;
}

.AmericanGarage .osusume .main .title .star
{
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0.5em);
	transform: translateX(-50%);
}

.AmericanGarage .osusume .main .title .Name
{
}
/*
	font-weight: inherit;
*/

.AmericanGarage .osusume .main .point1:before,
.AmericanGarage .osusume .main .point2:before
{
	border-width: 0.5em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.AmericanGarage .osusume .main .title .Name
{
	font-size: 1em;
	line-height: 1.3;
}
}

/* [print] */
@media print {
}


/* AMERICAN GARAGE (アメリカンガレージ) / 施工事例 */
.AmericanGarage .result
{
}

.AmericanGarage .result .main
{
	display: flex;
	flex-direction: column;
	gap: 5em;
}

.AmericanGarage .result .Item
{
}

.AmericanGarage .result .Item>.Wrap
{
}

.AmericanGarage .result .Item.odd>.Wrap
{
}

.AmericanGarage .result .Item.even>.Wrap
{
}


.AmericanGarage .result .Item>.Wrap>*
{
	display: inherit;
}

.AmericanGarage .result .Item .Img
{
}

.AmericanGarage .result .Item .data
{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.AmericanGarage .result .Item .data>.Wrap
{
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: center;
}
/*
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.AmericanGarage .result .Item>.Wrap
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3em;
}

.AmericanGarage .result .Item.odd>.Wrap
{
}

.AmericanGarage .result .Item.even>.Wrap
{
	flex-direction: row-reverse;
}

.AmericanGarage .result .Item .Img
{
	width: 50%;
}

.AmericanGarage .result .Item .data
{
	width: calc(100% - (50% + 3em));
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {

}

/* [print] */
@media print {
}

.AmericanGarage .result .Item .data .title
{
	padding: 1em;
	line-height: 1;
}

.AmericanGarage .result .Item .data .title .name
{
	font-size: 2em;
}

.AmericanGarage .result .Item .data table
{
	margin-left: -0.5em;
	border-collapse: separate;
	border-spacing: 0.5em;
	border-width: 0;
	width: calc(100% + (0.5em * 2));
}

.AmericanGarage .result .Item .data :is(th, td)
{
	width: auto;
	min-width: initial;
	padding-top: 0;
	padding-bottom: 0;
	border-width: 0;
}

.AmericanGarage .result .Item .data th
{
	width: auto;
	min-width: initial;
	background-color: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0);
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.AmericanGarage .result .Item .data th+td
{
	padding-left: 0.5em;
	padding-right: 0;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.AmericanGarage .result .Item .data table
{
}

.AmericanGarage .result .Item .data th
{
}

.AmericanGarage .result .Item .data td
{
}

}

/* [print] */
@media print {
}


/* AMERICAN GARAGE (アメリカンガレージ) / デザイン＆スタイル */
.AmericanGarage .design_style
{
}

.AmericanGarage .design_style .Item
{
}

.AmericanGarage .design_style .Item>.Wrap
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.AmericanGarage .design_style .main
{
	display: flex;
}

.AmericanGarage .design_style .main>*
{
}

.AmericanGarage .design_style .main .title
{
	margin: 0;
}

.AmericanGarage .design_style .main .title>*
{
	display: flex;
	align-items: baseline;
	gap: 0.25em;
}

.AmericanGarage .design_style .main .title .name
{
	font-size: 1.2em;
}

.AmericanGarage .design_style .main .title .title_sub
{
	font-size: 0.8em;
	font-weight: normal;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.AmericanGarage .design_style .main
{
	gap: 5em;
	flex-wrap: wrap;
}

.AmericanGarage .design_style .main>*
{
	width: calc((100% - 5em) / 2);
}

}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.AmericanGarage .design_style .main
{
	flex-direction: column;
	gap: 3em;
}
}

/* [print] */
@media print {
}


/* AMERICAN GARAGE (アメリカンガレージ) / 展示場のご案内 */
.AmericanGarage .information
{
}

.AmericanGarage .information h2+.title_sub
{
	display: inline-block;
	margin: auto;
	padding-left: 1em;
	padding-right: 1em;
}

.AmericanGarage .information .main
{
	background-color: rgba(234,234,234,1.0);
	background-color: rgba(255,255,255,0.9);
	padding: 3em;
	color: rgba(0,0,0,0.7);
	overflow: hidden;
}

.AmericanGarage .information .star
{
	position: absolute;
	left: calc(100% - (3em - 0.5em));
	bottom: 0.5em;
	font-size: 6em;
	opacity: 0.5;
}

.AmericanGarage .information .main .lead
{
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 2em;
}

.AmericanGarage .information .main .detail
{
	display: inline-flex;
	align-items: center;
	gap: 3em;
}
/*
	display: flex;
*/

.AmericanGarage .information .main .detail>*
{
}
/*
	width: 100%;
*/

.AmericanGarage .information .main .detail .AboutusMap
{
}
/*
	width: 100%;
*/

.AmericanGarage .information .main .detail .AboutusMap iframe
{
	margin: 0;
}
/*
	width: 100%;
	height: 100%;
*/

.AmericanGarage .information .main .detail .data
{
	text-align: left;
}
/*
	white-space: nowrap;
	word-break: break-all;
*/

.AmericanGarage .information .main .detail .data>.Wrap
{
}

.AmericanGarage .information .main .lead
{
	margin-top: 0;
	font-weight: bold;
}

.AmericanGarage .information .main .lead .small
{
	font-size: 0.9em;
}

.AmericanGarage .information .main .lead a
{
	white-space: nowrap;
	word-break: break-all;
}

.AmericanGarage .information .main .title
{
	padding: 0 1em;
	margin-top: 0;
}

.AmericanGarage .information .main table
{
}

.AmericanGarage .information .main :is(th, td)
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-weight: inherit;
}

.AmericanGarage .information .main th
{
}

.AmericanGarage .information .main td
{
	padding-left: 1em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 600px) {
.AmericanGarage .information .main .detail .AboutusMap iframe
{
	width: 40em;
	height: 25em;
}
/*
	height: 30em;
*/

.AmericanGarage .information .main .detail .data>.Wrap
{
	display: inline-block;
	font-size: 1.2em;
	margin-bottom: 25%;
}
}

/* [- tablet] */
@media print, screen and (min-width : 1024px) {
}

/* [ - sp] */
@media (max-width : 599px) {
.AmericanGarage .information .main
{
	padding: 1em;
}

.AmericanGarage .information .main .lead
{
	text-align: left;
	font-size: 1.1em;
}

.AmericanGarage .information .main .detail
{
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}

.AmericanGarage .information .main .detail>*
{
	width: 100%;
}

.AmericanGarage .information .main .detail .data
{
	text-align: center;
}

.AmericanGarage .information .main table
{
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	SITE MAP (サイトマップ)
	sitemap.php
*/
.Sitemap
{
}

.Sitemap .SNS
{
	color: inherit;
}

.Sitemap .SNS a
{
	text-decoration: none;
}