#promotionV2 {
	height: 27.6vw;
 }
/* ------------------------------------- */
/*   newheader2   */
/* ------------------------------------- */

#headWrapNew{
	width: 100% !important;
}

.hTop{
	width:100%;
	padding: 10px 0 10px;
	background: #ffffff;
}

.tagline{
	font-size: 10px;
	padding: 0 0 2px 0;
	background: #fff;
	text-align: left;
}
.tagline h1{
	width:1022px;
	margin: 0 auto;
	font-size: 10px;
	font-weight: normal;
}


.hTopCont{
	width:1070px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.logoNew{
	width:365px;
}
.logoNew img{
	width: 100%;
	height: auto;
}
.hTopMenu.viewPC{
	width:calc(1070px - 485px);
	display: flex;
	justify-content: space-between;
}
.hTopMenu ul{
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
	margin-bottom: 0;
	align-items: center;
}
.hTopMenu ul li{
	margin-left: 16px;
}
.hTopMenu ul:nth-last-of-type(1) li{
	margin-left: 13px;
}
.hTopMenu ul li a{
	color: #666 !important;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
}

.hTopLogin{
	width:275px;
}
.hTopLogin ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	align-items: center;
	padding-top: 6px;
}
.hTopLogin ul li{
	width:27px;
	margin-left: 25px;
}
.hTopLogin ul li.loginbtn{
	width:89px;
	margin-left: 5px;
}

.hTopLogin ul li img{
	width: 100%;
	height: auto;
}



#gnaviNew{
	width:100%;
	padding: 12px 0 10px;
	background: #d5ebfb;
	transition: all ease-in-out .2s;
	
	position: relative;
}

#gnaviNew a{
	color: #555 !important;
	text-decoration: none;
}
#gnaviNew > ul{
	width:1070px;
	margin: 0 auto;
	display: flex;

}
#gnaviNew > ul > li{
	width: 100%;
	cursor: pointer;
}
#gnaviNew > ul > li > a{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-top: 79px;
	cursor: pointer;
	/*pointer-events: none;*/
	position: relative;
	overflow: visible;

}
#gnaviNew > ul > li > a:hover::after{
	position: absolute;
	content: "";
	background: #70bffb;
	height: calc(tan(60deg) * 14px / 2);
	width: 20px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 101;
}

#gnaviNew > ul > li > .gnaviNewIn{
	display: none;
	position: absolute;
	z-index: 100;
	padding: 15px 12px;
	width:100%;
	border-top: 3px solid #70bffb;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	margin: 10px 0 0 0;
	
	top: 100px;
	left: 0;
}

.gnaviNewLists{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.otherMenu{
	
}


#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox{
	width: 75%;
	display: flex;
	flex-wrap: wrap;
}
#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox ul{
	width: 33%;
}
#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther{
	width: 25%;
	border-left: 1px solid #ddd;
	padding-left: 15px;
}


#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther ul{
	width: 100%;
}




	
#gnaviNew > ul > li > .gnaviNewIn ul > li{
	margin-bottom: 8px;
}
#gnaviNew > ul > li > .gnaviNewIn ul > li > a.mnew::after{
	content: "NEW";
	display: inline-block;
	padding: 2px 8px 3px;
	line-height: 100%;
	margin: -1px 0 0 5px;
	background: #D45CD7;
	color: #fff;
	font-size: 9px;
	border-radius: 3px;
	letter-spacing: .1em;
}
#gnaviNew > ul > li > .gnaviNewIn ul > li.hm2{
	margin-bottom: 8px;
	padding-left: 15px;
	position: relative;
}


#gnaviNew > ul > li.mno1 > a{
	background: url("../images/head/gnav_icon_01.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno2 > a{
	background: url("../images/head/gnav_icon_02.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno3 > a{
	background: url("../images/head/gnav_icon_03.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno4 > a{
	background: url("../images/head/gnav_icon_04.png") no-repeat center top;
	background-size: auto 74px;
}
#gnaviNew > ul > li.mno6 > a{
	background: url("../images/head/gnav_icon_06.png") no-repeat center top;
	background-size: auto 74px;
}




#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
	

}
#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
    margin-left: auto;
}


#gnaviNew > ul > li > .gnaviNewIn .otherMenuTitle{
	font-size: 12px;
	color: #888;
	padding-bottom: 12px;
	width: 100%;
}




/**/

.spMenu{
	display: none;
}



#footMenu{
	width: 100%;
	padding: 50px 0;
	background: rgba(213,235,251,0.2);
}

