/* LESS Document */
@charset "UTF-8";
body {
	font-family: 'Amiri', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
}
.morebtn {
	a {
	width: 200px;
	border: solid 1px #333;
	margin:50px auto;
	padding: 1rem 3rem;
	text-align: center;
		display: block;
		color: #333;
		transition: all 0.3s ease 0s;
		&:hover {
			background: #E09F9F;
			color: #fff;
		}
	}
}
a {
	transition: all 0.3s ease 0s;
	img {
		opacity: 1;
		transition: all 0.3s ease 0s;
	}
	&:hover{
		text-decoration-color: transparent;
		img {
			opacity: .7;
		}
	}
}

.sp {
	display: none;
	@media screen and (max-width: 767px) {
		display: block;
	}
}

h2 {
	font-size: 3rem;
	display: flex;
    align-items: center;
	margin-bottom: 50px;
	letter-spacing: 2px;
	// &::after{
	// 	content:"";
	// 	width: 20px;
    // 	border-bottom: 1px solid #333;
	// 	margin-left: 20px; 
	// 	padding-right: 15px;
	// }
}

.itemIcon {
	height: 28px;
	margin: 0 auto 5px;
	.iconNew, .iconPre, .iconRe, .iconRevival {
		display: inline-block;
		margin-right: 6px;
		padding: 4px 12px;
		font-size: 12px;
		box-sizing:border-box;
		border:solid 1px #333;
	}
	.iconNew {
		background: #333;
		color: #fff;
	}
	.iconPre {
		color: #DB8C99;
	}
	.iconRe {
		background: #fff;
		color: #333;
	}
	.iconRevival {
		background:#f7cfcf;
		color: #333;
		border:solid 1px #333;
	}
}

@media screen and (max-width: 767px) {
	.itemIcon {
		.iconNew, .iconPre, .iconRe, .iconRevival {
			margin-right: 5px;
			padding: 3px 4px;
			font-size: 10px;
		}
	}
}

#container {
	min-height: 90vh;
}

#sidebar {
	width: 310px;
	margin: 0 auto;
	padding: 40px;
	height: 100%;
    position: fixed;
	background: #FAE5E5;
    color: #333;
	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 2rem;
				text-align: left;
				list-style: none;
				line-height: 1;
				letter-spacing: 2px;
				&:last-child {
					margin: 0 auto;
				}
				&.space {
					margin-bottom: 3.5rem;
				}
			}
			.closetLink {
				a {
					padding: 0.5em;
					display: block;
					border-radius: 3px;
					position: relative;
					text-decoration: none;
					font-size: 14px;
					border: solid 1px #333;
					&::after{
						position: absolute;
						top: 0;
						bottom: 0;
						margin: auto;
						content: "";
						vertical-align: middle;
						right: 10px;
						width: 4px;
						height: 4px;
						border-top: 1px solid #333;
						border-right: 1px solid #333;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
					img {
						width: auto;
						height: 14px;
					}
				}
			}
			.stinaLink {
				a {
					padding: 0.5em;
					display: block;
					border-radius: 3px;
					position: relative;
					text-decoration: none;
					font-size: 14px;
					border: solid 1px #E09F9F;
					&::after{
						position: absolute;
						top: 0;
						bottom: 0;
						margin: auto;
						content: "";
						vertical-align: middle;
						right: 10px;
						width: 4px;
						height: 4px;
						border-top: 1px solid #333;
						border-right: 1px solid #333;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
					img {
						width: auto;
						height: 14px;
					}
					
				}
			}
		}
	}
	.acd-check{
		display: none;
	}
	.acd-label{
		display: block;
		position: relative;
		background: #FAE5E5;
		margin-bottom: 0;
		&: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: #FAE5E5;
		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 #333;
				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%;
					}
				}
			}
		}
	}
}
#menuBtn {
    display: none;
    cursor: pointer;
	background: url(/user_data/img/common/ico-menu.png) no-repeat center;
    background-size: 23.35px auto;
	transition: all 0.3s ease 0s;
	&.open {
	    background: url(/user_data/img/common/ico-menu.png) no-repeat center;
		background-size: 23.35px auto;
	}
	&.close {
	    background: url(/user_data/img/common/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: #FAE5E5;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding:60px 0;
		font-size: 1.6rem;
		z-index: 80;
		#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*/
.container {
	width: 100%;
	padding:0 0 0 310px;
}

#undercolumn, #mypagecolumn {
	margin: 0 60px 80px 0;
}

#mypagecolumn {
	width: auto !important;
}

ul.mymenu {
	margin: 20px auto;
	padding: 0;
	text-align: right;
	li {
		display: inline-block;
		list-style: none;
		margin-right: 20px;
		line-height: 1;
		&:nth-child(1){
			img {
				width: auto;
				height: 18px;
			}
		}
		&:nth-child(2){
			img {
				width: auto;
				height: 17px;
			}
		}
		&:nth-child(3){
			img {
				width: auto;
				height: 18px;
			}
		}
	}
}
.mainSliderBox {
	.mainSlider {
		margin: 0 auto;
		padding: 0;
		li {
			a:hover {
				img {
					opacity: 1;
				}
			}
			.pc {
				display: block;
			}
			.sp {
				display: none;
			}
		}
		.slick-slide {
			margin: 0 auto;
		}
		button{
		  margin: 0;
		  padding: 0;
		  background: none;
		  border: none;
		  border-radius: 0;
		  outline: none;
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none;
		}
		.slide-dots{
			text-align: center;
			position: relative;
			top: -40px;
			margin-bottom: -20px;
			margin-left: -10px;
			padding: 0;
			li{
				display: inline-block;
				margin: 0 10px;
				button{
				  position: relative;
				  text-indent: -9999px;
				  &:before{
					  content: '●';
					  color: #fff;
					  font-size: 7px;
					  text-indent: 0px;
					  position: absolute;
					  top: 0;
					  left: 0;
					  text-shadow:
						  1px 0 0 #999,
						  0 1px 0 #999,
						  -1px 0 0 #999,
						  0 -1px 0 #999;
					}
				}
				&.slick-active{
					button:before{
						color: #E09F9F;
					}
				}
			  }
			}
		img {
			width: 100%;
		}
	}
}

