@charset "utf-8";
/* MenuGlobal _ CSS (last update: 2022.07.22) */
/* mobile-friendly */

/*SP 320-559px*/
/*TB 560-959px*/
/*PC 960px以上*/


/* =================== SP~TB START =================== */

/*-------------------------------
 Menu
---------------------------------*//*SP_TB*/
div.fxblnk	{ 
	width:100%;
	height: 6.5rem;
	position:relative; z-index:0;
	}

#Menu	{
	width:100%; min-height:0;
	padding:0;
	background:#000;
	color:#fff;
	position:fixed /*relative;*/;
	left:0; top:6.5rem;
	z-index:20;
}
	
.navi_area-fixed	{
	width:100%;
}
	


/*-------------------------------
 Navi _ Menu - Toggle button
---------------------------------*//*SP_TB*/
.navi_menu-toggle { display:block; }
.navi_menu-toggle {
	width: 4.0rem;
	height: 5.0rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
	z-index: 30;
	}
  .navi_menu-toggle.on .one { transform :rotate(40deg) translate(.6rem, .6rem);}
  .navi_menu-toggle.on .two { opacity: 0;}
  .navi_menu-toggle.on .three { transform :rotate(-40deg) translate(.6rem, -.6rem);}
	.one,
	.two,
	.three{
	  width:80%; height: .2rem;
	  margin: .6rem auto;
	  background:#fff;
	  backface-visibility: hidden;
	  transition-duration:0.3s;
	}
	.navi_menu_tit	{ line-height: 1.5rem; }
	.navi_menu_tit em	{
		color: #fff;
		font-size: 1.1rem;
}

	ul.navi_menu-global	{
		display:none;
	}
	ul.navi_menu-global.open	{
		display:flex;
	}

/*-------------------------------
 Navi _ Area - Global
---------------------------------*//*SP_TB*/
.navi_area-global	{
	width:100%;
	max-width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
	position:fixed; left:0; top:6.5rem;
	overflow:scroll;
	z-index:9;
	display:none;
}
	.navi_area-global.open	{ display:block;}

#navi_oeverlay	{
	width:100%; height:100%;
	background: #484848;
	background: rgba(22,22,22,0.9);
	position:fixed; left:0; top:0;
	z-index:0;
	display:none;
}

