﻿@import url("https://use.typekit.net/bnf7jzd.css");
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400&display=swap');
/*
@font-face {
	font-family: "classical-garamond-bt";
	src: url(../fonts/classical_garamond_bt.ttf) format("truetype"),
		url(../fonts/classical_garamond_bt.woff) format("woff");
}
 */

/* ==========================================================================
    Typograpgy
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1600px) {
	html {
		font-size: calc(10 * (100vw / 1600)) !important;
	}
}
@media (max-width: 767px) {
	/* ====== SP ===== */
	.bredlist.lp {
		line-height: 5.33333vw;
		font-size: 2.66667vw;
		margin: 3.33333vw auto;
		width: 92.592%;
		text-align: left;
		padding: 0;
	}
	/*basic*/
	.lp * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
html {
	font-size: 62.5%;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img,
video,
svg {
	width: 100%;
	height: auto;
}
.main_container h2,
.main_container h3,
.main_container h4{
	font-weight: 400;
}
.main_container a{
	display: inline-block;
	width: 100%;
}
.main_container picture,
.main_container source{
	width: 100%;
	height: auto;
}
.image-rendering img,
.image-rendering picture{
	image-rendering: -webkit-optimize-contrast;
}



.spOnly {
	display: block;
}
.pcOnly {
	display: none;
}
/*basic*/
.main_container {
	margin: 0 auto;
	width: 100%;
	font-size: calc(24 * (100vw / 750));
	font-family: toppan-bunkyu-mincho-pr6n, "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-feature-settings: unset;
	font-weight: 400;
	font-style: normal;
	line-height: 2;
	letter-spacing: 0.1em;
	-ms-font-feature-settings: "normal";
	color: #343434;
	text-align: left;
}
@media all and (-ms-high-contrast: none) {
	.main_container {
		font-feature-settings: inherit;
		letter-spacing: 0!important;
	}
}
.heading{
	width: calc(750 * (100vw / 750));
	margin: auto;
}
.heading_leadWrap{
	position: relative;
}
.heading_leadWrap::before{
	content: "";
	display: block;
	position: absolute;
	top: calc(115 * (100vw / 750));left: 50%;transform: translateX(-50%);background: url(../img/cross.svg) center/100% no-repeat;
	width: calc(30 * (100vw / 750));
	height: calc(30 * (100vw / 750));
}
.heading_leadWrap span{
	display: block;
	image-rendering: -webkit-optimize-contrast;
}
.heading_leadWrap .logo--neemee{
	width: calc(269 * (100vw / 750));
	margin: calc(100 * (100vw / 750)) auto 0;
}
.heading_leadWrap .logo--underson{
	width: calc(420 * (100vw / 750));
	margin: calc(125 * (100vw / 750)) auto 0;
}
.heading_txt{
	margin-top: calc(66 * (100vw / 750));
	font-size: calc(26 * (100vw / 750));
	line-height: 2;
	letter-spacing: 0.12em;
	text-align: center;
}


/* section01 */
.section.sec--01{
	margin: calc(95 * (100vw / 750)) auto 0;
	text-align: center;
}
.section.sec--01 .commentsTxt{
	margin: calc(12 * (100vw / 750)) calc(33 * (100vw / 750)) 0 auto;
	font-size: calc(20 * (100vw / 750));
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: right;
}
.section.sec--01 .leadWrap{
	margin-top: calc(42 * (100vw / 750));
	line-height: 2;
}
.section.sec--01 .leadWrap .lead--title{
	font-size: calc(34 * (100vw / 750));
	letter-spacing: 0.12em;
}
.section.sec--01 .leadWrap .lead--txt{
	margin-top: calc(40 * (100vw / 750));font-size: calc(24 * (100vw / 750));
	letter-spacing: 0.10em;
}



/* section02 */
.section.sec--02{
	width: calc(660 * (100vw / 750));
	margin: calc(92 * (100vw / 750)) auto calc(102 * (100vw / 750));
	text-align: center;
}
.section.sec--02 .itemBlock{
	margin: calc(66 * (100vw / 750)) auto calc(88 * (100vw / 750));
}
.section.sec--02 .itemBlock .itemWrap .imgBox:last-of-type{
	margin: calc(40 * (100vw / 750)) auto 0;
}
.section.sec--02 .leadTxt{
	margin: calc(68 * (100vw / 750)) auto 0;
	font-size: calc(24 * (100vw / 750));
	line-height: 2;
	letter-spacing: 0.12em;
	text-align: left;
}

.item_area{
	margin-bottom: calc(114 * (100vw / 750));
}

.item_list{
	width: calc(542 * (100vw / 750));
	margin: auto;
	display: flex;
	justify-content: normal;
	flex-direction: column;
	margin-bottom: 0;
}

.item_img{
	width: calc(540 * (100vw / 750));
	margin: auto;
}

.item_inner{
	width: calc(546 * (100vw / 750));
	margin-top: calc(34 * (100vw / 750));
	text-align: left;
}

.item_txt{
	margin-bottom: calc(38 * (100vw / 750));
	letter-spacing: 0.12em;
}

.item_price{
	font-size: calc(22 * (100vw / 750));
	line-height: 2;
	letter-spacing: 0.12em;
}

.tax{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: left;
  }

  .buy{
	width: calc(84 * (100vw / 750));
	height: calc(33 * (100vw / 750));
	margin-left: calc(22 * (100vw / 750));
  }

  .item_inner-2{
	width: calc(540 * (100vw / 750));
	margin-top: calc(52 * (100vw / 750));
	text-align: left;
	order: 2;
}



/* section03 */
.section.sec--03{
	margin: calc(146 * (100vw / 750)) auto 0;
}
.section.sec--03 .itemWrap{
	width: calc(450 * (100vw / 750));
	margin: calc(74 * (100vw / 750)) auto 0;
}
.section.sec--03 .creditWrap a{
	position: relative;display: inline-block;
	width: calc(510 * (100vw / 750));
	margin: calc(31 * (100vw / 750)) auto;
	white-space: nowrap;
}
.section.sec--03 .creditWrap span{
	font-size: calc(22 * (100vw / 750));
	letter-spacing: 0.12em;
	line-height: 2;
}
.section.sec--03 .creditWrap img{
	position: absolute;
	bottom: calc(5 * (100vw / 750));
	left: calc(438 * (100vw / 750));
	width: calc(84 * (100vw / 750));
	height: calc(32 * (100vw / 750));
	line-height: calc(32 * (100vw / 750));
}

.content_price{
	margin-top: calc(28 * (100vw / 750));
	font-size: calc(22 * (100vw / 750));
	white-space: nowrap;
	letter-spacing: 0.12em;
}



/* section04 */
.section.sec--04{
	margin: calc(112 * (100vw / 750)) auto 0;
	padding: calc(100 * (100vw / 750)) 0 calc(95 * (100vw / 750));
	text-align: center;
	background-color: #f5f5f5;
}
.section.sec--04 .lead--title{
	width: calc(324 * (100vw / 750));
	margin: auto;padding: 0 0 calc(15 * (100vw / 750));
	border-bottom: 1px solid #343434;
}
.section.sec--04 .lead--txt{
	margin-top: calc(47 * (100vw / 750));font-size: calc(24 * (100vw / 750));
	line-height: 2;
	letter-spacing: 0.12em;
}



/* section05 */
.section.sec--05{
	margin: calc(120 * (100vw / 750)) auto 0;
	text-align: center;
}
.section.sec--05 .imgBox{
	width: calc(390 * (100vw / 750));
	margin: auto;
}
.section.sec--05 .leadWrap{
	margin-top: calc(40 * (100vw / 750));
	line-height: 1;
	letter-spacing: 0.15em;
}
.section.sec--05 .leadWrap span{
	display: block;
}
.section.sec--05 .leadWrap .lead--job{
	font-size: calc(30 * (100vw / 750));
}
.section.sec--05 .leadWrap .lead--name{
	margin-top: calc(45 * (100vw / 750));font-size: calc(34 * (100vw / 750));
}
.section.sec--05 .leadWrap .lead--txt{
	margin-top: calc(35 * (100vw / 750));font-size: calc(24 * (100vw / 750));
	line-height: 2;
	letter-spacing: 0.12em;
}




/* allBtn */
.all_item_btn{
	width: calc(570 * (100vw / 750));
	margin: calc(150 * (100vw / 750)) auto calc(0 * (100vw / 750));
}




	/*pcsize*/
@media only screen and (min-width: 768px) {
/* for pc*/
	/* .spOnly {
		display: none;
	}
	.pcOnly {
		display: block;
	} */
	/*basic*/
	.main_container {
		font-size: 1.4rem;
		font-feature-settings: "palt";
		line-height: 2;
		letter-spacing: 0.12em;
		color: #343434;
	}
	.spOnly {
		display: none;
	}
	.pcOnly {
		display: block;
	}
	.heading{
		width: 100rem;
		margin: auto;
	}
	.heading_leadWrap .heading_ttl{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 62.4rem;
		margin: 8rem auto 0;
	}
	.heading_leadWrap::before{
		top: 1.5rem;
		left: 43.5rem;
		transform: unset;
		width: 2.0rem;
		height: 2.0rem;
	}
	.heading_leadWrap span{
		display: block;
		image-rendering: -webkit-optimize-contrast;
	}
	.heading_leadWrap .logo--neemee{
		width: 19.0rem;
		margin: 0;
	}
	.heading_leadWrap .logo--underson{
		width: 29.8rem;
		margin: 0;
		margin-top: 0.9rem;
	}
	.heading_txt{
		margin-top: 3.5rem;
		font-size: 1.6rem;
	}


	/* section01 */
	.section.sec--01{
		width: 70.5rem;
		margin: 7.5rem auto 0;
	}
	.section.sec--01 .commentsTxt{
		margin: 1.0rem 0 0 auto;
		font-size: 1.0rem;
		line-height: 1;
		letter-spacing: 0.05em;
		text-align: right;
	}
	.section.sec--01 .leadWrap{
		margin-top: 7rem;
		line-height: 2;
	}
	.section.sec--01 .leadWrap .lead--title{
		font-size: 2.2rem;

	}
	.section.sec--01 .leadWrap .lead--txt{
		margin-top: 2.8rem;
		font-size: 1.4rem;
		letter-spacing: 0.12em;
	}



	/* section02 */
	.section.sec--02{
		width: 92rem;
		margin: 7.7rem auto 8rem;
		text-align: center;
	}
	.section.sec--02 .itemBlock{
		margin: 5.5rem auto 0;
	}
	.section.sec--02 .itemBlock:first-of-type{
		margin-bottom: 7.2rem;
	}
	.section.sec--02 .itemBlock	.itemWrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
	}
	.section.sec--02 .itemBlock	.itemWrap .imgBox{
		width: 45rem;
	}
	.section.sec--02 .itemBlock .itemWrap .imgBox:last-of-type{
		margin: 0;
	}
	.section.sec--02 .leadTxt{
		margin: 5.1rem auto 0;
		font-size: 1.4rem;
	}

	.item_area{
		margin-bottom: 0;
	}

	.item_list{
		width: 72rem;
		margin: auto;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		margin-bottom: 12rem;
	}

	.item_img{
		width: 33rem;
		margin: 0;
	}

	.item_inner{
		width: 33.1rem;
		margin-top: 5.2rem;
		text-align: left;
	}

	.item_txt{
		margin-bottom: 2.8rem;
	}

	.content_price{
		font-size: 1.4rem;
	}

	.item_price{
		font-size: 1.4rem;
	}

	.tax{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: left;
	  }

	  .buy{
		width: 4.7rem;
		height: 1.9rem;
		margin-left: 0.8rem;
	  }

	  .item_inner-2{
		width: 33.5rem;
		margin-top: 10.8rem;
		text-align: left;
		order:inherit;
	}



	/* section03 */
	.section.sec--03{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 66rem;
		margin: 11.5rem auto 0;
	}
	.section.sec--03 .itemWrap{
		width: 30rem;
		margin: 0;
	}
	.section.sec--03 .creditWrap a{
		width: 33.0rem;
		margin: 1.2rem 0 0;
	}
	.section.sec--03 .creditWrap span{
		font-size: 1.4rem;
	}
	.section.sec--03 .creditWrap img{
		position: absolute;
		bottom: 0.5rem;
		left: 27.7rem;
		width: 4.6rem;
		height: 1.8rem;
		line-height: 1.8rem;
	}

	.content_price{
		margin-top: 1.4rem;
	}



	/* section04 */
	.section.sec--04{
		margin: 11.6rem auto 0;
		padding: 6rem 0 5.6rem;
		text-align: center;
		background-color: #f5f5f5;
	}
	.section.sec--04 .lead--title{
		width: 20.0rem;
		padding: 0;
		border-bottom: 1px solid #343434;
	}
	.section.sec--04 .lead--txt{
		margin-top: 3rem;font-size: 1.4rem;
		letter-spacing: 0.15em;
	}



	/* section05 */
	.section.sec--05{
		display: flex;flex-wrap: nowrap;justify-content: flex-start;width: 64rem;margin: 8rem auto 0;
		text-align: left;
	}
	.section.sec--05 .imgBox{
		width: 21rem;
		margin: 0;
	}
	.section.sec--05 .leadWrap{
		margin: 4.5rem auto 0 4rem;
		line-height: 1;
		letter-spacing: 0.15em;
	}
	.section.sec--05 .leadWrap span{
		display: block;
	}
	.section.sec--05 .leadWrap .lead--job{
		font-size: 1.6rem;
	}
	.section.sec--05 .leadWrap .lead--name{
		margin-top: 2rem;font-size: 2.0rem;
	}
	.section.sec--05 .leadWrap .lead--txt{
		margin-top: 2.8rem;font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0.15em;
	}



	/* allBtn */
	.all_item_btn{
		width: calc(570 * (100vw / 750));
		margin: calc(150 * (100vw / 750)) auto calc(0 * (100vw / 750));
	}


	.all_item_btn{
		width: 46.0rem;
		margin: 12.0rem auto 12rem;
	}

	/* IE11 Only */
	_:-ms-lang(x)::-ms-backdrop, .section.sec--01 .leadWrap .lead--title{
		white-space: nowrap;
	}
	_:-ms-lang(x)::-ms-backdrop, .section.sec--03 .creditWrap span{
		display: block;
	}
	_:-ms-lang(x)::-ms-backdrop, .section.sec--03 .creditWrap br{
		display: none;
	}
	_:-ms-lang(x)::-ms-backdrop, .section.sec--03 .creditWrap img{
		bottom: 0.5rem;
	}
}


/* fade */
.fade {
	transition-property: opacity, transform;
	transition-duration: 1.5s;
	opacity: 0;
	transform: translateY(1.5rem);
}

.fade.onView {
	opacity: 1;
	transform: translateY(0);
}

