@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* -----------------------------------------------
FileName: style.css
----------------------------------------------- */
html,body {
	font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	position: relative;
	color: #000;
}
.pc_none_img,.br_sp {
	display: none;
}
img {
	max-width: 100%;
	height: auto;
}
.inner {
	margin: 0 auto;
	position: relative;
	max-width: 1024px;
	width: 94%;
}
@media screen and (max-width: 768px) {
	.sp_none_img,.br_pc {
		display: none;
	}
	.pc_none_img,.br_sp {
		display: inline;
	}
}
.clearfix::after,#Lens #contents ul li::after {
	content:"";
    display:block;
    clear:both;
}
/* -------------------------------
	header
------------------------------- */
header {
	background: #fff;
	position: relative;
	z-index: 9999;
}
	header #text {
		background: #004010;
		padding: 3px 0;
	}
		header p {
			color: #fff;
			font-size: 12px;
			line-height: 1.4;
		}
	header #header {
		padding: 22px 0 6px;
	}
			header #header #logo {
				float: left;
				display: block;
				margin: .1% 0 0;
				max-width: 309px;
				width: 29.9%;
			}
			header #header #Tells {
				float: right;
				display: table;
				width: 54.5%;
				vertical-align: middle;
			}
				header #header #Tells .icon {
					display: table-cell;
					vertical-align: middle;
					padding: 0 3.5% 0 0;
					vertical-align: middle;
				}
				header #header #Tells a {
					display: table-cell;
					vertical-align: middle;
					width: 43.1%;
				}
					header #header #Tells a#tel1 {
						padding: 0 3.5% 0 0;
					}
					header #header #Tells a#tel2 {
						padding: 0 0 0 3.5%;
						position: relative;
						overflow-y: hidden;
					}
						header #header #Tells a#tel2::before {
							content: "";
							position: absolute;
							top: -2px;
							left: 0px;
							bottom: -2px;
							border-left: 2px dotted #635c5b;
						}
	header nav ul li {
		position: relative;
	}
	header nav ul li .sub {
		display: none;
		box-sizing: border-box;
	}
@media screen and (min-width: 769px) {
	header nav.inner {
		margin: 18px auto 0;
	}
		header #header #Tells a {
			pointer-events: none;
		}
		header nav #switch {
			display: none;
		}
		header nav ul {
			border-left: 1px solid transparent;
			box-sizing: border-box;
			list-style: none;
			text-align: center;
			display: table;
			width: 100%;
			position: relative;
		}
			header nav ul::before {
				content: "";
				background: #312927;
				margin: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 1px;
				height: 20px;
			}
			header nav ul li {
				border-right: 1px solid transparent;
				box-sizing: border-box;
				display: table-cell;
				vertical-align: middle;
				padding: 0 1px;
				position: relative;
				width: calc(100% / 6);
			}
				header nav ul li::after {
					content: "";
					background: #312927;
					margin: auto;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					width: 1px;
					height: 20px;
				}
				header nav ul li a {
					color: #fff;
					cursor: pointer;
					display: block;
					font-size: 16px;
					padding: .5em 0;
					text-decoration: none;
				}
					header nav ul li a span {
						display: none;
					}
					header nav ul li a img {
						max-width: 90px;
					}
				header nav ul li#close {
					display: none;
				}
				header nav ul li .sub {
					background: rgba(255,255,255,0.6);
					padding: 0 0 7px;
					position: absolute;
					top: 100%;
					right: 0;
					left: -2px;
					width: 100%;
					z-index: -1;
				}
					header nav ul li .sub a {
						background-size: 100%;
						padding: 13px 0;
					}
}
@media screen and (max-width: 768px) {
	html.hidden,body.hidden {
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	header p {
		font-size: 10px;
	}
	header #header {
		padding: 2% 0 0;
	}
		header .topColum {
			padding: 0 0 2%;
		}
			header #header #logo {
				margin: 0;
				width: 18%;
			}
			header #header #Tells {
				width: 65%;
			}
				header #header #Tells .icon {
					display: none;
				}
				header #header #Tells a {
					width: 41.5%;
				}
				header #header #Tells a#tel1 {
					padding: 0 5% 0 0;
					width: 38.5%;
				}
				header #header #Tells a#tel2 {
					padding: 0 0 0 5%;
				}
	header nav #switch {
		background: #004010;
		display: block;
		padding: 2% 3%;
	}
		header nav #switch img {
			display: block;
			margin: 0 auto;
			max-width: 74px;
		}
	header nav.inner {
		width: 100%;
	}
		header nav #gn {
			display: none;
			background: rgba(0,0,0,0.77);
			height: 90vh;
			padding: 5vh 0;
			position: absolute;
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 9999;
		}
		header nav ul {
			list-style: none;
		}
			header nav ul li {
				display: block;
			}
				header nav ul li a {
					color: #fff;
					font-size: 4vw;
					display: block;
					margin: 0 auto;
					width: 90%;
					padding: 1em 0;
					text-align: center;
					text-decoration: none;
				}
					header nav ul li a img {
						display: none;
					}
			header nav ul li#close {
				margin: 4vh auto 0;
				cursor: pointer;
			}
				header nav ul li#close img {
					display: block;
					margin: 0 auto;
					max-width: 18px;
				}
}
/* -------------------------------
	footer
------------------------------- */
footer {
	display: block;
	padding: 35px 0 0;
}
	footer #footlink {
		font-size: 14px;
		letter-spacing: -.3em;
		line-height: 1.2;
		margin: 0 auto 23px;
		text-align: center;
	}
		footer #footlink li {
			display: inline-block;
			letter-spacing: .1em;
			margin: 7px .5em;
		}
			footer #footlink li a {
				background: url(../images/common/link-icon.png) left center no-repeat;
				color: #231815;
				display: block;
				padding: 0 0 0 20px;
				text-decoration: none;
			}
	footer .middleColum {
		background: #ebebeb;
		padding: 25px 0 21px;
	}
		footer .middleColum #fLogo {
			display: block;
			float: left;
			max-width: 305px;
			width: 30%;
		}
		footer .middleColum ul {
			text-align: right;
			float: right;
			width: 65%;
		}
			footer .middleColum ul li {
				display: inline-block;
				margin: .15em 0;
				max-width: 580px;
				text-align: left;
				width: 100%;
			}
				footer .middleColum ul li p {
					float: left;
					font-weight: bold;
					line-height: 1.3;
					width: calc(100% - 122px);
				}
					footer .middleColum ul li p span {
						font-weight: normal;
					}
				footer .middleColum ul li a {
					display: block;
					float: right;
					line-height: 1.3;
					max-width: 122px;
				}
	footer .bottomColum {
		background: #0c1f10;
		padding: 12px 0;
	}
		footer .bottomColum a {
			float: left;
			color: #fff;
			display: block;
			letter-spacing: .1em;
			line-height: 1.2;
			font-size: 12px;
			text-decoration: none;
			width: 59%;
		}
		footer .bottomColum p {
			color: #fff;
			float: right;
			text-align: right;
			letter-spacing: .03em;
			line-height: 1.44;
			font-size: 10px;
			width: 41%;
		}
