@charset "utf-8";
/* CSS Document */
body {
	font-family: YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
sup {
	font-size: 60%;
	vertical-align: super;
}
#main .en {
	font-family: trajan-pro-3, serif;
}
@media only screen and (max-width: 640px) {
	#main {}
	.inner {
		position: relative;
	}
	h2, h3 {
		color: #1e2675;
	}
	.note {
		color: #808080;
		font-size: 100%;
	}
	.note > li {
		/*text-indent: -0.9em;
		margin-left: 1em;*/
	}
	/*------------- btn -------------*/
	.btn {
		box-sizing: border-box;
		padding: calc(15 / 298 * 100%);
	}
	.btn a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.btn p span {
		font-weight: bold;
	}
	#main .arrow {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	/*------------- mc -------------*/
	/*---- sp ----*/
	.top--mc .bg_cont {
		position: relative;
	}
	.top--mc .bg-image {
		width: 100%;
	}
	#top--mist_c .bg-image::before {
		content: "";
		display: block;
		background: url("/img/top/mc_mist_bg_sp.jpg") center center no-repeat;
		padding-top: 165.4%;
		background-size: cover;
	}
	#top--primer_c .bg-image::before {
		content: "";
		display: block;
		background: url("/img/top/mc_primer_bg_sp.jpg") center center no-repeat;
		padding-top: 165.4%;
		background-size: cover;
	}
	#top--gel_c .bg-image::before {
		content: "";
		display: block;
		background: url("/img/top/mc_gel_bg_sp.jpg") center center no-repeat;
		padding-top: 165.4%;
		background-size: cover;
	}
	#top--m_bodymilk .bg-image::before {
		content: "";
		display: block;
		background: url("/img/top/m_bodymilk_bg_sp.jpg") center center no-repeat;
		padding-top: 165.4%;
		background-size: cover;
	}
	
	.top--mc .ttl-image {
		width: 94.266667%;
		position: absolute;
		top: 4.397373%;
		left: -1.4%;
	}
	.top--mc .ttl-image::before {
		content: "";
		display: block;
		position: absolute;
		width: 96%;
		top: -17px;
		left: 3.6%;
		background: url(/img/top/mc_ttl.png) left center no-repeat;
		padding-top: 49.807818%;
		background-size: contain;
	}
	.top--mc .ttl-image::after {
		/*content: "";*/
		display: block;
		position: absolute;
		left: 5%;
		top: 24rem;
		width: 66%;
		background: url(/img/top/mc_subttl_sp.png) left bottom no-repeat;
		padding-top: 26.807818%;
		background-size: contain;
	}
	#top--m_bodymilk .ttl_cont,
	#top--mist_c .ttl_cont,
	#top--gel_c .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 1.6px solid;
		position: absolute;
		top: /*87.02791465%;*/ 84.02791465%;
		left: 50%;
		transform: translateX(-50%);
		width: 92%;
	}
		#top--primer_c .ttl_cont {
			background-color: #ffffff;
			border-top: #ae9e65 1.6px solid;
			position: absolute;
			top: /*87.02791465%;*/ 84.02791465%;
			right: 50%;
			transform: translateX(50%);
			width: 92%;
		}
	.top--mc .ttl-inner {
		position: relative;
	}
	.top--mc .ttl-body {
		padding: calc(28 / 345 * 100%) calc(28 / 345 * 100%) 0;
	}
	.top--mc .cp {
		font-size: 160%;
		color: #505050;
		line-height: 2;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.top--mc h3 {
		font-size: 6.7vw;
		margin: calc(10 / 345 * 100%) 0 calc(30 / 345 * 100%);
		position: relative;
		line-height: 1.4;
		font-weight: bold;
	}
	.top--mc h3::before {
		content: "";
		display: block;
		width: 60.047138%;
		background: url(/img/top/mc_product_sp.png) center top no-repeat;
		padding-top: 109%;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: -13%;
	}
	.top--mc .btn {
		background-color: #1e2675;
		width: 100%;
	}
	.top--mc .btn .arrow {
		width: calc(53 / 298 * 100%);
	}
	.top--mc .btn p {
		font-size: 120%;
		color: #ae9e65;
	}
	.top--mc .note {
		line-height: 2;
		margin: calc(17 / 345 * 100%) /*calc(28 / 345 * 100%)*/ 0 0;
	}
	/*------------- sheeby -------------*/
	/*---- sp ----*/
	#top--sheeby {
		margin-top: calc(280 / 375 * 100%);
	}
	#top--sheeby .bg_cont {
		position: relative;
	}
	#top--sheeby .bg-image {
		width: 100%;
	}
	#top--sheeby .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_bg_sp.jpg) center center no-repeat;
		padding-top: 142.4%;
		background-size: cover;
	}
	#top--sheeby .ttl-image {
		width: 94.266667%;
		position: absolute;
		top: 4.397373%;
		left: -1.4%;
	}
	#top--sheeby .ttl-image::before {
		content: "";
		display: block;
		position: absolute;
		width: 96%;
		top: -17px;
		left: 3.6%;
		background: url(/img/top/sheeby_ttl.png) left center no-repeat;
		padding-top: 49.807818%;
		background-size: contain;
	}
	#top--sheeby .ttl-image::after {
		/*content: "";*/
		display: block;
		position: absolute;
		left: 5%;
		top: 24rem;
		width: 66%;
		background: url(/img/top/sheeby_subttl_sp.png) left bottom no-repeat;
		padding-top: 26.807818%;
		background-size: contain;
	}
	#top--sheeby .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 1.6px solid;
		position: absolute;
		top: /*87.02791465%;*/ 84.02791465%;
		left: 50%;
		transform: translateX(-50%);
		width: 92%;
	}
	#top--sheeby .ttl-inner {
		position: relative;
	}
	#top--sheeby .ttl-body {
		padding: calc(28 / 345 * 100%) calc(28 / 345 * 100%) 0;
	}
	#top--sheeby .cp {
		font-size: 160%;
		color: #505050;
		line-height: 2;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--sheeby h3 {
		font-size: 270%;
		margin: calc(10 / 345 * 100%) 0 calc(30 / 345 * 100%);
		position: relative;
		line-height: 1.4;
		font-weight: bold;
		color: #00b9c0;
	}
	#top--sheeby h3::before {
		content: "";
		display: block;
		width: 60.047138%;
		background: url(/img/top/sheeby_product_sp.png) center top no-repeat;
		padding-top: 109%;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: -13%;
	}
	#top--sheeby .btn {
		background-color: #00b9c0;
		width: 100%;
	}
	#top--sheeby .btn .arrow {
		width: calc(53 / 298 * 100%);
	}
	#top--sheeby .btn p {
		font-size: 120%;
		color: #fff;
	}
	#top--sheeby .btn:hover p span {
		color: #fff;
	}
	#top--sheeby .note {
		line-height: 2;
		margin: calc(17 / 345 * 100%) /*calc(28 / 345 * 100%)*/ 0 0;
	}
	/*------------- sheeby-milk -------------*/
	/*---- sp ----*/
	#top--primer_c,
	#top--gel_c,
	#top--sheeby--milk {
		margin-top: calc(230 / 375 * 100%);
	}
	#top--sheeby--milk .bg_cont {
		position: relative;
	}
	#top--sheeby--milk .bg-image {
		width: 100%;
	}
	#top--sheeby--milk .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_milk_bg_sp.jpg) center center no-repeat;
		padding-top: 142.4%;
		background-size: cover;
	}
	#top--sheeby--milk .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 1.6px solid;
		position: absolute;
		top: /*87.02791465%;*/ 84.02791465%;
		left: 50%;
		transform: translateX(-50%);
		width: 92%;
	}
	#top--sheeby--milk .ttl-inner {
		position: relative;
	}
	#top--sheeby--milk .ttl-body {
		padding: calc(28 / 345 * 100%) calc(28 / 345 * 100%) 0;
	}
	#top--sheeby--milk .cp {
		font-size: 160%;
		color: #505050;
		line-height: 2;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--sheeby--milk h3 {
		font-size: 270%;
		margin: calc(10 / 345 * 100%) 0 calc(30 / 345 * 100%);
		position: relative;
		line-height: 1.4;
		font-weight: bold;
		color: #6EC8E2;
	}
	#top--sheeby--milk h3::before {
		content: "";
		display: block;
		width: 60.047138%;
		background: url(/img/top/sheeby_product_sp.png) center top no-repeat;
		padding-top: 109%;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: -13%;
	}
	#top--sheeby--milk .btn {
		background-color: #6EC8E2;
		width: 100%;
	}
	#top--sheeby--milk .btn .arrow {
		width: calc(53 / 298 * 100%);
	}
	#top--sheeby--milk .btn p {
		font-size: 120%;
		color: #fff;
	}
	#top--sheeby--milk .btn:hover p span {
		color: #fff;
	}
	#top--sheeby--milk .note {
		line-height: 2;
		margin: calc(17 / 345 * 100%) /*calc(28 / 345 * 100%)*/ 0 0;
	}
	/*------------- uruoi -------------*/
	#top--uruoi {
		margin-top: calc(310 / 375 * 100%);
	}
	#top--uruoi .bg_cont {
		position: relative;
	}
	#top--uruoi .bg-image {
		width: 100%;
	}
	#top--uruoi .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/uruoi_bg_sp.png) center center no-repeat;
		padding-top: 162.4%;
		background-size: cover;
	}
	#top--uruoi .ttl-image {
		width: 94.266667%;
		position: absolute;
		top: 4.397373%;
		left: -1.4%;
	}
	#top--uruoi .ttl-image::before {
		content: "";
		display: block;
		position: absolute;
		width: 96%;
		top: -17px;
		left: 3.6%;
		background: url(/img/top/uruoi_ttl.png) left center no-repeat;
		padding-top: 49.807818%;
		background-size: contain;
	}
	#top--uruoi .ttl-image::after {
		/*content: "";*/
		display: block;
		position: absolute;
		left: 5%;
		top: 24rem;
		width: 66%;
		background: url(/img/top/uruoi_subttl_sp.png) left bottom no-repeat;
		padding-top: 26.807818%;
		background-size: contain;
	}
	#top--uruoi .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 1.6px solid;
		position: absolute;
		top: /*87.02791465%;*/ 84.02791465%;
		left: 50%;
		transform: translateX(-50%);
		width: 92%;
	}
	#top--uruoi .ttl-inner {
		position: relative;
	}
	#top--uruoi .ttl-body {
		padding: calc(28 / 345 * 100%) calc(28 / 345 * 100%) 0;
	}
	#top--uruoi .cp {
		font-size: 160%;
		color: #505050;
		line-height: 2;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--uruoi h3 {
		font-size: 270%;
		margin: calc(10 / 345 * 100%) 0 calc(30 / 345 * 100%);
		position: relative;
		line-height: 1.4;
		font-weight: bold;
	}
	#top--uruoi h3::before {
		content: "";
		display: block;
		width: 60.047138%;
		background: url(/img/top/uruoi_product_sp.png) center top no-repeat;
		padding-top: 109%;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: -13%;
	}
	#top--uruoi .btn {
		background-color: #1e2675;
		width: 100%;
	}
	#top--uruoi .btn .arrow {
		width: calc(53 / 298 * 100%);
	}
	#top--uruoi .btn p {
		font-size: 120%;
		color: #ae9e65;
	}
	#top--uruoi .note {
		line-height: 2;
		margin: calc(17 / 345 * 100%) calc(28 / 345 * 100%) 0;
	}
	/*------------- serum -------------*/
	#top--serum {
		margin-top: calc(276 / 375 * 100%);
	}
	#top--serum .bg_cont {
		position: relative;
	}
	#top--serum .bg-image {
		width: 100%;
	}
	#top--serum .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/serum_bg_sp.jpg) center center no-repeat;
		padding-top: 170.9333333%;
		background-size: cover;
	}
	#top--serum .info-image {
		width: 30.466667%;
		position: absolute;
		top: 47.120125%;
		left: 67.666667%;
		z-index: 2;
	}
	#top--serum .info-image::before {
		/*content: "";*/
		display: block;
		background: url(/img/top/jom_mark.png) center center no-repeat;
		padding-top: 94.9438202%;
		background-size: contain;
	}
	#top--serum .txt-image {
		width: 91.3%;
		position: absolute;
		top: 64.94375%;
		left: 4.1322314%;
	}
	#top--serum .txt-image::before {
		content: "";
		display: block;
		background: url(/img/top/jom_txt_sp.png) center top no-repeat;
		padding-top: 88.6639676%;
		background-size: contain;
	}
	#top--serum .product-image {
		width: 53.2%;
		position: absolute;
		top: -16.734789%;
		left: 50.5%;
		transform: translateX(-50%);
	}
	#top--serum .product-image::before {
		content: "";
		display: block;
		background: url(/img/top/serum_product.png) center center no-repeat;
		padding-top: 335.046729%;
		background-size: contain;
	}
	#top--serum .ttl_cont {
		background-color: #ffffff;
		border-top: #B8BABD 1.6px solid;
		position: absolute;
		top: 89.5475819%;
		left: 50%;
		transform: translateX(-50%);
		width: 92%;
	}
	#top--serum .ttl-inner {
		position: relative;
		padding: calc(28 / 345 * 100%) calc(28 / 345 * 100%) 0;
	}
	#top--serum .ttl-body {}
	#top--serum .cp {
		font-size: 160%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		line-height: 1.5;
	}
	#top--serum h3 {
		font-size: 250%;
		line-height: 1.76;
		margin: calc(15 / 345 * 100%) 0 calc(24 / 345 * 100%);
		font-weight: bold;
	}
	#top--serum .btn {
		background-color: #B8BABD;
		width: 100%;
	}
	#top--serum .btn .arrow {
		width: calc(53 / 298 * 100%);
	}
	#top--serum .btn p {
		font-size: 120%;
		color: #1e2675;
	}
	#top--serum .note {
		line-height: 2;
		margin-top: calc(17 / 345 * 100%);
	}
	#top--serum .note > li {
		text-indent: 0;
		margin-left: 0;
	}
	/*------------- pickup -------------*/
	#top--pickup {
		margin-top: calc( /*250*/ 290 / 375 * 100%);
	}
	#top--pickup .inner {
		background-color: #fcfcfc;
	}
	#top--pickup .pickup_cont {
		position: relative;
	}
	#top--pickup h2 {
		font-size: 320%;
		text-align: center;
		padding: calc(50 / 375 * 100%) 0 calc(25 / 375 * 100%);
	}
	#top--pickup .product-main {}
	#top--pickup .product-sub {
		margin-top: calc(55 / 375 * 100%);
		padding-bottom: calc(40 / 375 * 100%);
	}
	#top--pickup .product-image {
		width: 100%;
	}
	#top--pickup .product-name {
		box-sizing: border-box;
	}
	#top--pickup .cp {
		text-align: center;
	}
	#top--pickup .cp p {
		position: relative;
		color: #021e62;
	}
	#top--pickup .cp p::before {
		content: "";
		display: block;
		background: url(/img/top/pickup_deco_left.svg) center center no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	#top--pickup .cp p::after {
		content: "";
		display: block;
		background: url(/img/top/pickup_deco_right.svg) center center no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#top--pickup .product-name .cp p {
		padding: 13px 0;
		font-size: 170%;
		width: 44%;
		margin: auto;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--pickup .product-name .cp p::before, #top--pickup .product-name .cp p::after {
		width: 12px;
		height: 10px;
	}
	#top--pickup .product-name h3 {
		padding: calc(25 / 375 * 100%) 0 calc(18 / 375 * 100%);
		font-size: 250%;
		line-height: 1.36;
		text-align: center;
		font-weight: bold;
	}
	#top--pickup .product-name h3 span {
		font-size: 76%;
	}
	#top--pickup .hash {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 100%;
		color: #021e62;
	}
	#top--pickup .hash > li:nth-of-type(n+2) {
		margin-left: 15px
	}
	#top--pickup .product-name .hash {
		padding-bottom: calc(22 / 375 * 100%);
		border-bottom: 1px solid #ae9e65;
		width: 40.8%;
		margin: auto;
	}
	#top--pickup .product-name > p {
		text-align: center;
		color: #505050;
		font-size: 140%;
		padding-top: calc(27 / 375 * 100%);
	}
	#top--pickup .product-name > .note {
		margin: calc(24 / 375 * 100%) 0 calc(32 / 375 * 100%);
	}
	#top--pickup .btn {
		background-color: #1e2675;
		width: 79.4666667%;
		margin: auto;
	}
	#top--pickup .btn .arrow {
		width: calc(53 / 298 * 100%);
	}
	#top--pickup .btn p {
		font-size: 120%;
		color: #ae9e65;
	}
	#top--pickup .note {
		text-align: center;
	}
	#top--pickup .product-list {
		width: 100%;
		padding-bottom: calc(40 / 375 * 100%);
	}
	#top--pickup .product-list .list-item {
		width: 100%;
	}
	#top--pickup .product-list .list-item img {
		width: 100%
	}
	#top--pickup .product-list .cp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: calc(25 / 295 * 100%) 0 calc(17 / 295 * 100%);
	}
	#top--pickup .product-list .cp p {
		padding: 0 calc(40 / 295 * 100%);
		font-size: 100%;
		min-height: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		line-height: 2;
	}
	#top--pickup .product-list .cp p::before, #top--pickup .product-list .cp p::after {
		width: 10px;
		height: 9px;
	}
	#top--pickup .product-list h3 {
		text-align: center;
		font-weight: bold;
		font-size: 180%;
		line-height: 1.6;
	}
	#top--pickup .product-list .hash {
		margin: calc(26 / 295 * 100%) 0 calc(15 / 295 * 100%);
	}
	#top--pickup .product-list .slide-dots {
		position: absolute;
		bottom: 0;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	#top--pickup .product-list .slide-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	#top--pickup .product-list .slide-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	#top--pickup .product-list .slide-dots li.slick-active button:before {
		opacity: .75;
		color: #1e2675;
	}
	#top--pickup .product-list .slide-dots li button:before {
		font-size: 10px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		content: '●';
		text-align: center;
		color: #ae9e65;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	/*------------- lineup -------------*/
	#top--lineup {/*
		margin-top: calc(360 / 375 * 100%);*/
		margin-top: calc(100 / 375 * 100%);
	}
	#top--lineup h2,
	.pickup--area h2 {
		text-align: center;
		font-size: 320%;
		margin-bottom: calc(40 / 375 * 100%);
	}
	#top--lineup .lineup_cont {
		position: relative;
		/* background-color: #fafafa; */
		background: linear-gradient(to bottom, #fafafa 60%, #ffffff 66%);
	}
	#top--lineup .lineup_cont:nth-of-type(n+2) {
		margin-top: calc(80 / 375 * 100%);
	}
	#top--lineup .ttl_cont {
		position: relative;
		padding: calc(40 / 375 * 100%) calc(40 / 375 * 100%) 0;
	}
	#top--lineup .ttl-bx {
		position: relative;
		width: calc(132 / 295 * 100%);
	}
	#top--lineup .ttl-bx::before {
		content: "";
		display: block;
		width: 1px;
		height: 162.222222%;
		background-color: #1e2675;
		transform: rotate(45deg);
		position: absolute;
		right: -12.366412%;
		top: -42%;
	}
	#top--lineup .ttl-bx h3 {
		margin-bottom: calc(10 / 132 * 100%);
		font-size: 0;
		line-height: 0;
		width: 100%;
	}
	#top--lineup .revival .ttl-bx h3 {
		width: 100%;
	}
	#top--lineup .revival .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_revival.svg) center center no-repeat;
		background-size: contain;
		padding-top: 17.4796748%;
	}
	#top--lineup .moist .ttl-bx h3 {
		width: 80.8943089%;
	}
	#top--lineup .moist .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_moist.svg) center center no-repeat;
		background-size: contain;
		padding-top: 21.6080402%;
	}
	#top--lineup .white .ttl-bx h3 {
		width: 84.9593496%;
	}
	#top--lineup .white .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_white.svg) center center no-repeat;
		background-size: contain;
		padding-top: 20.5741627%;
	}
	#top--lineup .ttl-bx p {
		font-weight: 700;
		font-size: 120%;
	}
	#top--lineup .revival .ttl-bx p, #top--lineup .white .ttl-bx p {
		color: #1E2675;
	}
	#top--lineup .moist .ttl-bx p {
		color: #AE9E65;
	}
	#top--lineup .text-bx {
		margin-top: calc(25 / 295 * 100%);
	}
	#top--lineup .text-bx h4 {
		font-size: 160%;
		line-height: 1.5;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--lineup .text-bx p {
		padding-top: calc(20 / 295 * 100%);
		font-size: 120%;
		line-height: 1.5;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--lineup .text-bx .note {
		padding-top: calc(20 / 295 * 100%);
	}
	#top--lineup .btn {
		width: 78.6666667%;
		margin: auto;
		box-sizing: border-box;
		padding: calc(30 / 375 * 100%) calc(25 / 375 * 100%);
	}
	#top--lineup .revival .btn {
		background-color: #ae9e65;
	}
	#top--lineup .moist .btn {
		background-color: #1E2675;
	}
	#top--lineup .white .btn {
		background-color: #B8BABD;
	}
	#top--lineup .btn:hover .arrow--navy::after {
		opacity: 1;
	}
	#top--lineup .btn .arrow {
		width: calc(65 / 295 * 100%);
	}
	#top--lineup .btn p {
		font-size: 160%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#top--lineup .revival .btn p, #top--lineup .white .btn p {
		color: #1e2675;
	}
	#top--lineup .moist .btn p {
		color: #ffffff;
	}
	#top--lineup .btn:hover p {
		color: #ffffff;
	}
	#top--lineup .slider {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		width: 100%;
		margin-top: calc(40 / 375 * 100%);
	}
	#top--lineup .slider-item {
		position: relative;
		z-index: 1;
		text-align: center;
	}
	#top--lineup .slider-img {
		width: 100%;
		position: relative;
	}
	#top--lineup .slider-img::before {
		content: '';
		display: block;
		width: 100%;
		height: 20%;
		z-index: -1;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#top--lineup .revival .slider-img::before {
		background-color: #ae9e65;
	}
	#top--lineup .moist .slider-img::before {
		background-color: #1E2675;
	}
	#top--lineup .white .slider-img::before {
		background-color: #B8BABD;
	}
	#top--lineup .slider-item .txt-bx {
		margin: calc(35 / 188 * 100%) 0 calc(30 / 188 * 100%) 0;
	}
	#top--lineup .slider-item .txt-bx > p {}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(1) {
		font-size: 100%;
	}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(2) {
		color: #AE9E65;
		font-size: 120%;
		font-weight: 700;
		margin-top: calc(10 / 188 * 100%);
	}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(3) {
		color: #1E2675;
		font-size: 100%;
		font-weight: 600;
		margin-top: calc(10 / 188 * 100%);
	}
	#top--lineup .slider-item .txt-bx > .note {
		margin-top: calc(8 / 188 * 100%);
	}
	#top--lineup .slider-item .txt-bx > .note li {
		margin: 0 15%;
		line-height: 2;
	}
	#top--lineup .slider .slick-list {
		width: 100%;
	}
	#top--lineup .slick-arrow {
		position: relative;
	}
	#top--lineup .slick-arrow::before {
		content: '';
		display: block;
		width: 32px;
		height: 32px;
		border-top: 1px solid #1E2675;
		position: absolute;
		top: 25%;
		z-index: 99;
	}
	#top--lineup .slick-arrow.slick-prev::before {
		border-left: 1px solid #1E2675;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 30px;
	}
	#top--lineup .slick-arrow.slick-next::before {
		border-right: 1px solid #1E2675;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 30px;
	}
	#top--lineup .slick-arrow.slick-disabled {
		visibility: hidden;
	}
	/*------------- NEWS -------------*/
	#info_news {
		margin-top: calc(80 / 375 * 100%);
	}
	#info_news h2 {
		font-size: 320%;
		text-align: center;
		margin-bottom: calc(35 / 375 * 100%);
	}
	#info_news .container {
		padding: 0 calc(40 / 375 * 100%);
	}
	#info_news dl {
		padding: calc(40 / 375 * 100%) 0;
		border-top: 1px solid #e8e8e8;
		font-size: 140%;
		line-height: 1.7;
	}
	#info_news dl:nth-last-of-type(1) {
		border-bottom: 1px solid #e8e8e8;
	}
	#info_news dt {
		margin-bottom: calc(20 / 375 * 100%);
		color: #021e62;
		font-family: trajan-pro-3, serif;
	}
	#info_news .btn {
		margin: 0 0 0 auto;
		width: 54.2372881%;
		padding: calc(30 / 295 * 100%) 0 0;
	}
	#info_news .btn .arrow {
		width: calc(65 / 160 * 100%);
	}
	#info_news .btn p {
		font-size: 160%;
		color: #021e62;
	}
	/*------------- LINK -------------*/
	#link--btn {
		margin-top: calc(80 / 375 * 100%);
	}
	#link--btn .inner {}
	#link--btn .link-item {
		position: relative;
	}
	#link--btn .link-item .bg-image {
		width: 100%;
	}
	#link--btn .link-item .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/about_img.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 81.5277778%;
	}
	#link--btn .link-item:nth-of-type(2) .bg-image:before {
		content: "";
		display: block;
		background: url(/img/top/feature_img.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 81.5277778%;
	}
	#link--btn .link-item .ttl_cont {
		width: 100%;
		background-color: rgba(30, 38, 117, 1);
		color: #ffffff;
		box-sizing: border-box;
		padding: calc(40 / 375 * 100%) calc(40 / 375 * 100%) calc(35 / 375 * 100%);
	}
	#link--btn .link-item .ttl-bx p {
		font-size: 170%;
		margin-bottom: calc(25 / 295 * 100%);
		font-weight: bold;
	}
	#link--btn .link-item .ttl-bx h2 {
		font-size: 320%;
		color: #ffffff;
		line-height: 1.4;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 600;
	}
	#link--btn .link-item .ttl_cont > p {
		font-size: 120%;
		line-height: 2;
		margin: calc(25 / 295 * 100%) 0 calc(55 / 295 * 100%);
	}
	#main .link-item .arrow {
		width: calc(65 / 295 * 100%);
		position: relative;
		margin: auto 0 auto auto;
	}
}
@media only screen and (max-width: 320px) {
	#top--uruoi .ttl-image::after {
		top: 20.5rem;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
	#main {
		padding-bottom: 0;
	}
	.inner {
		position: relative;
	}
	h2, h3 {
		color: #1e2675;
	}
	.note {
		color: #808080;
		font-size: 62.5%;
	}
	/*------------- btn -------------*/
	.btn {
		box-sizing: border-box;
		padding: 25px 26px 25px 23px;
	}
	.btn a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.btn p span {
		font-weight: bold;
	}
	#main .arrow {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.arrow--gold::after {
		content: "";
		opacity: 0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: url(/img/common/arrow_white.svg) center center no-repeat;
		padding-top: 13.0769231%;
		transition: opacity 0.3s ease;
	}
	.arrow--navy::after {
		content: "";
		opacity: 0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: url(/img/common/arrow_white.svg) center center no-repeat;
		padding-top: 13.0769231%;
		transition: opacity 0.3s ease;
	}
	/*------------- mc -------------*/
	/*---- tb ----*/
	.top--mc .inner {
		max-width: 1440px;
		margin: auto;
	}
	.top--mc .bg_cont {
		width: 82.6388889%;
		margin: auto 0 auto auto;
		position: relative;
	}
		#top--primer_c .bg_cont { margin: auto auto auto 0;}
	
	.top--mc .bg-image {
		width: 100%;
	}
	.top--mc .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/mc_bg.jpg) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
		#top--mist_c .bg-image::before {
			background: url(/img/top/mc_mist_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
		#top--primer_c .bg-image::before {
			background: url(/img/top/mc_primer_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
		#top--gel_c .bg-image::before {
			background: url(/img/top/mc_gel_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
	
		#top--m_bodymilk .bg-image::before {
			background: url(/img/top/m_bodymilk_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
	.top--mc .ttl-image {
		width: 37.798319%;
		position: absolute;
		top: -14.106383%;
		left: 3.647059%;
	}
	.top--mc .ttl-image::before {
		content: "";
		display: block;
		background: url(/img/top/mc_ttl_sp.png) center center no-repeat;
		padding-top: 129.807818%;
		background-size: contain;
	}
	.top--mc .product-image {
		width: 23.697479%;
		position: absolute;
		bottom: -47.0625%;
		right: 7.12605%;
	}
	.top--mc .product-image::after {
		content: "";
		display: block;
		background: url(/img/top/mc_product.png) center center no-repeat;
		padding-top: 185.4609929%;
		background-size: contain;
	}
	.top--mc .product-image::before {
		/*content: "";*/
		display: block;
		position: absolute;
		width: 112%;
		top: -21%;
		background: url(/img/top/mc_subttl.png) center top no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--m_bodymilk .ttl_cont,
	#top--mist_c .ttl_cont,
	#top--gel_c .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		top: 54%;
		left: 3.894737%;
	}
		#top--primer_c .ttl_cont {
			background-color: #ffffff;
			border-top: #ae9e65 2px solid;
			position: absolute;
			top: 54%;
			right: 3.894737%;
		}
	.top--mc .ttl-inner {
		position: relative;
	}
	.top--mc .image {
		position: absolute;
		top: -15.197531%;
		right: -7.219512%;
		width: 30.211382%;
	}
	.top--mc .image::before {
		/*content: "";*/
		display: block;
		background: url(/img/top/mc_deco.png) center center no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	.top--mc .ttl-body { padding: 40px 40px 0 0;}
		#top--primer_c .ttl-body { padding: 40px 0 0 40px;}
	
	.top--mc .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.top--mc h3 {
		font-size: 210%;
		margin: 20px 0;
		font-weight: bold;
		line-height: 1.1;
	}
	.top--mc .btn {
		position: relative;
		background-color: #1e2675;
		width: 100%;
		max-width: 310px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.top--mc .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	.top--mc .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.top--mc .btn .arrow {
		right: 26px;
	}
	.top--mc .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_navy.svg) center center no-repeat;
	}
	.top--mc .btn p {
		font-size: 100%;
		color: #ae9e65;
	}
	.top--mc .note {
		margin-bottom: 2.4rem;
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 310px;
	}
	.top--mc .btn:hover {
		background-color: #AE9E65;
	}
	.top--mc .btn:hover p {
		color: #1E2675;
	}
	.top--mc .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	.top--mc .btn:hover .arrow {
		right: 10px;
	}
	/*------------- uruoi -------------*/
	#top--uruoi {
		margin-top: 220px;
	}
	#top--uruoi .inner {
		max-width: 1440px;
		margin: auto;
	}
	#top--uruoi .bg_cont {
		width: 82.6388889%;
		margin: auto 0 auto auto;
		position: relative;
	}
	#top--uruoi .bg-image {
		width: 100%;
	}
	#top--uruoi .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/uruoi_bg.png) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
	#top--uruoi .ttl-image {
		width: 37.798319%;
		position: absolute;
		top: -14.106383%;
		left: 3.647059%;
	}
	#top--uruoi .ttl-image::before {
		content: "";
		display: block;
		background: url(/img/top/uruoi_ttl_sp.png) center center no-repeat;
		padding-top: 129.807818%;
		background-size: contain;
	}
	#top--uruoi .product-image {
		width: 23.697479%;
		position: absolute;
		bottom: -47.0625%;
		right: 7.12605%;
	}
	#top--uruoi .product-image::after {
		content: "";
		display: block;
		background: url(/img/top/uruoi_product.png) center center no-repeat;
		padding-top: 185.4609929%;
		background-size: contain;
	}
	#top--uruoi .product-image::before {
		/*content: "";*/
		display: block;
		position: absolute;
		width: 112%;
		top: -21%;
		background: url(/img/top/uruoi_subttl.png) center top no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--uruoi .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		top: 65%;
		left: 3.894737%;
	}
	#top--uruoi .ttl-inner {
		position: relative;
	}
	#top--uruoi .image {
		position: absolute;
		top: -15.197531%;
		right: -7.219512%;
		width: 30.211382%;
	}
	#top--uruoi .image::before {
		/*content: "";*/
		display: block;
		background: url(/img/top/uruoi_deco.png) center center no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--uruoi .ttl-body {
		padding: 40px 40px 0 0;
	}
	#top--uruoi .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--uruoi h3 {
		font-size: 250%;
		margin: 20px 0;
		font-weight: bold;
		line-height: 1.1;
	}
	#top--uruoi .btn {
		position: relative;
		background-color: #1e2675;
		width: 100%;
		max-width: 310px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--uruoi .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--uruoi .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--uruoi .btn .arrow {
		right: 26px;
	}
	#top--uruoi .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_navy.svg) center center no-repeat;
	}
	#top--uruoi .btn p {
		font-size: 100%;
		color: #ae9e65;
	}
	#top--uruoi .note {
		margin-bottom: 2.4rem;
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 350px;
	}
	#top--uruoi .btn:hover {
		background-color: #AE9E65;
	}
	#top--uruoi .btn:hover p {
		color: #1E2675;
	}
	#top--uruoi .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--uruoi .btn:hover .arrow {
		right: 10px;
	}
	/*------------- sheeby -------------*/
	#top--sheeby .inner {
		max-width: 1440px;
		margin: auto;
		margin-top: 320px;
	}
	#top--sheeby .bg_cont {
		width: 82.6388889%;
		margin: auto auto auto 0;
		position: relative;
	}
	#top--sheeby .bg-image {
		width: 100%;
	}
	#top--sheeby .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_bg.jpg) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
	#top--sheeby .ttl-image {
		width: 35.798319%;
		position: absolute;
		top: 6.893617%;
		left: 3.647059%;
	}
	#top--sheeby .ttl-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_ttl.png) center top no-repeat;
		padding-top: 63.807818%;
		background-size: contain;
	}
	#top--sheeby .product-image {
		width: /*23.697479%*/ 29.697479%;
		position: absolute;
		bottom: -19.0625%;
		right: 5.1260504%;
	}
	#top--sheeby .product-image::after {
		content: "";
		display: block;
		background: url(/img/top/sheeby_product.png) center bottom no-repeat;
		padding-top: 92%;
		background-size: contain;
	}
	#top--sheeby .product-image::before {
		/*content: "";*/
		display: block;
		position: absolute;
		width: 86%;
		top: -68%;
		right: -5%;
		background: url(/img/top/sheeby_subttl.png) center top no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--sheeby .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		top: 30%;
		right: 3.894737%;
	}
	#top--sheeby .ttl-inner {
		position: relative;
	}
	#top--sheeby .image {
		position: absolute;
		top: -18.197531%;
		right: -2.219512%;
		width: 31.2113821%;
	}
	#top--sheeby .image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_new.png) center center no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--sheeby .ttl-body {
		padding: 40px 0 30px 40px;
	}
	#top--sheeby .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--sheeby h3 {
		font-size: 220%;
		margin: 20px 0;
		font-weight: bold;
		line-height: 1.15;
		color: #00b9c0;
	}
	#top--sheeby .btn {
		position: relative;
		background-color: #00b9c0;
		width: 100%;
		max-width: 310px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--sheeby .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby .btn .arrow {
		right: 26px;
	}
	#top--sheeby .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_white.svg) center center no-repeat;
	}
	#top--sheeby .btn p {
		font-size: 100%;
		color: #fff;
	}
	#top--sheeby .btn:hover p span {
		color: #fff;
	}
	#top--sheeby .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 310px;
	}
	#top--sheeby .btn:hover {
		background-color: #AE9E65;
	}
	#top--sheeby .btn:hover p {
		color: #1E2675;
	}
	#top--sheeby .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--sheeby .btn:hover .arrow {
		right: 10px;
	}
	/*------------- sheeby-milk -------------*/
	#top--primer_c .inner,
	#top--gel_c .inner,
	#top--sheeby--milk .inner {
		max-width: 1440px;
		margin: auto;
		/*margin-top: 320px;*/
		margin-top: 220px;
	}
	#top--sheeby--milk .bg_cont {
		width: 82.6388889%;
		margin: auto auto auto 0;
		position: relative;
	}
	#top--sheeby--milk .bg-image {
		width: 100%;
	}
	#top--sheeby--milk .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_milk_bg.jpg) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
	#top--sheeby--milk .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		top: 50%;
		right: 3.894737%;
	}
	#top--sheeby--milk .ttl-inner {
		position: relative;
	}
	#top--sheeby--milk .ttl-body {
		padding: 40px 0 30px 40px;
	}
	#top--sheeby--milk .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--sheeby--milk h3 {
		font-size: 220%;
		margin: 20px 0;
		font-weight: bold;
		line-height: 1.15;
		color: #6EC8E2;
	}
	#top--sheeby--milk .btn {
		position: relative;
		background-color: #6EC8E2;
		width: 100%;
		max-width: 310px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby--milk .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
		color: #fff;
	}
	#top--sheeby--milk .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby--milk .btn .arrow {
		right: 26px;
	}
	#top--sheeby--milk .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_white.svg) center center no-repeat;
	}
	#top--sheeby .btn p {
		font-size: 100%;
		color: #fff;
	}
	#top--sheeby--milk .btn:hover p span {
		color: #fff;
	}
	#top--sheeby--milk .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 310px;
	}
	#top--sheeby--milk .btn:hover {
		background-color: #AE9E65;
	}
	#top--sheeby--milk .btn:hover p {
		color: #1E2675;
	}
	#top--sheeby--milk .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--sheeby--milk .btn:hover .arrow {
		right: 10px;
	}
	/*------------- serum -------------*/
	#top--serum {
		margin-top: 330px;
	}
	#top--serum .inner {
		max-width: 1440px;
		margin: auto;
	}
	#top--serum .bg_cont {
		width: 84.0277778%;
		margin: auto auto auto 0;
		position: relative;
	}
	#top--serum .bg-image {
		width: 100%;
	}
	#top--serum .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/serum_bg.jpg) center center no-repeat;
		padding-top: 52.892562%;
		background-size: contain;
	}
	#top--serum .info-image {
		/*width: 20.4132231%;
    position: absolute;
    top: 19.84375%;
    left: 4.1322314%;*/
		width: 14.213223%;
		position: absolute;
		top: 12%;
		left: 72.1322314%;
	}
	#top--serum .info-image::before {
		/*content: "";*/
		display: block;
		background: url(/img/top/jom_mark.png) center center no-repeat;
		padding-top: 88.6639676%;
		background-size: contain;
	}
	#top--serum .txt-image {
		width: 66.3%;
		position: absolute;
		top: 14.34375%;
		left: 4.1322314%;
	}
	#top--serum .txt-image::before {
		content: "";
		display: block;
		background: url(/img/top/jom_txt.png) center top no-repeat;
		padding-top: 88.6639676%;
		background-size: contain;
	}
	#top--serum .product-image {
		/*width: 17.6859504%;
    position: absolute;
    bottom: -43.84375%;
    left: 27.0247934%;*/
		width: 28.68595%;
		position: absolute;
		bottom: -75.84375%;
		left: 17.024793%;
	}
	#top--serum .product-image::before {
		content: "";
		display: block;
		background: url(/img/top/serum_product.png) center center no-repeat;
		padding-top: 335.046729%;
		background-size: contain;
	}
	#top--serum .ttl_cont {
		background-color: #ffffff;
		border-top: #B8BABD 2px solid;
		position: absolute;
		top: 70.84375%;
		right: 6.194444%;
		max-width: 43%;
	}
	#top--serum .ttl-inner {
		position: relative;
		padding: 40px 00px 0 30px;
	}
	#top--serum .ttl-body {}
	#top--serum .cp {
		font-size: 137.5%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--serum h3 {
		font-size: 212.5%;
		margin: 35px 0 35px;
		line-height: 1.4;
		font-weight: bold;
	}
	#top--serum .btn {
		position: relative;
		background-color: #B8BABD;
		width: 100%;
		max-width: 310px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--serum .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--serum .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--serum .btn .arrow {
		right: 26px;
	}
	#top--serum .btn .arrow.arrow--navy::after {
		background: url("/img/common/arrow_navy.svg") center center no-repeat;
	}
	#top--serum .btn p {
		font-size: 100%;
		color: #1e2675;
	}
	#top--serum .btn:hover {
		background-color: #1e2675;
	}
	#top--serum .btn:hover p {
		color: #fff;
	}
	#top--serum .btn:hover .arrow.arrow--navy::after {
		opacity: 1;
	}
	#top--serum .btn:hover .arrow {
		right: 10px;
	}
	#top--serum .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 30px;
	}
	/*------------- pickup -------------*/
	#top--pickup {
		margin-top: 320px;
	}
	#top--pickup .inner {
		max-width: 1260px;
		width: 87.5%;
		margin: auto;
		background-color: #fcfcfc;
		padding: 56px 0;
	}
	#top--pickup .pickup_cont {
		position: relative;
	}
	#top--pickup h2 {
		text-align: center;
		font-size: 200%;
	}
	#top--pickup .product-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#top--pickup .product-sub {
		margin-top: 40px;
	}
	#top--pickup .product-image {
		width: 54.793651%;
	}
	#top--pickup .product-name {
		width: 39.2063492%;
		box-sizing: border-box;
	}
	#top--pickup .cp {
		text-align: center;
	}
	#top--pickup .cp p {
		position: relative;
		color: #021e62;
	}
	#top--pickup .cp p::before {
		content: "";
		display: block;
		background: url(/img/top/pickup_deco_left.svg) center center no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	#top--pickup .cp p::after {
		content: "";
		display: block;
		background: url(/img/top/pickup_deco_right.svg) center center no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#top--pickup .product-name .cp p {
		padding: 20px 0;
		font-size: 137.5%;
		width: 56.8421053%;
		margin: auto;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--pickup .product-name .cp p::before, #top--pickup .product-name .cp p::after {
		width: 12px;
		height: 10px;
	}
	#top--pickup .product-name h3 {
		padding: 20px 0;
		font-size: 200%;
		font-weight: bold;
		line-height: 1.375;
		text-align: center;
	}
	#top--pickup .product-name h3 span {
		font-size: 75%;
	}
	#top--pickup .hash {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 75%;
		color: #021e62;
	}
	#top--pickup .hash > li:nth-of-type(n+2) {
		margin-left: 13px;
	}
	#top--pickup .product-name .hash {
		padding-bottom: 25px;
		border-bottom: 1px solid #ae9e65;
		width: 50.5263158%;
		margin: auto;
		display: block;
		text-align: center;
	}
	#top--pickup .product-name .hash li {
		margin: 0;
	}
	#top--pickup .product-name > p {
		text-align: center;
		color: #505050;
		font-size: 87.5%;
		padding-top: 30px;
	}
	#top--pickup .product-name > .note {
		font-size: 62.5%;
		margin: 15px 40px;
	}
	#top--pickup .btn {
		position: relative;
		background-color: #1e2675;
		width: 100%;
		max-width: 310px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--pickup .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--pickup .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--pickup .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_navy.svg) center center no-repeat;
	}
	#top--pickup .btn .arrow {
		right: 26px;
	}
	#top--pickup .btn p {
		font-size: 100%;
		color: #ae9e65;
	}
	#top--pickup .btn:hover {
		background-color: #AE9E65;
	}
	#top--pickup .btn:hover p {
		color: #1E2675;
	}
	#top--pickup .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--pickup .btn:hover .arrow {
		right: 10px;
	}
	#top--pickup .note {
		text-align: center;
	}
	#top--pickup .product-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#top--pickup .product-list .list-item {
		width: calc(100% / 4);
	}
	#top--pickup .product-list .list-item img {
		width: 100%
	}
	#top--pickup .product-list .cp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 25px 0 20px;
	}
	#top--pickup .product-list .cp p {
		padding: 0 20px;
		font-size: 75%;
		height: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		line-height: 2;
	}
	#top--pickup .product-list .cp p::before, #top--pickup .product-list .cp p::after {
		width: 10px;
		height: 9px;
	}
	#top--pickup .product-list h3 {
		text-align: center;
		font-weight: bold;
		font-size: 112.5%;
	}
	#top--pickup .product-list .hash {
		margin: 25px 0 15px;
	}
	/*------------- lineup -------------*/
	#top--lineup {
		margin-top: 290px;
		position: relative;
	}
	#top--lineup h2,
	.pickup--area h2  {
		text-align: center;
		font-size: 200%;
		margin-bottom: 50px;
	}
	#top--lineup .lineup_cont {
		margin-top: 57px;
		position: relative;
		background: linear-gradient(to bottom, #fafafa 60%, #ffffff 66%);
	}
	#top--lineup .ttl_cont {
		padding: 70px 0 0 70px;
	}
	#top--lineup .ttl-bx {
		position: relative;
		width: 296px;
	}
	#top--lineup .ttl-bx::before {
		content: "";
		display: block;
		width: 1px;
		height: 165px;
		background-color: #1e2675;
		transform: rotate(45deg);
		position: absolute;
		left: 280px;
		top: -52px;
	}
	#top--lineup .ttl-bx h3 {
		margin-bottom: 25px;
		font-size: 0;
		line-height: 0;
	}
	#top--lineup .revival .ttl-bx h3 {
		width: 83.1081081%;
	}
	#top--lineup .revival .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_revival.svg) center center no-repeat;
		background-size: contain;
		padding-top: 17.4796748%;
	}
	#top--lineup .moist .ttl-bx h3 {
		width: 67.2297297%;
	}
	#top--lineup .moist .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_moist.svg) center center no-repeat;
		background-size: contain;
		padding-top: 21.6080402%;
	}
	#top--lineup .white .ttl-bx h3 {
		width: 70.6081081%;
	}
	#top--lineup .white .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_white.svg) center center no-repeat;
		background-size: contain;
		padding-top: 20.5741627%;
	}
	#top--lineup .ttl-bx p {
		font-weight: 700;
	}
	#top--lineup .revival .ttl-bx p, #top--lineup .white .ttl-bx p {
		color: #1E2675;
	}
	#top--lineup .moist .ttl-bx p {
		color: #AE9E65;
	}
	#top--lineup .text-bx {
		margin-top: 30px;
	}
	#top--lineup .text-bx h4 {
		font-size: 137.5%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--lineup .text-bx p {
		padding: 10px 0 5px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--lineup .btn {
		width: 100%;
		max-width: 310px;
		height: 100px;
		position: absolute;
		top: 0;
		right: 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		padding-left: 32px;
	}
	#top--lineup .revival .btn {
		background-color: #ae9e65;
	}
	#top--lineup .moist .btn {
		background-color: #1E2675;
	}
	#top--lineup .white .btn {
		background-color: #B8BABD;
	}
	#top--lineup .revival .btn:hover, #top--lineup .white .btn:hover {
		background-color: #1E2675;
	}
	#top--lineup .moist .btn:hover {
		background-color: #ae9e65;
	}
	#top--lineup .btn .arrow {
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--lineup .btn:hover .arrow--navy::after {
		opacity: 1;
	}
	#top--lineup .btn:hover .arrow {
		right: -16px;
	}
	#top--lineup .btn .arrow {
		width: 65px;
	}
	#top--lineup .btn p {
		font-size: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--lineup .revival .btn p, #top--lineup .white .btn p {
		color: #1e2675;
	}
	#top--lineup .moist .btn p {
		color: #ffffff;
	}
	#top--lineup .btn:hover p {
		color: #ffffff;
	}
	#top--lineup .slider {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		width: 100%;
		margin-top: 30px;
	}
	#top--lineup .slider-item {
		position: relative;
		z-index: 1;
		text-align: center;
	}
	#top--lineup .slider-img {
		width: 100%;
		position: relative;
	}
	#top--lineup .slider-img::before {
		content: '';
		display: block;
		width: 100%;
		height: 20%;
		z-index: -1;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#top--lineup .revival .slider-img::before {
		background-color: #ae9e65;
	}
	#top--lineup .moist .slider-img::before {
		background-color: #1E2675;
	}
	#top--lineup .white .slider-img::before {
		background-color: #B8BABD;
	}
	#top--lineup .slider-item .txt-bx {
		margin: 40px 0 60px 0;
	}
	#top--lineup .slider-item .txt-bx > p {}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(1) {
		font-size: 87.5%;
	}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(2) {
		margin-top: 16px;
		color: #AE9E65;
		font-size: 112.5%;
		font-weight: 700;
	}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(3) {
		margin-top: 10px;
		color: #1E2675;
		font-size: 87.5%;
		font-weight: 600;
	}
	#top--lineup .slider-item .txt-bx > .note {
		margin-top: 15px;
	}
	#top--lineup .slider-item .txt-bx > .note li {
		margin: 0 20%;
		line-height: 2;
	}
	#top--lineup .slider .slick-list {
		width: 100%;
	}
	#top--lineup .slick-arrow {
		position: relative;
	}
	#top--lineup .slick-arrow::before {
		content: '';
		display: block;
		width: 50px;
		height: 50px;
		border-top: 2px solid #1E2675;
		position: absolute;
		top: 20%;
		z-index: 99;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--lineup .slick-arrow.slick-prev::before {
		border-left: 2px solid #1E2675;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 40px;
	}
	#top--lineup .slick-arrow.slick-next::before {
		border-right: 2px solid #1E2675;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 40px;
	}
	#top--lineup .slick-arrow:hover::before {
		border-top: 2px solid #AE9E65;
	}
	#top--lineup .slick-arrow.slick-prev:hover::before {
		border-left: 2px solid #AE9E65;
	}
	#top--lineup .slick-arrow.slick-next:hover::before {
		border-right: 2px solid #AE9E65;
	}
	#top--lineup .slick-arrow.slick-disabled {
		visibility: hidden;
	}
	/*------------- NEWS -------------*/
	#info_news {
		margin-top: 10px;
	}
	#info_news h2 {
		font-size: 200%;
		text-align: center;
		margin-bottom: 66px;
	}
	#info_news .container {
		max-width: 1100px;
		width: 69.444444%;
		margin: auto;
	}
	#info_news dl {
		padding: 40px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-top: 1px solid #e8e8e8;
		font-size: 87.5%;
	}
	#info_news dl:nth-last-of-type(1) {
		border-bottom: 1px solid #e8e8e8;
	}
	#info_news dt {
		margin-right: 90px;
		color: #021e62;
		font-family: trajan-pro-3, serif;
	}
	#info_news .btn {
		margin: 0 0 0 auto;
		width: 160px;
		padding: 40px 0 0;
	}
	#info_news .btn .arrow {
		width: 65px;
	}
	#info_news .btn p {
		font-size: 100%;
		color: #021e62;
		display: flex;
		align-items: flex-end;
	}
	/*------------- LINK -------------*/
	#link--btn {
		margin-top: 126px;
	}
	#link--btn .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#link--btn .link-item {
		width: 50%;
		position: relative;
	}
	#link--btn .link-item .bg-image {
		width: 100%;
	}
	#link--btn .link-item .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/about_img.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 81.5277778%;
	}
	#link--btn .link-item:nth-of-type(2) .bg-image:before {
		content: "";
		display: block;
		background: url(/img/top/feature_img.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 81.5277778%;
	}
	#link--btn .link-item .ttl_cont {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(30, 38, 117, 0.8);
		color: #ffffff;
		padding: 40px 40px 10px 30px;
		box-sizing: border-box;
	}
	#link--btn .link-item .ttl-bx p {
		font-size: 106.25%;
		margin-bottom: 5px;
		font-weight: bold;
	}
	#link--btn .link-item .ttl-bx h2 {
		font-size: 200%;
		font-weight: 600;
		color: #ffffff;
		line-height: 1.4;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#link--btn .link-item .ttl_cont > p {
		font-size: 87.5%;
		line-height: 2;
	}
	#main .link-item .arrow {
		width: 65px;
		position: relative;
		margin: auto 0 8px auto;
	}
}
@media print, screen and (min-width: 1281px) {
	#main {
		padding-bottom: 0;
	}
	.inner {
		position: relative;
	}
	h2, h3 {
		color: #1e2675;
	}
	.note {
		color: #808080;
		font-size: 62.5%;
	}
	/*------------- btn -------------*/
	.btn {
		box-sizing: border-box;
		padding: 25px 26px 25px 23px;
	}
	.btn a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.btn p span {
		font-weight: bold;
	}
	.arrow {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.arrow--gold::after {
		content: "";
		opacity: 0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: url(/img/common/arrow_white.svg) center center no-repeat;
		padding-top: 13.0769231%;
		transition: opacity 0.3s ease;
	}
	.arrow--navy::after {
		content: "";
		opacity: 0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: url(/img/common/arrow_white.svg) center center no-repeat;
		padding-top: 13.0769231%;
		transition: opacity 0.3s ease;
	}
	/*------------- mc -------------*/
	/*---- pc ----*/
	.top--mc .inner {
		max-width: 1440px;
		margin: auto;
	}
	.top--mc .bg_cont {
		width: 82.6388889%;
		margin: auto 0 auto auto;
		position: relative;
	}
		#top--primer_c .bg_cont { margin: auto auto auto 0;}
	
	.top--mc .bg-image {
		width: 100%;
	}
	.top--mc .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/mc_bg.jpg) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
		#top--mist_c .bg-image::before {
			background: url(/img/top/mc_mist_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
		#top--primer_c .bg-image::before {
			background: url(/img/top/mc_primer_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
		#top--gel_c .bg-image::before {
			background: url(/img/top/mc_gel_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
		#top--m_bodymilk .bg-image::before {
			background: url(/img/top/m_bodymilk_bg.jpg) center center no-repeat;
			padding-top: 53.7815126%;
			background-size: contain;
		}
	
	.top--mc .ttl-image {
		width: 35.798319%;
		position: absolute;
		top: 6.893617%;
		left: 3.647059%;
	}
	.top--mc .ttl-image::before {
		content: "";
		display: block;
		background: url(/img/top/mc_ttl.png) center top no-repeat;
		padding-top: 63.807818%;
		background-size: contain;
	}
	.top--mc .product-image {
		width: /*23.697479%*/ 29.697479%;
		position: absolute;
		bottom: -19.0625%;
		right: 5.1260504%;
	}
	.top--mc .product-image::after {
		content: "";
		display: block;
		background: url(/img/top/mc_product.png) center bottom no-repeat;
		padding-top: 92%;
		background-size: contain;
	}
	.top--mc .product-image::before {
		/*content: "";*/
		display: block;
		position: absolute;
		width: 86%;
		top: -68%;
		right: -5%;
		background: url(/img/top/mc_subttl.png) center top no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--m_bodymilk .ttl_cont,
	#top--mist_c .ttl_cont,
	#top--gel_c .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		bottom: -23.1875%;
		left: 7.8947368%;
	}
		#top--primer_c .ttl_cont {
			background-color: #ffffff;
			border-top: #ae9e65 2px solid;
			position: absolute;
			bottom: -23.1875%;
			right: 7.8947368%;
		}
	.top--mc .ttl-inner {
		position: relative;
	}
	.top--mc .image {
		position: absolute;
		top: -11.197531%;
		right: -14.219512%;
		width: 34.2113821%;
	}
	.top--mc .image::before {
		content: "";
		display: block;
		background: url(/img/top/mc_deco.png) center center no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	.top--mc .ttl-body { 
		min-width:380px;
		padding: 50px 50px 0 0;
	}
		#top--primer_c .ttl-body { padding: 50px 0 0 50px;}
	
	.top--mc .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.top--mc h3 {
		font-size: 250%;
		margin: 38px 0 41px;
		font-weight: bold;
		line-height: 1.1;
	}
	#top--m_bodymilk.top--mc h3 { font-size:200%; line-height: 1.3;}
	
	.top--mc .btn {
		position: relative;
		background-color: #1e2675;
		width: 100%;
		max-width: 380px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.top--mc .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	.top--mc .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.top--mc .btn .arrow {
		right: 26px;
	}
	.top--mc .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_navy.svg) center center no-repeat;
	}
	.top--mc .btn p {
		font-size: 100%;
		color: #ae9e65;
	}
	.top--mc .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 380px;
	}
	.top--mc .btn:hover {
		background-color: #AE9E65;
	}
	.top--mc .btn:hover p {
		color: #1E2675;
	}
	.top--mc .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	.top--mc .btn:hover .arrow {
		right: 10px;
	}
	/*------------- sheeby -------------*/
	/*---- pc ----*/
	#top--sheeby .inner {
		max-width: 1440px;
		margin: auto;
		margin-top: 240px;
	}
	#top--sheeby .bg_cont {
		width: 82.6388889%;
		margin: auto auto auto 0;
		position: relative;
	}
	#top--sheeby .bg-image {
		width: 100%;
	}
	#top--sheeby .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_bg.jpg) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
	#top--sheeby .ttl-image {
		width: 35.798319%;
		position: absolute;
		top: 6.893617%;
		left: 3.647059%;
	}
	#top--sheeby .ttl-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_ttl.png) center top no-repeat;
		padding-top: 63.807818%;
		background-size: contain;
	}
	#top--sheeby .product-image {
		width: /*23.697479%*/ 29.697479%;
		position: absolute;
		bottom: -19.0625%;
		right: 5.1260504%;
	}
	#top--sheeby .product-image::after {
		content: "";
		display: block;
		background: url(/img/top/sheeby_product.png) center bottom no-repeat;
		padding-top: 92%;
		background-size: contain;
	}
	#top--sheeby .product-image::before {
		/*content: "";*/
		display: block;
		position: absolute;
		width: 86%;
		top: -68%;
		right: -5%;
		background: url(/img/top/sheeby_subttl.png) center top no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--sheeby .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		bottom: -6.1875%;
		right: 7.8947368%;
	}
	#top--sheeby .ttl-inner {
		position: relative;
	}
	#top--sheeby .image {
		position: absolute;
		top: -18.197531%;
		left: -17.219512%;
		width: 31.2113821%;
	}
	#top--sheeby .image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_new.png) center center no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--sheeby .ttl-body {
		padding: 50px 0 30px 50px;
	}
	#top--sheeby .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--sheeby h3 {
		font-size: 250%;
		margin: 38px 0 41px;
		font-weight: bold;
		line-height: 1.1;
		color: #00b9c0;
	}
	#top--sheeby .btn {
		position: relative;
		background-color: #00b9c0;
		width: 100%;
		max-width: 380px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--sheeby .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby .btn .arrow {
		right: 26px;
	}
	#top--sheeby .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_white.svg) center center no-repeat;
	}
	#top--sheeby .btn p {
		font-size: 100%;
		color: #fff;
	}
	#top--sheeby .btn:hover p span {
		color: #fff;
	}
	#top--sheeby .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 380px;
	}
	#top--sheeby .btn:hover {
		background-color: #AE9E65;
	}
	#top--sheeby .btn:hover p {
		color: #1E2675;
	}
	#top--sheeby .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--sheeby .btn:hover .arrow {
		right: 10px;
	}
	/*------------- sheeby-milk -------------*/
	/*---- pc ----*/
	#top--primer_c .inner,
	#top--gel_c .inner,
	#top--sheeby--milk .inner {
		max-width: 1440px;
		margin: auto;
		margin-top: 240px;
	}
	#top--sheeby--milk .bg_cont {
		width: 82.6388889%;
		margin: auto auto auto 0;
		position: relative;
	}
	#top--sheeby--milk .bg-image {
		width: 100%;
	}
	#top--sheeby--milk .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/sheeby_milk_bg.jpg) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
	#top--sheeby--milk .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		bottom: -6.1875%;
		right: 7.8947368%;
	}
	#top--sheeby--milk .ttl-inner {
		position: relative;
	}
	#top--sheeby--milk .ttl-body {
		padding: 50px 0 30px 50px;
	}
	#top--sheeby--milk .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--sheeby--milk h3 {
		font-size: 200%;
		margin: 38px 0 41px;
		font-weight: bold;
		line-height: 1.3;
		color: #6EC8E2;
	}
	#top--sheeby--milk .btn {
		position: relative;
		background-color: #6EC8E2;
		width: 100%;
		max-width: 380px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby--milk .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--sheeby--milk .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--sheeby--milk .btn .arrow {
		right: 26px;
	}
	#top--sheeby--milk .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_white.svg) center center no-repeat;
	}
	#top--sheeby--milk .btn p {
		font-size: 100%;
		color: #fff;
	}
	#top--sheeby--milk .btn:hover p span {
		color: #fff;
	}
	#top--sheeby--milk .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 380px;
	}
	#top--sheeby--milk .btn:hover {
		background-color: #AE9E65;
	}
	#top--sheeby--milk .btn:hover p {
		color: #fff;
	}
	#top--sheeby--milk .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--sheeby--milk .btn:hover .arrow {
		right: 10px;
	}
	/*------------- uruoi -------------*/
	#top--uruoi .inner {
		max-width: 1440px;
		margin: auto;
		margin-top: 210px;
	}
	#top--uruoi .bg_cont {
		width: 82.6388889%;
		margin: auto 0 auto auto;
		position: relative;
	}
	#top--uruoi .bg-image {
		width: 100%;
	}
	#top--uruoi .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/uruoi_bg.png) center center no-repeat;
		padding-top: 53.7815126%;
		background-size: contain;
	}
	#top--uruoi .ttl-image {
		width: 35.798319%;
		position: absolute;
		top: 6.893617%;
		left: 3.647059%;
	}
	#top--uruoi .ttl-image::before {
		content: "";
		display: block;
		background: url(/img/top/uruoi_ttl.png) center top no-repeat;
		padding-top: 63.807818%;
		background-size: contain;
	}
	#top--uruoi .product-image {
		width: /*23.697479%*/ 29.697479%;
		position: absolute;
		bottom: -19.0625%;
		right: 5.1260504%;
	}
	#top--uruoi .product-image::after {
		content: "";
		display: block;
		background: url(/img/top/uruoi_product.png) center bottom no-repeat;
		padding-top: 92%;
		background-size: contain;
	}
	#top--uruoi .product-image::before {
		/*content: "";*/
		display: block;
		position: absolute;
		width: 86%;
		top: -68%;
		right: -5%;
		background: url(/img/top/uruoi_subttl.png) center top no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--uruoi .ttl_cont {
		background-color: #ffffff;
		border-top: #ae9e65 2px solid;
		position: absolute;
		bottom: -17.1875%;
		left: 7.8947368%;
	}
	#top--uruoi .ttl-inner {
		position: relative;
	}
	#top--uruoi .image {
		position: absolute;
		top: -11.197531%;
		right: -14.219512%;
		width: 34.2113821%;
	}
	#top--uruoi .image::before {
		content: "";
		display: block;
		background: url(/img/top/uruoi_deco.png) center center no-repeat;
		padding-top: 100%;
		background-size: contain;
	}
	#top--uruoi .ttl-body {
		padding: 50px 50px 0 0;
	}
	#top--uruoi .cp {
		font-size: 143.75%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--uruoi h3 {
		font-size: 250%;
		margin: 38px 0 41px;
		font-weight: bold;
		line-height: 1.1;
	}
	#top--uruoi .btn {
		position: relative;
		background-color: #1e2675;
		width: 100%;
		max-width: 380px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--uruoi .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--uruoi .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--uruoi .btn .arrow {
		right: 26px;
	}
	#top--uruoi .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_navy.svg) center center no-repeat;
	}
	#top--uruoi .btn p {
		font-size: 100%;
		color: #ae9e65;
	}
	#top--uruoi .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 27px;
		max-width: 380px;
	}
	#top--uruoi .btn:hover {
		background-color: #AE9E65;
	}
	#top--uruoi .btn:hover p {
		color: #1E2675;
	}
	#top--uruoi .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--uruoi .btn:hover .arrow {
		right: 10px;
	}
	/*------------- serum -------------*/
	#top--serum {
		margin-top: 180px;
	}
	#top--serum .inner {
		max-width: 1440px;
		margin: auto;
	}
	#top--serum .bg_cont {
		width: 84.0277778%;
		margin: auto auto auto 0;
		position: relative;
	}
	#top--serum .bg-image {
		width: 100%;
	}
	#top--serum .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/serum_bg.jpg) center center no-repeat;
		padding-top: 52.892562%;
		background-size: contain;
	}
	#top--serum .info-image {
		width: 12.613223%;
		position: absolute;
		top: 9.84375%;
		left: 71.332231%;
	}
	#top--serum .info-image::before {
		/*content: "";*/
		display: block;
		background: url(/img/top/jom_mark.png) center center no-repeat;
		padding-top: 88.6639676%;
		background-size: contain;
	}
	#top--serum .txt-image {
		width: 64.3%;
		position: absolute;
		top: 11.34375%;
		left: 4.1322314%;
	}
	#top--serum .txt-image::before {
		content: "";
		display: block;
		background: url(/img/top/jom_txt.png) center top no-repeat;
		padding-top: 88.6639676%;
		background-size: contain;
	}
	#top--serum .product-image {
		/*width: 17.6859504%;
    position: absolute;
    bottom: -34.84375%;
    left: 27.0247934%;*/
		width: 25.35%;
		position: absolute;
		bottom: -52.84375%;
		left: 22.024793%;
	}
	#top--serum .product-image::before {
		content: "";
		display: block;
		background: url(/img/top/serum_product.png) center center no-repeat;
		padding-top: /*335.046729%*/ 308.046729%;
		background-size: contain;
	}
	#top--serum .ttl_cont {
		background-color: #ffffff;
		border-top: #B8BABD 2px solid;
		position: absolute;
		bottom: -19.84375%;
		right: 13.1944444%;
		max-width: 464px;
	}
	#top--serum .ttl-inner {
		position: relative;
		padding: 60px 20px 0 60px;
	}
	#top--serum .ttl-body {}
	#top--serum .cp {
		font-size: 137.5%;
		color: #505050;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--serum h3 {
		font-size: 212.5%;
		margin: 35px 0 35px;
		line-height: 1.4;
		font-weight: bold;
	}
	#top--serum .btn {
		position: relative;
		background-color: #B8BABD;
		width: 100%;
		max-width: 380px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--serum .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--serum .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--serum .btn .arrow {
		right: 26px;
	}
	#top--serum .btn .arrow.arrow--navy::after {
		background: url(/img/common/arrow_white.svg) center center no-repeat;
	}
	#top--serum .btn p {
		font-size: 100%;
		color: #1e2675;
	}
	#top--serum .btn:hover {
		background-color: #1e2675;
	}
	#top--serum .btn:hover p {
		/*color: #AE9E65;*/ /* gold */
		color: #fff;
	}
	#top--serum .btn:hover .arrow.arrow--navy::after {
		opacity: 1;
	}
	#top--serum .btn:hover .arrow {
		right: 10px;
	}
	#top--serum .note {
		font-size: 62.5%;
		line-height: 2;
		margin-top: 30px;
	}
	/*------------- pickup -------------*/
	#top--pickup {
		margin-top: 250px;
	}
	#top--pickup .inner {
		max-width: 1260px;
		width: 87.5%;
		margin: auto;
		background-color: #fcfcfc;
		padding: 56px 0;
	}
	#top--pickup .pickup_cont {
		position: relative;
	}
	#top--pickup h2 {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		font-size: 200%;
	}
	#top--pickup .product-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#top--pickup .product-image {
		width: 60.7936508%;
	}
	#top--pickup .product-name {
		width: 39.2063492%;
		padding-left: 116px;
		box-sizing: border-box;
	}
	#top--pickup .cp {
		text-align: center;
	}
	#top--pickup .cp p {
		position: relative;
		color: #021e62;
	}
	#top--pickup .cp p::before {
		content: "";
		display: block;
		background: url(/img/top/pickup_deco_left.svg) center center no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	#top--pickup .cp p::after {
		content: "";
		display: block;
		background: url(/img/top/pickup_deco_right.svg) center center no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#top--pickup .product-name .cp p {
		padding: 20px 0;
		font-size: 137.5%;
		width: 56.8421053%;
		margin: auto;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--pickup .product-name .cp p::before, #top--pickup .product-name .cp p::after {
		width: 12px;
		height: 10px;
	}
	#top--pickup .product-name h3 {
		padding: 20px 0;
		font-size: 200%;
		line-height: 1.375;
		text-align: center;
		font-weight: 600;
	}
	#top--pickup .product-name h3 span {
		font-size: 75%;
	}
	#top--pickup .hash {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 75%;
		color: #021e62;
	}
	#top--pickup .hash > li:nth-of-type(n+2) {
		margin-left: 13px;
	}
	#top--pickup .product-name .hash {
		padding-bottom: 25px;
		border-bottom: 1px solid #ae9e65;
		width: 50.5263158%;
		margin: auto;
	}
	#top--pickup .product-name > p {
		text-align: center;
		color: #505050;
		font-size: 87.5%;
		padding-top: 30px;
	}
	#top--pickup .product-name > .note {
		font-size: 62.5%;
		margin: 15px 40px;
	}
	#top--pickup .btn {
		position: relative;
		background-color: #1e2675;
		width: 100%;
		max-width: 380px;
		padding: 64px 0 0 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--pickup .btn a {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 26px;
	}
	#top--pickup .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--pickup .btn .arrow.arrow--gold::after {
		background: url(/img/common/arrow_navy.svg) center center no-repeat;
	}
	#top--pickup .btn .arrow {
		right: 26px;
	}
	#top--pickup .btn p {
		font-size: 100%;
		color: #ae9e65;
	}
	#top--pickup .btn:hover {
		background-color: #AE9E65;
	}
	#top--pickup .btn:hover p {
		color: #1E2675;
	}
	#top--pickup .btn:hover .arrow.arrow--gold::after {
		opacity: 1;
	}
	#top--pickup .btn:hover .arrow {
		right: 10px;
	}
	#top--pickup .note {
		text-align: center;
	}
	#top--pickup .product-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#top--pickup .product-list .list-item {
		width: calc(100% / 4);
	}
	#top--pickup .product-list .list-item a .list-img {
		width: 100%;
		position: relative;
	}
	#top--pickup .product-list .cp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		margin: 25px 0 20px;
	}
	#top--pickup .product-list .cp p {
		padding: 0 20px;
		font-size: 75%;
		height: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		line-height: 2;
	}
	#top--pickup .product-list .cp p::before, #top--pickup .product-list .cp p::after {
		width: 10px;
		height: 9px;
	}
	#top--pickup .product-list h3 {
		text-align: center;
		font-size: 112.5%;
		font-weight: bold;
	}
	#top--pickup .product-list .hash {
		margin: 25px 0 15px;
	}
	/*------------- lineup -------------*/
	#top--lineup {
		margin-top: 120px;
		position: relative;
	}
	#top--lineup h2,
	.pickup--area h2  {
		text-align: center;
		font-size: 200%;
		margin-bottom: 50px;
	}
	#top--lineup .lineup_cont {
		margin-top: 57px;
		position: relative;
		background: linear-gradient(to bottom, #fafafa 60%, #ffffff 66%);
	}
	#top--lineup .ttl_cont {
		padding: 70px 0 0 70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#top--lineup .ttl-bx {
		position: relative;
		width: 296px;
	}
	#top--lineup .ttl-bx::before {
		content: "";
		display: block;
		width: 1px;
		height: 165px;
		background-color: #1e2675;
		transform: rotate(45deg);
		position: absolute;
		left: 280px;
		top: -52px;
	}
	#top--lineup .ttl-bx h3 {
		margin-bottom: 25px;
		font-size: 0;
		line-height: 0;
	}
	#top--lineup .revival .ttl-bx h3 {
		width: 246px;
	}
	#top--lineup .revival .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_revival.svg) center center no-repeat;
		background-size: contain;
		padding-top: 17.4796748%;
	}
	#top--lineup .moist .ttl-bx h3 {
		width: 199px;
	}
	#top--lineup .moist .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_moist.svg) center center no-repeat;
		background-size: contain;
		padding-top: 21.6080402%;
	}
	#top--lineup .white .ttl-bx h3 {
		width: 209px;
	}
	#top--lineup .white .ttl-bx h3::before {
		content: "";
		display: block;
		background: url(/img/top/lineup_ttl_white.svg) center center no-repeat;
		background-size: contain;
		padding-top: 20.5741627%;
	}
	#top--lineup .ttl-bx p {
		font-weight: 700;
	}
	#top--lineup .revival .ttl-bx p, #top--lineup .white .ttl-bx p {
		color: #1E2675;
	}
	#top--lineup .moist .ttl-bx p {
		color: #AE9E65;
	}
	#top--lineup .text-bx {
		padding-left: 50px;
	}
	#top--lineup .text-bx h4 {
		font-size: 137.5%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--lineup .text-bx p {
		padding: 10px 0 5px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#top--lineup .btn {
		width: 100%;
		max-width: 380px;
		height: 158px;
		position: absolute;
		top: 0;
		right: 0;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		padding-left: 32px;
	}
	#top--lineup .revival .btn {
		background-color: #ae9e65;
	}
	#top--lineup .moist .btn {
		background-color: #1E2675;
	}
	#top--lineup .white .btn {
		background-color: #B8BABD;
	}
	#top--lineup .revival .btn:hover, #top--lineup .white .btn:hover {
		background-color: #1E2675;
	}
	#top--lineup .moist .btn:hover {
		background-color: #ae9e65;
	}
	#top--lineup .btn .arrow {
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--lineup .btn:hover .arrow--navy::after {
		opacity: 1;
	}
	#top--lineup .btn:hover .arrow {
		right: -16px;
	}
	#top--lineup .btn .arrow {
		width: 65px;
	}
	#top--lineup .btn p {
		font-size: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--lineup .revival .btn p, #top--lineup .white .btn p {
		color: #1e2675;
	}
	#top--lineup .moist .btn p {
		color: #ffffff;
	}
	#top--lineup .btn:hover p {
		color: #ffffff;
	}
	#top--lineup .slider {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		width: 100%;
		margin-top: 80px;
	}
	#top--lineup .slider-item {
		position: relative;
		z-index: 1;
		text-align: center;
	}
	#top--lineup .slider-img {
		width: 100%;
		position: relative;
	}
	#top--lineup .slider-img::before {
		content: '';
		display: block;
		width: 100%;
		height: 20%;
		z-index: -1;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#top--lineup .revival .slider-img::before {
		background-color: #ae9e65;
	}
	#top--lineup .moist .slider-img::before {
		background-color: #1E2675;
	}
	#top--lineup .white .slider-img::before {
		background-color: #B8BABD;
	}
	#top--lineup .slider-item .txt-bx {
		margin: 60px 0 70px 0;
	}
	#top--lineup .slider-item .txt-bx > p {}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(1) {
		font-size: 87.5%;
	}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(2) {
		margin-top: 16px;
		color: #AE9E65;
		font-size: 112.5%;
		font-weight: 700;
	}
	#top--lineup .slider-item .txt-bx > p:nth-of-type(3) {
		margin-top: 10px;
		color: #1E2675;
		font-size: 87.5%;
		font-weight: 600;
	}
	#top--lineup .slider-item .txt-bx > .note {
		margin-top: 15px;
	}
	#top--lineup .slider-item .txt-bx > .note li {
		margin: 0 25%;
		line-height: 2;
	}
	#top--lineup .slider .slick-list {
		width: 100%;
	}
	#top--lineup .slick-arrow {
		position: relative;
	}
	#top--lineup .slick-arrow::before {
		content: '';
		display: block;
		width: 90px;
		height: 90px;
		border-top: 2px solid #1E2675;
		position: absolute;
		top: 30%;
		z-index: 99;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#top--lineup .slick-arrow.slick-prev::before {
		border-left: 2px solid #1E2675;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 98px;
	}
	#top--lineup .slick-arrow.slick-next::before {
		border-right: 2px solid #1E2675;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 98px;
	}
	#top--lineup .slick-arrow:hover::before {
		border-top: 2px solid #AE9E65;
	}
	#top--lineup .slick-arrow.slick-prev:hover::before {
		border-left: 2px solid #AE9E65;
	}
	#top--lineup .slick-arrow.slick-next:hover::before {
		border-right: 2px solid #AE9E65;
	}
	#top--lineup .slick-arrow.slick-disabled {
		visibility: hidden;
	}
	/*------------- NEWS -------------*/
	#info_news {
		margin-top: 140px;
	}
	#info_news h2 {
		font-size: 200%;
		text-align: center;
		margin-bottom: 66px;
	}
	#info_news .container {
		max-width: 1100px;
		width: 69.444444%;
		margin: auto;
	}
	#info_news dl {
		padding: 40px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-top: 1px solid #e8e8e8;
		font-size: 87.5%;
	}
	#info_news dl:nth-last-of-type(1) {
		border-bottom: 1px solid #e8e8e8;
	}
	#info_news dt {
		margin-right: 90px;
		color: #021e62;
		font-family: trajan-pro-3, serif;
	}
	#info_news .btn {
		margin: 0 0 0 auto;
		width: 160px;
		padding: 40px 0 0;
	}
	#info_news .btn .arrow {
		width: 65px;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#info_news .btn p {
		font-size: 100%;
		color: #021e62;
	}
	#info_news .btn a:hover .arrow {
		transform: translate(16px, -50%);
	}
	/*------------- LINK -------------*/
	#link--btn {
		margin-top: 126px;
	}
	#link--btn .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#link--btn .link-item {
		width: 50%;
		position: relative;
	}
	#link--btn .link-item .bg-image {
		width: 100%;
	}
	#link--btn .link-item a:hover .bg-image {
		opacity: 0.7;
	}
	#link--btn .link-item .bg-image::before {
		content: "";
		display: block;
		background: url(/img/top/about_img.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 81.5277778%;
	}
	#link--btn .link-item:nth-of-type(2) .bg-image:before {
		content: "";
		display: block;
		background: url(/img/top/feature_img.jpg) center center no-repeat;
		background-size: cover;
		padding-top: 81.5277778%;
	}
	#link--btn .link-item .ttl_cont {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: rgba(30, 38, 117, 0.8);
		color: #ffffff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		box-sizing: border-box;
		padding: 40px 40px 13px 30px;
	}
	#link--btn .link-item .ttl-bx p {
		font-size: 106.25%;
		margin-bottom: 5px;
		font-weight: bold;
	}
	#link--btn .link-item .ttl-bx h2 {
		font-size: 200%;
		color: #ffffff;
		line-height: 1.4;
		font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
		font-weight: 600;
	}
	#link--btn .link-item .ttl_cont > p {
		margin-left: 50px;
		font-size: 87.5%;
		line-height: 2;
	}
	.link-item .arrow {
		width: 65px;
		position: relative;
		margin: auto 0 3px auto;
		transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	#link--btn .link-item a:hover .arrow {
		transform: translate(16px, -50%);
	}
}

