/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/
/*
.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
*/


.menu-mobile {
    display: none;
}
#nav_kaitori, #footer_nav_kaitori{
	width: 100%;
	min-width: 1300px;
	height: 82px;
	background: url("../image/bg_nav_kaitori.png") repeat, -webkit-linear-gradient(#fff, #e3d6c7);
	background: url("../image/bg_nav_kaitori.png") repeat, -ms-linear-gradient(#fff, #e3d6c7);
	background: url("../image/bg_nav_kaitori.png") repeat, linear-gradient(#fff, #e3d6c7);
  	box-sizing: border-box;
    border-top: 1px solid #eadaa6;
    border-bottom: 1px solid #d3c493;
    overflow: hidden;
}

.nav_wrap{
	width: 1300px;
	margin: 0 auto;
}

.menu_kaitori > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
	z-index: 10;
}

.menu_kaitori > ul:before,
.menu_kaitori > ul:after {
    content: "";
    display: table;
}

#nav_kaitori .menu > ul:after {
    clear: both;
}

.menu_kaitori > ul > li {
    float: left;
    width: 20%;
    padding: 0;
    margin: 0;
	transition: all .2s ease;
}

.menu_kaitori > ul > li a {
    display: block;
	position: relative;
    box-sizing: border-box;
	font-size: 16px;
	height: 82px;
	padding: 25px 0 25px 82px;
	letter-spacing: 0.5px;
}
.menu_kaitori > ul > li a.brand{
	background: url("../image/ic_brand.png") no-repeat left 15px center;
	background-size: 52px auto;
}
.menu_kaitori > ul > li a.jewelry{
	background: url("../image/ic_jewelry.png") no-repeat left 15px center;
	background-size: 52px auto;
}
.menu_kaitori > ul > li a.gold{
	background: url("../image/ic_gold.png") no-repeat left 15px center;
	background-size: 52px auto;
}
.menu_kaitori > ul > li a.watches{
	background: url("../image/ic_watches.png") no-repeat left 15px center;
	background-size: 52px auto;
}
.menu_kaitori > ul > li a.other{
	background: url("../image/ic_other.png") no-repeat left 15px center;
	background-size: 52px auto;
}
.menu_kaitori > ul > li a::after,
.menu_kaitori > ul > li:first-child a::before{
	position: absolute;
	content:"";
	width: 1px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	right: 0;
	background: #d7c9a8;
}

.menu_kaitori > ul > li a::after{
	right: 0;
}

.menu_kaitori > ul > li:first-child a::before{
	left: 0;
}

.menu_kaitori > ul > li:hover{
	background: rgba(193,170,145,0.2);
}

.menu_kaitori > ul > li > a > span{
    color: #8b7534;
	display: block;
	margin-top: 5px;
	font-size: 12px;
	font-family: "游明朝", YuMincho, 'Yu Mincho', 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0;
}

.menu_kaitori > ul > li > .child {
	display: none;
    width: 100%;
	min-width: 1300px;
   	background: url("../image/bg_nav_kaitori.png") repeat, #6b573c;
    box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.2) inset;
    padding: 40px 0 20px;
    position: absolute;
    z-index: 99;
    left: 0;
	top: 252px;
    margin: -1px 0 0;
}

.menu_kaitori > ul > li > .child:before,
.menu_kaitori > ul > li > .child:after {
    content: "";
    display: table;
}