@media screen and (min-width: 769px) {
	footer .middleColum ul li a {
		pointer-events: none;
	}
}
@media screen and (max-width: 768px) {
	footer {
		padding: 7% 0 0;
	}
		footer #footlink {
			margin: 0 auto 7%;
			text-align: left;
			width: 70%;
		}
			footer #footlink li {
				margin: 4% 0;
				width: 50%;
				vertical-align: middle;
			}
		footer .middleColum {
			padding: 5% 0 3%;
		}
			footer .middleColum #fLogo {
				float: none;
				margin: 0 auto 4%;
				width: 60%;
			}
			footer .middleColum ul {
				float: none;
				width: 100%;
			}
				footer .middleColum ul li {
					display: table;
					margin: 2% 0;
					width: 100%;
					max-width: none;
				}
					footer .middleColum ul li p {
						display: table-cell;
						float: none;
						font-size: 12px;
						padding: 0 5% 0 0;
						width: 65%;
					}
						footer .middleColum ul li p span {
							font-size: 10px;
							display: block;
						}
					footer .middleColum ul li a {
						display: table-cell;
						float: none;
						width: 30%;
						max-width: none;
						vertical-align: middle;
					}
						footer .middleColum ul li.clearfix::after {
							content: none;
						}
		footer .bottomColum {
			padding: 3% 0;
		}
			footer .bottomColum a {
				float: none;
				width: 100%;
				text-align: center;
			}
			footer .bottomColum p {
				float: none;
				margin: 2% auto 0;
				width: 100%;
				text-align: center;
			}
}
@media (min-resolution: 2dppx) {

}
/* -------------------------------
	common
------------------------------- */
main {
	background: #afc89b url(../images/common/main_bg.png) bottom center no-repeat;
	display: block;
}
#mainv {
	position: relative;
}
	#mainv h1 {
		position: relative;
		overflow: hidden;
		height: 300px;
	}
		#mainv h1 img {
			display: block;
			margin: 0 0 0 -1000px;
			position: absolute;
			left: 50%;
			width: 2000px;
		}
	#mainv #mainText {
		margin: auto;
		position: absolute;
		right: 0;
		left: 0;
	}
		#mainv #mainText p {
			color: #060604;
			font-size: 14px;
			letter-spacing: .03em;
			line-height: 1.64;
			margin: 0 0 0 3.73%;
			max-width: 92%;
		}
	#mainv #bread {
		background: rgba(0,64,16,0.2);
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
	}
		#mainv #bread ul {
			color: #004010;
			font-size: 12px;
			letter-spacing: -.3em;
			list-style: none;
			padding: .4em 0;
		}
			#mainv #bread ul li {
				display: inline-block;
				letter-spacing: 0;
			}
				#mainv #bread ul li::after {
					content: ">";
					margin: 0 .1em 0 .3em;
				}
				#mainv #bread ul li:last-child::after {
					content: none;
				}
					#mainv #bread ul li a {
						color: #004010;
						text-decoration: none;
					}
