@import"https://fonts.googleapis.com/css?family=Roboto:400,700,900";
@charset "UTF-8";
html {
	height:100%;
	font-size:62.5%
}
body {
	position:relative;
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
	background:#e3e3e3 url(../img/bg.gif) center 0 repeat-y;
	color:#222;
	font-family:Roboto, Lucida Grande, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	text-align:left
}
h1, h2, h3, h4, h5, p, object {
	margin:0;
	padding:0;
	font-size:100%
}
img {
	border:none;
	vertical-align:bottom
}
a {
	color:#333;
	text-decoration:underline
}
.sp-contents .pc-img {
	display:none
}
.pc-contents .sp-img {
	display:none
}
.sp-contents .pc-br {
	display:none
}
.pc-contents .sp-br {
	display:none
}
#wrap {
	overflow:hidden
}
.pc-contents #wrap {
	max-width:1200px;
	min-width:967px;
	margin:0 auto;
}
/* 2016.07.01 rev */
.pc-contents header {
	width:967px;
	margin:0 auto;
}
.sp-contents header {
	padding:10px 0 6px
}

	/* 2016.07.01 rev */
	.pc-contents header .logo-store {
		width:500px;
		margin:15px 0 12px 0;
		float:left;
	}
	.sp-contents header .logo-store {
		width:260px
	}
	.sp-contents header .logo-store img {
		width:100%;
		height:auto;
		margin:0 10px
	}


