@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 {
	width: 100%;
	height: auto;
}
.inner {
	margin: 0 auto;
	position: relative;
	max-width: 1024px;
	width: 94%;
}
@media screen and (max-width: 768px),
	print {
	.sp_none_img,.br_pc {
		display: none;
	}
	.pc_none_img,.br_sp {
		display: inline;
	}
}
.clearfix::after,#Lens ul li::after,#Frame #brands ul li::after {
	content:"";
    display:block;
    clear:both;
}
/* -------------------------------
	header
------------------------------- */
header {
	background: #fff;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	position: relative;
	z-index: 9000;
}
	#hTop {
		background: #4774b9;
		color: #fff;
		padding: 1px 0;
	}
		#hTop p {
			font-size: 11px;
			letter-spacing: .05em;
			line-height: 1.3;
		}
	.headerIn {
		display: table;
		padding: 20px 0 63px;
	}
		.headerIn #logo {
			display: table-cell;
			width: 79px;
			vertical-align: middle;
		}
		.headerIn p {
			color: #4774b9;
			font-size: 18px;
			display: table-cell;
			line-height: 1.3;
			padding: 0 30px;
			width: auto;
			vertical-align: middle;
		}
			.headerIn p span {
				display: block;
				font-weight: bold;
				font-size: 1.2em;
			}
		.headerIn #contactH {
			display: table-cell;
			padding: 0 5px;
			width: 228px;
			vertical-align: middle;
		}
		.headerIn #fb {
			display: table-cell;
			padding: 0 5px;
			width: 53px;
			vertical-align: middle;
		}
@media screen and (min-width: 769px) ,
	print{
	#sp_menu {
		display: none;
	}
	#close {
		display: none;
	}
	nav {
		margin: 0 auto;
		width: 94%;
		max-width: 1026px;
		letter-spacing: -.3em;
		line-height: 0;
		position: absolute;
		right: 0;
		bottom: -11px;
		left: 0;
		vertical-align: top;
	}
		nav>a {
			display: inline-block;
			letter-spacing: 0;
			width: 16.6%;
		}
			nav>a img {
				display: block;
			}
		nav>div {
			display: inline-block;
			letter-spacing: 0;
			width: 16.6%;
			position: relative;
		}
			nav>div div {
				display: none;
				border-left: 1px solid #e8e8e8;
				border-right: 1px solid #e8e8e8;
				margin: 0 auto;
				position: absolute;
				top: 100%;
				right: 0;
				left: 0;
				z-index: -1;
			}
			nav>div div a {
				border-bottom: 1px solid #e8e8e8;
				display: block;
				padding: 8% 22px 8% 9px;
				position: relative;
			}
				nav>div div a::after {
					content: "";
					border: 3px solid transparent;
					border-left-color: #fff;
					margin: -3px 0 0;
					position: absolute;
					top: 50%;
					right: 7px;
				}
			.productSub a {
				background: #f5b5b6;
			}
				.productSub a:nth-child(even) {
					background: #ea9c9d;
				}
			.shopSub a {
				background: #c6dacb;
			}
				.shopSub a:nth-child(even) {
					background: #a8d0b2;
				}
			.eyesSub a {
				background: #c6dee8;
			}
			.cheafSub a {
				background: #e1e1a1;
			}
				.cheafSub a:nth-child(even) {
					background: #d2d28b;
				}
}
@media screen and (max-width: 768px),
	print {
	#hTop p {
		font-size: 10px;
	}
	.headerIn {
		padding: 3% 0;
	}
		.headerIn #logo {
			width: 13%;
			max-width: 79px;
		}
		.headerIn p {
			font-size: 3vw;
			line-height: 1.4;
			padding: 0 4%;
			width: auto;
		}
		.headerIn #contactH {
			padding: 0 1% 0 0;
			width: 11%;
			max-width: 53px;
		}
		.headerIn #fb {
			padding: 0 0 0 1%;
			width: 11%;
			max-width: 53px;
		}
	nav .spNone {
		display: none;
	}
	#sp_menu {
		display: block;
	}
		#sp_menu img {
			display: block;
		}
	.hidden {
		overflow: hidden;
		height: 100%;
	}
	nav {
		display: none;
		background: rgba(11,11,11,0.9);
		box-sizing: border-box;
		height: 100vh;
		width: 100vw;
		padding: 5vh 0 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
		nav a {
			display: inline-block;
			border: none;
			text-align: center;
			line-height: 6.5vh;
			width: 100%;
		}
			nav a img {
				max-width: 322px;
				width: 40%;
			}
		#close {
			line-height: 20vh;
			cursor: pointer;
			vertical-align: top;
		}
}
/* -------------------------------
	fp
------------------------------- */
#fp {
	padding: 64px 0 10px;
}
#banner {
	margin: 0 0 0 -.9%;
	width: 101.2%;
}
	#fp .slick-slide {
		margin: 0 .8%;
	}
	#banner a {
		border: 1px solid #e1e1e1;
		box-sizing: border-box;
		display: block;
	}
		#banner a img {
			display: block;
		}
	#banner button {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: none;
		appearance: none;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
		background-color: transparent;
	    outline: none;
	    padding: 0;
		text-indent: -9999px;
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 3%;
		z-index: 9000;
	}
		#banner button[aria-label^="Previous"] {
			background: url(../images/prev.png) left center;
			background-size: 100% auto;
			left: 0;
		}
		#banner button[aria-label^="Next"] {
			background: url(../images/next.png) right center;
			background-size: 100% auto;
			right: 0;
		}
#fpShop {
	color: #393939;
	margin: 50px auto 0;
	text-align: center;
}
	#fpShop img {
		display: block;
	}
	#fpShop h2 {
		margin: 0 auto;
		max-width: 310px;
		width: 70%;
	}
	#fpShop p {
		color: #696969;
		line-height: 1.5;
		margin: 20px auto 40px;
	}
	#fpShop div {
		letter-spacing: -.3em;
	}
		#fpShop div a {
			display: inline-block;
			margin: 0 2%;
			max-width: 394px;
			width: 46%;
		}
@media screen and (max-width: 768px),
	print {
	#fp {
		padding: 5% 0;
	}
	.slick-dots {
		margin: 3% auto 4%;
		text-align: center;
	}
	#banner .slick-dots li {
		display: inline-block;
		margin: 0 2px;
		width: 7px;
		height: 7px;
	}
		#banner .slick-dots li button {
			background: #a4a4a4;
			background: -moz-linear-gradient(top, #a4a4a4 1%, #838383 100%);
			background: -webkit-linear-gradient(top, #a4a4a4 1%,#838383 100%);
			background: linear-gradient(to bottom, #a4a4a4 1%,#838383 100%);
			border-radius: 50%;
			position: static;
			width: 7px;
			height: 7px;
		}
			#banner .slick-dots li.slick-active button {
				background: #4974b7;
				background: -moz-linear-gradient(top, #4974b7 2%, #3c5d91 100%);
				background: -webkit-linear-gradient(top, #4974b7 2%,#3c5d91 100%);
				background: linear-gradient(to bottom, #4974b7 2%,#3c5d91 100%); 
			}
	#fpShop {
		margin: 5% auto 0;
	}
		#fpShop p {
			margin: 4% auto 5%;
		}
		#fpShop div a {
			display: block;
			margin: 4% auto 0;
			width: 80%;
		}
}
/* -------------------------------
	footer
------------------------------- */
#toPT {
	margin: 0 auto 30px;
	height: 39px;
	position: relative;
}
	#toPT a {
		display: block;
		width: 39px;
		position: absolute;
		right: -37px;
	}
		#toPT a img {
			display: block;
		}
#fTop {
	background: #303030;
	padding: 28px 0 27px;
}
	#fTop .inner {
		display: table;
	}
		#fMenu {
			display: table-cell;
			width: 77.5%;
			vertical-align: middle;
		}
			#fMenu .pcRights {
				background: url(../images/border.png) right top no-repeat;
				float: left;
				padding: 18px 2% 36px 0;
				width: 24.6%;
			}
				#fMenu .pcRights a,#fMenu .pcLefts .colum>a {
					color: #a5a5a5;
					display: block;
					font-size: 14px;
					font-weight: bold;
					line-height: 1.3;
					margin: 10px 0 19px;
					padding: 0 0 0 20px;
					position: relative;
					text-decoration: none;
				}
					#fMenu .pcRights a::before,#fMenu .pcLefts .colum>a::before {
						content: url(../images/foot-link.png);
						position: absolute;
						top: 2px;
						left: 0;
					}
			#fMenu .pcLefts {
				float: left;
				padding: 18px 0 0;
				width: 67.4%;
			}
				#fMenu .pcLefts .colum {
					float: left;
					margin: 0 0 0 5%;
					max-width: 27%;
				}
					#fMenu .pcLefts .colum:nth-child(2) {
						max-width: 29%;
					}
					#fMenu .pcLefts .colum>a {
						margin: 10px 0 25px;
					}
						#fMenu .pcLefts .colum .Sub a {
							color: #7c7c7c;
							display: block;
							font-size: 12px;
							margin: 14px 0 7px;
							padding: 0 0 0 20px;
							position: relative;
							text-decoration: none;
						}
							#fMenu .pcLefts .colum .Sub a::before {
								content: "";
								border: 3px solid transparent;
								border-left-color: #7c7c7c;
								position: absolute;
								top: 2px;
								left: 6px;
							}
		#logoArea {
			display: table-cell;
			width: 22.5%;
			vertical-align: middle;
		}
			#logoArea .logo {
				display: block;
				margin: 0 0 20px;
			}
			#logoArea .fContact {
				display: block;
				float: left;
				width: 77%;
			}
			#logoArea .fFb {
				display: block;
				float: right;
				width: 20.3%;
			}
				#logoArea img {
					display: block;
				}
