@charset "UTF-8";
/* site_style.css - rs-site.1.0.0.css
   Ideal-space site style
   build 20200321a, Copyright 2020 H,Hishida.
========================================================= */
/* cf. https://www.tagindex.com/html5/ */

/* ****************************************************** */
/* ** サイト共通スタイル (global site style)         ** */
/* ****************************************************** */
/*
 このシートでは、サイト全体に共通の設定をします。
 例えば、 サイトで標準とする
 フォント設定（font-family,font-size,line-height,letter-spacing, color...）、
 site-logo、copyright、Drawer-menu、Page-top、Page-bottomの標準Buttonなど
 を設定します。

 このシートの前に reset.css または、bootstrap.min.css と
 理想空間の基本スタイル rs-static.css を読み込んでください。

 bootstrap および rs-static を変更したい場合、および
 このシートのデフォルト設定に変更を加える場合は、
 このシートの内容を修正してください。

 ただし、トップページ、メニューページ、コンテンツページなどの
 スタイルを修正する場合は、それぞれのテンプレートスタイルの
 シートを修正してください。
*/

/* Basic settings for the site
========================================================= */
/* font-family, svg setting (site style)   ⇒サイト共通で使用する font-family を設定する ★★
------------------------------------- */
@font-face {
	font-family: "site-logo-font";
	src: url("../font/Academy-Engraved-LET.ttf")  format("truetype");
}

/* font, text control (site style)  ⇒サイト共通のフォント設定をする ★★
------------------------------------- */
body {
/* bootstrap.4.4.1
	font-size: 1rem;
	color: rgb(33,37,41);
	font-weight: 400;
	font-style: normal;
*/
	color: #444444;	/*##base-color #7A7976>#775c50>#444444 */ /* ★★20200311 */
	font-size: 16px;	/*##base-font-size*/
	line-height: 1.8;	/*##base-line-height*/
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
body {
/* bootstrap.4.4.1
	text-decoration: none; /* 文字列に線 *
	text-align: left; /* 行揃え（横方向の文字位置） *
	vertical-align: baseline; /* 文字列の垂直位置（縦方向の位置） *
	text-indent: 0; /* 初期値:0 eg.1em *
	text-shadow: none; /* 影の水平距離、垂直距離、ぼかす半径、影の色 eg.3px 3px 2px #0000ff *
	line-height: 1.5; /* 初期値:normal。行の間隔 eg.1.5（font-sizeの1.5倍） *
	letter-spacing: normal; /* 文字の間隔 初期値:0（normal）*
*/
  line-height: 1.5;
  letter-spacing: 0.1em;
}

/* list control (site style)  ⇒サイト共通のフォント設定をする ★★
------------------------------------- */

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

/* table control (site style)
------------------------------------- */

/* html, Body & Page Lyout (site style)
========================================================= */
html, body {
	background-color: #ffffff;
}

body { /*  ⇒サイト共通の背景を設定する ★★ */
	background-image: url(../img/bg-site.png);
	/* 画像を重ねる：background-image: url(前.png),url(後ろ.jpg);  */
	/*     repeat,size,position も同様 */
	background-repeat: repeat; /* 繰り返しの指定: no-repeat */
	background-size: auto; /* サイズの指定: contain（画像が全て収まる）、cover（要素をちょうどよく覆う） */
	/* background-position: 横位置 縦位置; center,left,right,top,bottom; */
	background-attachment: fixed; /* 背景を固定：fixed,scroll */
	overflow-x: hidden;
	min-width: 320px;
}

#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 {
}

/* 余白 (site style)
------------------------------------- */
aside, footer, section, article {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 1.0rem; /* 1.0rem>5px ★★20200311 */
	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;
	}
}

