/* LESS Document */
@charset "UTF-8";
body {
    color: #FAE5E5;
	background-color: #000;
}
a {
	color: #E09F9F;
	&:hover {
		color: #FAE5E5;
	}
}

h2 {
	&::after{
    	border-bottom: 1px solid #E09F9F;
	}
}
.top-main-block {
	background: #000;
}
.morebtn {
	a {
	width: 200px;
	border: solid 1px #E09F9F;
	margin:50px auto;
	padding: 1rem 3rem;
	text-align: center;
		display: block;
		color: #E09F9F;
		transition: all 0.3s ease 0s;
		&:hover {
			background: #000;
			color: #fff;
		}
	}
}


#sidebar {
	width: 310px;
	margin: 0 auto;
	padding: 40px;
	height: 100%;
    position: fixed;
	background: #000;
    color: #FAE5E5;
	font-size: 1.6rem;
	font-weight: 500;
    text-align: center;
	overflow-y: auto;
	ul {
		padding: 0;
	}
	&.open {
		display: block;
		}
	&.close {
		display: none;
		float: none;
		text-shadow: none;
		filter: none;
		opacity: 1;
		}
	#global-nav {
		margin: 50px auto;
		font-weight: 700;
		// ul {
		// 	li {
		// 		margin: 0 auto 3rem;
		// 		text-align: left;
		// 		list-style: none;
		// 		line-height: 1;
		// 		letter-spacing: 2px;
		// 		&:last-child {
		// 			margin: 0 auto;
		// 		}
		// 	}
		// }
	}
	.acd-check{
		display: none;
	}
	.acd-label{
		display: block;
		position: relative;
		background: #000;
		color: #E09F9F;
		&:after{
			box-sizing: border-box;
			content: '+';
			display: block;
			height: 52px;
			padding: 0;
			position: absolute;
			right: 0;
			top: 0px;
		}
	}
	.acd-content{
		display: block;
		height: 0;
		opacity: 0;
		padding: 0 10px 0 20px;
		transition: .5s;
		visibility: hidden;
		background: #000;
		font-weight: 500;
		li {
			font-size: 1.4rem;
			font-weight: normal;
			margin: 0 auto 15px;
			display: flex;
			align-items: center;
			&::before{
				content:"";
				width: 5px;
				border-bottom: 1px solid #FAE5E5;
				margin-right: 10px; 
				padding-right: 5px;
			}
				&:last-child {
					margin: 0 auto;
				}
		}
	}
	.acd-check:checked + .acd-label:after{
		content: '-';
	}
	.acd-check:checked + .acd-label + .acd-content{
		height: auto;
		opacity: 1;
		padding: 30px 10px 10px 20px;
		visibility: visible;
	}
	.sns {
		ul {
			margin: 0 auto;
			padding: 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			li {
				width: 35px;
				list-style: none;
				img {
					width: 100%;
					height: auto;
				}
				&:nth-child(2) {
					width: auto;
					height: 35px;
					img {
						width: auto;
						height: 100%;
					}
				}
			}
		}
	}
	.closetLink a {
    background-color: #e09f9f;
	}
}
#menuBtn {
    display: none;
    cursor: pointer;
	background: url(/user_data/packages/bootstrap/img/new/black/ico-menu.png) no-repeat center;
    background-size: 23.35px auto;
	transition: all 0.3s ease 0s;
	&.open {
	    background: url(/user_data/packages/bootstrap/img/new/black/ico-menu.png) no-repeat center;
		background-size: 23.35px auto;
	}
	&.close {
	    background: url(/user_data/packages/bootstrap/img/new/black/ico-menuclose.png) no-repeat center;
		background-size: 23.35px auto;
		opacity: 1;
	}
}
@media screen and (min-width: 768px) {
	#sidebar {
		display: block !important;
	}
}
@media screen and (max-width: 767px) {
	#menuBtn {
		display: block;
		position: fixed;
		width: 50px;
		height: 40px;
		margin:10px 0 0 3px;
		z-index: 100;
	}
	#sidebar {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 15;
		background-color: #000;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding:60px 0;
		font-size: 1.6rem;
		#global-nav {
			height: 100%;
			position: relative;
			margin: 10% auto;
			text-align: left;
			display: contents;
			.acd-label{
				margin-bottom: 0;
			}
			& > ul {
				margin: 8% 10% 10%;
			}
		}
		.sns {
			padding: 0 10%;
		}
	}
}


/*TOP*/
#newsBlock {
		ul.list{
			margin: 30px auto;
			padding: 0;
			li {
				list-style: none;
				margin: 0 auto 1em;
				padding: 0;
			}
		}
		ul.newsSlider {
//			display: none;
		}
	}

