@charset "utf-8";

/* ==========================================================================================
	--TOP
========================================================================================== */
#index main > section h2 {
	margin-bottom: 30px;
	font-size: 3.6rem;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-align: center;
}
#index .topimage h1 {
	text-align: center;
	background: #a2a6c3;
}
#index .topimage h1 img {
	max-width: 1800px;
}
#index .topimage p, #lens.blb .movie p { /* 2018.03.09/2020.07.30 追記 */
	margin: 0.5rem 1.5rem 0;
	text-align: right;
}
#index .topimage.movie { /*2018.11.12 追記*/
	position: relative;
	top: 80px;
}
/* news */
#index #news .scroll {
 max-height: 240px;
 overflow-y: scroll;
}
#index #news ul {
	padding: 15px 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
#index #news li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.6rem;
	line-height: 1.5;
	border-bottom: 1px dotted #e3e3e3;
	overflow: hidden;
}
#index #news li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#index #news li .date {
	width: 10%;
	float: left;
}
#index #news li .txt {
	width: 90%;
	float: left;
}

/* products */
#index #products li {
	margin-bottom: 50px;
}
#index #products li figcaption {
	margin-top: 10px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.7;
}
/* --20180918更新分 追加記述-- */
#index #products p.tit {
	margin-bottom: 0;
	padding: 15px 20px;
	font-size: 1.8em;
}
#index #products p.tit span {
	display: block;
	width: 980px;
	margin: 0 auto;
}
#index #products p.tit.clear {
	margin-bottom: 30px;
	background: #0070c0;
}
#index #products p.tit.blb {
	margin-bottom: 30px;
	background: #002069;
}
#index #products .color ul {
	margin-bottom: 30px;
	background: #000;
}
#index #products .color ul li {
	width: 84%;
	margin: 0 auto !important;
	border-top: #fff 1px solid;
}
#index #products .color ul li:first-child {
	border-top: none;
}
#index #products .blb dt a {display: block; padding:0 5px 10px; font-size: 2.5rem; font-weight: bold;}
#index #products .blb dd + dt a {color: #3ab0f0;}
#index #products .blb dd {margin-bottom: 20px;}
/* 20190527 追加 ここから */
@media screen and (min-width: 1000px) {
	#index #products .color ul li img {
		width: 830px;
	}
}
/* 20190527 追加 ここまで */

/* concept */
#index #concept > div {
	width: 100%;
	background: url(../revia_img/top/concept_bg_pc.png) no-repeat center bottom;
	background-size: 100%;
}
#index #concept > div div {
	background: url(../revia_img/top/concept_bg2_pc.png) no-repeat center top;
	background-size: 100%;
}
#index #concept > div div p {
	margin: 0 auto;
	padding: 200px 0;
	width: 700px;
}

/* shoplist */
#index #shoplist ul {
	overflow: hidden;
}
#index #shoplist li {
	width: 48.5%;
	font-size: 2rem;
	text-align: center;
	float: left;
}
#index #shoplist li:nth-of-type(2n) {
	float: right;
}
#index #shoplist li a {
	padding: 30px 0;
	color: #5e5e5e!important;
	background: #f9e2dc;
	border-radius: 4px;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#index #shoplist li a:hover {
	background: #f8d1c6;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#index #shoplist li i {
	margin-right: 10px;	
}

.jasrac {
	margin-top: 30px;
	font-size: 1.2rem;
	line-height: 1.2;
	overflow: hidden;	
}
.jasrac img {
	margin-right: 8px;
	float: left;
}
.jasrac p {
	padding-top: 20px;
}

/* ==========================================================================================
	--1DAY
========================================================================================== */
#lens main section div h2 {
	margin-bottom: 40px;
	padding: 10px 50px;
	font-size: 0;
	letter-spacing: 0.3em;
	background: #2e2b26;
}
#lens main section div h2 img {
	width: auto;
	height: 16px;
}
#lens main section div h2 span {
    margin-left: 20px;
    font-family: 'Sawarabi Mincho';
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    vertical-align: middle;
}

#lens .main {
	margin-bottom: 40px;
}
#lens .main ul {
	font-size: 0;
}
#lens .main li {
	padding: 10px 0;
	width: 16.6666%;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #1b1b1b;
	border-left: 1px solid #1b1b1b;
	border-bottom: 1px solid #1b1b1b;
	display: inline-block;
}
#lens .main li:nth-of-type(6) {
	border-right: 1px solid #1b1b1b;
}

#lens .cl ul,
#lens .cc ul,
#lens .spec ul,
#lens.blb .spec .specIn{
	margin: 0 auto;
	width: 88.5%;
	overflow: hidden;
}

#lens .cl li,
#lens .cc li{
	margin-bottom: 50px;
	width: 48.5%;
	float: left;
}

#lens .cl li.rola {
 position: relative;
}
#lens .cl li.rola p {
 position: absolute;
 top: -30px;
 left: 0;
 width: 18%;
}

#lens .cl .sp {
	display: none;
}
#lens .cl li:nth-of-type(2n),
#lens .cc li:nth-of-type(2n),
#lens .spec li:nth-of-type(2n) {
	float: right;
}
#lens .cl div p,
#lens .cc div p,
#lens .spec div p,
#lens .guarantee div p.txt,
#lens .accept div p,
#lens.clear .rc-spec p{
	text-align: center;
	line-height: 1.7;
}
#lens .cc h2 {
	color: #1b1b1b;
	background: #efc6cc;
}
#lens .search {
	margin-bottom: 20px;
	color: #825206;
	font-family: 'Sawarabi Mincho';
	font-size: 3.2rem;
	text-align: center;
	letter-spacing: 0.1em;
}
#lens .search span {
	font-size: 1.6rem;
}
#lens .btn {
	margin: 0 auto 70px;
	width: 100%;
	max-width: 980px;
}
#lens .btn ul {
	overflow: hidden;
}
#lens .btn li {
	width: 48.5%;
	font-size: 2rem;
	text-align: center;
	float: left;
}
#lens .btn li:nth-of-type(2n) {
	float: right;
}
#lens .btn li a {
	margin: 3px;
	padding: 30px 0;
	color: #5e5e5e!important;
	background: #e6e6e6;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens .btn li a:hover {
	opacity: 0.7;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens .btn li i {
	margin-right: 10px;	
}
#lens p.btn {
    max-width: 441px;
}

#lens .shoplist h2 {
	margin-bottom: 30px;
	padding: 0;
	font-size: 3.6rem;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-align: center;
	background: none;
}
#lens .shoplist ul {
	overflow: hidden;
}
#lens .shoplist li {
	width: 48.5%;
	font-size: 2rem;
	text-align: center;
	float: left;
}
#lens .shoplist li:nth-of-type(2n) {
	float: right;
}
#lens .shoplist li a {
	padding: 30px 0;
	color: #5e5e5e!important;
	background: #f9e2dc;
	border-radius: 4px;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens .shoplist li a:hover {
	background: #f8d1c6;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens .shoplist li i {
	margin-right: 10px;	
}

#lens .spec h2 {
	color: #1b1b1b;
	font-size: 3.6rem;
	font-weight: normal;
	text-align: center;
	background: #cacdde;
}
#lens .spec h2 span {
	font-family: 'Quicksand', Avenir , 'Open Sans' , 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , '游ゴシック' , 'Yu Gothic' , '游ゴシック体' , 'YuGothic' , 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'Meiryo UI' , 'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , 'MS PGothic' , sans-serif;
	font-weight: normal;
}
#lens .spec ul {
	margin-bottom: 30px;
	overflow: hidden;
}
#lens .spec li {
	margin-bottom: 20px;
	padding: 30px 0 10px;
	width: 49%;
	border: 1px solid #b3b3b3;
	border-radius: 8px;
	float: left;
	position: relative;
}
#lens .spec li:before {
	content: "";
	width: 40px;
	height: 40px;
	background: url(../revia_img/spec_corner.png) no-repeat left top;
	position: absolute;
	top: -1px;
	left: -1px;
}
#lens .spec li dl {
	padding: 0 40px;
	overflow: hidden;
}
#lens .spec li dt {
	margin-bottom: 15px;
	text-align: center;
}
#lens .spec li dd {
	margin-bottom: 10px;
	line-height: 1.7;
	letter-spacing: 0.04em;
}
#lens .spec li figure {
	padding: 0 8px;
}
#lens .spec li p {
	padding: 0 100px 10px 350px;
	background: #f5f5f5;
	border-radius: 0 0 8px 8px;
}
#lens .spec li:nth-of-type(5) {
	padding-bottom: 0;
	width: 100%;
}
#lens .spec li:nth-of-type(5) dt img {
	width: 70%;
}
#lens .spec li:nth-of-type(5) dd:first-of-type {
	width: 28%;
	float: left;
}
#lens .spec li:nth-of-type(5) dd:nth-of-type(2) {
	width: 70%;
	float: right;
}
#lens .spec li:nth-of-type(6),
#lens .spec li:nth-of-type(7),
#lens .spec li:nth-of-type(8),
#lens .spec li:nth-of-type(9) {
	margin-right: 2%;
	width: 32%;
	float: left;
}
#lens .spec li:nth-of-type(8) {
	margin-right: 0;
}
#lens .spec li:nth-of-type(6) dl,
#lens .spec li:nth-of-type(7) dl,
#lens .spec li:nth-of-type(8) dl,
#lens .spec li:nth-of-type(9) dl {
	padding: 0 25px;
}
#lens .spec li:nth-of-type(6) dt img,
#lens .spec li:nth-of-type(7) dt img,
#lens .spec li:nth-of-type(8) dt img,
#lens .spec li:nth-of-type(9) dt img {
	width: 90%;
}
#lens .spec li:nth-of-type(6) figure,
#lens .spec li:nth-of-type(7) figure,
#lens .spec li:nth-of-type(8) figure,
#lens .spec li:nth-of-type(9) figure {
	padding: 0 40px;
}

/* 20180220 追記 */
#lens .newColor .box {
	padding: 20px 0 30px;
	background-color: #91a599;
}
#lens .newColor .enter a {
	max-width: 440px;
	margin: 0 auto;
	padding: 30px 0;
	color: #5e5e5e !important;
	background: #fff;
	border-radius: 4px;
	display: block;
	-webkit-transition: 0.5s ease-out;
	transition: 0.5s ease-out;
	text-align: center;
	font-size: 2rem;
}
#lens .newColor .enter a:hover {
	background: #c8cdb5;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

/* ==========================================================================================
	--1MONTH
========================================================================================== */
#lens.month .main li {
    width: 33.3333%;
}
#lens.month .main li:nth-of-type(3) {
	border-right: 1px solid #1b1b1b;
}
#lens.month .spec h2 {
    color: #fff;
    background: #1b1b1b;
}