.mainCont {
	padding-right: 60px;
	margin-bottom: 80px;
}

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

.spSubmenu {
	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*/
//			opacity : 0;
			transition: all 0.6s;
//			&:nth-child(3n+2) {
//				transform: translateY(15%);
//			}
			&:nth-child(3n+3) {
//				transform: translateY(20%);
				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) {
//					transform: translateY(10%);
					margin-right: 0 !important;
				}
//				&:nth-child(3n+2) {
//					transform: none;
//				}
				&:nth-child(3n+3) {
//					transform: none;
					margin:0 5% 8% 0;
				}
			}
		}
	}
}

.top_semi,.top_banner  {
	margin: 80px auto;
	text-align: center;
}
.top_banner {
	a {
		img {
			width: 400px;
			height: auto;
		}
	}
}

.top_snap, .item_snap {
	margin: 80px auto;
	.snapSlider {
		margin: 0 auto;
		padding: 0;
		.slick-slide {
			margin:  0 auto;
		}
		.slide-arrow {
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  margin: auto;
		}
		.prev-arrow {
		  left: 5px;
		  z-index: 10;
			width: 14px;
		}
		.next-arrow {
		  right: 5px;
			width: 14px;
			transform: rotate(180deg);
		}
		.snap {
			margin: 0 30px 0 0;
			&:last-child {
				margin-right: 0;
			}
			.snapThumb {
				position: relative;
				overflow: hidden;
				padding-top: 140%;
				img {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.snapName {
				margin: 20px auto 0;
			}
		}
	}
}

.banner {
	text-align: center;
	display: flex;
	justify-content:center;
	align-items: center;
	margin-bottom: 80px;
	a {
		margin-right: 30px;
		&:last-child {
		margin-right: 0;
		}
	}
	img {
		width: 100%;
		height: auto;
	}
}

.top_topics {
	margin: 80px auto;
	.topicsList {
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
		.topics {
			width: 22%;
			margin-right: 3%;
			&:last-child {
				margin-right: 0;
			}
			img {
				width: 100%;
				height: auto;
			}
			.date, .title {
				display: block;
				vertical-align: top;
			}
			.date {
				margin: 10px auto 5px;
			}
		}
	}
}

.top_insta {
	margin:0 auto 120px;
	#instagram-list {
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items:center;
		li {
			list-style: none;
			display: inline-block;
				vertical-align: middle;
				margin-right: 2%;
				width: calc(94%/6);
				height: auto;
			&:last-child {
				margin-right: 0;
			}
			a {
				.instaThumb {
					position: relative;
					overflow: hidden;
					padding-top: 100%;
					img {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
			}
		}
	}
}

footer {
//	margin-top: 100px;
	padding: 50px 0;
	background: #fff;
	text-align: right;
	ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: inline-block;
		vertical-align: middle;
		li {
			display: inline-block;
			margin-right: 30px;
			font-size: 1.2rem;
			a {
				text-decoration: underline;
			}
			&:last-child {
				margin-right: 60px;
			}
			.footersns {
				display: none;
			}
		}
	}
		#pagetop {
			a {
				text-align: left;
			}
		}
}

/*10th event
.top-main-block {
	background-color: #fff;
	margin-bottom: -120px;
    padding-bottom: 80px;
}
#event {
	text-align: center;
	padding:0 0 50px;
	@media screen and (max-width: 767px) {
		padding: 60px 0 0;
	}
	.logoWrap {
		max-width: 850px;
		margin: 0 auto;
		.ttl {
			margin: 0 auto 50px;
		}
		.ttl2 {
			margin: 0 auto;
		}
		@media screen and (max-width: 767px) {
			width: 85%;
			.ttl {
				margin: 8% auto;
				img {
					width: 100%;
					height: auto;
				}
			}
			.ttl2 {
				display: flex;
				justify-content: center;
				align-items: center;
				img {
					width: 65%;
					height: auto;
				}
				a {
					img {
						width: 100%;
						height: auto;
					}
				}
			}
		}
	}
	.img {
		margin: 80px auto;
		max-width: 500px;
		img {
			width: 100%;
			height: auto;
		}
		p {
			margin-top: 50px;
			text-align: center;
			font-size: 20px;
		}
		@media screen and (max-width: 767px) {
			margin: 15% auto;
			img {
				max-width: 75%;
			}
			p {
				font-size: 16px;
			}			
		}
	}
	.dateWrap,.placeWrap {
		margin-bottom: 60px;
		.ttl {
			margin-bottom: 30px;
			img {
				width: auto;
				height: auto;
			}
		}
		p {
			text-align: center;
			font-size: 16px;
			line-height: 2;
		}
		@media screen and (max-width: 767px) {
			margin-bottom: 15%;
			.ttl {
				img {
					width: auto;
					height: 25px;
				}
			}
			p {
				font-size: 16px;
			}
		}
	}

	.invitationWrap {
		margin-bottom: 60px;
		.ttl {
			margin-bottom: 30px;
			img {
				width: auto;
				height: auto;
			}
		}
		p {
			text-align: center;
			font-size: 14px;
			line-height: 2;
		}
		@media screen and (max-width: 767px) {
			margin-bottom: 15%;
			.ttl {
				img {
					width: auto;
					height: 25px;
				}
			}
			p {
				font-size: 13px;
			}
		}
	}

	.ticket {
		text-align: center;
		font-size: 16px;
		line-height: 2;
		a {
			background: #333;
			border: solid 1px #333;
			color: #fff;
			padding: 0.7em 2em;
			border-radius: 50px;
			&:hover {
				background: #fff;
				color: #333;
			}
		}
		@media screen and (max-width: 767px) {
			font-size: 14px;
		}
	}
}*/

/*商品詳細*/
.item_lineup {
	margin: 80px auto;
	.lineupSlider {
		margin: 0 auto;
		padding: 0;
		li {
			margin: 0 5px;
			padding: 0;
			&:last-child {
				margin: 0;
			}
			img {
				width: 100%;
				height: auto;
			}
		}
	}
}

.item_check {
	margin: 80px auto;
	.checkList {
		display: flex;
		justify-content:flex-start;
		align-items: center;
		margin: 0 auto;
		padding: 0;
		li {
			list-style: none;
			width: 12%;
			margin: 0 2% 0 0;
			padding: 0;
			&:last-child {
				margin: 0;
			}
			img {
				width: 100%;
				height: auto;
			}
		}
	}
	
}

/*セミオーダー*/
.content-outer {
	h3 {
		margin-bottom: 20px;
		.txt-right {
			margin-left: 4rem;
		}
	}
}
a.semi-size {
	display: block;
    padding-top: 60px;
    margin-top: -60px;
}
.mainCont.directorSize,
.mainCont.semiorderSystem {
	.semiCopy {
		font-size: 2.4rem;
		margin: 40px auto;
	}
	.page-option{
		h3 {
			border: none;
			background:#E09F9F;
			margin-bottom: 0;
		}
	}
	.content-area {
		margin-bottom: 80px;
		.color-f37f8c {
			color: #E09F9F;
		}
		table.semi-order-table {
			th {
				background:#E09F9F;
			}
		}
	}
}

.guide {
	p {
		margin-bottom: 1rem;
		&:last-child {
			margin-bottom: 0;
		}
	}
}

h2.title-kikaku01 {
	margin-bottom: 20px;
	&::after{
			content:none;
			width: auto;
			border-bottom: none;
			margin-left: 0; 
			padding-right: 0;
		}
}

h2.product-name,
.title-collection-lineup,
.sub-description-left-area h2,
.sub-description-right-area h2 {
	&::after{
			content:none;
			width: auto;
			border-bottom: none;
			margin-left: 0; 
			padding-right: 0;
		}
}

/*detail tab*/
#detailarea.semi_order{
	.tab_wrap {
		width: 100%;
		margin: 10px auto 40px;
	}
	input[type="radio"] {
		display: none;
	}
	.tab_area {
		font-size: 0;
		margin: 0px;
		@media screen and (max-width: 699px) {
			display: block;
			width: 100%;
		}
		label {
			width: auto;
			margin: 0;
			display: inline-block;
			padding: 12px 15px;
			color: #333;
			text-align: center;
			font-size: 13px;
			cursor: pointer;
			-webkit-transition: ease 0.2s opacity;
			transition: ease 0.2s opacity;
			@media screen and (max-width: 699px) {
				display: block;
				text-align: left;
				border-bottom: solid 2px #CCC;
				color: #999;
				position: relative;
				padding: 12px 10px 10px;
				&::after {
					font-family: "FontAwesome";
					content: "\f105";
					font-style: normal;
					font-variant: normal;
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					padding-left: .5em;
				}
			}
		}
	}
	.panel_area {
		.main_comment01,.main_comment02 {
			clear: both;
			margin-top: 20px;
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
		}
		#panel1 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			flex-wrap: wrap;
			li.sub_area {
				width: calc(98%/2);
				&:nth-child(odd) {
					margin: 0 1% 1% 0;
				}
				&:nth-child(even) {
					margin: 0 0 1% 1%;
				}
				img {
					width: 100%;
				}
			}
		}
		.sizeDetailImg {
			background: #fff;
			display: flex;
			justify-content: center;
			align-items: end;
			margin: 0 auto 20px;
			.img{
				flex-basis: 49%;
				img {
					width: 100%;
				}
				&.chart {
					text-align: center;
					img {
						width: 75%;
					}
				}
			}
		}
		.notice {
			margin: 15px auto 15px 0;
			font-size: 12px;
			ul {
				margin: 15px auto 0;
				padding-inline-start: 1.5em;
				li {
					margin: 0 auto 6px;
				}
			}
		}
		.sizeDetail {
			width: 100%;
			overflow: hidden;
			margin-bottom: 10px;
			padding: 10px;
			background: #fff;
			.leftPhoto {
				width: 20%;
				float: left;
				text-align: center;
				img {
					width: auto;
					max-height: 120px;
				}
			}
			.rightTxt {
				width: 80%;
				float: left;
				padding: 15px 0 0 10px;
				box-sizing: border-box;
				h4 {
					font-size: 14px;
					font-weight: bold;
					margin: 0px;
				}
				p {
					padding: 10px 0;
				}
			}
		}
	}
	.tab_panel {
		width: 100%;
		padding: 0px;
		display: none;
		p {
			font-size: 14px;
			letter-spacing: 1px;
			text-align: center;
			padding: 30px 0px;
			text-align: left;
		}
	}
	#tab1:checked ~ .tab_area .tab1_label {
		color: #333;
		border-bottom: 3px solid #333;
		@media screen and (max-width: 699px) {
			border-bottom: 2px solid #333;
		}
	}
	#tab1:checked ~ .panel_area #panel1 {
		display: block;
	}
	#tab2:checked ~ .tab_area .tab2_label {
		color: #333;
		border-bottom: 3px solid #333;
		@media screen and (max-width: 699px) {
			border-bottom: 2px solid #333;
		}
	}
	#tab2:checked ~ .panel_area #panel2 {
		display: block;
	}
	#tab3:checked ~ .tab_area .tab3_label {
		color: #333;
		border-bottom: 3px solid #333;
		@media screen and (max-width: 699px) {
			border-bottom: 2px solid #333;
		}
	}
	#tab3:checked ~ .panel_area #panel3 {
		display: block;
	}
	#tab4:checked ~ .tab_area .tab4_label {
		color: #333;
		border-bottom: 3px solid #333;
		@media screen and (max-width: 699px) {
			border-bottom: 2px solid #333;
		}
	}
	#tab4:checked ~ .panel_area #panel4 {
		display: block;
	}
	#tab5:checked ~ .tab_area .tab5_label {
		color: #333;
		border-bottom: 3px solid #333;
		@media screen and (max-width: 699px) {
			border-bottom: 2px solid #333;
		}
	}
	#tab5:checked ~ .panel_area #panel5 {
		display: block;
	}
}

