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

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

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


/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */
/* ページ構成 */
body	{
}
/* 横スクロールで切れないように */
body,
section,
.WrapM,
.Header,
.Footer,
#Admin,
#Form .Main
	{
	min-width: 970px;
}
.WrapM,
#Form .Main
	{
	width: 970px;
}
section,
.WrapM,
.Header,
.Footer,
.FooterBtn,
#Admin,
#Form .Main
	{
	margin-left: auto;
	margin-right: auto;
}

/* 幅が、本文以上 */
@media screen and (min-width: 970px) {
}
/* 幅が、本文未満 */
@media screen and (max-width: 969px){
	.FooterBtn
		{
		right: calc((100vw - 970px) / 2);
	}
/*
		left: calc((100vw - 970px) / 2);
*/
}
/* 幅が、sp幅 */
@media screen and (min-width: 479px) {
	.Drawer	{
		display: none;
	}
}


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

/* 幅が、480px以下 */
@media screen, (max-width:30em), screen, (max-width:182mm) {
}
/* 幅が、481px - 1024px */
@media screen, (min-width:30em), screen, (min-width:182.1mm) {
}
/* 幅が、1024px以上 */
@media screen and (min-width:37.5em){
}


#Document	{
	min-height: 100%;
}
#Document>.Wrap	{
	margin-left: auto;
	margin-right: auto;
}

#Header	{}
.Header>.Wrap	{
}


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





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

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


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


.Header>.Wrap	{
}
.Header>.Wrap>div	{
}


/* ------------------------------------------------------
	Header・ロゴ */
.Header .Logo	{
}

.Header .Logo .Img	{
	font-size: calc(30px * 1.5);
}

.Header .Logo .Free	{
	position: absolute;
	display: inline-block;
	top: calc((30px * 0.5) * 0.5);
	right: calc(100% + 0.5em);
	font-size: calc((30px * 0.35) * 1.5);
}

/* IE11 hack 
_:-ms-lang(x)::-ms-backdrop, .HeaderLogo {
}
_:-ms-lang(x)::-ms-backdrop, .Logo .Img {
	display:inline;
}
*/


/* ------------------------------------------------------
	Header左 */
.Header .Left	{
}



/* ------------------------------------------------------
	Header右 */
.Header .Right	{
/*
	letter-spacing: normal;
	float: right;
	position: absolute;
	top: -1em;
	right: 0;
*/
}
.Header .Right>div	{
	display: inline-block;
	vertical-align: top;
}




/* ------------------------------------------------------
	文字サイズ変更 */
#fontSize	{
}
.Header #fontSize	{
	vertical-align: bottom;
}

#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;
	border-width: 1px;
	background-color: rgba(255,255,255,1.0);
}
.changeBtn .small,
.changeBtn .large	{
	font-size: 1em;
}
.changeBtn .changeText	{}

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

.HeaderLeft	{}








/* ======================================================
	<nav>
------------------------------------------------------ */
/* メニューバー・共通 */
#Header .MenuBar	{
}

.MenuBar	{
	line-height: 1;
	text-align: center;
}
.MenuBar>.Wrap	{
}

.MenuBar a	{
	display: block;
	line-height: 1em;
	height: 100%;
	color: inherit;
}
.MenuBar a:hover	{
}
.MenuBar a span	{
	display: block;
	display: inline-block;
}
.MenuBar a>span,
.MenuBar>.Wrap>ul>li:last-child>.Wrap a>span	{
	width: 100%;
}
.MenuBar a>span	{
}
.MenuBar>.Wrap>ul>li:last-child>.Wrap a>span	{
}

/* 今のページ */
.MenuBar .MenuOn	{
}
.MenuBar .MenuOn a	{
}
.MenuBar .MenuOn a>span	{
}
/*
.MenuBar a span:after,
.MenuBar .MenuOn a>span:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: -0.5em;
	width: 100%;
	height: 3px;
}
*/