/* ==========================================================================================
	--1DAY PREMIUM
========================================================================================== */
#lens.premium .main li {
    width: 14.2857%;
}
#lens.premium .main li:nth-of-type(6) {
    border-right: none;
}
#lens.premium .main li:nth-of-type(7) {
    border-right: 1px solid #1b1b1b;
}
#lens.premium .main > div > p {
	margin-top: 20px;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.1em;
}
#lens.premium .main .moisture {
	margin-top: 40px;
}
#lens.premium .main .moisture h2 {
	margin-bottom: 20px;
	padding: 0;
	color: #1b1b1b;
	font-family: 'Sawarabi Mincho';
	font-size: 3.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	background: none;
}
#lens.premium .main .moisture figure {
	margin: 0 auto;
	width: 70%;
}
#lens.premium .main .moisture figcaption {
	margin-top: 20px;
	font-size: 1.6rem;
	text-align: center;
}

#lens.premium .spec h2 {
	margin-bottom: 20px;
	padding: 0;
	background: none;
}
#lens.premium .spec h2 img {
	width: 50%;
	height: auto;
}
#lens.premium .spec li:nth-of-type(5) {
	margin-right: 2%;
    width: 32%;
}
#lens.premium .spec li:nth-of-type(5) dl {
	padding: 0 25px;
}
#lens.premium .spec li:nth-of-type(5) dt img {
	width: 90%;
}
#lens.premium .spec li:nth-of-type(5) dd:first-of-type {
    width: 100%;
    float: none;
}
#lens.premium .spec li:nth-of-type(5) figure {
	padding: 0 40px;
}
#lens.premium .spec li:nth-of-type(6) {
	margin-right: 0;
	padding-bottom: 0;
    width: 66%;
}
#lens.premium .spec li:nth-of-type(6) dl {
	padding: 0 10px;
}
#lens.premium .spec li:nth-of-type(6) dd:first-of-type {
	text-align: center;
}
#lens.premium .spec li:nth-of-type(6) dd:first-of-type br:first-of-type {
	display: none;
}
#lens.premium .spec li:nth-of-type(6) dd:nth-of-type(2) {
	padding: 0 10px;
}
#lens.premium .spec li:nth-of-type(6) p {
	padding: 0 120px 10px 120px;
}
#lens.premium .spec li:nth-of-type(8) {
	margin-right: 2%;
}
#lens.premium .spec li:nth-of-type(9) {
	margin-right: 0;
}



/* ==========================================================================================
	--CLEAR (2017/10/03追加)
========================================================================================== */
#lens.clear .feature h2,
#lens.clear .compare h2,
#lens.clear .online-shop h2,
#lens.clear .lineup h2 {
	margin-bottom: 20px;
	font-size: 3rem;
	font-weight: lighter;
	background: none;
	text-align: center;
}
#lens.clear .main {
	margin-bottom: 70px;
}
#lens.clear .merit {
	margin-top: 40px;
}
#lens.clear .merit > div > p {
	margin: 20px 0 10px;
	font-size: 2rem;
	text-align: center;
	letter-spacing: 0.1em;
}
#lens.clear .merit h2 {
	margin-bottom: 30px;
	padding: 0;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
	font-size: 4.6rem;
	font-weight: lighter;
	text-align: center;
	background: none;
}
#lens.clear .merit h2 span {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
	font-size: 4rem;
	font-weight: lighter;
	letter-spacing: 0.3em;
	margin-left: 10px;
	vertical-align: bottom;
}
#lens.clear .feature .secBoxWrap {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
}
#lens.clear .feature .secBox {
	padding: 0 20px 20px;
}
#lens.clear .feature .secBox h3 {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 1.7rem;
	text-align: center;
}
#lens.clear .feature .secBox h3 span {
	display: block;
	padding-top: 10px;
	letter-spacing: 0.2em;
	font-size: 3rem;
}
#lens.clear .feature .secBox div ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: 10px;
}
#lens.clear .feature .secBox div > ul li {
	display: table;
	width: 200px;
	height: 200px;
	margin-left: 10px;
	padding: 10px;
	background-color: #e9fafe;
	line-height: 1.3;
	font-size: 3.5rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .feature .secBox div li p {
	display: table-cell;
	vertical-align: middle;
}
#lens.clear .feature .secBox:first-child div li {
	background-color: #d1f3ff;
}
#lens.clear .feature .secBox div li:first-child {
	margin-left: 0;
}
/*#lens.clear .feature .secBox .rcpMore-btn a,
#lens.clear .feature .secBox .rcMore-btn a {
	position: relative;
	padding: 30px 15px;
	color: #5e5e5e!important;
	background: #8ce2ff;
	border-radius: 4px;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
	text-align: right;
	font-size: 2.0rem;
}
#lens.clear .feature .secBox .rcMore-btn a {
	background: #b8eefe;
}
#lens.clear .feature .secBox .rcpMore-btn a:hover,
#lens.clear .feature .secBox .rcMore-btn a:hover {
	background: #5fd6ff; 
	-webkit-transition: 0.5s ease-out; 
    transition: 0.5s ease-out; 
}
#lens.clear .feature .secBox .rcMore-btn a:hover { 
	background: #8ce2ff; 
}
#lens.clear .feature .secBox .rcpMore-btn span,
#lens.clear .feature .secBox .rcMore-btn span {
	/*display: inline-block;*/
	/*position: absolute;
	top: 23px;
	left: 30px;
	font-size: 2.0rem;
	text-align: left;
}*/
#lens.clear .feature .secBox a {
	display: block;
	width: 410px;
	height: 360px;
	padding: 20px;
	background: #d1f3ff;
}
#lens.clear .feature .secBox .rcMore-btn a {
	background: #e9fafe;
}
#lens.clear .feature .secBox a span {
	display: block;
}
#lens.clear .feature .secBox a span.tit01 {
	margin-bottom: 10px;
	font-size: 3.5rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .feature .secBox a span.tit02 {
	line-height: 1.8;
	margin-bottom: 10px;
	padding-left: 5px;
	border-bottom: #999 1px solid;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
}
#lens.clear .feature .secBox a ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
}
#lens.clear .feature .secBox a ul li {
	margin-left: 10px;
}
#lens.clear .feature .secBox a ul li:first-child {
	margin-left: 0;
}
#lens.clear .feature .secBox a span.txt {
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 2.0rem;
	font-weight: lighter;
}
#lens.clear .feature .secBox .rcMore-btn a span.txt {
	letter-spacing: -0.06rem;
}
#lens.clear .feature .secBox a span.btn {
	line-height: 1.5;
	padding: 10px 0;
	background: #179cd9;
	border-radius: 4px;
	font-size: 2.0rem;
	text-align: center;
	color: #fff;
}
#lens.clear .feature .secBox .rcMore-btn a span.btn {
	background: #8ce2ff;
	color: #666;
}
#lens.clear .feature .secBox a:hover span.btn {
	background: #5fd6ff;
	-webkit-transition: 0.5s ease-out; 
    transition: 0.5s ease-out;
	color: #fff;
}
#lens.clear .feature .secBox i {
	margin-left: 10px;
}
#lens.clear .feature .quality {
	width: 88%;
	line-height: 1.4;
	margin: 0 auto;
	padding: 25px 0;
	background: linear-gradient(#fff, #e4eff3);
	background: -moz-linear-gradient(#fff, #e4eff3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4eff3));
	text-align: center;
}
#lens.clear .feature .quality h4 {
	margin-bottom: 5px;
	font-weight: lighter;
	font-size: 3rem;
}
#lens.clear .feature .quality p {
	font-size: 2.5rem;
}
#lens.clear .compare .label {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-bottom: 10px;
}
#lens.clear .compare .label li {
	margin-left: 30px;
	padding: 12px 82px 0;
	box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.30);
	background-color: #fff;
	text-align: center;
}
#lens.clear .compare .label li:first-child {
	margin-left: 0;
	padding: 15px 80px 5px;
}
#lens.clear .compare .label li p {
	line-height: 2;
	font-size: 2.5rem;
}
#lens.clear .compare .label li:nth-child(2) p {
	line-height: 1.7;
}
#lens.clear .compare table {
	width: 88%;
	margin: 0 auto;
}
#lens.clear .compare tr {
	line-height: 1.5;
	border-bottom: #179cd9 2px solid;
	font-size: 1.8rem;
	text-align: center;
}
#lens.clear .compare tr:first-child {
	border-top: #179cd9 2px solid;
}
#lens.clear .compare tr:nth-child(odd) {
	background-color: #edf8fa;
}
#lens.clear .compare th {
	width: 20%;
	border-right: #179cd9 2px solid;
	border-left: #179cd9 2px solid;
	vertical-align: middle;
}
#lens.clear .compare td {
	width: 40%;
	padding: 10px 0;
	vertical-align: middle;
}
#lens.clear .compare td span {
	display: block;
	padding-left: 65px;
}
#lens.clear .online-shop .secBoxWrap {
	overflow: hidden;
}
#lens.clear .online-shop .secBox {
	overflow: hidden;
	float: left;
	width: 48%;
	margin-left: 20px;
}
#lens.clear .online-shop .secBox:first-child {
	margin-left: 0;
}
#lens.clear .online-shop .secBox figure {
	float: left;
	width: 20%;
}
#lens.clear .online-shop .secBox .box {
	line-height: 1.9;
	float: right;
	width: 75%;
}
#lens.clear .online-shop .secBox .box p {
	margin-bottom: 10px;
	font-size: 2.7rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .online-shop .secBox .box li a {
	position: relative;
	margin-bottom: 10px;
	padding: 20px;
	color: #5e5e5e!important;
	background: #b8eefe;
	border-radius: 4px;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
	text-align: center;
	font-size: 2.0rem;
}
#lens.clear .online-shop .secBox:first-child .box li a {
	background-color: #8ce2ff;
}
#lens.clear .online-shop .secBox:first-child .box li:first-child a {
	background-color: #d1f3ff;
}
#lens.clear .online-shop .secBox .box li:first-child a {
	background: #e9fafe;
}
#lens.clear .online-shop .secBox .box li a:hover {
	background: #8ce2ff;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens.clear .online-shop .secBox:first-child .box li a:hover {
	background: #5fd6ff;
}
#lens.clear .online-shop .secBox:first-child .box li:first-child a:hover {
	background: #8ce2ff;
}
#lens.clear .online-shop .secBox .box li:first-child a:hover {
	background: #b8eefe;
}
#lens.clear .online-shop .secBox .box li i.fa-shopping-cart {
	margin: 0 10px;
	color: #59a9c7;
}
#lens.clear .online-shop .secBox .box li i.fa-angle-right {
	margin-left: 10px;
}
#lens.clear .lineup h2  {
	text-align: left;
}
#lens.clear .lineup .secBox a {
	display: block;
	overflow: hidden;
	padding: 20px;
	background: #d1f3ff;
}
#lens.clear .lineup .secBox:nth-child(3) a {
	margin-top: 30px;
	background: #e9fafe;
}
#lens.clear .lineup .secBox a figure {
	float: left;
	width: 13%;
	margin-left: 3%;
}
#lens.clear .lineup .secBox a .box {
	position: relative;
	float: right;
	width: 80%;
}
#lens.clear .lineup .secBox a .box .tag {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	border: #666 1px solid;
	font-size: 3.5rem;
	font-weight: lighter;
}
#lens.clear .lineup .secBox a .box .tit {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	letter-spacing: 0.1rem;
	background: none;
	font-size: 3.5rem;
	color: #000;
}
#lens.clear .lineup .secBox a .box .txt {
	line-height: 1.3;
	margin: 20px 0;
	font-size: 3.2rem;
	color: #0872b5;
	text-align: left;
	letter-spacing: -0.2rem;
}
#lens.clear .lineup .secBox a .box ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
}
#lens.clear .lineup .secBox a .box ul li {
	margin-right: 20px;
}
#lens.clear .lineup .secBox a .box p.btn {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 38%;
	margin: 0;
	padding: 25px 0;
	border-radius: 4px;
	background: #179cd9;
	text-align: center;
	font-size: 2.5rem;
	color: #fff;
}
#lens.clear .lineup .secBox:nth-child(3) a .box p.btn {
	background: #fff;
	color: #179cd9;
}
#lens.clear .lineup .secBox a:hover .box p.btn {
	background: #5fd6ff;
	color: #fff;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens.clear .lineup p.txt {
	line-height: 1.7;
	margin: 40px 0;
	text-align: center;
}
#lens.clear .guarantee div .bg.cl {
	margin-bottom: 70px;
}