#shops {
	margin: -66px auto 13px;
	text-align: center;
}
	#shops ul {
		display: table;
		list-style: none;
		width: 85%;
		max-width: 438px;
	}
		#shops ul li {
			display: table-cell;
			padding: 0 2.4%;
		}
			#shops ul li a {
				background: #004010;
				border-radius: 50%;
				display: block;
				box-shadow: 1px 1px 4px 0 rgba(0,64,16,0.5);
				padding: 100% 0 0;
				position: relative;
			}
				#shops ul li a img {
					display: block;
					margin: 0 auto;
					max-width: 134px;
					width: 68%;
					position: absolute;
					top: 21%;
					right: 0;
					left: 0;
					z-index: 3;
				}
				#shops ul li a::before {
					content: "";
					background: #0f5320;
					border-radius: 50%;
					position: absolute;
					top: 0;
					right: 10%;
					bottom: 20%;
					left: 10%;
					z-index: 0;
				}
				#shops ul li a::after {
					content: "";
					background: url(../images/top/item-ttl-icon.png) center no-repeat;
					background-size: contain;
					width: 9.5%;
					height: 9.5%;
					margin: auto;
					position: absolute;
					right: 0;
					bottom: 16%;
					left: 0;
					z-index: 1;
				}
#toTop {
	display: block;
	max-width: 164px;
	width: 35%;
	margin: 0 auto;
}
	#toTop img {
		display: block;
	}
@media screen and (max-width: 768px) {
	#mainv h1 {
		position: relative;
		height: auto;
	}
		#mainv h1 img {
			margin: 0;
			position: static;
			width: 100%;
		}
	#mainv #mainText {
		background: #fff;
		position: static;
		padding: 6% 3%;
	}
		#mainv #mainText p {
			margin: 0 auto;
			max-width: 100%;
			width: 100% !important;
		}
	#mainv #bread {
		display: none;
	}
	#shops {
		margin: -7% auto 2%;
	}
}
/* -------------------------------
	top
------------------------------- */
#Top h2 {
	margin: 0 auto;
	width: 80%;
	max-width: 380px;
	position: relative;
}
#Top #product {
	background: #bbcfab;
	margin: -60px 0 0;
	padding: 120px 0 58px;
}
	#Top #product ul {
		display: table;
		list-style: none;
		margin: 58px auto 0;
		width: 97%;
		max-width: 840px;
		table-layout: fixed;
	}
		#Top #product ul li {
			box-sizing: border-box;
			display: table-cell;
			padding: 0 1.2%;
			width: calc(100% / 3);
			height: 100%;
		}
			#Top #product ul li div {
				background: #fff;
				border: 1px solid #a1b392;
				padding: 23px 17px 30%;
				position: relative;
				height: 100%;
			}
				#Top #product ul li div .img {
					display: block;
					margin: 0 auto;
					width: 93%;
					max-width: 594px;
				}
				#Top #product ul li div h3 {
					margin: 0 auto 16px;
					width: 93.3%;
					max-width: 490px;
				}
					#Top #product ul li div h3 img,#Top #product ul li div a img {
						display: block;
					}
				#Top #product ul li div p {
					color: #393939;
					letter-spacing: .06em;
					line-height: 1.67;
				}
					#Top #product ul li div a {
						display: block;
						margin: auto;
						position: absolute;
						right: 0;
						bottom: 5.5%;
						left: 0;
						width: 69.77%;
						max-width: 360px;
					}
#Top #blog {
	background: #fff;
	padding: 66px 0 0;
}
	#Top #blog h2 {
		padding: 0 0 30px;
	}
		#Top #blog h2::after,#Top #shop h2::after {
			content: "";
			background: #231815;
			height: 1px;
			width: 50px;
			margin: auto;
			position: absolute;
			right: 0;
			bottom: 1px;
			left: 0;
		}
	#Top #blog #feed {
		text-align: center;
	}
		#Top #blog #feed ul {
			color: #231815;
			display: inline-block;
			font-size: 14px;
			list-style: none;
			line-height: 1.3;
			margin: 36px auto 30px;
			text-align: left;
			width: 100%;
			max-width: 664px;
		}
			#Top #blog #feed ul li {
				border-bottom: 1px dotted #000;
				padding: 1.5em 0;
				letter-spacing: -.3em;
			}
				#Top #blog #feed ul li:nth-child(n + 4) {
					display: none;
				}
			#Top #blog #feed ul li a {
				color: #231815;
				text-decoration: none;
			}
				#Top #blog #feed ul li time {
					border-right: 1px solid #231815;
					display: inline-block;
					line-height: 1.3;
					letter-spacing: .1em;
					margin: 0 8px 0 0;
					padding: 0 .8em 0 0;
					vertical-align: middle;
				}
				#Top #blog #feed ul li .category {
					display: inline;
				}
					#Top #blog #feed ul li .category p {
						background: #efefef;
						border: 1px solid #e5e5e5;
						color: #666666;
						font-size: 10px;
						display: inline-block;
						letter-spacing: .1em;
						line-height: 1.4;
						padding: 0 .5em;
						margin: 0 0 0 9px;
					}
				#Top #blog #feed ul li h3 {
					display: block;
					font-weight: normal;
					letter-spacing: .1em;
					padding: .5em 0 0;
					width: 100%;
				}
	#Top #blog #more {
		display: block;
		max-width: 164px;
		width: 35%;
		margin: 0 auto;
	}
		#Top #blog #more img {
			display: block;
		}
