@charset "utf-8";
/* CSS Document */

/*
Lentesアーカイブ作成時のＣＳＳ
*/


/* 作業用（js[luxy.js、slick.js、lib.js、common.js]を無効にする） */

/*.secTitle,
.feature {
	opacity: 1 !important;
}
body.of {
	display: block;
	visibility: visible;
}
body.fade {
	opacity: 1;
}
#loader {
	display: none;
}
.bgEff .circle:before,
.bgEff .circle:after {
	opacity: 1;
}
#lens #sec3 section h1 {
	transform: scale(0.9);
}
.subNav {
	display: none;
}*/

/*作業用ここまで*/

/*---------------
common
----------------*/
#lens html {
	height: auto;
}
#lens #sec1 > div:nth-of-type(1) div {
	width: 100%;
	padding-top: 55%;
}
#lens #sec1 h1 {
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
#lens #sec1 h1 span:nth-of-type(2) img {
	height: 38px;
}
/* #sec1,
#sec3 {
	overflow: hidden;
} */
#lens .secTitle span {
	margin-top: 10px;
}
#lens .feature > h2:before {
	background-color: #024da2;
}
#lens .quality .feature {
	margin-bottom: 30px;
}
#lens .quality .feature h2 {
	margin-bottom: 15px;
}
#lens .quality .feature p {
	padding-left: 20px;
	box-sizing: border-box;
}
#lens .sprit {
	display: flex;
	box-sizing: border-box;
}
#lens .sprit .element {
    box-sizing: inherit;
}
#lens .sprit p {
	font-size: 0.875rem;
	letter-spacing: 0;
}
#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(2) ul li {
	padding-left: 1em;
	text-indent: -0.5em;
}
main#lens .lens-qu-cross ul li:nth-of-type(1) > div h3 {
	color: #00947d;
}
main#lens .lens-qu-cross ul li:nth-of-type(2) > div h3 {
	color: #0075c2;
}
main#lens .lens-qu-cross ul li:nth-of-type(1) > p:after {
	background-color: #00947d;
	width: 85px;
}
#lens .lens-qu-style.line2 {
	justify-content: space-around;
	margin-top: 30px;
}
#lens .lens-qu-style.line2 li {
	width: 45%;
}
#lens .lens-qu-style.line3 li {
	width: 33%;
}
#lens .lens-qu-style.line2 li h3,
#lens .lens-qu-style.line2 li h3 + p,
#lens .lens-qu-style.line3 li h3,
#lens .lens-qu-style.line3 li h3 + p {
	transform: translateX(-10%);
}
#lens .lens-qu-style.line2 li h3,
#lens .lens-qu-style.line3 li h3 {
	margin-bottom: 5px;
}
#lens .lens-qu-style.line2 li p {
	font-size: 0.6785rem;
	letter-spacing: 1px;
}
#lens .lens-qu-style.line3 li p {
	font-size: 0.6785rem;
	width: 90%;
	letter-spacing: 1px;
}
#lens .lens-qu-style.line3 li p {
	padding-left: 0;
}
#lens .sprit.bairitu {
	justify-content: space-between
}
#lens .sprit.bairitu .element,
#lens .sprit.bairitu .element {
    width: 49%;
    border: 1px solid #EFEFEF;
    padding: 30px;
    background-color: #ffffff;
}
#lens .sprit.bairitu figure {
	text-align: center;
}
#lens .sprit.bairitu p {
	margin-top: 20px;
}
#lens .sprit.horizontal {
    padding: 30px;
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
	position: relative;
}
#lens .sprit.horizontal .element {
	width: 60%;
}
#lens .sprit.horizontal div.element:last-of-type {
	width: 40%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 30px;
}
#lens .sprit.ruisin {
    padding: 30px;
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
	position: relative;
}
#lens .sprit.ruisin .element:first-of-type {
	width: 40%;
	padding-right: 10px;
}
#lens .sprit.ruisin div.element:last-of-type {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	padding: 30px;
}
#lens .sprit.fine {
	padding: 30px;
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
	position: relative;
}
#lens .sprit.fine div.element:first-of-type {
	width: 50%;
	padding-right: 10px;
}
#lens .sprit.fine div.element:last-of-type {
	width: 50%;
}
#lens .sprit.fine div.element:last-of-type div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 30px;
	font-size: 0.750rem;
	box-sizing: border-box;
}
#lens .sprit.fine dl {
	margin-bottom: 10px;
}
#lens .sprit.fine dt {
	color: #707070;
	position: relative;
}
#lens .sprit.fine dd {
	padding-left: 1.5rem;
}
#lens .sprit.fine dl:first-of-type dt:after {
	content: '';
	width: 93%;
	height: 1px;
	background-color: #707070;
	position: absolute;
	top: 9px;
	left: -90%;
}
#lens .sprit.fine dl:last-of-type dt:after {
	content: '';
	width: 40%;
	height: 1px;
	background-color: #707070;
	position: absolute;
	top: 9px;
	left: -40%;
}
#lens.pursuit_nv .foryouitem {
	margin-bottom: 5px;
	color: #707070;
}
#lens.pursuit_nv #sec2 h1 + p + ul {
	margin-bottom: 20px;
}
#lens #sec2 .foryou2 p {
	margin-bottom: 5px;
	color: #707070;
}
#lens #sec2 .foryou2 h1 + p + ul {
	margin-bottom: 20px;
}
#lens .quality .sprit.tyukin {
	justify-content: center;
}
#lens .quality .sprit.tyukin figure {
	width: 42%;
	text-align: center;
}
#lens .quality .sprit.tyukin img {
	max-width: 100%;
	width: auto;
	display: inline;
}
#lens .lens-opt ul li {
	margin-bottom: 30px;
}
#lens .lens-opt ul li a div:nth-of-type(2) > img {
	height: 25px;
}
#lens .img_word > div:first-of-type {
	width: 50%;
}
#lens .img_word > div:last-of-type {
	width: 50%;
	position: relative;
}
#lens .img_word > div:last-of-type dl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	font-size: 0.875rem;
	letter-spacing: 1px
}
#lens .img_word > div:last-of-type dl dt {
	color: #707070;
	margin-bottom: 10px;
}
#lens .fitting_f > div.sprit > div:first-of-type {
	width: 50%;
}
#lens .fitting_f > div.sprit > div:last-of-type {
	width: 50%;
	box-sizing: border-box;
	padding-left: 10px;
}
#lens .fitting_f > div.sprit > div > div:first-of-type {
	width: 66%;
}
#lens .fitting_f > div.sprit > div > div:last-of-type {
	width: 34%;
}
#lens .fitting_f > div.sprit > div > div:last-of-type figure:not(:last-of-type) {
	margin-bottom: 10px;
}
#lens .fitting_f dl {
	font-size: 0.875rem;
	letter-spacing: 1px;
	height: 33.3%;
}
#lens .fitting_f dl dt {
	color: #707070;
}