/* Heading  ★biken_online_shop_style.css
========================================================= */
h1, h2, h3, h4, h5 {
	white-space: nowrap;
	overflow: hidden;
}
h1, h2 {font-size: 18px;}
h3, h4 {font-size: 16px;}
h5 {font-size: 14px;}
h2 {
/*	padding-top: 10px; ★★del 20200314 */
/*	padding-bottom: 10px; ★★del 20200314 */
	font-weight: bold;
	text-transform: uppercase; /*全てを大文字で表示*/
	margin-bottom: 0px; /* ★★20200314 */
	font-size: 80%; /* ★★20200314 */
}
h2 .sub-title {
	margin-left: 8px; /* 20px>8px ★★20200321 */
	padding-left: 6px; /* 8px>6px ★★20200321 */
	font-size: 80%; /* ★★ 14px>80% 20200314 */
	border-left-width:1px;
	border-left-style:solid;
}
h3 .sub-title {
}

/* Site - common  ★biken_online_shop_style.css
========================================================= */
a {
	color: #ad5c33; /*## ブラウン ##*/
	color: #ff6600; /*## オレンジ ##*/
	color: #669933; /*## グリーン ##*/
	text-decoration: none;
}
a:hover {
	color: #669933; /*## グリーン ##*/
	color: #ff6600; /*## オレンジ ##*/
	text-decoration: none;
}

/* ## Header (site style)
--------------------------------------------------------- *//*
	#11:17, #33:51, #55:85, #77:119, #99:153, #bb:187, #dd:221
	#22:34, #44:68, #66:102, #88:136,#aa:170, #cc:204, #ee:238
	以上：min-width:576px, 768px, 992px, 1200px
	未満：max-width:575.98px, 767.98px, 991.98px, 1199.98px
============================================================================= */

/* 1.サイトロゴとサイトタイトル ◆header:Site Logo & Title (site style)
--------------------------------------------------------- */
.site-logo-container {
	width: 100%;
	background-color: rgba(0,0,0,0.05);
}
#site-logo {
	padding: 0 0.5rem;
	width: 66%;
	float: left;
/*		background-color: rgba(136,136,136,0.3);/* dev_☆☆ */
}
#site-logo {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media (max-width: 767.98px) {
	#header .site-logo-container {
		position: fixed;

		box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 3px rgba(0,0,0,0.2);

		z-index: 1000;
	}
	#site-logo {
		height: 32px;
		overflow: hidden;
	}
	#header #cover-container {
		padding-top: 32px;
	}
}

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

/* 2.カバー（表紙） ◆header:Cover (site style)
--------------------------------------------------------- */
.cover-container {
}

/* 3.重要なお知らせ ◆header:Notice (site style)
--------------------------------------------------------- */
#notice-container {
	background-color: rgba(255,255,255,1);
	margin: 5px;
	border-width:1px;
	border-style:solid;
	border-color: #ff3300;
	box-sizing:border-box; /* 内側border */
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
#notice-container h3 {
	margin-bottom: 0em;
	font-size: 12px; /* add 202002321 */
	float: left; /* add 202002321 */
	padding-right: 0.5em; /* add 202002321 */
}
#notice-container p {
	font-size: 12px;
	padding-left: 0px; /* 10px>0px 202002321 */
	padding-right: 0px; /* 10px>0px 202002321 */
	margin-top: 0em;
	margin-bottom: 0em;
}
/* 3-2.販売方針 ◆header:Sales policy (site style)
--------------------------------------------------------- */
#sales-policy-container {
	background-color: rgba(255,255,255,1);
	margin: 5px;
	border-width:1px;
	border-style:solid;
	border-color: #aaaaaa;
	padding: 0.4em;
}
#sales-policy-container h3 {
	margin-bottom: 0em;
	font-size: 0px; /* add 202002321 */
}
#sales-policy-container p {
	font-size: 12px;
	padding-left: 0px; /* 10px>0px 202002321 */
	padding-right: 0px; /* 10px>0px 202002321 */
	margin-top: 0em;
	margin-bottom: 0em;
}

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

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

/* ## Side (site style)  ★biken_online_shop_style.css
============================================================================= */