#Top #shop {
	background: #bbcfab;
	padding: 58px 0 0;
	position: relative;
	z-index: 5;
}
	#Top #shop img {
		display: block;
	}
	#Top #shop h2 {
		margin: 0 auto 33px;
		padding: 0 0 32px;
	}
		#Top #shop section {
			padding: 30px 0;
		}
			#Top #shop section.section2 {
				background: #afc89b;
				padding: 30px 0 70px;
			}
		#Top #shop .txt,#Shop .txt {
			float: left;
			width: 48%;
		}
		#Top #shop h3,#Shop h2 {
			margin: 6% 0 4.9%;
			max-width: 426px;
		}
		#Top #shop dl,#Shop dl {
			background: #004010;
			color: #231815;
			font-size: 14px;
			letter-spacing: .1em;
			line-height: 1.3;
			margin: 0 0 4.89%;
		}
			#Top #shop dl dt,#Shop dl dt {
				background: #004010;
				border-top: 1px solid #bbcfab;
				clear: both;
				float: left;
				width: 72px;
				padding: 8px 13px;
			}
				#Top #shop dl dt img,#Shop dl dt img {
					max-width: 72px;
				}
			#Top #shop dl dd,#Shop dl dd {
				background: #e8e5ce;
				border-left: 1px solid #bbcfab;
				border-top: 1px solid #bbcfab;
				margin: 0 0 0 98px;
				padding: 9px 10px 8px;
				width: calc(100% - 119px);
			}
				#Top #shop dl dd a,#Shop dl dd a {
					color: #231815;
					text-decoration: none;
				}
			#Top #shop dl dd:nth-of-type(even),#Shop dl dd:nth-of-type(even) {
				background: #f2f0de;
			}
		#Top #shop .detail {
			border: 1px solid #231815;
			margin: 0 0 0 auto;
			display: block;
			max-width: 161px;
		}
		#Top #shop iframe,#Shop iframe {
			display: block;
			float: right;
			width: 50%;
		}
@media screen and (min-width: 769px) {
	#Top #mainv {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 630px;
	}
		#Top #mainv ul {
			position: relative;
			height: 630px;
		}
			#Top #mainv li {
				width: 2000px !important;
				height: 630px;
				margin: 0 0 0 -1000px;
				left: 50%;
				position: absolute;
			}
				#Top #mainv img {
					width: 2000px !important;
					height: 630px;
				}
}
@media screen and (max-width: 768px) {
	#Top #product {
		margin: 0 auto;
		padding: 10% 0;
	}
		#Top #product ul {
			display: block;
			margin: 7% auto 0;
			max-width: none;
			width: 94%;
		}
			#Top #product ul li {
				display: block;
				margin: 3% auto 0;
				padding: 0;
				width: 100%;
			}
				#Top #product ul li div {
					padding: 7% 5% 13%;
				}
					#Top #product ul li div h3 {
						margin: 0 auto 8%;
						width: 80%;
					}
					#Top #product ul li div a {
						margin: 10% auto 0;
						position: static;
					}
	#Top #blog {
		padding: 10% 0 0;
	}
		#Top #blog #feed ul {
			margin: 7% auto;
		}
			#Top #blog #feed ul li .category {
				display: block;
				margin: 2% 0 1%;
			}
				#Top #blog #feed ul li .category p {
					margin: 0 1em 0 0;
				}
	#Top #shop {
		padding: 10% 0 0;
	}	
		#Top #shop h2 {
			margin: 0 auto;
		}
		#Top #shop section {
			padding: 7% 0;
		}
		#Top #shop section.section2 {
			padding: 7% 0 10%;
		}
			#Top #shop .txt,#Shop .txt {
				float: none;
				margin: 0 auto 5%;
				width: 100%;
			}
				#Top #shop h3,#Shop h2 {
					margin: 0 0 4%;
					width: 85%;
				}
				#Top #shop dl,#Shop dl {
					margin: 0 auto 3%;
				}
			#Top #shop iframe,#Shop iframe {
				float: none;
				height: 320px;
				width: 100%;
			}
}
/* -------------------------------
	glasses
------------------------------- */
#glink {
	background: #fff;
	padding: 25px 0 116px;
	text-align: center;
}
	#glink ul {
		list-style: none;
		letter-spacing: -.45em;
	}
		#glink ul li {
			display: inline-block;
			letter-spacing: 0;
			margin: 0 .5%;
			width: 32%;
			max-width: 201px;
		}
			#glink ul li a,#glink ul li a img {
				display: block;
			}