/* ------------------------------------------------------
	<ul>で*/
.MenuBar>.Wrap>ul	{
	display: inline-table;
	table-layout: fixed;
}
.MenuBar>.Wrap>ul>li	{
	display: table-cell;
}
.MenuBar>.Wrap>ul>li>.Wrap	{
	display: table;
	height: 4em;
}
.MenuBar>.Wrap>ul>li>.Wrap>a	{
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
	padding-right: 1em;
}
.MenuBar>.Wrap>ul>li:last-child>.Wrap a>span	{
}


/* PullDown */
#MenuBar ul,
#MenuBar .PullDown	{
	position: relative;
}
#MenuBar .PullDown	{
}
#MenuBar .PullDown .Wrap,
#MenuBar .PullDown a	{
}

#MenuBar .PullDown .Child	{
	padding-top: 0em;
	text-align: center;
}
#MenuBar .PullDown .Child li	{
}
#MenuBar .PullDown .Child a	{
	font-weight: inherit;
	color: inherit;
}
#MenuBar .PullDown .Child a:hover	{
	color: inherit;
}

#MenuBar .PullDown .Child	{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0.95);
}
#MenuBar .PullDown .Child>ul	{
	width: 100%;
	overflow: hidden;
}

#MenuBar .PullDown .Child>ul>li	{
	display: block;
	overflow: hidden;
	height: 0em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
#MenuBar .PullDown .Child li:not(:first-child)	{
}

#MenuBar .PullDown .Child li>.Wrap	{
	height: 100%;
}
#MenuBar .PullDown .Child a	{
	font-weight: normal;
	height: 100%;
	display: table;
	width: 100%;
}
#MenuBar .PullDown .Child a:hover	{
}
#MenuBar .PullDown .Child a>span	{
	border-width: 0;
	display: table-cell;
	vertical-align: middle;
}

/*
	PullDown・マウスオーバー
	<li>でないと高さが取れない
*/
#MenuBar .PullDown:hover .Child	{
}
#MenuBar .PullDown:hover .Child>ul	{
}
/*テスト用に開ける
#MenuBar .PullDown .Child>ul>li	{
*/
#MenuBar .PullDown:hover .Child>ul>li	{
	height: 4em;
	overflow: inherit;
}
#MenuBar .PullDown:hover .Child>ul>li>.Wrap	{
}
#MenuBar .PullDown:hover .Child a	{
}




/* ======================================================
	Contents・本文全体
------------------------------------------------------ */
.Main	{
	min-height: 30em;
}






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


.Footer .Copy	{
}

.BackTop	{
	margin-bottom: 3em;
}


/* ======================================================
	左・右
------------------------------------------------------ */
/* ------------------------------------------------------
	左右共通 */

/* 右上に固定 */
.Contents	{}



.Side	{
}

/*
.Side.Left	{
	text-align: left;
}
.Side.Right	{
	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	{}





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

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



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



.Index .Top .section:not(:first-child) .head	{
	width: 30%;
}
.Index .Top .section:not(:first-child) .Txt	{
	width: 70%;
}
.Index .Top .EikouNoFugu .head	{
	float: left;
}
.Index .Top .EikouNoFugu .Txt	{
	float: right;
}
.Index .Top .Anshin .head	{
	float: right;
}
.Index .Top .Anshin .Txt	{
	float: left;
}




.Index .News>.Wrap>.Wrap	{
	display: inline-table;
	width: auto;
}
.Index .News>.Wrap>.Wrap>div	{
	display: table-cell;
	vertical-align: middle;
}
.Index .News .head	{
	border-right-width: 1px;
	padding-right: 2em;
}
.Index .News .head>.Wrap	{
}
.Index .News .main	{
	padding-left: 2em;
}

.Index .News .Btn .ColorBtn	{
	min-width: initial;
	white-space: nowrap;
	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, (max-width:30em), screen, (max-width:182mm) {
/* → 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;
}