#fMiddle {
	background: #161616;
	color: #b6b6b6;
	padding: 10px 0;
}
	#fMiddle section {
		display: table;
		margin: 10px auto;
	}
		.sName {
			border: 1px solid;
			box-sizing: border-box;
			display: table-cell;
			font-size: 14px;
			letter-spacing: .1em;
			line-height: 1.3;
			text-align: center;
			padding: 2%;
			width: 30%;
			vertical-align: middle;
		}
		.detail {
			display: table-cell;
			padding: 0 1% 0 2%;
			vertical-align: middle;
			width: auto;
		}
			.detail .sPone {
				display: block;
				pointer-events: none;
				width: 59%;
			}
			.detail p {
				margin: 6px 0 3px;
				font-size: 12px;
				letter-spacing: .05em;
				line-height: 1.3;
			}
			.detail p.small {
				font-size: 10px;
				margin: 0;
			}
		.sMap {
			display: table-cell;
			width: 22%;
			vertical-align: middle;
		}
#fBottom {
	background: #000;
	color: #b6b6b6;
	padding: 20px 0;
}
	#fBottom .inner {
		display: table;
	}
		#fBottom a {
			color: #b6b6b6;
			display: table-cell;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: .05em;
			line-height: 1.3;
			padding: 0 3% 0 0;
			text-decoration: none;
			vertical-align: middle;
			width: 57%;
		}
		#fBottom p {
			display: table-cell;
			font-size: 10px;
			letter-spacing: .15em;
			line-height: 1.3;
			text-align: right;
			vertical-align: middle;
			width: 50%;
		}
@media screen and (max-width: 1120px),
		print {
	#toPT a {
		right: 0;
	}
}
@media screen and (min-width: 769px),
	print {
	#fMenuBtn {
		display: none;
	}
}
@media screen and (max-width: 768px),
	print {
	#toPT {
		margin: 0 auto 5%;
	}
	#fTop {
		padding: 0 0 5%;
	}
		#fTop .inner {
			display: block;
			width: 100%;
		}
			#fMenuBtn {
				background: url(../images/foot-close.png) right 3% center no-repeat;
				background-size: 25px;
				border-bottom: 1px solid #5b5b5b;
				display: block;
				padding: 16px 3% 10px;
				text-align: center;
			}
				#fMenuBtn.open {
					background: url(../images/foot-open.png) right 3% center no-repeat;
					background-size: 25px;
				}
				#fMenuBtn img {
					max-width: 68px;
				}
			#fMenu {
				display: none;
				width: 100%;
			}
				#fMenu .pcRights,#fMenu .pcLefts {
					background: none;
					float: none;
					padding: 0;
					width: 100%;
					text-align: center;
				}
					#fMenu .pcLefts .colum,#fMenu .pcLefts .colum:nth-child(2) {
						float: none;
						max-width: 100%;
						margin: 0;
					}
						#fMenu .pcRights a, #fMenu .pcLefts .colum>a,#fMenu .pcLefts .colum .Sub a {
							border-bottom: 1px solid #5b5b5b;
							font-size: 12px;
							margin: 0;
							padding: 1em 3%;
						}
						#fMenu .pcLefts .colum .Sub a {
							color: #a5a5a5;
							background: #474747;
							font-weight: bold;
						}
							#fMenu .pcRights a::before, #fMenu .pcLefts .colum>a::before,#fMenu .pcLefts .colum .Sub a::before {
								content: none;
							}
		#logoArea {
			display: block;
			float: none;
			margin: 5% auto 0;
			width: 50%;
			max-width: 294px;
			text-align: center;
			letter-spacing: -.3em;
		}
			#logoArea .logo {
				letter-spacing: 0;
				margin: 0 0 7%;
			}
	#fMiddle {
		padding: 1px 0;
	}
		#fMiddle section {
			display: block;
			margin: 5% auto;
			width: 75%;
		}
			.sName {
				display: block;
				width: 100%;
			}
			.detail {
				display: block;
				margin: 5% auto ;
				padding: 0;
				width: 100%;
			}
				.detail .sPone {
					pointer-events: all;
					width: 100%;
				}
					.detail .sPone img {
						display: block;
					}
				.detail p {
					margin: 4% auto 0;
				}
			.sMap {
				display: block;
				margin: 0 auto;
				width: 55%;
				max-width: 227px;
			}
	#fBottom {
		padding: 5% 0;
	}
		#fBottom .inner {
			display: block;
			text-align: center;
		}
			#fBottom a {
				display: inline-block;
				width: 75%;
			}
			#fBottom p {
				display: block;
				margin: 2% auto 0;
				text-align: center;
				width: 75%;
			}
}
@media (min-resolution: 2dppx) {
	#fMenuBtn {border-bottom: 1px solid #5b5b5b;}
	#fMenu .pcRights a, #fMenu .pcLefts .colum>a,#fMenu .pcLefts .colum .Sub a {border-bottom: 1px solid #5b5b5b;}
}
/* -------------------------------
	top
------------------------------- */
#top .bx-wrapper .bx-controls-direction {
	max-width: none;
	position: static;
}
	#top .bx-wrapper .bx-controls-direction a {
		z-index: 100;
	}
	#top .bx-wrapper .bx-prev {
		background: url(../images/prev.png) left center no-repeat;
		left: 30px;
	}
	#top .bx-wrapper .bx-next {
		background: url(../images/next.png) right center no-repeat;
		right: 30px;
	}
#top .bx-wrapper .bx-pager {
	padding: 0;
	position: relative;
	bottom: 34px;
	z-index: 100;
}
	#top .bx-wrapper .bx-pager.bx-default-pager a {
		background: #a4a4a4;
		background: -moz-linear-gradient(top, #a4a4a4 1%, #838383 100%);
		background: -webkit-linear-gradient(top, #a4a4a4 1%,#838383 100%);
		background: linear-gradient(to bottom, #a4a4a4 1%,#838383 100%);
		width: 13px;
		height: 13px;
		margin: 0 5px;
	}
		#top .bx-wrapper .bx-pager.bx-default-pager a.active {
			background: #4974b7;
			background: -moz-linear-gradient(top, #4974b7 2%, #3c5d91 100%);
			background: -webkit-linear-gradient(top, #4974b7 2%,#3c5d91 100%);
			background: linear-gradient(to bottom, #4974b7 2%,#3c5d91 100%); 
		}
#top img {
	display: block;
}
#top h2 {
	margin: 0 auto;
	max-width: 310px;
	width: 70%;
}
#top #movie {
	padding: 65px 0 20px;
}
	#top #movie ul {
		margin: 54px auto 0;
		list-style: none;
	}
		#top #movie ul li {
			float: left;
			margin: 0 4.1% 0 0;
			width: 30.6%;
		}
			#top #movie ul li h3 {
				width: 100%;
				max-width: 166px;
			}
			#top #movie ul li div {
				background: #000;
				margin: 14px auto;
				position: relative;
				padding: 56.25% 0 0;
				width: 100%;
			}
				#top #movie ul li div iframe {
					position: absolute;
					top: 0;
					right: 0;
					width: 100%;
					height: 100%;
				}
			#top #movie ul li p {
				line-height: 1.5;
			}
#top #hours {
	background: url(../images/bg1.png) 0 0 repeat;
	padding: 24px 0 23px;
}
	#top #hours section {
		display: table;
		margin: 0 auto 10px;
		width: 100%;
	}
		#top #hours section h2 {
			background: #4774b9;
			color: #fff;
			display: table-cell;
			font-size: 14px;
			font-weight: normal;
			line-height: 1.3;
			padding: 1% 2%;
			text-align: center;
			width: 24%;
			max-width: none;
			vertical-align: middle;
		}
		#top #hours section p {
			color: #393939;
			display: table-cell;
			font-size: 14px;
			letter-spacing: .07em;
			padding: 0 0 0 3%;
			vertical-align: middle;
		}
			#top #hours section p span {
				color: #e02f2f;
			}
			#top #hours section p .big {
				font-size: 20px;
			}
			#top #hours section p .bold {
				font-weight: bold;
			}
			#top #hours section p a {
				color: #e02f2f;
				text-decoration: none;
			}
	#top #hours .atenttion {
		color: #e02f2f;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: .05em;
	}
		#top #hours .atenttion span {
			border-bottom: 1px solid;
		}