/* kv--slider01--area
-------------------------------------------------- */
.kv--slider01--area {
	position: relative;
}
.kv--slider01--area .kv--prev,
.kv--slider01--area .kv--next {
	position: absolute;
	left: 7.5%;
	top:50%;
	transform: translateY(-50%);
	margin:0 auto;
	z-index: 101;
}
.kv--next {
	left: auto !important;
	right: 7.5%;
}

.kv--slider01--area div:hover { cursor: pointer;}

.slick-dots {
	position: relative;
    display: flex !important;
    justify-content: center;
	align-items: center;
    margin: -30px 0 0;
    z-index: 91;
}
.slick-dots li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	margin:0 3px;
}
.slick-dots li button {
	display: flex;
	justify-content: center;
	align-items: center;
	width:12px;
	height:12px;
	font-size: 0;
	text-indent: -1000%;
	overflow: hidden;
	border: none;
	background:#dddddd;
	border-radius: 20px;
}
.slick-dots li.slick-active button {
	width:16px;
	height:16px;
	background:#fff;
}

@media print, screen and (min-width: 641px) {
/*---- for-pc ----*/
	.kv--slider01--area { margin-bottom:110px;}
	
	.kv--slider--arrows { height:100px;}
	.kv--slider01--area .kv--prev,
	.kv--slider01--area .kv--next {
		width:50px;
		height:100px;
	}
	
	.slider01_pc,
	.pickup01_pc { padding:0 5px;}
	
}
@media print, screen and (min-width: 980px) {
/*---- for-pc ----*/
	.kv--slider--arrows { height:130px;}
	
	.kv--slider01--area .kv--prev,
	.kv--slider01--area .kv--next {
		width:65px;
		height:130px;
	}
}
@media only screen and (max-width: 640px) {
/*---- 	for-sp  ----*/
	.kv--slider01--area { margin-bottom:calc(100 / 375 * 100%);;}
	
	.kv--slider--arrows { height:60px;}
	
	.kv--slider01--area .kv--prev,
	.kv--slider01--area .kv--next {
		width:30px;
		height:60px;
	}
	
	.pickup01_pc { padding:0 5px;}
}