/*switchingtab*/

.switchingtab article {
  display: none;
}

.switchingtab article.current {
  display: block;
}
.switchingtab .tab {
	display: flex;
}
.switchingtab .tab li {
    width: 50%;
    border: 1px solid #EFEFEF;
	font-size: 0.875rem;
	box-sizing: border-box;
	padding: 10px;
	color: #024da2;
	transition: 0.3s;
	background-color: #F8F8F8;
	position: relative;
	text-align: center;
}
.switchingtab .tab li.current:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 4%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 4px 0 4px;
	border-color: #007bff transparent transparent transparent;
}
.switchingtab .tab li:hover {
	cursor: pointer;
    border: 1px solid #DCDCDC;
}
.switchingtab .tab li.current {
    background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
}
.switchingtab .tab_detail {
	margin-bottom: 5px;
}

/*---------------
pursuitcv-x
----------------*/

main[data-lensName="pcvx"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/pcvx/main.jpg);
}
main[data-lensName="superiorpx"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pcvx/foryou.html");
}

/*---------------
superiorpx
----------------*/

main[data-lensName="superiorpx"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/sr_px/main.jpg);
}
main[data-lensName="superiorpx"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/sr_px/foryou.jpg");
}
#lens.superiorpx .sprit {
	justify-content: space-between;
}

/*---------------
superiorp1
----------------*/

main[data-lensName="superiorp1"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/sr_p1/main.jpg);
}
main[data-lensName="superiorp1"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/sr_p1/foryou.jpg");
}
#lens.superiorp1 .sprit {
	justify-content: space-between;
}
#lens.superiorp1 .sprit.sprit1 .element,
#lens.superiorp1 .sprit.sprit1 .element {
    width: 32%;
    border: 1px solid #EFEFEF;
    padding: 30px;
    background-color: #ffffff;
}
#lens.superiorp1 .sprit.sprit1 figure {
	text-align: center;
}
#lens.superiorp1 .sprit.sprit1 p {
	margin-top: 20px;
	padding-left: 0;
}
#lens.superiorp1 .sprit.sprit1 p:first-of-type {
	color: #707070;
	position: relative;
	text-align: center;
}
#lens.superiorp1 .sprit.sprit1 p:first-of-type:after {
    content: '';
    width: 50%;
    height: 2px;
    background-color: #EBEBEB;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/*---------------
pursuitac-x
----------------*/

main[data-lensName="pursuit_acx"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/pt_acx/main.jpg);
}
main[data-lensName="pursuit_acx"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pt_acx/foryou.jpg");
}

/*---------------
pursuitpv
----------------*/

main[data-lensName="pursuitpv"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pt_pv/main.jpg");
}
main[data-lensName="pursuitpv"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pt_pv/foryou.jpg");
}
#lens.pursuitpv .lens-qu-style.line3 li:nth-of-type(1) {

}

/*---------------
pursuit_nvx
----------------*/

main[data-lensName="pursuit_nvx"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/pt_nvx/main.jpg);
}
main[data-lensName="pursuit_nvx"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pt_nvx/foryou.jpg");
}
#lens .miegokoti {
    border: 1px solid #EFEFEF;
	box-sizing: border-box;
	padding: 20px;
	background-color: #ffffff;
}
#lens .miegokoti .sprit {
	align-items: center;
}
#lens .miegokoti .sprit > div:first-of-type {
	width: 40%;
}
#lens .miegokoti .sprit > div:last-of-type {
	width: 60%;
	padding: 20px;
	box-sizing: border-box;
}
#lens .miegokoti .line {
	display: flex;
	justify-content: space-between;
}
#lens .miegokoti div.line:first-of-type {
	color: #117C82;
	text-align: center;
}
#lens .miegokoti .line p,
#lens .miegokoti .line figure {
	width: 30%;
}
#lens .miegokoti .line p {
	padding-left: 0;
}
#lens .miegokoti .line figure img {
	width: 100%;
}
#lens .miegokoti h3 {
	color: #024da2;
	margin-bottom: 10px;
}
#lens .miegokoti p {
	font-size: 0.875rem;
}
#lens .midasi,
#lens .midasi2,
#lens .dice {
	margin-bottom: 5px;
}
#lens .miegokoti .midasi p,
#lens .miegokoti .midasi2 p {
	position: relative;
	background-color: #EFEFEF;
	box-sizing: border-box;
	padding: 10px;
}
#lens .midasi span,
#lens .midasi2 span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
#lens .miegokoti .line.midasi2 {
	display: none;
}
#lens .miegokoti .annotation {
	font-size: 0.625rem;
	text-align: right;
}
#lens .miegokoti .line.caption p {
	font-size: 0.75rem;
}
#lens .specBtn a {
	display: table;
}
#lens .specBtn a span {
	display: table-cell;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	vertical-align: middle;
}
#lens .lens-qu-style li:last-of-type {
	padding-right: 20px;
}