/* 6.サイト内検索 ◆aside:Search-component (site style)
--------------------------------------------------------- */
.search-component {
	padding: 10px 0;
	padding: 0px; /* ★★20200311 */
}
dl.search1{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
	box-sizing:border-box; /* 内側border */
}
dl.search1 dt{
	margin-right:40px;
	padding:8px 0 8px 8px;
}
dl.search1 dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
}
dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search1 dd button{
	display:block;
	padding:10px;
	background:none;
	border:none;
}
dl.search1 dd button span{
	display:block;
	width:20px;
	height:20px;
/*	background:url('../img/search.png') no-repeat scroll -69px 0; del:20200311 */
}

.search-component .fa-search {
	color: rgba(0,0,0,0.5);
}

@media (max-width: 767.98px) {
	aside {
		padding-top: 5px;
	}
	#notice-container {
		margin-bottom: 0em;
	}
}

/* 7.カテゴリーメニュー ◆aside:CategoryNavi (site style)
--------------------------------------------------------- */
.category-container {
}
.nav-category-list {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	text-transform: uppercase; /*全てを大文字で表示*/
}
.nav-category-list .sub-title,
#drawer-nav .sub-title {
	margin-left: 8px; /* 14px>8px ★★20200321 */
	padding-left: 6px; /* 8px>6px ★★20200321 */
	font-size: 12px;
	border-left-width:1px;
	border-left-style:solid;
}
.nav-category-list li{
	float: left;
	width: 25%;
	width: 100%; /* ★★20200312 */
	font-size: 12px;
	letter-spacing: 1px; /* ★★20200321 */
}
.nav-category-list li a{
	display: block;
	padding: 10px; /* 18px>15px>10px ★★20200321 */
	margin: 2px;
	font-size: 14px; /* 16px>14px ★★20200321 */
	background-color: #ffffff;
}

@media (max-width: 575.98px) { /* .col-xs-* スマホ未満 */
}

@media (max-width: 767.98px) { /* .col-xs-* スマホ未満 */
	.nav-category-list li{
		width: 50%;
	}
	.nav-category-list li a{
		padding:10px;
	}
}
@media (min-width: 768px) { /* .col-md-* タブレット以上 */
	.nav-category-list li{
		width: 100%;
	}
}
@media (min-width: 992px) { /*  .col-lg-* PC */
}

.nav-category-list li a i{
	width: 2em;
	text-align: center;
}
.nav-category-list #category1 a{
	color: rgba(111, 122, 81, 1.0);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(111, 122, 81, 1.0);
	box-sizing: border-box;
}
.nav-category-list #category2 a{
	color: rgba(81, 122, 113, 1.0);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(81, 122, 113, 1.0);
	box-sizing: border-box;
}
.nav-category-list #category3 a{
	color: rgba(81, 90, 122, 1.0);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(81, 90, 122, 1.0);
	box-sizing: border-box;
}
.nav-category-list #category4 a{
	color: rgba(122, 81, 111, 1.0);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(122, 81, 111, 1.0);
	box-sizing: border-box;
}

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

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


/* ## Main (site style)  ★biken_online_shop_style.css
============================================================================= */

/* ◆section共通 (site style)
--------------------------------------------------------- */

/* ◆article共通 (site style)
--------------------------------------------------------- */

/* ◆zzzzzzzz共通 (site style)
--------------------------------------------------------- */





/* ## Footer (site style)  ★biken_online_shop_style.css
============================================================================= */
#footer {
	background-color: rgba(0,0,0,0.5); /* ★★ */
	background-color: #F1EAE9; /*##サヱグサ##*/
	color: #74595d; /*##サヱグサ##*/
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

/* Footer: Copyright container (site style)
--------------------------------------------------------- */
.copyright-container {
	height: 1.5rem;
	text-align: right;
}

@media (max-width: 767.98px) {
	.copyright-container {
	/* height: 4rem; */
	}
}

#copyright {
	font-size: 80%;
	float: right;
}
#copyright .copyright1::after{
	content: "2017-";  /* ★★ */
}
#copyright .copyright2 {
	font-style: italic;
}
#copyright .copyright2::after{
	content: "Naturalian Co." /* ★★ */
}

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

