@charset "UTF-8";
/* ============ 2020/07/01　トップページにEC、SNS関連の変更にともなうCSSの新規設定内容 ============ */

/* ============ ▼ SNS関連のアイコン ▼ ============ */
/* SNSアイコン背景ボックス */
.box4sns {
	position: relative;
	z-index: 2;
}
/* reset */
.list_sns ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* SNSアイコン｜PC用 */
.list_sns_pc { text-align: center; }
.list_sns_pc li {
	display: inline-block;
	width: 85px; /* boxとboxの間 */
	margin: 0 3px;
	font-size: 12px;
	vertical-align: top;
}
.list_sns_pc a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 80px; /* boxの幅 */
	border: 3px solid #fff;
	border-radius:  5px;
	background: #fff;
	transition: 0.1s linear;
}
.list_sns_pc a:hover {
	border-color: #9a765f;
	text-decoration: none;
}
.list_sns_pc .image {
	display: table-cell;
	width: 80px; /* iconの幅 */
	height: 70px; /* iconの高さ boxの高さ */
	vertical-align: middle;
}
.list_sns_pc img {
	max-width: 40px;
	max-height: 40px;
}
.list_sns_pc p {
	margin: 0;
	height: 20px; /* iconと文字の間 */
	padding-top: 0px;
	line-height: 1.2;
}
.list_sns_pc span {
	display: block;
	font-size: 9px;
}
/* SNSアイコン｜タブレット・スマホ用 */
.list_sns_sp { margin: 0 10px; }
.list_sns_sp li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	border-radius:  3px;
	background: #fff;
	font-size: 16px;
}
.list_sns_sp a {
	display: block;
}
.list_sns_sp .image {
	display: table-cell;
	width: 26px;
	padding: 0px;
	vertical-align: middle;
}
.list_sns_sp p {
	font-size: 12px;
	display: table-cell;
	margin: 0;
	padding: 0 10px; /* iconと文字の間 */
	vertical-align: middle;
}
.list_sns_sp span {
	display: block;
}
/* ============ ▲ SNS関連のアイコン ▲ ============ */

/* ============ ▼ 「Fair Event」と「Net Shopping」の影 ▼ ============ */
.boxshadow {
	box-shadow:rgba(255, 255, 255, 0.7) 5px 5px 7px 0px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.7) 5px 5px 7px 0px;
	-moz-box-shadow:rgba(255, 255, 255, 0.7) 5px 5px 7px 0px;
}
/* ============ ▲ 「Fair Event」と「Net Shopping」の影 ▲ ============ */

/* ============ ▼ 「Fair Event」と「Net Shopping」の背景色 ▼ ============ */
/* color */
	.bgPaleOrange {background-color : #fee8c1;} /* ← 2020/6/26追加 */
/* ============ ▲ 「Fair Event」と「Net Shopping」の背景色 ▲ ============ */

/* ============ ▼ 「NetShop」「Language」「Menu」の文字サイズに50%を追加 ▼ ============ */
/* font */
	.f50 { font-size : 50%; }
/* ============ ▲ 「NetShop」「Language」「Menu」の文字サイズに50%を追加 ▲ ============ */

/* ============ ▼ 「Fair Event」と「Net Shopping」の間の白ケイ線 ▼ ============ */
/* border */
	.bb03White { border-bottom : 3px solid #ffffff;}
/* ============ ▲ 「Fair Event」と「Net Shopping」の間の白ケイ線 ▲ ============ */

/* ============ ▼ searchのアイコンが表示されないため、themes.cssから移植 ▼ ============ */
form {
	margin:0 auto;
}
.search {
	width:75px;
	padding-left:28px;
	color: #fff;
	background: url(/shinqs/images/btn_search.png) no-repeat 8px 6px;
	background-color: #c2a38f;
}
.search:hover {
	color: #fff;
	background-color: #713e19;
}
.rounded {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
input[type=text]{
	color:#000;
}
/* ============ ▲ searchのアイコンが表示されないため、themes.cssから移植 ▲ ============ */

/* ============ ▼ Shop Blog 組み込み用のコード ▼ ============ */
.shopblog-wrap {
	width: 100%;
	height: 400px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.shopblog-frame {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
/* ============ ▲ Shop Blog 組み込み用のコード ▲ ============ */

/* ============ ▼ bootstrapの標準ガッター30ピクセルを20ピクセルに変更するコード ▼ ============ */
.gutter-width-20 {
	margin-left: -10px;
	margin-right: -10px;
}
.gutter-width-20>div {
	padding-right: 10px;
	padding-left: 10px;
}
/* ============ ▲ bootstrapの標準ガッター30ピクセルを20ピクセルに変更するコード ▲ ============ */

/* ============ ▼ 横スクロールバー抑制のコード ▼ ============ */
body {
overflow-x: hidden;
}
.body{
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none; /* Firefox 対応 */
}
.body::-webkit-scrollbar{
	display:none; /* Chrome, Safari 対応 */
}
/* ============ ▲ 横スクロールバー抑制のコード ▲ ============ */