@charset "utf-8";
/* CSS Document */

/* (151119)IE11で「background-size」が効かない */
/* 疑似要素はサイズ指定不可の為、実寸表示のみ */

/* ====================================================== */
/* 本文 */
/*
@import"../css/test_line.css";
*/
/* ====================================================== */
/* ====================================================== */
/* 行き来するボタン */
.SwitchingBtnPC	{
	display: none;
}
.SwitchingBtnSP	{
}


/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
/* ページ構成 */
body	{
}

#Document>.Wrap
{
	max-width: 1080px;/*	横スクロールで切れないように */

	margin-left: auto;
	margin-right: auto;
}
/*
[260522-1050]校正　レイアウト変更
	min-width: 970px; / 横スクロールで切れないように /
	width: 970px;
*/

@media screen and (min-width: 480px) {
}

/* 幅が、本文以上 */
@media screen and (min-width:970px){
	.FooterBtn
		{
		right: calc((100% - 970px) / 2);
	}
}


/* Google */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

@media screen and (max-width: 480px) {
}
/* 幅が、481px - 1024px */
@media screen and (min-width: 481px) {
}
/* 幅が、1024px以上 */
@media screen and (min-width:1024px){
}


#Document
{
	min-height: 100%;

	>.Wrap
	{
		display: grid;
		gap: var(--gap);
	}
}

/*
[260522-1050(260522-1650)]校正　レイアウト変更
#Document>.Wrap	{
}

#Header	{
	float: left;
}
#Header	{
	width: 200px;
}
.Header .Logo	{
}
.Header>.Wrap	{
}
#ContainerBG	{
	float: right;
	width: 750px;
}

#MenuBar	{}
#Contents	{}
.ContentsBox	{}

.Main	{
}
.Main>.Wrap	{
}
*/


/* ============================================================================================================
	header
	[260522-1050(260522-1650)]校正　レイアウト変更
------------------------------------------------------------------------------------------------------------ */
header
{
	>*
	{
		display: grid;
		grid-template-columns: auto 1fr;
		justify-content: space-between;
		align-items: start;
		gap: 0.5em 1em;

		width: 100%;
	}

	ul
	{
		list-style: none;
		margin: 0;

		li
		{
			margin: 0;
		}
	}

	.logo
	{
		order: 1;

		grid-row: span 2;
	}

	.HeaderRight
	{
		order: 2;
		justify-self: end;

		display: flex;
		align-items: center;
		gap: 1em;
	}

	#MenuBar
	{
		order: 3;
		justify-self: end;

		>*
		{
			ul
			{
				display: flex;
			}
		}
	}
}
/*
[260522-1050(260522-1650)]校正　レイアウト変更
.Header	{
}
.Header>.Wrap	{
}
.Header img	{ vertical-align: middle; }
.Header ul	{
	list-style: none;
	margin: 0;
}
.Header li	{
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}
.Header li:not(:first-child)	{}
.Header a	{
	color: inherit;
	display: inline-block;
}
.Header table	{
	margin-right: 0px;
	margin-left: auto;
}
.Header caption	{}
.Header th,
.Header td	{
	vertical-align: middle;
}


.Header .SNS	{
	margin-left: 0;
}
.Header .SNS .glyph	{
	padding: 0;
}
.Header .SNS li	{
	margin: 0;
}
*/

/* 電話受け付け制限 */
.HeaderAddress
{

	.UneiTelSet
	{
		width: max-content;
		font-size: 1.75em;

		>span	{
			font-size: 0.7em;
		}
	}
}


.MailFormBtn
{

	a
	{
		padding: 0.75em 1em;

		span
		{
			display: inline-block;
			vertical-align: middle;
		}
		
		&:before
		{
			content: "\e75a";
		}
		
		.Big
		{
			margin-left: 0.25em;
		}
	}
}




/* ===========================================================================================================
	<nav>
	[260522-1050(260522-1650)]校正　レイアウト変更
------------------------------------------------------------------------------------------------------------ */
#MenuBar
{
	letter-spacing: normal;
	color: rgb(var(--theme));

	ul
	{
		list-style: none;
		margin: 0;

		display: flex;
		gap: var(--gap);

		li
		{
			margin: 0;
		}
	}

	>ul
	{
		list-style: none;
		margin: 0;

		display: flex;
		justify-content: space-between;
	}

	a
	{
		font-size: larger;
	}
}
/*
#MenuBar	{
	line-height: 1;
	margin-bottom: 3rem;
	text-align: center;
	letter-spacing: normal;
}
#MenuBar>.Wrap	{
}

#MenuBar a	{
	line-height: 1em;
	display: block;
	height: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}


/ 今のページ /
#MenuBar .MenuBarOn:after	{
	content: "";
	display:block;
	width:100%;
	height:2px;
	margin-top: -2px;
}


#MenuBar ul	{
	padding: 0;
}
#MenuBar li	{
	margin: 0;
	position: relative;
	display: list-item;
}
*/



