@charset "UTF-8";

* { box-sizing: border-box; }

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

html {
	overflow: auto;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #705733;
	font: 16px/1.5 "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
@media screen and (max-width: 640px) {
	body {
		font: 12px/1.8  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;;
	}
}

img {
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
}

a {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	background: none;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	        transition: all 0.3s linear;
}

a:hover,
a:hover>div {
	opacity: .8;
}

.newwin {
	vertical-align: baseline;
	margin: 0 0 0 4px;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}

br.sp {
	display: none;
}

@media screen and (min-width: 768px) {
	.text br { display: none; }
}
@media screen and (max-width: 767px) {
	br.sp { display: inline; }
	.landscape br.sp { display: none; }
}


/*
 * Header
 * ============================================================ */
.pre-header {
	font-size: 11px;
	background: #f0f0f0;
	color: #9c9c9c;
}
.pre-header h1 {
	margin: 0 auto;
	padding: 0 20px;
	font-size: inherit;
	font-weight: normal;
	line-height: 1.2;
	width: 100%;
	max-width: 940px;
}
.header {
	margin: 0 auto;
	padding: 0 20px;
	width: 100%;
	max-width: 940px;
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-animation: fadeIn .7s ease 0s 1 normal;
	        animation: fadeIn .7s ease 0s 1 normal;
}


.header .name img {
	width: 191px;
	height: 57px;
}

.header .by img {
	width: 88px;
	height: 26px;
}

@media screen and (max-width: 767px) {
	.header {
		height: 40px;
		margin: 10px 0;
		width: auto;
	}
	.header .name img {
		width: 95.5px;
		height: 28.5px;
	}
	.header .by img {
		width: 44px;
		height: 13px;
	}
}


/*
 * Contents
 * ============================================================ */
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 940px;
}


/*
 * Main Vidual
 * ============================================================ */
.slideshow {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-animation: fadeIn .7s ease 0s 1 normal;
	        animation: fadeIn .7s ease 0s 1 normal;
}
.slick-list {
	background-color: #b58d4c;
}
.slideshow .sb {
	background: url(../images/pc/main-sb.jpg) top center no-repeat;
}
.slideshow .nb {
	background: url(../images/pc/main-nb.jpg) top center no-repeat;
}
.slideshow .co {
	background: url(../images/pc/main-co.jpg) top center no-repeat;
}

@media screen and (min-width: 951px) {
	.slick-slide > img { height: 100%; }
}
@media screen and (min-width: 769px) and (max-width: 950px) {
	.slideshow .sb {
		background: url(../images/pc/main-sb.jpg) top center no-repeat;
		background-size: 200%;
	}
	.slideshow .nb {
		background: url(../images/pc/main-nb.jpg) top center no-repeat;
		background-size: 200%;
	}
	.slideshow .co {
		background: url(../images/pc/main-co.jpg) top center no-repeat;
		background-size: 200%;
	}
}
@media screen and (max-width: 768px) {
	.slick-list {
		background-color: transparent;
	}
	.slick-slide {
		background-size: 190%;
	}
	.slideshow .sb {
		background: url(../images/pc/main-sb.jpg) top center no-repeat;
		background-size: 190%;
	}
	.slideshow .nb {
		background: url(../images/pc/main-nb.jpg) top center no-repeat;
		background-size: 190%;
	}
	.slideshow .co {
		background: url(../images/pc/main-co.jpg) top center no-repeat;
		background-size: 190%;
	}
}
@media screen and (max-width: 767px) {
	.sp.orientation .slideshow {
		height: calc(100vh - 60px);
		max-height: 556px;
		overflow: hidden;
	}
	.slideshow img {
		height: 1%;
	}
	.slick-slide {
		background-size: contain !important;
	}
	.sp.landscape .slideshow .slick-slide {
		background-size: 120% !important;
	}
	.sp.landscape .slideshow img {
		height: 0;
		padding-top: 46%;
	}
}
@media screen and (max-width: 732px) {
	.sp.landscape .slideshow .slick-slide {
		background-size: 125% !important;
	}
}
@media screen and (max-width: 640px) {
	.sp .slideshow .sb {
		background: url(../images/sp/main-sb.jpg) top center no-repeat;
	}
	.sp .slideshow .nb {
		background: url(../images/sp/main-nb.jpg) top center no-repeat;
	}
	.sp .slideshow .co {
		background: url(../images/sp/main-co.jpg) top center no-repeat;
	}
}
@media screen and (max-width: 640px) {
	.sp.landscape .slideshow .sb {
		background: url(../images/pc/main-sb.jpg) top center no-repeat;
	}
	.sp.landscape .slideshow .nb {
		background: url(../images/pc/main-nb.jpg) top center no-repeat;
	}
	.sp.landscape .slideshow .co {
		background: url(../images/pc/main-co.jpg) top center no-repeat;
	}
	.slideshow .slick-slide {
/*		background-size: 190% !important;*/
	}
	.sp.landscape .slideshow img {
		padding-top: 70%;
	}
}
@media screen and (max-width: 320px) {
	.sp.orientation .slideshow {
		max-height: 410px;
	}
}


