@charset "UTF-8";
/* top_style.css - rs-top.0.8.1.css
   Ideal-space top style
   build 20200223a, Copyright 2020 H,Hishida.
========================================================= */

/* ****************************************************** */
/* *** トップページのカスタマイズ (Top-page style)      ***/
/* ****************************************************** */
/*
 このシートでは、トップページ用のカスタマイズをします。

 このシートの前に rs-static.css、rs-site.css（サイト共通スタイル）
 を読み込んでください。

 このシートでは、トップページのカスタマイズのためだけの修正を
 行ってください。

 サイト全体に共通する設定および、メニューページ、コンテンツページなど
 ページ種別ごとの設定は、それぞれのテンプレートスタイルの
 シートを修正してください。
*/

/* Modify & Add the site's common style for Top page
========================================================= */
/* font-family, svg setting  ⇒re-site.css参照 ★★
------------------------------------- */
@font-face {
}

/* font, text control
------------------------------------- */
body { /* ⇒re-site.css参照 ★★ */
/* bootstrap.4.4.1 */
/*	font-size: 1rem; */
/*	color: rgb(33,37,41); */
/*	font-weight: 400; */
/*	font-style: normal; */
/*	line-height: 1.5; */
/*	letter-spacing: 0.1em; */
}

/* list control
------------------------------------- */

/* Heading (<hn>), Standard tags (<p>, <a> etc.)
------------------------------------- */

/* table control
------------------------------------- */

/* html, Body & Page Lyout
========================================================= */
html {
}
body {
}
#main, nav, aside, section, article {
}

/* Header Lyout
------------------------------------- */
#header {
}

/* main, aside Lyout
------------------------------------- */
@media (min-width: 768px) { /* .col-md-* タブレット以上 */
	main {
/*		margin-right: 16rem; ★★ */
	}
	aside {
/*		width: 16rem; ★★ */
/*		float: right; ★★ */
	}
}

/* Footer Lyout
------------------------------------- */
#footer {
}

/* 余白  ⇒re-site.css参照 ★★
------------------------------------- */
aside, footer, section, article, #notice-container {
/*	padding-left: 0.5rem; */
/*	padding-right: 0.5rem; */
/*	padding-top: 1.0rem; */
/*	padding-bottom: 1.0rem; */
}
article {
/*	margin-left: -0.5rem; */
/*	margin-right: -0.5rem; */
}

@media (max-width: 767.98px) { /* .col-sd-* スマホ以下 */
	main section {
/*		margin-top: 1rem; */
/*		margin-bottom: 1rem; */
	}
	header {
/*		margin-top: 0; */
	}
	article {
/*		padding-left: 0.5rem; */
/*		padding-right: 0.5rem; */
	}
}

@media (min-width: 768px) { /* .col-md-* タブレット以上 */
	section, #notice-container {
/*		margin-left: 0.5rem; */
/*		margin-right: 0.5rem; */
	}
	section {
/*		margin-top: 1rem; */
/*		margin-bottom: 1rem; */
	}
}

/*  Page Parts & Item (Page Parts)
========================================================= */

/* Header (page customize)
--------------------------------------------------------- *//*

/* 1.サイトロゴとサイトタイトル ◆header:Site Logo & Title (page customize)
--------------------------------------------------------- */
.site-logo-container {
/*	background-color: rgba(0,0,0,0.05); */
}
#site-logo {
/*	padding: 0 0.5rem; */
/*	width: 66%; */
/*	float: left; */
}
@media (max-width: 767.98px) {
}

#site-logo h1 {
/*	color: rgba(68,68,68,1.0); ★★ *//*##logo-color*/
/*	background-color: rgba(204,204,204,0.5); ★★ *//*##logo-color*/
/*	font-family: 'site-logo-font'; */
/*	font-family: "AR Roman1 Heavy"; ★★ */
/*	font-size: 28px; */
/*	font-weight: bold; */
/*	line-height: normal;*/
/*	text-transform: capitalize; *//* uppercase */
}

/* 2.トップページの表紙 ◆header:cover (page customize)
--------------------------------------------------------- */

