/* LESS Document */
@charset "UTF-8";
body {
    color: #333;
	background-color: #fff;
}
a {
	color: #333;
	&:hover {
		color: #666;
	}
}
.top-main-block {
	background: #fff;
}
.morebtn {
	a {
	width: 200px;
	border: solid 1px #333;
	margin:50px auto;
	padding: 1rem 3rem;
	text-align: center;
		display: block;
		color: #E09F9F;
		transition: all 0.3s ease 0s;
		&:hover {
			background: #fff;
			color: #666;
		}
	}
}

#sidebar {
	width: 310px;
	margin: 0 auto;
	padding: 40px;
	height: 100%;
    position: fixed;
	background: #fff;
    color: #333;
	font-size: 1.6rem;
	font-weight: 500;
    text-align: center;
	overflow-y: auto;
	.logo.pc {
		margin: 60px auto 74px;
	}
	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;
				}
			}
		}
	}
	.acd-check{
		display: none;
	}
	.acd-label{
		display: block;
		position: relative;
		background: #fff;
		color: #333;
		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: #fff;
		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: #fff;
		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*/
#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;
				}
			}
		}
	}
}

.top_category {
	margin: 0 auto;
	.categoryBox {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		a {
			font-size: 18px;
			position: relative;
			display: inline-block;
			padding: 0 0 0 15px;
			vertical-align: middle;
			text-decoration: none;
			&::before{
				position: absolute;
				top: -5px;
				bottom: 0;
				left: 4px;
				margin: auto;
				content: "";
				vertical-align: middle;
				box-sizing: border-box;
				width: 4px;
				height: 4px;
				border: 4px solid transparent;
				border-left: 4px solid #333;
			}
			&:last-of-type {
				left: -15px;
			}
		}
	}
}

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


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


/*商品詳細*/
//#detailarea {
//	color: #333;
//}
#detailarea.directors_select {
		background: #fff;
		.tab_area label {
			color: #333;
		}
		#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: #333;
		  border-bottom: 3px solid #333;
		}
		.panel_area {
			p {
				color: #333;
			}
			table,
			.sizeDetail,
			.sizeDetail p{
				color: #333;
			}
		}
}
.cartinFake {
	color: #333;
}



@media screen and (max-width: 767px) {
	
	#global-head {
		background: #fff;
	}
	
	#newsBlock {
		background: #fff;
	}
	
	.spSubmenu {
		display: flex;
		justify-content: space-around;
		align-items: center;
		.newbtn, .rebtn {
			width: 43%;
			// border: solid 1px #ddd;
			padding: 0.7rem 1.5rem;
			font-size: 1.2rem;
			text-align: center;
			display: flex;
			justify-content: space-around;
			align-items: center;
			transition: all 0.3s ease 0s;
			@media (min-width: 1px) and (max-width: 1050px) {
				a:hover {
				  opacity: 1;
				}
			  }
		}
		.newbtn {
			margin: 0 3% 0 auto;
			&:hover {
				background-color: #f7cfcf;
				a {
					color: #fff;
				}
			}
			a {
				img {
					width: 60px;
					height: auto;
				}
			}
		}
		.rebtn {
			margin: 0 auto 0 0;
			&:hover {
				background-color: #fff;
			}
			a {
				margin: auto !important;
				img {
					width: 90%;
					height: auto;
				}
			}
		}
	}

	.top_category {
		margin: 0 auto;
		.categoryBox {
			flex-wrap: wrap;
			width: 80%;
    		margin: 0 auto;
			a {
				margin-bottom: 0.5em;
				padding-right: 1.5em;
				&:nth-child(4),&:last-child {
					margin-bottom: 0;
				}
				&:nth-child(3),&:last-child {
					padding-right: 0;
				}
			}
		}
	}
		
	/*商品詳細*/
	.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;
			}
		}
	}
}