/*
 * Link
 * ============================================================ */
.pagelink {
	background: #67583c;
	-webkit-animation: fadeIn 8s ease 0s 1 normal;
	        animation: fadeIn 8s ease 0s 1 normal;
}
.pagelink ul {
	width: 100%;
	max-width: 940px;
	display: flex;
	background: #564017;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border-right: 1px solid #644c1c;
}
.pagelink li {
	flex-basis: 50%;
	text-align: center;
	border: 1px solid #644c1c;
	border-right: 0;
}
.pagelink a {
	display: block;
	color: #fff;
	padding: .5em;
}
.pagelink a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
	.pagelink ul {
		flex-wrap: wrap;
	}
}


/*
 * Select Color
 * ============================================================ */
#select-color {
	display: none;
}
body.landscape #select-color {
	display: none !important;
}
@media screen and (max-width: 640px) {
	body.sp #select-color {
		display: flex;
		justify-content: space-around;
		background: #564017;
		background: linear-gradient(to bottom, #564017 0%, #644c1c 100%);
		padding: 5px;
		text-align: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 100;
	}
	body.sp #select-color a {
		display: block;
		flex-basis: 32%;
		border-radius: 4px;
		color: #fff;
		background: url(../images/select-color.png) no-repeat;
		background-size: 300% 200%;
		overflow: hidden;
		text-indent: -200%;
		padding: 8px 4px;
		-webkit-transition: background-position-y 0s linear;
		        transition: background-position-y 0s linear;
	}
	body.sp #select-color a.nb {
		background-position-x: 50%;
	}
	body.sp #select-color a.co {
		background-position-x: 100%;
	}
	body.sp.sb #select-color a.sb,
	body.sp.nb #select-color a.nb,
	body.sp.co #select-color a.co,
	body.sp #select-color.sb a.sb,
	body.sp #select-color.nb a.nb,
	body.sp #select-color.co a.co {
		background-position-y: 100%;
	}
}


/*
 * Line Up
 * ============================================================ */
.lineup > .title {
	margin: 100px 0 30px;
	text-align: center;
}

.lineup .color {
	position: relative;
}
.lineup .color::before {
	content:"";
	display: block;
	padding-top: 47.875%;
}


.lineup .color .main {
	position: absolute;
	top: 30%;
	right: 8.51063829787234%;
	bottom: 40%;
	display: table;
}
.lineup .color .main > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.lineup .color .title .en {
	position: relative;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}
.lineup .color .title .en::before {
	display: block;
	position: absolute;
	text-indent: 0;
}
.lineup .color .title .ja {
	display: inline-block;
	min-width: 130px;
	margin: 20px 0 0 0;
	padding: 0 5px;
}

