@charset "UTF-8";

@font-face {
  font-family: 'BauerBodoniStd-Roman';
  src: url("BauerBodoniStd-Roman.otf") format("otf");
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fnw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.jcsb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.jcfs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.jcfe {
	-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aie {
	-webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

/* ====================
	all
==================== */
#laceitems {
	width: 1050px;
	margin: 75px auto 140px;
	font-feature-settings: "palt";
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

#laceitems img {
	width: 100%;
}

/* ===================
	title
=================== */
.laceitems_ttl {
	width: 327px;
	margin: 0 auto;
}

/* ===================
	credit
=================== */
.laceitems_txt_inner._01 .laceitems_credit_wrap .laceitems_credit{
	text-align: center;
	margin: 0 auto;
}

.laceitems_img_wrap._02 .laceitems_credit_wrap .laceitems_credit{
	margin: 10px;
}

.laceitems_txt_inner._03 .laceitems_credit_wrap .laceitems_credit{
	text-align: center;
	margin: 0 auto;
}

.laceitems_txt_inner._04 .laceitems_credit_wrap .laceitems_credit{
	text-align: center;
	margin: 0 auto;
}

.laceitems_img_wrap._05 .laceitems_credit_wrap .laceitems_credit:nth-child(1){
	margin: 10px 10px 0;
}

.laceitems_img_wrap._05 .laceitems_credit_wrap .laceitems_credit:nth-child(2){
	margin: 0 10px 0;
}

.laceitems_img_wrap._06 .laceitems_credit_wrap .laceitems_credit{
	text-align: right;
}

.laceitems_img_wrap._06 .laceitems_credit_wrap .laceitems_credit:nth-child(1){
	margin-top: 25px;
	margin-right: 10px;
}

.laceitems_img_wrap._06 .laceitems_credit_wrap .laceitems_credit:nth-child(2){
	margin-right: 10px;
}

.laceitems_txt_inner._07 .laceitems_credit_wrap .laceitems_credit{
	text-align: center;
	margin: 0 auto;
}


.laceitems_credit_wrap {
}

.laceitems_credit {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 2;
}

/* ===================
	section
=================== */
.laceitems_img_wrap {
	margin: 76px auto 0;
}

.laceitems_img_wrap._01 {
	margin: 58px auto 0;
	width: 802px;
	max-width: 802px;
}

.laceitems_txt_inner._01{
	width: 315px;
}

.laceitems_img_wrap._02 {
	margin: 110px auto 0;
	width: 1052px;
	max-width: 1052px;
}

.laceitems_txt_inner._02{
	width: 450px;
	margin-left: 150px;
}

.laceitems_img_wrap._03 {
	margin: 100px auto 0;
	width: 1032px;
	max-width: 1032px;
}

.laceitems_txt_inner._04{
	width: 318px;
	margin-right: -93px;
	margin-left: 2px;
	position: relative;
	z-index: 5;
}

.laceitems_img_wrap._04 {
	margin: 110px auto 0;
	width: 732px;
	max-width: 732px;
}

.laceitems_img_wrap._05 {
	margin: 110px auto 0;
	width: 1012px;
	max-width: 1012px;
}

.laceitems_txt_inner._05{
	margin-left: 150px;
}

.laceitems_img_wrap._06 {
	margin: 110px auto 0;
	width: 907px;
	max-width: 907px;
}

.laceitems_txt_inner._06{
	margin-right: 150px;
}

.laceitems_txt_inner._07{
	width: 315px;
	margin-right: -90px;
	position: relative;
	z-index: 5;
}

.laceitems_img_wrap._07 {
	margin: 110px auto 0;
	width: 677px;
	max-width: 677px;
}



/* ===================
	Title
=================== */
.laceitems_ttl._01 {
	width: 163px;
	max-width: 163px;
	margin-top: 155px;
}

.laceitems_ttl._02 {
	width: 155px;
	margin-top: 25px;
}

.laceitems_ttl._03 {
	width: 151px;
	margin-top: 50px;
}

.laceitems_ttl._04 {
	width: 223px;
	margin-top: 155px;
}

.laceitems_ttl._05 {
	width: 138px;
	margin-top: 25px;
}

.laceitems_ttl._06 {
	width: 146px;
	margin-top: 25px;
}

.laceitems_ttl._07 {
	width: 101px;
	margin-top: 155px;
}

/* ===================
	image
=================== */


.laceitems_img_inner._01 {
	width: 400px;
	height: 600px;
	margin-left: 90px;
	margin-top: 10px;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_img_inner._01 .laceitems_img._01 {
	width: 400px;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
}

.laceitems_img_inner._02 {
	width: 450px;
	height: 675px;
	margin-left: 0;
	margin-top: 0;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_img_inner._02 .laceitems_img._01 {
	width: 450px;
	margin-left: 10px;
	margin-top: -10px;
	position: absolute;
}

.laceitems_txt_inner._02 .laceitems_img._02 {
	width: 450px;
	margin: 0 auto;
}

.laceitems_txt_inner._03{
	width: 400px;
	margin-left: 130px;
}

.laceitems_img_inner._03 .laceitems_img._01 {
	width: 500px;
}

.laceitems_txt_inner._03 .laceitems_img_inner{
	width: 400px;
	height: 600px;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_txt_inner._03 .laceitems_img_inner .laceitems_img._02{
	width: 400px;
	margin-left: -10px;
	margin-top: 10px;
	position: absolute;
}

.laceitems_img_inner._04 {
	width: 500px;
	height: 750px;
	margin-top: 10px;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_img_inner._04 .laceitems_img._01 {
	width: 500px;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
}

.laceitems_img_inner._05 {
	width: 480px;
	height: 720px;
	margin-left: 0;
	margin-top: 0;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_img_inner._05 .laceitems_img._01 {
	width: 480px;
	margin-left: 10px;
	margin-top: -10px;
	position: absolute;
}

.laceitems_txt_inner._05 .laceitems_img._02 {
	width: 380px;
	margin: 0 auto;
}

.laceitems_img_inner._06 {
	width: 400px;
	height: 600px;
	margin-left: 0;
	margin-top: 0;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_img_inner._06 .laceitems_img._01 {
	width: 400px;
	margin-left: -10px;
	margin-top: 10px;
	position: absolute;
}

.laceitems_txt_inner._06 .laceitems_img._02 {
	width: 350px;
	margin: 0 auto;
}

.laceitems_img_inner._07 {
	width: 450px;
	height: 675px;
	margin-top: 10px;
	border: solid 1px #c6bfae;
	position: relative;
}

.laceitems_img_inner._07 .laceitems_img._01 {
	width: 450px;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
}

/* ===================
	Text
=================== */

.laceitems_txt {
	text-align: center;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: .2rem;
	margin: 20px auto 15px;
}

.laceitems_txt_inner._02 .laceitems_txt, .laceitems_txt_inner._05 .laceitems_txt, .laceitems_txt_inner._06 .laceitems_txt  {
	margin: 20px auto 55px;
}


/* ===================
	button
=================== */
/*.laceitems_btn a {
	margin: 95px auto 0;
	width: 450px;
	max-width: 450px;
	height: 74px;
	font-family: 'BauerBodoniStd-Roman';
	font-size: 20px;
	border: 1px solid #000;
	box-sizing: border-box;
	letter-spacing: 0.04em;
}*/

.laceitems_btn {
	margin: 95px auto 0;
	width: 380px;
}

.btn_area {
	margin: 125px auto 0;
	width: 440px;
}

.btn_area .embroidery_btn {
	margin-top: 15px;
}


/* for pc */
@media only screen
and (min-device-width: 768px) {
	.sp_only {
		display: none;
	}
}


/* for tablet */
/* for tablet */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
}

/* for sp */
@media only screen
and (max-device-width: 767px) {
	.pc_only {
		display: none;
	}

	/* ====================
		all
	==================== */
	#laceitems {
		width: 100%;
		margin: calc(80*(100vw/750)) auto calc(200*(100vw/750));
		font-feature-settings: "palt";
	}

	#laceitems img {
		width: 100%;
	}

	/* ===================
		title
	=================== */
	.laceitems_ttl {
		width: calc(446*(100vw/750));
		margin: 0 auto;
	}

	/* ===================
		credit
	=================== */
	.laceitems_txt_inner._01 .laceitems_credit_wrap .laceitems_credit{
		text-align: center;
		margin: 0 auto;
	}

	.laceitems_img_wrap._02 .laceitems_credit_wrap .laceitems_credit{
		margin: 0;
		text-align: center;
	}

	.laceitems_txt_inner._03 .laceitems_credit_wrap .laceitems_credit{
		text-align: center;
		margin: 0 auto;
	}

	.laceitems_txt_inner._04 .laceitems_credit_wrap .laceitems_credit{
		text-align: center;
		margin: 0 auto;
	}

	.laceitems_img_wrap._05 .laceitems_credit_wrap .laceitems_credit:nth-child(1){
		margin: calc(20*(100vw/750)) auto 0;
		text-align: center;
	}

	.laceitems_img_wrap._05 .laceitems_credit_wrap .laceitems_credit:nth-child(2){
		margin: 0 auto;
		text-align: center;
	}

	.laceitems_img_wrap._06 .laceitems_credit_wrap .laceitems_credit{
		text-align: center;
	}

	.laceitems_img_wrap._06 .laceitems_credit_wrap .laceitems_credit:nth-child(1){
		margin-top: 0;
		margin-right: 0;
	}

	.laceitems_img_wrap._06 .laceitems_credit_wrap .laceitems_credit:nth-child(2){
		margin-right: 0;
	}

	.laceitems_txt_inner._07 .laceitems_credit_wrap .laceitems_credit{
		text-align: center;
		margin: 0 auto;
	}


	.laceitems_credit_wrap {
	}

	.laceitems_credit {
		font-family: 'Open Sans', sans-serif;
		font-size: calc(24*(100vw/750));
		letter-spacing: 0.08em;
		line-height: 2;
	}

	/* ===================
		section
	=================== */
	.laceitems_img_wrap {
		display: block;
		margin: 76px auto 0;
	}

	.laceitems_img_wrap._01 {
		margin: calc(140*(100vw/750)) auto 0;
		width: 100%;
	}

	.laceitems_txt_inner._01{
		width: 100%;
		margin: 0 auto;
	}

	.laceitems_img_wrap._02 {
		margin: calc(160*(100vw/750)) auto 0;
		width: 100%;
	}

	.laceitems_txt_inner._02{
		width: 100%;
		margin-left: 0;
	}

	.laceitems_img_wrap._03 {
		margin: 100px auto 0;
		width: 100%;
	}

	.laceitems_txt_inner._04{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		position: relative;
		z-index: 5;
	}

	.laceitems_img_wrap._04 {
		margin: calc(180*(100vw/750)) auto 0;
		width: 100%;
	}

	.laceitems_img_wrap._05 {
		margin: calc(200*(100vw/750)) auto 0;
		width: 100%;
	}

	.laceitems_txt_inner._05{
		margin: calc(44*(100vw/750)) auto 0;
	}

	.laceitems_img_wrap._06 {
		margin: calc(185*(100vw/750)) auto 0;
		width: 100%;
	}

	.laceitems_txt_inner._06{
		margin-right: 0;
		position: relative;
	}

	.laceitems_txt_inner._07{
		width: 100%;
		margin-right: 0;
		position: relative;
		z-index: 5;
	}

	.laceitems_img_wrap._07 {
		margin: calc(180*(100vw/750)) auto 0;
		width: 100%;
	}



	/* ===================
		Title
	=================== */
	.laceitems_ttl._01 {
		width: calc(280*(100vw/750));
		max-width: calc(280*(100vw/750));
		margin-top: calc(60*(100vw/750));
	}

	.laceitems_ttl._02 {
		width: calc(263*(100vw/750));
		margin-top: calc(60*(100vw/750));
	}

	.laceitems_ttl._03 {
		width: calc(256*(100vw/750));
		margin-top: calc(60*(100vw/750));
	}

	.laceitems_ttl._04 {
		width: calc(377*(100vw/750));
		margin-top: calc(60*(100vw/750));
	}

	.laceitems_ttl._05 {
		width: calc(234*(100vw/750));
		margin-top: calc(60*(100vw/750));
	}

	.laceitems_ttl._06 {
		width: calc(247*(100vw/750));
		margin-top: calc(80*(100vw/750));
	}

	.laceitems_ttl._07 {
		width: calc(171*(100vw/750));
		margin-top: calc(60*(100vw/750));
	}

	/* ===================
		image
	=================== */


	.laceitems_img_inner._01 {
		width: calc(562*(100vw/750));
		height: calc(843*(100vw/750));
		margin-left: calc(105*(100vw/750));
		margin-top: 0;
		border: solid 1px #c6bfae;
		position: relative;
	}
	
	.laceitems_img_inner._01 .laceitems_img._01 {
		width: calc(562*(100vw/750));
		margin-left: calc(-20*(100vw/750));
		margin-top: calc(-20*(100vw/750));
		position: absolute;
	}

	.laceitems_img_inner._01 .laceitems_img._01.num {
		width: calc(144*(100vw/750));
		left: calc(-40*(100vw/750));
		top: calc(-60*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	.laceitems_img_inner._02 {
		width: calc(526*(100vw/750));
		height: calc(788*(100vw/750));
		margin-left: calc(104*(100vw/750));
		margin-top: calc(60*(100vw/750));
		border: solid 1px #c6bfae;
		position: relative;
	}
	
	.laceitems_img_inner._02.sp_only {
		margin:0 auto;
		width: calc(676*(100vw/750));
		height: calc(1013*(100vw/750));
		border: none;
		position: relative;
	}

	.laceitems_img_inner._02 .laceitems_img._01 {
		width: calc(526*(100vw/750));
		margin-left: calc(20*(100vw/750));
		margin-top: calc(-20*(100vw/750));
		position: absolute;
	}

	.laceitems_txt_inner._02 .laceitems_img._02 {
		width: calc(676*(100vw/750));
		margin: 0 auto;
	}
	
	.laceitems_img_inner._02 .laceitems_img._02.num {
		width: calc(144*(100vw/750));
		right: calc(-30*(100vw/750));
		top: calc(-75*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	.laceitems_txt_inner._03{
		width: 100%;
		margin-left: 0;
	}
	
	.laceitems_img_inner._03.sp_only {
		margin:0 auto;
		margin-left: calc(154*(100vw/750));
		width: calc(562*(100vw/750));
		height: calc(844*(100vw/750));
		border: solid 1px #c6bfae;
		position: relative;
	}

	.laceitems_img_inner._03 .laceitems_img._01 {
		width: 100%;
		margin-top: calc(40*(100vw/750));
	}
	
	.laceitems_img_inner._03 .laceitems_img._02 {
		width: calc(562*(100vw/750));
		position: absolute;
		right: calc(20*(100vw/750));
		top: calc(-20*(100vw/750));
	}

	.laceitems_txt_inner._03 .laceitems_img_inner{
		width: 400px;
		height: 600px;
		border: solid 1px #c6bfae;
		position: relative;
	}

	.laceitems_txt_inner._03 .laceitems_img_inner .laceitems_img._02{
		width: 400px;
		margin-left: -10px;
		margin-top: 10px;
		position: absolute;
	}
	
	.laceitems_img_inner._03 .laceitems_img._01.num {
		width: calc(144*(100vw/750));
		left: calc(-125*(100vw/750));
		top: calc(-145*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	.laceitems_img_inner._04 {
		width: calc(676*(100vw/750));
		height: calc(1013*(100vw/750));
		margin-top: 0;
		margin-left: calc(30*(100vw/750));
		border: solid 1px #c6bfae;
		position: relative;
	}

	.laceitems_img_inner._04 .laceitems_img._01 {
		width: calc(676*(100vw/750));
		margin-top: calc(-20*(100vw/750));
		margin-left: calc(20*(100vw/750));
		position: absolute;
	}
	
	.laceitems_img_inner._04 .laceitems_img._01.num {
		width: calc(144*(100vw/750));
		right: calc(-40*(100vw/750));
		top: calc(-70*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	.laceitems_img_inner._05 {
		width: calc(600*(100vw/750));
		height: calc(900*(100vw/750));
		margin-left: calc(104*(100vw/750));
		margin-top: 0;
		border: solid 1px #c6bfae;
		position: relative;
	}

	.laceitems_img_inner._05 .laceitems_img._01 {
		width: calc(600*(100vw/750));
		margin-left: calc(-20*(100vw/750));
		margin-top: calc(-20*(100vw/750));
		position: absolute;
	}

	.laceitems_txt_inner._05 .laceitems_img._02 {
		width: calc(526*(100vw/750));
		margin: 0 auto;
	}
	
	.laceitems_img_inner._05 .laceitems_img._01.num {
		width: calc(144*(100vw/750));
		left: calc(-35*(100vw/750));
		top: calc(-80*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	.laceitems_img_inner._06 {
		width: calc(450*(100vw/750));
		height: calc(675*(100vw/750));
		margin-left: calc(57*(100vw/750));
		margin-top: calc(40*(100vw/750));
		border: solid 1px #c6bfae;
		position: relative;
	}

	.laceitems_img_inner._06 .laceitems_img._01 {
		width: calc(450*(100vw/750));
		margin-left: calc(-20*(100vw/750));
		margin-top: calc(20*(100vw/750));
		position: absolute;
	}

	.laceitems_txt_inner._06 .laceitems_img._02 {
		width: calc(450*(100vw/750));
		margin-left: calc(240*(100vw/750));
	}
	
	.laceitems_txt_inner._06 .laceitems_img._01.num {
		width: calc(144*(100vw/750));
		right: calc(20*(100vw/750));
		top: calc(-85*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	.laceitems_img_inner._07 {
		width: calc(639*(100vw/750));
		height: calc(957*(100vw/750));
		margin-top: 0;
		margin-left: calc(75*(100vw/750));
		border: solid 1px #c6bfae;
		position: relative;
	}

	.laceitems_img_inner._07 .laceitems_img._01 {
		width: calc(639*(100vw/750));
		margin-left: calc(-20*(100vw/750));
		margin-top: calc(-20*(100vw/750));
		position: absolute;
	}
	
	.laceitems_img_inner._07 .laceitems_img._01.num {
		width: calc(144*(100vw/750));
		left: calc(-35*(100vw/750));
		top: calc(-60*(100vw/750));
		position: absolute;
		z-index: 5;
	}

	/* ===================
		Text
	=================== */

	.laceitems_txt {
		text-align: center;
		font-size: calc(24*(100vw/750));
		line-height: 2;
		letter-spacing: 0.1em;
		margin: calc(27*(100vw/750)) auto calc(25*(100vw/750));
	}
	
	.laceitems_txt_inner._02 .laceitems_txt, .laceitems_txt_inner._05 .laceitems_txt, .laceitems_txt_inner._06 .laceitems_txt  {
		margin: calc(27*(100vw/750)) auto calc(25*(100vw/750));
	}


	/* ===================
		button
	=================== */
	/*.laceitems_btn a {
		margin: 95px auto 0;
		width: 450px;
		max-width: 450px;
		height: 74px;
		font-family: 'BauerBodoniStd-Roman';
		font-size: 20px;
		border: 1px solid #000;
		box-sizing: border-box;
		letter-spacing: 0.04em;
	}*/

	.laceitems_btn {
		margin: calc(150*(100vw/750)) auto 0;
		width: calc(676*(100vw/750));
	}
	.btn_area {
		margin: calc(150*(100vw/750)) auto 0;
		width: calc(676*(100vw/750));
	}

	.btn_area .embroidery_btn {
		margin-top: calc(20*(100vw/750));
	}
}


/************ fade **********/
.fade {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0) scale(0.94);
  transform: translate3d(0, 20px, 0) scale(0.94);
  will-change: opacity, transform;
  -webkit-transition: opacity .6s, -webkit-transform .9s;
  transition: opacity .6s, -webkit-transform .9s;
  transition: opacity .6s, transform .9s;
  transition: opacity .6s, transform .9s, -webkit-transform .9s;
  overflow: hidden;
}

.fade_txt {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  will-change: opacity, transform;
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
}

.fade img{
  will-change: transform;
  -webkit-transition: -webkit-transform .9s;
  transition: -webkit-transform .9s;
  transition: transform .9s;
  transition: transform .9s, -webkit-transform .9s;
  -webkit-transform: translate3d(0, 0, 0) scale(1.12);
  transform: translate3d(0, 0, 0) scale(1.12);
}

.fade.onView {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.fade_txt.onView {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.fade.onView img{
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}