.menu_kaitori > ul > li > .child:after {
    clear: both;
}
.menu_kaitori > ul > li > .child ul {
    overflow: hidden;
}
.menu_kaitori> ul > li > .child ul:last-child{
	margin-bottom: 0;
}
/* has_thumb*/
.menu_kaitori > ul > li > .child ul.nav_has_thumb {
	margin-bottom: 10px;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 20%;
	float: left;
	padding: 0 10px;
    background: none;
	box-sizing: border-box;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a{
	display: block;
	padding: 0 ;
	background: none;
	border: none;
	margin-bottom: 10px;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
	transition: all .2s ease;
	cursor: default;
}
/*
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover{
	box-shadow: 0px 0 10px rgba(0,0,0,0.3);
}*/
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .textbox{
    color: #846b49;
	display: block;
    padding: 15px 40px 15px 15px;
	background: /*url("../image/ic_arrow_type1_brown.png")*/ no-repeat right 15px center, #fff;
	background-size: 15px 12px;
	height: auto;
	transition: all .2s ease;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .textbox.line2{
  	padding: 15px 40px 13px 15px;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .textbox .en{
	display: block;
	font-size: 10px;
	margin-top: 5px;
	text-indent: 1px;
}
/*
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .textbox{
	color: #c08b00;
	background: /*url("../image/ic_arrow_type1_gold.png") no-repeat right 10px center, #fff;
	background-size: 15px 12px;
}*/
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .imgbox {
	display: block;
	width: 240px;
	height: 140px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 0;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .imgbox img{
	transition: all .2s ease;
	display: block;
}
/*
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .imgbox img{
	transform: scale(1.1);
	transition: all .2s ease;
}*/
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a::before,
.menu_kaitori > ul > li > .child ul.nav_has_thumb li a::after,
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a::before,
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a::after{
	display: none;
}


/* has_thumb_2*/
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 {
	margin-bottom: 15px;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
	float: left;
    background: none;
	padding: 0 10px;
	box-sizing: border-box;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a{
	display: block;
	padding: 0 ;
	background: none;
	border: none;
	height: auto;
	overflow: hidden;
	transition: all .2s ease;
	border-radius: 3px;
	margin-bottom: 5px;
	cursor: default;
}
/*
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover{
	box-shadow: 0px 0 10px rgba(0,0,0,0.3);
}*/
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .textbox{
    color: #846b49;
	display: block;
	width: 225px;
	height: 60px;
	float: right;
    padding: 23px 40px 23px 15px;
	background: /*url("../image/ic_arrow_type1_brown.png")*/ no-repeat right 15px center, #fff;
	background-size: 15px 12px;
	transition: all .2s ease;
	box-sizing: border-box;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .textbox.line2{
  	padding: 15px 40px 13px 15px;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .textbox .en{
	display: block;
	font-size: 10px;
	margin-top: 5px;
	text-indent: 1px;
}
/*
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .textbox{
	color: #c08b00;
	background: /*url("../image/ic_arrow_type1_gold.png")no-repeat right 10px center, #fff;
	background-size: 15px 12px;
}*/ 
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .imgbox {
	display: block;
	width: 80px;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 0;
	float: left;
}
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .imgbox img{
	transition: all .2s ease;
	display: block;
}
/*
.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .imgbox img{
	transform: scale(1.1);
	transition: all .2s ease;
}
*/

/*sub
.menu_kaitori > ul > li > .child ul.nav_sub{
	margin-bottom: 10px;
}
.menu_kaitori > ul > li > .child ul.nav_sub li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 14.28%;
	float: left;
	padding: 0 10px;
    background: none;
	box-sizing: border-box;
}
.menu_kaitori > ul > li > .child ul.nav_sub li a{
    color: #fff;
	display: block;
	font-size: 14px;
    padding: 8px 0 8px 15px;
	margin-bottom: 5px;
	background: url(../image/ic_arrow_type3_white.png) no-repeat left center;
    background-size: 7px 12px;
	height: auto;
	transition: all .2s ease;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.menu_kaitori > ul > li > .child ul.nav_sub li a:hover{
	color: #f2dc9b;
	background: url(../image/ic_arrow_type3_yellow.png) no-repeat left center;
    background-size: 7px 12px;
	border-bottom: 1px solid rgba(242,220,155,0.5);
}
.menu_kaitori > ul > li > .child ul.nav_sub li a::before,
.menu_kaitori > ul > li > .child ul.nav_sub li a::after{
	display: none;
}
*/





/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 750px) {
    .menu-container {
        width: 100%;
    }


     /*.menu_kaitori > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu_kaitori > ul > li > ul {
        position: relative;
    }
    .menu_kaitoriu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu_kaitori > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
     .menu_kaitori > ul > li > ul > li:first-child {
        margin: 0;
    }
   .menu_kaitori > ul > li > ul > li > ul {
        position: relative;
    }
    .menu_kaitori > ul > li > ul > li > ul > li {
        float: none;
    }*/
    .menu_kaitori .show-on-mobile {
        display: block;
    }
	
	#nav_kaitori{
		position: fixed;
		top: 21.3vw;
		left: 0;
		width: 100%;
		min-width: 1px;
		height: auto;
		overflow: visible;
		box-sizing: border-box;
		border: none;
		z-index: 9980;
		background: none;
	}
	#nav_kaitori.fixed{
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.menu-mobile{
		position: relative;
		display: block;
		text-align: center;
		padding: 0 4.2vw;
		box-sizing: border-box;
		height: 17.6vw;
		font-size: 5.2vw;
		color: #fff;
		font-weight: bold;
		/*background: -webkit-linear-gradient(#8c7350, #6b573c);
		background: -ms-linear-gradient(#8c7350, #6b573c);
		background: linear-gradient(#8c7350, #6b573c);*/
		background: #6b573c;
		z-index: 9990;
		cursor: pointer;
	}
	.menu-mobile span{
		display: inline-block;
		padding: 6.2vw 0 6.2vw 9.6vw;
		background: url("../image/ic_kaitori.png") no-repeat left center;
		background-size: 8vw auto;
	}
	.menu-mobile::after{
		content:"";
		position: absolute;
		right: 0;
		top: 0;
		width: 21.3vw;
		height: 17.6vw;
		background: url("../image/ic_pagetop.png") no-repeat center;
		background-size: 7vw auto;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transition: all .2s ease;
	}
	.menu-mobile.open::after{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	.nav_wrap{
		width: 100%;
	}
   .menu_kaitori > ul {
	   	margin: 0 auto 21vw;
        display: none;
    }
    .menu_kaitori > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
	.menu_kaitori > ul:before,
	.menu_kaitori > ul:after {
		display: none;
	}
	.menu_kaitori > ul > li {
		float: none;
		position: relative;
		display: block;
		width: 100%;
		background: url(../image/bg_nav_kaitori.png) repeat, #fff;
		border-bottom: 1px solid #d7c9a8;
	}
	.menu_kaitori > ul > li .menu-dropdown-icon {
		display: none;
		content: "";
		width: 21.3vw;
		height: 17.6vw;
		box-sizing: border-box;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		background: rgba(230,192,168,0.2);
	}
	.menu_kaitori > ul > li .menu-dropdown-icon{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 21.3vw;
		height: 17.6vw;
		cursor: pointer;
	}
	.menu_kaitori > ul > li .menu-dropdown-icon::before{
		display: block;
		content: "";
		position: absolute;
		top:0; 
		right:0;
		bottom:0;
		left:0;
		margin:auto;
		width: 5vw;
		height: 0.2vw;
    	min-height: 3px;
		background: #a89355;
		transition: all .2s ease;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	.menu_kaitori > ul > li .menu-dropdown-icon::after{
		display: block;
		content: "";
		position: absolute;
		top: 0; 
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 5vw;
		height: 0.2vw;
    	min-height: 3px;
		background: #a89355;
		transition: all .2s ease;
	}
	.menu_kaitori > ul > li .menu-dropdown-icon.active::before{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	.menu_kaitori > ul > li .menu-dropdown-icon.active::after{
		background: transparent;
	}
	.menu_kaitori > ul > li:hover{
		background: url(../image/bg_nav_kaitori.png) repeat, #fff;
	}
	.menu_kaitori > ul > li a {
		/*width: 79vw;*/
		width: 100%;
		font-size: 5.2vw;
		height: 17.6vw;
		box-sizing: border-box;
		padding: 4vw 4vw 4vw 19.3vw;
		letter-spacing: 0;
	}
	.menu_kaitori > ul > li a.brand{
		background: url("../image/ic_brand.png") no-repeat left 3.9vw center;
		background-size: 10.6vw auto;
	}
	.menu_kaitori > ul > li a.jewelry{
		background: url("../image/ic_jewelry.png") no-repeat left 3.9vw center;
		background-size: 10.6vw auto;
	}
	.menu_kaitori > ul > li a.gold{
		background: url("../image/ic_gold.png") no-repeat left 3.9vw center;
		background-size: 10.6vw auto;
	}
	.menu_kaitori > ul > li a.watches{
		background: url("../image/ic_watches.png") no-repeat left 3.9vw center;
		background-size: 10.6vw auto;
	}
	.menu_kaitori > ul > li a.other{
		background: url("../image/ic_other.png") no-repeat left 3.9vw center;
		background-size: 10.6vw auto;
	}
	.menu_kaitori > ul > li a::after,
	.menu_kaitori > ul > li:first-child a::before{
		display: none
	}
	.menu_kaitori > ul > li > a > span{
		margin-top: 1.2vw;
		font-size: 3.6vw;
	}
	.menu_kaitori > ul > li > .child {
		display: none;
		width: 100%;
		min-width: 1px;
		background: #fff;
		box-shadow: none;
		padding: 0;
		position: relative;
		z-index: 99;
		left: auto;
		top: auto;
		margin: 0 auto;
	}
	.menu_kaitori > ul > li > .child.open{
		display: block;
	}

	.menu_kaitori > ul > li > .child:before,
	.menu_kaitori > ul > li > .child:after {
		display: none;
	}

	/* has_thumb*/
/*	.menu_kaitori > ul > li > .child ul.nav_has_thumb {
		display: none;
	}
*/

	/* has_thumb_2*/
	.menu_kaitori > ul > li > .child ul.nav_has_thumb,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 {
		margin: 0 auto;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li {
		width: 100%;
		float: none;
		background: #fff;
		padding: 0;
		display: block;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a{
		padding: 0;
		background: #fff;
		border-bottom: 1px solid #ccc;
		width: 100%;
		height: 15vw;
		font-size: 4vw;
		transition: all .2s ease;
		border-radius: 0;
		margin-bottom: 0;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb:last-child li:last-child a,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2:last-child li:last-child a{
		border-bottom: 0;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover{
		box-shadow: none;
		background: #f4f4f4;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .textbox,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .textbox.line2,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .textbox,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .textbox.line2{
		width: 100%;
		height: 100%;
		float: none;
		font-size: 5.2vw;
		padding: 4.8vw 21.3vw 4.8vw 5.3vw!important;
		background: url("../image/ic_arrow_type1_brown.png") no-repeat right 8.3vw center, #fff;
		background-size: 5vw auto;
		transition: all .2s ease;
		box-sizing: border-box;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .textbox,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .textbox.line2,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .textbox,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .textbox.line2{
		background: url("../image/ic_arrow_type1_gold.png") no-repeat right 7.3vw center, #fff;
		background-size: 5vw auto;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .textbox .en,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .textbox .en{
		display: inline-block;
		font-size: 3vw;
		margin-top: 0;
		margin-left: 3vw;
		text-indent: 0;
		vertical-align: 0.5vw;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .textbox .en,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .textbox.line2 .en,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .textbox .en,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .textbox.line2 .en{
		color: #c08b00;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a:hover .textbox,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a:hover .textbox{
		color: #c08b00;
		background: url("../image/ic_arrow_type1_gold.png") no-repeat right 3vw center, #fff;
		background-size: 4vw auto;
	}
	.menu_kaitori > ul > li > .child ul.nav_has_thumb li a .imgbox,
	.menu_kaitori > ul > li > .child ul.nav_has_thumb_2 li a .imgbox {
		display: none;
	}
	#footer_nav_kaitori{
		display: none;
	}
}