@import url("https://use.typekit.net/bnf7jzd.css");

@media (max-width: 767px) {
	.lp * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* ==========================================================================
Typograpgy
========================================================================== */
.masterpiece {
	/*
		ATOMIC SETTINGS/EXTEND CLASSES
	==========================================================================
	*/
	color: #343434;
}

/*#Contents {
    max-width: 1600px;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center -118px;
    height: auto;
    margin: 0 auto;
    background-image: url(../img/page_pc.png);
  }*/

.masterpiece .credit_main {
	font-family: classico-urw, toppan-bunkyu-mincho-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	color: #525252;
	letter-spacing: 0.15em;
}

img,
svg{
	width: 100%;
}

.classico{
	font-family: classico-urw, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.kozuka{
	font-family: kozuka-gothic-pr6n,sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* ==========================================================================
Base
========================================================================== */
.breadlist.lp {
    margin: 6rem auto;
    width: 90rem;
    font-size: 1.2rem;
}

.masterpiece{
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	margin-top: 5rem;
}

.masterpiece .break-pc{
	display: block;
}

.masterpiece .break-sp{
	display: none;
}

.masterpiece__caption{
	margin-bottom: 9.5rem;
}

.masterpiece__ttl{
	margin-bottom: 1.5rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.9;
    text-align: center;
    letter-spacing: 0.18em;
}

.masterpiece_subttl{
	margin-bottom: 3.9rem;
	font-size: 2.2rem;
	line-height: 1.85;
	letter-spacing: 0.1em;
	text-align: center;
}

.masterpiece__subttl{
	font-size: 1.4rem;
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 2.2;
}

.masterpiece__subttl.masterpiece__subttl--1{
	margin-bottom: 1.4rem;
}

.masterpiece__subttl.masterpiece__subttl--2{
	letter-spacing: 0.08em;
}

.masterpeice__content-ttl{
	width: 63rem;
    max-width: 68rem;
    margin: 0 auto;
    margin-bottom: 5.2rem;
}

.buy_btn{
	margin-left: 2rem;
	padding-top: -0.1rem;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	background-color: #656565;
	font-family: classico-urw, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	font-size: 1.2rem;
	line-height: 2.333;
	letter-spacing: 0.12em;
	color: #fff;
}

.masterpeice__content-ttl .content-ttl-number{
	text-align: left;
}

.masterpeice__content-ttl .content-ttl{
	text-indent: 1rem;
}

.masterpiece__content-one{
	display: flex;
	flex-direction: column;
	margin-bottom: 14.4rem;
}

.masterpiece__content-one-img-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1.8rem;
}

.masterpiece__content-one-img{
	width: 100%;
	max-width: 44rem;
}

.masterpiece__content-one-link{
	margin-left: auto;
	margin-bottom: 2.6rem;
	text-align: right;
}

.masterpiece__content-one-link--1{
	margin-bottom: 0.1rem;
}

.masterpiece__content-one-link img{
	width: 100%;
	max-width: 4.5rem;
	margin-left: 2rem;
}

.masterpiece__content-one-link a{
	font-size: 1.2rem;
}

.masterpiece__content-one-text p{
	font-size: 1.43rem;
	line-height: 2.1;
	letter-spacing: 0.02em;
}

.masterpiece__content-one-text .masterpiece__content-one-text--1{
	margin-bottom: 1.6rem;
}

.masterpiece__content-two{
	margin-bottom: 14.8rem;
}

.masterpiece__content-two-img-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 5.1rem;
}

.masterpiece__content-two-img,
.masterpiece__content-two-img-inner{
	width: 100%;
	max-width: 44rem;
}

.masterpiece__content-two-img-inner div:nth-child(1){
	display: block;
	margin-bottom: 2rem;
}

.masterpiece__content-two-ttl{
	width: 100%;
	max-width: 50rem;
	margin-bottom: 2.3rem;
	padding-bottom: 1rem;
	/*border-bottom: 0.2rem solid #cccccc;*/
	border-bottom: 1px solid #343434;
	font-size: 1.8rem;
	text-align: left;
}

.masterpiece__content-two-text p{
	font-size: 1.39rem;
	line-height: 2.1;
	letter-spacing: 0;
}

.masterpiece__content-three{
	margin-bottom: 13.8rem;
}

.masterpiece__content-three-img-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 4.7rem;
}

.masterpiece__content-three-img{
	width: 100%;
	max-width: 44rem;
}