/* ==========================================================================================
	--CLEAR 1DAY (2017/10/03追加)
========================================================================================== */
#lens.clear .main ul.rc li {
	width: 25%;
}
#lens.clear .main ul.rc li:nth-of-type(3) {
	border-right: none;
}
#lens.clear .main ul.rc li:nth-child(4) {
	border-right: #1b1b1b 1px solid;
}
#lens.clear .intro > div {
	padding-bottom: 30px;
	background: linear-gradient(#fff, #e4eff3);
	background: -moz-linear-gradient(#fff, #e4eff3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4eff3));
}
#lens.clear .intro .introIn {
	position: relative;
	height: 470px;
	margin-bottom: 20px;
}
#lens.clear .intro .introIn p.logo {
	position: absolute;
	top: 0;
	left: 21%;
	width: 35%;
	height: auto;
}
#lens.clear .intro .introIn h2 {
	line-height: 1.5;
	width: 75%;
	margin-bottom: 10px;
	padding-top: 70px;
	background: none;
	color: #0570b8;
	font-size: 4.0rem;
	font-weight: normal;
	text-align: center;
}
#lens.clear .intro.pro .introIn h2 {
	padding-top: 60px;
}
#lens.clear .intro .introIn h2 span {
	display: block;
	font-size: 2.4rem;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
	font-weight: lighter;
}
#lens.clear .intro .introIn figure {
	position: absolute;
	top: 0;
	right: 5%;
	width: 20%;
}
#lens.clear .intro .introIn p.txt {
	line-height: 1.5;
	width: 72%;
	padding-left: 10%;
	font-size: 2.0rem;
	font-weight: 450;
}
#lens.clear .intro.pro .introIn p.txt {
	padding-left: 9%;
}
#lens.clear .intro .introIn p.spec {
	line-height: 1.5;
	width: 75%;
	margin-top: 40px;
	padding-left: 10%;
	letter-spacing: 3px;
	font-weight: lighter;
}
#lens.clear .intro.pro .introIn p.spec {
	padding-left: 9%;
}
#lens.clear .intro .list h3 {
	line-height: 1.7;
	font-weight: lighter;
	font-size: 2.2rem;
	text-align: center;
}
#lens.clear .intro .list h3 span {
	padding-left: 15px;
	font-size: 4.0rem;
}
#lens.clear .intro .list ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
}
#lens.clear .intro .list li {
	display: table;
	width: 200px;
	height: 200px;
	margin-left: 20px;
	padding: 10px;
	line-height: 1.3;
	border: #000 1px solid;
	font-size: 2.9rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .intro .list li:first-child {
	margin-left: 0;
}
#lens.clear .intro .list li p {
	display: table-cell;
	vertical-align: middle;
}
#lens.clear .function li {
	overflow: hidden;
	margin-top: 30px;
}
#lens.clear .function li div {
	float: left;
	width: 53%;
}
#lens.clear .function li figcaption {
	line-height: 1.3;
	margin-bottom: 20px;
	font-size: 3.0rem;
	font-weight: lighter;
}
#lens.clear .function li figcaption span {
	letter-spacing: 0.3rem;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
}
#lens.clear .function li p {
	line-height: 1.3;
	font-size: 2.3rem;
	font-weight: lighter;
}
#lens.clear .function li figure {
	width: 45%;
	float: right;
	margin-left: 10px;
	border: #999 1px solid;
}
#lens.clear .rc-online-shop .bg {
	padding: 40px 20px;
	background: linear-gradient(#e4eff3, #fff);
	background: -moz-linear-gradient(#e4eff3, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#e4eff3), to(#fff));
}
#lens.clear .rc-online-shop .bg .wrap {
	position: relative;
}
#lens.clear .rc-online-shop .bg .wrap .fig {
	overflow: hidden;
}
#lens.clear .rc-online-shop .bg .wrap .fig > p {
	float: left;
	width: 14%;
	margin-left: 20px;
}
#lens.clear .rc-online-shop .bg .wrap .fig ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	float: right;
	width: 83%;
	margin-top: 10px;
}
#lens.clear .rc-online-shop .bg .wrap .fig li {
	display: table;
	width: 170px;
	height: 170px;
	margin-left: 20px;
	padding: 10px;
	line-height: 1.3;
	border: #000 1px solid;
	font-size: 2.4rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .rc-online-shop .bg .wrap .fig li:first-child {
	margin-left: 0;
}
#lens.clear .rc-online-shop .bg .wrap .fig li p {
	display: table-cell;
	vertical-align: middle;
}
#lens.clear .rc-online-shop .bg .wrap h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1.3;
	margin: 0 20px 30px 0;
	padding: 0;
	background: none;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
	font-size: 4rem;
	font-weight: lighter;
}
#lens.clear .rc-online-shop .bg .wrap h2 span {
	display: block;
	margin-left: 0;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
	font-size: 2.2rem;
	font-weight: lighter;
}
#lens.clear .rc-online-shop ul.btn {
	margin-top: 20px;
}
#lens.clear .rc-online-shop ul.btn li a {
	display: block;
	border-radius: 4px;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
	box-shadow: none;
	line-height: 1.3;
	margin-bottom: 10px;
	padding: 20px;
	background: #b8eefe;
	font-size: 2.3rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .rc-online-shop ul.btn li a:hover {
	background: #8ce2ff;
	opacity: 1.0;
}
#lens.clear .rc-online-shop ul.btn li:first-child a {
	padding: 10px 20px;
	background-color: #e9fafe;
}
#lens.clear .rc-online-shop ul.btn li:first-child a:hover {
	background: #b8eefe;
}
#lens.clear .rc-online-shop ul.btn li a span {
	display: block;
	padding-left: 10%;
	font-size: 1.8rem;
	text-align: left;
}
#lens.clear .rc-online-shop ul.btn li a i.fa-shopping-cart {
	color: #59a9c7;
}
#lens.clear .rc-online-shop ul.btn li a i.fa-angle-right {
	margin-left: 20px;
}
#lens.clear .rc-spec h2 {
	background: none;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , "ヒラギノ角ゴ Pro W3";
	font-size: 4.0rem;
	font-weight: lighter;
	text-align: center;
}
#lens.clear .rc-spec table {
	width: 88%;
	margin: 0 auto;
}
#lens.clear .rc-spec tr {
	line-height: 1.5;
	border-bottom: #179cd9 2px solid;
	font-size: 1.8rem;
	text-align: center;
}
#lens.clear .rc-spec tr:first-child {
	border-top: #179cd9 2px solid;
}
#lens.clear .rc-spec tr:nth-child(odd) {
	background-color: #edf8fa;
}
#lens.clear .rc-spec th {
	width: 20%;
	border-right: #179cd9 2px solid;
	border-left: #179cd9 2px solid;
	vertical-align: middle;
	font-weight: normal;
}
#lens.clear .rc-spec td {
	width: 40%;
	padding: 10px 5px;
	border-right: #179cd9 2px solid;
	vertical-align: middle;
}
#lens.clear .rc-spec p {
	line-height: 1.7;
	margin: 40px 0;
	text-align: center;
}

/* ==========================================================================================
	--CLEAR 1DAY Premium (2017/08/09追加)
========================================================================================== */
/* 2017/10/05 追加 ここから */
#lens.clear .function li p sup {
	position: relative;
	top: -0.1em;
	font-size: 75.5%;
	vertical-align: top;
}
#lens.clear .function li p span {
	margin-top: 15px;
	font-size: 2.0rem;
}
#lens.clear .function li p.dk {	
	width: 95%;
	margin-top: 10px;
	padding: 2px;
	border: #000 1px solid;
	font-size: 1.7rem;
	text-align: center;
}
/* 2017/10/05 追加 ここまで */
#lens.clear main section div h2 {
	background: #aaddf7;
}
#lens.clear .point {
	font-family: YuMincho,'Yu Mincho',serif;
}
#lens.clear .point h3 {
	margin-bottom: 30px;
}
#lens.clear .point h3 img {
	width: auto;
	height: 79px;
}
#lens.clear .point .chara {
	display: flow-root;
	margin-bottom: 50px;
}
#lens.clear .point .chara .image {
	float: left;
	width: 30%;
}
#lens.clear .point .chara ul {
	float: right;
	width: 70%;
	height: 500px;
	position: relative;
	margin-top: -20px;
}
#lens.clear .point .chara ul li {
	position: absolute;
	width: 558px;
	height: 160px;
}
#lens.clear .point .chara ul li:first-child {
	top: 0;
	right: 5%;
}
#lens.clear .point .chara ul li:nth-child(2) {
	top: 33%;
	right: 0;
}
#lens.clear .point .chara ul li:nth-child(3) {
	top: 68%;
	right: 24.5%;
}
#lens.clear .point .chara ul li:nth-child(3) .note {
	position: absolute;
	right: 0;
	bottom: 20px;
	font-family: "Quicksand",Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: bold;
}
#lens.clear .point .chara ul li h4 {
	position: absolute;
	top: -10px;
	right: 5%;
	font-size: 3.1rem;
	font-weight: normal;
}
#lens.clear .point .chara ul li:nth-child(3) h4 {
	right: 7%;
}
#lens.clear .point .chara ul li .txt {
	position: absolute;
	top: 27%;
	right: 4%;
	line-height: 1.1;
	font-size: 2.0rem;
}
#lens.clear .point .chara ul li:first-child .txt {
	right: 1%;
	font-size: 1.85rem;
}
#lens.clear .point .chara ul li:first-child .txt span {
	padding-left: 20px;
	font-size: 1.2rem;
}
#lens.clear .point .chara ul li:nth-child(2) .txt {
	top: 25%;
}
#lens.clear .point .chara ul li:nth-child(3) .txt {
	top: 23%;
}
#lens.clear .point .chara ul li:nth-child(3) .txt sup {
	vertical-align: super;
	font-size: 0.9rem;
}
#lens.clear .point .adopt {
	margin-bottom: 40px;
}
#lens.clear .point .adopt h4 {
	font-size: 4.5rem;
	font-weight: normal;
	text-align: center;
}
#lens.clear .point .adopt div {
	padding: 7% 0 8%;
	background: url(../revia_img/clear-1day-premium/rcp_adopt.jpg) no-repeat 0 0;
	background-size: contain;
	background-position: center;
}
#lens.clear .point .adopt div .txt {
	line-height: 1.3;
	margin-bottom: 20px;
	text-align: center;
	font-size: 2.3rem;
}
#lens.clear .point .adopt .txt span {
	display: block;
	padding-top: 10px;
}
#lens.clear .point .adopt div .dk {
	margin: 0 21%;
	padding: 10px 20px;
	background-color: #fff;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
	font-size: 1.9rem;
	text-align: center;
	font-weight: bold;
}
#lens.clear .point .adopt div .dk span {
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	opacity: 1.0;
}
#lens.clear .point .uvcut {
	margin-bottom: 40px;
}
#lens.clear .point .uvcut h4 {
	font-size: 4.5rem;
	font-weight: normal;
	text-align: center;
}
#lens.clear .point .hld h4 {
	margin-bottom: 20px;
	font-size: 4.5rem;
	font-weight: normal;
	text-align: center;
}
#lens.clear .guarantee .txt {
	margin-bottom: 70px;
}
#lens.clear .accept .btn {
	font-size: 2rem;
	text-align: center;
}
#lens.clear .accept .btn a {
	padding: 30px 0;
	color: #5e5e5e!important;
	background: #c5e7f8;
	border-radius: 4px;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens.clear .accept .btn a:hover {
	background: #aaddf7;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#lens.clear .accept .btn i {
	margin-right: 10px;	/* 2017/09/28 修正 */
}
#lens.clear .guarantee div .bg {
	position: relative;
}
/* 2017/09/28 修正 ここから */
#lens.clear .guarantee div .bg span {
	position: absolute;
	top: 280px;
	right: 25px;
}
/* 2017/09/28 修正 ここまで */