#top #product {
	background: url(../images/bg2.png) 0 0 repeat;
	padding: 57px 0 98px;
}
	#top #product ul {
		list-style: none;
		margin: 59px auto 0;
	}
		#top #product ul li {
			background: #fff;
			box-sizing: border-box;
			float: left;
			margin: 0 1% 0 0;
			padding: 10px;
			width: 24.25%;
		}
			#top #product ul li h3 {
				margin: 23px auto 10px;
				width: 94%;
				max-width: 124px;
			}
			#top #product ul li p {
				color: #231815;
				line-height: 1.4;
				padding: 0 5px;
			}
			#top #product ul li a {
				display: block;
				margin: 18px auto 15px;
				max-width: 124px;
				width: 94%;
			}
#top #eyes {
	background: url(../images/bg3.png) 0 0 repeat;
	padding: 77px 0 37px;
}
	#top #eyes ul {
		list-style: none;
		margin: 56px auto 0;
	}
		#top #eyes ul li {
			margin: 0 2% 0 0;
			float: left;
			width: 32%;
		}
			#top #eyes ul li h3 {
				margin: 27px 0 15px;
				max-width: 294px;
				width: 100%;
			}
			#top #eyes ul li p {
				color: #231815;
				line-height: 1.5;
			}
			#top #eyes ul li a {
				display: block;
				margin: 20px auto 0;
				max-width: 124px;
				width: 94%;
			}
	#top #eyes .price {
		border: 2px solid #4774b9;
		margin: 40px auto 0;
		padding: 40px 0 28px;
	}
		#top #eyes .price p {
			margin: 0 auto 23px;
			max-width: 676px;
			width: 80%;
		}
		#top #eyes .price ul {
			letter-spacing: -.3em;
			margin: 0 auto;
			text-align: center;
		}
			#top #eyes .price ul li {
				display: inline-block;
				float: none;
				margin: 0 1%;
				width: 48%;
				max-width: 258px;
			}
				#top #eyes .price ul li a {
					width: 100%;
					max-width: none;
				}
#top #cheaf {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 70px 0 75px;
}
	#top #cheaf #message {
		background: #fff;
		box-sizing: border-box;
		margin: 71px auto 30px;
		position: relative;
		padding: 50px 2% 47px 356px;
	}
		#top #cheaf #message h3 {
			color: #393939;
			font-size: 16px;
			margin: 0 0 1em;
		}
			#top #cheaf #message h3 span {
				color: #ababab;
				font-size: 12px;
				font-weight: normal;
				margin: 0 0 0 .5em;
			}
		#top #cheaf #message p {
			color: #787777;
			letter-spacing: .1em;
			line-height: 1.6;
		}
		#top #cheaf #message .pict {
			position: absolute;
			bottom: 0;
			left: 19px;
			width: 324px;
		}
		#top #cheaf #message ul {
			list-style: none;
			margin: 23px 0 0;
		}
			#top #cheaf #message ul li {
				float: left;
				margin: 10px 1% 0 0;
				max-width: 258px;
				width: 49.5%;
			}
	#top #cheaf #blog h3 {
		background: url(../images/top/cheaf-blog-icon.png) left center no-repeat;
		padding: 8px 0 8px 60px;
	}
		#top #cheaf #blog h3 img {
			max-width: 558px;
		}
	#top #cheaf #blog ul {
		margin: -3px auto 0;
		list-style: none;
	}
		#top #cheaf #blog ul li {
			border-bottom: 1px dotted #000;
			padding: 15px 0;
		}
			#top #cheaf #blog ul li a {
				color: #231815;
				text-decoration: none;
			}
				#top #cheaf #blog ul li time {
					display: inline-block;
					font-size: 12px;
					line-height: 1.5;
					letter-spacing: .15em;
				}
				#top #cheaf #blog ul li p {
					margin: 0 0 0 1em;
					display: inline-block;
					font-size: 14px;
					font-weight: normal;
					letter-spacing: .05em;
					line-height: 1.3;
				}
	#top #cheaf #blog .links {
		letter-spacing: -.3em;
		margin: 44px auto 0;
		text-align: center;
	}
		#top #cheaf #blog .links a {
			display: inline-block;
			margin: 0 .5%;
			width: 49%;
			max-width: 298px;
		}
@media screen and (min-width: 1025px),
	print {
	#top #mainv {
	position: relative;
	height: 585px;
}
	#top #mainv div {
		position: absolute;
		left: 50%;
		margin: 0 0 0 -1000px;
		width: 2000px !important;
		height: 585px;
	}
		#top #mainv a {
			display: block;
		}
			#top #mainv img {
				width: auto;
				max-width: none;
				height: 585px;
			}
}
@media screen and (max-width: 966px) and (min-width: 819px),
	print {
	#top #product ul li p {
		min-height: 95px;
	}
}
@media screen and (max-width: 818px) and (min-width: 769px),
	print {
	#top #product ul li p {
		min-height: 114px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 769px),
	print {
	#top #mainv {
	position: relative;
	height: 300px;
}
	#top #mainv div {
		position: absolute;
		left: 50%;
		margin: 0 0 0 -684px;
		width: 1368px !important;
		height: 400px;
	}
		#top #mainv a {
			display: block;
		}
			#top #mainv img {
				width: auto;
				max-width: none;
				height: 400px;
			}
}
@media screen and (min-width: 769px),
	print {
	#top #movie ul li:last-child,#top #product ul li:last-child,#top #eyes ul li:last-child {
		margin: 0;
	}
	#top #cheaf #message ul li:nth-child(even) {
		margin: 10px 0 0;
	}
	#top #hours section p a {
		pointer-events: none;
	}
}
@media screen and (max-width: 768px),
	print {
	#top .bx-wrapper .bx-pager {
		bottom: 17px;
	}
		#top .bx-wrapper .bx-pager.bx-default-pager a {
			margin: 0 3px;
			width: 7px;
			height: 7px;
		}
	#top .bx-wrapper .bx-prev,#top .bx-wrapper .bx-next {
		display: block;
		background-size: 50% auto
	}
		#top .bx-wrapper .bx-prev {
			left: 3%;
		}
		#top .bx-wrapper .bx-next {
			right: 3%;
		}
	#top #movie {
		padding: 6% 0;
	}
		#top #movie ul {
			margin: 8% auto 0;
		}
			#top #movie ul li {
				float: none;
				width: 100%;
				margin: 5% auto 0;
			}
				#top #movie ul li h3 {
					max-width: 250px;
				}
				#top #movie ul li div {
					margin: 3% auto 2%;
				}
	#top #hours {
		padding: 6% 0;
	}
		#top #hours section {
			display: block;
			margin: 0 auto 4%;
		}
			#top #hours section h2 {
				display: block;
				font-size: 16px;
				padding: 3%;
				width: 94%;
			}
			#top #hours section p {
				display: block;
				padding: 3% 5%;
			}
		#top #hours .atenttion {
			font-size: 16px;
		}
	#top #product {
		padding: 6% 0;
	}
		#top #product ul {
			margin: 5% auto 0;
		}
			#top #product ul li {
				margin: 5% auto 0;
				float: none;
				padding: 5%;
				width: 100%;
			}
				#top #product ul li h3 {
					margin: 4% 0 2%;
					max-width: 200px;
				}
				#top #product ul li p {
					padding: 0;
				}
				#top #product ul li a {
					margin: 6% auto 2%;
					max-width: 200px;
					width: 50%;
				}
	#top #eyes {
		padding: 6% 0;
	}
		#top #eyes ul {
			margin: 5% auto 0;
		}
			#top #eyes ul li {
				margin: 5% auto 0;
				float: none;
				width: 100%;
			}
				#top #eyes ul li h3 {
					margin: 4% 0 2%;
					max-width: 256px;
				}
				#top #eyes ul li a {
					margin: 4% auto 7%;
					max-width: 200px;
					width: 45%;
				}
		#top #eyes .price {
			margin: 5% auto 0;
			padding: 5% 0;
		}
			#top #eyes .price ul li {
				display: block;
				margin: 3% auto 0;
				width: 75%;
			}
				#top #eyes .price ul li a {
					margin: 0;
				}
	#top #cheaf {
		padding: 6% 0;
	}
		#top #cheaf #message {
			margin: 7% auto 5%;
			padding: 8% 3% 5%;
		}
			#top #cheaf #message h3 {
				margin: 0 0 3% 30%;
			}
			#top #cheaf #message p {
				margin: 0 0 0 30%;
			}
			#top #cheaf #message .pict {
				bottom: 60%;
				left: -10%;
				width: 38%;
			}
			#top #cheaf #message ul {
				margin: 5% auto 0;
			}
			#top #cheaf #message ul li {
				float: none;
				margin: 3% auto 0;
				max-width: 258px;
				width: 75%;
			}
		#top #cheaf #blog h3 {
			background-size: auto 100%;
			padding: 2% 0 .5% 10%;
		}
			#top #cheaf #blog ul li {
				padding: 3% 0;
			}
			#top #cheaf #blog ul li time {
				display: block;
			}
			#top #cheaf #blog ul li p {
				display: block;
				margin: 2% auto 0;
			}
		#top #cheaf #blog .links {
			margin: 5% auto 0;
		}
			#top #cheaf #blog .links a {
				display: block;
				margin: 3% auto 0;
				max-width: 380px;
				width: 80%;
			}
}
@media (min-resolution: 2dppx) {
	#banner a {border: 2px solid #e1e1e1;border-bottom: 2.5px solid #e1e1e1;}
}
/* -------------------------------
	common
------------------------------- */
#bc {
	color: #616161;
	font-size: 11px;
	letter-spacing: -.3em;
	list-style: none;
	margin: 0 auto;
	padding: 20px 0 0;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 10;
}
	#bc li {
		display: inline-block;
		letter-spacing: 0;
		padding: 0 2em 0 0;
		position: relative;
	}
	#bc li:last-child {
		padding: 0;
	}
		#bc li::after {
			content: "";
			border: 3px solid transparent;
			border-left-color: #616161;
			margin: -3px 0 0;
			position: absolute;
			top: 50%;
			right: .5em;
		}
		#bc li:last-child::after {
			content: none;
		}
			#bc li a {
				color: #616161;
				text-decoration: none;
			}
