@charset "utf-8";
/* 第4階層メニューsp 表示のために追加 */
.mee_category_nav_4th_container{
	max-width:1200px;
	margin:0 auto;
	padding-right:13px;
	padding-left:13px
}
.visual_nav_wrap {
	position: relative;
}
/* 第4階層メニュー ドロップダウン  */
.mee_category_nav_4th_more {
	position: relative;
}
.mee_category_nav_4th_more li{
	position: relative;
}
.mee_category_nav_4th_more li a {
	display: block;
	position: relative;
}
.mee_category_nav_4th_more>a::after{
    position: absolute;
    display: block;
    content: "";
    background: url("../img/common/arrow_red.png")no-repeat center/8px 8px;
    width: 8px;
    height: 8px;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%) rotate(90deg);
}
.mee_category_nav_4th_more.current>a::after{
    position: absolute;
    display: block;
    content: "";
    background: url("../../../../shared/v0010/img/arrow_white.png")no-repeat center/8px 8px;
    width: 8px;
    height: 8px;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%) rotate(90deg);
}
.mee_category_nav_4th_more:hover>a::after {
    background: url("../../../../shared/v0010/img/arrow_white.png")no-repeat center/8px 8px;
}
.mee_category_nav_4th .dropdwn_menu_4th {
	display: inherit;
}
.mee_category_nav_4th .dropdwn_menu_4th li {
	border: none;
	height: auto;
}
.mee_category_nav_4th .dropdwn_menu_4th a {
	font-weight: 300;
    margin: 20px;
    display: block;
    color: #333;
    text-align: left;
    position: relative;
    height: inherit;
    line-height: 1;
    padding: 0 0 0 15px;
	box-sizing: border-box;
}
.mee_category_nav_4th .dropdwn_menu_4th a:hover {
	background: inherit;
	color: inherit;
}
.dropdwn_menu_4th a::before {
    position: absolute;
    display: block;
    content: "";
    background: url("../img/common/arrow_red.png")no-repeat left/8px 8px;
    width: 8px;
    height: 8px;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
	border: none;
}
.mee_category_nav_4th_more ul{
	position: absolute;
	left: 0;
	top: 65px;
	z-index: 4;
	background: #fff;
	/*width: 300px;*/
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
.mee_category_nav_4th_more:hover > ul,
.mee_category_nav_4th_more:active > ul{
  visibility: visible;
  opacity: 1;
}

.dropdwn_menu_4th.short {
	width: 195px;
}

.mee_category_nav_4th .current .dropdwn_menu_4th a {
	width: auto;
	background: #FFFFFF;
	color: #000000;
}

@media print,screen and (max-width:955px){
	.mee_category_nav_4th .dropdwn_menu_4th{
		height: max-content!important;
	}
	.mee_category_nav_4th_more ul{
	  width: 300px;
	}
	.dropdwn_menu_4th.short {
		height: max-content;
	}
}
@media print,screen and (max-width:767px){
	.mee_category_nav_4th_more a {
		position: relative;
	}
	.mee_category_nav_4th_more ul{
		width: 100%;
	}
	.dropdwn_menu_4th.short {
		height: auto;
		width: 100%;
	}
	.mee_category_nav_4th_more>a::after{
		background: url("../../../../shared/v0010/img/arr.svg")no-repeat center right/17px 11px;
		width: 17px;
		height: 11px;
		transform: translate(0,-50%) rotate(90deg);
		right: 15px;
		top: 50%;
		transition: .3s;
	}
	.mee_category_nav_4th_more.current>a::after{
		background: url("../../../../shared/v0010/img/arr.svg")no-repeat center right/17px 11px;
		width: 17px;
		height: 11px;
		transform: translate(0,-50%) rotate(90deg);
		right: 15px;
		top: 50%;
		transition: .3s;
	}
	.mee_category_nav_4th_more.active>a::after {
		transform: translate(0,-50%) rotate(-90deg);
	}
	.mee_category_nav_4th_more:hover>a::after {
		background: url("../../../../shared/v0010/img/arr.svg")no-repeat center right/17px 11px;
	}
	.mee_category_nav_4th_more.current:hover>a::after {
		background: url("../../../../shared/v0010/img/arr.svg")no-repeat center right/17px 11px;
	}
	.mee_category_nav_4th .container .mee_category_nav_4th_more a {
		text-decoration: none;
		background: #fff;
		color: #222;
	}
	.mee_category_nav_4th .dropdwn_menu_4th {
		height: auto!important;
		padding: 0;
		position: relative;
	}
	.mee_category_nav_4th_more ul{
		position: relative;
		left: 0;
		top: inherit!important;
		width: 100%;
		visibility: visible;
		opacity: 1;
		display: none;
		transition: none;
	}
	.mee_category_nav_4th .dropdwn_menu_4th a {
		font-weight: 700;
		padding: 0 0 0 40px;
		font-size: 1.072em;
		margin: 20px 0;
	}
	.dropdwn_menu_4th a::before {
		display: none;
	}
}

/* 20211004 - FAグッズページの第３階層プルダウン追加に伴う修正（SP時） */
@media print,screen and (max-width:767px){
.mee_category_nav_4th .dropdwn_menu_4th {
	display: none;
}
}

/* 20211011 第4階層メニュー ドロップダウン　シャドー*/
.mee_category_nav_4th .dropdwn_menu_4th {
	box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
}

@media print,screen and (max-width:767px){
.mee_category_nav_4th .dropdwn_menu_4th {
	box-shadow: none;
}
}