.lineup .color .desc {
	width: 100%;
	height: 130px;
	font-size: 20px;
	color: #5d4219;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 0;
}
.lineup .color .text {
	padding: 0 0 0 1em;
	flex-basis: 59%;
}
.lineup .color .link {
	padding: .5em 1em .5em 0;
	flex-basis: 40%;
	text-align: right;
}

@media screen and (max-width: 767px) {
	.lineup .color .main {
		right: 4%;
	}
	.lineup .color .desc {
		height: auto;
		position: relative;
	}
	body:not(.pc) .lineup .color .text {
		font-size: 12px;
		line-height: 1.3;
		width: 200px;
		padding: .5em 1em;
	}
	.lineup .color .link {
		padding: 0 5px 0 0;
	}
}
@media screen and (max-width: 320px) {
	.lineup .color .main {
		position: absolute;
		top: 24% !important;
	}
	.lineup .color .desc br {
		display: none;
	}
	.lineup .color .title .ja {
		margin: 10px 0 0 0;
	}
}


/*
 * Sweet Brown
 * ------------------------------------------------------------ */
.lineup .sb {
	background: url(../images/sub-sb.jpg) left top no-repeat;
	background-size: contain;
}
.lineup .sb .title .en {
	width: 329px;
	height: 36px;
}
.lineup .sb .title .en::before {
	content: url(../images/product-sb.png);
}
@media screen and (max-width: 767px) {
	.lineup .sb .title .en {
		width: 200px;
		height: 22px;
	}
	.lineup .sb .title .en::before {
		content: "";
		width: 200px;
		height: 22px;
		background: url(../images/product-sb.png) no-repeat;
		background-size: contain;
	}
}
@media screen and (max-width: 568px) {
	.sp.landscape .lineup .sb .title .en {
		width: 240px;
		height: 35px;
	}
	.sp.landscape .lineup .sb .title .en::before {
		width: 240px;
		height: 35px;
	}
	.sp.landscape .lineup .color .title .ja {
		margin: 10px 0 0 0;
	}
}
@media screen and (max-width: 320px) {
	.lineup .sb .title .en {
		width: 185px;
		height: 20px;
	}
	.lineup .sb .title .en::before {
		content: "";
		width: 185px;
		height: 20px;
	}
}
.lineup .sb .title .ja {
	background: #ff729b;
	color: #fff;
}
.lineup .sb .desc {
	background: rgba(250,245,247,.9);
}

/*
 * Nudy Brown
 * ------------------------------------------------------------ */
.lineup .nb {
	background: url(../images/sub-nb.jpg) right top no-repeat;
	background-size: contain;
}
.lineup .nb .main {
	margin: 0 auto 0 0;
	padding: 0 0 0 7.4%;
}
.lineup .nb .title .en {
	width: 322px;
	height: 34px;
}
.lineup .nb .title .en::before {
	content: url(../images/product-nb.png);
}
.lineup .nb .main {
	top: 30%;
	left: 8.51063829787234%;
	bottom: 40%;
	padding: 0;
}
@media screen and (max-width: 767px) {
	.lineup .nb .main {
		left: 4%;
	}
	.lineup .nb .title .en {
		width: 196px;
		height: 21px;
	}
	.lineup .nb .title .en::before {
		content: "";
		width: 196px;
		height: 21px;
		background: url(../images/product-nb.png) no-repeat;
		background-size: contain;
	}
}
@media screen and (max-width: 568px) {
	.sp.landscape .lineup .nb .title .en {
		width: 240px;
		height: 35px;
	}
	.sp.landscape .lineup .nb .title .en::before {
		width: 240px;
		height: 35px;
	}
}
@media screen and (max-width: 320px) {
	.lineup .nb .title .en {
		width: 185px;
		height: 20px;
	}
	.lineup .nb .title .en::before {
		content: "";
		width: 185px;
		height: 20px;
	}
}
.lineup .nb .title .ja {
	background: #d2a35b;
	color: #fff;
}
.lineup .nb .desc {
	background: rgba(240,238,237,.9);
}