#footnaviNew{
	width: 1070px;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 0 0 0;
	background: #fff;
	transition: all ease-in-out .2s;

}
#footnaviNew a{
	color: #333 !important;
	text-decoration: none;
}
#footnaviNew > ul{
	width:100%;
	margin: 0 auto;
	display: block;

}
#footnaviNew > ul > li{
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 19px;
	transition: all .3s ease-in-out;

}
#footnaviNew > ul > li:nth-last-of-type(1){
	border-bottom: none;
}
#footnaviNew > ul > li::after{
	content: "";
	position: absolute;
	top: 13px;
	right: 10px;
	width:10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(45deg);
	transition: all .2s ease-in-out;
}
#footnaviNew > ul > li > a{
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	padding-top: 0;
	cursor: pointer;
	background:none !important;

	pointer-events: none;
}

#footnaviNew > ul > li > a:hover{
	opacity: .8;
}
#footnaviNew > ul > li > ul{
	display: none;
	position: relative;
	background: none;
	padding: 10px 0;
	width:100%;
	border-top: none;
	box-shadow: none;
	margin: 12px 0 0 0;
}
#footnaviNew > ul > li > ul > li{
	margin-bottom: 13px;
}
#footnaviNew > ul > li > ul > li > a{
	font-size: 15px;
	padding-left: 10px;
}
#footnaviNew > ul > li > ul > li > a::before{
	content: "- ";
}



#promotionV2{
	width:100%;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}



#promotionV2 div .promoCont{
	padding: 0 0;
	background: #DAEDFB;
}

#promotionV2 div .promoCont .promoBanaNew{
	width:80vw;
	height: 27.6vw;
	display: block;
	margin: 0 auto;
}
#promotionV2 div .promoCont .promoBanaNew a{
	display: block;
	width: 100%;
	height: 100%;
}



.promo-prev{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%) rotate(45deg);
	width:30px;
	height: 30px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	cursor: pointer;
	z-index: 1;
}
.promo-next{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	width:30px;
	height: 30px;
	border-right: 2px solid #ccc;
	border-top: 2px solid #ccc;
	cursor: pointer;
	z-index: 1;
}


/*ホーム　リセット*/
.home .container {
    width: 100% !important;
}

.home #content {
    margin-top: 0;
    width: 100%;
	left: 0;
	float: none;
}


/*ホームレイアウト*/


.homeBanaEvent3{
	width:1070px;
	margin: 40px auto 0;
	position: relative;
}
.homeBanaEvent3 ul li{
	padding: 0 0;
}
.homeBanaEvent3 ul li a img{
	width:100%;
	height: auto;
}



.homeBanaBtm{
	width:1070px;
	margin: 20px auto 20px;
}
.homeBanaBtm.homeBanaList{
	margin: 20px auto 30px;
}
.homeBanaBtm ul{
	display: flex;
	justify-content: space-between;
}
.homeBanaBtm ul li{
	width:32%;
}
.homeBanaBtm ul li a{
	display: block;
}
.homeBanaBtm ul li a img{
	width:100%;
	height: auto;
}


#homeBlogmenu{
	background: rgba(231,245,255,0.52);
	padding: 40px 0 ;
}
#homeBlogmenuCont {
	width:1070px;
	margin: 0 auto;
}

#homeBlogmenuCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}


#homeNewProducuts,
#homeNewProducutsBest5{
	background: #ffffff;
	padding: 30px 0 ;
}
#homeNewProducutsBest5Cont,
#homeNewProducutsCont {
	width:1070px;
	margin: 0 auto;
}

#homeNewProducutsBest5Cont h2,
#homeNewProducutsCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}





#homeCatmenu{
	background: #ffffff;
	padding: 20px 0 ;
}
#homeCatmenuCont {
	width:1070px;
	margin: 0 auto;
}
#homeCatmenuCont h2{
	margin-bottom: 20px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}




.homeCatmenuImg{
	
}
.homeCatmenuImg ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.homeCatmenuImg ul li{
	width:32%;
	margin: 0 1.33333% 20px 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background:rgba(255,49,203,1.00);
}
.homeCatmenuImg ul li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;

}

.homeCatmenuImg ul li img{
	height: auto;
	display: block;
	width:55%;
}
.homeCatmenuImg ul li .catCap{
	width:45%;
	padding: 10px;
	color: #fff;
	background:rgba(255,49,203,1.00);
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
.homeCatmenuImg ul li .catCap::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	bottom: 10px;
	right: 10px;
}