/* ==========================================================================================
	--Blue Light Barrier (2020/07/27追加)
========================================================================================== */
#lens.blb main section.main div h1 + p {margin-bottom: 10px; padding: 5px; border: #002069 1px solid; color: #002069; font-size: 1.5em; font-weight: bold; text-align: center;}
#lens.blb .spec h2 {background: #002069; color: #fff;}
#lens.blb .specIn {margin-bottom: 30px !important;}
#lens.blb .spec .quality .new {margin-top: 20px;}
#lens.blb .spec .quality .new p:first-of-type {position: relative;}
#lens.blb .spec .quality .new p:nth-of-type(2) {width: 75%; margin: -60px auto 20px;}
#lens.blb .spec .f {display: flex; justify-content: center;}
#lens.blb .intro {width:88.5%; margin: 0 auto 30px;}
#lens.blb p.btn {max-width: 780px;}
#lens.blb .purchase .btn a {display: block; padding: 20px 5px; background: #005aa8; color: #fff; font-size: 3.0rem; text-align: center; letter-spacing: 12px;}

/* ==========================================================================================
	--CARE (2017/12/15追加)
========================================================================================== */
#lenscare #contentsWrap {
	background: #f9f8f5;
}
#lenscare .inner {
	width: 980px;
	margin: 0 auto;
	background: #fff;
}
#lenscare main .tit {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #93d0c8;
}
#lenscare main .tit img {
	max-width: 500px;
}
#lenscare .main .inner {
	padding-bottom: 53px;
}
#lenscare .main .btn {
	max-width: 441px;
	margin: 0 auto;
} 
#lenscare .feature .inner {
	padding-bottom: 48px;
}
#lenscare .feature ul {
	width: 59.35%;
	margin: 0 auto;
	padding-top: 50px;
}
#lenscare .feature ul li {
	margin-bottom: 25px;
}
#lenscare .howto .inner {
	padding-bottom: 50px;
}
#lenscare .howto .howtoIn {
	width: 840px;
	margin: 0 auto;
}
#lenscare .howto .howtoIn p {
	line-height: 1.4;
	margin: 40px 0 20px;
	font-size: 18px;
	font-weight: 600;
}
#lenscare .howto .howtoIn ul.howtoBox {
	overflow: hidden;
}
#lenscare .howto .howtoIn ul.howtoBox li {
	float: left;
	width: 31.6%;
	padding-left: 10px;
}
#lenscare .howto .howtoIn ul.useatBox {
	margin: 50px auto 0;
	padding-top: 30px;
	border-top: #000 1px solid;
}
#lenscare .howto .howtoIn ul.useatBox li {
	line-height: 1.9;
	font-size: 17px;
	font-weight: 600;
}
#lenscare .important .iconBox {
	overflow: hidden;
	width: 896px;
	margin: 0 auto;
	padding: 40px 0 30px;
}
#lenscare .important .iconBox li {
	float: left;
	padding: 10px;
}
#lenscare .productInfo .inner {
	padding-bottom: 30px;
}
#lenscare .productInfo .productBox {
	width: 840px;
	margin: 50px auto 0;	
}
#lenscare .productInfo .productBox h3 {
	line-height: 1.2;
	padding-top: 7px;
	font-size: 18px;
	font-weight: bold;
}
#lenscare .productInfo .productBox h3 img {
	width: 308px;
}
#lenscare .productInfo .productBox p {
	line-height: 1.7;
	font-size: 17px;
	font-weight: 500;
}
/* 2017/12/15 追加 ここまで */

#care main .tit {
	margin-bottom: 0;
	background: #93d0c8;
}
#care main .tit img {
	max-width: 211px;
}
#care .btn {
	margin: 0 auto 70px;
	width: 100%;
	max-width: 441px;
	
}i
#care main section div h2 {
	margin-bottom: 40px;
    padding: 10px 50px;
	font-family: 'Sawarabi Mincho';
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	background: #93d0c8;
}
#care .main p {
	margin: 0 auto;
    width: 100%;
	max-width: 980px;
}

#care .spec ul {
	margin: 0 auto;
	width: 100%;
	max-width: 650px;
}
#care .spec li {
	margin-bottom: 30px;
	overflow: hidden;
}
#care .spec li:last-of-type {
	margin-bottom: 0;
}
#care .spec li figure {
	margin-right: 5%;
	width: 17%;
	float: left;
}
#care .spec li dl {
	padding-top: 22px;
	width: 78%;
	float: left;
}
#care .spec li:first-of-type dl {
	padding-top: 10px;
}
#care .spec li dt img {
	width: 100%;
	max-width: 386px;
}
#care .spec li dd {
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.7;
}

#care .flow div p {
	margin: 0 auto;
	width: 100%;
	max-width: 840px;
	font-size: 1.8rem;
	line-height: 1.7;
}
#care .flow ol {
	margin: 30px auto 0;
	width: 100%;
	max-width: 840px;
	overflow: hidden;
}
#care .flow ol li {
	margin-right: 3.5%;
	width: 31%;
	float: left;
}
#care .flow ol li:nth-of-type(3n) {
	margin-right: 0;
}
#care .flow ol li dl {
	margin-top: 15px;
}
#care .flow ol li dt {
	font-size: 2.4rem;
	font-weight: bold;
}
#care .flow ol li dd {
	margin-top: 5px;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
#care .flow .notice {
	margin-top: 50px;
    padding-top: 30px;
	border-top: 1px solid #1b1b1b;
}

#care .important ul {
	font-size: 0;
	text-align: center;
}
#care .important li {
	padding: 0 10px;
	width: 112px;
	display: inline-block;
}

#care .info dl {
	margin: 0 auto;
	width: 100%;
	max-width: 840px;
	line-height: 1.7;
}
#care .info dt {
	font-size: 1.8rem;
	font-weight: bold;
}
#care .info dt span {
	margin-left: 10px;
	padding: 2px;
	font-size: 1rem;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #1b1b1b;
	border-radius: 2px;
}
#care .info dd {
	margin-bottom: 10px;
	font-size: 1.6rem;
}

/* ==========================================================================================
	--SHOP LIST
========================================================================================== */
#shoplist .tab {
	margin-bottom: 30px;
	background: #f1f1f1;
}
#shoplist .tab ul {
	overflow: hidden;
}
#shoplist .tab li {
	float: left;
	width: 50%;
	padding: 30px 0 24px;
 background: #1b1b1b;
	border-bottom: 6px solid #1b1b1b;
 color: #fff;
	font-size: 2.4rem;
	text-align: center;
}
/* #shoplist .tab li a {
	padding: 30px 0 24px;
	border-bottom: 6px solid #f1f1f1;
	display: block;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#shoplist .tab li:nth-of-type(2) a {
	padding: 17px 0 13px;
}
#shoplist .tab li a.active {
	color: #fff;
	background: #474747;
	border-bottom: 6px solid #1b1b1b;
}
#shoplist .tab li a:hover {
	color: #fff;
	background: #1b1b1b;
	border-bottom: 6px solid #1b1b1b;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
} */
#shoplist .tab li span {
	font-size: 1.2rem;
}
#shoplist .tab li:first-of-type br,
#shoplist .tab li span br {
	display: none;
}

#shoplist .shop nav ul {
	margin-bottom: 40px;
	overflow: hidden;
}
#shoplist .shop nav li {
	margin-bottom: 10px;
	padding: 0 5px;
	width: 25%;
	font-size: 1.6rem;
	text-align: center;
	float: left;
}
#shoplist .shop nav li a {
	padding: 15px;
	color: #5e5e5e;
	background: #f9e2dc;
	border-radius: 4px;
	display: block;
	position: relative;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
/* #shoplist .shop nav li a:after {
	content: "\f054";
	margin-top: -8px;
	color: #5e5e5e;
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
} */
#shoplist .shop nav li a:hover {
	background: #f8d1c6;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#shoplist .shop nav li a:hover:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

#shoplist .shop div > p {
	color: #777;
	font-size: 1.2rem;
	text-align: right;
}
#shoplist .shop div h2 {
	margin-bottom: 40px;
	padding-left: 12px;
	font-size: 2.4rem;
	font-weight: bold;
	border-left: 7px solid #1b1b1b;
}
#shoplist .shop div div {
	margin-bottom: 50px;
}
#shoplist .shop div div h3 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #c6c6c6;
}
#shoplist .shop div div h3 span {
	margin-left: 15px;
	font-size: 1.4rem;
	font-weight: normal;
}
#shoplist .shop div div .page-top {
	color: #1b1b1b;
}
#shoplist .shop div div .page-top a {
	padding-bottom: 2px;
	border-bottom: 1px solid #777;
}
#shoplist .shop div div .page-top i {
	margin-right: 10px;
}