/*---------------
pursuit_nv
----------------*/

main[data-lensName="pursuit_nv"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/pt_nv/main.jpg);
}
main[data-lensName="pursuit_nv"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pt_nv/foryou.jpg");
}
#lens.pursuit_nv .sprit {
	justify-content: space-around;
}
#lens.pursuit_nv .smoothing {
    width: 40%;
    border-radius: 5px;
}
#lens.pursuit_nv .design .sprit div:first-of-type {
	background: -moz-linear-gradient(top, rgba(49,143,205,0) 43%, rgba(49,143,205,1) 50%, rgba(49,143,205,1) 100%);
	background: -webkit-linear-gradient(top, rgba(49,143,205,0) 43%,rgba(49,143,205,1) 50%,rgba(49,143,205,1) 100%);
	background: linear-gradient(to bottom, rgba(49,143,205,0) 43%,rgba(49,143,205,1) 50%,rgba(49,143,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00318fcd', endColorstr='#318fcd',GradientType=0 );
}
#lens.pursuit_nv .smoothing > p {
	text-align: center;
	margin-bottom: 10px;
}
#lens.pursuit_nv .design .sprit div:last-of-type h3 {
	background-color: #009E96;
}
#lens.pursuit_nv .design .sprit div:last-of-type dl {
    background-color: rgba(0,158,150,0.80);
}
#lens.pursuit_nv .design h3 {
    text-align: center;
    background-color: #0075C2;
    color: #ffffff;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
	margin-bottom: 10px;
	font-feature-settings: 'palt';
	line-height: 1.4;
}
#lens.pursuit_nv dl {
    background-color: #318FCD;
    color: #ffffff;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 5px;
}
#lens.pursuit_nv dl dt {
    border-bottom: 2px dotted #B5B5B5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#lens.pursuit_nv dl figure {
	text-align: center;
}
#lens.pursuit_nv dl img {
	max-width: 100%;
	width: auto;
	display: inline-block;
}

/*---------------
synergy
----------------*/

main[data-lensName="synergy"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/synergy/main.jpg);
}
main[data-lensName="synergy"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/synergy/foryou.jpg");
}

/*---------------
visiods
----------------*/

main[data-lensName="visio_ds"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/vo_ds/main.jpg);
}
main[data-lensName="visio_ds"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/vo_ds/foryou.jpg");
}

/*---------------
pursuit_ev
----------------*/

main[data-lensName="pursuit_ev"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/pt_ev/main.jpg);
}
main[data-lensName="pursuit_ev"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/pt_ev/foryou.jpg");
}
#lens.pursuit_ev #sec3 .quality .sprit > div {
	width: 55%;
}
#lens.pursuit_ev #sec3 .quality .sprit > div .annotation {
	text-align: right;
	font-size: 0.625rem;
}
#lens.pursuit_ev #sec3 .quality .sprit > p {
	width: 45%;
	position: relative;
}
#lens.pursuit_ev #sec3 .quality .sprit > p span {
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}
#lens.pursuit_ev #sec3 .sprit {
    border: 1px solid #F8F8F8;
	background-color: #ffffff;
	padding: 5px;
	box-sizing: border-box;
}

/*---------------
indoor_100200
----------------*/

main[data-lensName="indoor_100200"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/in_100200/main.jpg);
}
main[data-lensName="indoor_100200"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/in_100200/foryou.jpg");
}

/*---------------
indoor_ld
----------------*/

main[data-lensName="indoor_ld"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/in_ld/main.jpg);
}
main[data-lensName="indoor_ld"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/in_ld/foryou.jpg");
}

/*---------------
indoor_md
----------------*/

main[data-lensName="indoor_md"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/in_md/main.jpg);
}
main[data-lensName="indoor_md"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/in_md/foryou.jpg");
}

/*---------------
indoor_pc
----------------*/

main[data-lensName="indoor_pc"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/in_pc/main.jpg);
}
main[data-lensName="indoor_pc"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/in_pc/foryou.jpg");
}


/*---------------
regard
----------------*/

main[data-lensName="regard"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/regard/main.jpg);
}
#lens.regard #sec3 .quality .sprit > div {
	width: 55%;
}
#lens.regard #sec3 .quality .sprit > div .annotation {
	text-align: right;
	font-size: 0.625rem;
}
#lens.regard #sec3 .quality .sprit ul li {
	position: relative;
}
#lens.regard #sec3 .quality .sprit ul li span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#lens.regard #sec3 .quality .sprit > p {
	width: 45%;
	position: relative;
}
#lens.regard #sec3 .quality .sprit > p span {
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}
#lens.regard #sec3 .sprit {
    border: 1px solid #F8F8F8;
	background-color: #ffffff;
	padding: 5px;
	box-sizing: border-box;
}

/*---------------
wing
----------------*/

main[data-lensName="wing"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/wing/main.jpg);
}
main[data-lensName="wing"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/wing/foryou.html");
}
#lens.wing .design .sprit {
	justify-content: center;
}
#lens.wing .design .sprit div {
	width: 30%;
	box-sizing: border-box;
	padding: 0 15px;
}
#lens.wing .design .sprit div figure {
	margin-bottom: 5px;
	text-align: center;
}
#lens.wing .design .sprit div img {
	width: 80%;
	display: inline-block;
	max-width: 100%;
}
#lens.wing .design .sprit dt {
	font-size: 0.875rem;
	color: #707070;
	margin-bottom: 10px;
	font-feature-settings: 'palt';
}
#lens.wing .design .sprit dd {
	font-size: 0.875rem;
	letter-spacing: 0px;
}

