/* カスタマイズ用CSS */

/* フッター背景 */
.ec-footerRole {
background: #009900 url("/html/user_data/assets/img/common/footer-backgreen.jpg") repeat center;

}

.ec-footerTitle__logo {
    max-width:273px;
    height:auto;
    margin: 0px auto;
}

/* ショッピングインフォ背景 */
@media only screen and (min-width: 1090px){
.shoppingguide_area {
	background:#FFF;
}
}

/* ショッピングインフォタイトル背景 */
.shoppingguide_area .title {
	font-size:18px;
	text-align:center;
	color:#FFF;
	padding:8px;
	margin-bottom:10px;
	background:#009900;
	font-weight: bold;
}

/* ピックアップボタン色 */
.ec-blockBtn--top {
    background:#009900;
    border-color:#009900;
}

/* ヘッダーホットキーワード */
.hot_keyword a {
    color:#090;
}

/* =================================
　管理画面パターン選択[3]：グローバルメニューC
================================= */
.global_menu_areaC {
	display:none;
}
@media only screen and (min-width: 768px){
.global_menu_areaC {
	display:block;
	padding-left: 20px;
	padding-right: 20px;
	background:#339933; /* ■メニューバーの背景 */
}
.global_menu_areaC .global_menu {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
	font-size: 16px;
	color: #FFFFFF;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	max-width:1090px;
}
.global_menu_areaC ul,
.global_menu_areaC ul li {
	list-style: none;
	margin:0;
	padding:0;
	background:#339933;
	font-weight: bold;
}

/* メニューバー
----------------------- */
.global_menu_areaC ul.global {
	position:relative;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-around;
}
/* メニュー項目 */
.global_menu_areaC ul.global > li {
	border-right:1px solid #FFF;
	text-align:center;
	flex:1 1 0%; /* IE10・11対応→%を追加 */
}
.global_menu_areaC ul.global > li:first-child {
	border-left:1px solid #FFF;
}
.global_menu_areaC ul.global > li > a {
	display:block;
	text-decoration:none;
	padding:10px 0;
	color: #FFFFFF;
	height:45px; /* ★高さを指定、メガ・ドロップダウンのtop位置と合わせる */
}
/* ■ロールオーバー時の背景色と文字色 */
.global_menu_areaC ul.global > li:hover {
	background:#33CC33;
}
.global_menu_areaC ul.global > li:hover a {
	color:#FFFFFF;
}

/* メガ・ドロップダウン
----------------------- */
.global_menu_areaC ul.global > li > ul {
	width:100%;
    visibility: hidden;
    opacity: 0;
	position:absolute;
	top:45px; /* ★メニューバーのメニュー項目の高さに合わせる */
	left:0;
	z-index:100;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	text-align:left;
	line-height:1.8em;
	background:#339933;
	color:#FFF;
	padding:8px 8px 8px 0;
}
.global_menu_areaC ul.global > li:hover > ul  {
    visibility: visible;
    opacity: 1;
}

/* 商品カテゴリー階層表示（カテゴリー階層と同様の「ul li」構造） */
.global_menu_areaC ul.global > li ul li {
	margin-left:8px;
}
.global_menu_areaC ul.global > li ul li a {
	text-decoration:none;
	color: #fff;
	padding:5px 10px;
}
.global_menu_areaC ul.global > li > ul li a:before {
	content: "┗";
	font-size:10px;
	position:relative;
	top:-2px;
}
.global_menu_areaC ul.global > li > ul > li > a:before {
	content: "";
}
/* ■ロールオーバー時の背景色と文字色 */
.global_menu_areaC ul.global > li > ul li a:hover {
	background:#33CC33;
	color:#FFFF33;
}

/* メガメニューコンテンツ */
.global_menu_areaC .global_mega {
	position:relative;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-around;
	padding:10px;
}
.global_menu_areaC .global_mega .title {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-bottom:10px;
}

.global_menu_areaC .global_mega a {
	display:block;
	text-decoration:none;
}
/* ■ロールオーバー時の背景色と文字色 */
.global_menu_areaC .global_mega a:hover {
	color:#FFFF33 !important;
	background:#33CC33;
}
}


/* ヘッダー最上部色変 */
.ec-headerNaviRole_area {
	background:#FFFFFF;
}

/* カテゴリーとブロックタイトル色変 */
.category_side_title,
.common_block_title {
    background:#009900;
    color:#FFFFFF !important;
    font-weight: bold;
    text-align: center;
    border: 0px;
    background-image:
	 repeating-linear-gradient(-45deg,
	 #339900, #339900 6px,
	 transparent 0, transparent 15px);
	 padding-top:4px;
}

.category_side_title {
    border: 0px !important;
}

#item-table {
    width:100%;
    text-align:center;
}

.ec-layoutRole {
  background: #fff url("/html/user_data/assets/img/common/back-marushun2.jpg") repeat center;
}