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

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

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


/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
/* ページ構成 */
/* 幅が、指定以上 */
@media screen and (min-width: 480px) {
}
	body	{
	}

	.WrapM,
	#MenuBar,
	.ContainerBG,
	.Footer,
	.FooterBtn>.Wrap,
	.FooterWrap
	
		{
		min-width: 1000px; /* 横スクロールで切れないように */
	}
	.WrapM,
	.FooterWrap
		{
		width: 1000px;
	}
.WrapM,
.Footer,
.FooterBtn>.Wrap,
.FooterWrap
	{
	margin-left: auto;
	margin-right: auto;
}

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


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

/* 幅が、480px以下 */
@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%;
}
#Document>.Wrap	{
	margin: 0;
}

#Header	{}
.Header>.Wrap	{
}


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

.Main	{
/*
	float: right;
	width: 750px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 100%;
	text-align: left;
*/
}
.Main>.Wrap	{
/*
	margin-left: 220px;
	margin-right: 220px;
*/
}

/*
.Side	{
	width: 160px;
}
.SideLeft	{
}
.SideRight	{
	float: right;
}
*/





/* ======================================================
	header
------------------------------------------------------ */
/* <header>固定 
#Header	{
	position: fixed;
	width: 100%;
}
#Contents	{
	padding-top: calc(1.5em * 3);
}
*/

/* スライドメニュー用 */
#Header>.Wrap	{ position: relative; }


.Header	{
}
.Header img	{ vertical-align: middle; }
.Header ul	{
	list-style: none;
	margin: 0;
}
.Header li	{
	display: inline-block;
	white-space: nowrap;
	word-break: keep-all;
	vertical-align: middle;
}
.Header li:not(:first-child)	{}
.Header a	{
	color: inherit;
}
.Header table	{
	margin-right: 0px;
	margin-left: auto;
}
.Header caption	{}
.Header th,
.Header td	{
	vertical-align: middle;
}


.Header>.Wrap	{
}
.Header>.Wrap>div	{
}
.Header>.Wrap>div.HeaderLogo	{
	float: left;
}
.Header>.Wrap>div.HeaderRight	{
	text-align: right;
	float: right;
}


/*
.HeaderLogo,
.HeaderLeft,
.HeaderRight,
.Header .HeaderSNS
	{
	position: absolute;
}

.HeaderLogo	{
	top: 0px;
	left: 0px;
	text-align: left;
	z-index:2;
}

.HeaderRight	{
	top: 0px;
	right: 0px;
	max-width: calc(100% * 0.75);
	text-align: right;
}

.HeaderLeft	{
	top: 0px;
	left: 0px;
	max-width: 50%;
	text-align: left;
}
.Header .HeaderSNS	{
	top:0;
	right:0;
	font-size: 2rem;
}
*/



/* ------------------------------------------------------
	Header左 */
/* ロゴ */

.Logo	{}
.LogoTxt	{
	margin-top: 1em;
	margin-bottom: 1em;
}

.HeaderLogo	{
	text-align: left;
}
.HeaderLogo .SiteCatch br	{
}



/* ------------------------------------------------------
	Header左 */
.HeaderLeft	{}
.HeaderLeft li	{
}

/* ------------------------------------------------------
	Header右 */
.HeaderRight	{
	line-height: 4em;
	height: 4em;
	padding-right: 1em;
}
.HeaderRight>.Wrap	{
	font-size: 0.9em;

	display: flex;
	align-items: center;
	gap: 1em;
}
.HeaderRight li	{
	margin: 0;
	float: left;
}
.HeaderRight>.Wrap>ul>li:not(:last-child)	{
	padding-right: 1em;
	margin-right: 1em;
	border-right-width: 1px;
}

.HeaderRight .HeaderIcon	{
}
.HeaderRight .HeaderIcon figure	{
}
.HeaderRight .HeaderIcon figure:not(:last-child)	{
	margin-right: 0.5em;
}
.HeaderRight .HeaderIcon li	{
	font-size: 1.2em;
}
.HeaderRight .HeaderIcon li span	{
	padding: 0.5em;
	border-radius: 100em;
	color: rgba(255,255,255,1.0);
}



/* navi mini */
.HeaderMenuMini td	{
	vertical-align: middle;
}
.HeaderMenuMini li	{
	margin-left: 1em;
}
.HeaderMenuMini li:after	{
	margin-left: 1em;
	content: "│";
	display: inline-block;
}
.HeaderMenuMini li:last-child:after	{
	content: none;
}