@media screen and (max-width: 768px) {
	#glink {
		padding: 5% 0 13%;
	}
		#glink ul li {
			display: block;
			margin: 2% auto;
			width: 70%;
			max-width: 250px;
		}
}
/* -------------------------------
	----frame
------------------------------- */
#Frame #mainv #mainText {
	top: 168px;
}
	#Frame #mainv #mainText p {
		width: 494px;
	}
#Frame #brands {
	background: #fff;
	padding: 40px 0;
}
	#Frame #brands ul,#Sunglasses .brands ul,#WaJ #Watch ul {
		color: #060604;
		list-style: none;
	}
		#Frame #brands ul li,#Sunglasses .brands ul li,#WaJ #Watch ul li {
			float: left;
			margin: 0 2.05% 2% 0;
			max-width: 240px;
			width: 23.4%;
		}
			#Frame #brands ul li a,#Sunglasses .brands ul li a,#WaJ #Watch ul li a {
				display: block;
				border: 1px solid #cacaca;
			}
				#Frame #brands ul li a img,#Sunglasses .brands ul li a img,#WaJ #Watch ul li a img {
					display: block;
				}
			#Frame #brands ul li p,#Sunglasses .brands ul li p,#WaJ #Watch ul li p {
				font-size: 12px;
				letter-spacing: .05em;
				line-height: 1.4;
				margin: .3em 0 0;
			}
				#Frame #brands ul li p span,#Sunglasses .brands ul li p span,#WaJ #Watch ul li p span {
					display: inline-block;
				}
@media screen and (min-width: 769px) {
	#Frame #brands ul li:nth-child(4n),#Sunglasses .brands ul li:nth-child(4n),#WaJ #Watch ul li:nth-child(4n) {
		margin-right: 0;
	}
	#Frame #brands ul li:nth-child(4n+1),#Sunglasses .brands ul li:nth-child(4n+1),#WaJ #Watch ul li:nth-child(4n+1) {
		clear: both;
	}
}
@media screen and (max-width: 768px) {
	#Frame #brands {
		padding: 0;
	}
		#Frame #brands ul li,#Sunglasses .brands ul li,#WaJ #Watch ul li {
			width: 49%;
			max-width: none;
			margin: 0 2% 4% 0;
		}
			#Frame #brands ul li:nth-child(even),#Sunglasses .brands ul li:nth-child(even),#WaJ #Watch ul li:nth-child(even) {
				margin-right: 0;
			}
			#Frame #brands ul li:nth-child(2n+1),#Sunglasses .brands ul li:nth-child(2n+1),#WaJ #Watch ul li:nth-child(2n+1) {
				clear: both;
			}
			#Frame #brands ul li p,#Sunglasses .brands ul li p,#WaJ #Watch ul li p {
				font-size: 10px;
			}
}
/* -------------------------------
	----lens
------------------------------- */
#Lens #mainv #mainText {
	top: 160px;
}
	#Lens #mainv #mainText p {
		width: 583px;
	}
#Lens #contents {
	background: #fff;
	padding: 48px 0 40px;
}
#Lens #contents h2 {
	margin: 0 auto;
	width: 70%;
	max-width: 356px;
}
	#Lens #contents #pLink {
		letter-spacing: -.45em;
		list-style: none;
		margin: 30px auto 48px; 
		text-align: center;
	}
		#Lens #contents #pLink a {
			display: inline-block;
			letter-spacing: 0;
			margin: 0 .5%;
			width: 23.5%;
		}
			#Lens #contents #pLink a img {
				display: block;
			}
	#Lens #contents #type,#Lens #contents #coating {
		background: #f9f9f9;
		padding: 38px 0 45px;
	}
	#Lens #contents #appearance {
		padding: 42px 0 37px;
	}
	#Lens #contents #dpL {
		padding: 46px 0 0;
	}
		#Lens #contents h3 {
			border-left: 3px solid #003d0f;
			box-sizing: border-box;
			color: #003d0f;
			font-size: 18px;
			padding: 0 0 0 .5em;
		}
		#Lens #contents p.inner {
			color: #505151;
			line-height: 1.2;
			margin: 10px auto 0;
		}
		#Lens #contents ul {
			list-style: none;
			margin: 20px auto 0;
		}
			#Lens #contents ul li {
				margin: 10px auto 0;
			}
				#Lens #contents ul li img {
					border: 1px solid #aaaaaa;
					box-sizing: border-box;
					display: block;
				}
				#Lens #contents ul li h4 {
					color: #003d0f;
					font-size: 16px;
					line-height: 1.3;
					margin: 0 0 12px;
				}
				#Lens #contents #dpL ul li h4 {
					color: #686868;
					font-size: 14px;
					font-weight: normal;
					line-height: 1;
					margin: 0;
					padding: 0 0 0 1em;
					position: relative;
				}
					#Lens #contents #dpL ul li h4::before {
						content: "";
						background: #686868;
						border-radius: 50%;
						margin: -.45em 0 0;
						position: absolute;
						top: 50%;
						left: 0;
						height: .9em;
						width: .9em;
					}
				#Lens #contents ul li p,#Lens #contents ul li dl {
					color: #686868;
					font-size: 14px;
					line-height: 1.5;
					letter-spacing: .1em;
				}
				#Lens #contents #dpL ul li p {
					margin: .2em 0 1.5em;
				}
					#Lens #contents ul li dl dt {
						clear: both;
						float: left;
					}
						#Lens #contents ul li dl dt::after {
							content: "\FF0F";
						}