#shoplist .shop div div ul {
	overflow: hidden;
}
#shoplist .shop div div li {
	margin-bottom: 20px;
	padding: 15px;
	width: 49%;
	border: 1px solid #c6c6c6;
	float: left;
}
#shoplist .shop div div li:nth-of-type(2n) {
	float: right;
}
#shoplist .shop div div li dt {
	margin-bottom: 10px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
#shoplist .shop div div li dd {
	line-height: 1.7;
}
#shoplist .shop div div li dd i {
	margin-left: 5px;
	font-size: 150%;
}

/* ==========================================================================================
	--COMPANY
========================================================================================== */
#company main .tit h1 {
    font-size: 3rem;
}
#company .info h2 {
	margin: 0 auto 30px;
	width: 100%;
	max-width: 700px;
}
#company .info h2 img {
	width: 25%;
}
#company .info dl {
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	line-height: 1.7;
	border-top: 1px solid #c6c6c6;
	overflow: hidden;
}
#company .info dt {
	padding: 20px 0;
	width: 30%;
	font-weight: bold;
	float: left;
}
#company .info dd {
	padding: 20px 0 20px 30%;
	border-bottom: 1px solid #c6c6c6;
}

/* ==========================================================================================
	--CONTACT
========================================================================================== */
#contact .form > div > p {
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.7;	
}
#contact .form > div > p em {
	color: #ff5656;
}
#contact .form > div > h2 {
	margin-bottom: 30px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
#contact .form div div {
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
}
#contact .form dl {
	margin-bottom: 30px;
}
#contact .form dt {
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
}
#contact .form dd {
	font-size: 1.6rem;
	line-height: 1.7;
}
#contact .form dd em {
	color: #ff5656;
}
#contact form input,
#contact form select,
#contact form textarea {
	padding: 10px;
	width: 100%;
	font-size: 16px;
	line-height: 1.7;
	background: #fff;
	border:1px solid #aaa;
	border-radius: 2px;
}
#contact form input:focus,
#contact form select:focus,
#contact form textarea:focus {
	border:1px solid #000;
}
#contact form .select {
	position: relative;
}
/* #contact form .select:after {
	content: "\f0d7";
	margin-top: -6px;
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 10px;
} */
#contact form button {
	margin: 50px auto 0;
	padding: 20px;
	width: 100%;
	color: #fff;
	font-size:1.6rem;
	background:#1b1b1b;
	border: none;
	border-radius: 4px;
	display:block;
	cursor:pointer;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#contact form button:hover {
	background:#474747;
	-webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#contact form button.return {
	background:#777;
}
#contact form button.return:hover {
	background:#ababab;
}

/* ==========================================================================================
	--COMMERCE
========================================================================================== */
#commerce main .tit h1 {
    font-size: 3rem;
	letter-spacing: 0.2em;
}
#commerce dl {
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	line-height: 1.7;
	border-top: 1px solid #c6c6c6;
	overflow: hidden;
}
#commerce dt {
	padding: 20px 0;
	width: 30%;
	font-weight: bold;
	float: left;
}
#commerce dd {
	padding: 20px 0 20px 30%;
	border-bottom: 1px solid #c6c6c6;
}


/* ==========================================================================================
	--TABLET
========================================================================================== */
@media screen and (max-width: 980px) {
	/* =========================================
		--1DAY
	========================================= */
	#lens .btn {
		padding: 0 10px;
	}
	
	/* =========================================
		--CLEAR (2017/10/04追加)
	========================================= */
	#lens.clear .feature .secBox div li {
		width: 160px;
		height: 160px;
		font-size: 2.5rem;
	}
	#lens.clear .online-shop .secBox .box p {
		margin-bottom: 0;
		font-size: 2.0rem;
	}
	#lens.clear .online-shop .secBox .box li a {
		padding: 10px;
	}
	#lens.clear .online-shop .secBox .box li i.fa-angle-right {
		margin-left: 5px;
	}
	#lens.clear .lineup .secBox a .box .tag {
		top: 5px;
		right: 5px;
		font-size: 2.0rem;
	}
	#lens.clear .lineup .secBox a .box p.btn {
		width: 30%;
	}
	
	/* =========================================
		--CLEAR 1DAY (2017/10/05追加)
	========================================= */
	#lens.clear .intro .introIn {
		height: 460px;
	}
	#lens.clear .intro .introIn p.txt {
		font-size: 1.6rem;
	}
	#lens.clear .intro .list li {
		width: 170px;
		height: 170px;
		font-size: 2.4rem;
	}
	#lens.clear .feature .secBox a ul {
		height: 110px;
	}
	#lens.clear .function li figcaption {
		font-size: 2.4rem;
	}
	#lens.clear .function li p {
		font-size: 1.9rem;
	}
	#lens.clear .function li figure {
		width: 47%;
		margin-left: 0;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig ul {
		width: 80%;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig li {
		width: 130px;
		height: 130px;
		margin-left: 15px;
		font-size: 2.1rem;
	}
	#lens.clear .rc-online-shop .bg .wrap h2 {
		right: 5px;
		margin: 0 0 25px;
		letter-spacing: 1.0rem;
		font-size: 3.3rem;
	}
	#lens.clear .rc-online-shop ul.btn li span {
		padding-left: 0;
	}
	#lens.clear .rc-spec tr {
		font-size: 1.7rem;
	}
	
	/* =========================================
		--CLEAR 1DAY Premium(2017/08/17追加)
	========================================= */
	#lens.clear .point h3 img {
		width: auto;
		height: 59px;
	}
	#lens.clear .point .chara {
		display: block;
	}
	#lens.clear .point .chara .image {
		float: none;
		width: 20%;
		margin: 0 auto;
	}
	#lens.clear .point .chara ul {
		float: none;
		width: 80%;
		height: 500px;
		position: relative;
		margin: 20px auto;
	}
	#lens.clear .point .chara ul li {
		position: absolute;
		width: 558px;
		height: 160px;
	}
	#lens.clear .point .chara ul li:first-child {
		top: 0;
		right: auto;
	}
	#lens.clear .point .chara ul li:nth-child(2) {
		top: 33%;
		right: 0;
	}
	#lens.clear .point .chara ul li:nth-child(3) {
		top: 68%;
		right: auto;
	}
	#lens.clear .point .chara ul li:nth-child(3) .note {
		position: absolute;
		right: 0;
		bottom: 0;
		font-family: "Quicksand",Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-weight: bold;
	}
	#lens.clear .point .chara ul li h4 {
		top: -8px;
	}
	#lens.clear .point .chara ul li .txt {
		top: 27%;
	}
	#lens.clear .point .chara ul li:first-child .txt {
		font-size: 1.83rem;
	}
	#lens.clear .point .chara ul li:nth-child(2) .txt {
		top: 25%;
	}
	#lens.clear .point .chara ul li:nth-child(3) .txt {
		top: 23%;
	}
	#lens.clear .point .adopt h4 {
		font-size: 3rem;
	}
	#lens.clear .point .adopt div .txt {
		margin-right: 30px;
		font-size: 1.8rem;
	}
	#lens.clear .point .adopt div .dk {
		margin: 0 21%;
		font-size: 1.5rem;
	}
	#lens.clear .point .uvcut h4 {
		font-size: 3rem;
	}
	#lens.clear .point .hld h4 {
		font-size: 3rem;
	}
/* 2017/09/28 修正 ここから */
	#lens.clear .guarantee div .bg span {
		top: 36%;
		right: 5%;
		width: 40%;
	}
/* 2017/09/28 修正 ここまで */
	
	/* =========================================
		--care
	========================================= */
	/* 2017/12/15 修正 ここから */
	#lenscare .inner {
		width: 100%;
	}
	#lenscare .inner .tit img {
		width: 90%;
	}
	#lenscare .feature ul {
		width: 70%;
		padding-top: 40px;
	}
	#lenscare .howto .howtoIn {
		width: 90%;
	}
	#lenscare .important .iconBox {
		width: 96%;
		padding-top: 20px;
	}
	/* 2017/12/15 修正 ここまで */

}