/* ======================================================
	[200603]
	blog.php
------------------------------------------------------ */
.Blog	{}

.Blog .article	{
	width: calc(100% - (25% + 2em));
	float: left;
}
.Blog .side	{
	width: 25%;
	float: right;
}



/* ======================================================
	Contents・本文全体
	左右メニューは、style_menu.csssへ
------------------------------------------------------ */



/* ======================================================
	ABOUT
	about.php
------------------------------------------------------ */
.About .Category>ul	{}
.About .Category>ul>li	{
	position: relative;
	height: 20em;
}

.About .Category .Img,
.About .Category .Txt	{
	position: absolute;
}
.About .Category .Img	{
	width: 30em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
.About .Category .Txt	{
	border-width: 1px;
	left: 1em;
	top: 1em;
	padding: 2em 2em 2em calc(30em + 1em);
	min-height: 20em;
/*
	height: 20em;
*/
}




/* ======================================================
	ORIGINAL GARAGE
	original_garage.php
------------------------------------------------------ */
.OriginalGarage .CategoryBtn ul	{
}







/* ======================================================
	Footer
------------------------------------------------------ */
/* Footer・本体 */
#Footer	{}

.FooterInfo	{
}
.FooterInfo>.Wrap,
.FooterInfo>.Wrap>div	{
	display: inline-block;
	vertical-align: middle;
}
.FooterInfo>.Wrap	{
	margin-top: 1em;
	margin-bottom: 1em;
}
.FooterInfo>.Wrap:not(:last-child)	{
	margin-right: 1em;
}


.Footer>.Wrap	{
}
.Footer>.Wrap>.Wrap	{
}
.Footer>.Wrap>.FooterMenu	{
}
.Footer>.Wrap>.FooterDate	{
	text-align: center;
}



/* ======================================================
	左・右
------------------------------------------------------ */
/* ------------------------------------------------------
	左右共通 */
.Side	{
/*
	font-size: 0.8em;
	margin-top: 1.5rem;
	text-align: center;
*/
}
.SideLeft	{
	text-align: left;
}
.SideRight	{
	text-align: left;
}


.Side aside	{
}
.Side aside:not(:first-child)	{
	margin-top: 2em;
}
.Side aside:not(:last-child)	{
	margin-bottom: 2em;
}

.Side h2	{
	font-weight: bold;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
.Side aside h2:first-child	{
	margin-top: 0.5em;
}
.Side aside h2:last-child	{
	margin-bottom: 0;
}


.Side a:before	{
}
.Side .Banner a:before	{
	content: none;
}


.Side ul	{
	list-style: none;
	margin-left: 0px;
}

.Side hr	{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.Side .BannerLine li	{ border-width: 1px; }

.Side .CategoryList	{}
.Side .CategoryList a	{
	display: block;
}
.Side .CategoryList ul	{}
.Side .CategoryList ul>li	{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
.Side .SubMenu	{
	text-align: left;
}
.Side .SubMenu ul	{
}
.Side .SubMenu li	{
}

.Side select,
.Side input	{
	border-width: 1px;
}




/* ------------------------------------------------------
	カテゴリ表示
------------------------------------------------------ */

.SideCategory	{
	margin-bottom: 0.5rem;
	text-align: left;
}
.SideCategory li	{
	margin-top: 0.5rem;
}
.SideCategory li li	{
	border-width: 0px;
	padding: 0;
}

/* 今の大カテゴリ($category1) */
.SideCategory li.CategoryOn,
.SideCategory li.CategoryOn li	{ background-color: #fff; }

/* このカテゴリ */
.CategoryOn .ThisCategory	{font-weight: bold;}




/* ------------------------------------------------------
	大カテゴリ */
.CategoryImg	{}
.CategoryName	{}




/* ------------------------------------------------------
	子カテゴリ */
.CategorySearch .SubCategory	{
	margin-left: 17px;
	margin-right: 5px;
}

/* 子カテゴリ・<a>でリストマーク */
.CategorySearch .SubCategory li	{
	list-style-image: url(../img/mark3.png);
	font-weight: normal;
	border-width: 0;
}
.CategorySearch .SubCategory li	{
	padding-bottom: 0px;
}
.CategorySearch .SubCategory a	{}
.CategorySearch .SubCategory a:hover	{ }

.ThisCategory	{
	padding: 0;
	border-width: 0;
}
.SubCategory .CategoryName	{ display: inline; }




/* ======================================================
	価格で探す */
.KakakuSearch	{ }
.KakakuSearch ul	{}


/* ------------------------------------------------------
	検索BOX 
.SearchBox	{
}
.SearchBox a:hover	{ background: none; }
.SearchBox table,
.SearchBox th,
.SearchBox td	{
	border-width: 0;
}
.SearchBox th,
.SearchBox td	{
	padding-left: 10px;
	padding-right: 0px;
}
.SearchBox select	{
}
*/

/* ようこそ */
.Welcome	{ }
.Welcome .WelcomeName	{
	margin-bottom: 1rem;
	display: block;
}
.Welcome input	{
	width: 100%;
}
.LeftMemberLogin	{
	text-align: left;
}
.LeftMemberLoginBtn	{
	margin-top: 0.5rem;
}

/* 検索BOX */
.SearchCategoryBox	{
}
.SearchCategoryBox select,
.SearchCategoryBox input	{
	width: 100%;
}
.SearchButton	{
}
.SearchButtonBox	{
	padding: 0;
	display: block;
}
.SearchButtonBox input	{
	border-width: 0;
}





/* ======================================================
	流れ
------------------------------------------------------ */
.Step	{}





/* ======================================================
	ワードプレス
------------------------------------------------------ */
.IndexNews .NewsList>.Wrap	{
}
.IndexNews.WordPress ul	{
	margin-left: -1px;
	width: calc(100% + 1px);
	margin-top: 0;
}
.IndexNews.WordPress li	{
	margin-top: 0;
	margin-left: 1px;
	width: calc(25% - 1px);
}
.IndexNews.WordPress li:first-child	{
}
.IndexNews.WordPress li.NewsHeader	{
	text-align: center;
}
.IndexNews.WordPress article	{
	text-align: left;
}
.IndexNews.WordPress a	{
	display: inline-block;
}
.IndexNews.WordPress a:before	{
	content: none;
}
.IndexNews.WordPress>.Wrap	{
	margin: 0;
}
.IndexNews.WordPress li	{
}
.IndexNews.WordPress header.entry-header h2	{
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: inherit;
	font-weight: bold;
/*
*/
}
.IndexNews.WordPress .entry-title	{
	font-size: 1em;
	margin-bottom: 1rem;
}
.IndexNews.WordPress .post-thumbnail+.entry-title	{
}

.IndexNews.WordPress .post-thumbnail	{
	display: block;
	margin-bottom: 1rem;
/*
	margin-bottom: 2.625em;
	margin-bottom: 1em;
	margin-left: -1em;
	margin-right: -1em;
*/
}
.IndexNews.WordPress a.post-thumbnail	{
	display: block;
}

.IndexNews.WordPress .ClickBtn	{
}


/* ======================================================
	本文
------------------------------------------------------ */
/* ======================================================
	index
------------------------------------------------------ */
#Index .Main>.Wrap	{
/*
	margin: auto;
	padding: 0;
	width: auto;
*/
}








/* ======================================================
	お届け時間
	guide_delivery.php
------------------------------------------------------ */
.GuideOtodokeTime ul	{
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
	text-align: center;
}
.GuideOtodokeTime ul>li	{
	display: table-cell;
}
.GuideOtodokeTime ul>li:not(:first-child)	{
	padding-left: 1em;
}
.GuideOtodokeTime ul>li:not(:last-child)	{
	padding-right: 1em;
}

/* ======================================================
	会社概要
	aboutus.php
------------------------------------------------------ */


/* ======================================================
	よくあるご質問
	faq.php
------------------------------------------------------ */




/* ======================================================
	お問い合わせ
	contact.php～end
------------------------------------------------------ */




/* ======================================================
	プライバシーポリシー
	privacy.php
------------------------------------------------------ */




/* ======================================================
	サイトマップ
	sitemap.php
------------------------------------------------------ */



/* ======================================================
	======================================================
	======================================================
	======================================================
	[190115]Main内で左右
------------------------------------------------------ */
.MainL	{}
.Side	{
}
.SideL	{
}
.SideR	{
}


.MainBox	{
}
.MainBox .MainL	{
	float: left;
	width: calc((100% - 30%) - 2em);
}
.MainBox .Side	{
	float: right;
	width: 30%;
}
.MainBox .Side ul	{
	border-top-width: 1px;
}
.MainBox .Side ul>li	{
	display: list-item;
	border-bottom-width: 1px;
	padding-bottom: 0em;
}
.MainBox .Side a	{
	text-decoration: underline;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}





/* ======================================================
	======================================================
	======================================================
	======================================================
	480px以上
------------------------------------------------------ */
/* <br>表示・非表示 */
.SuBR	{
}
.SBR	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
	font-weight: inherit;
}

.SuDsp	{
}
.SDsp	{
	display: none;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
}

/* ------------------------------------------------------
	480px以下
------------------------------------------------------ */
@media screen and (max-width: 480px) {
/* → small.css */
}


/* ======================================================
	box
*/
.box,
.BackTopArea,
#Footer,
.Side,
.SideCategory ul
	{ zoom: 1; }

.box:after,
.BackTopArea:after,
#Footer:after,
.Side:after,
.SideCategory ul:after
	{
	content: ""; 
	display: block; 
	clear: both;
}


/* ============================================================================================================
	============================================================================================================
============================================================================================================ */


/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {}
/* <br>表示・非表示 */
.pc
{
}

.sp
{
	display: none;
	opacity: 0;
}

:is(th, td).sp
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;
	opacity: 0;
}