.masterpiece__content-three-ttl{
	width: 100%;
	max-width: 50rem;
	margin-bottom: 2.3rem;
	padding-bottom: 1rem;
	/*border-bottom: 0.2rem solid #cccccc;*/
	border-bottom: 1px solid #343434;
	font-size: 1.7rem;
	text-align: left;
}

.masterpiece__content-three-text p{
	font-size: 1.44rem;
	line-height: 2.1;
	letter-spacing: 0.028em;
}

.masterpiece__collection{
	margin-bottom: 15rem;
}

.masterpiece__collection-ttl{
	margin-bottom: 4.7rem;
	font-family: classico-urw,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.9rem;
	text-align: center;
	letter-spacing: 0.1em;
}

.masterpiece__collection-img-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}

.masterpiece__collection-img-wrap img{
	width: 100%;
	max-width: 44rem;
}

.masterpiece__collection-link-wrap{
	margin-left: auto;
	margin-bottom: 4.2rem;
	text-align: right;
}

.masterpiece__collection-link-wrap--1{
	margin-bottom: 0.5rem;
}

.masterpiece__collection-link-wrap img{
	width: 100%;
	max-width: 4.5rem;
	margin-left: 2rem;
}

.masterpiece__collection-link-wrap a{
	font-size: 1.2rem;
	letter-spacing: 0.04em;
}

.btnViewAll{
	width: 100%;
	max-width: 46rem;
	margin: 0 auto;
	margin-bottom: 10rem;
}

.btnViewAll a{
	display: block;
}

@media screen and (min-width: 768px) and (max-width: 920px) {
	html{
		font-size: calc(10*(100vw/920));
	}
}