.top_pickup {
	margin-top: 80px;
	.itemList {
		display: flex;
		flex-wrap: wrap;
		.item {
			width: calc(90% / 3);
			margin:0 5% 7% 0;
			transform: translateY(10%);
			/*fadein*/
			transition: all 0.6s;
			&:nth-child(3n+3) {
				margin-right: 0;
			}
			a:hover {
				opacity: 1;
				img {
					opacity: 1;
					-webkit-transform: scale(1.05);
						-moz-transform: scale(1.05);
						-o-transform: scale(1.05);
						-ms-transform: scale(1.05);
						transform: scale(1.05);
						cursor:pointer;
				}
			}
			.itemImg {
				position: relative;
				display: flex;
				align-self: flex-start;
				align-items: center;
				overflow:hidden;
				img {
					width: 100%;
					height: auto;
					display: block;
					-moz-transition: -moz-transform 0.8s ease-out;
					-webkit-transition: -webkit-transform 0.8s ease-out;
					-o-transition: -o-transform 0.8s ease-out;
					-ms-transition: -ms-transform 0.8s ease-out;
					transition: transform 0.8s ease-out;
				}
				&:hover{
					img {
						opacity: 1;
					}
				}
				.orderstop {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background-color: rgba(250,229,229,0.4);
					z-index: 2;
					display: flex;
					align-items: center;
					justify-content: center;
					p {
						font-size: 1.6rem;
						color: #333;
						br.sp {
							display: none;
						}
					}
				}
				.comingsoon {
					width: 100%;
					height: 10%;
					position: absolute;
					top: 0;
					  left: 0;
					  right: 0;
					  bottom: 0;
					  margin: auto 0 -1px;
					padding: 20px 0;
					background-color: rgba(255,255,255,0.6);
					z-index: 2;
					display: table;
					p {
						font-size: 1.6rem;
						color: #333;
					}
				}
			}
			.itemName {
				font-size: 1.2rem;
				margin: 10px auto;
				
			}
			@media screen and (max-width: 1399px) {
				width: calc(94% / 2);
				margin:0 5% 8% 0 !important;
				&:nth-child(even) {
					margin-right: 0 !important;
				}
				&:nth-child(3n+3) {
					margin:0 5% 8% 0;
				}
			}
		}
	}
}

footer {
	background: #222;
		#pagetop {
			a {
				text-align: left;
			}
		}
}


/*商品一覧*/
.itemMenu_pc {
	li {
		border: solid 1px #E09F9F;
		a {
			color: #E09F9F;
		}
	}
}
.pager .pagination li a {
	color: #e6aeae;
}


/*商品詳細*/
//#detailarea {
//	color: #333;
//}
#detailarea.directors_select {
		background: #000;
		.tab_area label {
			color: #E09F9F;
		}
		#tab1:checked ~ .tab_area .tab1_label,
		#tab2:checked ~ .tab_area .tab2_label,
		#tab3:checked ~ .tab_area .tab3_label,
		#tab4:checked ~ .tab_area .tab4_label {
		  color: #E09F9F;
		  border-bottom: 3px solid #E09F9F;
		}
		.panel_area {
			p {
				color: #FAE5E5;
			}
			table,
			.sizeDetail,
			.sizeDetail p{
				color: #333;
			}
		}
}
.cartinFake {
	color: #333;
}



@media screen and (max-width: 767px) {
	
	#global-head {
		background: #000;
	}
	
	#newsBlock {
		background: #000;
	}
	
	.spSubmenu {
		.newbtn, .rebtn {
			width: 43%;
			border: solid 1px #E09F9F;
			background: #e09f9f;
			margin:0 auto;
			padding: 0.7rem 1.5rem;
			font-size: 1.2rem;
			text-align: center;
			display: inline-block;
			vertical-align: middle;
			transition: all 0.3s ease 0s;
			&:hover {
				background-color: #E09F9F;
				a {
					color: #fff;
				}
			}
		}
		ul {
			background-color: #f7cfcf;
		}
	}
		
	/*商品詳細*/
	.item_lineup {
		margin: 8% auto;
		.lineupSlider {
			li {
				margin: 0 auto;
			}
		}
	}

	.item_check {
		margin: 24% auto;
		.checkList {
			flex-wrap: wrap;
			margin: 0 auto;
			padding: 0;
			li {
				width: 30%;
				margin: 0 3% 3% 0;
				&:last-child, &:nth-child(3n) {
					margin: 0 0 3%;
				}
			}
		}
	}	
	
	.footersns {
		li {
			margin: 0 9% 0 0 !important;
			&:last-child {
				margin: 0 auto !important;
			}
		}
	}
}