.homeBlogImg{
	
}
.homeBlogImg ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.homeBlogImg ul li{
	width:32%;
	margin: 0 1.33333% 20px 0;
	position: relative;
}
.homeBlogImg ul li img{
	width:100%;
	height: auto;
}
.homeBlogImg ul li{
	display: block;
}
.homeBlogImg ul li a{
	cursor: pointer;
	text-decoration: none;
}
.homeBlogImg ul li .catCap{
	padding: 0 0 10px;
	color: #666;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-decoration: underline;
}





.thDate{
	color: #666;
	padding: 6px 0 10px;
	z-index: 1;
	font-size: 14px;
	text-decoration: none !important;
}

#homeBlogmenu .goListBtn{
	text-align: center;
}

#homeBlogmenu .goListBtn a{
	padding: 7px 50px 7px 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url(../images/page/icon_arrow.png) no-repeat right 15px center;
    background-size: 12.5px auto;
    border-radius: 50px;
}

.goListBtn{
	text-align: center;
}

.goListBtn a{
	padding: 7px 50px 7px 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url(../images/page/icon_arrow.png) no-repeat right 15px center;
    background-size: 12.5px auto;
    border-radius: 50px;
}



.homeCatMenuList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.homeCatMenuListIn{
	width:36%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.homeCatMenuListIn > ul:nth-of-type(1){
	width: 60%;
}
.homeCatMenuListIn > ul:nth-of-type(2){
	width: 40%;
}
.homeCatMenuListIn > ul:nth-of-type(3){
	width: 60%;
}

.homeCatMenuList ul{
	
}
.homeCatMenuList ul li{
	margin-bottom: 5px;
}

#homeCatmenuCont .homeCatMenuList ul li h2 {
    margin-bottom: 0;
    text-align: left;
    font-size: auto;
    font-weight: 400;
    letter-spacing: .0;
    color: #333;
	margin: 0;
}

#homeCatmenuCont .homeCatMenuList ul li h3 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
    font-weight: normal;
    font-size: auto;
    line-height: 120%;
    background: none;
    padding: 0 0 0 0;
	letter-spacing: 0;
	
}
#homeCatmenuCont .homeCatMenuList ul li h4 {
    font-weight: normal;
	margin-bottom: 0;
}




.homeCatMenuList ul li a{
	color: #333 !important;
	text-decoration: none;
	display: block;
	font-size: 14px;
	line-height: 140%;
}
.homeCatMenuList ul li.homeCatMenuListTitle a{
	color: #57b7ff !important;
	display: block;
	font-weight: bold;
	padding: 25px 0 5px;
	font-size: 17px;
}
.homeCatMenuList ul li a:hover{
	text-decoration: underline !important;
}

.homeCatMenuList ul li.homeCatMenuListTitlenone{
	padding: 46px 0 5px;
    font-size: 17px;
}



.catIcon{
	position: relative;
	padding: 5px 0 8px 52px;
}

.catIcon::before{
	content: "";
	position: absolute;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	background: #eee;
	top: 14px;
	left: -4px;
}

.catIcon.iconAcryl::before{
	background: #D1EBFF url("../images/home/home_catIcon_acryl.png") no-repeat center;
	background-size: 80%;
}
.catIcon.iconAparel::before{
	background: #D1EBFF url("../images/home/home_catIcon_apprel.png") no-repeat center;
	background-size: 80%;
}
.catIcon.iconBag::before{
	background: #D1EBFF url("../images/home/home_catIcon_bag.png") no-repeat center;
	background-size: 80%;
}
.catIcon.iconGoods::before{
	background: #D1EBFF url("../images/home/home_catIcon_goods.png") no-repeat center;
	background-size: 80%;
}
.catIcon.iconSasshi::before{
	background: #D1EBFF url("../images/home/home_catIcon_sasshi.png") no-repeat center;
	background-size: 80%;
}



#homeNews{
	background: #e7f5ff;
	padding: 40px 0 ;
}
#homeNewsCont {
	width:1070px;
	margin: 0 auto;
}
#homeNewsCont h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: .1em;
	color: #333;
}
#homeNewsCont .homeNewsLists{
	display: flex;
	justify-content: center;
}
#homeNewsCont .homeNewsList{

}
#homeNewsCont dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0;
}
#homeNewsCont dl dt{
	width:140px;
	margin: 0 0 30px;
	font-weight: normal;
}
#homeNewsCont dl dd{
	margin: 0 0 30px;
}

#homeNewsCont dl dd a{
	text-decoration: none !important;
	color: #333 !important;
	font-weight: bold;
}

/*カテゴリindexページ*/



.home .container {
	margin-bottom: 0 !important;
}