/*---------------
uj2
----------------*/

main[data-lensName="uj2"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/uj2/main.jpg);
}
main[data-lensName="uj2"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/uj2/foryou.html");
}

/*---------------
caster
----------------*/

main[data-lensName="caster"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/caster/main.jpg);
}
main[data-lensName="caster"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/caster/foryou.html");
}

/*---------------
myfocus
----------------*/

main[data-lensName="myfocus"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/myfocus/main.jpg);
}
main[data-lensName="myfocus"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/myfocus/foryou.html");
}
#lens.myfocus #sec1 .blueline {
	color: #024da2;
}

/*---------------
integral
----------------*/

main[data-lensName="integral"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/integral/main.jpg);
}
/* main[data-lensName="integral"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("/img/lens/integral/foryou.jpg");
} */

/*---------------
azone
----------------*/

main[data-lensName="azone"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/a_zone/main.jpg);
}
.azone .sprit.zone > div:first-of-type {
	width: 30%;
}
.azone .sprit.zone > div:last-of-type {
	width: 70%;
	box-sizing: border-box;
	padding-left: 20px
}
.azone .sprit.zone dl {
	font-size: 0.875rem;
	letter-spacing: 1px;
}
.azone .sprit.zone dl dt {
	position: relative;
	margin-bottom: 5px;
}
.azone .sprit.zone dl:first-of-type dt:after {
	content: '';
	position: absolute;
	top: 11px;
	left: -158px;
	height: 1px;
	width: 30%;
	background-color: #707070;
	transform: rotate(-25deg);
	transform-origin:right top;
}
.azone .sprit.zone dl:last-of-type dt:after {
	content: '';
	position: absolute;
	top: 12px;
	left: -66px;
	height: 1px;
	width: 13%;
	background-color: #707070;
	transform: rotate(25deg);
	transform-origin:right top;
}
.azone .sprit.zone dl dd {
	padding-left: 1rem;
}
.azone .sprit.zone > div:last-of-type dl dt span {
	color: #707070;
    font-size: 10px;
}
.azone .sprit.zone > div:last-of-type dl:first-of-type {
	margin-bottom: 20px;
}
.azone .sprit.zone > div:last-of-type dl:first-of-type dt {
	color: #6475B0;
}
.azone .sprit.zone > div:last-of-type dl:last-of-type dt {
	color: #90CCE1;
}

/*---------------
spg
----------------*/

main[data-lensName="spg"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/spg/main.jpg);
}
main[data-lensName="spg"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/spg/foryou.html");
}

#lens.spg #sec1 h1 span:nth-of-type(2) img {
	height: 25px;
}
#lens.spg #sec1 h1 span:nth-of-type(2) {
	font-size: 32px;
	line-height: 36px;
}
#lens.spg .design figure {
	text-align: center;
}
#lens.spg .design figure img {
	max-width: 100%;
	display: inline-block;
	width: auto;
}

/*---------------
prestige
----------------*/

main[data-lensName="prestige"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/prestige/main.jpg);
}
main[data-lensName="prestige"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/prestige/foryou.html");
}

#lens.prestige #sec1 h1 span:nth-of-type(2) img {
	height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
}
#lens.prestige .design figure {
	text-align: center;
}
#lens.prestige .design figure img {
	max-width: 100%;
	display: inline-block;
	width: auto;
}


/*---------------
up
----------------*/

main[data-lensName="up"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/up/main.jpg);
}
main[data-lensName="up"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/up/foryou.html");
}

#lens.up #sec1 h1 span:nth-of-type(2) img {
	height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
}
#lens.up .design figure {
	text-align: center;
}
#lens.up .design figure img {
	max-width: 100%;
	display: inline-block;
	width: auto;
}


/*---------------
up2
----------------*/

main[data-lensName="up2"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/up2/main.jpg);
}
main[data-lensName="up2"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/up2/foryou.html");
}
#lens.up2 #sec1 h1 span:nth-of-type(2) img {
	height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
}
#lens.up2 .design figure {
	text-align: center;
}
#lens.up2 .design figure img {
	max-width: 100%;
	display: inline-block;
	width: auto;
}

/*---------------
smart aid
----------------*/

main[data-lensName="smartaid"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/lens/smartaid/main.jpg);
}
main[data-lensName="smartaid"]#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/lens/smartaid/foryou.jpg");
}
#lens.smartaid .feature > dl {
	font-size: 0.875rem;
	letter-spacing: 0;
	margin-bottom: 20px;
}
#lens.smartaid .feature > dl:first-of-type {
	margin-bottom: 10px;
}
#lens.smartaid .feature > dl:last-of-type {
	margin-bottom: 30px;
}
#lens.smartaid .feature > dl dt {
	color: #024da2;
	font-feature-settings: 'palt';
}

/*---------------
transitions
----------------*/

main[data-opname="transitions"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/option/trans/main.jpg);
}
main[data-opname="transitions"] .bunner_t {
	text-align: center;
}
main[data-opname="transitions"] .bunner_t figure {
	display: inline-block;
}
main[data-opname="transitions"] .bunner_t img {
	max-width: 100%;
	display: inline-block;
	width: auto;
}


/*---------------
solaire
----------------*/

main[data-opname="solaire"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/option/solaire/main.jpg");
}

/*---------------
polarthin
----------------*/

main[data-opname="polarthin"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/option/polarthin/main.jpg);
}
#lens .lens-qu-style {
	display: flex;
}