@media screen and (max-width: 768px) {

	/* =========================================
		--TOP
	========================================= */
	#index .topimage.movie { /*2018.11.12 追記*/
		top: 0;
	}
	#index #concept > div div p {
		margin: 0 auto;
		padding: 200px 0;
		width: 100%;
	}

	/* =========================================
		--1DAY
	========================================= */
	#lens .spec li p {
		padding: 0 70px 10px 250px;
	}
	
	/* =========================================
		--1DAY PREMIUM
	========================================= */
	#lens.premium .spec li:nth-of-type(6) p {
		padding: 0 50px 10px 50px;
	}
	
	/* =========================================
		--CLEAR (2017/10/03追加)
	========================================= */
	#lens.clear .merit h2 {
		font-size: 3.6rem;
	}
	#lens.clear .merit h2 span {
		font-size: 3rem;
	}
	#lens.clear .feature .secBoxWrap {
		display: block;
	}
	#lens.clear .feature .secBox .rcpMore-btn,
	#lens.clear .feature .secBox .rcMore-btn {
		width: 410px;
		margin: 0 auto;
	}
	#lens.clear .feature .secBox a ul {
		height: 110px;
	}
	#lens.clear .feature .quality p {
    	font-size: 2.0rem;
	}
	#lens.clear .online-shop .secBox {
		width: 88%;
		float: none;
		margin: 0 auto;
	}
	#lens.clear .online-shop .secBox:first-child {
		margin: 0 auto 40px;
	}
	#lens.clear .online-shop .secBox .box {
		line-height: 2.0;
		margin-top: 10px;
	}
	#lens.clear .online-shop .secBox .box p {
		margin-bottom: 15px;
		font-size: 3.0rem;
	}
	#lens.clear .lineup .secBox a .box {
		padding-bottom: 90px;
	}
	#lens.clear .lineup .secBox a .box .tag {
		font-size: 2.5rem;
	}
	#lens.clear .lineup .secBox a .box .tit {
		line-height: 1.2;
		margin-top: 40px;
		font-size: 3.0rem;
	}
	#lens.clear .lineup .secBox a .box ul {
		width: 85%;
		margin: 0 auto;
	}
	#lens.clear .lineup .secBox a .box p.btn {
		right: 80px;
		bottom: 0;
		width: 80%;
	}

	/* =========================================
		--CLEAR 1DAY (2017/10/05追加)
	========================================= */
	#lens.clear .main {
		margin-bottom: 40px;
	}
	#lens.clear .intro > div {
		padding-bottom: 40px;
	}
	#lens.clear .intro .introIn {
		height: 380px;
	}
	#lens.clear .intro .introIn p.logo {
		left: 20%;
		width: 40%;
	}
	#lens.clear .intro .introIn h2 {
		width: 80%;
		padding-top: 50px;
		font-size: 3.5rem;
	}
	#lens.clear .intro .introIn h2 span {
		font-size: 1.7rem;
	}
	#lens.clear .intro .introIn figure {
		right: 5px;
	}
	#lens.clear .intro .introIn p.txt {
		width: 80%;
		font-size: 1.5rem;
	}
	#lens.clear .intro .introIn p.spec {
		width: 80%;
		margin-top: 30px;
		letter-spacing: 1px;
	}
	#lens.clear .intro .list li {
		width: 140px;
		height: 140px;
		font-size: 1.9rem;
	}
	#lens.clear .function li figcaption {
		font-size: 2.1rem;
	}
	#lens.clear .function li p {
		font-size: 1.7rem;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig ul {
		width: 80%;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig li {
		width: 105px;
		height: 105px;
		font-size: 1.3rem;
	}
	#lens.clear .rc-online-shop .bg .wrap h2 {
		font-size: 2.6rem;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig > p {
		margin-left: 5px;
	}
	#lens.clear .rc-online-shop ul.btn li a {
		padding: 20px 15px;
		font-size: 1.6rem;
	}
	#lens.clear .rc-online-shop ul.btn li a:hover {
		background: #8ce2ff;
		opacity: 1.0;
	}
	#lens.clear .rc-online-shop ul.btn li:first-child a {
		padding: 10px 20px;
		background-color: #e9fafe;
	}
	#lens.clear .rc-online-shop ul.btn li:first-child a:hover {
		background: #b8eefe;
	}
	#lens.clear .rc-online-shop ul.btn li a span {
		padding-left: 8%;
		font-size: 1.5rem;
	}
	#lens.clear .rc-online-shop ul.btn li a i.fa-shopping-cart {
		margin: 0 5px;
	}
	#lens.clear .rc-online-shop ul.btn li a i.fa-angle-right {
		margin-left: 10px;
	}

	
	/* =========================================
		--CLEAR 1DAY Premium (2017/08/09追加)
	========================================= */
	#lens.clear .function li p.dk {	/* 2017/10/05 追加 */
		width: 98%;
		margin: 10px auto 0;
		font-size: 1.1rem;
	}
	#lens.clear .point h3 img {
		width: auto;
		height: 59px;
	}
	#lens.clear .point .chara {
		display: block;
	}
	#lens.clear .point .chara .image {
		float: none;
		width: 20%;
		margin: 0 auto;
	}
	#lens.clear .point .chara ul {
		float: none;
		width: 80%;
		height: 500px;
		position: relative;
		margin: 20px auto;
	}
	#lens.clear .point .chara ul li {
		position: absolute;
		width: 558px;
		height: 160px;
	}
	#lens.clear .point .chara ul li:first-child {
		top: 0;
		right: auto;
	}
	#lens.clear .point .chara ul li:nth-child(2) {
		top: 33%;
		right: 0;
	}
	#lens.clear .point .chara ul li:nth-child(3) {
		top: 68%;
		right: auto;
	}
	#lens.clear .point .chara ul li:nth-child(3) .note {
		position: absolute;
		right: 0;
		bottom: 0;
		font-family: "Quicksand",Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-weight: bold;
	}
	#lens.clear .point .chara ul li h4 {
		top: -8px;
	}
	#lens.clear .point .chara ul li .txt {
		top: 27%;
	}
	#lens.clear .point .chara ul li:first-child .txt {
		font-size: 1.83rem;
	}
	#lens.clear .point .chara ul li:nth-child(2) .txt {
		top: 25%;
	}
	#lens.clear .point .chara ul li:nth-child(3) .txt {
		top: 23%;
	}
	#lens.clear .point .adopt h4 {
		font-size: 3rem;
	}
	#lens.clear .point .adopt div .txt {
		margin-right: 20px;
		font-size: 1.0rem;
	}
	#lens.clear .point .adopt div .dk {
		margin: -12px 21% 0;
		font-size: 1.2rem;
	}
	#lens.clear .point .uvcut h4 {
		font-size: 3rem;
	}
	#lens.clear .point .hld h4 {
		font-size: 3rem;
	}
/* 2017/09/28 修正 ここから */
	#lens.clear .guarantee div .bg span {
		top: 37%;
		/*margin: -75px auto 0;*/
	}
/* 2017/09/28 修正 ここまで */
	
	/* =========================================
		--CARE
	========================================= */
	/* 2017/12/15 修正 ここから */
	#lenscare main .tit h1 {
		width: 100%;
	}
	#lenscare main .tit h1 img {
		max-width: 500px;
	}
	#lenscare .feature ul {
		width: 80%;
		padding-top: 40px;
	}
	#lenscare .howto .inner {
		padding-bottom: 30px;
	}
	#lenscare .howto .howtoIn p {
		margin-top: 30px;
		font-size: 15px;
	}
	#lenscare .howto .howtoIn ul.useatBox {
		margin-top: 30px;
	}
	#lenscare .howto .howtoIn ul.useatBox li {
		font-size: 15px;
	}
	#lenscare .productInfo .productBox {
		width: 94%;
	}
	#lenscare .important .iconBox {
		padding-bottom: 20px;
	}
	/* 2017/12/15 修正 ここまで */
	
	#care .important li {
		width: 12.5%;
	}

}


/* ==========================================================================================
	--SP
========================================================================================== */
@media screen and (max-width: 640px) {
	/* =========================================
		--TOP
	========================================= */
	#index main > section h2 {
		margin-bottom: 15px;
		font-size: 2rem;
	}
	
	/* --20180918更新分 追加記述-- */
	#index #products p.tit {
		font-size: 1.3em;
	}
	#index #products p.tit span {
		display: block;
		width: 95%;
		margin: 0 auto;
	}
	#index #products p.tit.clear {
		background: #0070c0;
	}
	#index #products .color ul li {
		width: 95%;
	}
 
 #index #products p.tit.blb {margin-bottom: 20px;}
	
	/* news */
 #index #news .scroll {max-height: 180px;}
	#index #news ul {
		padding: 5px 0;		
	}
	#index #news li {
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-size: 1.2rem;
	}
	#index #news li .date {
		width: 17%;
	}
	#index #news li .txt {
		width: 73%;
	}
	
	/* products */
	#index #products li {
		margin-bottom: 25px;
	}
	#index #products li figcaption {
		margin-top: 5px;
		font-size: 1.2rem;
	}
 
 #index #products .blb dt a {padding: 0 10px 10px; font-size: 2.0rem;}
	
	/* concept */
	#index #concept > div {
		padding: 0;
		background: url(../revia_img/top/concept_bg_sp.png) no-repeat center bottom;
		background-size: 100%;
	}
	#index #concept > div div {
		background: url(../revia_img/top/concept_bg2_sp.png) no-repeat center top;
		background-size: 100%;
	}
	#index #concept > div div p {
		padding: 70px 0;
		width: 90%;
	}

	/* shoplist */
	#index #shoplist li {
		margin-bottom: 15px;
		width: 100%;
		font-size: 1.6rem;
		float: none;
	}
	#index #shoplist li:nth-of-type(2n) {
		float: none;
	}
	#index #shoplist li:last-of-type {
		margin-bottom: 0;
	}
	#index #shoplist li a {
		padding: 15px 0;
	}
	
	.jasrac {
		margin-top: 0;
		font-size: 1rem;
	}
	.jasrac img {
		width: 40px;
		margin-right: 4px;
	}
	.jasrac p {
		padding-top: 15px;
	}

	/* =========================================
		--1DAY
	========================================= */
	#lens main > section > div {
		padding: 0;
	}
	#lens main section div h2 {
		margin-bottom: 20px;
		padding: 10px;
		letter-spacing: 0.2em;
	}
	#lens main section div h2 img {
		width: 100%;
		height: auto;		
	}
	#lens main section div h2 span {
		margin-left: 10px;
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	
	#lens .main {
		margin-bottom: 20px;
	}
	#lens .main li {
		padding: 5px 0;
		width: 33.3333%;
		font-size: 1.2rem;
		border-bottom: 0;		
	}
	#lens .main li:nth-of-type(3) {
		border-right: 1px solid #1b1b1b;
	}
	#lens .main li:nth-of-type(4),
	#lens .main li:nth-of-type(5),
	#lens .main li:nth-of-type(6) {
		border-bottom: 1px solid #1b1b1b;
	}
	
	#lens .cl ul,
	#lens .cc ul,
	#lens .spec ul {
		padding: 0 10px;
		width: 100%;
	}
	#lens .cl li,
	#lens .cc li{
		margin-bottom: 30px;
		width: 100%;
	}
 
 #lens .cl li.rola p {
  top: -30px;
  left: -10px;
  width: 22%;
 }
 
 
/* 20190527 追加ここから */
	#lens .cl .sp {
		display: block;
  margin: -20px 0 30px;
	}
	#lens .cl li.sphide {
		display: none;
	}