/*
 * Chiffon Olive
 * ------------------------------------------------------------ */
.lineup .co {
	background: url(../images/sub-co.jpg) left top no-repeat;
	background-size: contain;
}
.lineup .co .title .en {
	width: 353px;
	height: 36px;
}
.lineup .co .title .en::before {
	content: url(../images/product-co.png);
}
@media screen and (max-width: 767px) {
	.lineup .co .title .en {
		width: 215px;
		height: 22px;
	}
	.lineup .co .title .en::before {
		content: "";
		width: 215px;
		height: 22px;
		background: url(../images/product-co.png) no-repeat;
		background-size: contain;
	}
}
@media screen and (max-width: 568px) {
	.sp.landscape .lineup .co .title .en {
		width: 240px;
		height: 35px;
	}
	.sp.landscape .lineup .co .title .en::before {
		width: 240px;
		height: 35px;
	}
}
@media screen and (max-width: 320px) {
	.lineup .co .title .en {
		width: 190px;
		height: 20px;
	}
	.lineup .co .title .en::before {
		content: "";
		width: 190px;
		height: 20px;
	}
}
.lineup .co .title .ja {
	background: #e4c8ba;
	color: #5c5847;
}
.lineup .co .desc {
	background: rgba(240,235,232,.9);
}

/*
 * Concept
 * ============================================================ */
.concept > .title {
	margin: 100px 0 30px;
	text-align: center;
}