/* ------------------------------------- */
/*   newheader   */
/* ------------------------------------- */
.home {
	opacity: 1;
	transition: .3s ease-out !important;
	overflow-x: hidden;;
}
/*  全体  */
.one-column{
	width:1070px !important;
	left: inherit;
	margin: 0 auto;
	float: inherit;
}





/* ページ内リンク */



/*  ナビゲーション  */
#wrap{
	overflow:hidden;
	padding-top: 0;
}
#header{
	position: relative;
}
 
/* Submenu */
.gnaviListBg{
	display: none;
	position: absolute;
	bottom: inherit;
	top: 100%;
	left: 0%;
	background: rgba(0,28,78,.96);
	width:100%;
	height: 100px;
	
	z-index: 2000;
}
#gnavi ul li.hMTlist:nth-of-type(1) ul li{width: 33.333333%;}


.viewSP{
	display: none;
}
.viewPC{
	display: block;
}


@media (max-width:767px){
.viewSP{
	display: block;
}
.viewPC{
	display: none;
}

	
	#promotionV2 {

		  height: 119vw;
		  min-height: 119vw; /* これが命 */
		  overflow: hidden;
	 }
	

	#wrap{
		overflow:hidden;
		padding-top: 51px;
	}


	


	/*  全体  */

	.one-column{
		width:100% !important;
		padding: 0 10px;
	}

	/* ページ内リンク */



	/*  ナビゲーション  */

	#main{
		padding-top: 0;
	}
	.home #main{
		padding-top: 0;
	}



	/*ハンバーガーメニュー*/
	#panel-btn {
		display: inline-block;
		position:fixed;
		width:40px;
		height: 44px;
		/* メニューあり top:-5px; */
		top:0;
		right:5px;
		margin: 0 0 0;
		cursor:pointer;
		z-index:2201 ;
		
	}
	#panel-btn::after {
		content: "メニュー";
		font-size: 10px;
		color: #999;
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		width:100%;
		line-height: 100%;
		text-align: center;
		letter-spacing: -.1em;
		padding-bottom: 3px;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 2px;
		margin: -4px 0 0 -15px;

		background: #999;
		transition: .2s;

	}
	#panel-btn-icon:before, #panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 2px;
		margin-left: -15px;
		background: #999;
		transition: .3s;

	}
	#panel-btn-icon:before {
		margin-top: -8px;
	}
	#panel-btn-icon:after {
		margin-top: 6px;
	}

	#panel-btn .close {
		background: transparent;
		opacity: 1;

	}
	#panel-btn .close:before, #panel-btn .close:after {
		margin-top: -2px;
		background: #999;
		width: 34px;
	}
	#panel-btn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}




	/*MENU*/

	/*#gnavi ul li.hMTlist:nth-of-type(4) > a::before,#gnavi ul li.hMTlist:nth-of-type(5) > a::before {
		content: "";
		display: block;
		position: absolute;
		top: 14px;
		right: 6%;
		width: 8px;
		height: 8px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: translateX(-50%) rotate(45deg);
	}*/
	
	/*#gnavi ul li.hMTlist:nth-of-type(4) a,#gnavi ul li.hMTlist:nth-of-type(5) a {
		pointer-events:visible;
	}*/



}








/*sideMenu*/
 
/* Submenu */


/*ブログ*/