/* Color scheme1 (site style)
--------------------------------------------------------- */
/* #E6E6E6、230,230,230、H0 S0 V90、パールグレイ、Pearl gray */
.base-bk-color {
	background-color: rgba(230, 230, 230, 1);
}
/* #30A3B3、48,163,179、H187 S73 V70、エメラルドグリーン、Emerald green、深い青系の色、穏やかな緑みの青 */
.main-bk-color {
	background-color: rgba(48, 163, 179, 1);
}
/* #cc6b9c、204,107,156、H330 S48 V80、マゼンタピンク、Magenta pink、、、 */
.accent-bk-color {
	background-color: rgba(204, 107, 156, 1);
}
.font-base-black {
	color: rgba(0, 0, 0, 0.8);
}
.font-base-white {
	color: rgba(255, 255, 255, 0.8);
}
.font-pearlgray {
	color: rgba(230, 230, 230, 1);
}
.font-emeraldgreen {
	color: rgba(48, 163, 179, 1);
}
/* #66364e、102,54,78、H330 S47 V40、ディープマゼンタ、Deep Magenta、暗い赤紫系の色 */
.font-deepmagenta {
	color: rgba(102,54,78, 1);
}

/* Global Parts & Item (Common parts)
 * Parts site style (snippet)
--------------------------------------------------------- */

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


/* **********************************************/
/* *** メディアクエリ (Media queries) (site common style)  ***/
/* **********************************************/
@media (max-width: 575.98px) { /* .col-xs-* スマホ未満 */
}
@media (min-width: 576px) { /* .col-sm-* スマホ以上 */
}
@media (min-width: 768px) { /* .col-md-* タブレット以上 */
	body {font-size: large;/* small:12px, medium:16px, large:18px, x-large:24px */}
}
@media (min-width: 992px) { /*  .col-lg-* PC */
}
@media (min-width: 1200px) { /*  .col-xl-* 大型ディスプレイ */
}

/* 表示/非表示 (site style)  ⇒サイト全体に共通の section/container を設定する ★★
------------------------------------- */
@media (max-width: 767.98px) {
	#localnavi, .sns-container {
		display: none;
	}
}
/*
指定なし: 全てのサイズで表示

d-none:全ての画面サイズで非表示/
d-sm-none: Extra small（スマホ縦）のみ表示/576px未満
d-md-none: Small（スマホ横）まで表示/768px未満
d-lg-none: Medium（タブレット）まで表示/992px未満
d-xl-none: Large（パソコン）まで表示/1200px未満

d-block:全ての画面サイズで表示/
d-sm-block: Small（スマホ横）以上を表示/576px以上
d-md-block: Medium（タブレット）以上で表示/768px以上
d-lg-block: Large（パソコン）以上で表示/992px以上
d-xl-block: Extra large（大画面PC）以上で表示/1200px以上
*/

/* **********************************************/
/* *** Font Awesome 5.12.0 (FontAwesome)      ***/
/* **********************************************
<!-- https://fontawesome.com/icons?d=gallery -->
  <i class="fas fa-chevron-circle-up fa-2x"></i>
  <i class="fas fa-chevron-circle-down fa-2x"></i>
  <i class="fas fa-bars fa-2x fa-border"></i>
  <i class="fas fa-leaf fa-1x"></i>
  <i class="fab fa-envira fa-2x"></i>
  <i class="fab fa-pagelines fa-3x"></i>
  fa-fw:センター
  fa-rotate-90:時計回りに90度傾ける
  fa-flip-horizontal:左右反転
  fa-flip-vertical:上下反転
  fa-border:ボーダー
  fa-pull-right:float:right

  アイコンを重ねる 後に書いた方（fa-stack-1x）が前面になる
  <span class="fa-stack">
    <i class="fas fa-cloud fa-stack-2x">//i>
    <i class="fab fa-twitter fa-stack-1x">//i>
  </span>
*/

/* **********************************************/
/* *** カスタマイズ (customize)               ***/
/* **********************************************/

/*  Parts customize
--------------------------------------------------------- */
/* H1タグのロゴ化
-------------------------------------- *
h1 {
  text-indent: -9999px;
  margin: 0 auto;
  width: 320px;
  height: 85px;
  background: transparent url("img/logo.png") no-repeat scroll;
}

/* Drawer-menu
------------------------------------- */
/* Btn Hover */
#drawer-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
/* ▼▼▼これいるのか確認 */
#drawer-nav ul li:hover:after {
	background: #fff;
	bottom: -30px;
}
/* ▲▲▲これいるのか確認 */