/*特集ページ*/
#closet {
	@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
	font-family: 'Amiri', 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "MSP明朝", "MS PMincho", "MS 明朝", serif;
	img {
		width: 100%;
		height: auto;
	}
	@media screen and (max-width: 767px) {
		margin-top: 60px;
	}
	.mv {
		width: 100%;
		margin-bottom: 100px;
		@media screen and (max-width: 767px) {
			margin-bottom: 50px;
		}
	}
	.closetCont {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		.brand {
			position: relative;
			height: 1600px;
			.img01 {
				position: absolute;
				width: 48%;
			}
			.img02 {
				position: absolute;
				width: 48%;
				right: 0;
				top: 568px;
			}
			.brandtxt {
				position: absolute;
				z-index: 5;
				top: 40px;
				right: 40px;
				width: 55%;
				border: solid 1px #333;
				padding: 50px;
				background: #fff;
				.ttl {
					margin: 0 auto 20px;
					text-align: center;
					img {
						width: 200px;
					}
				}
				p {
					font-size: 1.4rem;
					line-height: 3;
					text-align: center;
					margin: 0 auto;
				}
			}
			.brandtxt2 {
				position: relative;
				width: 50%;
				top: 930px;
				text-align: center;
				p {
					font-size: 1.4rem;
					line-height: 3;
				}
				.ttl {
					margin: 0 auto 20px;
					img {
						width: 140px;
					}
				}
			}
			@media screen and (max-width: 767px) {
				height: 1840px;
				.img01 {
					width: 70%;
				}
				.img02 {
					width: 70%;
					top: 810px;
				}
				.brandtxt {
					position: relative;
					z-index: 5;
					top: 370px;
					right: auto;
					width: 90%;
					margin: 0 auto;
					padding: 8% 5% 6%;
					.ttl {
						img {
							width: 50%;
						}
					}
					p {
						font-size: 1.1rem;
						line-height: 2.8;
					}
				}
				.brandtxt2 {
					width: 90%;
					top: 790px;
					margin: 0 auto;
					p {
						font-size: 1.1rem;
						line-height: 2.8;
					}
					.ttl {
						img {
							width: 35%;
						}
					}
				}
			}
		}
		.profile {
			position: relative;
			max-width: 800px;
    		height: 560px;
			margin: 0 auto;
			.img {
				position: absolute;
				z-index: 5;
				width: 40%;
				right: 0;
			}
			.txt {
				position: absolute;
				width: 65%;
				border: solid 1px #333;
				padding: 40px;
				background: #fff;
				top: 180px;
				color: #e4a6aa;
				.name {
					font-size: 1.4rem;
					font-weight: 700;
					line-height: 1.2;
					margin-bottom: 10px;
				}
				p {
					font-size: 1.4rem;
					line-height: 1.4;
					width: 92%;
					margin: 0;
				}
			}
			@media screen and (max-width: 767px) {
				height: 415px;
				.img {
					width: 40%;
				}
				.txt {
					position: relative;
					width: 70%;
   					padding: 6% 5%;
					top: 50px;
					left: -2px;
					.name {
						font-size: 1.2rem;
					}
					p {
						font-size: 1.1rem;
						width:87%;
					}
				}
			}
		}
		.productCont {
			margin: 100px auto;
			.ttl {
				margin: 0 auto 80px;
				text-align: center;
				font-size: 30px;
				img {
					width: auto;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 80px auto;
				.ttl {
					margin: 0 auto 50px;
					img {
						width: 40%;
					}
				}
			}
			.product01 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin-bottom: 80px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						left: 0;
						bottom: 50px;
					}
				}
				.img {
					position: relative;
					height: 1300px;
					.img02 {
						position: absolute;
						left: 0;
						width: 48%;
					}
					.img03 {
						position: absolute;
						right: 0;
						top: 400px;
						width: 46%;
					}
					.imgBg {
						position: absolute;
						width: 83%;
						height: 925px;
						z-index: -1;
						top: 100px;
						left: 100px;
						margin: 0 auto;
						background: #eee;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 900px;
					.img04 {
						width: 50%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin-bottom: 50px;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							bottom: 30px;
						}
					}
					.img {
						height: 640px;
						.img02 {
							width: 56%;
						}
						.img03 {
							top: 260px;
							width: 56%;
						}
						.imgBg {
							width: 100%;
							height: 500px;
							top: 40px;
							left: 0;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: 570px;
						.img04 {
							width: 75%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3%;
    						width: 70%;
							margin: 0 auto;
						}
					}
				}
			}
			.product02 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 540px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						left: 0;
						bottom: 50px;
					}
				}
				.img {
					position: relative;
					max-width: 850px;
					height: 1065px;
					margin: 0 auto;
					.img02 {
						position: absolute;
						z-index: 5;
						width: 60%;
						top: 220px;
					}
					.img03 {
						position: absolute;
						right: 0;
						width: 46%;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-flow: row-reverse;
					height: 900px;
					.img04 {
						width: 50%;
						margin: 0 0 0 auto;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 75%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							bottom: 30px;
						}
					}
					.img {
						height: 580px;
						.img02 {
							width: 60%;
							top: 160px;
						}
						.img03 {
							width: 46%;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: 700px;
						.img04 {
							width: 100%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3%;
    						width: 75%;
							margin: 0 auto;
						}
					}
				}
			}
			.product03 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 600px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						left: 0;
						top: 50px;
					}
				}
				.img {
					position: relative;
					height: 1130px;
					.img02 {
						position: absolute;
						z-index: 5;
						left: 100px;
						width: 48%;
					}
					.img03 {
						position: absolute;
						right: 0;
						top: 260px;
						right: 50px;
						width: 44%;
					}
					.imgBg {
						position: absolute;
						width: 70%;
						height: 800px;
						z-index: -1;
						top: 160px;
						left: 0;
						margin: 0 auto;
						background: #eee;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 900px;
					.img04 {
						width: 50%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
							&:nth-child(2) {
								margin-top: 1em;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 75%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							top: 30px;
						}
					}
					.img {
						height: 500px;
						.img02 {
							left: 0;
							width: 56%;
						}
						.img03 {
							top: 90px;
							right: 0;
							width: 54%;
						}
						.imgBg {
							width: 70%;
							height: 400px;
							top: 50px;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: 750px;
						.img04 {
							width: 100%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3%;
    						width: 80%;
							margin: 0 auto;
						}
					}
				}
			}
			.product04 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 600px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						right: 0;
						top: 50px;
					}
				}
				.img {
					margin: 0 auto 80px;
					.img02 {
						width: 100%;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-flow: row-reverse;
					height: 720px;
					.img {
						position: relative;
						width: 60%;
						height: 650px;
						.img03 {
							position: absolute;
							left: 0;
							width: 53%;
						}
						.img04 {
							position: absolute;
							z-index: 5;
							right: 0;
							top: 225px;
							right: 50px;
							width: 45%;
						}
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
							&:nth-child(2) {
								margin-top: 1em;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 75%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							top: 30px;
						}
					}
					.img {
						margin: 0 auto 50px;
					
					}
					.linkWrap {
						flex-wrap: wrap;
						flex-flow: column;
						height: 460px;
						.img {
							width: 100%;
							height: auto;
							.img03 {
								width: 50%;
							}
							.img04 {
								top: 0;
								right: 0;
								width: 50%;
							}
						}
						.link {
							padding: 3%;
    						width: 80%;
							margin: 0 auto;
						}
					}
				}
			}
			.product05 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 540px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						right: 0;
						bottom: 50px;
					}
				}
				.img {
					position: relative;
					max-width: 850px;
					height: 954px;
					margin: 0 auto;
					.img02 {
						position: absolute;
						z-index: 5;
						width: 60%;
					}
					.img03 {
						position: absolute;
						right: 0;
						top: 287px;
						width: 46%;
					}
					.imgBg {
						position: absolute;
						width: 88%;
						height: 900px;
						z-index: -1;
						top: 120px;
						left: 50px;
						margin: 0 auto;
						background: #eee;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 900px;
					.img04 {
						width: 50%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
							&:nth-child(2) {
								margin-top: 1em;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 100%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							bottom: 30px;
						}
					}
					.img {
						height: 450px;
						.img02 {
							width: 60%;
						}
						.img03 {
							right: 0;
							top: 227px;
							width: 50%;
						}
						.imgBg {
							width: 100%;
							height: 600px;
							top: 60px;
							left: 0;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: 490px;
						.img04 {
							width: 55%;
						}
						.link {
							padding: 3%;
    						width: 85%;
							margin: 0 auto;
						}
					}
				}
			}
			.product06 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 540px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						right: 0;
						bottom: 50px;
					}
				}
				.img {
					margin: 0 auto 80px;
					.img02 {
						width: 680px;
						margin: 0 auto;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-flow: row-reverse;
					height: 850px;
					.img {
						position: relative;
						width: 60%;
						height: 860px;
						margin: 0 0 0 auto;
						.img03 {
							position: absolute;
							z-index: 5;
							left: 0;
							width: 43%;
						}
						.img04 {
							position: absolute;
							right: 0;
							top: 200px;
							right: 0;
							width: 60%;
						}
						.imgBg {
							position: absolute;
							width: 88%;
							height: 620px;
							z-index: -1;
							top: 100px;
							right: 0;
							margin: 0 auto;
							background: #eee;
						}
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 75%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							bottom: 30px;
						}
					}
					.img {
						margin: 0 auto 50px;
						.img02 {
							width: 100%;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						flex-flow: column;
						height: 630px;
						.img {
							width: 100%;
							height: 860px;
							margin: 0 auto;
							.img03 {
								width: 48%;
							}
							.img04 {
								top: 140px;
								right: 0;
								width: 63%;
							}
							.imgBg {
								position: absolute;
								width: 80%;
								height: 350px;
								top: 60px;
							}
						}
						.link {
							padding: 3%;
    						width: 70%;
							margin: 0 auto;
						}
					}
				}
			}
			.product07 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 540px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						left: 0;
						top: 50px;
					}
				}
				.img {
					position: relative;
					max-width: 750px;
					height: 1046px;
					margin: 0 auto;
					.img02 {
						position: absolute;
						width: 65%;
						top: 175px;
					}
					.img03 {
						position: absolute;
						z-index: 5;
						right: 0;
						width: 47%;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 900px;
					.img04 {
						width: 50%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
							&:nth-child(2) {
								margin-top: 1em;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 100%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							top: 30px;
						}
					}
					.img {
						height: 485px;
						.img02 {
							width: 65%;
							top: 75px;
						}
						.img03 {
							width: 47%;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: 600px;
						.img04 {
							width: 75%;
							margin: 0 auto;
						}
						.link {
							padding: 3%;
    						width: 70%;
							margin: 0 auto;
						}
					}
				}
			}
			.product08 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 540px;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						right: 0;
						bottom: 50px;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-flow: row-reverse;
					height: 850px;
					.img02 {
						position: relative;
						width: 50%;
						margin: 0 0 0 auto;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						width: 100%;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							bottom: 30px;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						flex-flow: column;
						height: 560px;
						.img02 {
							width: 75%;
							margin: 0 auto;
						}
						.link {
							padding: 3%;
    						width: 70%;
							margin: 0 auto;
						}
					}
				}
			}
			.product09 {
				margin: 0 auto 80px;
				.main {
					position: relative;
					margin: 0 auto 80px;
					width: 100%;
					.name {
						position: absolute;
						font-weight: 700;
						font-size: 1.6rem;
						line-height: 1;
						background: #fff;
						padding: 10px 30px;
						right: 0;
						bottom: 50px;
					}
				}
				.img {
					position: relative;
					max-width: 888px;
					margin: 0 auto;
					height: 920px;
					.img02 {
						position: absolute;
						left: 0;
						width: 54%;
					}
					.img03 {
						position: absolute;
						z-index: 5;
						right: 0;
						top: 200px;
						right: 50px;
						width: 48%;
					}
					.imgBg {
						position: absolute;
						width: 70%;
						height: 680px;
						z-index: -1;
						top: 100px;
						left: 100px;
						margin: 0 auto;
						background: #eee;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 900px;
					.img04 {
						width: 50%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.main {
						margin: 0 auto 50px;
						.name {
							font-size: 1.4rem;
							padding: 10px 20px;
							bottom: 30px;
						}
					}
					.img {
						height: 500px;
						.img02 {
							width: 65%;
						}
						.img03 {
							top: 120px;
							right: 0;
							width: 51%;
						}
						.imgBg {
							width: 85%;
							height: 400px;
							top: 60px;
							left: auto;
							right: 0;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: 730px;
						.img04 {
							width: 100%;
							margin: 0 auto;
						}
						.link {
							padding: 3%;
    						width: 70%;
							margin: 0 auto;
						}
					}
				}
			}
			.allLink {
				text-align: center;
				a {
					margin: 0 auto;
					background: #333;
					color: #fff;
					font-size: 1.6rem;
					line-height: 1;
					padding: 1em 2.5em 1em 2em;
					&:hover {
						background: #666;
					}
					position: relative;
					display: inline-block;
					vertical-align: middle;
					text-decoration: none;
					&::before,&::after{
						position: absolute;
						top: 0;
						bottom: 0;
						right: 0;
						margin: auto;
						content: "";
						vertical-align: middle;
					}
					&::after{
						right: 10px;
						box-sizing: border-box;
						width: 4px;
						height: 4px;
						border: 4px solid transparent;
						border-left: 4px solid #fff;
					}
				}
			}
		}
		/* look book 3rd*/
		.productCont_lb03 {
			margin: 100px auto;
			@media screen and (max-width: 767px) {
				margin: 80px auto;
			}
			.product01 {
				margin: 0 auto 80px;
				.img01 {
					text-align: center;
					margin-bottom: 40px;
					img {
						width: 600px;
					}
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 900px;
					.img02 {
						width: 50%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 30%;
    					margin: 0 10%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.img01 {
						img {
							width: 80%;
						}
					}
					.linkWrap {
						flex-wrap: wrap;
						height: auto;
						.img02 {
							width: 70%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3%;
    						width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product02 {
				margin: 0 auto 80px;
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				flex-wrap: wrap;
				.img01 {
					width: 40%;
				}
				.img02 {
					width: 58%;
					margin-bottom: -125px;
				}
				.linkWrap {
					margin-top: 50px;
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.link {
						border: solid 1px #333;
						padding: 20px 50px;
						width: 43%;
    					margin: 0;
						text-align: right;
						div {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 10px;
							&:last-child {
								margin-bottom: 0;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.img02 {
						margin-bottom: -40px;
					}
					.linkWrap {
						flex-wrap: wrap;
						.link {
							padding: 3% 8%;
							width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product03 {
				margin: 0 auto 80px;
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items:flex-end;
					.img01 {
						width: 100%;
						margin: 0 0 0 auto;
					}
					.link {
						border: solid 1px #333;
						padding: 20px 50px;
						width: 39%;
    					margin: 0 5% 0 0;
						text-align: right;
						div {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 10px;
							&:last-child {
								margin-bottom: 0;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.linkWrap {
						flex-wrap: wrap;
						flex-flow: column-reverse;
						height: auto;
						.img01 {
							width: 95%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3% 12%;
    						width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product04 {
				margin: 0 auto 80px;
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items:center;
					.img01 {
						width: 100%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 40%;
    					margin: 0 0 0 5%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 10px;
							&:last-child {
								margin-bottom: 0;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.linkWrap {
						flex-wrap: wrap;
						height: auto;
						.img01 {
							width: 90%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3%;
    						width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product05 {
				margin: 0 auto 80px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				.img01 {
					width: 50%;
				}
				.img02 {
					width: 40%;
				}
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: end;
					align-items: center;
					margin: 0 0 0 auto;
					width: 60%;
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 50%;
    					margin: 0;
						text-align: right;
						div {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 10px;
							&:last-child {
								margin-bottom: 0;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.img01 {
						width: 90%;
						margin: 0 auto 10%;
					}
					.img02 {
						width: 70%;
						margin: 0 auto;
					}
					.linkWrap {
						width: 100%;
						margin-top: 8%;
						flex-wrap: wrap;
						.link {
							padding: 3%;
    						width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product06 {
				margin: 0 auto 80px;
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				flex-wrap: wrap;
				.img01 {
					width: 42%;
				}
				.img02 {
					width: 56%;
				}
				.linkWrap {
					margin-top: 50px;
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.link {
						border: solid 1px #333;
						padding: 20px 40px;
						width: 30%;
    					margin: 0;
						text-align: right;
						div {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 10px;
							&:last-child {
								margin-bottom: 0;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.img01 {
						width: 90%;
						margin: 0 auto 10%;
					}
					.img02 {
						width: 90%;
						margin: 0 auto;
					}
					.linkWrap {
						flex-wrap: wrap;
						.link {
							padding: 3% 10%;
    						width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product07 {
				margin: 0 auto 150px;
				.linkWrap {
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items:center;
					.img01 {
						width: 60%;
						margin: 0 auto 0 0;
					}
					.link {
						border: solid 1px #333;
						padding: 20px;
						width: 40%;
    					margin: 0 0 0 5%;
						text-align: center;
						div {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 10px;
							&:last-child {
								margin-bottom: 0;
							}
						}
						.btn {
							display: inline-block;
							vertical-align: middle;
							color: #fff;
							background: #333;
							padding: 4px 1em;
							margin-left: 1em;
							&:hover {
								background: #666;
							}
						}
					}
				}
				@media screen and (max-width: 767px) {
					.linkWrap {
						flex-wrap: wrap;
						height: auto;
						.img01 {
							width: 75%;
							margin: 0 auto 40px;
						}
						.link {
							padding: 3%;
    						width: 90%;
							margin: 0 auto;
						}
					}
				}
			}
			.product08 {
				margin: 0 auto;
				.img01 {
						width: 50%;
						margin: 0 auto;
					}
				@media screen and (max-width: 767px) {
					.img01 {
							width: 75%;
							margin: 0 auto 40px;
						}
				}
			}
		}
	}

	.ceremonyCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 16px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 70%;
				}
			}
		}
		.product01 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 33%;
						font-size: 10px;
						right: 12%;
						bottom: 1%;
					}
				}
			}
		}
		.product02 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						left: 7%;
						bottom: 1%;
					}
				}
			}
		}
		.product03 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: -5%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 7%;
						bottom: 0%;
					}
				}
			}
		}
		.product04 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 90px;
					bottom: 100px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 33%;
						font-size: 10px;
						left: 12%;
						bottom: 9%;
					}
				}
			}
		}
		.product05 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 36%;
						font-size: 10px;
						right: 8%;
						bottom: 1%;
					}
				}
			}
		}
		.product06 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						left: 6%;
						bottom: 1%;
					}
				}
			}
		}
		a.kids {
			display: block;
			margin: 0 auto 80px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 50%;
				}
			}
		}
	}

	.ceremonyKidsCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 16px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 70%;
				}
				p {
					font-size: 15px;
				}
			}
		}
		.product01 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -10px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -6%;
					}
				}
				.img02 {
					.txt {
						width: 35%;
						font-size: 10px;
						right: 11%;
						bottom: 0%;
					}
				}
			}
		}
		.product02 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 32%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: 0%;
					}
				}
				.img02 {
					.txt {
						width: 40%;
						font-size: 10px;
						left: 6%;
						bottom: 1%;
					}
				}
			}
		}
		.product03 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 30px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 120px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: 1%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 7%;
						bottom: 10%;
					}
				}
			}
		}
		.product04 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 32%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 90px;
					bottom: 100px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: -2%;
					}
				}
				.img02 {
					.txt {
						width: 40%;
						font-size: 10px;
						left: 6%;
						bottom: 0%;
					}
				}
			}
		}
		a.kids {
			display: block;
			margin: 0 auto 80px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 50%;
				}
			}
		}
	}
	
	.dotCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 16px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 70%;
				}
			}
		}
		.product01 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 6%;
						bottom: 0%;
					}
				}
			}
		}
		.product02 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt1 {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 95px;
					top: 130px;
					p {
						margin: 20px auto 0;
					}
				}
				.txt2 {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt1 {
						width: 36%;
						font-size: 10px;
						right: 7%;
						top: 14%;
					}
					.txt2 {
						width: 32%;
						font-size: 10px;
						left: 7%;
						bottom: 1%;
					}
				}
			}
		}
		.product03 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: -5%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 7%;
						bottom: 0%;
					}
				}
			}
		}
		.product04 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt1 {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					top: 270px;
					p {
						margin: 20px auto 0;
					}
				}
				.txt2 {
					width: 33%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 55px;
					bottom: 45px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 90px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt1 {
						width: 35%;
						font-size: 10px;
						right: 9%;
						top: 28%;
					}
					.txt2 {
						p {
							margin: 70px auto 0;
						}
						width: 33%;
						font-size: 10px;
						left: 8%;
						bottom: 2%;
					}
				}
			}
		}
		.product05 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 30px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 96%;
						font-size: 11px;
						bottom: 1%;
					}
				}
				.img02 {
					.txt {
						width: 36%;
						font-size: 10px;
						right: 8%;
						bottom: 1%;
					}
				}
			}
		}
		.product06 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -30px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 33%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 60px;
					bottom: 50px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 90px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 90%;
						font-size: 12px;
						bottom: -7%;
					}
				}
				.img02 {
					.txt {
						width: 34%;
						font-size: 10px;
						left: 8%;
						bottom: 3%;
						p {
							margin: 60px auto 0;
						}
					}
				}
			}
		}
		a.kids {
			display: block;
			margin: 0 auto 80px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 50%;
				}
			}
		}
	}

	.dotKidsCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 16px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 70%;
				}
				p {
					font-size: 15px;
				}
			}
		}
		.product01 {
			margin: 0 auto 80px;
			.img01 {
				position: relative;
				margin-bottom: 60px;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -50px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt1 {
					width: 35%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					top: 495px;
					p {
						margin: 20px auto 0;
					}
				}
				.txt2 {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: center;
					left: 90px;
					bottom: 470px;
					p {
						margin: 20px auto 0;
					}
				}
				.txt3 {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 100px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					margin-bottom: 15%;
					p {
						width: 94%;
						font-size: 12px;
						bottom: -8%;
					}
				}
				.img02 {
					.txt1 {
						width: 43%;
						font-size: 10px;
						right: 5%;
						top: 34%;
					}
					.txt2 {
						width: 35%;
						font-size: 12px;
						left: 10%;
						bottom: 34%;
					}
					.txt3 {
						width: 35%;
						font-size: 10px;
						right: 11%;
						bottom: 7%;
					}
				}
			}
		}
		a.kids {
			display: block;
			margin: 0 auto 80px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 50%;
				}
			}
		}
	}

	.closet23awCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 16px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 70%;
				}
			}
		}
		.product01 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 33%;
						font-size: 10px;
						right: 12%;
						bottom: 0;
					}
				}
			}
		}
		.product02 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 100px;
					bottom: 0px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 7%;
						bottom: 0;
					}
				}
			}
		}
		.product03 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					p {
						width: 96%;
						font-size: 11px;
						bottom: -5%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 7%;
						bottom: 0%;
					}
				}
			}
		}
		.product04 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 33%;
						font-size: 10px;
						right: 12%;
						bottom: 0;
					}
				}
			}
		}
		.product05 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 36%;
						font-size: 10px;
						right: 8%;
						bottom: 1%;
					}
				}
			}
		}
		.product06 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 70px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 9%;
    				bottom: 5%;
					}
				}
			}
		}
		.logo {
			display: block;
			margin: 0 auto 100px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 30%;
				}
			}
		}
	}

	.closet24ssCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 90%;
				}
				p {
					font-size: 14px;
				}
			}
		}
		.product01 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 100px;
					bottom: 40px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 33%;
						font-size: 10px;
						left: 12%;
						bottom: 0;
					}
				}
			}
		}
		.product02 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 100px;
					bottom: 0px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						right: 7%;
						bottom: 0;
					}
				}
			}
		}
		.product03 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: -20px;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 100px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 96%;
						font-size: 11px;
						bottom: -5%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						left: 7%;
						bottom: 0%;
					}
				}
			}
		}
		.product04 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					right: 90px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 33%;
						font-size: 10px;
						right: 12%;
						bottom: 0;
					}
				}
			}
		}
		.product05 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 100px;
					bottom: 10px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 96%;
						font-size: 11px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 36%;
						font-size: 10px;
						left: 8%;
						bottom: -1%;
					}
				}
			}
		}
		.product06 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 160px;
    			bottom: -20px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						left: 16%;
    				bottom: -4%;
					}
				}
			}
		}
		.product07 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 360px;
					bottom: 170px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						left: 48%;
						bottom: 14%;
					}
				}
			}
		}
		.product08 {
			margin: 0 auto 100px;
			.ttl {
				margin-bottom: 50px;
			}
			.img01 {
				position: relative;
				img {
					z-index: 0;
				}
				p {
					width: 100%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 2;
					text-align: center;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					margin: auto;
				}
			}
			.img02 {
				position: relative;
				margin-top: 30px;
				img {
					z-index: 0;
				}
				.txt {
					width: 30%;
					position: absolute;
					z-index: 10;
					font-size: 16px;
					line-height: 1.6;
					text-align: left;
					left: 73px;
    			bottom: -20px;
					a {
						display: block;
						padding: 0.8em 1.2em;
						border: solid 1px #333;
						text-align: center;
    					line-height: 1;
					}
					p {
						margin: 20px auto 0;
					}
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 0 10% 10%;
				}
				.img01 {
					p {
						width: 90%;
						font-size: 12px;
						bottom: -4%;
					}
				}
				.img02 {
					.txt {
						width: 38%;
						font-size: 10px;
						left: 10%;
        		bottom: -2%;
					}
				}
			}
		}
		.logo {
			display: block;
			margin: 0 auto 100px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 30%;
				}
			}
		}
	}

	.closetObinataCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 70px;
			}
			h3 {
				font-size: 30px;
				text-align: center;
				margin:0 auto 70px;
			}
			p {
				text-align: center;
				font-size: 20px;
				line-height: 2;
				text-align: center;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 2%;
				img {
					width: 100%;
					margin-bottom: 16%;
				}
				h3 {
					font-size: 18px;
					margin-bottom: 16%;
				}
				p {
					font-size: 14px;
				}
			}
		}

		.profile {
			margin: 80px auto;
			padding: 30px 0;
			border-bottom: solid 2px #333;
			border-top: solid 2px #333;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.txt {
				width: 65%;
				text-align: center;
				.name {
					margin-bottom: 30px;
					.name_e {
						font-size: 28px;
						font-weight: bold;
					}
				}
				p {
					font-size: 16px;
					line-height: 2;
				}
			}
			.img {
				width: 35%;
			}
			@media screen and (max-width: 767px) {
				margin: 10% auto;
				padding: 7% 2%;
				.txt {
					width: 62%;
					.name {
						margin-bottom: 7%;
						.name_e {
							font-size: 20px;
						}
					}
					p {
						font-size: 12px;
						line-height: 1.8;
					}
				}
				.img {
					width: 36%;
				}
			}
		}

		.product {
			.ttl {
				width: 80%;
				margin: 0 auto;
			}
			.img {
				margin: 60px auto;
			}
			p {
				font-size: 16px;
				margin-bottom: 50px;
				text-align: center;
			}
			.flex {
				display: flex;
				justify-content: space-between;
				align-items: center;
				.img {
					width: 40%;
					margin: 0 auto;
				}
				p {
					width: 55%;
					margin: 0 auto;
					text-align: left;
				}
			}
			@media screen and (max-width: 767px) {
				.img {
					margin: 10% auto;
				}
				p {
					font-size: 12px;
					margin-bottom: 10%;
				}
				.flex {
					.img {
						width: 36%;
					}
					p {
						width: 58%;
						&.mg {
							width: 45%;
							margin-left: 13%;
						}
					}
				}
			}
		}

		.logo {
			display: block;
			margin: 0 auto 100px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 30%;
				}
			}
		}
	}


	.closet24awCont {
		max-width: 750px;
		margin: 0 auto;
		.mv {
			margin: 0 auto;
		}
		.ttlBox {
			margin: 80px auto;
			img {
				width: auto;
				display: block;
				margin: 0 auto 50px;
			}
			@media screen and (max-width: 767px) {
				margin: 16% 5%;
				img {
					width: 90%;
				}
				p {
					font-size: 14px;
				}
			}
		}
		.product01,.product02,.product06 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				.slider {
					width: 90%;
					left: 0;
				}
				.look {
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}
			.ttl {
				margin: 40px auto 20px;
				height: 40px;
				width: auto;
				img {
					width: auto;
					height: 100%;
				}
			}
			.txt {
				font-size: 16px;
			}
			.img02 {
				margin-top: 40px;
				img:first-child {
					margin-bottom: 30px;
				}
				// .txt {
				// 	width: 30%;
				// 	position: absolute;
				// 	z-index: 10;
				// 	font-size: 16px;
				// 	line-height: 1.6;
				// 	text-align: left;
				// 	left: 100px;
				// 	bottom: 40px;
				// 	a {
				// 		display: block;
				// 		padding: 0.8em 1.2em;
				// 		border: solid 1px #333;
				// 		text-align: center;
    		// 			line-height: 1;
				// 	}
				// 	p {
				// 		margin: 20px auto 0;
				// 	}
				// }
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 5% auto 3% 3%;
					height: auto;
					width: 80%;
					img {
						width: 100%;
						height: auto;
					}
				}
				.txt {
					margin: 0 3%;
					font-size: 12px;
				}
				.img01 {
					margin: 0 3%;
					.look {
						width: 6%;
						img {
							width: 100%;
							height: auto;
						}
					}
				}
				.img02 {
					// .txt {
					// 	width: 33%;
					// 	font-size: 10px;
					// 	left: 12%;
					// 	bottom: 0;
					// }
				}
			}
		}
		
		.product03,.product04,.product05,.product07 {
			margin: 0 auto 100px;
			.img01 {
				position: relative;
				.img {
					width: 90%;
					left: 0;
				}
				.look {
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}
			.ttl {
				margin: 40px auto 20px;
				height: 40px;
				width: auto;
				img {
					width: auto;
					height: 100%;
				}
			}
			.txt {
				font-size: 16px;
			}
			.img02 {
				margin-top: 40px;
				img:first-child {
					margin-bottom: 30px;
				}
				.flex{
					display: flex;
					align-items: flex-start;
					justify-content: space-between;
				}
			}
			@media screen and (max-width: 767px) {
				margin: 0 auto 20%;
				.ttl {
					margin: 5% auto 3% 3%;
					height: auto;
					width: 80%;
					img {
						width: 100%;
						height: auto;
					}
				}
				.txt {
					margin: 0 3%;
					font-size: 12px;
				}
				.img01 {
					margin: 0 3%;
					.look {
						width: 6%;
						img {
							width: 100%;
							height: auto;
						}
					}
				}
				.img02 {
				}
			}
		}
		.product06{
			margin: 0 auto 40px;
		}
		
		.logo {
			display: block;
			margin: 0 auto 100px;
			img {
				width: auto;
				display: block;
				margin: 0 auto;
				@media screen and (max-width: 767px) {
					width: 30%;
				}
			}
		}
	}

	/*jsアニメーション*/
	.fuwatAnime {
		-webkit-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 1.5s;
		-ms-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-name: fuwatAnime;
		-ms-animation-name: fuwatAnime;
		animation-name: fuwatAnime;
		visibility: visible !important;
	}
	
	@-webkit-keyframes fuwatAnime {
		0% {
			opacity: 0;
			-webkit-transform: translateY(80px);
		}
	
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	
	@keyframes fuwatAnime {
		0% {
			opacity: 0;
			-webkit-transform: translateY(80px);
			-ms-transform: translateY(80px);
			transform: translateY(80px);
		}
	
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
}