@media screen and (max-width: 768px),
	print {
	#bc {
		display: none;
	}
}
#mainv.contents {
	overflow: hidden;
	position: relative;
}
	#mainv.contents h1 {
		margin: 0 auto;
		max-width: 1024px;
		width: 94%;
	}
		#mainv.contents h1 img {
			display: block;
			width: auto;
		}
	#mainv.contents .dc {
		margin: 0 auto;
		position: absolute;
		right: 0;
		left: 0;
		max-width: 1024px;
		width: 94%;
	}
		#mainv.contents .dc p {
			color: #545454;
			font-size: 13px;
			letter-spacing: .03em;
			line-height: 1.75;
			width: 100%;
		}
@media screen and (max-width: 768px),
	print {
	#mainv.contents {
		background: none !important;
	}
	#mainv.contents h1 {
		width: 100%;
	}
		#mainv.contents h1 img {
			width: 100%;
		}
	#mainv.contents .dc {
		margin: 3% auto;
		position: static;
	}
}
/* -------------------------------
	frame
------------------------------- */
#Frame img {
	display: block;
}
#Frame #mainv {
	background: #fcf5e3;
}
	#Frame #mainv .dc {
		top: 185px;
	}
		#Frame #mainv .dc p {
			max-width: 500px;
		}
#Frame h2 {
	margin: 0 auto;
	max-width: 406px;
	width: 80%;
}
#Frame #brands {
	padding: 69px 0 33px;
}
	#Frame #brands>p,#Frame #rounds>p {
		color: #696969;
		letter-spacing: .1em;
		margin: 20px auto 50px;
		text-align: center;
	}
	#Frame #brands ul {
		list-style: none;
	}
		#Frame #brands ul li {
			margin: 0 auto 30px;
		}
			#Frame #brands ul li img {
				border: 1px solid #aaa;
				box-sizing: border-box;
				float: left;
				padding: 50px 38px;
				max-width: 333px;
				width: 32.6%;
			}
			#Frame #brands .txt {
				float: right;
				width: 66.1%;
			}
				#Frame #brands ul li h3 {
					box-sizing: border-box;
					color: #4774b9;
					font-size: 18px;
					padding: 0 0 0 10px;
					position: relative;
				}
					#Frame #brands ul li h3::before {
						content: "";
						background: #4774b9;
						background: -moz-linear-gradient(top, #4774b9 0%, #2c4873 100%);
						background: -webkit-linear-gradient(top, #4774b9 0%,#2c4873 100%);
						background: linear-gradient(to bottom, #4774b9 0%,#2c4873 100%);
						width: 3px;
						height: 100%;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
					}
				#Frame #brands ul li p {
					color: #656565;
					line-height: 1.6;
					margin: 15px auto;
				}
				#Frame #brands ul li a,#Frame #rounds .txt a,#Eyes .content .txt a {
					display: inline-block;
					background: url(../images/company/link_icon.png) left 1px center no-repeat;
					background-size: auto 90%;
					color: #4774b9;
					font-size: 14px;
					padding: 1px 0 1px 1.4em;
					text-decoration: none;
				}
#Frame #rounds {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 57px 0 65px;
}
	#Frame #rounds .txt div img {
		float: left;
		width: 49%;
	}
	#Frame #rounds .txt p {
		color: #202020;
		line-height: 1.78;
		margin: 20px auto;
	}
@media screen and (min-width: 767px),
	print {
	#Frame #rounds .txt div img:nth-child(odd) {
		margin: 0 2% 0 0;
	}
}
@media screen and (max-width: 768px),
	print {
	#Frame #brands,#Frame #rounds {
		padding: 7% 0;
	}
		#Frame #brands>p, #Frame #rounds>p {
			margin: 5% auto 7%;
		}
		#Frame #brands ul li {
			margin: 7% auto 3%;
		}
			#Frame #brands ul li img {
				box-sizing: content-box;
				float: none;
				padding: 5% 15%;
				width: 70%;
				max-width: none;
			}
			#Frame #brands ul li .txt {
				float: none;
				margin: 5% auto 0;
				width: 100%;
			}
				#Frame #brands ul li p {
					margin: 3% auto 2%;
				}
	#Frame #rounds .txt div img {
		float: none;
		margin: 0 auto 3%;
		width: 100%;
	}
	#Frame #rounds .txt p {
		margin: 3% auto;
	}
}
/* -------------------------------
	lens
------------------------------- */
#Lens img {
	display: block;
}
#Lens #mainv {
	background: #f3f3f3;
}
	#Lens #mainv .dc {
		top: 180px;
	}
		#Lens #mainv .dc p {
			max-width: 490px;
		}
#Lens h2 {
	margin: 74px auto 20px;
	max-width: 366px;
	width: 70%;
}
#Lens #pLink {
	margin: 0 auto 60px;
	letter-spacing: -.3em;
	text-align: center;
}
	#Lens #pLink a {
		display: inline-block;
		letter-spacing: 0;
		margin: 13px 1%;
	}
		#Lens #pLink a:nth-child(1) {
			width: 21.3%;
		}
		#Lens #pLink a:nth-child(2) {
			width: 21.3%;
		}
		#Lens #pLink a:nth-child(3) {
			width: 29.1%;
		}
		#Lens #pLink a:nth-child(4) {
			width: 24.3%;
		}
		#Lens #pLink a:nth-child(5) {
			width: 20.4%;
		}
#Lens h3 {
	box-sizing: border-box;
	color: #4774b9;
	font-size: 18px;
	letter-spacing: .1em;
	margin: 0 auto 15px;
	padding: 0 0 0 10px;
	position: relative;
}
	#Lens h3::before {
		content: "";
		background: #4774b9;
		background: -moz-linear-gradient(top, #4774b9 0%, #2c4873 100%);
		background: -webkit-linear-gradient(top, #4774b9 0%,#2c4873 100%);
		background: linear-gradient(to bottom, #4774b9 0%,#2c4873 100%);
		width: 3px;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}
#Lens section>p {
	color: #505151;
	line-height: 1.3;
	margin: -5px auto 20px;
}
#Lens #type,#Lens #appearance,#Lens #coating,#Lens #dpL,#Lens #dvG {
	padding: 40px 0 45px;
}
#Lens #type,#Lens #coating,#Lens #dvG {
	background: url(../images/bg4.png) 0 0 repeat;
}
#Lens section ul {
	list-style: none;
}
	#Lens section ul li {
		margin: 12px auto 0;
	}
		#Lens section ul li img {
			box-sizing: border-box;
			border: 1px solid #aaa;
			float: left;
			width: 32.5%;
		}
			#Lens #appearance ul li img {
				width: 40.3%;
			}
			#Lens #dpL ul li img {
				width: 23.1%;
			}
		#Lens ul li .txt {
			float: right;
			width: 65.5%;
		}
			#Lens #appearance ul li .txt {
				width: 57.7%;
			}
			#Lens #dpL ul li .txt {
				width: 74.9%;
			}
				#Lens ul li .txt h4 {
					color: #4774b9;
					font-size: 16px;
					line-height: 1.3;
					margin: 0 auto 10px;
				}
				#Lens ul li .txt p,#Lens ul li .txt dl {
					color: #686868;
					font-size: 14px;
					line-height: 1.5;
				}
					#Lens ul li .txt dl dt {
						clear: both;
						float: left;
					}
						#Lens ul li .txt dl dt::after {
							content: "\FF0F";
						}
					#Lens #dpL ul li .txt h4 {
						color: #686868;
						font-size: 14px;
						font-weight: normal;
						margin: 0 0 5px;
						padding: 0 0 0 1em;
						position: relative;
					}
						#Lens #dpL ul li .txt h4::before {
							content: "";
							background: #686868;
							border-radius: 50%;
							height: .9em;
							width: .9em;
							position: absolute;
							top: .2em;
							left: 0;
						}