/*カートまわり*/
.row {
	margin-right: 0;
	margin-left: 0;
}
.panel, .panel02{
	margin-bottom: 50px;
}
#undercolumn_shopping {
	h2 {
		&::after{
			content:none;
			width: auto;
			border-bottom: none;
			margin-left: 0; 
			padding-right: 0;
		}
	}
}
#page_shopping_complete {
	#undercolumn_shopping {
		h2.title {display: none;}
	}
}

/*about*/
.profile-area {
    background: none;
    width: auto;
	margin-bottom: 60px;
    padding: 0;
	.profile {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
		.profile-left-area {
			img {
				width: 100%;
				height: auto;
			}
		}
		.profile-right-area {
			h3 span {
				margin-left: 30px;
			}
		}
	}
}
.companyInfo {
	width: 100%;
	margin-bottom: 80px;
	th, td {
		padding: 20px 0;
	}
	th {
		width: 15%;
		font-weight: bold;
	}
}

.galleryBox {
	a {
		&:hover img {
			opacity: 1;
		}
	}
}

/*contact*/
#undercolumn_contact {
	.col-xs-6 {
		padding-left: 0;
	}
	.btn_area {
		.col-md-push-2 {
			left: 37%;
		}
	}
}

@media screen and (max-width: 1399px) {
	.semiBnr {
		img {
			width: 100%;
			height: auto;
		}
	}
	.banner {
		a {
			margin-right: 15px;
		}
	}
}