/* Toggle Button */
#hamburger {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
/* 20200210 ★★★★★★*/
	position: fixed;
	top: auto;
	bottom: 0.5rem;
	right: 1rem;
/*★★★★★★*/
}

#hamburger div {
	position: relative;
}
#hamburger span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#hamburger span:nth-child(1) {
	top: 0;
}
#hamburger span:nth-child(2) {
	top: 11px;
}
#hamburger span:nth-child(3) {
	top: 22px;
}
/* ▼▼▼これいるのか確認 */
#site_container {
	background-color: rgba(255, 255, 255, 0.125);
	width: 100%;
	height: 56px;
/*	z-index: 999; del ★★20200322 */
	position: relative;
}
/* ▲▲▲これいるのか確認 */

#drawer-nav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -500px;
	background-color: rgba(51, 51, 51, 0.6);
	width: 100%;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
/* 20200210 ★★★★★★ */
	position: fixed;
	top: auto;
	bottom: -500px;
/* ★★★★★★ */
}
#drawer-nav p {
	margin-bottom: 0px; /* add ★★20200215 */
	margin-right: 40px; /* add ★★20200215 */
	padding-left: 40px; /* add ★★20200215 */
}

#drawer-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px; /* -- ドロワーメニューのフォントサイズ -- */
	padding-left: 1rem; /* add ★★20200215 */
}
#drawer-nav ul li {
	float: none;
	position: static;
}
#drawer-nav ul li:after  {
	display: none;
}
/* ▼▼▼これいるのか確認 */
#page-top #drawer-nav ul li a,
#page-top.fixed #drawer-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 18px 0;
}
/* ▲▲▲これいるのか確認 */
#hamburger {
	display: block;
}
/* #hamburger 切り替えアニメーション */
.open #hamburger span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #hamburger span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #hamburger span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* #drawer-nav スライドアニメーション */
.open #drawer-nav {
	/* #drawer-nav top + #site_container height */
	-moz-transform: translateY(-500px); /* 556→-500 ★★ */
	-webkit-transform: translateY(-500px); /* 556→-500 ★★ */
	transform: translateY(-500px); /* 556→-500 ★★ */
}

/* Page-top & Page-bottom
------------------------------------- */
#page-top, #page-bottom {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 13px; /* 0.7rem>13px ★20200215 */
/*  background: #ef3f98;*/
  opacity: 0.6;
  border-radius: 50%;
  z-index: 201;
}
#page-top{
  bottom: 6.5rem;
}
#page-bottom{
  bottom: 4.0rem;
}
#page-top a, #page-bottom a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  left: auto;
  text-decoration: none;
}
#page-top a::before, #page-bottom a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.4);
  position: absolute;
/*  width: 30px; ☆☆20200215 */
/*  height: 30px; ☆☆20200215 */
/*  margin: auto; ☆☆20200215 */
/*  text-align: center; ☆☆20200215 */
/*  right: 2px;  0px>2px ☆☆20200215 */
  left: 7px; /* add ★20200216 */
  top: 0px; /* add ★20200216 */
}

#page-top a::before{
/*  content: '\f139'; ☆☆20200215 */ /* fas fa-chevron-circle-up */
  content: '\f077'; /* fas fa-chevron-up */
  bottom: -6px; /* 0px>-6px ★20200215 */
/*  top: -6px; ☆☆20200215 */
/*  left: 0; ☆☆20200215 */
}

#page-bottom a::before{
/*  content: '\f13a'; ☆☆20200215 */ /* fas fa-chevron-circle-down */
  content: '\f078'; /* fas fa-chevron-down */
  bottom: 0; /*☆☆20200215 */
/*  top: -20px; /* -20px>2px ★20200215 */
/*  right: 2px; /* 0px>2px ★20200215 */
/*  left: 0; ☆☆20200215 */
}

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