.concept .wrapper {
	position: relative;
	width: 100%;
}
.concept .wrapper::before {
	content:"";
	display: block;
	padding-top: 79.78723404255319%;
}
.concept .main {
	background: url(../images/pc/concept-bg.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.concept .copy {
	background: url(../images/pc/concept-decoration.png);
	background-size: cover;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	        animation: fadeIn 2s ease 0s 1 normal;
}
.concept .message {
	background: url(../images/pc/concept-message.jpg);
	background-size: cover;
}

.concept .message {
	position: relative;
	top: -45%;
}

.concept .message p {
	visibility: hidden;
}

@media screen and (max-width: 640px) {
	body.orientation .concept .wrapper::before {
		padding-top: 167.03125%;
	}
	body.orientation .concept .main {
		background: url(../images/sp/concept.jpg);
		background-size: cover;
		-webkit-transition: background-size 0s linear;
		        transition: background-size 0s linear;
	}
	body.orientation .concept .copy,
	body.orientation .concept .message {
		display: none;
	}
}


/*
 * Feature
 * ============================================================ */
.feature > .title {
	margin: 100px 0 30px;
	text-align: center;
}

.feature .lens {
	background: #faf9f3;
	background: linear-gradient(135deg, #faf9f3 0%, #f6f3dd 100%);
	text-align: center;
	padding: 5.319148936170213%;
}
.feature .lens .title {
	margin: 0 0 20px;
}
.feature .lens .sub-title {
	margin: 0 0 20px;
}
.feature .lens .desc {
	margin: 0 0 40px;
	padding: 4.25531914893617% 2.127659574468085%;
	background: url(../images/lens-bg.png);
}
.feature .lens .desc:last-child {
	margin: 0;
}

.feature .spec {
	background: #fef7f7;
	text-align: center;
	padding: 5.319148936170213%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.feature .spec .title {
	margin: 0 0 20px;
	flex-basis: 100%;
}
.feature .spec .desc {
	margin: 0 0 6px 0;
	padding: 0 0 20px;
	background: #fff;
	flex-basis: 100%;
}
.feature .spec .desc3,
.feature .spec .desc4,
.feature .spec .desc5,
.feature .spec .desc6 {
	flex-basis: 49.6%;
}
@media screen and (max-width: 640px) {
	.feature .spec .desc {
		margin: 0 0 3px 0;
	}
}

/*
 * Text Area
 * ============================================================ */
.textarea {
	margin: 50px auto 100px;
}
.text-header {
	background: #e5e5e5;
	color: #555757;
	margin: 0 0 .2em;
	padding: .5em;
}
.text-body {
	background: #f1f1f1;
	color: #747474;
	padding: 1em;
}
.textarea p,
.textarea ol {
	margin-top: 0;
	margin-bottom: 1em;
}
.textarea ol {
	padding-left: 2.5em;
}
.textarea p + ol,
.textarea ol + p {
	margin-top: -1em;
}
@media screen and (max-width: 640px) {
	.textarea {
		margin: 50px 20px 100px;
	}
}

/*
 * Footer
 * ============================================================ */
.footer {
	margin: 150px 0 0 0;
	padding: 0 0 80px;
	background: #463413;
	color: #fff;
}
.footer a {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover {
	text-decoration: none;
}
.footer .inner {
	margin: 0 auto;
	padding: 25px;
	width: 100%;
	max-width: 940px;
}
.footer .inner p:first-child {
	margin: 0 0 3em;
}
.copyright {
	text-align: center;
}
.footer .link {
	display: none;
}

@media screen and (max-width: 767px) {
	.footer {
		font-size: 12px;
	}
	.footer .link {
		background: #564017;
		display: block;
		margin: 0;
		padding: .5em 0;
		list-style: none;
	}
	body:not(.home) .footer .link li:not(.to-home) {
		display: none;
	}
	.footer .link li {
		display: block;
		text-align: center;
	}
	.footer .link a {
		text-decoration: none;
		display: block;
		padding: 1em;
	}
}



/* ============================================================
 * Colors
 * ============================================================ */

.colors > .title {
	margin: 0 -500% 40px;
	padding: 43px 500% 0;
	text-align: center;
	border-top: 6px solid #ff7ba1;
}
.colors > .title img {
	height: 40px;
}
.colors .title .ja {
	display: inline-block;
	min-width: 130px;
	margin: 8px 0 0 0;
	padding: 0 5px;
}
.colors .img {
	position: relative;
	width: 100%;
	-webkit-animation: fadeIn .7s ease 0s 1 normal;
	        animation: fadeIn .7s ease 0s 1 normal;
}
.colors .img::before {
	content:"";
	display: block;
	padding-top: 100%;
}

.colors .sample {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0;
}
.colors .sample .size img {
	width: 360px;
	height: auto;
}
.colors .sample .clear-contact {
	border-right: 1px solid #333;
}
.colors .sample .clear-contact img,
.colors .sample .color-contact img {
	width: 290px;
	height: auto;
}

.colors .buy {
	margin: 0 0 200px;
}
.colors .buy .copy-sp {
	display: none;
	text-align: center;
}
.colors .buy .wrapper {
	padding: 20px 20px 20px 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pc .colors .buy .wrapper::before {
	content: "";
	display: block;
	padding-top: 90%;
}
.colors .buy .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.colors .buy .title {
	text-align: center;
	margin: 0 20px 0 0;
}
.colors .buy .copy {
	line-height: 1.21;
	font-size: 19px;
	padding: 0 4.25531914893617%;
	width: 100%;
	max-width: 410px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}
.colors .buy .desc {
	line-height: 1.21;
	padding: 0 4.25531914893617%;
	width: 100%;
	max-width: 410px;
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);
	-webkit-animation: fadeIn .7s ease 0s 1 normal;
	        animation: fadeIn .7s ease 0s 1 normal;
}
.white {
	background: #fff;
	float: left;
	margin-left:8px;
}
.cart {
	margin: 20px auto 0;
}
.cart a:hover {
	opacity: .8;
}
@media screen and (max-width: 850px) {
	.cart {
		margin: 10px auto 0;
	}
}
@media screen and (min-width: 768px) {
	.colors .buy .title {
		display: none;
	}
	.colors.sb .buy .copy::after {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.colors .buy {
		margin: 0 0 100px;
	}
	.colors .buy .copy-sp {
		display: block;
	}
	.colors .buy .wrapper::after {
		content: "";
		display: block;
		padding-top: 100%;
	}
	.cart {
		margin: 30px auto 80px;
	}
	.cart img {
		height: 40px;
	}
	.colors .buy .copy {
		background: #f3e7e7;
		padding: 10px 20px 10px 40px;
		position: relative;
		width: 100%;
		max-width: none;
	}
	.colors .buy .copy::before {
		display: block;
		content: "";
		background: url(../images/sp/baloon-sb.png) no-repeat;
		background-size: cover;
		width: 52.5px;
		height: 40px;
		position: absolute;
		top: -20px;
		left: 4%;
	}
	.colors .buy .desc {
		max-width: none;
		background: #faf6f7;
		padding: 15px;
	}
}
@media screen and (max-width: 640px) {
	.colors > .title {
		border-width: 3px;
		text-align: center;
	}
	.colors > .title img {
		height: 25px;
	}
	.colors .title .ja {
		font-size: 12px;
	}
	.colors .sample {
		flex-direction: column;
	}
	.colors .sample .size {
		margin-bottom: 20px;
	}
	.colors .sample .clear-contact {
		border-right: none;
		border-bottom: 1px solid #333;
	}
	.colors .buy .copy {
		font-size: 13px;
	}
	.cart {
		margin: 20px auto;
	}
}
@media screen and (max-width: 320px) {
	.colors .buy .title {
		margin: 0 -10px 0 0;
	}
}


/*
 * Sweet Brown
 * ------------------------------------------------------------ */
.colors.sb {}

.colors.sb strong {
	color: #ff6592;
	text-shadow: 1px 1px 0 rgba(255,147,178,.2);
	font-weight: normal;
}

.colors.sb .title .ja {
	background: #ff729b;
	color: #fff;
}

.colors.sb .buy .wrapper {
	background: url(../images/sub-sb.jpg) no-repeat;
	background-size: cover;
}
.colors.sb .buy .copy::after {
	margin-left: -20px;
}

@media screen and (min-width: 768px) {
	.colors.sb .buy .copy::after {
		content: url(../images/pc/copy-sb.png);
	}
}
@media screen and (max-width: 767px) {
	.colors.sb .img {
		background: url(../images/sp/item-sb.jpg) no-repeat;
		background-size: cover;
	}
}
@media screen and (min-width: 641px) {
	.colors.sb .img {
		background: url(../images/pc/item-sb.jpg) no-repeat;
		background-size: cover;
	}
}

/*
 * Nudy Brown
 * ------------------------------------------------------------ */
.colors.nb {}

.colors.nb strong {
	color: #feab5e;
	text-shadow: 1px 1px 0 rgba(250,160,70,.2);
	font-weight: normal;
}

.colors.nb .title {
	border-color: #d6ab6a;
}
.colors.nb .title .ja {
	background: #d2a35b;
	color: #fff;
}
.colors.nb .buy .title {
	margin: 0 0 0 20px;
}

.colors.nb .buy .wrapper {
	padding: 20px 50% 20px 20px;
	background: url(../images/sub-nb.jpg) no-repeat;
	background-size: cover;
}
.colors.nb .buy .copy::after {
	margin-left: -20px;
}
@media screen and (min-width: 768px) {
	.colors.nb .buy .copy::after {
		content: url(../images/pc/copy-nb.png);
	}
}
@media screen and (max-width: 767px) {
	.colors.nb .img {
		background: url(../images/sp/item-nb.jpg) no-repeat;
		background-size: cover;
	}
	.colors.nb .buy .copy::before {
		background: url(../images/sp/baloon-nb.png) no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 640px) {
	.colors.nb .buy .wrapper {
		padding: 20px 58% 20px 20px;
	}
}
@media screen and (min-width: 641px) {
	.colors.nb .img {
		background: url(../images/pc/item-nb.jpg) no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 320px) {
	.colors.nb .buy .title {
		margin: 0 -30px 0 -5px;
	}
}


/*
 * Chiffon Olive
 * ------------------------------------------------------------ */
.colors.co {}

.colors.co strong {
	color: #feab5e;
	text-shadow: 1px 1px 0 rgba(250,160,70,.2);
	font-weight: normal;
}

.colors.co .title {
	border-color: #83745d;
}
.colors.co .title .ja {
	background: #e4c8ba;
	color: #5c5847;
}

.colors.co .buy .wrapper {
	background: url(../images/sub-co.jpg) no-repeat;
	background-size: cover;
}
.colors.co .buy .copy {
	color: rgba(255,255,255,.8);
	text-shadow: none;
}
.colors.co .buy .copy::after {
	margin-left: -65px;
}
.colors.co .buy .desc {
	color: rgba(255,255,255,.8);
	text-shadow: none;
	letter-spacing: -1px;
}

@media screen and (min-width: 768px) {
	.colors.co .buy .copy::after {
		content: url(../images/pc/copy-co.png);
	}
	.colors.co .buy .desc {
		margin-top: -10px;
	}
}
@media screen and (max-width: 767px) {
	.colors.co .img {
		background: url(../images/sp/item-co.jpg) no-repeat;
		background-size: cover;
	}
	.colors.co .buy .copy::before {
		background: url(../images/sp/baloon-co.png) no-repeat;
		background-size: cover;
	}
	.colors.co .buy .copy {
		background: #413527;
		padding: 10px 40px 10px 40px;
	}
	.colors.co .buy .desc {
		background: #746652;
	}
}
@media screen and (min-width: 641px) {
	.colors.co .img {
		background: url(../images/pc/item-co.jpg) no-repeat;
		background-size: cover;
	}
}

/*
 * Lens Spec
 * ============================================================ */
.lens  > .title {
	margin: 150px 0 30px;
	text-align: center;
}

.lens table {
	width: 100%;
	margin: 0 auto;
	color: #666;
	border-collapse: collapse;
}
.lens th {
	background: #f1f1f1;
	text-align: left;
	white-space: nowrap;
}
.lens th,
.lens td {
	padding: .5em;
}
.lens tr:nth-child(even) {
	background: #f9f9f9;
}
.lens tr:nth-child(even) th {
	background: #eaeaea;
}
@media screen and (max-width: 640px) {
	.lens table {
		width: calc(100% - 40px);
	}
}

/*
 * Buy-Footer
 * ============================================================ */
.buy-footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 60px 0 0 0;
}
.buy-footer >div {
	flex-basis: 49%;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.buy-footer {
		flex-direction: column;
	}
}



/*
 * by Script
 */

/*inview-animation*/
.item {}
.item-prepare {
	transition: .4s;
	opacity: 0;
	-webkit-transform: translate(0,30px);
	        transform: translate(0,30px);
}
.item-show {
	opacity: 1;
	-webkit-transform: translate(0,0);
	        transform: translate(0,0);
}


/*Slick-css*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(../images/ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../js/slick/fonts/slick.eot);src:url(../js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'),url(../js/slick/fonts/slick.woff) format('woff'),url(../js/slick/fonts/slick.ttf) format('truetype'),url(../js/slick/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;z-index:999999;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#333}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-vertical .slick-prev{top:-25px;left:0;right:0;margin:auto;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-vertical .slick-next{bottom:-25px;left:0;right:0;margin:auto;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-vertical .slick-dots{bottom:0;right:-25px;width:20px;height:100%;display:-webkit-flex!important;display:flex!important;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{appearance:none;font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;background:#fff}.slick-dots li.slick-active button:before{opacity:.75;color:#000}