/*-------------------------------
 Navi _ Menu - Global 
---------------------------------*//*SP_TB*/

	ul.navi_menu-global	{
		width:100%;
		position:relative;
		min-height:100vh;
		background: #484848;
		background: rgba(53,31,22,0.95);
		padding:2vh 0vw 10vh;
		color:#fafafa;
		display: flex;/*open*/
        flex-direction: column;
		justify-content: flex-start;
		margin:0 auto .1rem;
		text-align:left;
	}

		ul.navi_menu-global a	{ color:#fafafa;}

	/* Mega Menu CSS
	-----------------------------*//*SP_TB*/
	ul.navi_menu-global > li	{
		position: relative;
		border-top: .1rem solid .1rem solid rgba(180,180,180,0.2);
		float:none;
		text-align:left;
		display:block;
		font-size: var(--fs-ll);
	}
	ul.navi_menu-global > li.underline {
		border-bottom: 1px solid rgba(180,180,180,0.3);
	}
	#header-item_link 	{
		display: none;
		}
    #naviSNSArea    {
        margin-top: auto;
        padding-top: 1.5rem;
		padding-bottom: 1.5rem;
    }
	#naviDollfie {
		line-height: 7rem;
		height: 6rem;
        text-align: center;
	}
	#naviDollfie a {
		display: inline-block;
		vertical-align: middle;
	}
	#naviDollfie img 	{
		display: block;
		width: 26rem;
		margin: 1rem auto 0;
	}
	#naviDollfie img[src$=".svg"]	{
		width: 16rem;
	}

	ul.navi_menu-global > li > span,
	ul.navi_menu-global > li > a	{
		min-height:6.0rem;
		padding:0 1em 0 1em; 
		line-height:6.0rem;
		display:block;
		cursor: pointer;
		position:relative;
		-webkit-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	}
	ul.navi_menu-global > li > span 	{ /*商品リストOPEN状態*/
		cursor: default;
	}
		#header-item_list {
		}

		ul.navi_menu-global > li:first-child::after,
		ul.navi_menu-global > li:last-child::after	{
			content:"";
			width:100%; height:.1rem;
			position:absolute; left:0;
		}
		ul.navi_menu-global > li:first-child::after	{
			top:-.1rem;
		}
		ul.navi_menu-global > li:hover{ background: rgba(255, 255, 255, 0.1);}
		ul.navi_menu-global > li.selected	{ background: #19191a;}
		ul.navi_menu-global > li.navi-pre:hover	{ background:none; }
		ul.navi_menu-global > li.selected::after	{}
		ul.navi_menu-global > li > a:hover,
		ul.navi_menu-global > li.selected > span,
		ul.navi_menu-global > li.selected > a {
			opacity:1.0;
			text-decoration:none;
			/*color: #333;*/
		}
		ul.navi_menu-global > li > span:hover	{  }
		ul.navi_menu-global > li > span::after	{
			/*content:"＋";*//*商品3個以上でON*/
			position:absolute; right:1em; top:0;
		}
		ul.navi_menu-global > li.selected > span	{
		}
		ul.navi_menu-global > li.selected > span::after	{
			/*content:"－";*//*商品3個以上でON*/
		}

		.navi_ctg_tit	{ 
			font-size: 1.8rem;
			display: none;
		}
		.navi_list_icon	{
			right: -.25em;
			opacity: 0.5;
			position: relative;
			display: none;
			}
	
	/* Visible Menu Area at Hover *//*SP_TB*/
	ul.navi_menu-global div 	{
		width:100%; /*min-width:96.0rem;*/
		height:auto;
		/*display:none;*/ /*商品3個以上でON*/
		/*background: #19191a;*/ /*商品3個以上でON*/
		padding: 0;
		box-shadow:none;
		position:relative; left:auto; top:auto;
		}
		ul.navi_menu-global li.selected div	{ display:block !important;}

	/* Pre */
	ul.navi_menu-global li.navi-notlink,
	ul.navi_menu-global li.navi-pre { color:#939393;}

	ul.navi_menu-global li.navi_Pre {
		pointer-events:none;
		cursor:default;
		}
	ul.navi_menu-global li.navi_Pre a,
	ul.navi_menu-global li.navi_Pre span	{ color:#939393;}
	ul.navi_menu-global li.navi_Pre .navi_ctg	{ display: none;}

	/* Contents Local Menu *//*SP_TB*/
	ul.navi_menu-global li dl{
		width: 100%;
		max-width:calc(92.0rem + 2vw);
		margin: 0 auto;
		line-height: 1.4rem;
		color:#fff;
		text-align: left;
		visibility:visible;
		display: flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
		}
		ul.navi_menu-global li dl dt{
			padding:0;
			margin:0 0 1.0rem;
			font-weight:bold;
			position:relative;
		}
        ul.navi_menu-global li dt:empty	{
            margin-bottom:2.0rem;
        }
		ul.navi_menu-global li dl dd {
			width:100%;
			position: relative;
			text-align: left;
			background: #21387b;
			padding: 0;
			margin: 0;
			box-shadow:none;
		}
		ul.navi_menu-global li dl dd + dd {
		border-top: .1rem solid #3b4b84;
		}
        ul.navi_menu-global li dl dd.navi-full { width:99%; }

		ul.navi_menu-global li dl dd > a,
		ul.navi_menu-global li dl dd > span	{ padding: 1.5em; display:block;}

        ul.navi_menu-global li dl dd a:hover { text-decoration:none; background: rgba(255, 255, 255, 0.1); }


	/* Contents Local Menu_Thum Img *//*SP_TB*/
	.list_second {
        display: flex;
        /*flex-direction: column;*/
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 1em 0 1em;
		}
        .list_second_item    {
          padding: 0 .5em 1em .5em;
          flex: 1 0 var(--col4);
        }
        .list_second_item:first-child {
          /*flex-basis: 100%;*/
        }
        .list_second_item img {
          border: .1rem outset rgba(150,150,150,0.5);
        }
        .list_second_item p    {
            margin-bottom: .5rem;
            font-size: var(--fs-ml);
        }

	/* banner - NEW ICON */
	.new-mark45	{ position: relative;}
  /*Newアイコン：斜め*/
	/*.new-mark45::before	{
		content: "";
		width: 5rem;
		height: 5rem;
		display: block;
		position: absolute;
		left: 0.2rem;
		top: 0.2rem;
		z-index: 10;
		background: linear-gradient( 135deg, rgba(236, 0, 66, 0.9) 0%, rgba(236, 0, 66, 0.9) 50% , rgba(0,0,0,0) 51%);
	}
	.new-mark45::after	{
		width: 6rem;
		color: var(--color-white);
		font-size: 1.0rem;
		text-align: center;
		transform: rotate(-45deg);
		position: absolute;
		left: -1em;
		top: 1.2em;
		z-index: 11;
		content: "NEW";
	}*/
  /*Newアイコン：水平*/
  .new-mark45::before,.new-mark45::after {
    font-size: 1rem;
  }
  .new-mark45::before {
    content: "";
    width: 6em;
    height: 2rem;
    display: block;
    position: absolute;
    left: -.5rem;
    top: -.5rem;
    z-index: 10;
    background: rgba(221, 0, 41, 0.9);
  }
  .new-mark45::after {
    width: 5em;
    color: var(--color-white);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    content: "NEW";
    line-height: 1em;
    text-align: center;
  }

	   /* ----------------------------- Accordion menu by CSS(checkbox) */
		/* Past Item List
		-----------------------------*/ /*ALL*/
		.ac-wrap{
		width: auto;
		margin: 1rem auto;
		}

		.ac-wrap label{
		text-align: center;
		margin: auto;
		position: relative;
		display: inline-block;
		cursor: pointer;
		background: transparent;
		color: #999;
		border-bottom: .1rem solid;
		padding: 1.5rem 1em;
		transition: all 0.5s;
		transform: scale(0.8);
		}

		.ac-wrap label:hover{
		opacity: 0.7;
		-webkit-transition: all .3s;
		transition: all .3s;
		}

		.ac-wrap input{
		display: none;
		}

		.ac-wrap label::after{
		content:"＋";
		font-weight: bold;
		margin-left: .5em;
		}
		.ac-wrap input:checked ~ label {
		/*opacity: 0.7;*/
		color: #fff;
		}
		.ac-wrap input:checked ~ label::after {
		content:"－";
		}

		/*ac-closed*/
		.ac-box{
		height: 0px !important;
		padding: 0px;
		overflow: hidden;
		opacity: 0;
		transition: 0.5s;
		}

		/*ac-open*/
		.ac-wrap input:checked ~ .ac-box{
		height: auto !important;
		padding: 0 0 2rem;
		opacity: 1;
		}
		.ac-box > *	{
		}

		#header__past-item-wrap	{
		background: #302E2D;
		padding-top: 1.5rem;
		padding-bottom: 1rem;
		}

		/* MENU内 Past Item List 上書き*/
		#header-item_list .collections-lnk	{ 
			width: 100%;
		}
		#header-item_list .collections-lnk__list.past-item	{ 
			margin-left: 0;
			margin-right: 0;
		}

		#header-item_list .lnk_btn--clickWrap	{ display: none; }


	   /* ----------------------------- Fixed _ Global navi */
		/* After _ Fixed
		-----------------------------*/ /*ALL*/
		div#menuContens.fixed {
			position: fixed;
			left:0; top: 0;
			z-index: 10000;
			margin-top:0;
		}