/* 3.重要なお知らせ ◆header:notice (page customize)
--------------------------------------------------------- */

/* 4.グローバルナビ ◆header:GlobalNavi (page customize)
--------------------------------------------------------- */

/* 5.パンくずメニュー ◇header:BreadCrumbs (page customize)
--------------------------------------------------------- */

/* 6.サイト内検索 ◆aside:Search-component (page customize)
--------------------------------------------------------- */

/* 7.カテゴリーメニュー ◆aside:CategoryNavi (page customize)
--------------------------------------------------------- */

/* 8.ローカルナビ ◆aside:LocalNavi (page customize)
--------------------------------------------------------- */

/* 9.SNSアイコンLink ◇aside:SNS-container (page customize)
--------------------------------------------------------- */

/* 10.キャンペーン（トップページ用） ◆section1:Campaign
--------------------------------------------------------- */

/* 10-1.キャンペーン記事１（トップページ用） ◆article1-1:Campaign1
--------------------------------------------------------- */

/* 10-2.キャンペーン記事２（トップページ用） ◆article1-2:Campaign2
--------------------------------------------------------- */

/* 10-3.キャンペーン記事３（トップページ用） ◆article1-3:Campaign3
--------------------------------------------------------- */

/* 11.新着情報（トップページ用） ◆section2:News
--------------------------------------------------------- */

/* 12.特集（トップページ用） ◆section3:Feature
--------------------------------------------------------- */

/* 13.美容（トップページ用） ◆section4:Beauty
--------------------------------------------------------- */

/* 14.生活雑貨（トップページ用） ◆section5:Zakka
--------------------------------------------------------- */

/* 15.食品・キッチン（トップページ用） ◆section6:Food & Kitchen
--------------------------------------------------------- */

/* 16.その他（トップページ用） ◆section7:Other
--------------------------------------------------------- */

/* 17.ブランド ◆section8:Brand (page customize)
--------------------------------------------------------- */

/* 18.ＮＮＮＮ ◆zzzzzzzz:Nnnnnnnn
--------------------------------------------------------- */


/* Footer (page customize)
--------------------------------------------------------- */
#footer {
/* 	background-color: rgba(0,0,0,0.5); ★★ */
}

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

/* Parts common style (snippet)
--------------------------------------------------------- */

/* Static setting
--------------------------------------------------------- */

/* **********************************************/
/* *** 以下のPage styleから選択する           ***/
/* **********************************************/
/* TopPage
--------------------------------------------------------- */
#top-page{
}

/* PhotoGalleryPage
--------------------------------------------------------- */
#gallery-page{
}

/* CategoryPage, GrowupPage
--------------------------------------------------------- */
#box-menu-page{
}

/* TextListPage
--------------------------------------------------------- */
#title-menu-page{
}

/* ProductContentPage
--------------------------------------------------------- */
#item-page{
}

/* DocumentContentPage
--------------------------------------------------------- */
#content-page{
}

/* **********************************************/
/* *** メディアクエリ (Media queries) (page customize)  ***/
/* **********************************************/
@media (max-width: 575.98px) { /* .col-xs-* スマホ未満 */
}
@media (min-width: 576px) { /* .col-sm-* スマホ以上 */
}
@media (min-width: 768px) { /* .col-md-* タブレット以上 */
}
@media (min-width: 992px) { /*  .col-lg-* PC */
}
@media (min-width: 1200px) { /*  .col-xl-* 大型ディスプレイ */
}

/* 表示/非表示  ⇒ページ単位に section/container を設定する ★★
------------------------------------- */
@media (max-width: 767.98px) {
	#footer {
/*		display: none; */
	}
}

/* **********************************************/
/* *** カスタマイズ (customize)               ***/
/* **********************************************/
/* Add FontAwesome Character  ⇒re-site.css解説 ★★
--------------------------------------------------------- */

/*  Drawer-menu customize
--------------------------------------------------------- */
#drawer-nav a, #drawer-nav a:hover {
	color: snow;
}
#drawer-nav li:hover {
	background-color: rgba(0,0,0,0.2);
}

/* ～～の～～化
-------------------------------------- *

/* zzzzzzzz
------------------------------------- */