@media screen and (min-width: 769px) {
	#Lens #contents ul li img {
		float: left;
	}
	#Lens #contents #type ul li img,#Lens #contents #coating ul li img {
		width: 32.5%;
	}
	#Lens #contents #appearance ul li img {
		width: 40.3%;
	}
	#Lens #contents #dpL ul li img {
		width: 23.1%;
	}
	#Lens #contents ul li .txt {
		float: right;
	}
	#Lens #contents #type ul li .txt,#Lens #contents #coating ul li .txt {
		width: 65.5%;
	}
	#Lens #contents #appearance ul li .txt {
		width: 57.7%;
	}
	#Lens #contents #dpL ul li .txt {
		width: 74.9%;
	}
}
@media screen and (max-width: 768px) {
	#Lens #contents {
		padding: 0 0 1px;
	}
	#Lens #contents #pLink {
		margin: 5% auto 10%;
	}
		#Lens #contents #pLink a {
			margin: 2% auto;
			display: block;
			width: 80%;
		}
	#Lens #contents #type, #Lens #contents #coating,#Lens #contents #appearance {
		padding: 10% 0;
	}
	#Lens #contents #dpL {
		padding: 10% 0 0;
	}
		#Lens #contents ul {
			margin: 7% auto 0;
		}
			#Lens #contents ul li {
				margin: 6% auto 0;
			}
				#Lens #contents ul li h4 {
					margin: 2% auto 1%;
				}
				#Lens #contents #dpL ul li img {
					margin: 0 auto 5%;
					width: 80%;
				}
}
/* -------------------------------
	----sunglasses
------------------------------- */
#Sunglasses #mainv #mainText {
	top: 165px;
}
	#Sunglasses  #mainv #mainText p {
		width: 485px;
	}
#Sunglasses .brands {
	background: #fff;
	padding: 50px 0 0;
}
	#Sunglasses .brands h2 {
		margin: 0 auto 48px;
		width: 60%;
		max-width: 284px;
	}
		#Sunglasses .brands h2 img {
			display: block;
		}
@media screen and (min-width: 769px) {
	#Sunglasses #glink {
		padding: 50px 0 116px;
	}
}
@media screen and (max-width: 768px) {
	#Sunglasses .brands {
		padding: 0 0 8%;
	}
	#Sunglasses .brands h2 {
		margin: 0 auto 7%;
	}
}
/* -------------------------------
	hearingaid
------------------------------- */
#Hearingaid #mainv #mainText {
	top: 178px;
}
	#Hearingaid #mainv #mainText p {
		width: 375px;
	}
#Hearingaid h2 {
	margin: 0 auto;
	max-width: 312px;
	width: 65%;
}
#Hearingaid #check {
	background: #fff;
	padding: 49px 0 53px;
}
#Hearingaid #check .colum1 {
	background: #f1f1f1;
	box-sizing: border-box;
	margin: 42px auto 0;
	padding: 0 4px;
}
	#Hearingaid #check .colum1 h3 {
		color: #004010;
		font-size: 24px;
		font-weight: normal;
		letter-spacing: .1em;
		line-height: 1.2;
		padding: 2% 3%;
		text-align: center;
	}
		#Hearingaid #check .colum1 h3 span {
			margin: 0 0 0 .6em;
		}
	#Hearingaid #check .colum1 section {
		float: left;
		letter-spacing: .05em;
		margin: 0 .5% 10px;
		width: 49%;
	}
		#Hearingaid #check .colum1 section h4 {
			border-top: 5px solid #101010;
			background: #e7e7e7;
			color: #222222;
			font-size: 24px;
			font-weight: normal;
			padding: 4.7% 3%;
			text-align: center;
		}
		#Hearingaid #check .colum1 section ul {
			background: #fff;
			color: #222;
			font-size: 16px;
			line-height: 1.2;
			list-style: none;
			padding: 6px 0 0;
		}
			#Hearingaid #check .colum1 section ul li {
				background: url(../images/hearingaid/check.png) top 10px left 16px no-repeat;
				background-size: 17px;
				border-bottom: 1px dotted #000;
				padding: 10px 16px 10px 49px;
			}