@media screen and (max-width: 767px) {
		.pc {
		display: none;
	}
	h2 {
		font-size: 2.8rem;
    	font-weight: bold;
		display: block;
		margin-bottom: 30px;
		text-align: center;
		&::after{
			content:none;
			width: auto;
			border-bottom: none;
			margin-left: 0; 
			padding-right: 0;
		}
	}
	#container {
		min-height: 70vh;
	}

	.container {
		padding:0;
	}
	
	#undercolumn, #mypagecolumn {
		margin: 0 auto;
		padding: 60px 3% 0;
	}
	#global-head {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 60px;
		margin: 0;
		padding-right: 3%;
		background: #fae5e5;
		position: fixed;
		z-index: 90;
	
		h1#logo {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			margin: -1% 0 0;
			padding: 0;
			img {
				width: auto;
				height: 15px;
			}
		}
	}
	
	ul.mymenu {
		margin: 0;
		padding: 0;
		li {
			margin-right: 10px;
			&:last-child {
				margin-right: 0;
			}
		}
	}
	
	.siteMenu {
		display: flex !important;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		background-color: #fff;
		position: relative;
		a {
			width: 50%;
			padding: 2% 5%;
			text-align: center;
			&.stina {
				background-color: #f7cfcf;
				img {
					width: 60px;
					height: auto;
				}
			}
			&.closet {
				padding: 5.5% 5%;
				border: solid 1px #ddd;
				img {
					width: 90%;
					height: auto;
				}
			}
		}
		.stinaDate {
			.upIcon {
				position: absolute;
				top: -30px;
				left: 25%;
    			transform: translateX(-50%);
				display: inline-block;
				margin: 0 0 0.8em;
				padding: 5px 10px;
				max-width: 100%;
				color: #fff;
				font-size: 13px;
				line-height: 1;
				background: #db8c99;
				border-radius: 3px;
				z-index: 60;
				&:before {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -6px;
					border: 6px solid transparent;
					border-top: 6px solid #db8c99;
				}
				p {
					line-height: 1;
					margin-bottom: 0;
				}
			}
		}
		.closetDate {
			.upIcon2 {
				position: absolute;
				top: -30px;
				right: 25%;
    			transform: translateX(50%);
				display: inline-block;
				margin: 0 0 0.8em;
				padding: 5px 10px;
				max-width: 100%;
				color: #fff;
				font-size: 13px;
				line-height: 1;
				background: #333;
				border-radius: 3px;
				z-index: 60;
				&:before {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -6px;
					border: 6px solid transparent;
					border-top: 6px solid #333;
				}
				p {
					line-height: 1;
					margin-bottom: 0;
				}
			}
		}
	}

	.mainSliderBox {
		margin-top: 60px;
		.mainSlider{
			li {
				.pc {
					display: none;
				}
				.sp {
					display: block;
				}
			}
		}
		.slick-dotted.slick-slider {
			margin: 0 auto;
		}
	}
	
	.mainCont {
		padding:0 3%;
		margin-bottom: 20%;
	}
	
	#newsBlock {
		background: #fff;
		padding: 4% 3%;
		ul.newsSlider{
			display: block;
			margin: 0 auto;
			padding: 0;
			li {
				font-size: 1.2rem;
				margin: 0 auto;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
	
	.spSubmenu {
		display: block;
		text-align: center;
		margin-top: 6%;
		.newbtn, .rebtn {
			width: 43%;
			height: 60px;
			// border: solid 1px #f1cbcb;
			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;
			@media (min-width: 1px) and (max-width: 1050px) {
				a:hover {
				  opacity: 1;
				}
			  }
		}
		.newbtn {
			margin-right: 3%;
			&:hover {
				background-color: #f7cfcf;
			}
			a {
				img {
					width: 60px;
					height: auto;
				}
			}
		}
		.rebtn {
			&:hover {
				background-color: #fff;
			}
			a {
				display: block;
				margin: 13px auto 0;
				img {
					width: 90%;
					height: auto;
				}
			}
		}

		ul {
			margin: 4% auto 6%;
			padding: 0 3% 2%;
			overflow-x: auto;
			white-space: nowrap;
			overflow-scrolling: touch;
			-webkit-overflow-scrolling: touch;
			li {
				display: inline-block;
				margin: 0 4.8%;
				text-align: center;
				p {
					font-size: 10px;
					margin: 5px auto 0;
				}
				img {
					width: 80%;
					height: auto;
				}
				a:hover {
					color: #E09F9F;
				}
				&:nth-child(1) {
					img {margin-bottom: 9px;}
				}
				&:nth-child(2) {
					img {width: 70%;}
				}
				&:nth-child(3) {
					img {margin-bottom: 12px;}
				}
				&:nth-child(4) {
					img {width: 55%; margin-bottom: 9px;}
				}
				&:nth-child(5) {
					img {margin-bottom: 9px;}
				}
				&:nth-child(6) {
					img {margin-bottom: 14px;}
				}
				&:nth-child(7) {
					img {margin-bottom: 16px;}
				}
				&:nth-child(8) {
					img {margin-bottom: 11px;}
				}
				&:nth-child(9) {
					img {margin-bottom: 10px;}
				}
			}
				&::-webkit-scrollbar {
				  height: 4px;
				}
				&::-webkit-scrollbar-track {
				  background: none;
				}
				&::-webkit-scrollbar-thumb {
				  background: #aaa;
				  border: none;
				}
				&::-webkit-scrollbar-thumb:hover {
				  background: #999;
				}
		}
	}
	
	.top_pickup {
		margin: 12% auto 0;
		.itemList {
			margin: 0 -3%;
			.item {
				width: calc(95% / 2);
				height: auto;
				transform: translateY(15%);
				.itemIcon {
					height: 22px;
					.iconNew, .iconPre, .iconRe {
						margin-right: 5px;
						padding: 3px 8px;
						font-size: 10px;
					}
				}
				.itemImg {
					position: relative;
					width: 100%;
					.orderstop {
						p {
							font-size: 1.2rem;
							br.sp {
								display: block;
							}
						}
					}
					.comingsoon {
						padding: 14px 0 !important;
						p {
							font-size: 1.2rem !important;
						}
					}
				}
				.itemName {
					margin: 5px auto;
				}
				&:nth-child(odd) {
					.itemName {
						margin: 5px 0 0 5px;
					}
				}
//				&:nth-child(even) {
//					transform: translateY(10%);
//				}
			}
		}
	}

	.bottomMenu {
		display: flex !important;
		justify-content: space-around;
		align-items: center;
		position: fixed;
		bottom: 0;
		z-index: 50;
		width: 100%;
		background-color: #fff;
		border-top: solid 1px #ccc;
		opacity: 1;
		transform: translateY(100px);
		a {
			width: 50%;
			padding: 2% 5%;
			text-align: center;
			opacity: 1;
			&.stina {
				background-color: #f7cfcf;
				img {
					width: 60px;
					height: auto;
				}
			}
			&.closet {
				img {
					width: 70%;
					height: auto;
				}
			}
		}
		.stinaDate {
			.upIcon {
				position: absolute;
				top: -30px;
				left: 25%;
    			transform: translateX(-50%);
				display: inline-block;
				margin: 0 0 0.8em;
				padding: 5px 10px;
				max-width: 100%;
				color: #fff;
				font-size: 13px;
				line-height: 1;
				background: #db8c99;
				border-radius: 3px;
				z-index: 60;
				&:before {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -6px;
					border: 6px solid transparent;
					border-top: 6px solid #db8c99;
				}
				p {
					line-height: 1;
					margin-bottom: 0;
				}
			}
		}
		.closetDate {
			.upIcon2 {
				position: absolute;
				top: -30px;
				right: 25%;
    			transform: translateX(50%);
				display: inline-block;
				margin: 0 0 0.8em;
				padding: 5px 10px;
				max-width: 100%;
				color: #fff;
				font-size: 13px;
				line-height: 1;
				background: #333;
				border-radius: 3px;
				z-index: 60;
				&:before {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -6px;
					border: 6px solid transparent;
					border-top: 6px solid #333;
				}
				p {
					line-height: 1;
					margin-bottom: 0;
				}
			}
		}
		/*　上に上がる動き　*/
		&.UpMove{
			animation: UpAnime 0.5s forwards;
		}
		@keyframes UpAnime{
		from {
			opacity: 0;
			transform: translateY(100px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
		}

		/*　下に下がる動き　*/
		&.DownMove{
			animation: DownAnime 0.5s forwards;
		}
		@keyframes DownAnime{
		from {
			opacity: 1;
			transform: translateY(0);
		}
		to {
			opacity: 1;
			transform: translateY(100px);
		}
		}
	}

	.top_banner {
		margin: 10% 3% 30%;
		a {
			img {
				width: 70%;
				height: auto;
			}
		}
	}

	
	.top_semi {
		margin: 20% auto;
		display: block;
		.semiBnr {
			img {
				width: 100%;
				height: auto;
			}
		}
	}
	.top_snap {
		margin: 24% auto;
		.snapSlider {
			.slick-slide {
			margin: 0 auto;
			}
			.slide-arrow {
//				top: -40px;
			}
			.snap {
				margin:0 0.3%;
//				&:last-child {
//					margin-right: 0;
//				}
				img {
					width: 100%;
					height: auto;
				}
				.snapName {
					margin: 3% auto 0;
				}
			}
		}
	}

	.top_topics {
		margin: 24% auto;
		.topicsList {
			flex-wrap: wrap;
			.topics {
				width: 47%;
				margin:0 3% 10% 0;
				&:nth-child(2n) {
					margin-right: 0;
				}
			}
		}
	}

	.banner {
		display: inline-block;
		width: 100%;
		margin-bottom: 24%;
		a {
			margin-right: 0;
			img {
				margin-bottom: 8%;
			}
			&:last-child {
				img{
					margin-bottom: 0;
				}
			}
		}
	}

	.top_insta {
		margin:0 auto 24%;
		padding:0;
		#instagram-list {
			flex-wrap: wrap;
			li {
				width: calc(94% / 3);
				height: auto;
				margin:0 2% 2% 0;
				&:nth-child(3n) {
					margin-right: 0;
				}
			}	
		}
	}

	footer {
//		margin-top: 30%;
		padding: 12% 8% 8%;
		text-align: left;
		ul {
			margin: 0 auto;
			padding: 0;
			list-style: none;
			display: block;
			li {
				display: block;
				margin-right: 0;
				margin-bottom: 8%;
				font-size: 1.2rem;
				a {
					text-decoration: none;
				}
				&:last-child {
					margin-right: 0;
					padding-top: 4%;
					text-align: center;
				}
			.footersns {
				display: block;
				text-align: center;
				padding: 4% 0;
				li {
					width: 35px;
					height: 35px;
					display: inline-block;
					margin: 0 9% 0 0;
					&:nth-child(2) {
						img {
							width: auto;
							height: 100%;
						}
					}
					&:last-child {
						margin: 0 auto;
						padding: 0;
					}
					img {
						width: 100%;
						height: auto;
					}
				}
				}
			}
		}
	}
	
	/*商品詳細*/
	.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%;
				}
			}
		}

	}
	
	/*セミオーダー*/
	.content-outer {
		h3 {
			margin-bottom: 6%;
			.txt-right {
				margin-left: auto;
			}
		}
	}
	
	.mainCont.directorSize,
	.mainCont.semiorderSystem {
		padding-top: 60px;
		.semiCopy {
			font-size: 1.6rem;
			margin: 6%;
			text-align: center;
		}
		.content-area {
			margin-bottom: 12%;
		}
	}
	#detailarea.semi_order{
		#detailrightbloc-wrap.col-md-6 {
			padding: 0;
		}
	}
	
	/*カートまわり*/
	.login_area {
		background: none;
		padding: 0;
		border: none;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.panel, .panel02{
		margin-bottom: 15%;
	}
	
	.companyInfo{
		margin:0 auto 24%;
		th,td {
			display:block;
			width:auto;
			padding: 0 0 5%;
		}
	}
	.profile-right-area {
			h3 span {
				margin-left: 0 !important;
			}
		}
	
	/*contact*/
	#undercolumn_contact {
		margin-bottom: 24%;
		.btn_area {
			.col-md-push-2 {
				left: 0;
			}
		}
	}
	
}