/*---------------
trivex
----------------*/

main[data-lensName="trivex"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/option/trivex/main.jpg);
}

/*---------------
frontier
----------------*/

main[data-opName="frontier"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/option/frontier/main.jpg);
}
main[data-opName="frontier"]#lens #sec1 h1 span:nth-of-type(2) {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
main[data-opName="frontier"]#lens #sec1 h1 span:nth-of-type(2) img:first-of-type {
	height: auto;
	max-width: 80%;
}
main[data-opName="frontier"]#lens #sec1 h1 span:nth-of-type(2) img:last-of-type {
	height: auto;
	max-width: 20%;
}
main[data-opName="frontier"] #fr01:after {
	opacity: 0.8;
}

/*---------------
functionColor
----------------*/

main[data-opName="functionColor"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/option/functionColor/main.jpg);
}

/*---------------
arriate
----------------*/

main[data-opName="arriate"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url(../img/option/arriate/main.jpg);
}
main[data-opName="arriate"] #sec3 .colorImage > div {
	justify-content: center;
}
main[data-opName="arriate"] #sec3 .colorImage > div img:nth-of-type(1),
main[data-opName="arriate"] #sec3 .colorImage > div img:nth-of-type(2) {
	width: 50%;
}

/*---------------
coating
----------------*/

main[data-opName="coating"] #sec1 > div:nth-of-type(1).img-pcvx {
	background-image: url("../img/option/coating/main.jpg");
}
main[data-opName="coating"] .uvcut .lens-qu-style.bl2 li:last-of-type div img {
	max-width: 100%;
	height: auto;
}
main[data-opName="coating"]#lens .lens-qu-style li:last-of-type {
	padding-right: 0;
}
main[data-opName="coating"] .lens-qu-style li div {
	position: relative;
}
main[data-opName="coating"] .lens-qu-style li div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
main[data-opName="coating"] .lens-qu-style.bl2 li.plus div.plusitem img {
	top: auto;
	left: auto;
	transform: translate(0,0);
}
main[data-opName="coating"] .lens-qu-style.bl2 li.plus div.plusitem img {
	width: 40px;
}
main[data-opName="coating"] .lens-qu-style.bl2 li.plus div.plusitem {
	bottom: -59px;
}
main[data-opName="coating"] .lens-qu-style li div {
	height: 250px;
}

/*---------------
coating_uvp
----------------*/

main[data-opName="coating_uvp"] #sec1 > div:nth-of-type(1).img-coating_uvp {
	background-image: url(../img/option/coating_uvp/main.jpg);
}



/*===============================================
  画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px) {
	.under640 {
		display: none;
	}
}/*641px以上 end*/

/*===============================================
  画面の横幅が1000px以下
===============================================*/
@media screen and (max-width: 1000px) {

	/*---------------
	common
	----------------*/
	#lens .feature {
		transform: none;
	}
	#lens #sec2 .bgEff {
		display: none;
	}
	#lens #sec3 section {
		max-width: none;
		padding: 20px;
	}
	#lens .lens-qu-style {
		margin-left: auto;
		margin-right: auto;
		padding-left: 50px;
		padding-right: 50px;
	}
	#lens .lens-qu-cross > img:nth-of-type(2) {
		right: 0;
	}
	#lens .lens-opt ul li {
		max-width: none;
	}


}

/*===============================================
  画面の横幅が850px以下
===============================================*/
@media screen and (max-width: 850px) {

	/*---------------
	common
	----------------*/

	.azone .sprit.zone dl:last-of-type dt:after,
	.azone .sprit.zone dl:first-of-type dt:after {
		content: none;
	}

}/*850px以下 end*/

/*===============================================
  画面の横幅が800px以下
===============================================*/
@media screen and (max-width: 800px) {

	/*---------------
	common
	----------------*/

	#lens #sec1 > div:nth-of-type(1),
    #lens #sec1 > div:nth-of-type(1).inWord {
		width: 100%;
		height: auto;
	}
	main[data-lensName="pcvx"] .lens-qu-cross ul li:nth-of-type(1) > p:after {
		width: 15%;
	}
	#lens .lens-qu-cross ul li:last-of-type > p:after {
		width: 30%;
	}
	#lens .lens-opt ul {
		display: block;
	}
	#lens .lens-opt ul li {
		width: 100%;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	#lens .lens-opt ul li a {
		justify-content: flex-start;
	}
	#lens .secTitle span {
		display: inline-block;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	#lens #sec3 section h1 {
		margin-bottom: 0px;
	}
	#lens .feature {
		margin-bottom: 30px;
	}
	#lens .mozaiku {
		width: 100%;
	}
	#lens.option #jm {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*---------------
	coating
	----------------*/

	main[data-opName="coating"] .lens-qu-style.bl2 li.plus div.plusitem img {
		width: 20px;
	}
	main[data-opName="coating"] .lens-qu-style.bl2 li.plus div.plusitem {
		bottom: 0px;
	}


}/*800px以下 end*/