@media screen and (max-width: 767px){
	a {
		color: #343434;
	}

	.breadlist.lp {
		line-height: calc(40 * (100vw / 750));
		font-size: calc(20 * (100vw / 750));
		margin: calc(25 * (100vw / 750)) 0;
		width: 100%;
		text-align: left;
		padding: 0;
	}

	.masterpiece .credit_main {
		font-family: classico-urw, toppan-bunkyu-mincho-pr6n, sans-serif;
		font-weight: 400;
		font-style: normal;
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
		color: #525252;
		letter-spacing: 0.12em;
	}

	/*#Contents {
		max-width: calc(767* (100vw/750));
		background-position: center calc(187* (100vw/750));
		background-image: url(../img/page_sp.png);
	  }*/

	  .buy_btn{
		margin-left: calc(15*(100vw/750));
		padding-top: 0;
		padding-left: calc(17*(100vw/750));
		padding-right: calc(17*(100vw/750));
		font-size: calc(20*(100vw/750));
		line-height: 1.4;
		letter-spacing: 0.12em;
	}

	.masterpiece {
		margin-top: calc(48*(100vw/750));
	}

	.masterpiece .break-pc{
		display: none;
	}

	.masterpiece .break-sp{
		display: block;
	}

	.masterpiece__caption {
		margin-bottom: calc(120*(100vw/750));
	}

	.masterpiece__ttl {
		margin-bottom: calc(26*(100vw/750));
		font-size: calc(38*(100vw/750));
		line-height: 1.8;
	}

	.masterpiece_subttl{
		margin-bottom: calc(51*(100vw/750));
		font-size: calc(26*(100vw/750));
		letter-spacing: 0.12em;
		text-align: center;
	}

	.masterpiece__subttl {
		font-size: calc(22*(100vw/750));
		line-height: 2;
		letter-spacing: 0.08em;
	}

	.masterpiece__subttl.masterpiece__subttl--1{
		margin-bottom: calc(37*(100vw/750));
		letter-spacing: 0.08em;
	}

	.masterpiece__subttl.masterpiece__subttl--2{
		font-size: calc(22*(100vw/750));
		letter-spacing: 0.08em;
	}

	.masterpeice__content-ttl .content-ttl-number{
		font-size: calc(40*(100vw/750));
	}

	.masterpeice__content-ttl {
		max-width: calc(400*(100vw/750));
		margin-bottom: calc(64*(100vw/750));
		font-size: calc(25*(100vw/750));
	}

	.masterpiece__content-one {
		margin-bottom: calc(120*(100vw/750));
	}

	.masterpiece__content-one-img-wrap {
		justify-content: center;
		order: 1;
		margin-bottom: calc(65*(100vw/750));
	}

	.masterpiece__content-one-img {
		max-width: calc(550*(100vw/750));
		margin-bottom: calc(16*(100vw/750));
	}

	.masterpiece__content-one-img-wrap div:nth-child(1){
		margin-bottom: calc(10*(100vw/750));
	}

	.masterpiece__content-one-link {
		order: 2;
		margin-bottom: 0;
	}

	.masterpiece__content-one-link--1 {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-bottom: calc(20*(100vw/750));
	}

	.masterpiece__content-one-link--2{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.masterpiece__content-one-link img {
		max-width: calc(70*(100vw/750));
		margin-left: calc(20*(100vw/750));
	}

	.masterpiece__content-one-link a {
		font-size: calc(22*(100vw/750));
	}

	.masterpiece__content-one-text{
		order: 1;
	}

	.masterpiece__content-one-text p {
		font-size: calc(22*(100vw/750));
		line-height: 2;
		letter-spacing: 0.14em;
	}

	.masterpiece__content-one-text .masterpiece__content-one-text--1 {
		margin-bottom: calc(30*(100vw/750));
	}

	.masterpiece__content-one-text .masterpiece__content-one-text--2 {
		margin-bottom: calc(70*(100vw/750));
		margin-top: calc(-32*(100vw/750));
	}

	.masterpiece__content-two {
		margin-bottom: calc(108*(100vw/750));
	}

	.masterpiece__content-two-img-wrap {
		justify-content: center;
		margin-bottom: calc(66*(100vw/750));
	}

	.masterpiece__content-two-img,
	.masterpiece__content-two-img-inner {
		max-width: calc(550*(100vw/750));
		margin: 0 auto;
	}

	.masterpiece__content-two-img-inner{
		margin-top: calc(30*(100vw/750));
	}

	.masterpiece__content-two-img-inner div:nth-child(1){
		display: block;
		margin-bottom: calc(30*(100vw/750));
	}

	.masterpiece__content-two-ttl {
		max-width: calc(450*(100vw/750));
		margin-bottom: calc(32*(100vw/750));
		padding-bottom: calc(20*(100vw/750));
		/*border-bottom: calc(2*(100vw/750)) solid #666666;*/
		border-bottom: calc(2*(100vw/750)) solid #343434;
		font-size: calc(28*(100vw/750));
		font-weight: 500;
	}

	.masterpiece__content-two-text p {
		font-size: calc(22*(100vw/750));
		line-height: 2;
		letter-spacing: 0.13em;
	}

	.masterpiece__content-three {
		margin-bottom: calc(105*(100vw/750));
	}

	.masterpiece__content-three-img-wrap {
		justify-content: center;
		margin-bottom: calc(50*(100vw/750));
	}

	.masterpiece__content-three-img {
		max-width: calc(550*(100vw/750));
	}

	.masterpiece__content-three-img:nth-child(1){
		margin-bottom: calc(10*(100vw/750));
	}

	.masterpiece__content-three-ttl {
		max-width: calc(450*(100vw/750));
		margin-bottom: calc(30*(100vw/750));
		padding-bottom: calc(20*(100vw/750));
		/*border-bottom: calc(2*(100vw/750)) solid #666666;*/
		border-bottom: calc(2*(100vw/750)) solid #343434;
		font-size: calc(28*(100vw/750));
		font-weight: 500;
	}

	.masterpiece__content-three-text p {
		font-size: calc(22*(100vw/750));
		line-height: 2;
		letter-spacing: 0.12em;
	}

	.masterpiece__collection {
		margin-bottom: calc(200*(100vw/750));
	}

	.masterpiece__collection-ttl {
		margin-bottom: calc(45*(100vw/750));
		font-size: calc(31*(100vw/750));
	}

	.masterpiece__collection-img-wrap {
		margin-bottom: calc(24*(100vw/750));
	}

	.masterpiece__collection-img-wrap img {
		max-width: calc(320*(100vw/750));
	}

	.masterpiece__collection-link-wrap {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-bottom: calc(61*(100vw/750));
	}

	.masterpiece__collection-link-wrap a {
		font-size: calc(22*(100vw/750));
		letter-spacing: 0.12em;
	}

	.masterpiece__collection-link-wrap img {
		max-width: calc(70*(100vw/750));
		margin-left: calc(20*(100vw/750));
	}

	.btnViewAll {
		max-width: calc(560*(100vw/750));
		margin-bottom: calc(127*(100vw/750));
	}
}