/* 20190527 追加ここまで */
	#lens .cl div p,
	#lens .cc div p,
	#lens .spec div p,
	#lens .guarantee div p.txt,
	#lens .accept div p,
	#lens.clear .rc-spec p {
		padding: 0 10px;
		font-size: 1.2rem;
		text-align: left;
	}
	#lens .search {
		margin-bottom: 10px;
		padding: 0 10px;
		font-size: 2.2rem;
	}
	#lens .search span {
		font-size: 1.2rem;
	}
	#lens .btn {
		margin: 0 auto 35px;
	}
	#lens .btn li {
		margin-bottom: 15px;
		width: 100%;
		font-size: 1.6rem;
		float: none;
	}
	#lens .btn li a {
		padding: 15px 0;
	}
	
	#lens .shoplist h2 {
		margin-bottom: 15px;
		font-size: 2rem;
	}
	#lens .shoplist ul {
		padding: 0 10px;
	}
	#lens .shoplist li {
		margin-bottom: 15px;
		width: 100%;
		font-size: 1.6rem;
		float: none;
	}
	#lens .shoplist li:nth-of-type(2n) {
		float: none;
	}
	#lens .shoplist li:last-of-type {
		margin-bottom: 0;
	}
	#lens .shoplist li a {
		padding: 15px 0;
	}
	
	#lens .spec h2 {
		font-size: 2.4rem;
	}
	#lens .spec ul {
		margin-bottom: 15px;
	}
	#lens .spec li {
		padding: 20px 0 10px;
		width: 100%;
	}
	#lens .spec li dl {
		padding: 0 20px;
	}
	#lens .spec li dt {
		margin-bottom: 10px;
	}
	#lens .spec li dd {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	#lens .spec li p {
		display: none;
	}
	#lens .spec li:nth-of-type(5) {
		padding-bottom: 10px;
	}
	#lens .spec li:nth-of-type(5) dt img {
		width: 100%;
	}
	#lens .spec li:nth-of-type(5) dt br {
		display: inline;
	}
	#lens .spec li:nth-of-type(5) dd:first-of-type {
		width: 100%;
	}
	#lens .spec li:nth-of-type(5) dd:nth-of-type(2) {
		width: 100%;
	}
	#lens .spec li:nth-of-type(5) figure {
		display: none;
	}
	#lens .spec li:nth-of-type(6),
	#lens .spec li:nth-of-type(7),
	#lens .spec li:nth-of-type(8) {
		padding-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	#lens .spec li:nth-of-type(6) dl,
	#lens .spec li:nth-of-type(7) dl,
	#lens .spec li:nth-of-type(8) dl,
	#lens .spec li:nth-of-type(9) dl {
		padding: 0 20px;
	}
	#lens .spec li:nth-of-type(6) dt img,
	#lens .spec li:nth-of-type(7) dt img,
	#lens .spec li:nth-of-type(8) dt img,
	#lens .spec li:nth-of-type(9) dt img {
		width: 60%;
	}
	#lens .spec li:nth-of-type(6) figure,
	#lens .spec li:nth-of-type(7) figure,
	#lens .spec li:nth-of-type(8) figure,
	#lens .spec li:nth-of-type(9) figure {
		margin: 0 auto;
		padding: 0;
		width: 50%;
	}
	/* 20180220 追加 */
	#lens .newColor .enter {
		padding: 0 10px;
	}
	#lens .newColor .enter a {
		padding: 15px 0;
	}
	
	/* =========================================
		--1MONTH
	========================================= */
	#lens.month .main li {
		padding: 5px 0;
		width: 100%;
		font-size: 1.2rem;
		border-right: 1px solid #1b1b1b;
		border-bottom: 0;
	}
	#lens.month .main li:nth-of-type(3) {
		border-bottom: 1px solid #1b1b1b;
	}
	
	/* =========================================
		--1DAY PREMIUM
	========================================= */
	#lens.premium .main li:nth-of-type(1),
	#lens.premium .main li:nth-of-type(2),
	#lens.premium .main li:nth-of-type(3),
	#lens.premium .main li:nth-of-type(4) {
		width: 25%;
	}
	#lens.premium .main li:nth-of-type(5),
	#lens.premium .main li:nth-of-type(6),
	#lens.premium .main li:nth-of-type(7) {
		width: 33.3333%;
	}
	#lens.premium .main li:nth-of-type(3) {
		border-right: none;
	}
	#lens.premium .main li:nth-of-type(4) {
		border-right: 1px solid #1b1b1b;
		border-bottom: none;
	}
	#lens.premium .main li:nth-of-type(7) {
		border-bottom: 1px solid #1b1b1b;
	}
	#lens.premium .main > div > p {
		margin-top: 10px;
		font-size: 1.2rem;
	}
	
	#lens.premium .main .moisture {
		margin-top: 20px;
	}
	#lens.premium .main .moisture h2 {
		margin-bottom: 10px;
		font-size: 2rem;
	}
	#lens.premium .main .moisture h2 img {
		margin-right: 0;
		margin-bottom: 10px;
		padding: 0 10%;
		width: 100%;
	}
	#lens.premium .main .moisture figure {
		padding: 0 10px;
		width: 100%;
	}
	#lens.premium .main .moisture figcaption {
		margin-top: 10px;
		padding: 0 10px;
		font-size: 1.2rem;
		line-height: 1.7;
	}
	
	#lens.premium .spec h2 {
		margin-bottom: 10px;
	}
	#lens.premium .spec h2 img {
		width: 80%;
	}
	#lens.premium .spec li:nth-of-type(5) {
		margin-right: 0;
		width: 100%;
	}
	#lens.premium .spec li:nth-of-type(5) dl {
		padding: 0 20px;
	}
	#lens.premium .spec li:nth-of-type(5) dt img {
		width: 60%;
	}
	#lens.premium .spec li:nth-of-type(5) figure {
		margin: 10px auto 0;
		padding: 0;
		width: 50%;
		display: block;
	}
	#lens.premium .spec li:nth-of-type(6) {
		padding-bottom: 10px;
		width: 100%;
	}
	#lens.premium .spec li:nth-of-type(6) dl {
		padding: 0 20px;
	}
	#lens.premium .spec li:nth-of-type(6) dt img {
		width: 100%;
	}
	#lens.premium .spec li:nth-of-type(6) dd:first-of-type {
		text-align: left;
	}
	#lens.premium .spec li:nth-of-type(6) dd:first-of-type br:first-of-type {
		display: inline;
	}
	#lens.premium .spec li:nth-of-type(6) dd:nth-of-type(2) {
		padding: 0;
	}
	#lens.premium .spec li:nth-of-type(8) {
		margin-right: 0;
	}
	#lens.premium .spec li:nth-of-type(9) {
		margin-right: 0;
		width: 100%;
	}

	/* =========================================
		--CLEAR (2017/10/04追加)
	========================================= */
	#lens.clear .feature .secBox {
		margin-top: 20px;
	}
	#lens.clear .feature .secBox div > ul li {
		width: 150px;
		height: 150px;
		font-size: 2.5rem;
	}
	#lens.clear .feature .secBox .rcpMore-btn,
	#lens.clear .feature .secBox .rcMore-btn {
		width: 100%;	
		font-size: 2.0rem;
	}
	#lens.clear .feature .secBox .rcpMore-btn a,
	#lens.clear .feature .secBox .rcMore-btn a {
		width: 310px;
		height: 310px;
		margin: 0 auto;
		font-size: 1.7rem;
	}
	#lens.clear .feature .secBox a span.tit01 {
		font-size: 3.0rem;
	}
	#lens.clear .feature .secBox a ul {
		height: 80px;
	}
	#lens.clear .feature .secBox a ul li {
		height: auto;
	}
	#lens.clear .feature .secBox a span.txt {
		font-size: 1.5rem;
	}
	#lens.clear .feature .secBox .rcMore-btn a span.txt {
		letter-spacing: -0.08rem;
	}
	#lens.clear .feature .secBox .rcpMore-btn a span,
	#lens.clear .feature .secBox .rcMore-btn a span {
		/*top: 12px;
		left: 15px;
		font-size: 1.5rem;*/
	}
	#lens.clear .feature .quality {
		width: 95%;
	}
	#lens.clear .feature .quality p {
		font-size: 1.4rem;
	}
	#lens.clear .compare .label {
		width: 90%;
		margin: 0 auto 10px;
	}
	#lens.clear .compare .label li {
		width: 50%;
		margin-left: 10px;
		padding: 10px 10px 5px;
		box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.30);
		-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.30);
		-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.30);
	}
	#lens.clear .compare .label li:first-child {
		padding: 11px 10px 0;
	}
	#lens.clear .compare .label li:nth-child(2) img {
		width: 80%;
		height: auto;
	}
	#lens.clear .compare .label li p {
		line-height: 2.0;
		font-size: 1.5rem;
	}
	#lens.clear .compare .label li:nth-child(2) p {
		line-height: 1.6;
	}
	#lens.clear .compare tr {
		font-size: 1.0rem;
	}
	#lens.clear .compare td span {
		padding-left: 35px;
	}
	#lens.clear .lineup .secBox a figure {
		margin-top: 40px;
	}
	#lens.clear .lineup .secBox a .box {
		padding-bottom: 50px;
	}
	#lens.clear .online-shop .secBox .box p {
		line-height: 1.0;
		margin-top: 0;
		font-size: 1.9rem;
	}
	#lens.clear .online-shop .secBox .box li a {
		padding: 10px;
		font-size: 1.4rem;
	}
	#lens.clear .online-shop .secBox .box li i.fa-shopping-cart {
		margin: 0 5px;
	}
	#lens.clear .lineup .secBox .box p.tag {
		top: 0;
		right: auto;
		left: 0;
		font-size: 1.5rem;
	}
	#lens.clear .lineup .secBox .box p.tit {
		line-height: 1.1;
		margin-top: 40px;
		font-size: 3.0rem;
	}
	#lens.clear .lineup .secBox .box p.txt {
		line-height: 1.2;
		margin: 10px -10px 10px 0;
		font-size: 1.7rem;
		letter-spacing: -0.23rem;
	}
	#lens.clear .lineup .secBox:nth-child(3) .box p.txt {
		font-size: 1.6rem;
	}
	#lens.clear .lineup .secBox a .box p.btn {
		bottom: 0;
		right: 40px;
		width: 80%;
		padding: 10px 0;
		font-size: 1.5rem;
	}
	
	/* =========================================
		--CLEAR 1DAY (2017/10/05追加)
	========================================= */
	#lens.clear .main {
		margin-bottom: 20px;
	}
	#lens.clear .main ul.rc li {
		border-bottom: #1b1b1b 1px solid;
	}
	#lens.clear .intro > div {
		padding-bottom: 25px;
	}
	#lens.clear .intro .introIn {
		height: 270px;
	}
	#lens.clear .intro .introIn p.logo {
		top: 2%;
		left: 18%;
		width: 50%;
	}
	#lens.clear .intro .introIn h2 {
		width: 85%;
		padding-top: 40px;
	}
	#lens.clear .intro.pro .introIn h2 {
		padding-top: 35px;
	}
	#lens.clear .intro .introIn h2 span {
		margin-left: -5px;
		font-size: 1.2rem;
	}
	#lens.clear .intro .introIn figure {
		right: 15px;
		width: 15%;
	}
	#lens.clear .intro .introIn p.txt {
		width: 90%;
		margin: 10px auto 0;
		padding-left: 7px;
		font-size: 1.1rem;
	}
	#lens.clear .intro.pro .introIn p.txt {
		padding-left: 0;
	}
	#lens.clear .intro .introIn p.spec {
		width: 100%;
		margin-top: 20px;
		letter-spacing: -1px;
		font-size: 1.0rem;
	}
	#lens.clear .intro .list h3 {
		font-size: 1.2rem;
	}
	#lens.clear .intro.pro .list h3 {
		padding-top: 5px;
	}
	#lens.clear .intro .list h3 span {
		display: block;
		padding-left: 10px;
		font-size: 2.5rem;
	}
	#lens.clear .intro .list li {
		width: 75px;
		height: 75px;
		margin-left: 5px;
		padding: 0;
		font-size: 1.1rem;
	}
	#lens.clear .function li div {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	#lens.clear .function li figcaption {
		margin-bottom: 10px;
		font-size: 2.1rem;
	}
	#lens.clear .function li p {
		font-size: 1.6rem;
	}
	#lens.clear .function li figure {
		float: none;
		width: 90%;
		margin: 10px auto;
	}
	#lens.clear .rc-online-shop .bg {
		padding: 20px;
	}
	#lens.clear .rc-online-shop .bg .wrap {
		padding-bottom: 70px;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig > p {
		width: 27%;
		margin-left: 0;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig ul {
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width: 70%;
	}
	#lens.clear .rc-online-shop .bg .wrap .fig li,
	#lens.clear .rc-online-shop .bg .wrap .fig li:first-child {
		width: 100px;
		height: 100px;
		margin: 0 0 10px 10px;
		font-size: 1.4rem;
	}
	#lens.clear .rc-online-shop .bg .wrap h2 {
		right: 10px;
		margin-bottom: 0;
		letter-spacing: 0;
		font-size: 2.1rem;
	}
	#lens.clear .rc-online-shop .bg .wrap h2 span {
		font-size: 2.0rem;
	}
	#lens.clear .rc-online-shop ul.btn {
		margin-top: 15px;
	}
	#lens.clear .rc-spec h2 {
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	#lens.clear .rc-spec tr {
		font-size: 1.5rem;
	}
	#lens.clear .rc-spec th,
	#lens.clear .rc-spec td {
		font-size: 1.2rem;
	}

	/* =========================================
		--CLEAR 1DAY Premium (2017/08/09追加)
	========================================= */
	/* 2017/10/05 追加 ここから */
	#lens.clear .function.pre li p {
		font-size: 1.4rem;
	}
	#lens.clear .function li p span {
		font-size: 1.3rem;
	}
	#lens.clear .function.pre li p.dk {
		font-size: 1.1rem;
	}
	/* 2017/10/05 追加 ここまで */
	#lens.clear .point h3 {
		margin-bottom: 15px;
	}
	#lens.clear .point h3 img {
		width: 50%;
		height: auto;		
	}
	#lens.clear .point .chara {
		margin-bottom: 40px;
	}
	#lens.clear .point .chara .image {
		float: none;
		margin: 0 auto;
	}
	#lens.clear .point .chara ul {
		float: none;
		width: auto;
		height: auto;
		position: static;
		margin-top: 20px;
	}
	#lens.clear .point .chara ul li {
		position: relative;
		width: auto;
		height: auto;
		margin-bottom: 10px;
		padding-right: 5px;
	}
	#lens.clear .point .chara ul li:first-child,
	#lens.clear .point .chara ul li:nth-child(3) {
		right: 0;		
	}
	#lens.clear .point .chara ul li:nth-child(2),
	#lens.clear .point .chara ul li:nth-child(3) {
		top: auto;
	}
	#lens.clear .point .chara ul li .ico {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	#lens.clear .point .chara ul li h4 {
		top: -5px;
		right: 2%;
		font-size: 2.1rem;
	}
	#lens.clear .point .chara ul li:nth-child(3) h4 {
		right: 2%;
	}
	#lens.clear .point .chara ul li .txt {
		line-height: 1.3;
	}
	#lens.clear .point .chara ul li:first-child .txt {
		top: 30%;
		right: 9%;
		font-size: 1.35rem;
	}
	#lens.clear .point .chara ul li:nth-child(2) .txt {
		top: 30%;
		right: 15%;
		font-size: 1.4rem;
	}
	#lens.clear .point .chara ul li:nth-child(3) .txt {
		top: 27%;
		right: 15%;
		font-size: 1.4rem;
	}
	#lens.clear .point .chara ul li:nth-child(3) .note {
		right: 5px;
		bottom: 10px;
		font-size: 1.0rem;
	}
	#lens.clear .point .adopt h4 {
		font-size: 1.9rem;
	}
	#lens.clear .point .adopt div {
		background-position: center;
	}
	#lens.clear .point .adopt div .txt {
		line-height: 1.2;
		margin: 0 43px 5px 0;
		font-size: 1.0rem;
	}
	#lens.clear .point .adopt .txt span {
		padding-top: 5px;
	}
	#lens.clear .point .adopt div .dk {
		margin: 0 15%;
		padding: 5px 10px 3px;
		font-size: 0.9rem;
	}
	#lens.clear .point .uvcut h4 {
		font-size: 1.9rem;
	}
	#lens.clear .point .hld h4 {
		margin-bottom: 10px;
		font-size: 1.9rem;
	}
	#lens.clear .accept .btn {
		font-size: 1.6rem;
	}
	#lens.clear .accept .btn a {
		padding: 15px 0;
	}