@media screen and (max-width: 768px),
	print {
	#Lens h2 {
		margin: 7% auto 5%;
	}
	#Lens #pLink {
		margin: 0 auto 7%;
	}
		#Lens #pLink a:nth-child(1) {
			width: 39%;
		}
		#Lens #pLink a:nth-child(2) {
			width: 39%;
		}
		#Lens #pLink a:nth-child(3) {
			width: 53.5%
		}
		#Lens #pLink a:nth-child(4) {
			width: 44.5%
		}
		#Lens #pLink a:nth-child(5) {
			width: 37.3%
		}
	#Lens #type, #Lens #appearance, #Lens #coating, #Lens #dpL, #Lens #dvG {
		padding: 9% 0;
	}
	#Lens section ul li img,#Lens #appearance ul li img,#Lens #dpL ul li img {
		float: none;
		margin: 0 auto;
		width: auto;
		max-width: 100%;
	}
	#Lens ul li .txt,#Lens #appearance ul li .txt,#Lens #dpL ul li .txt {
		float: none;
		margin: 5% auto 10%;
		width: 100%;
	}
	#Lens ul li .txt h4 {
		margin: 0 auto 2%;
	}
}
/* -------------------------------
	Eyes
------------------------------- */
#Eyes img {
	display: block;
}
#Eyes  #mainv {
	background: #fff7f7;
}
	#Eyes #mainv .dc {
		top: 170px;
	}
		#Eyes #mainv .dc p {
			max-width: 590px;
		}
#Eyes #pLink {
	padding: 52px 0 43px;
	letter-spacing: -.3em;
	text-align: center;
}
	#Eyes #pLink a {
		display: inline-block;
		letter-spacing: 0;
		margin: 0 1%;
	}
		#Eyes #pLink a:nth-child(1) {
			width: 22.4%;
		}
		#Eyes #pLink a:nth-child(2) {
			width: 22.6%;
		}
		#Eyes #pLink a:nth-child(3) {
			width: 20.4%;
		}
#Eyes h2 {
	margin: 0 auto 20px;
	width: 50%;
	max-width: 254px;
}
#Eyes .copy {
	color: #393939;
	text-align: center;
}
#Eyes #sports {
	padding: 50px 0;
}
#Eyes #school {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 50px 0 30px;
}
#Eyes #row {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 90px 0 60px;
}
#Eyes .content {
	margin: 55px auto 0;
	position: relative;
}
#Eyes #row .content  {
	margin: 55px auto 35px;
}
	#Eyes .content .image {
		position: absolute;
		right: 47.8%;
		bottom: 0;
		width: 66.5%;
		z-index: 0;
	}
	#Eyes .content .txt {
		padding: 0 0 10px 42.2%;
		position: relative;
		z-index: 10;
	}
		#Eyes .content .txt h3,#Eyes .txt2 h3 {
			color: #373737;
			font-size: 14px;
			letter-spacing: .1em;
			line-height: 1.6;
			margin: 0 0 15px;
		}
		#Eyes .content .txt p,#Eyes .txt2 p {
			color: #373737;
			letter-spacing: .1em;
			line-height: 1.6;
			margin: 0 0 20px;
		}
		#Eyes .content .pict {
			margin: 40px auto 0;
		}
			#Eyes #school .content .pict img {
				width: 49.5%;
			}
			#Eyes .content .pict figure {
				float: left;
				margin: 0 2% 0 0;
				width: 32%;
			}
				#Eyes .content .pict figure:last-child {
					margin: 0;
				}
					#Eyes .content .pict figure img {
						border: 1px solid #dadada;
					}
					#Eyes .content .pict figure figcaption {
						color: #373737;
						font-size: 12px;
						line-height: 1.3;
						margin: 5px auto 0;
					}
#Eyes .reservation {
	background: #fff;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	padding: 27px;
}
	#Eyes .reservation .ttl {
		display: table;
		float: left;
		margin: 0 0 14px;
		width: 58%;
	}
		#Eyes .reservation .ttl h3 {
			display: table-cell;
			width: 24.4%;
			padding: 0 2% 0 0;
			vertical-align: middle;
		}
		#Eyes .reservation .ttl p {
			border-top: 1px dotted #557fbf;
			border-bottom: 1px dotted #557fbf;
			color: #3f3f3f;
			display: table-cell;
			font-size: 14px;
			letter-spacing: .1em;
			line-height: 1.3;
			padding: 5px 0;
			vertical-align: middle;
		}
			#Eyes .reservation .ttl p span {
				color: #4774b9;
				display: block;
				font-size: 16px;
				font-weight: bold;
			}
	#Eyes .reservation a {
		float: right;
		display: block;
		margin: 0 1% 14px 0;
		width: 39.6%;
	}
	#Eyes .reservation .price {
		clear: both;
		display: table;
		width: 100%;
	}
		#Eyes .reservation h4 {
			background: #e4e4e4 url(../images/eyes/bg-yen.png) top 0 left 6px no-repeat;
			display: table-cell;
			padding: 34px 0 30px;
			width: 25.5%;
			vertical-align: middle;
		}
		#Eyes .reservation ul {
			background: #f2f2f2;
			display: table-cell;
			letter-spacing: -.3em;
			list-style: none;
			text-align: center;
			vertical-align: middle;
			padding: 20px 0;
		}
			#Eyes .reservation ul li {
				color: #547ebe;
				display: inline-block;
				font-size: 20px;
				letter-spacing: 0;
				padding: 0 38px 0 0;
				position: relative;
			}
				#Eyes .reservation ul li::after {
					content: "";
					background: #547ebe;
					width: 1px;
					height: 50px;
					margin: -23px 0 0;
					position: absolute;
					top: 50%;
					right: 20px;
					transform: rotate(25deg);
				}
			#Eyes .reservation ul li:last-child {
				padding: 0;
			}
				#Eyes .reservation ul li:last-child::after {
					content: none;
				}
				#Eyes .reservation ul li span {
					font-size: 31px;
					margin: 0 0 0 .3em;
				}
#Eyes .caution {
	margin: 5px auto 0;
}
	#Eyes .caution p {
		color: #4e4d4d;
		font-size: 11px;
		line-height: 1.4;
	}
		#Eyes .caution p::before {
			content: "\203B";
		}
#Eyes .check {
	border-top: 5px solid #101010;
	padding: 1px 0 0;
	margin: 30px auto 0;
}
	#Eyes .check h5 {
		background: #e7e7e7;
		padding: 25px 10px 10px;
		text-align: right;
	}
		#Eyes .check h5 img {
			margin: 0 auto;
			width: 50%;
			max-width: 254px;
		}
		#Eyes .check h5 cite {
			color: #222222;
			font-size: 11px;
			font-style: normal;
			font-weight: normal;
		}
	#Eyes .check ul {
		color: #222222;
		font-size: 16px;
		list-style: none;
		margin: 5px 0 0;
	}
		#Eyes .check ul li {
			background: url(../images/eyes/child-check.png) left 16px center no-repeat;
			background-size: 17px;
			border-bottom: 1px dotted #000;
			padding: 10px 16px 11px 48px;
		}
#Eyes aside {
	margin: 45px auto 0;
}
	#Eyes aside figure {
		float: left;
		text-align: right;
		width: 20.8%;
	}
		#Eyes aside figure img {
			max-width: 100%;
			width: auto;
		}
	#Eyes aside .txt {
		float: right;
		width: 78%;
	}
		#Eyes aside .txt .ttl {
			color: #222;
			font-size: 16px;
			margin: 0 auto 15px;
		}
		#Eyes aside .txt .names {
			font-size: 12px;
			font-weight: normal;
			line-height: 1.3;
			margin: 0 auto 15px;
			color: #727272;
			font-size: 12px;
		}
			#Eyes aside .txt .names cite {
				color: #b82345;
				display: block;
				font-size: 18px;
				font-style: normal;
				font-weight: bold;
				margin: 0 auto 5px;
			}
		#Eyes aside .txts {
			color: #222;
			letter-spacing: .05em;
			line-height: 1.6;
			margin: 0 auto 20px;
		}
		#Eyes aside a {
			display: inline-block;
			background: url(../images/company/link_icon.png) left 1px center no-repeat;
			background-size: auto 90%;
			color: #4774b9;
			font-size: 14px;
			padding: 1px 0 1px 1.4em;
			text-decoration: none;
		}