/*クーポン*/
#coupon_list {
	#coupon_list__coupon_box2 {
		margin-bottom: 0;
		border: 0;
		box-shadow: none;
		#coupon_list__coupon_box {
			dl#coupon_list__list {
				margin: 0 auto;
				padding: 20px 0;
				border-bottom: solid 1px #eee;
				dt,dd {
					display: inline-block;
				}
				dt {
					margin-right: 1em;
				}
			}
		}
		
	}
}

#coupon_entry {
	max-width: 900px;
	margin: 0 auto;
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: none;
	}
	#coupon_entry__body {
		width: 100%;
		margin: 0 auto;
		#coupon_entry__body_inner {
			width: 100%;
			padding: 0;
			margin: 20px auto;
		}
		#coupon_entry_footer {
			#coupon_entry__button_menu {
				width: 70%;
				margin: 0 auto;
			}
		}
	}
}
#result_list_main__list {
	max-width: 900px;
	margin: 30px auto 0;
	#result_list_main__list_body {
		width: 100%;
		margin: 0 auto;
		table {
			display: inline-table;
		}
	}
}

@media screen and (max-width: 767px) {
	#page_plg_simplecoupon_front_coupon {
		h1.page-heading {
			margin-top: 80px;
			padding: 0 3%;
			margin-bottom: 8%;
		}
		#coupon_entry__body {
			padding: 0;
		}
	}
}