/*===============================================
  画面の横幅が710px以下
===============================================*/
@media screen and (max-width: 710px) {

	/*---------------
	common
	----------------*/
	#lens #sec2 > div:nth-of-type(1) {
		width: 100%;
		max-width: none;
		display: block;
	}
	#lens #sec2 > div:nth-of-type(1) {
		left: auto;
	}
	#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1) {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(1) div {
		width: 100%;
		padding-top: 67%;
	}
	#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(2) {
		width: 100%;
		padding-left: 0;
		margin: 0 auto;
		text-align: center;
	}
	#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(2) h1 {
		text-align: center;
		margin: 0 auto 0;
	}
	#lens #sec2 .bgEff {
		max-width: none;
		width: 50%;
		top: 30%;
		left: auto;
	}
	#lens .lens-qu-style {
		display: block;
	}
	#lens .lens-qu-style li {
		padding-right: 0;
		width: 90%;
		margin: 0 auto;
	}
	#lens .lens-qu-style li div {
		transform: none;
		height: auto;
		position: relative;
		margin-bottom: 5px;
	}
	#lens .lens-qu-style li div img {
		transform: none !important;
		width: 100%;
		height: auto;
		position: relative;
		margin-bottom: 10px;
	}
	#lens .lens-qu-style li:nth-of-type(2n) {
		transform: none;
	}
	#lens .lens-qu-style li h3 {
		transform: none;
		margin-bottom: 30px;
	}
	#lens .lens-qu-style li h3 span {
		display: inline-block;
		padding-left: 20px;
	}
	#lens .lens-qu-style.line2 li,
	#lens .lens-qu-style.line3 li {
		width: 70%;
	}
	#lens .lens-qu-style.line2 li div,
	#lens .lens-qu-style.line3 li div {
		margin-bottom: 10px;
	}
	#lens .lens-qu-style.line2 li h3,
	#lens .lens-qu-style.lin2 li h3 + p,
	#lens .lens-qu-style.line3 li h3,
	#lens .lens-qu-style.lin3 li h3 + p {
		width: 100%;
		transform: none;
	}
	#lens .lens-qu-style.line2 li p,
	#lens .lens-qu-style.line3 li p {
		width: 100%;
	}
	#lens .lens-qu-style.line2 li:not(:nth-of-type(3)) p,
	#lens .lens-qu-style.line3 li:not(:nth-of-type(3)) p {
		margin-bottom: 50px;
		transform: translateX(0);
		padding-left: 0;
	}
	#lens .lens-qu-style.line3 li:nth-of-type(3) p {
		transform: translateX(0);
	}
	#lens .lens-qu-style li:last-of-type {
		padding-right: 0px;
	}


	/*---------------
	pursuitac-x
	----------------*/

	#lens.pursuit_acx .lens-qu-style li:nth-of-type(3) img {
		margin-top: -30px;
	}

	/*---------------
	synergy
	----------------*/

	#lens.synergy .lens-qu-style li div img {
		top: 0;
	}

	/*---------------
	polarthin
	----------------*/

	main[data-opname="polarthin"]#lens #lensCol .lens-qu-style {
		display: flex;
	}

	/*---------------
	trivex
	----------------*/

	main[data-lensName="trivex"]#lens .lens-qu-style.bl3 li:first-of-type {
		margin-top: 20px;
	}
	main[data-lensName="trivex"]#lens .lens-qu-style.bl3 li:not(:last-of-type) {
		margin-bottom: 30px;
	}
	main[data-lensName="trivex"]#lens .lens-qu-style li h3 > span {
		padding-left: 0;
	}

	/*---------------
	frontier
	----------------*/

	main[data-opName="frontier"]#lens #sec1 h1 span:nth-of-type(2) {
		width: 60%;
	}
	main[data-opName="frontier"]#lens #sec1 h1 span:nth-of-type(2) img:first-of-type {
		width: 80%;
	}
	main[data-opName="frontier"]#lens #sec1 h1 span:nth-of-type(2) img:last-of-type {
		width: 20%
	}
	main[data-opName="frontier"] #sec3 section > div.feature .qualityList {
		display: block;
	}
	main[data-opName="frontier"] #sec3 section > div.feature .qualityList li {
		width: 100%;
	}
	main[data-opName="frontier"] #sec3 section > div.feature .qualityList li:first-of-type {
		width: 100%;
		margin-bottom: 20px;
	}
	main[data-opName="frontier"] #fr01:after {
		content: none;
	}
	main[data-opName="frontier"]#lens .lens-qu-style.bl2 li div img {
		margin-bottom: 0;
	}
	main[data-opName="frontier"] #fr01 > ul li div {
		height: auto;
	}

	/*---------------
	functionColor
	----------------*/
	main[data-opName="functionColor"] .sec2a h1 {
		display: block;
	}
	main[data-opName="functionColor"] .sec2a h1 > img {
		margin: 0 auto 10px;
	}
	main[data-opName="functionColor"] .sec2a {
		width: 95%;
		box-sizing: border-box;
	}
	main[data-opName="functionColor"]#lens #sec3 section h1 {
		margin-bottom: 30px;
		text-align: center;
	}
	main[data-opName="functionColor"] #sec3 .colorVar ul li:nth-of-type(1),
	main[data-opName="functionColor"] #sec3 .colorVar ul li:nth-of-type(2),
	main[data-opName="functionColor"] #sec3 .colorVar ul li:nth-of-type(3) {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	main[data-opName="functionColor"] #sec3 .colorVar ul li img {
		width: 100%;
	}

	/*---------------
	arriate
	----------------*/
	main[data-opName="arriate"] .colorDetail > div {
		display: block;
	}
	main[data-opName="arriate"] .colorDetail > div > dl {
		width: calc(100%);
		max-width: 100%;
		margin-bottom: 10px;
	}
	main[data-opName="arriate"] .colorDetail,
	main[data-opName="arriate"] .colorDetail:nth-of-type(2),
	main[data-opName="arriate"] .colorDetail:nth-of-type(3) {
		padding-left: 20px;
		padding-right: 20px;
	}
	main[data-opName="arriate"] .colorDetail > div > img {
		margin-left: auto;
		margin-right: auto;
	}
	main[data-opName="arriate"] .colorDetail > div > dl > dd ol li {
		margin-right: 0;
		margin-bottom: 5px;
	}
	main[data-opName="arriate"] .colorDetail > div > dl > dd ol li:first-of-type {
		padding-right: 15px;
	}
	main[data-opName="arriate"] .colorDetail > div > dl > dt {
		display: block;
	}

	/*---------------
	coating
	----------------*/

	main[data-opName="coating"]#lens .lens-qu-style li:last-of-type {
		padding-left: 0;
	}
	main[data-opName="coating"]#lens.option .lens-qu-style.bl2 li.plus div.plusitem {
		display: none;
	}
	main[data-opName="coating"]#lens.option .lens-qu-style li div {
		margin-bottom: 0px;
	}
	main[data-opName="coating"] #sec3 section > div.feature {
		margin-bottom: 50px;
	}
	main[data-opName="coating"] #sec3 section > div.feature > p {
		margin-bottom: 30px;
	}
	main[data-opName="coating"]#lens .bluelightcut,
	main[data-opName="coating"]#lens .uvprotect {
		text-align: center;
	}
	main[data-opName="coating"]#lens .bluelightcut img,
	main[data-opName="coating"]#lens .uvprotect img {
		display: inline-block;
		width: 50%;
	}
	main[data-opName="coating"] .lens-qu-style li div img {
		top: auto;
		left: auto;
	}

	/*---------------
	transitions
	----------------*/

	main[data-opname="transitions"] .bunner_t figure {
		width: 40%;
	}

	/*---------------
	solaire
	----------------*/

	#modalWin > div > img {
		width: 90%;
	}



}/*710px以下 end*/