/* ==================== SP~TB END =============== */



/* =================== TB START =================== */
@media (min-width: 560px) {
	/* Mega Menu CSS
	-----------------------------*//*TB*/
	ul.navi_menu-global > li	{
    text-align: center;
	}
	/* Contents Local Menu_Thum Img *//*TB*/
	.list_second {
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 90rem;
      margin-left: auto;
      margin-right: auto;
  }
      /*.list_second_item    {
          flex: 1 0 33%;
  }*/
}
/* ==================== TB END ==================== */



/* =================== PC START =================== */
@media (min-width: 960px) {

/*-------------------------------
 Menu
---------------------------------*//*PC*/

div.fxblnk	{ }

#Menu	{ }

/*-------------------------------
 Navi _ Menu - Toggle button
---------------------------------*//*PC*/
.navi_menu-toggle	{
}

/*-------------------------------
 Navi _ Area - Global
---------------------------------*/ /*PC*/

.navi_area-global	{

}
#navi_oeverlay	{

}

/*-------------------------------
 Navi _ Menu - Global 
---------------------------------*/ /*PC*/
	ul.navi_menu-global	{

		}

		ul.navi_menu-global a	{ }

	/* Mega Menu CSS
	-----------------------------*//*PC*/
	ul.navi_menu-global > li	{
    text-align: center;
	}
	#header-home 	{

	}
	#naviDollfie 	{

	}
	#header-item_link 	{

	}
	ul.navi_menu-global > li > span,
	ul.navi_menu-global > li > a	{

	}	
		ul.navi_menu-global > li:hover,
		ul.navi_menu-global > li.selected	{ }
		ul.navi_menu-global > li.navi-pre:hover	{ }
		ul.navi_menu-global > li.selected::after	{}
		ul.navi_menu-global > li > a:hover,
		ul.navi_menu-global > li.selected > span,
		ul.navi_menu-global > li.selected > a {

		}
		ul.navi_menu-global > li > span::after 	{ 

		}
		ul.navi_menu-global > li.selected > span::after	{

		}
		ul.navi_menu-global > li.navi-pre > .navi_ctg	{
			display:none;
		}
		.navi_ctg_tit	{ 

		}
		.navi_list_icon	{

	}
	
	/* Visible Menu Area at Hover *//*PC*/
	ul.navi_menu-global div{

		}
		ul.navi_menu-global li.selected div	{ }
	
	/* Contents Local Menu *//*PC*/
	/* Pre */
	ul.navi_menu-global li.navi-notlink,
	ul.navi_menu-global li.navi-pre { }

	ul.navi_menu-global li.navi_Pre {

		}
	ul.navi_menu-global li.navi_Pre a,
	ul.navi_menu-global li.navi_Pre span	{ }
	ul.navi_menu-global li.navi_Pre .navi_ctg	{ display: none;}


	ul.navi_menu-global li dl{

		}
		ul.navi_menu-global li dl dt{

		}
        ul.navi_menu-global li dt:empty	{

        }
		ul.navi_menu-global li dl dd {

		}
        ul.navi_menu-global li dl dd.navi-full { width:99%; }

		ul.navi_menu-global li dl dd > a,
		ul.navi_menu-global li dl dd > span	{ }

        ul.navi_menu-global li dl dd a:hover { }
		ul.navi_menu-global li dl dd a::after {

		}

	/* Contents Local Menu_Thum Img *//*PC*/
	.list_second {
        
		}
        .list_second_item    {}


	   /* ----------------------------- Accordion menu by CSS(checkbox) */
		/* Past Item List
		-----------------------------*/ /*PC*/
		.ac-wrap 	{}
	
	
	 /* ----------------------------- Fixed _ Global navi *//*PC*/
		
		/* After _ Fixed
		-----------------------------*/
		div#menuContens.fixed {
		}
	
}
/* ==================== PC END =============== */

/* =================== PC Safari Only START =================== */
/*
@media (min-width: 960px) {

	_::-webkit-full-page-media, _:future, :root #header-item_link {
	display: block;
	}
	_::-webkit-full-page-media, _:future, :root #header-item_list {
	display: none;
	}

}
*/
/* ==================== PC Safari Only END =============== */

/*翻訳切替ボタン用位置調整*/
@media only screen and (min-width: 560px) and (max-width: 1200px) {
  .navi_menu-toggle:not(.usa) {
    right: 14rem;
	transition:all .5s ease-in-out;
  }
}