/* .pickup01_pc
-------------------------------------------------- */
.pickup01_pc {
	text-align: center;
}
.pickup01_pc .photo {}
.pickup01_pc .cat {
	margin:1.3em 0 1em;
	color: #b1a168;
	font-weight: bold;
}
.pickup01_pc .name {
	margin-bottom: 1em;
	color: #1e2676;
	font-weight: bold;
	line-height: 1.5;
}
.pickup01_pc .sub {
	color: #1e2676;
	line-height: 1.5;
}
.pickup01_pc .note {
	margin:1.2em 0 1.2em;
	color: #1e2676;
	line-height: 1.25;
}

@media print, screen and (min-width: 641px) {
/*---- for-pc ----*/
	.pickup01_pc {}
	.pickup01_pc .photo {}
	.pickup01_pc .cat {
		font-size: 16px;
	}
	.pickup01_pc .name {
		font-size:16px;
	}
	.pickup01_pc .sub {
		font-size:14px;
	}
	.pickup01_pc .note {
		font-size:10px;
	}
}
@media print, screen and (min-width: 980px) {
/*---- for-pc ----*/
	.pickup01_pc {}
	.pickup01_pc .photo {}
	.pickup01_pc .cat {}
	.pickup01_pc .name {}
	.pickup01_pc .sub {}
	.pickup01_pc .note {}
}
@media only screen and (max-width: 640px) {
/*---- 	for-sp  ----*/
	.pickup01_pc {}
	.pickup01_pc .photo {}
	.pickup01_pc .cat {
		font-size: 14px;
	}
	.pickup01_pc .name {
		font-size:15px;
	}
	.pickup01_pc .sub {
		font-size:13px;
	}
	.pickup01_pc .note {}
}



/* 
-------------------------------------------------- */
@media print, screen and (min-width: 641px) {
/*---- for-pc ----*/
}
@media print, screen and (min-width: 980px) {
/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
/*---- 	for-sp  ----*/
}



/* 
-------------------------------------------------- */
@media print, screen and (min-width: 641px) {
/*---- for-pc ----*/
}
@media print, screen and (min-width: 980px) {
/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
/*---- 	for-sp  ----*/
}