@media (max-width: 767px) {

	/* ------------------------------------- */
	/*   newheader2   */
	/* ------------------------------------- */

	#headWrapNew{
		width: 100% !important;
	}

	.hTop{
		width:100%;
		/* メニューあり　padding: 10px 0 10px 0 ;*/
		padding: 7px 0 6px 0 ;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;

	}

	.tagline{
		font-size: 8px;
		padding: 0 0 5px 0;
		background: #fff;
		text-align: left;
	}
	.tagline h1{
		width:calc(96% - 12px);
		margin: 0 auto;
		font-size: 6px;
		font-weight: normal;
	}
	.hTopCont{
		width:100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.logoNew{
		width:184px;
		padding-top: 0px;
		padding-left: 6px;
		margin-top: -1px;
	}
	.logoNew img{
		width: 100%;
		height: auto;
		display: block;
	}
	.hTopMenu.viewPC{
		display: none;
	}
	.hTopMenu ul{
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
		justify-content: center;
		margin-bottom: -1px;
	}
	.hTopMenu ul li{
		margin-left: 0;
	}
	.hTopMenu ul:nth-last-of-type(1) li{
		margin-left: 0;
	}
	.hTopMenu ul li a{
		color: #00abef !important;
		text-decoration: none;
		font-weight: bold;
		padding: 8px 12px 8px 12px;
		display: block;
		line-height: 100%;
		background: none;
	}
	.hTopLogin{
		width:210px;
	}
	.hTopLogin ul{
		display: flex;
		flex-wrap: wrap;
		padding-right: 40px;
		padding-top: 0;
	}
	.hTopLogin ul li{
		width:20px;
		margin-left: 2px;
	}
	.hTopLogin ul li.loginbtn{
		width:63px;
		margin-left: 2px;
	}
	.hTopLogin ul li img{
		width: 100%;
		height: auto;
	}


	#gnaviNew{
		width:100%;
		padding: 0 0 0;
		background: #d5ebfb;
		transition: all ease-in-out .2s;

		display: none;
		
		position: fixed;
		left: 0;
		/*　メニューありtop:40px; */
		top:56px;
		z-index: 100;
		right: 0;
		bottom: 0;
		overflow-y: auto;
	}
	#gnaviNew a{
		color: #555 !important;
		text-decoration: none;
	}
	#gnaviNew > ul{
		width:100%;
		margin: 0 auto;
		display: block;
		border-top: 1px solid rgba(0,0,0,.1)

	}
	#gnaviNew .spMenu > ul{
		margin: 0;
		padding: 4px 0;

	}

	#gnaviNew > ul > li{
		width: 100%;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding: 12px;
		transition: all .3s ease-in-out;
		
	}
	#gnaviNew .spMenu > ul > li{
		width: 100%;
		position: relative;
		padding: 0;
		transition: all .3s ease-in-out;
		font-size: 13px;
		
	}
	#gnaviNew > ul > li::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 10px;
		width:10px;
		height: 10px;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		transform: rotate(45deg);
		transition: all .2s ease-in-out;
	}
	#gnaviNew .spMenu > ul > li::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 10px;
		width:10px;
		height: 10px;
		border-right: 2px solid #999;
		border-top: 2px solid #999;
		transform: rotate(45deg);
		transition: all .2s ease-in-out;
	}
	#gnaviNew > ul > li > a{
		display: block;
		text-align: left;
		font-weight: bold;
		font-size: 12px;
		padding-top: 0;
		cursor: pointer;
		background:none !important;
		
		pointer-events: none;
	}
	#gnaviNew .spMenu > ul > li > a{
		padding: 10px;
		display: block;
	}
	
	#gnaviNew > ul > li > a:hover{
		opacity: .8;
	}
	


	#gnaviNew > ul > li > .gnaviNewIn{
		display: none;

		z-index: 100;
		padding: 15px 12px;
		width:100%;
		border-top:none;
		background: none;
		box-shadow: none;
		margin: 10px 0 0 0;

		top: 100px;
		left: 0;
	}

	.gnaviNewLists{
		width: 100%;
		margin: 0 auto;
		display: block;
		flex-wrap: wrap;
	}
	.otherMenu{

	}
	
	
	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap:0 2%;
	}
	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBox ul{
		width: 49%;
	}
	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther{
		width: 100%;
		border-left: none;
		border-top: 1px solid #ddd;
		padding-left: 0;
		margin-top: 6px;
		padding-top: 6px;
	}


	#gnaviNew > ul > li > .gnaviNewIn .gnaviNewListsBoxOther ul{
		width: 100%;
	}

	
	#gnaviNew > ul > li > .gnaviNewIn{
		display: none;
		position: relative;
		z-index: 100;
		background: none;
		padding: 10px 0;
		width:100%;
		border-top: none;
		box-shadow: none;
		margin: 0 0 0 0;
		top: 0;
	}
	#gnaviNew > ul > li > .gnaviNewIn ul > li{
		margin-bottom: 8px;
	}
	#gnaviNew > ul > li > .gnaviNewIn ul > li > a{
		font-size: 12px;
		padding-left: 5px;
	}
	#gnaviNew > ul > li > .gnaviNewIn ul > li > a::before{
		content: "- ";
	}

	#gnaviNew > ul > li > .gnaviNewIn ul > li.hm2{
		margin-bottom: 4px;
		padding-left: 0px;
		position: relative;
	}


	#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
		padding-top: 0;

	}
	#gnaviNew > ul > li > .gnaviNewIn ul.otherMenu{
		margin-left: auto;
	}


	#gnaviNew > ul > li > .gnaviNewIn .otherMenuTitle{
		display: none;
	}



	
	/**/
	
	
	.spMenu{

		display: block;
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 5px;
		background: #fff;
		width: 94%;
		margin: 10px auto;
	}


	
	
	#footMenu{
		width: 100%;
		padding: 30px 0;
		background: rgba(213,235,251,0.2);
	}

	#footnaviNew{
		width:90%;
		padding: 0 0 0;
		border-radius: 10px;
		transition: all ease-in-out .2s;
		
	}
	#footnaviNew a{
		text-decoration: none;
	}
	#footnaviNew > ul{
		width:100%;
		margin: 0 auto;
		display: block;

	}
	#footnaviNew > ul > li{
		width: 100%;
		position: relative;
		padding: 12px;
		transition: all .3s ease-in-out;
		
	}
	#footnaviNew > ul > li::after{
		content: "";
		position: absolute;
		top: 13px;
		right: 10px;
		width:10px;
		height: 10px;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		transform: rotate(45deg);
		transition: all .2s ease-in-out;
	}
	#footnaviNew > ul > li > a{
		display: block;
		text-align: left;
		font-weight: bold;
		font-size: 12px;
		padding-top: 0;
		cursor: pointer;
		background:none !important;
		
		pointer-events: none;
	}
	
	#footnaviNew > ul > li > a:hover{
		opacity: .8;
	}
	#footnaviNew > ul > li > ul{
		display: none;
		position: relative;
		background: none;
		padding: 10px 0;
		width:100%;
		border-top: none;
		box-shadow: none;
		margin: 0 0 0 0;
	}
	#footnaviNew > ul > li > ul > li{
		margin-bottom: 8px;
	}
	#footnaviNew > ul > li > ul > li > a{
		font-size: 12px;
		padding-left: 10px;
	}
	#footnaviNew > ul > li > ul > li > a::before{
		content: "- ";
	}



	
	
	

	#promotionV2{
		width:100%;
		/* メニューあり padding-top: 40px;*/
		padding-top: 0;
	}
	#promotionV2 div .promoCont{
		width:100%;
		height: inherit;
		display: block;
		margin: 0 auto;
	}
	

	#promotionV2 div .promoCont .promoBanaNew{
		width:100vw;
		height: 118.8vw;
		display: block;
		margin: 0 auto;
	}
	#promotionV2 div .promoCont .promoBanaNew a{
		display: block;
		width: 100%;
		height: 100%;
	}


	.promo-prev{
		position: absolute;
		top: inherit;
		bottom: 20px;
		left: 10px;
		transform: translateY(0) rotate(45deg);
		width:14px;
		height: 14px;
		border-left: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		cursor: pointer;
		z-index: 1;
	}
	.promo-next{
		position: absolute;
		top: inherit;
		bottom: 20px;
		right: 10px;
		transform: translateY(0) rotate(45deg);
		width:14px;
		height: 14px;
		border-right: 2px solid #999;
		border-top: 2px solid #999;
		cursor: pointer;
		z-index: 1;
	}

	
	
	/*ホーム　リセット*/
	.home .container {
		width: 100% !important;
	}

	.home #content {
		margin-top: 0;
		width: 100%;
		left: 0;
		float: none;
	}


	/*ホームレイアウト*/


	.homeBanaEvent3{
		width:100%;
		margin: 40px auto 0;
		position: relative;
	}
	.homeBanaEvent3 ul{
		padding: 0 15px;
	}
	.homeBanaEvent3 ul li{
		padding: 0 0;
	}
	.homeBanaEvent3 ul li a img{
		width:100%;
		height: auto;
	}


	.homeBanaBtm{
		width:100%;
		margin: 20px auto 20px;
	}
	.homeBanaBtm ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.homeBanaBtm ul li{
		width:32%;
		margin-bottom: 0;
	}
	.homeBanaBtm ul li a{
		display: block;
		text-align: center;
	}
	.homeBanaBtm ul li a img{
		width:100%;
		height: auto;
	}

	.homeBanaBtm.homeBanaList{
		width:100%;
		margin: 20px auto 20px;
	}




	#homeBlogmenu,
	#homeNewProducuts{
		background: #ffffff;
		padding: 20px 0 ;
	}
	#homeBlogmenuCont,
	#homeNewProducutsCont {
		width:92%;
		margin: 0 auto;
	}
	#homeBlogmenuCont h2,
	#homeNewProducutsCont h2{
		margin-bottom: 20px;
		text-align: center;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .1em;
		color: #333;
	}

	#homeNewProducuts,
	#homeNewProducutsBest5{
		background: #ffffff;
		padding: 40px 0 0;
	}

	#homeNewProducutsBest5Cont,
	#homeNewProducutsCont {
		width:92%;
		margin: 0 auto;
	}

	#homeNewProducutsBest5Cont h2,
	#homeNewProducutsCont h2{
			margin-bottom: 30px;
			text-align: center;
			font-size: 24px;
			font-weight: 400;
			letter-spacing: .1em;
			color: #333;
	}


	
	
	
	
	

	#homeCatmenu{
		background: #ffffff;
		padding: 20px 0 ;
	}
	#homeCatmenuCont {
		width:92%;
		margin: 0 auto;
	}
	#homeCatmenuCont h2{
		margin-bottom: 20px;
		text-align: center;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .1em;
		color: #333;
	}

	.homeCatmenuImg{

	}
	.homeCatmenuImg ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.homeCatmenuImg ul li{
		width:100%;
		margin: 0 0 10px 0;
		position: relative;
	}
	.homeCatmenuImg ul li img{
		width:55%;

	}
	.homeCatmenuImg ul li a{
		width:100%;
	}
	.homeCatmenuImg ul li .catCap{
		width: 45%;
		padding: 5px 5px 5px 12px;
		font-size: 12px;
		line-height: 140%;
		font-weight: bold;
	}
	
	



	.homeBlogImg{

	}
	.homeBlogImg ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:20px 2%;
	}
	.homeBlogImg ul li{
		width:49%;
		margin: 0;
		position: relative;
	}
	.homeBlogImg ul li img{
		width:100%;
		height: auto;
	}
	.homeBlogImg ul li{
		display: block;
	}
	.homeBlogImg ul li a{
		cursor: pointer;
		text-decoration: none;
	}
	.homeBlogImg ul li .catCap{
		padding: 0 0 10px;
		color: #666;
		text-align: left;
		font-size: 13px;
		line-height: 150%;
		font-weight: bold;
		position: relative;
		text-decoration: underline;
		
	}



	

	.thDate{

	}



	
	
	.homeCatMenuList{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.homeCatMenuListIn{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}
	.homeCatMenuListIn > ul:nth-of-type(1),.homeCatMenuListIn > ul:nth-of-type(2),.homeCatMenuListIn > ul:nth-of-type(3){
		width:100%;
		display: flex;
		flex-wrap: wrap;
		gap:0 2%;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px dashed #ddd;
	}

	
	.homeCatMenuList ul{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		gap:0 2%;
	}
	.homeCatMenuList ul li{
		margin-bottom: 5px;
		width: 49%;
	}
	.homeCatMenuList ul li a{
		color: #333 !important;
		text-decoration: none;
		display: block;
		line-height: 140%;
		font-size: 11px;
	}
	.homeCatMenuList ul li.homeCatMenuListTitle a{
		color: #57b7ff !important;
		display: block;
		font-weight: bold;
		padding: 15px 0 4px;
		font-size:14px;
	}
	.homeCatMenuList ul li a:hover{
		text-decoration: underline !important;
	}


	.homeCatMenuList ul li.homeCatMenuListTitle{
		width: 100%;
		margin-top: 15px;
	}
	

	.homeCatMenuList ul li.homeCatMenuListTitlenone{
		display: none;
	}



	.catIcon{
		position: relative;
		padding: 5px 0 8px 42px;
	}

	.catIcon::before{
		content: "";
		position: absolute;
		width: 41px;
		height: 41px;
		border-radius: 50%;
		background: #eee;
		top: 7px;
		left: -4px;
	}

	.catIcon.iconAcryl::before{
		background: #D1EBFF url("../images/home/home_catIcon_acryl.png") no-repeat center;
		background-size: 80%;
	}
	.catIcon.iconAparel::before{
		background: #D1EBFF url("../images/home/home_catIcon_apprel.png") no-repeat center;
		background-size: 80%;
	}
	.catIcon.iconBag::before{
		background: #D1EBFF url("../images/home/home_catIcon_bag.png") no-repeat center;
		background-size: 80%;
	}
	.catIcon.iconGoods::before{
		background: #D1EBFF url("../images/home/home_catIcon_goods.png") no-repeat center;
		background-size: 80%;
	}
	.catIcon.iconSasshi::before{
		background: #D1EBFF url("../images/home/home_catIcon_sasshi.png") no-repeat center;
		background-size: 80%;
	}


	
	

	#homeNews{
		background: #e7f5ff;
		padding: 20px 0 ;
	}
	#homeNewsCont {
		width:92%;
		margin: 0 auto;
	}
	#homeNewsCont h2{
		margin-bottom: 20px;
		text-align: center;
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .1em;
	}
	#homeNewsCont .homeNewsLists{
		display: flex;
		justify-content: center;
	}
	#homeNewsCont .homeNewsList{

	}
	#homeNewsCont dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0;
	}
	#homeNewsCont dl dt{
		width:100%;
		margin: 0 0 4px;
	}
	#homeNewsCont dl dd{
		width:100%;
		margin: 0 0 15px;
	}

	#homeNewsCont dl dd a{
		text-decoration: none !important;
		color: #666 !important;
	}


	.home .container {
		margin-bottom: 0 !important;
		padding: 0 0 0 0 !important;
	}
	
	/*ブログ*/

}