/* 電話・ボタン */
.HeaderAddress	{
}
.HeaderAddress.Wrap	{
}
.HeaderAddress figure	{
}
.HeaderAddress hr	{
}
.HeaderAddress table	{
}
.HeaderAddress li	{
}
.HeaderAddress .ColorBtn	{
}


/* 電話受け付け制限 */
.HeaderAddress figure	{
}
.HeaderAddress .UneiTelSet	{
}
.HeaderAddress .OpenClosedSet	{
}
.HeaderAddress .UneiClosed.Mini	{
}

.HeaderAddress .ContactBtn	{
}
.HeaderAddress .ContactBtn .gryph	{
}

.HeaderAddress .ContactBtn>a	{
}
.HeaderAddress .ContactBtn>a span:before	{
}


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

.HeaderTelTxt	{
}
.HeaderTelOpenClose	{
}
.HeaderTelFreeText	{
}
.HeaderTelFreeText br	{
}

.HeaderAddressForm	{
}
.HeaderAddressForm th	{
}
#Header .HeaderAddressForm td	{
}
.FormBtnIcon	{
}


/* ヘッダー・メニュー */
.HeaderMenu	{}


.Header .MemberName	{
}

.Header .MailFormBtn	{
}




/* ------------------------------------------------------
	文字サイズ変更 */
#fontSize li	{
	margin: auto;
	display: inline-block;
	float: none;
}
.changeBtn	{
	letter-spacing: normal;
}
.changeBtn>span	{
	cursor: pointer;
	display: inline-block;
	width: 2em;
	line-height: 2em;
	text-align: center;
}
.changeBtn>span:hover	{
}
.changeBtn .small,
.changeBtn .large	{
	font-size: 1em;
}
.changeBtn .changeText	{}

/* 選択中 */
.changeBtn .current	{}

.HeaderLeft	{}






/* ======================================================
	<nav>
------------------------------------------------------ */
/* メニューバー・共通 */
#MenuBar	{
	line-height: 1;
	margin-bottom: 3rem;
	text-align: center;
	font-size: 1.2em;
	border-width: 1px 0;
/*
	margin-top: 3rem;
*/
}
#MenuBar>.Wrap	{
}

#MenuBar a	{
	line-height: 1em;
	display: inline-block;
	padding-top: 2em;
	padding-bottom: 2em;
/*
	color: inherit;
*/
}
#MenuBar a span	{
	display: block;
	position: relative;
}
/*
#MenuBar b	{
	display: block;
	line-height: inherit;
}
#MenuBar small	{ }
*/

/* 今のページ */
#MenuBar .MenuOn span	{
}
#MenuBar .MenuOn span:after	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(0em - (5px + 0.5em + 1px));
	width: 100%;
	height: 1px;
	border-top-width: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
}




/* ------------------------------------------------------
	<ul>で*/
#MenuBar ul	{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: auto;
	padding: 0;
}
#MenuBar li	{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	position: relative;
}
#MenuBar li:not(:first-child):before	{
	content: "";
	border-left-width: 1px;
	display: block;
	width: 1px;
	height: 1em;
	position: absolute;
	left: -0px;
	top: 2em;
}
#MenuBar li:not(:last-child):before	{
}
#MenuBar li a	{
}
/*
#MenuBar li:not(:last-child):after	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	position: absolute;
	right: 0;
	top: 1em;
}
*/


/* ------------------------------------------------------
	<tableで> 
#MenuBar table,
#MenuBar th,
#MenuBar td	{
	text-align: center;
	border-width: 0px;
}
#MenuBar table	{
	margin-left: auto;
	margin-right: auto;
	height: 5em;
	table-layout: fixed;
	line-height: 1.5;
	width: 100%;
}
#MenuBar td	{
	padding: 0;
	padding-left: 0px;
	padding-right: 0px;
}
#MenuBar td:last-child a	{
	border-right-width: 0px;
}
*/








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







/* ======================================================
	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: normal; }
.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
------------------------------------------------------ */






/* ======================================================
	======================================================
	======================================================
	======================================================
	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,
#Header,
.Header>.Wrap,
#MenuBar,
.MainBox,
.BackTopArea,
#Footer,
.Side,
.SideCategory ul
	{ zoom: 1; }

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