.main-visual {
	position:relative;
	border-bottom:#9b822e 1px solid
}
#main-slide {
	margin-bottom:0
}
#main-slide img {
	width:100%;
	height:auto
}
.main-title-bg {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	background-color:rgba(255, 255, 255, .85)
}
.main-title-cnt {
*zoom:1
}
.main-title-cnt:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .main-title-cnt {
	width:967px;
	margin:0 auto;
	padding:10px 0 9px
}
.sp-contents .main-title-cnt {
	padding:4px 8px 2px 11px
}
.sp-contents .main-title-cnt img {
	width:100%;
	height:auto
}
.main-title-cnt .logo-20th {
	float:left;
	width:100px
}
.sp-contents .main-title-cnt .logo-20th {
	width:11%
}
.main-title-cnt .main-title {
	float:right;
	width:824px
}
.sp-contents .main-title-cnt .main-title {
	width:87.5%
}
.pc-contents .feature-sec {
	width:967px;
	margin:0 auto;
	padding:65px 0 90px
}
.sp-contents .feature-sec {
	padding:35px 10px 30px
}
.feature-sec .feature-anchor {
	padding:0;
	list-style:none;
	letter-spacing:-.4em;
	text-align:center
}
.pc-contents .feature-sec .feature-anchor {
	margin:0 0 70px;
	font-size:20px;
	font-size:2.0rem;
	line-height:1.1
}
.sp-contents .feature-sec .feature-anchor {
	margin:0 0 40px;
	font-size:16px;
	font-size:1.6rem
}
.feature-sec .feature-anchor li {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal
}
.pc-contents .feature-sec .feature-anchor li {
	border-right:#000 1px solid;
	padding:2px 30px 0
}
.pc-contents .feature-sec .feature-anchor li:first-child {
	border-left:#000 1px solid
}
.sp-contents .feature-sec .feature-anchor li {
	padding:2px 0 0
}
.feature-sec .feature-anchor li a {
	color:#000;
	text-decoration:none
}
.sp-contents .feature-sec .feature-anchor li a {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding-right:20px
}
.sp-contents .feature-sec .feature-anchor li a:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:7px;
	width:5px;
	height:5px;
	margin-top:-4px;
	border-top:solid 2px #333;
	border-right:solid 2px #333;
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg)
}
.feature-sec .feature-anchor li a:hover {
	text-decoration:underline
}
.feature-sec .jetblack-tit {
	text-align:center;
	margin-bottom:18px
}
.sp-contents .feature-sec .jetblack-tit img {
	width:100%;
	max-width:400px;
	height:auto
}
.feature-sec .model-img-block {
*zoom:1
}
.feature-sec .model-img-block:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .feature-sec .model-img-block .model-img-box {
	float:left;
	width:484px
}
.feature-sec .model-img-block .model-img-box ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none
}
.pc-contents .feature-sec .model-img-block .model-img-box ul {
	width:484px;
	height:490px
}
.sp-contents .feature-sec .model-img-block .model-img-box ul {
	width:280px;
	height:283px;
	margin:0 auto
}
.feature-sec .model-img-block .model-img-box ul li {
	position:absolute;
-webkit-transition:all .5s ease;
transition:all .5s ease;
	left:-200px;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:5
}
.feature-sec .model-img-block .model-img-box ul li.model-on {
	left:0;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:10
}
.sp-contents .feature-sec .model-img-block .model-img-box ul li {
	width:280px
}
.sp-contents .feature-sec .model-img-block .model-img-box ul li img {
	width:100%;
	height:auto
}
.pc-contents .feature-sec .model-img-block .model-thumb-cnt {
	float:right;
	width:457px;
	padding-top:21px
}
.sp-contents .feature-sec .model-img-block .model-thumb-cnt {
	padding-top:15px
}
.feature-sec .model-img-block .model-thumb-list {
	padding:0;
	list-style:none;
	text-align:center;
	letter-spacing:-.4em
}
.pc-contents .feature-sec .model-img-block .model-thumb-list {
	margin:-17px 0 40px -29px
}
.sp-contents .feature-sec .model-img-block .model-thumb-list {
	margin:-10px 0 30px -10px
}
.feature-sec .model-img-block .model-thumb-list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	border:#c8c8c8 1px solid
}
.pc-contents .feature-sec .model-img-block .model-thumb-list li {
	margin-left:29px;
	margin-top:17px
}
.sp-contents .feature-sec .model-img-block .model-thumb-list li {
	margin-left:10px;
	margin-top:10px;
	width:80px
}
.sp-contents .feature-sec .model-img-block .model-thumb-list li img {
	width:100%;
	height:auto
}
.feature-sec .model-img-block .model-thumb-list li a {
	display:block;
	border:#fff 2px solid;
-webkit-transition:border .3s ease-out;
transition:border .3s ease-out
}
.feature-sec .model-img-block .model-thumb-list li a:hover, .feature-sec .model-img-block .model-thumb-list li a.thumb-on {
	border:#c8c8c8 2px solid
}
.feature-sec .model-img-block .model-price {
	text-align:center;
	margin-bottom:15px;
	line-height:1.2
}
.pc-contents .feature-sec .model-img-block .model-price {
	font-size:20px;
	font-size:2.0rem
}
.sp-contents .feature-sec .model-img-block .model-price {
	font-size:18px;
	font-size:1.8rem
}
.pc-contents .feature-sec .model-img-block .model-price span {
	font-size:40px;
	font-size:4.0rem
}
.sp-contents .feature-sec .model-img-block .model-price span {
	font-size:30px;
	font-size:3.0rem
}
.feature-sec .model-img-block .model-btn-cart {
	text-align:center
}
.feature-sec .model-lead {
	text-align:center
}
.pc-contents .feature-sec .model-lead {
	font-size:18px;
	font-size:1.8rem;
	line-height:2.0
}
.sp-contents .feature-sec .model-lead {
	margin-top:30px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6
}
.model-20th {
	text-align:center;
	font-weight:700
}
.pc-contents .model-20th {
	font-size:22px;
	font-size:2.2rem;
	margin-bottom:30px
}
.sp-contents .model-20th {
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:20px
}
.model-20th:before, .model-20th:after {
	content:'●';
	display:inline-block;
	vertical-align:middle;
	color:#8c7a3f;
	margin-bottom:2px
}
.pc-contents .model-20th:before, .pc-contents .model-20th:after {
	font-size:16px;
	font-size:1.6rem
}
.sp-contents .model-20th:before, .sp-contents .model-20th:after {
	font-size:14px;
	font-size:1.4rem
}
.model-20th:before {
	margin-right:8px
}
.model-20th:after {
	margin-left:8px
}
.btn-cart {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	border:#dd6400 1px solid;
	border-radius:6px;
	background-image:-webkit-linear-gradient(top, #ffa600 0, #ff7200 100%);
	background-image:linear-gradient(to bottom, #ffa600 0, #ff7200 100%);
	padding:3px 15px 3px 8px;
	text-decoration:none;
	line-height:28px;
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.btn-cart:before {
	display:inline-block;
	vertical-align:middle;
	content:'';
	width:32px;
	height:24px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:transparent url(../img/icon_cart.png) 0 0 no-repeat;
	margin-right:7px
}
.btn-cart:hover {
	opacity:.7;
	filter:alpha(opacity=70)
}
.point-sec {
	background:#fff url(../img/point_bg.jpg) center top no-repeat
}
.sp-contents .point-sec {
	background-size:100% auto
}
.pc-contents .point-sec .point-block {
	width:967px;
	margin:0 auto;
	padding:45px 0 65px
}
.sp-contents .point-sec .point-block {
	padding:25px 10px 20px
}
.point-sec .point-block .point-tit {
	text-align:center;
	font-weight:700;
	line-height:1.2;
	color:#987e27;
	text-shadow:2px 2px 4px rgba(255, 255, 255, .8), -2px 2px 4px white, 2px -2px 4px white, -2px -2px 4px rgba(255, 255, 255, .8)
}
.pc-contents .point-sec .point-block .point-tit {
	font-size:26px;
	font-size:2.6rem;
	margin-bottom:54px
}
.sp-contents .point-sec .point-block .point-tit {
	font-size:22px;
	font-size:2.2rem;
	margin-bottom:30px
}
.point-sec .point-block .point-list {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	letter-spacing:-.4em
}
.point-sec .point-block .point-list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	text-align:center
}
.pc-contents .point-sec .point-block .point-list li {
	width:224px;
	margin-left:21px
}
.pc-contents .point-sec .point-block .point-list li:first-child {
	margin-left:4px
}
.sp-contents .point-sec .point-block .point-list li {
	width:140px;
	margin-left:10px;
	margin-bottom:15px
}
.sp-contents .point-sec .point-block .point-list li:first-child {
	margin-left:0
}
.point-sec .point-block .point-list li div {
	margin-bottom:18px
}
.sp-contents .point-sec .point-block .point-list li div {
	margin-bottom:10px
}
.sp-contents .point-sec .point-block .point-list li div img {
	width:100%;
	height:auto
}
.point-sec .point-block .point-list li p {
	font-weight:700;
	line-height:1.4;
	text-shadow:2px 2px 2px white, -2px 2px 2px white, 2px -2px 2px white, -2px -2px 2px white
}
.pc-contents .point-sec .point-block .point-list li p {
	font-size:16px;
	font-size:1.6rem
}
.sp-contents .point-sec .point-block .point-list li p {
	font-size:14px;
	font-size:1.4rem
}
.point-sec .point-block .point-spec {
	box-sizing:border-box;
	width:100%
}
.pc-contents .point-sec .point-block .point-spec {
	margin-top:65px
}
.sp-contents .point-sec .point-block .point-spec {
	margin-top:20px
}
.point-sec .point-block .point-spec td, .point-sec .point-block .point-spec th {
	border:#ccc 1px solid;
	background-color:#fff;
	text-align:center
}
.pc-contents .point-sec .point-block .point-spec td, .pc-contents .point-sec .point-block .point-spec th {
	padding:24px
}
.sp-contents .point-sec .point-block .point-spec td, .sp-contents .point-sec .point-block .point-spec th {
	padding:10px
}
.point-sec .point-block .point-spec td.spec-em, .point-sec .point-block .point-spec th.spec-em {
	color:#c00
}
.point-sec .point-block .point-spec th {
	background-color:#e3e3e3;
	font-weight:700
}
.point-sec .point-block .point-spec th sup {
	font-weight:400
}
.point-sec .point-block .rz-link-list {
	padding:0;
	list-style:none;
	letter-spacing:-.4em;
	text-align:center
}
.pc-contents .point-sec .point-block .rz-link-list {
	margin:40px 0 0
}
.sp-contents .point-sec .point-block .rz-link-list {
	margin:20px 0 0
}
.point-sec .point-block .rz-link-list li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal
}
.pc-contents .point-sec .point-block .rz-link-list li {
	width:385px;
	margin-left:28px
}
.pc-contents .point-sec .point-block .rz-link-list li:first-child {
	margin-left:0
}
.sp-contents .point-sec .point-block .rz-link-list li {
	width:300px;
	margin-bottom:15px
}
.point-sec .point-block .rz-link-list li a {
	box-sizing:border-box;
	display:table;
	width:100%;
	text-align:center;
	background-color:#8c7a3f;
	line-height:1.2;
	color:#fff;
	text-decoration:none;
	padding:20px 20px 18px;
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.pc-contents .point-sec .point-block .rz-link-list li a {
	font-size:22px;
	font-size:2.2rem
}
.sp-contents .point-sec .point-block .rz-link-list li a {
	font-size:16px;
	font-size:1.6rem
}
.point-sec .point-block .rz-link-list li a p {
	box-sizing:border-box;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle
}
.point-sec .point-block .rz-link-list li a span {
	display:block
}
.point-sec .point-block .rz-link-list li a .link-txt:after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	margin-top:-4px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.pc-contents .point-sec .point-block .rz-link-list li a .link-txt:after {
	margin-left:18px
}
.sp-contents .point-sec .point-block .rz-link-list li a .link-txt:after {
	margin-left:10px
}
.point-sec .point-block .rz-link-list li a .link-btoc-note {
	display:block;
	margin-top:5px
}
.pc-contents .point-sec .point-block .rz-link-list li a .link-btoc-note {
	font-size:14px;
	font-size:1.4rem
}
.sp-contents .point-sec .point-block .rz-link-list li a .link-btoc-note {
	font-size:12px;
	font-size:1.2rem
}
.point-sec .point-block .rz-link-list li a:hover {
	opacity:.7;
	filter:alpha(opacity=70)
}
.koubou-sec {
	background-color:#e7e3da;
	text-align:center
}
.pc-contents .koubou-sec {
	padding:60px 0 73px
}
.sp-contents .koubou-sec {
	padding:30px 0
}
.pc-contents .koubou-sec .koubou-tit {
	margin-bottom:34px
}
.sp-contents .koubou-sec .koubou-tit {
	margin:0 10px 20px
}
.sp-contents .koubou-sec .koubou-tit img {
	width:100%;
	max-width:500px;
	height:auto
}
.pc-contents .koubou-sec .koubou-bnr a img {
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.pc-contents .koubou-sec .koubou-bnr a:hover img {
	opacity:.7;
	filter:alpha(opacity=70)
}
.sp-contents .koubou-sec .koubou-bnr {
	margin:0 10px
}
.sp-contents .koubou-sec .koubou-bnr img {
	width:100%;
	max-width:500px;
	height:auto
}
.keyboard-sec {
	background-color:#f0f0f0
}
.pc-contents .keyboard-sec {
	padding:52px 0 0
}
.sp-contents .keyboard-sec {
	padding:30px 0 0
}
.keyboard-sec .keyboard-tit {
	text-align:center
}
.pc-contents .keyboard-sec .keyboard-tit {
	margin-bottom:42px
}
.sp-contents .keyboard-sec .keyboard-tit {
	margin-bottom:30px
}
.sp-contents .keyboard-sec .keyboard-tit img {
	width:100%;
	max-width:300px;
	height:auto
}
.keyboard-sec .keyboard-lead {
	text-align:center
}
.pc-contents .keyboard-sec .keyboard-lead {
	font-size:18px;
	font-size:1.8rem;
	line-height:2.0;
	margin-bottom:60px
}
.sp-contents .keyboard-sec .keyboard-lead {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6;
	margin-bottom:30px;
	padding:0 10px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt {
	display:none
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide {
	margin-bottom:30px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide {
	margin-bottom:15px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-slide {
	outline:none
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-slide {
	padding:0 28px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-slide {
	padding:0
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-slide img {
	width:260px;
	height:auto
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-prev, .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-next {
	z-index:100;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-prev, .pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-next {
	width:36px;
	height:60px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-prev, .sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-next {
	width:18px;
	height:30px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-prev {
	background-image:url(../img/arrow_prev.png)
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-prev {
	left:197px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-prev {
	left:50%;
	margin-left:-140px;
	background-size:18px auto
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-next {
	background-image:url(../img/arrow_next.png)
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-next {
	right:197px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .slick-next {
	right:50%;
	margin-right:-140px;
	background-size:18px auto
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .keyboard-name {
	text-align:center
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .keyboard-name {
	font-size:18px;
	font-size:1.8rem
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .keyboard-slide .keyboard-name {
	font-size:16px;
	font-size:1.6rem
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block {
	border-top:#c8c8c8 1px solid
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl {
*zoom:1;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl {
	width:824px;
	margin:0 auto;
	padding:20px 0 16px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl {
	margin:0;
	padding:15px 0 10px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dt {
	margin:0;
	padding:0
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dt {
	float:left;
	width:8em;
	padding-top:8px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dt {
	text-align:center;
	margin-bottom:10px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd {
	margin:0;
	padding:0
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd {
	margin-left:9.5em
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd {
	margin:0 10px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group {
*zoom:1
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group {
	padding-top:12px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group {
	padding-top:6px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group:first-child {
	padding-top:0
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group p {
	font-size:14px;
	font-size:1.4rem;
	float:left;
	width:6.0em;
	padding-top:8px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul {
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 0 6.5em;
	padding:0;
	list-style:none;
	letter-spacing:-.4em
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li {
	margin-left:14px
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li:first-child {
	margin-left:0
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li {
	margin-right:5px;
	margin-bottom:5px
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li a {
	display:block;
	padding:1px;
	border-color:transparent;
	border-width:2px;
	border-style:solid;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li a:hover, .keyboard-sec .keyboard-slide-wrap .keyboard-slide-cnt .color-list-block .color-list-dl dd .color-list-group ul li a.color-on {
	border-color:#AAA
}
.keyboard-sec .keyboard-slide-wrap .body-color-list {
	border-top:#c8c8c8 1px solid;
	border-bottom:#c8c8c8 1px solid
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl {
*zoom:1;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl {
	width:824px;
	margin:0 auto;
	padding:15px 0
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl {
	width:300px;
	margin:0 auto;
	padding:15px 0
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl dt {
	margin:0;
	padding:0
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl dt {
	float:left;
	width:8em;
	padding:20px 0 0
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl dt {
	text-align:center;
	margin-bottom:10px
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl dd {
	margin:0;
	padding:0
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl dd {
	margin-left:9.4em
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn {
	margin:0;
	padding:0;
	list-style:none;
	letter-spacing:-.4em
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li {
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin-left:5px;
	border:#c8c8c8 1px solid
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li {
	width:221px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li {
	width:93px
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li:first-child {
	margin-left:0
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a {
	display:block;
	vertical-align:middle;
	background-color:#f7f7f7;
	border:#f7f7f7 2px solid;
	text-decoration:none;
	text-align:center;
-webkit-transition:.3s ease-out;
transition:.3s ease-out
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a {
	padding:0 5px;
	font-size:14px;
	font-size:1.4rem;
	line-height:58px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a {
	box-sizing:border-box;
	padding:0 5px 10px;
	font-size:12px;
	font-size:1.2rem;
	height:100%
}
.keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a:hover, .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a.body-color-on {
	background-color:#fff;
	border:#c8c8c8 2px solid
}
.pc-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a img {
	margin-right:3px
}
.sp-contents .keyboard-sec .keyboard-slide-wrap .body-color-list dl .body-color-btn li a img {
	display:block;
	margin:0 auto
}
.pc-contents .voice-sec {
	padding-bottom:60px
}
.sp-contents .voice-sec {
	padding-bottom:30px
}
.voice-sec .voice-cnt {
	box-sizing:border-box;
	position:relative;
	background-color:#fff;
	z-index:0
}
.pc-contents .voice-sec .voice-cnt {
	width:967px;
	border:#f0f0f0 10px solid;
	margin:45px auto 0;
	padding:30px
}
.sp-contents .voice-sec .voice-cnt {
	margin:45px 10px 0;
	border:#f0f0f0 5px solid;
	padding:15px
}
.voice-sec .voice-cnt:after {
	content:'';
	position:absolute;
	left:50%;
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-color:transparent transparent #f0f0f0
}
.pc-contents .voice-sec .voice-cnt:after {
	top:-45px;
	margin-left:-35px;
	border-width:0 35px 35px
}
.sp-contents .voice-sec .voice-cnt:after {
	top:-35px;
	margin-left:-30px;
	border-width:0 30px 30px
}
.voice-sec .voice-cnt .voice-tit {
	text-align:center;
	font-weight:700;
	line-height:1.2;
	margin-bottom:20px
}
.pc-contents .voice-sec .voice-cnt .voice-tit {
	font-size:28px;
	font-size:2.8rem
}
.sp-contents .voice-sec .voice-cnt .voice-tit {
	font-size:22px;
	font-size:2.2rem
}
.voice-sec .voice-cnt .voice-lead {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.6;
	text-align:center;
	margin-bottom:30px
}
.voice-sec .voice-cnt .voice-detail {
*zoom:1
}
.voice-sec .voice-cnt .voice-detail:after {
	content:"";
	display:table;
	clear:both
}
.voice-sec .voice-cnt .voice-detail .voice-box {
	box-sizing:border-box;
	background-color:#e7e2d1
}
.pc-contents .voice-sec .voice-cnt .voice-detail .voice-box {
	width:282px;
	float:left;
	padding:20px;
	margin-left:20px
}
.sp-contents .voice-sec .voice-cnt .voice-detail .voice-box {
	padding:10px;
	margin-top:10px
}
.pc-contents .voice-sec .voice-cnt .voice-detail .voice-box:first-child {
	margin-left:0
}
.sp-contents .voice-sec .voice-cnt .voice-detail .voice-box:first-child {
	margin-top:0
}
.voice-sec .voice-cnt .voice-detail .voice-box .voice-img {
	margin-bottom:10px;
	text-align:center
}
.sp-contents .voice-sec .voice-cnt .voice-detail .voice-box .voice-img img {
	width:100%;
	max-width:300px;
	height:auto
}
.voice-sec .voice-cnt .voice-detail .voice-box .voice-prf {
	text-align:center;
	font-size:16px;
	font-size:1.6rem
}
.pc-contents .voice-sec .voice-cnt .voice-detail .voice-box .voice-prf {
	margin-bottom:20px
}
.sp-contents .voice-sec .voice-cnt .voice-detail .voice-box .voice-prf {
	margin-top:10px
}
.voice-sec .voice-cnt .voice-detail .voice-box .voice-txt {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.6
}
.variation-sec {
	background-color:#f0f0f0
}
.pc-contents .variation-sec {
	padding:72px 0 82px
}
.sp-contents .variation-sec {
	padding:30px 0
}
.variation-sec .variation-tit {
	text-align:center
}
.pc-contents .variation-sec .variation-tit {
	margin-bottom:47px
}
.sp-contents .variation-sec .variation-tit {
	margin:0 10px 20px
}
.sp-contents .variation-sec .variation-tit img {
	width:100%;
	max-width:400px;
	height:auto
}
.variation-sec .variation-img {
	text-align:center
}
.pc-contents .variation-sec .variation-img {
	margin-bottom:34px
}
.sp-contents .variation-sec .variation-img {
	margin:0 10px 15px;
	text-align:center
}
.sp-contents .variation-sec .variation-img img {
	width:100%;
	max-width:400px;
	height:auto
}
.variation-sec .variation-link {
	margin:0 auto
}
.pc-contents .variation-sec .variation-link {
	width:400px
}
.sp-contents .variation-sec .variation-link {
	width:250px
}
.variation-sec .variation-link a {
	display:block;
	text-align:center;
	background-color:#8c7a3f;
	line-height:1.2;
	color:#fff;
	text-decoration:none;
	padding:20px 20px 18px;
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.pc-contents .variation-sec .variation-link a {
	font-size:22px;
	font-size:2.2rem
}
.sp-contents .variation-sec .variation-link a {
	font-size:16px;
	font-size:1.6rem
}
.variation-sec .variation-link a span {
	display:block
}
.variation-sec .variation-link a .link-txt:after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	margin-top:-4px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.pc-contents .variation-sec .variation-link a .link-txt:after {
	margin-left:18px
}
.sp-contents .variation-sec .variation-link a .link-txt:after {
	margin-left:10px
}
.variation-sec .variation-link a .link-btoc-note {
	display:block;
	margin-top:5px
}
.pc-contents .variation-sec .variation-link a .link-btoc-note {
	font-size:14px;
	font-size:1.4rem
}
.sp-contents .variation-sec .variation-link a .link-btoc-note {
	font-size:12px;
	font-size:1.2rem
}
.variation-sec .variation-link a:hover {
	opacity:.7;
	filter:alpha(opacity=70)
}
.pc-contents .order-sec {
	padding:75px 0 50px
}
.sp-contents .order-sec {
	padding:20px 0 30px
}
.order-sec .order-tit {
	text-align:center
}
.pc-contents .order-sec .order-tit {
	margin-bottom:41px
}
.sp-contents .order-sec .order-tit {
	margin:0 10px 20px
}
.sp-contents .order-sec .order-tit img {
	width:100%;
	max-width:500px;
	height:auto
}
.pc-contents .order-sec .order-cnt {
	width:770px;
	margin:0 auto
}
.sp-contents .order-sec .order-cnt {
	margin:0 10px
}
.order-sec .order-cnt .ttl_order {
	color:#FFF;
	background-color:#888;
	padding:5px 10px 4px;
	margin-bottom:3px;
	font-weight:700;
	line-height:1.6
}
.pc-contents .order-sec .order-cnt .ttl_order {
	font-size:16px;
	font-size:1.6rem
}
.sp-contents .order-sec .order-cnt .ttl_order {
	font-size:14px;
	font-size:1.4rem
}
.order-sec .order-cnt .ttl_order img {
	vertical-align:baseline
}
.sp-contents .order-sec .order-cnt .ttl_order img {
	height:15px;
	width:auto
}
.order-sec .order-cnt .new_order_form {
	border:1px solid #CCC;
	margin-bottom:10px
}
.order-sec .order-cnt .new_order_form .inside {
	border-bottom:1px dotted #CCC;
*zoom:1
}
.order-sec .order-cnt .new_order_form .inside:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .order-sec .order-cnt .new_order_form .inside {
	width:748px;
	padding:10px 0 10px 10px
}
.sp-contents .order-sec .order-cnt .new_order_form .inside {
	padding:10px
}
.pc-contents .order-sec .order-cnt .new_order_form .inside p.photo {
	width:200px;
	float:left
}
.sp-contents .order-sec .order-cnt .new_order_form .inside p.photo {
	text-align:center;
	margin-bottom:15px
}
.sp-contents .order-sec .order-cnt .new_order_form .inside p.photo img {
	width:160px;
	height:auto
}
.order-sec .order-cnt .new_order_form .inside ul {
	margin:0;
	padding:0;
	list-style:none;
*zoom:1
}
.order-sec .order-cnt .new_order_form .inside ul:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul {
	width:540px;
	float:right
}
.order-sec .order-cnt .new_order_form .inside ul li {
	font-size:12px;
	font-size:1.2rem;
	margin:0 5px 8px 0;
	display:inline-block;
	float:left;
	text-align:center;
	background-color:#ebebeb;
	border-radius:3px
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li {
	padding:3px 15px
}
.sp-contents .order-sec .order-cnt .new_order_form .inside ul li {
	padding:3px 8px
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li.width_3 {
	width:146px;
	padding:3px 0
}
.order-sec .order-cnt .new_order_form .inside ul li.model {
	display:block;
	background-color:#FFF;
	margin:0;
	padding:0;
	border:0;
	clear:left
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li.model {
	width:530px
}
.sp-contents .order-sec .order-cnt .new_order_form .inside ul li.model {
	float:none;
	padding-top:10px
}
.order-sec .order-cnt .new_order_form .inside ul li.model dl {
	border:1px solid #666;
	margin:0;
	padding:0;
*zoom:1
}
.order-sec .order-cnt .new_order_form .inside ul li.model dl:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li.model dl {
	width:520px;
	display:table
}
.order-sec .order-cnt .new_order_form .inside ul li.model dl dt {
	background-color:#666;
	margin:0;
	padding:7px 5px 6px;
	color:#FFF;
	font-weight:700;
	font-size:12px;
	font-size:1.2rem
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li.model dl dt {
	width:250px;
	display:table-cell;
	vertical-align:middle
}
.order-sec .order-cnt .new_order_form .inside ul li.model dl dd {
	margin:0;
	background-color:#FFF;
	font-weight:700;
	color:#F00;
	font-size:15px;
	font-size:1.5rem
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li.model dl dd {
	text-align:right;
	display:table-cell;
	vertical-align:middle;
	padding:0 20px 0 0
}
.sp-contents .order-sec .order-cnt .new_order_form .inside ul li.model dl dd {
	padding:5px
}
.order-sec .order-cnt .new_order_form .inside ul li.model dl dd span {
	font-size:12px;
	font-size:1.2rem
}
.order-sec .order-cnt .new_order_form .inside ul li.model dl dd.price_row {
	padding:13px 20px 0 0
}
.order-sec .order-cnt .new_order_form .inside ul li.kome {
	margin:0;
	padding:0;
	background-color:#fff;
	border-radius:0;
	font-size:12px;
	font-size:1.2rem;
	clear:both;
	display:block;
	width:auto
}
.pc-contents .order-sec .order-cnt .new_order_form .inside ul li.kome {
	line-height:2.2
}
.sp-contents .order-sec .order-cnt .new_order_form .inside ul li.kome {
	text-align:left;
	padding-left:1.0em;
	text-indent:-1.0em
}
.order-sec .order-cnt .new_order_form .order-color-va {
	width:auto;
	margin:5px auto;
	padding:0
}
.pc-contents .order-sec .order-cnt .new_order_form .order-color-va {
	display:table
}
.order-sec .order-cnt .new_order_form .order-color-va dt, .order-sec .order-cnt .new_order_form .order-color-va dd {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.3;
	margin:0;
	padding:5px 10px 5px 15px
}
.pc-contents .order-sec .order-cnt .new_order_form .order-color-va dt, .pc-contents .order-sec .order-cnt .new_order_form .order-color-va dd {
	display:table-cell
}
.sp-contents .order-sec .order-cnt .new_order_form .order-color-va dt {
	padding:10px 10px 5px 15px
}
.order-sec .order-cnt .new_order_form .order-color-va dt.long {
	padding:12px 10px 0 15px
}
.order-sec .order-cnt .new_order_form .order-color-va dt.silver, .order-sec .order-cnt .new_order_form .order-color-va dt.black, .order-sec .order-cnt .new_order_form .order-color-va dt.copper {
	text-indent:-1em;
	margin-left:1em
}
.order-sec .order-cnt .new_order_form .order-color-va dt.silver span {
	color:#ccc
}
.order-sec .order-cnt .new_order_form .order-color-va dt.black span {
	color:#000
}
.order-sec .order-cnt .new_order_form .order-color-va dt.copper span {
	color:#c90
}
.order-sec .order-cnt .new_order_form .order-color-va dd {
	vertical-align:middle;
	padding:5px 0;
	text-align:center
}
.pc-contents .order-sec .order-cnt .new_order_form .order-color-va dd {
	width:220px
}
.sp-contents .order-sec .order-cnt .new_order_form .order-color-va dd {
	padding:5px 10px 10px 15px
}
.pc-contents .order-sec .order-cnt .new_order_form .order-color-va dd.line {
	border-right:1px dotted #CCC
}
.sp-contents .order-sec .order-cnt .new_order_form .order-color-va dd.line {
	border-bottom:1px dotted #CCC
}
.order-sec .order-cnt .new_order_form .order-color-va dd a img {
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.order-sec .order-cnt .new_order_form .order-color-va dd a:hover img {
	opacity:.7;
	filter:alpha(opacity=70)
}
.order-sec .order-cnt .attention-note {
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	font-size:1.2rem;
	color:red
}
.pc-contents .order-sec .order-cnt .attention-note {
	text-align:right
}
.special-sec {
	background-color:#000;
	color:#fff
}
.pc-contents .special-sec {
	padding:60px 0 73px
}
.sp-contents .special-sec {
	padding:20px 0 30px
}
.special-sec .special-tit {
	text-align:center
}
.pc-contents .special-sec .special-tit {
	margin-bottom:41px
}
.sp-contents .special-sec .special-tit {
	margin:0 10px 20px
}
.sp-contents .special-sec .special-tit img {
	width:100%;
	max-width:500px;
	height:auto
}
.special-sec .special-bnr-tit {
	text-align:center;
	margin-bottom:10px
}
.pc-contents .special-sec .special-bnr-tit {
	font-size:20px;
	font-size:2.0rem
}
.sp-contents .special-sec .special-bnr-tit {
	font-size:14px;
	font-size:1.4rem
}
.special-sec .special-bnr {
	text-align:center
}
.sp-contents .special-sec .special-bnr {
	margin:0 10px
}
.sp-contents .special-sec .special-bnr img {
	width:100%;
	max-width:500px;
	height:auto
}
.special-sec .special-bnr a {
	display:inline-block;
	vertical-align:top;
	background-color:#fff
}
.special-sec .special-bnr a img {
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out
}
.special-sec .special-bnr a:hover img {
	opacity:.8;
	filter:alpha(opacity=80)
}
.note-sec {
	background-color:#f0f0f0
}
.note-sec dl {
	margin:0;
	padding:0;
	font-size:12px;
	font-size:1.2rem;
*zoom:1
}
.note-sec dl:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .note-sec dl {
	width:967px;
	margin:0 auto;
	padding:35px 0
}
.sp-contents .note-sec dl {
	padding:15px 10px
}
.note-sec dl dt {
	float:left;
	clear:left;
	width:2.0em;
	margin:0;
	padding:0
}
.note-sec dl dd {
	padding:0
}
.pc-contents .note-sec dl dd {
	margin:0 0 0 3.0em
}
.sp-contents .note-sec dl dd {
	margin:0 0 0 2.5em
}
.footer-cnt {
*zoom:1;
	font-size:12px;
	font-size:1.2rem
}
.footer-cnt:after {
	content:"";
	display:table;
	clear:both
}
.pc-contents .footer-cnt {
	width:967px;
	margin:0 auto;
	padding:25px 0
}
.sp-contents .footer-cnt {
	padding:15px 10px;
	text-align:center
}
.pc-contents .footer-cnt #pagetop {
	float:right;
	width:300px;
	text-align:right
}
.footer-cnt #pagetop a {
	text-decoration:none
}
.pc-contents .footer-cnt #pagetop a {
	color:#003a91
}
.pc-contents .footer-cnt #pagetop a:after {
	content:'▲'
}
.pc-contents .footer-cnt #pagetop a:hover {
	text-decoration:underline
}
.sp-contents .footer-cnt #pagetop a {
	color:#333;
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding-top:8px
}
.sp-contents .footer-cnt #pagetop a:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:50%;
	width:5px;
	height:5px;
	margin-left:-4px;
	border-top:solid 2px #333;
	border-right:solid 2px #333;
	-webkit-transform:rotate(315deg);
	-ms-transform:rotate(315deg);
	transform:rotate(315deg)
}
.pc-contents .footer-cnt #copyright {
	float:left;
	width:500px
}
.sp-contents .footer-cnt #copyright {
	margin-top:5px
}



/* -------------------------------------------------------------------------------------------------------- */
/* タグライン*/
.tagline{
	border-bottom: #9b822e 1px solid;	
	
	}




/* ------------------------------------------------------------ */
/* パンくず */
/*2016.07.01.rev*/
p#panKuzuList {
	font-size: 13px;
	width: 100%;
	color: #666;
	text-align:left;
	clear:both;
	margin: 0 auto 8px;
    width: 967px;
	line-height: 12px;
}


.sp-contents p#panKuzuList {
	height: auto;
	margin:2% 0;
	/*display:none;*/
}


/* ------------------------------------------------------------ */
/* ロゴ */
/* 2016.07.01 */
.pc-contents div#letsnote_tag_line_2 {
	width:210px;
	margin:0px auto 0px !important;
	padding:24px 0 8px 0 !important;
	font-size:0%;
	line-height:0%;
	float:right;

}

.sp-contents div#letsnote_tag_line_2 {
	width:100%;
	text-align:right;
	margin-bottom:5%;
}