/*マイページ系*/


/*カート内*/




/*ランディング*/






















/*contact*/



@media (max-width: 767px) {
	


	/*contact*/



}


/*結果発表*/


/*↑結果発表*/

@media (max-width:767px){
	


	/*結果発表*/


	/*↑結果発表*/




	
	
	
}







/*  ホーム売れ筋　*/

.pdtListBoxs{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:20px 2%;
	margin-bottom: 30px
}
.pdtListBox{
	width: calc(94%/4);
	position: relative;
}
.homeUresuji .pdtListBox:nth-of-type(1)::before,
.homeUresuji .pdtListBox:nth-of-type(2)::before,
.homeUresuji .pdtListBox:nth-of-type(3)::before{
	position: absolute;
	right: -9px;
	top: -9px;
	width: 60px;
	height: 60px;
	content: "NO.1";
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	background: #C5A817;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.homeUresuji .pdtListBox:nth-of-type(2)::before{
	content: "NO.2";
	background: #939393;
}
.homeUresuji .pdtListBox:nth-of-type(3)::before{
	content: "NO.3";
	background: #A4642B;
}





.pdtListBox a{

	border: 1px solid #ddd;
	transition: all .1s ease-in-out;
	text-decoration: none !important;
	border-radius: 2px;
	height: 100%;
	display: flex;
	flex-direction: column;


}
.pdtListBox a:hover{
	display: flex;
	border: 1px solid #999;
}
.pdtListBoxImg {
}
.pdtListBoxImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}