@media screen and (max-width: 1050px) and (min-width: 769px),
	print {
	#Eyes .reservation ul li {
		display: block;
		padding: 0;
	}
	#Eyes .reservation ul li::after {
		content: none;
	}
}
@media screen and (max-width: 350px),
	print {
	#Eyes .reservation ul li::after {
		content: none;
	}
}
@media screen and (max-width: 768px),
	print {
	#Eyes #pLink {
		padding: 5% 0;
	}
		#Eyes #pLink a {
			margin: 2%;
		}
		#Eyes #pLink a:nth-child(1) {
			width: 44.8%;
		}
		#Eyes #pLink a:nth-child(2) {
			width: 44.8%;
		}
		#Eyes #pLink a:nth-child(3) {
			width: 41%;
		}
	#Eyes #sports,#Eyes #school,#Eyes #row {
		padding: 7% 0;
	}
	#Eyes h2 {
		margin: 0 auto 2%;
	}
	#Eyes .content,#Eyes #row .content {
		margin: 3% auto 0;
	}
		#Eyes .content .image {
			margin: 0 auto 3%;
			position: static;
			width: 100%;
		}
		#Eyes .content .txt {
			padding: 0;
		}
			#Eyes .content .txt p, #Eyes .txt2 p {
				margin: 0 auto 3%;
			}
		#Eyes .content .pict {
			margin: 4% auto 5%;
		}
	#Eyes .reservation {
		padding: 3%;
	}
		#Eyes .reservation .ttl {
			float: none;
			margin: 0 auto 2%;
			width: 100%;
		}
		#Eyes .reservation a {
			float: none;
			margin: 0 auto 2%;
			width: 100%;
		}
		#Eyes .reservation .price {
			display: block;
		}
			#Eyes .reservation h4 {
				background-size: auto 100%;
				box-sizing: border-box;
				display: block;
				padding: 5% 0;
				width: 100%;
			}
				#Eyes .reservation h4 img {
					margin: 0 auto;
					width: 50%;
					max-width: 254px;
				}
			#Eyes .reservation ul {
				display: block;
				box-sizing: border-box;
				padding: 2% 3%;
				width: 100%;
			}
				#Eyes .reservation ul li {
					font-size: 16px;
					line-height: 1.8;
					padding: 0 20px 0 0;
				}
					#Eyes .reservation ul li span {
						font-size: 24px;
					}
					#Eyes .reservation ul li::after {
						right: 8px;
					}
	#Eyes .check ul {
		font-size: 14px;
	}
	#Eyes .check h5 img {
		margin: 0 auto 1%;
	}
	#Eyes aside figure {
		width: 30%;
	}
	#Eyes aside .txt {
		width: 68%;
	}
}
/* -------------------------------
	hearingaid
------------------------------- */
#Hearingaid img {
	display: block;
}
#Hearingaid #mainv {
	background: #f4f3f3;
}
	#Hearingaid #mainv .dc {
		top: 205px;
	}
		#Hearingaid #mainv .dc p {
			max-width: 526px;
		}
#Hearingaid h2 {
	margin: 0 auto;
	width: 50%;
	max-width: 574px;
}
#Hearingaid #about {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 76px 0 77px;
}
	#Hearingaid #about p {
		color: #3c3c3c;
		letter-spacing: .15em;
		margin: 45px auto;
	}
	#Hearingaid #about figure {
		text-align: center;
	}
		#Hearingaid #about figure img {
			display: inline-block;
			margin: 0 1%;
			width: 45%;
			max-width: 283px;
		}
	#Hearingaid #about a {
		display: block;
		margin: 60px auto 0;
		width: 80%;
		max-width: 385px;
	}
#Hearingaid #check {
	padding: 72px 0 70px;
}
	#Hearingaid #check .checkList {
		background: #f1f1f1;
		box-sizing: border-box;
		padding: 15px 5px 10px;
		letter-spacing: -.3em;
		margin: 34px auto 19px;
	}
		#Hearingaid #check .checkList h3 {
			letter-spacing: 0;
			margin: 0 auto 19px;
			width: 80%;
			max-width: 800px;
		}
		#Hearingaid #check .checkList section {
			border-top: 5px solid #101010;
			display: inline-block;
			letter-spacing: 0;
			margin: 0 1%;
			padding: 1px 0 0;
			width: 48%;
			vertical-align: top;
		}
			#Hearingaid #check .checkList section h4 {
				background: #e7e7e7;
				padding: 3% 0;
			}
				#Hearingaid #check .checkList section h4 img {
					margin: 0 auto;
					width: 90%;
					max-width: 360px;
				}
			#Hearingaid #check .checkList section ul {
				color: #222;
				font-size: 16px;
				background: #fff;
				list-style: none;
				padding: 5px 0;
			}
				#Hearingaid #check .checkList section ul li {
					border-bottom: 1px dotted #000;
					padding: 10px 3% 10px 50px;
					position: relative;
				}
				#Hearingaid #check .checkList section ul li:last-child {
					border: none;
				}
					#Hearingaid #check .checkList section ul li::before {
						content: "";
						background: url(../images/hearingaid/check.png) center no-repeat;
						background-size: contain;
						width: 17px;
						height: 17px;
						margin: -8px 0 0;
						position: absolute;
						top: 50%;
						left: 16px;
					}
		#Hearingaid #check .checkAfter h3 {
			background: #ae3030;
			border-top: 5px solid #701717;
			padding: 2% 0;
		}
			#Hearingaid #check .checkAfter h3 img {
				margin: 0 auto;
				width: 92%;
				max-width: 708px;
			}
		#Hearingaid #check .checkAfter p {
			border-bottom: 1px dotted #000;
			color: #333;
			font-size: 16px;
			padding: 10px 3%;
		}
			#Hearingaid #check .checkAfter p.attention {
				font-size: 20px;
				font-weight: bold;
				color: #ae3030;
				line-height: 1.4;
				padding: 20px 3% 15px;
			}
#Hearingaid #step {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 82px 0 71px;
}
	#Hearingaid #step ol {
		list-style: none;
		margin: 35px auto 30px;
	}
		#Hearingaid #step ol li {
			border-bottom: 1px dotted #000;
			padding: 20px 0;
		}
		#Hearingaid #step ol li:last-child {
			border: none;
		}
			#Hearingaid #step ol li img {
				width: 65%;
				max-width: 270px;
			}
			#Hearingaid #step ol li p {
				color: #3c3c3c;
				line-height: 1.6;
				margin: 10px 0 0;
			}
	#Hearingaid #step a {
		display: block;
		margin: 0 auto;
		max-width: 394px;
		width: 80%;
	}
#Hearingaid #message {
	margin: 0 auto -15px;
	padding: 47px 0 0;
}
	#Hearingaid #message h2 {
		float: right;
		margin: 0 0 10px;
		width: 68%;
		max-width: none;
	}
		#Hearingaid #message h2 img {
			max-width: 341px;
			width: 100%;
		}
	#Hearingaid #message figure {
		float: left;
		width: 31.1%;
	}
		#Hearingaid #message figure figcaption {
			font-size: 11px;
			line-height: 1.3;
			padding: 7px 0 5px;
			white-space: nowrap;
		}
	#Hearingaid #message>p{
		float: right;
		padding: 0 1.5%;
		width: 67%;
		margin: 0 1% 0 0;
	}
	#Hearingaid #message p {
		box-sizing: border-box;
		line-height: 1.6;
		letter-spacing: .05em;
	}
		#Hearingaid #message p span {
			color: #b13b2a;
			font-weight: bold;
		}
	#Hearingaid #message section {
		border-top: 1px dotted #000;
		border-bottom: 1px dotted #000;
		float: right;
		width: 64%;
		margin: 1% 2.5% 1% 1.5%;
		padding: 10px 0;
	}
		#Hearingaid #message section h3 {
			color: #b13b2a;
			font-size: 14px;
			letter-spacing: .05em;
			line-height: 1.6;
		}
@media screen and (max-width: 768px),
	print {
	#Hearingaid #about,#Hearingaid #check,#Hearingaid #message {
		padding: 6% 0;
	}
		#Hearingaid #about p {
			margin: 4% auto;
		}
		#Hearingaid #about a {
			margin: 5% auto 0;
		}
		#Hearingaid #check .checkList {
			margin: 5% auto 3%;
			padding: 3%;
		}
			#Hearingaid #check .checkList h3 {
				margin: 0 auto;
			}
			#Hearingaid #check .checkList section {
				display: block;
				margin: 3% auto 0;
				width: 100%;
			}
				#Hearingaid #check .checkList section h4 img {
					max-width: 200px;
				}
				#Hearingaid #check .checkList section ul {
					font-size: 14px;
				}
		#Hearingaid #check .checkAfter p {
			padding: 2% 3%;
		}
		#Hearingaid #check .checkAfter p.attention {
			padding: 3% 3% 2%;
			text-align: center;
		}
	#Hearingaid #step {
		padding: 8% 0;
	}
		#Hearingaid #step ol {
			margin: 5% auto;
		}
			#Hearingaid #step ol li {
				padding: 3% 0;
			}
	#Hearingaid #message {
		letter-spacing: -.3em;
		vertical-align: baseline;
	}
	#Hearingaid #message h2,#Hearingaid #message figure {
		float: none;
		display: table-cell;
		letter-spacing: 0;
		margin: 0;
		vertical-align:bottom;
	}
	#Hearingaid #message h2 {
		width: 70%;
	}
		#Hearingaid #message h2 img {
			margin: 0 0 -2.5%;
			max-width: none;
		}
	#Hearingaid #message figure {
		width: 30%;
	}
	#Hearingaid #message>p,#Hearingaid #message section {
		clear: both;
		float: none;
		width: 100%;
		margin: 3% auto 0;
		padding: 0;
	}
	#Hearingaid #message section {
		padding: 3% 0;
	}
}
/* -------------------------------
	w-j
------------------------------- */
#WJ #mainv {
	background: #f7f7f7;
}
	#WJ #mainv .dc {
		top: 195px;
	}
		#WJ #mainv .dc p {
			max-width: 485px;
		}
#WJ h2 {
	margin: 0 auto;
	width: 60%;
	max-width: 340px;
}
	#WJ h2 img {
		display: block;
	}