/* 2017/09/28 修正 ここから */
	#lens.clear .guarantee div .bg span {
		right: 4.7%;
		/*margin: -40px auto 0;*/
	}
/* 2017/09/28 修正 ここまで */
	
 /* =========================================
		--Blue Light Barrier (2020/07/27追加)
	========================================= */
 #lens.blb .spec .f.pt1 {display: block; padding: 0 10px;}
 #lens.blb .spec .f p {padding: 0;}
 #lens.blb .spec .quality .new p {padding: 0;}
 #lens.blb .spec .quality .new p:nth-of-type(2) {width: 100%; margin: -30px auto 20px;}
 #lens.blb .purchase .btn a {font-size: 2.5rem; letter-spacing: 10px;}
 
	/* =========================================
		--care
	========================================= */
	/* 2017/12/15 追加 ここから */
	#lenscare .inner {
		width: 100%;
	}
	#lenscare .main .btn {
		width: 80%;
	}
	#lenscare .feature .inner {
		padding-bottom: 8px;
	}
	#lenscare .feature ul {
		width: 90%;
		padding-top: 30px;
	}
	#lenscare .howto .howtoIn ul.howtoBox li {
		width: 50%;
	}
	#lenscare .howto .howtoIn ul.useatBox li {
		font-size: 11px;
	}
	#lenscare .productInfo .productBox {
		width: 85%;
		margin-top: 30px;
	}
	#lenscare .productInfo .productBox h3 img {
		width: 90%;
	}
	#lenscare .productInfo .productBox p {
		font-size: 14px;
	}
	/* 2017/12/15 追加 ここまで */
	
	
	#care .main p {
		width: 100%;
	}
	#care main .tit img {
		width: 50%;
	}
	#care main > section > div {
		padding: 0;
	}
	#care main section div h2 {
		margin-bottom: 20px;
    	padding: 10px;
		font-size: 1.8rem;
	}
	#care .spec ul {
		padding: 0 10px;
	}
	#care .btn {
		margin: 0 auto 35px;
		padding: 0 10px;
	}
	#care .spec li {
		margin-bottom: 15px;
	}
	#care .spec li figure {
		width: 25%;
	}
	#care .spec li dl {
		padding-top: 0!important;
		width: 70%;
	}
	#care .spec li dd {
		margin-top: 5px;
		font-size: 1.2rem;		
	}
	#care .flow div p {
		padding: 0 10px;
		font-size: 1.4rem;
	}
	#care .flow ol {
		margin-top: 15px;
		margin-bottom: -15px;
		padding: 0 10px;
	}
	#care .flow ol li {
		margin-right: 4%;
		margin-bottom: 15px;
		width: 48%;
	}
	#care .flow ol li:nth-of-type(2n) {
		margin-right: 0;
	}
	#care .flow ol li:nth-of-type(3n) {
		margin-right: 4%;
	}
	#care .flow ol li dl {
		margin-top: 10px;
	}
	#care .flow ol li dt {
		font-size: 1.8rem;
	}
	#care .flow ol li dd {
		font-size: 1.2rem;
	}
	#care .flow .notice {
		margin-top: 25px;
		padding-top: 15px;
	}
	#care .important ul {
		margin-bottom: -10px;
		padding: 0 5px;
	}
	#care .important li {
		margin-bottom: 10px;
		padding: 0 5px;
		width: 25%;
	}
	#care .info dl {
		padding: 0 10px;
	}
	#care .info dt {
		font-size: 1.6rem;
	}
	#care .info dt span {
		margin-left: 5px;
		font-size: 0.8rem;
	}
	#care .info dd {
		font-size: 1.4rem;
	}
	
	/* =========================================
		--SHOP LIST
	========================================= */
	#shoplist .tab {
		margin-bottom: 15px;
	}
	#shoplist .tab > div {
		padding: 0;
	}
	#shoplist .tab li {
		font-size: 1.6rem;
	}
	#shoplist .tab li a {
		padding: 21px 0 17px;
		border-bottom: 4px solid #f1f1f1;
	}
	#shoplist .tab li:nth-of-type(2) a {
		padding: 12px 0 10px;
	}
	#shoplist .tab li a.active {
		border-bottom: 4px solid #1b1b1b;
	}
	#shoplist .tab li a:hover {
		border-bottom: 4px solid #1b1b1b;
	}
	#shoplist .tab li span {
		font-size: 0.8rem;
	}
	#shoplist .tab li:first-of-type br,
	#shoplist .tab li span br {
		display: inherit;
	}
	
	#shoplist .shop nav ul {
		margin-bottom: 20px;
	}
	#shoplist .shop nav li {
		width: 50%;
		font-size: 1.4rem;
	}
	#shoplist .shop nav li a {
		padding: 10px;
	}
	#shoplist .shop nav li a:after {
		margin-top: -6px;
		right: 10px;
	}
	
	#shoplist .shop div > p {
		font-size: 1rem;
	}
	#shoplist .shop div h2 {
		margin-bottom: 20px;
		padding-left: 7px;
		font-size: 1.4rem;
		border-left: 5px solid #1b1b1b;
	}
	#shoplist .shop div div {
		margin-bottom: 25px;
	}
	#shoplist .shop div div h3 {
		margin-bottom: 10px;
		padding-bottom: 7px;
		font-size: 2rem;
	}
	#shoplist .shop div div h3 span {
		margin-left: 10px;
		font-size: 1.2rem;
	}
	
	#shoplist .shop div div .page-top {
		margin-top: 10px;
		font-size: 1.2rem;
	}
	#shoplist .shop div div li {
		margin-bottom: 10px;
		padding: 10px;
		width: 100%;
	}
	#shoplist .shop div div li dt {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	#shoplist .shop div div li dd {
		font-size: 1.2rem;
	}
	
	/* =========================================
		--COMPANY
	========================================= */
	#company main .tit h1 {
		font-size: 2rem;
	}
	#company .info h2 {
		margin: 0 auto 15px;
	}
	#company .info h2 img {
		width: 30%;
	}
	#company .info dt {
		padding: 10px 0 10px;
		width: 100%;
	}
	#company .info dd {
		padding: 10px 0;
	}
	
	/* =========================================
		--CONTACT
	========================================= */
	#contact .form > div > p {
		margin-bottom: 25px;
		font-size: 1.2rem;
		text-align: left;
	}
	#contact .form dl {
		margin-bottom: 15px;
	}
	#contact .form dt {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	#contact .form dd {
		font-size: 1.4rem;
	}
	#contact form input,
	#contact form select,
	#contact form textarea {
		padding: 5px;
	}
	#contact form button {
		margin: 30px auto 0;
		padding: 15px;
	}
	
	/* =========================================
		--COMMERCE
	========================================= */
	#commerce main .tit h1 {
		font-size: 2rem;
	}
	#commerce dt {
		padding: 10px 0 10px;
		width: 100%;
	}
	#commerce dd {
		padding: 10px 0;
	}

}
@media screen and (max-width: 414px) {
 #index #news .scroll {max-height: 170px;}
 
 #lens.blb .purchase .btn a {font-size: 2.0rem; letter-spacing: 7px;}
}
@media screen and (max-width: 360px) {
 #index #products p.tit span {width: 100%;}
}
@media screen and (max-width: 320px) {
 #index #news .scroll {max-height: 185px;}
	#index #products p.tit {font-size: 1.1em;}
 
 #lens.blb .purchase .btn a {padding: 15px 5px; font-size: 1.5rem; letter-spacing: 7px;}
}