#Hearingaid #check .colum2 {
	border-top: 5px solid #002b0b;
	margin: 19px auto 0;
}
	#Hearingaid #check .colum2 h3 {
		background: #004010;
		padding: 2% 6%;
	}
		#Hearingaid #check .colum2 h3 img {
			display: block;
			margin: 0 auto;
			max-width: 708px;
		}
		#Hearingaid #check .colum2 p {
			border-bottom: 1px dotted #000;
			color: #333333;
			font-size: 16px;
			letter-spacing: .05em;
			line-height: 1.3;
			padding: 1%;
		}
		#Hearingaid #check .colum2 p.sub {
			color: #004010;
			font-size: 20px;
			padding: 2% 1% 1.5%;
		}
#Hearingaid #root {
	background: #f9f9f9;
	padding: 53px 0 121px;
}
	#Hearingaid #root ol {
		list-style: none;
		margin: 15px auto 43px;
	}
		#Hearingaid #root ol li {
			border-bottom: 1px dotted #000;
			padding: 20px 0 16px;
		}
		#Hearingaid #root ol li:last-child {
			border: none;
		}
			#Hearingaid #root ol li h3 {
				color: #004010;
				display: table;
				font-size: 20px;
				letter-spacing: .05em;
				width: 100%;
			}
				#Hearingaid #root ol li h3 img {
					display: table-cell;
					padding: 0 14px 0 0;
					width: 55px;
					vertical-align: middle;
				}
				#Hearingaid #root ol li h3 span {
					display: table-cell;
					vertical-align: middle;
					width: 100%;
				}
			#Hearingaid #root ol li p {
				color: #3c3c3c;
				margin: 6px 3px 0;
			}
	#Hearingaid #root a {
		/*background: #231815;*/
		display: block;
		margin: 0 auto;
		/*max-width: 364px;*/
		/*width: 88%;*/
	}
		#Hearingaid #root a img {
			display: block;
		}
@media screen and (min-width: 769px) {
	#Hearingaid #check h2 {
		max-width: 602px;
		width: 100%;
	}
	#Hearingaid #root a {
		padding: 0 20px;
	}
}
@media screen and (max-width: 768px) {
	#Hearingaid #check {
		padding: 1% 0 10%;
	}
		#Hearingaid #check .colum1 {
			margin: 3% auto 0;
			padding: 0 3% 3%;
			width: 100%;
		}
			#Hearingaid #check .colum1 h3 {
				font-size: 15px;
				padding: 5% 3% 0;
			}
				#Hearingaid #check .colum1 h3 span {
					color: #393939;
					display: block;
					margin: .3em auto 0;
				}
			#Hearingaid #check .colum1 section {
				float: none;
				margin: 5% auto 0;
				width: 100%;
			}
				#Hearingaid #check .colum1 section h4 {
					font-size: 15px;
				}
				#Hearingaid #check .colum1 section ul {
					font-size: 14px;
				}
		#Hearingaid #check .colum2 {
			margin: 3% auto 0;
		}
			#Hearingaid #check .colum2 p {
				font-size: 14px;
			}
			#Hearingaid #check .colum2 p.sub {
				font-size: 15px;
				border: none;
				padding: 2.5% 1%;
				text-align: center;
			}
	#Hearingaid #root {
		padding: 10% 0 15%;
	}
		#Hearingaid #root ol {
			margin: 3% auto;
		}
			#Hearingaid #root ol li {
				padding: 3% 0;
			}
				#Hearingaid #root ol li h3 {
					font-size: 18px;
				}
					#Hearingaid #root ol li h3 img {
						width: 41.5px;
					}
}
/* -------------------------------
	watch and jewelry
------------------------------- */
#WaJ #mainv #mainText {
	top: 205px;
}
	#WaJ #mainv #mainText p {
		width: 275px;
	}
#WaJ h2 {
	margin: 0 auto;
	width: 90%;
	max-width: 436px;
}
#WaJ #Watch {
	background: #fff;
	padding: 50px 0 30px;
}
	#WaJ #Watch ul {
		margin: 34px auto 0;
	}
#WaJ #Jewelry {
	background: #f9f9f9;
	padding: 56px 0 104px;
}
	#WaJ #Jewelry img {
		display: block;
		margin: 0 auto;
	}
	#WaJ #Jewelry .pattern1 {
		background: #eaf7ee;
		margin: 31px auto 25px;
		padding: 20px 0;
		text-align: center;
	}
		#WaJ #Jewelry .pattern1 p {
			color: #231815;
			font-size: 16px;
			line-height: 1.44;
		}
		#WaJ #Jewelry .pattern1 img {
			max-width: 182px;
		}
		#WaJ #Jewelry .pattern1 .base {
			border-bottom: 2px solid #004010;
			margin: 0 auto 49px;
			padding: 0 0 51px;
			position: relative;
			width: 63%;
			max-width: 518px;
		}
			#WaJ #Jewelry .pattern1 .base p {
				margin: 0 auto 15px;
			}
			#WaJ #Jewelry .pattern1 .base img {
				width: 60%;
			}
			#WaJ #Jewelry .pattern1 .base::after {
				content: "";
				background: url(../images/w-j/arow-l.png) top left no-repeat,url(../images/w-j/arow-c.png) top center no-repeat,url(../images/w-j/arow-r.png) top right no-repeat;
				height: 54px;
				position: absolute;
				bottom: -28px;
				right: 0;
				left: 0;
			}
		#WaJ #Jewelry .pattern1 .left,#WaJ #Jewelry .pattern1 .right {
			display: inline-block;
			margin: 0 1%;
			width: 47%;
			vertical-align: top;
		}
			#WaJ #Jewelry .pattern1 .left img,#WaJ #Jewelry .pattern1 .right img {
				width: 80%;
			}
			#WaJ #Jewelry .pattern1 .left p,#WaJ #Jewelry .pattern1 .right p {
				margin: 20px auto 0;
			}
	#WaJ #Jewelry .pattern2 {
		list-style: none;
	}
		#WaJ #Jewelry .pattern2 li h3 {
				background: #004010;
				color: #fff;
				font-size: 16px;
				line-height: 1.3;
				margin: 0 auto 7px;
				padding: .5em .7em;
			}
		#WaJ #Jewelry .pattern2 li p {
				color: #231815;
				font-size: 14px;
				line-height: 1.44;
				margin: 10px 4% 5px;
			}