#WJ #watch {
	padding: 54px 0 52px;
}
	#WJ #watch>p,#WJ #jewelry>p {
		color: #393939;
		line-height: 1.67;
		margin: 20px auto 35px;
		text-align: center;
	}
	#WJ #watch ul {
		list-style: none;
		width: 100%;
	}
		#WJ #watch ul li {
			margin: 10px auto 0;
			padding: 50px 3% 60px;
		}
		#WJ #watch ul li:nth-child(odd) {
			background: #fbfbfb
		}
			#WJ #watch ul li h3 {
				color: #2a2a2a;
				margin: 0 auto 43px;
				text-align: center;
			}
				#WJ #watch ul li h3 img {
					max-width: 200px;
					width: 40%;
				}
				
			#WJ #watch ul li figure {
				margin: 0 auto;
				width: 100%;
				max-width: 872px;
			}
			#WJ #watch ul li:nth-child(odd) figure {
				max-width: 750px;
			}
	#WJ #watch .caution p {
		color: #393939;
		line-height: 1.3;
	}
#WJ #jewelry {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 57px 0;
}	
	#WJ #jewelry .big {
		float: left;
		width: 52%;
	}
	#WJ #jewelry .big2 {
		float: right;
		width: 47%;
	}
		#WJ #jewelry .big2 section {
			float: left;
			margin: 0 0 2%;
			width: 48.8%;
		}
		#WJ #jewelry .big2 section:nth-child(even) {
			float: right;
		}
			#WJ #jewelry .re h3 {
				background: #8a8ad2;
				color: #fff;
				font-size: 16px;
				line-height: 1.3;
				padding: 7px 3%;
				text-align: center;
			}
			#WJ #jewelry .re figure {
				background: #fff;
				padding: 7%;
			}
				#WJ #jewelry .re .big figure img {
					display: block;
					margin: 0 auto;
					max-width: 430px;
				}
				#WJ #jewelry .re figure figcaption {
					color: #231815;
					font-size: 14px;
					line-height: 1.4;
					margin: 5% auto 0;
					min-height: 2.8em;
				}
@media screen and (min-width: 768px),
	print {
	#WJ #watch ul li:nth-child(3) h3 span {
		margin: 0 0 0 1em;
	}
}
@media screen and (max-width: 768px),
	print {
	#WJ #watch,#WJ #jewelry {
		padding: 6% 0;
	}
		#WJ #watch>p,#WJ #jewelry .re {
			margin: 5% auto;
		}
		#WJ #watch ul li {
			padding: 8% 3%;
		}
			#WJ #watch ul li h3 {
				margin: 0 auto 7%;
			}
				#WJ #watch ul li h3 span {
					margin: 3% auto 0;
					display: block;
				}
		#WJ #jewelry .big {
			float: none;
			width: 100%;
		}
		#WJ #jewelry .big2 {
			float: none;
			width: 100%;
		}
			#WJ #jewelry .big2 section {
				margin: 2% 0 0;
			}
}
/* -------------------------------
	shop
------------------------------- */
#Shop #mainv {
	background: #eeebf0;
}
	#Shop #mainv .dc {
		top: 195px;
	}
		#Shop #mainv .dc p {
			max-width: 520px;
		}
#Shop h2 {
	margin: 0 auto 39px;
	width: 90%;
	max-width: 340px;
}
	#Shop h2 img {
		display: block;
	}
#Shop dl {
	color: #222;
	float: left;
	font-size: 16px;
	letter-spacing: .05em;
	line-height: 1.3;
	width: 64.7%;
}
	#Shop dl dt {
		clear: both;
		float: left;
		padding: 10px 14px;
	}
	#Shop dl dd {
		border-bottom: 1px dotted #000;
		padding: 10px 14px 10px 174px;
	}
		#Shop dl dd a {
			color: #222;
			text-decoration: none;
		}
#Shop .map {
	float: right;
	padding: 24% 0 0;
	position: relative;
	width: 34%;
}
	#Shop .map iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
#Shop .attention {
	background: #ae3030;
	border-top: 5px solid #701717;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 20px auto 28px;
	padding: 25px 2%;
	text-align: center;
}
	#Shop .attention span {
		font-size: 13px;
	}
#Shop .pict {
	background: #fff;
	float: left;
	width: 32%;
}
	#Shop .pict img {
		display: block;
		padding: 1px;
	}
		#Shop .pict img:nth-child(2) {
			margin: 2.5% 0 0;
		}
#Shop .message {
	float: right;
	width: 66.8%;
}
	#Shop .message img {
		display: block;
	}
	#Shop .message h3 {
		width: 90%;
		max-width: 240px;
	}
	#Shop .message p {
		color: #444;
		letter-spacing: .05em;
		margin: 15px auto;
	}
	#Shop .message figure {
		max-width: 218px;
	}
		#Shop .message figcaption {
			color: #444;
			font-size: 12px;
			margin: 5px 0 0;
		}
#Shop #maxbalue {
	padding: 47px 0 55px;
}
#Shop #shopping {
	background: url(../images/bg4.png) 0 0 repeat;
	padding: 50px 0 55px;
}
@media screen and (max-width: 768px),
	print {
	#Shop h2 {
		margin: 0 auto 5%;
	}
	#Shop #maxbalue,#Shop #shopping {
		padding: 7% 0;
	}
	#Shop dl {
		float: none;
		font-size: 12px;
		width: 100%;
	}
		#Shop dl dt {
			padding: 3% .5em;
		}
		#Shop dl dd {
			padding: 3% 3% 3% 9em;
		}
	#Shop .map {
		float: none;
		margin: 5% auto 0;
		padding: 70% 0 0;
		width: 100%;
	}
	#Shop .attention {
		margin: 3% auto;
		padding: 3%;
	}
		#Shop .attention span {
			display: block;
		}
	#Shop .pict {
		float: none;
		width: 100%;
	}
	#Shop .message {
		float: none;
		margin: 4% auto 0;
		width: 100%;
	}
		#Shop .message .txt {
			float: left;
			width: 62%; 
		}
		#Shop .message figure {
			float: right;
			width: 35%;
		}
}
/* -------------------------------
	About
------------------------------- */
#About img {
	display: block;
}
#About #mainv {
	background: #f6f6f6;
}
	#About #mainv .dc {
		top: 180px;
	}
		#About #mainv .dc p {
			max-width: 600px;
		}
#About h2 {
	margin: 60px auto 20px;
	width: 70%;
	max-width: 340px;
}
#About #pLink {
	letter-spacing: -.3em;
	text-align: center;
}
	#About #pLink a {
		display: inline-block;
		margin: 2% 1%;
	}
		#About #pLink a:nth-of-type(1) {
			width: 25.5%;
		}
		#About #pLink a:nth-of-type(2) {
			width: 17%;
		}
		#About #pLink a:nth-of-type(3) {
			width: 17%;
		}
#About h3 {
	background: #e5e5e5;
	border-top: 5px solid #cecece;
	color: #393939;
	font-size: 16px;
	padding: 12px 14px;
}
#About #information {
	padding: 20px 0 10px;
}
	#About #information div {
		float: left;
		margin: 14px 0 0;
		width: 78.2%;
	}
		#About #information div p {
			border-bottom: 1px dotted #000;
			color: #222222;
			font-size: 16px;
			letter-spacing: .05em;
			line-height: 1.3;
			padding: 10px 0 10px 3%;
		}
		#About #information div p.small {
			font-size: 12px;
			line-height: 2;
			padding: 10px 0 10px 5.1%;
		}
			#About #information div p.small span {
				display: block;
				padding: 0 0 0 1.1em;
				position: relative;
			}
				#About #information div p.small span::before {
					content: "";
					background: #222;
					width: .85em;
					height: .8em;
					position: absolute;
					top: .5em;
					left: 0;
				}
			#About #information div p a {
				color: #4774b9;
				text-decoration: none;
			}
	#About #information img {
		float: right;
		margin: 26px 1.5% 0 0;
		width: 18.5%;
	}
#About #history {
	padding: 20px 0 40px;
}
	#About #history .pict {
		margin: 13px auto 17px;
	}
		#About #history .pict img {
			float: left;
			margin: 0 .5% 0 0;
			width: 16.25%;
		}
	#About #history dl {
		color: #222222;
		font-size: 14px;
		letter-spacing: .1em;
		line-height: 2;
	}
		#About #history dt {
			float: left;
			clear: both;
			padding: 0 20px;
		}
		#About #history dd {
			padding: 0 22px 0 132px;
		}
		#About #history dd:nth-of-type(odd) {
			background: #f3f3f3;
		}
	#About #history .links {
		letter-spacing: -.3em;
		margin: 65px auto 0;
		text-align: center;
	}
		#About #history .links a {
			display: inline-block;
			letter-spacing: 0;
			margin: 0 1%;
			width: 11.04%;
		}
			#About #history .links a:nth-child(1) {
				width: 38.5%;
			}