/******************************************

2021クリマス用CSS

******************************************
#page_homepage.front_page {
	#container {
		.top-main-block {
			background: url("/user_data/img/top/animationBg2021.gif") right top;
		}
	}
}*/

/*.pcIb {
    display: inline-block;
}
.spIb {
    display: none;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
.categoryBanner .director {
    width: 93%;
}
#header {
    @media (max-width: 767px) {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999;
        .logo {
            display: none;
        }
		
    }
}
.top-main-block {
    #mv {
        display: flex;
        -ms-align-items: center;
        align-items: center;
        position: relative;
        .logo {
            max-width: 34%;
            position: absolute;
            left: 75px;
            top: 110px;
            img {
                max-width: 100%;
            }
        }
        .img {
            width: calc(~'100% - 200px');
            height: 625px;
            background: url(/user_data/img/top/mv.jpg) right center no-repeat;
            background-size: contain;
            margin: 0 0 0 auto;
            img {
                width: 100%;
            }
        }
		
        @media (max-width: 767px){
            .sp {
                display: block !important;
            }
            .pc {
                display: none !important;
            }
            .archive {
                max-width: 100%;
            }
            .logo {
                position: absolute;
                top: 30px / 2;
                left: 30px / 2;
                img {
                    width: 258px / 2;
                    height: 173px / 2;
                }
            }
            .txt {
                width: 687px / 2;
                height: 119px / 2;
                position: absolute;
                top: 250px;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                transform: translateY(-110.5px);
                span {
                    display: block;
                    margin-bottom: 40px;
                    img {
                        width: 258px / 2;
                        height: 173px / 2;
                    }
                }
                img {
                    width: 100%;
                }
            }
            .img {
                width: 100%;
                height: auto;
                background: none;
                margin: 50px 0 0;
                img {
                    width: 100%;
                }
            }
            .btn {
                width: 109px / 2;
                height: 104px / 2;
                padding: 0;
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                margin: auto;
                a {
                    display: block;
                    img {
                        width: 100%;
                    }
                }
            }
        }
        @media (max-width: 665px){
            
        }
    }
	
    #newsBlock {
        background: #fff;
        width: calc(~'50% + 65px');
        min-height: 50px;
        margin: 0 0 -70px auto;
        padding: 57px 30px 57px 151px;
        position: relative;
        transform: translateY(-25%);
        .ttl {
            color: #f37f8c;
            font-size: 30px;
            letter-spacing: 0.1em;
            position: absolute;
            top: 20px;
            left: 0;
            transform: translateX(-50%);
            &:after {
                content: '';
                display: block;
                background: #f37f8c;
                width: 180px;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: -10px;
            }
        }
        .list {
            margin: 0;
            padding: 0;
            list-style: none;
            li {
                font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
                + li {
                    margin-top: 25px;
                }
                .data {
                    display: inline-block;
                    background: #f37f8c;
                    padding: 1px 10px;
                    color: #fff;
                }
                a {
                    display: inline-block;
                    margin-left: 17px;
                    text-decoration: underline;
                }
            }
        }
        @media (max-width: 767px){
            width: 100%;
            margin: 0;
            padding: 70px / 2 30px / 2 80px / 2;
            transform: translateY(0);
            .ttl {
                text-align: center;
                position: static;
                margin: 0 0 20px;
                font-size: 40px / 2;
                transform: translateX(0);
                font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
                &:after {
                    display: none;
                }
            }
            .list {
                li {
                    font-size: 12px;
                    .data {
                        display: inline-block;
                        margin: 0 0 10px;
                        padding: 1px 5px;
                    }
                    a {
                        display: block;
                        margin-left: 0;
                    }
                }
            }
        }
    }
	// バナー中央揃え
//	    #selectItem {
//			background: url(/user_data/img/top/select-bg.jpg) center no-repeat;
//			background-size: cover;
////			margin: 100px 0 120px;
////			padding: 0 170px;
//			margin: 100px auto 120px;
//			padding: 0;
//			position: relative;
//			text-align: center; //追加
//        .img {
//            transform: translateY(-40px);
////			margin: 0 0 -80px;
//			margin: -90px 0 -180px;
//			display: inline-block; //追加
//            img {
//                max-width: 100%;
//            }
//        }
//        .ttl {
//            letter-spacing: 0.2em;
//            font-size: 32px;
//            font-weight: 500;
////            position: absolute;
////            top: 80px;
////            left: 940px;
//			position: relative;
//			top: 80px;
//			left: 190px;
//            z-index: 2;
//			br.pc {
//					display: block;
//				}
//        }
//        .moreBtn {
////            position: absolute;
////            right: 185px;
////            bottom: 80px;
//			position: relative;
//			left: 55%;
//			bottom: 90px;
//            a {
//                display: block;
////                width: 320px;
//				width: 250px;
//                height: 100px;
//                line-height: 100px;
//                text-align: center;
//                font-size: 20px;
//                font-weight: 500;
//                letter-spacing: 0.2em;
//                border: 1px solid #000;
//                position: relative;
//                &:after {
//                    content: '';
//                    display: block;
//                    background: #000;
//                    width: 67px;
//                    height: 1px;
//                    position: absolute;
//                    top: 0;
//                    bottom: 0;
//                    right: -15px;
//                    margin: auto;
//                }
//            }
//        }
//		@media (max-width: 1379px){
//			.ttl {
////				top: 40px;
//				br.pc {
//					display: block;
//				}
//			}
//		}
//        @media (max-width: 1024px){
//            background-image: url(/user_data/img/top/sp/select-bg.jpg);
//            margin: 0;
//            padding: 80px 78px;
//            .container {
//                width: 100%;
//            }
//            .img {
//                transform: translateY(0);
//                margin: 0 0 35px;
//                img {
//                    width: 100%;
//                }
//            }
//            .ttl {
//                margin: 0 0 30px;
//				br.pc {
//					display: none;
//				}
//            }
//            .moreBtn {
//                position: static;
//                a {
//                    display: block;
//                    width: 100%;
//                    &:after {
//                        right: 93px / 2;
//                    }
//                }
//            }
//        }
//        @media (max-width: 767px){
//            padding: 80px / 2 0;
//            .ttl {
//                margin: 0 0 30px;
//                position: static;
//                font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
//                font-size: 46px / 2;
//            }
//            .moreBtn {
//                a {
//                    height: 160px / 2;
//                    line-height: 160px / 2;
//                    font-size: 32px / 2;
//                    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
//                    &:after {
//                        width: 100px / 2;
//                        height: 1px / 2;
//                    }
//                }
//            }
//        }
//    }
	
// 通常バナー
    #selectItem {
        background: url(/user_data/img/top/select-bg.jpg) center no-repeat;
        background-size: cover;
        margin: 100px 0 120px;
        padding: 0 170px;
        position: relative;
        .img {
            transform: translateY(-40px);
			margin: 0 0 -80px;
            img {
                max-width: 100%;
            }
        }
        .ttl {
            letter-spacing: 0.2em;
            font-size: 40px;
            font-weight: 500;
            position: absolute;
//            top: 50px;
            top: 80px;
            right: 170px;
            z-index: 2;
			br.pc {
				display: none;
			}
			.xmas {
				display: inline-block;
				position: relative;
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 20px;
				color: #FFF;
				margin-bottom: 0.8rem;
				padding: 0 40px 0 20px;
				background: #bb6370;
				box-sizing: border-box;
				&:after {
					position: absolute;
					content: '';
					width: 0px;
					height: 0px;
					z-index: 1;
					top: 0;
					right: -15px;
					border-width: 25px 15px 25px 0px;
					border-color: #bb6370 transparent;
					border-style: solid;
				}
			}
        }
        .moreBtn {
            position: absolute;
            right: 185px;
//            bottom: 60px;
            bottom: 80px;
            a {
                display: block;
                width: 320px;
                height: 100px;
                line-height: 100px;
                text-align: center;
                font-size: 20px;
                font-weight: 500;
                letter-spacing: 0.2em;
                border: 1px solid #000;
                position: relative;
                &:after {
                    content: '';
                    display: block;
                    background: #000;
                    width: 67px;
                    height: 1px;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: -15px;
                    margin: auto;
                }
            }
        }
		@media (max-width: 1379px){
			.ttl {
				top: 40px;
				line-height: 1.2;
				br.pc {
					display: block;
				}
			}
			.moreBtn {
				right: 145px;
				bottom: 40px;
			}
		}
        @media (max-width: 1024px){
            background-image: url(/user_data/img/top/sp/select-bg.jpg);
            margin: 0;
            padding: 80px 78px;
            .container {
                width: 100%;
            }
            .img {
                transform: translateY(0);
                margin: 0 0 35px;
                img {
                    width: 100%;
                }
            }
            .ttl {
                margin: 0 0 30px;
				br.pc {
					display: none;
				}
				.xmas {
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				padding: 0 20px 0 16px;
				&:after {
					border-width: 15px 15px 15px 0px;
				}
			}
            }
            .moreBtn {
                position: static;
                a {
                    display: block;
                    width: 100%;
                    &:after {
                        right: 93px / 2;
                    }
                }
            }
        }
        @media (max-width: 767px){
            padding: 80px / 2 0;
            .ttl {
                margin: 0 0 30px;
                position: static;
                font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
                font-size: 46px / 2;
            }
            .moreBtn {
                a {
                    height: 160px / 2;
                    line-height: 160px / 2;
                    font-size: 32px / 2;
                    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
                    &:after {
                        width: 100px / 2;
                        height: 1px / 2;
                    }
                }
            }
        }
    }
}


@media (min-width: 796px){
    .icon-newarrival {
        left: 3.5%;
    }
}
@media (max-width: 665px){
    .pcIb {
        display: none;
    }
    .spIb {
        display: inline-block;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .categoryBanner .director {
        width: 100%;
    }
}
*/