@media screen and (min-width: 769px) {
	#WaJ #Jewelry .pattern2 {
		display: table;
	}
		#WaJ #Jewelry .pattern2 li {
			background: #eaf7ee;
			border-right: 13px solid #f9f9f9;
			border-left: 13px solid #f9f9f9;
			display: table-cell;
			padding: 10px;
		}
			#WaJ #Jewelry .pattern2 li:first-child {
				border-left: none;
			}
			#WaJ #Jewelry .pattern2 li:last-child {
				border-right: none;
			}
}
@media screen and (max-width: 768px) {
	#WaJ #Watch {
		padding: 3% 0 10%;
	}
		#WaJ #Watch ul {
			margin: 6% auto 0;
		}
	#WaJ #Jewelry {
		padding: 10% 0 13%;
	}
		#WaJ #Jewelry .pattern1 {
			margin: 6% auto 0;
		}
			#WaJ #Jewelry .pattern1 p,#WaJ #Jewelry .pattern2 li p {
				font-size: 12px;
			}
		#WaJ #Jewelry .pattern2 {
			background: #eaf7ee;
			display: block;
			letter-spacing: -.45em;
			position: relative;
		}
			#WaJ #Jewelry .pattern2::after {
				content: "";
				background: #f9f9f9;
				width: 3%;
				margin: auto;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
			#WaJ #Jewelry .pattern2 li {
				border-top: 2.5vw solid #f9f9f9;
				box-sizing: border-box;
				display: inline-block;
				letter-spacing: 0;
				padding: 2%;
				width: 48.5%;
				vertical-align: top;
			}
				#WaJ #Jewelry .pattern2 li:nth-child(odd) {
					margin: 0 1.5% 0 0;
				}
				#WaJ #Jewelry .pattern2 li:nth-child(even) {
					margin: 0 0 0 1.5%;
				}
				#WaJ #Jewelry .pattern2 li h3 {
					font-size: 14px;
				}
}
/* -------------------------------
	shop
------------------------------- */
#Shop #mainv #mainText {
	top: 190px;
}
	#Shop #mainv #mainText p {
		width: 510px;
	}

#Shop h2 {
	margin: 0 0 2%;
}
#Shop dl {
	margin: 0;
}
#Shop img {
	display: block;
}
#Shop iframe {
	margin: 2px auto 0;
}
#Shop .pict {
	margin: 20px auto 0;
}
	#Shop .main {
		float: left;
		width: 61.5%;
	}
	#Shop .thumb {
		float: right;
		width: 38.5%;
	}
		#Shop .thumb ul {
			box-sizing: border-box;
			list-style: none;
			padding: 0 0 0 1%;
		}
			#Shop .thumb ul li {
				float: left;
				margin: 0 0 2% 2%;
				width: 31%;
			}
#Shop #shop1 {
	background: #fff;
	padding: 65px 0 31px;
}
	#Shop #shop1 dl dt,#Shop #shop1 dl dd {
		border-color: #fff;
	}
#Shop #shop2 {
	background: #f9f9f9;
	padding: 40px 0 138px;
}
	#Shop #shop2 dl dt,#Shop #shop2 dl dd {
		border-color: #f9f9f9;
	}
@media screen and (max-width: 768px) {
	#Shop h2 {
		margin: 0 0 5%;
	}
	#Shop .pict {
		margin: 5% auto 0;
	}
		#Shop .main,#Shop .thumb {
			float: none;
			width: 100%;
		}
		#Shop .thumb {
			margin: 2% auto 0;
		}
			#Shop .thumb ul {
				padding: 0;
			}
				#Shop .thumb ul li {
					margin: 0  2% 2% 0;
					width: 18.4%;
				}
				#Shop .thumb ul li:nth-child(5n) {
					margin: 0 0 2%;
				}
	#Shop #shop1 {
		padding: 1% 0 8%;
	}
	#Shop #shop2 {
		padding: 10% 0 13%;
	}
}