#About #lecture {
	padding: 20px 0 0;
}
	#About #lecture>p {
		line-height: 1.3;
		margin: 14px 14px 25px;
	}
	#About #lecture .price section {
		color: #393939;
		float: left;
		margin: 0 1.5%;
		width: 47%;
	}
		#About #lecture .price section h4 {
			font-size: 18px;
			font-weight: bold;
			line-height: 1.3;
		}
			#About #lecture .price section dl {
				font-size: 14px;
				line-height: 2;
				margin: 10px auto;
			}
				#About #lecture .price section dt {
					clear: both;
					float: left;
					margin: 0 1em 0 0;
				}
			#About #lecture .price section .caution {
				color: #ff0000;
			}
				#About #lecture .price section .caution p {
					font-size: 12px;
					line-height: 1.5;
					padding: 0 0 0 1em;
					text-indent: -1em;
				}
					#About #lecture .price section .caution p::before {
						content: "\203B";
					}
	#About #lecture .attention {
		background: #ae3030;
		border-top: 5px solid #701717;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.1em;
		line-height: 1.3;
		margin: 20px auto 12px;
		padding: 12px 3%;
		text-align: center;
	}
		#About #lecture .attention a {
			border-bottom: 1px solid;
			color: #fff;
			text-decoration: none;
		}
	#About #lecture .contact {
		display: table;
		width: 100%;
	}
		#About #lecture .contact h5 {
			border: 1px solid #4e4e4e;
			box-sizing: border-box;
			color: #212121;
			display: table-cell;
			font-size: 14px;
			line-height: 1.4;
			text-align: center;
			padding: 15px 3%;
			width: 29.9%;
			vertical-align: middle;
		}
		#About #lecture .contact div {
			display: table-cell;
			vertical-align: middle;
			padding: 0 3%;
		}
			#About #lecture .contact div a {
				display: block;
				margin: 0 0 10px;
				max-width: 230px;
				width: 100%;
			}
			#About #lecture .contact div p {
				color: #212121;
				font-size: 12px;
				line-height: 1.3;
			}
		#About #lecture .contact .map {
			display: table-cell;
			width: 17.9%;
			vertical-align: middle;
		}
@media screen and (min-width: 769px),
	prnt {
	#About #history .pict img:last-child {
		margin: 0;
	}
	#About #lecture .contact div a {
		pointer-events: none;
	}
}
@media screen and (max-width: 768px),
	print {
	#About h2 {
		margin: 5% auto 3%;
	}
	#About #pLink a:nth-of-type(1) {
		width: 49.7%;
	}
	#About #pLink a:nth-of-type(2) {
		width: 33.1%;
	}
	#About #pLink a:nth-of-type(3) {
		width: 33.1%;
	}
	#About #information {
		padding: 2% 0;
	}
		#About #information div {
			float: none;
			width: 100%;
		}
			#About #information div p {
				font-size: 14px;
			}
		#About #information img {
			display: none;
		}
	#About #history {
		padding: 2% 0;
	}
		#About #history .pict {
			margin: 2% auto 4%;
		}
			#About #history .pict img {
				margin: 2% 2% 0 0;
				width: 32%;
			}
			#About #history .pict img:nth-child(3n) {
				margin: 2% 0 0;
			}
		#About #history dl {
			line-height: 1.5;
		}
			#About #history dt {
				padding: 3% 4% 0;
				width: 92%;
			}
			#About #history dd {
				padding: 0 4% 3%;
			}
		#About #history .links {
			margin: 5% auto 0;
		}
			#About #history .links a {
				margin: 2% 1.5%;
				width: 22%;
			}
			#About #history .links a:nth-child(1) {
				width: 77%;
			}
	#About #lecture>p {
		margin: 14px 14px 0;
	}
		#About #lecture .price section {
			float: none;
			display: inline-block;
			margin: 4% auto 0;
			padding: 0 14px;
			width: 100%;
			max-width: 443px;
			text-align: left;
			box-sizing: border-box;
		}
			#About #lecture .price section dl {
				margin: 2% auto;
			}
	#About #lecture .contact {
		display: block;
	}
		#About #lecture .contact h5,#About #lecture .contact div {
			display: block;
			width: 100%;
		}
		#About #lecture .contact div {
			padding: 0;
			margin: 4% auto;
		}
			#About #lecture .contact div a {
				max-width: none;
				margin: 0 auto 2%;
			}
		#About #lecture .contact .map {
			display: block;
			margin: 0 auto;
			width: 50%;
		}
}
/* -------------------------------
	company
------------------------------- */
#Company #mainv {
	background: #fbfbfb;
}
#Company h2 {
	margin: 40px auto 45px;
	max-width: 269px;
	width: 55%;
}
#Company h3 {
	background: #e5e5e5;
	border-top: 5px solid #cecece;
	color: #393939;
	font-size: 16px;
	letter-spacing: .05em;
	padding: 11px 14px;
}
#Company #detail {
	margin: 0 auto 40px;
}
	#Company #detail dl {
		background: url(../images/company/line.png) 0 0 repeat;
		font-size: 16px;
		letter-spacing: .1em;
		line-height: 39px;
		margin: 14px auto 0;
	}
		#Company #detail dt {
			float: left;
			clear: both;
			color: #222;
			padding: 0 15px;
		}
		#Company #detail dd {
			color: #656565;
			padding: 0 0 0 83px;
		}
			#Company #detail dd .sName {
				border: none;
				color: #222;
				display: block;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				padding: 0;
				text-align: left;
				width: auto;
			}
			#Company #detail dd a {
				color: #4774b9;
				margin: 0 0 0 1em;
				text-decoration: none;
			}
#Company #staff {
	margin: 0 auto 35px;
}
	#Company #staff ul {
		list-style: none;
		margin: 26px auto 0;
	}
		#Company #staff ul li {
			float: left;
			margin: 0 2% 0 0;
			width: 32%;
		}
			#Company #staff ul li h4 {
				color: #606060;
				font-size: 16px;
				font-weight: normal;
				margin: 7px 0;
			}
				#Company #staff ul li h4 span {
					color: #1d1d1d;
					font-weight: bold;
					margin: 0 .8em 0 0;
				}
			#Company #staff ul li a,#Company #links section ul li a {
				background: url(../images/company/link_icon.png) left top no-repeat;
				background-size: auto 14px;
				color: #4774b9;
				font-size: 14px;
				padding: 0 0 0 1.2em;
				text-decoration: none;
			}
			#Company #staff ul li p {
				color: #606060;
				font-size: 12px;
			}
#Company #message {
	margin: 0 auto 40px;
}
	#Company #message .lefts {
		margin: 31px 0 0;
		width: 39%;
	}
	#Company #message .rights {
		margin: 31px 0 0;
		width: 58.5%;
	}
		#Company #message .rights p {
			color: #393939;
			line-height: 1.9;
			margin: 10px auto 15px;
		}
		#Company #message .rights img {
			margin: 24px 0 0;
		}
#Company #links section {
	margin: 45px auto 0;
}
	#Company #links section h4 {
		color: #393939;
		font-size: 18px;
		font-weight: normal;
		margin: 0 13px;
	}
	#Company #links section ul {
		list-style: none;
	}
		#Company #links section ul li {
			border-bottom: 1px dotted #000;
			padding: 17px 0 10px;
		}
			#Company #links section ul li a {
				display: inline-block;
				margin: 0 13px;
				padding: 0 0 0 1.5em;
			}
			#Company #links section ul li p {
				color: #767676;
				line-height: 1.57;
				margin: 5px 34px 0;
			}
@media screen and (min-width: 767px),
	print {
	#Company #staff ul li:last-child {
		margin: 0;
	}
}
@media screen and (max-width: 768px),
	print {
	#Company h2 {
		margin: 7% auto 4%;
	}
	#Company #detail,#Company #message {
		margin: 0 auto 6%;
	}
	#Company #staff ul {
		margin: 5% auto 0
	}
		#Company #staff ul li {
			float: none;
			margin: 5% auto 0;
			width: 100%;
		}
	#Company #message .lefts {
		display: block;
		float: none;
		margin: 5% auto 0;
		max-width: 70%;
		width: 476px;
	}
	#Company #message .rights {
		float: none;
		margin: 5% auto 0;
		width: 100%;
	}
		#Company #message .rights p {
			margin: 2% auto 3%;
		}
		#Company #message .rights img {
			margin: 3% auto 0;
		}
	#Company #links section {
		margin: 5% auto 0;
	}
		#Company #links section h4 {
			font-size: 16px;
			margin: 0 3%;
		}
			#Company #links section ul li {
				padding: 3% 0 2%;
			}
				#Company #links section ul li a {
					margin: 0 3%;
				}
				#Company #links section ul li p {
					margin: 1% 3% 0;
					padding: 0 0 0 1.5em;
				}
}
/* -------------------------------
	Privacy
------------------------------- */
#Privacy {
	color: #393939;
}
#Privacy img {
	display: block;
}
#Privacy #mainv {
	background: #eeebf0;
}
	#Privacy p.inner,#Privacy section {
		margin: 2em auto 0;
	}
	#Privacy h2 {
		font-weight: bold;
		margin: 0 auto 1.5em;
	}
	#Privacy p,#Privacy ol {
		font-size: 14px;
		letter-spacing: .1em;
		line-height: 1.6;
	}
	#Privacy ol {
		counter-reset: li;
		list-style: none;
	}
		#Privacy ol li::before {
			content: "（ " counter(li) " ）";
			counter-increment: li;
		}