/*===============================================
  画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px) {

	/*---------------
	common
	----------------*/
	#lens .over640 {
		display: none;
	}
	#lens #sec1 > div:nth-of-type(2) p,
	#lens .feature > p,
	#lens .lens-qu-cross ul li > div p {
		line-height: 1.8;
	}
	#lens #sec1 h1 {
		padding-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#lens #sec1 h1 span:nth-of-type(1) {
		line-height: 1.4;
	}
	#lens .specBtn {
		width: 90%;
	}
	#lens #sec3 section {
		padding: 0 20px 0;
	}
	#lens #sec3 > section:not(:last-of-type) {
		margin-bottom: 100px;
	}
	#lens .feature {
		transform: none;
		padding-left: 0;
	}
	#lens .lens-qu-style {
		padding: 0;
	}
	#lens .lens-qu-style li div {
		margin-bottom: 0;
	}
	#lens .lens-qu-cross {
		display: block;
	}
	#lens .lens-qu-cross ul li > p:before,
	#lens .lens-qu-cross ul li > p:after {
		display: none;
	}
	#lens .lens-qu-cross > img:nth-of-type(1) {
		max-width: none;
		width: 50%;
	}
	#lens .lens-qu-cross {
		padding-left: 0;
	}
	#lens .lens-qu-cross > img:nth-of-type(2) {
		top: 0;
		width: 30%;
		height: auto;
	}
	#lens #sec1 > div:nth-of-type(2) {
		padding-top: 0;
	}
	#lens #sec1 {
        margin-bottom: 50px;
        padding-top: 80px;
        background-color: #fff;
	}
	#lens #sec2 {
		margin-bottom: 100px;
	}
	#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(2) h1 {
		text-align: left;
		width: 100%;
	}
	#lens #sec2 > div:nth-of-type(1) > div:nth-of-type(2) ul li {
		text-align: left;
	}
	#lens #sec2 > div {
		padding: 0 20px;
		box-sizing: border-box;
	}
	#lens .sprit {
		display: block;
	}
	#lens .sprit .element,
	#lens .sprit .element {
		width: 100%;
	}
	#lens .sprit div.element:not(:last-of-type) {
		margin-bottom: 30px;
	}
	#lens .sprit figure img {
		width: 100%;
	}
	#lens .sprit.bairitu .element {
		width: 100%;
	}
	#lens .sprit.horizontal {
		padding: 30px;
	}
	#lens .sprit.horizontal .element {
		width: 100%;
	}
	#lens .sprit.horizontal div.element:last-of-type {
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		transform: translateY(0%);
		padding: 0px;
	}
	#lens .sprit.ruisin {
		padding: 30px;
	}
	#lens .sprit.ruisin .element:first-of-type {
		width: 100%;
		padding-right: 0;
	}
	#lens .sprit.ruisin div.element:last-of-type {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		transform: translateY(0%);
		padding: 0px;
	}
	#lens .foryou2 p {
		text-align: left;
	}
	#lens .quality .sprit.tyukin figure {
		width: 80%;
		margin: 0 auto;
	}
	#lens .sprit.fine dl:first-of-type dt:after,
	#lens .sprit.fine dl:last-of-type dt:after {
		content: none;
	}
	#lens .sprit.fine div.element:first-of-type,
	#lens .sprit.fine div.element:last-of-type {
		width: 100%;
	}
	#lens .sprit.fine div.element:last-of-type div {
		top: auto;
		transform: translateY(0);
		padding: 10px;
		position: relative;
	}
	#lens .img_word > div:first-of-type,
	#lens .img_word > div:last-of-type {
		width: 100%;
	}
	#lens .img_word > div:last-of-type dl {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0%,0%);
		padding: 20px;
	}
	#lens .fitting_f > div.sprit > div:first-of-type {
		margin-bottom: 20px;
	}
	#lens .fitting_f > div.sprit > div:first-of-type,
	#lens .fitting_f > div.sprit > div:last-of-type {
		width: 100%;
	}
	#lens .fitting_f > div.sprit > div.sprit {
		display: flex;
	}
	#lens .fitting_f dl {
		margin-bottom: 20px;
	}
	#lens .fitting_f dl dt {
		margin-bottom: 5px;
	}
	#lens.option .lens-qu-style li div {
		margin-bottom: 5px;
	}

	/*---------------
	superiorp1
	----------------*/

	#lens.superiorp1 .sprit.sprit1 .element {
		width: 100%;
	}
	#lens.superiorp1 .sprit.sprit1 p:first-of-type:after{
		width: 90%;
	}

	/*---------------
	pursuitac-x
	----------------*/

	#lens.pursuit_acx .lens-qu-style li:nth-of-type(3) img {
		margin-top: 0px;
	}

	/*---------------
	pursuitnv-x
	----------------*/

	#lens .miegokoti .line.midasi2 {
		display: flex;
	}
	#lens .miegokoti .line p,
	#lens .miegokoti .line figure {
		width: 32%;
	}
	#lens .miegokoti .sprit > div:first-of-type,
	#lens .miegokoti .sprit > div:last-of-type {
		width: 100%;
	}
	#lens .miegokoti > .sprit {
		margin-bottom: 20px;
	}
	#lens .miegokoti .sprit > div:last-of-type {
		padding: 20px 0;
	}

	/*---------------
	pursuit_nv
	----------------*/

	#lens.pursuit_nv .smoothing {
		width: 80%;
		margin: 0 auto;
	}
	#lens.pursuit_nv div.smoothing:first-of-type {
		margin-bottom: 30px;
	}
	#lens.pursuit_nv .sprit .smoothing figure img {
		width: auto;
	}

	/*---------------
	pursuit_ev
	----------------*/

	#lens.pursuit_ev #sec3 .quality .sprit > div {
		width: 100%;
	}
	#lens.pursuit_ev #sec3 .quality .sprit > p {
		width: 100%;
		position: relative;
	}
	#lens.pursuit_ev #sec3 .quality .sprit > p span {
		display: inline;
		top: auto;
		left: auto;
		transform: translate(0%,0%);
		position: relative;
	}
	#lens.pursuit_ev .switchingtab {
		margin-bottom: 20px;
	}
	#lens.pursuit_ev .switchingtab + p {
		padding-left: 0;
	}
	#lens.pursuit_ev #sec3 .quality .sprit > p span {
		padding: 0;
	}

	/*---------------
	regard
	----------------*/

	#lens.regard #sec3 .quality .sprit > div {
		width: 100%;
	}
	#lens.regard #sec3 .quality .sprit > p {
		width: 100%;
		position: relative;
	}
	#lens.regard #sec3 .quality .sprit > p span {
		display: inline;
		top: auto;
		left: auto;
		transform: translate(0%,0%);
		position: relative;
	}
	#lens.regard .switchingtab {
		margin-bottom: 20px;
	}
	#lens.regard .switchingtab + p {
		padding-left: 0;
	}
	#lens.regard #sec3 .quality .sprit > p span {
		padding: 0;
	}

	/*---------------
	wing
	----------------*/

	#lens.wing .design .sprit {
		display: flex;
	}
	#lens.wing .design .sprit div {
		width: 48%;
		padding: 0 10px;
	}
	#lens.wing .design .sprit div img {
		width: 90%;
	}

	/*---------------
	azone
	----------------*/

	.azone .sprit.zone > div:last-of-type {
		padding-left: 0;
	}
	#lens.azone .sprit.zone img {
		width: 80%;
		margin: 0 auto;
	}

	/*---------------
	transitions
	----------------*/

	main[data-opName="transitions"] #sec3 .glaph {
		transform: translateX(0);
	}
	main[data-opName="transitions"] #sec3 .announceList > ul > li {
		display: block;
	}
	main[data-opName="transitions"] #sec3 .announceList > ul > li > img {
		padding-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	main[data-opName="transitions"] #sec3 .question > div > ul li {
		padding-left: 10px;
	}

	/*---------------
	solaire
	----------------*/

	main[data-opName="solaire"] .featIntro {
		display: block;
	}
	main[data-opName="solaire"] .featIntro > div:nth-of-type(1),
	main[data-opName="solaire"] .featIntro > div:nth-of-type(2) {
		width: 100%;
	}
	main[data-opName="solaire"] #sec3 .feature > div.color > p {
		width: 85%;
	}
	main[data-opName="solaire"] #sec3 .feature > div.color ul li span {
		height: 48px;
		line-height: 1.2;
	}

	/*---------------
	polarthin
	----------------*/

	main[data-opName="polarthin"] #sec3-1 {
		display: block;
	}
	main[data-opName="polarthin"] #sec3-1 > div {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	main[data-opName="polarthin"] #lensCol ul li {
		display: block;
		width: 35%;
	}
	main[data-opName="polarthin"] #bgImg {
		margin: 0;
		width: 100%;
	}

	/*---------------
	arriate
	----------------*/

	main[data-opName="arriate"] #sec3 .colorImage ol li:nth-of-type(2n+1) {
		padding-right: 5px;
		box-sizing: border-box;
	}
	main[data-opName="arriate"] #sec3 .colorImage ol li:nth-of-type(2n) {
		padding-left: 5px;
		box-sizing: border-box;
	}
	main[data-opName="arriate"] #sec3 .colorImage ul.colorColl li p {
		bottom: 63px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}

	/*---------------
	polarthin
	----------------*/

	main[data-opName="polarthin"]#lens #sec1 h1 span:nth-of-type(2) img {
		width: 50%;
		height: auto;
		max-width: 100%;
	}

	/*---------------
	trivex
	----------------*/

	main[data-lensName="trivex"] #sec1 > h1 > span:nth-of-type(3) > img {
		width: 50%;
		height: auto;
		max-width: 100%;
	}

	/*---------------
	coating
	----------------*/
	main[data-opName="coating"]#lens #sec1 h1 span:nth-of-type(1) {
		margin-bottom: 0;
	}



}/*640px以下 end*/