.pdtListBoxTxt{
	border-top: 1px solid #ddd;
	padding: 15px;
	background: #F9F9F9;
	flex-grow: 1;
	display: flex;
	flex-direction: column;

}
.pdtListBoxTxt h3{
	background: none;
	padding: 0;
	font-size: 15px;
	border: none;
	margin-bottom: 20px;
	flex-grow: 1;

}
.pdtListBoxTxt h3{
	color: #333 !important;
	text-decoration: none !important;
	
}

.pdtListBoxStxt{
	font-size: 12px;
	color: #333 !important;
}
.pdtListBoxStxt span{
	font-size: 14px;
	color: #ff16d6 !important;
	font-weight: 700;
}





@media screen and (max-width: 800px) {


	.pdtListBoxs{
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap:13px 3%;
		margin-bottom: 30px
	}
	.pdtListBox{
		width: calc(94%/2);
		position: relative;
	}
	.homeUresuji .pdtListBox:nth-of-type(1)::before,
	.homeUresuji .pdtListBox:nth-of-type(2)::before,
	.homeUresuji .pdtListBox:nth-of-type(3)::before{
		position: absolute;
		right: -6px;
		top: -6px;
		width: 44px;
		height: 44px;
		content: "NO.1";
		line-height: 20px;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		border-radius: 50%;
		background: #C5A817;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}
	.homeUresuji .pdtListBox:nth-of-type(2)::before{
		content: "NO.2";
		background: #939393;
	}
	.homeUresuji .pdtListBox:nth-of-type(3)::before{
		content: "NO.3";
		background: #A4642B;
	}





	.pdtListBox a{

		border: 1px solid #ddd;
		transition: all .1s ease-in-out;
		text-decoration: none !important;
		border-radius: 2px;
		height: 100%;
		display: flex;
		flex-direction: column;


	}
	.pdtListBox a:hover{
		display: flex;
		border: 1px solid #999;
	}
	.pdtListBoxImg {
	}
	.pdtListBoxImg img{
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

	.pdtListBoxTxt{
		border-top: 1px solid #ddd;
		padding: 8px;
		background: #F9F9F9;
		flex-grow: 1;
		display: flex;
		flex-direction: column;

	}
	.pdtListBoxTxt h3{
		background: none;
		padding: 0;
		font-size: 13px;
		border: none;
		margin-bottom: 10px;
		flex-grow: 1;

	}
	.pdtListBoxTxt h3{
		color: #333 !important;
		text-decoration: none !important;

	}

	.pdtListBoxStxt{
		font-size: 10px;
		color: #333 !important;
	}
	.pdtListBoxStxt span{
		font-size: 11px;
		color: #ff16d6 !important;
		font-weight: 700;
	}




}






/*新グローバルメニュー*/