/*
Theme Name: lens-lab
Theme URI: 
Description: 
Author:
Author URI: 
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer.
-------------------------------------------------------------- */


@charset "utf-8";

button,
#lens-list,
.lens-block,
.mix-filter,
.spec-ttl,
.btn-cat-link,
.cat-of-lens-box,
.detail-box dd,
.detail-box dt,
ul.about-lab > li > ul > li,
.how-to-entry,
#filelist,
.cat-of-lens,
.lens_lab_inner_paged,
.blue-text,
.lens-entry-text,
.lens-entry-box,
.entry-lens-cat-sec,
#cat-link,
.cat-of-lens-ttl,
.btn-entry,
.btn-entry-top,
.btn-to-top,
.btn-entry p,
.lens-block-wanted,
.white,
.qes01,.qes02,.qes03,.qes04,
ul.about-lab > li > p.blue-text span,
.pager-list,
.top-gallery-one,
#top-gallery,
#top-gallery-ttl-box{
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a:hover,
.filter:hover,
.sort:hover,
.icon-good-btn img:hover,
ul.about-lab > li > p.blue-text span:hover{
opacity:0.7;
}
.icon-good-btn .zilla-likes.active:hover{
opacity: 1!important;
cursor: default;
}
.comingsoon{
opacity:1;
}
.lens-block a:hover{
background:rgba(127,111,2,0.3);
}
.btn-to-top:hover{
background:rgba(255,255,255,0.1);
}
.comingsoon{
opacity:1;
}
.op08{
opacity:.8;
}
.op08img a{
opacity:.5;
}
#top-gallery .op08img a:hover{
opacity:1 !important;
}
#top-gallery{
	width:100%;
	background:#000;
	overflow:hidden;
	padding:0 1px;
}
.top-gallery-one{
	width:16.6666%;
	float:left;
	padding:1px;
}
.top-gallery-one img{
	width:100%;
	 animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#top-gallery-ttl-box{
	width:100%;
	max-width:1200px;
    overflow: hidden;
	margin:0 auto;
    padding: 40px 15px 30px;
}
#top-gallery-ttl-left{
	width:50%;
	float:left;
	font-size:22px;
	color: #c6a62b;
}
#top-gallery-ttl-right{
	width:50%;
	float:right;
	text-align:right;
}
#top-gallery-ttl-right a{
	background: #272727;
	padding:12px 24px 10px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	border-radius: 4px;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 0.5}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 0.5}
}

#lens_lab {
    padding: 40px 0 0 ;
    width: 100%;
	overflow:hidden;
}
.lens_lab_inner {
    margin: 0 auto;
    max-width: 1000px;
    width: 90%;
	overflow:hidden;
	text-align:center;
}
.lens_lab_inner img {
    margin: 0;
    width: 100%;
}

.lens_lab_links-top {
    padding: 30px 0 0;
    width: 100%;
	text-align:center;
}

#lens_lab_paged {
    background: #fff url("images/lens_lab_bg.jpg") no-repeat scroll center top / 100% 1288px;
    padding: 34px 0 30px;
    width: 100%;
}
#lens_lab_paged-top {
    background: #fff url("images/lens_lab_bg.jpg") no-repeat scroll center top / 100% 1288px;
    padding: 34px 0 30px;
    width: 100%;
}
.lens_lab_inner_paged {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
	overflow:hidden;
	padding:0 15px;
}

.lens_lab_title {
    max-width: 700px;
    width: 100%;
	margin:0 auto;
}
.lens_lab_paged_title {
    max-width: 540px;
    width: 50%;
	float:left;
}
.lens_lab_paged_title img {
    width: 100%;
}
.lens_lab_links {
    width: 154px;
	text-align:right;
	float:right;
	padding:30px 0 0;
	overflow:hidden;
}

.btn-entry{
	width:154px;
	color:#FFFFFF;
	background: rgba(220, 20, 0, 0.4) none repeat scroll 0 0;
	font-size:14px;
	border: 2px solid #d81501;
	text-align:center;
float:left;
}

.btn-entry p{
color:#bb7d76;
	text-decoration:none;
	line-height:44px;
	padding:0 0 0 0;

}
.btn-entry span{
	font-size:10px;
	color:#ffffff;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}
.btn-entry-top{
	background: rgba( 220, 20, 0, 0.4 );
	font-size:16px;
	border:2px solid #d81501;

	text-align:center;
}
.btn-to-top{
	width:154px;
	font-size:14px;
	border:2px solid #ffffff;
	text-align:center;
	margin:0 0 0;
	float:left;
}



.btn-to-top a{
	width:154px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	line-height:44px;
}


.btn-entry-top{
	width:192px;
	display:block;
	color:#bb7d76;
	text-decoration:none;
	line-height:44px;
	
	float:right;
}
.btn-entry-top span{
	font-size:10px;
	color:#ffffff;
	width:180px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}
.btn-entry-top-att{
text-align:right;
	font-size:14px;
	color:#ffffff;
clear:both;
padding:8px 0 0 0;
line-height:1.5;
}
.btn-entry-att{
text-align:right;
	font-size:14px;
	color:#ffffff;
clear:both;
padding:8px 0 0 0;
float:right;
line-height:1.5;
}

#lens_lab_main{
background: #000;
width: 100%;
position:relative;
overflow:hidden;
padding:0 0 20px 0;
}

#filelist,
#lens-list{
	clear:both;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	 padding:0 15px;
	 overflow:hidden;
}
.lens-block{
	background:#ffffff;
	text-align:center;
	width:31.33%;
	max-width:1200px;
	margin:0 1% 20px;
	padding:10px 10px 0;
	float:left;
	position:relative;
	overflow:hidden;
}

.lens-block-wanted{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background: url("images/coming01.png") no-repeat center top;
	overflow:hidden;
	font-size:12px;
	color:#ffffff;
	
	padding:6px 0 0;
z-index:1;
}


#filelist .list-one{
	background:#111111;
}
.list-one-nick{
	background:#111111;
	font-size:12px;
line-height:1.5;
	color:#969696;
	text-align:center;
	padding:8px 0;
}
.lens-block img{
	width:80%;
	max-width:284px;
opacity:1;
}
.lens-block a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
z-index:150;
}
.lens-block h5{
font-family: 'Open Sans Condensed', sans-serif;
margin:8px 0 14px;
color:#ffffff;
}
.lens-block h5.white{
font-family: 'Open Sans Condensed', sans-serif;
	position:absolute;
	bottom:14px;
	left:0;
width:100%;
text-align:center;
color:#ffffff;
margin:0;
z-index:100;
padding:0 10px;
}
.lens-block h5.open{
color:#111111;
}


.lens-cat{
	font-family: Arial,Helvetica,sans-serif;
	width:98%;
	background:#272727;
	color:#c6a62b;
	clear:both;
text-align:center;
font-size:26px;
font-weight:normal;
margin:28px 1% 20px;
padding:8px 0 6px ;
letter-spacing:2px;

}

.lens-cat span{
font-size:18px;
vertical-align:3px;
}



.mix-filter{
  overflow: hidden;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:38px 15px 0;
	text-align:center;
}
.mix-filter h3{
font-family: "Open Sans Condensed",sans-serif;
	color:#ffffff;
	line-height:1.6;
	font-size:28px;
	font-weight:normal;
	letter-spacing:4px;
	margin:0 0 8px 0;
}
.mix-filter p{
	color:#cccccc;
	line-height:1.6;
	font-size:14px;
	letter-spacing:1px;
	margin:0 0 16px 0;
}
.mix-filter p.line{
	width:240px;
	height:1px;
	border-bottom:1px solid #434343;
	margin:0 auto 42px;
}

.mix-filter h6{
	color:#ffffff;
	width:250px;
	max-width:1200px;
	margin:0 0 6px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	padding:0;
}

.mix-filter ul {
	/*background:#b59719;
	background:rgba(181,151,25,.3);*/
  float: left;
  margin:0 ;
  padding:4px 8px 4px 8px;
  border-radius:4px;
  border:1px solid #9c800c;

}

.mix-sort ul {
    border: 1px solid #9c800c;
    border-radius: 4px;
    float: left;
    margin: 0;
    padding: 4px;
}

.mix-sort ul.all {
  float: left;
  padding:0 1.5% 0;
  width:100%;
}
.mix-filter ul li {
  float: left;
  margin:2px 4px;
  list-style: none; 
}
.mix-sort ul li {
  float: left;
  margin:2px 4px;
  list-style: none; 
}

.mix-sort{
	margin:0 1.5% 0 0;
	float:right;
}

.mix-filter-left{
	float:left;
	display:inline-block;
	overflow:hidden;
	padding:0 0 0 1%;
}
.mix-filter-right{
	float:right;
	display:inline-block;
	overflow:hidden;
	padding:0 1% 0 0;
}

#lens_lab_main .mix-sort button,
#lens_lab_main .mix-filter button{
	margin:0 4px 10px;
}

#lens_lab_main button {
	background: #000000;
 
	height:36px;
    padding:0;
    margin:0 !important;
    border:0;
    line-height:35px;
    overflow:visible;
    cursor:pointer;

}

#lens_lab_main button.filter {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
	padding:0 10px 0 10px;
	float:left;
	line-height:36px;
}
#lens_lab_main button.all-img {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
	padding:0 6px 0 6px;
	float:left;
	line-height:36px;
}

#lens_lab_main button.sort {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
	letter-spacing:1px;
    text-align: center;
    text-decoration: none;
	margin:0 0 0 18px;
	padding:0 4px 0;
	float:left;
	line-height:30px;
}

#lens_lab_main button.active{
	color:#fff; 
  border-radius:4px;}


#lens_lab_main .mix-filter button.active{
	background:rgba(181,151,25,.7);
	/*background:rgba(0,0,0,0.3);*/
	border-radius: 4px;
	color:#fff; 
  border-radius:4px;}

#lens_lab_main button.sort.active{
	    background: rgba(181, 151, 25, 0.7) none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;}

.all-lev-ttl{
	float:left;
	font-size:22px;
	color:#ffffff;
	display:inline-block;
	margin:0 0 0 1.5%;
	padding:12px 0 0 0;
}

.all-lev-box{
	float:right;
	margin:0 0 4px 0;
padding: 0 0 4px;
}
#lens_lab_main button.all-lev {
    background: #404040 none repeat scroll 0 0;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    max-width: 110px;
    padding: 0 14px;
    text-align: center;
    text-decoration: none;
}

.about-catch{
	color:#c6a62b;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin:40px 0 40px;
	letter-spacing:2px;
}
.about-catch img{
	width:100%;
	max-width:500px;
}
.about-catch-line {
    border-bottom: 1px solid #333333;
    height: 1px;
    width: 200px;
	margin:0 auto 50px;
}

.about-catch2{
width:700px;
	color:#c6a62b;
	text-align:center;
	font-size:18px;
	font-weight:bold;
letter-spacing:1px;
	margin:40px auto 20px;
padding:0 0 8px;
border-bottom:2px solid #c6a62b;
}

.about-lead{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:2;
}

.about-lead2{
width:600px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	line-height:3;
letter-spacing:1px;
margin:28px auto 28px;
}
.about-lead3{
width:700px;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	line-height:2.2;
letter-spacing:1px;
margin:28px auto 28px;
}
.about-lead4{
width:700px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:2.2;
letter-spacing:1px;
margin:38px auto 28px;
}
.about-lead5{
width:100%;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	line-height:2.2;
letter-spacing:1px;
margin:0 auto 38px;
}
.not-bold{
	clear:both;
	font-weight:normal !important;
	margin:20px auto 20px;
}
.about-img{
	width:85%;
	margin:0 auto 60px;
	text-align:center;
}
.about-img img{
	width:100%;
}
.about-img2 {
    margin: 0 auto 10px;
    width: 85%;
	text-align:center;
}
.about-img2 img{
	width:100%;
	max-width:606px;
}
.entry-catch{
	border-top:4px solid #c6a62b;
	background:#F2F2F2;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	margin:0 0 0;
	padding:12px 0 0;
}
.how-to-good{
	text-align:center;
	margin:0 0 30px;
	padding:30px 38px 30px;
	border:2px solid #f53d4a;
}
.how-to-good div{
	display: table- cell;
font-size:22px;
font-weight:bold;
vertical-align:bottom !important;
margin:0 0 30px;
}
.how-to-good div img{
	width:78px!important;
vertical-align:top !important;
}
.how-to-good h5 span{
	padding:0 0 15px;

}
.how-to-entry{
	text-align:center;
	padding:38px 38px 50px;
	border:8px solid #f2f2f2;
}
.how-to-entry img{
	margin:0 0 10px 0;
}
.entry-lead{
	text-align:center;
	font-size:14px;
	font-weight:normal;
	line-height:2;
}

.qes01,
.qes02,
.qes03,
.qes04{
	background:#e0ebf4;
	width:47%;
	padding:18px;
	float:left;
	font-size:16px 22px;
	font-weight:bold;
	text-align:center;
	border-radius:12px;
	position:relative;
}

.qes01,
.qes02{
	margin:0 1.5% 40px;
}
.qes03,
.qes04{
	margin:40px 1.5% 60px;
}
.qes01-down{
	background:url("images/qes_down.png") no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	bottom:-28px;
	right:110px;
}
.qes02-down{
	background:url("images/qes_down.png") no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	bottom:-28px;
	left:80px;
}
.qes03-up{
	background:url("images/qes_up.png") no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	top:-28px;
	right:40px;
}
.qes04-up{
	background:url("images/qes_up.png") no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	top:-28px;
	left:130px;
}


/*アコーディオン*/

ul.about-lab { 
width:100%;
margin:0 auto 0;
}
ul.about-lab a{
	color:#0151BD;
	text-decoration:none;
}
ul.about-lab a:hover{
	text-decoration:underline;
	color:#0151BD;
}

ul.about-lab span { 
display:block; 
padding:10px;
background-position:99% center; 
background-repeat:no-repeat; 
font-weight:bold;}

ul.about-lab ul { 
display:none;
background:#ffffff;
border-top:1px solid #b59719;
}
ul.about-lab > li {
	background:url("images/about_bg.png") repeat;
	border-bottom:1px solid #b59719;
	padding:30px 0 0 ;
text-align:center;
	}
ul.about-lab > li img {
	width:100%;
	max-width:600px;
	}

ul.about-lab > li > p {
display: inline;
	width:100%;
	max-width:1200px;
	text-align:center;
margin:0 auto;
padding:0px 15px;
cursor:pointer;}

ul.about-lab > li > p.blue-text span {
color:#c6a62b;
display: inline-block;
padding:0 0 30px ;
}
ul.about-lab > li > p.blue-text span img.about-close {
	display:none;
}

ul.about-lab > li > p.blue-text span.open {
}
ul.about-lab > li > p.blue-text span.open img.about-open {
	display:none;
}
ul.about-lab > li > p.blue-text span.open img.about-close {
	display:inline;
}


ul.about-lab > li > ul > li {
	width:100%;
	max-width:1100px;
font-size:14px;
line-height:1.7;
margin:0 auto;
padding:28px 50px 50px ;
border-bottom:1px solid #EEE;}

ul.about-lab > li > ul > li > ul > li:last-child { 
border:none;}



/*///////////////////////////LIST///////////////////////////*/

.cat-of-lens-box{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:30px auto 20px;
	padding:0 15px;
	overflow:hidden;
 }
  .cat-of-lens-box .mix-sort{
	margin:0 1.5% 0 0;
 }
   .cat-of-lens-box .mix-sort-cat{
	margin:20px 1.5% 0 0;
 }
.cat-of-lens{
	background:#ffffff;
	vertical-align:middle;
	color:#ffffff;
	overflow:hidden;
 float:left;
margin:0 0 0 1.5%;
 padding:2px;
 }
 .cat-of-lens-img{
	 width:110px;
	 height:100%;
	 background:#ffffff;
	 float:left;
 }
  .cat-of-lens-ttl{
	 background:#000000;
	 float:left;
	 padding:10px 10px 16px;
	 font-size:14px;
 }
 
 .cat-of-lens-img img{
	 width:100%;
	  margin:18px 0 0 0;
}
.cat-of-lens p{
font-family: 'Open Sans Condensed', sans-serif;
color:#ffffff;
font-size:22px;
 font-weight: 500;
 letter-spacing: 2px;
margin:6px 0 14px;
letter-spacing:1px;
}

 .list-one{ 
 width:22%;
 margin:1.5%;
 float:left;
 overflow:hidden;}

 .list-one img{ 
 width:100%;
 height:auto;}
 
 h6.attack-text{
	 background:#fffcf0;
	 font-size:18px;
	 font-weight:bold;
	 margin:30px 0 18px;
	 padding:12px 0;
	 line-height:18px;
}

.att-text{
	 font-size:12px;
	 line-height:1.5;
	 text-align:left;
padding-left: 1em;
    text-indent: -1em;
}
.att-text-ttl{ 
font-size:14px;
	 line-height:1.5;
	 margin:80px 0 8px 0;
	 text-align:left;
	font-weight:bold;
}
 


/*///////////////////////////ENTRY///////////////////////////*/

.entry-lens-cat-sec{
	width:100%;
	max-width:1200px;
	margin:24px auto 30px;
	padding:20px 15px 0px;
	overflow:hidden;
}
.entry-lens-cat{
	background:#ffffff;
	color:#333333;
	font-size:12px;
	margin:10px 10px 0 0;
	padding:6px 6px 4px;
	float:left;
}
.entry-lens-name{
	font-family: 'Open Sans Condensed', sans-serif;
	color:#FFFFFF;
	font-size:28px;
	font-weight:500;
	letter-spacing:2px;

	float:left;
	line-height:1.4;
}



.lens-entry-photo{
	width:62%;
	max-width:720px;
	float:left;
	text-align:center;
}
.lens-entry-photo{
	width:62%;
	max-width:720px;
	float:left;
	text-align:center;
}
.lens-entry-photo img{
	width:100%;
height:auto;
	max-height:720px;
max-width:auto;
}
.lens-entry-photo-long{
	width:90%;
	max-width:900px;
	margin:0 auto;
	text-align:center;
}

.ver-on img{
width:auto;
max-height:720px;
height:auto;
max-width:100%;

}

.nick-name{
	font-size:16px;
	width:30%;
	padding:4px 0 0 ;
}
.nick-name span{
	text-align:center;
	font-size:12px;
}
.nick-name-n{
	font-size:14px;
	font-weight:bold;
	width:100%;
}


.lens-entry-text{
	background:#ffffff /*url(images/bg_k-1.png) no-repeat left bottom*/;
	width:36%;
	float:left;
	margin:0 0 0 2%;
	padding:12px 20px 0;
}
.spec-box{
	width:100%;
	max-width:1000px;
	margin:18px auto 0;
	overflow:hidden;
	line-height:1.7;
}
.detail-box{
	width:100%;
	font-size:14px;
	margin:28px 0 0 0;
	overflow:hidden;
}

.detail-box dt{
	width:55%;
	background:#7c7c7c;
	font-size:12px;
	color:#ffffff;
	line-height:20px;
	margin: 0 0 2px;
	float:left;
	padding: 1px 8px;
	border-bottom:1px solid #7c7c7c;
}
.detail-box dd{
	background:#ffffff;
	width:45%;
	font-size:14px;
	line-height:20px;
	margin: 0 0 2px;
	float:left;
	padding: 1px 8px;
	border-bottom:1px dotted #cccccc;
}
.detail-box dd.bt{
	border-top:1px dotted #cccccc;
}
.detail-box dt.fst{
	border-top:1px solid #7c7c7c;
}
.spec-left{
	width:100%;
	overflow:hidden;

}


.spec-ttl-head{
	font-size:12px;
	width:30%;
	float:left;
	padding:10px 15px 0;
}
.spec-ttl{
clear:both;
	font-size:20px;
	font-weight:bold;
	width:100%;
	padding:16px 0 10px;
	line-height:28px;
}
.spec-comment-head{
	background:#f2f2f2;
	font-size:12px;
	float:left;
	margin:20px 0;
	padding:6px;
}
.spec-comment{
	width:100%;
	font-size:14px;
	float:left;
	padding:10px 15pxn 0 0;
}
.spec-ttl-line{
	width:200px;
	height:1px;
	border-bottom:1px solid #333333;
}

#cat-link{
	width:100%;
	padding:60px 15px;
	text-align:center;
}
.btn-cat-link{
	font-family: 'Open Sans Condensed', sans-serif;
	display:inline-block;
	font-size:20px;
	color:#ffffff;
	margin:0 auto;
	text-decoration: none;
	text-align:center;
	border: 1px solid #7f6a12;
	line-height:1.6;
}
.btn-cat-link a{
	color:#ffffff;
	text-decoration: none;
	padding:18px 24px;
	display:block;
	letter-spacing:1px;
}
.btn-cat-link a span{
	font-size:16px;
}

.shere-box{
	width:100%;
	max-width:1200px;
	text-align:right;
	margin:24px auto 30px;
	overflow:hidden;
}


.icon-btn{
	font-size:14px;
	display:inline-block;
	margin:0 12px;
	line-height:18px;
}
.icon-good-btn{
width:70%;
height:27px;
float:right;
text-align:right;
	font-size:14px;
	display:inline-block;
	margin:0;
	line-height:18px;
}
.icon-btn a{
	 text-decoration:none;
	 color:#333333;
}
.icon-btn img{
	width:18px;
	margin:0 6px 0 0;
}
.icon-good-btn img{
	width:70px;
	margin:0 3px 0 0!important;
}
.lens-entry-box{
	width:100%;
	max-width:1200px;
	margin:24px auto 20px;
	padding:0 15px;
	overflow:hidden;
}
.pager-list{
	max-width: 1200px;
	color:#969696;
	text-align:center;
	margin:20px auto 20px;
	padding:10px 15px;
}
.pager-list span{
	background:#1b1b1b;
	font-size:14px;
	padding:8px 6px 6px;
}
.pager-list span:hover{
	color:#c6a62b;
	cursor:pointer;
}
.pager-list span.pageractive{
	color:#c6a62b;
}
.pager-list .disabled{
	color:#3e3e3e;
}
.pager-list .disabled:hover,
.pager-list .disabled > span:hover{
	cursor:default !important;
	color:#3e3e3e !important;
}
.pager-list .pageractive:hover,
.pager-list .pageractive > span:hover{
	cursor:default !important;
}
/*
.page-prev,
.page-next{
	display:none;
}
*/

.new-lens{
	background:#d30000;
	color:#ffffff;
	position:absolute;
	top:8px;
	left:8px;
	display:inline-block;
	padding:4px 6px 2px;
	z-index:10;
}


 @media screen and (min-width:1px) and (max-width:1000px) {
.lens-entry-photo {
    float: none;
	margin:0 auto 16px;
    max-width: 720px;
    text-align: center;
    width: 100%;
}
.lens-entry-text {
    float: none;
    margin: 0;
    padding: 10px 15px 0;
    width: 100%;
}
.spec-left {
	max-width:720px;
	margin:0 auto;
}
.detail-box {
	max-width:720px;
	margin:14px auto 0;
}

}
 @media screen and (min-width:1px) and (max-width:1080px) {
	.mix-filter-right {
	clear:both;
    float: left;
	margin:16px 1% 0;
}
}
 @media screen and (min-width:1px) and (max-width:900px) {
.btn-to-top {
    width: 110px;
}
.btn-to-top a{
	width:110px;
}
.btn-entry{
	width:110px;
}
.about-catch {
    font-size: 16px;
    letter-spacing: 1px;
	margin: 20px 0 20px;
}
.about-lead {
	font-size:14px;
    letter-spacing: 0px;
	line-height: 1.6;
}
.about-img {
    margin: 0 auto 24px;
    width: 90%;
}
.entry-catch {
    font-size: 18px;
    padding: 8px 0 0;
	border-top:4px solid #c6a62b;
}
h6.attack-text {
    font-size: 16px;
	 margin: 18px 0 12px;
}
ul.about-lab > li > ul > li {
    line-height: 1.6;
    padding: 28px 15px 50px;
}
.entry-lead {
    line-height: 1.6;
}
.how-to-entry {
    border: 8px solid #f2f2f2;
    padding: 18px 10px 30px;
    text-align: center;
}
.how-to-entry img{
	width:100%;
	max-width:690px;
}
.att-text-ttl {
    font-size: 14px;
    margin: 50px 0 8px;
}
ul.about-lab {
    margin: 30px auto 0;
}
.cat-of-lens{
margin:0 1%;
 }
 .all-lev-ttl{
	font-size:16px;
	margin:0 0 0 1%;
	padding:0px 0 12px 0;
}
.lens-block img {
    max-width: 284px;
    width: 100%;
}
  .cat-of-lens-box .mix-sort-cat{
	  clear:both;
	  float:left;
	margin:14px 1% 0;
 }
 .top-gallery-one{
	width:33.3333%;
	float:left;
	padding:1px;
}
#top-gallery-ttl-left{
	width:50%;
	float:left;
	font-size:16px;
	color: #c6a62b;
}
#top-gallery-ttl-right{
	width:50%;
	float:right;
	text-align:right;
}
#top-gallery-ttl-right a{
	background: #272727;
	padding:12px 12px 10px;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	border-radius: 4px;
}

}

 @media screen and (min-width:641px) and (max-width:900px) {
.lens_lab_paged_title {
    width: 60%;
}
	  .list-one{ 
 width:31.3%;
 margin:1%;
 float:left;
 overflow:hidden;
 }
 .lens_lab_links {
	 width:110px;
    float: right;
    padding: 24px 0 0;
}

 
 }
  @media screen and (min-width:1px) and (max-width:640px) {
#lens-list {
    padding: 0 15px;
}
.lens-cat{
	font-size:20px;
}
.mix-filter{
    padding: 20px 15px 0;
}
.lens_lab_paged_title {
    max-width: 640px;
    width: 100%;
}
.lens_lab_paged_title img {
    width: 100%;
}
.lens-block {
    margin: 0 1% 12px;
    padding: 10px 10px 0;
    position: relative;
    text-align: center;
    width: 48%;
}
  .list-one{ 
 width:48%;
 margin:1%;
 float:left;
 overflow:hidden;
 }
.lens-block h5 {
    margin: 8px 0 10px;
}

 .lens_lab_links {
	  width: 110px;
	 clear:both;
    float: none;
	margin:0 auto;
	padding: 8px 0 0;
}

.btn-entry-top{
	float:none;
	margin:0 auto;
}
ul.about-lab > li > p {
	line-height:30px;
	text-align:center;
margin:0 auto 0;
display:block;
}
.detail-box dt {
    font-size: 10px;
	padding: 1px 4px;
}
.cat-of-lens {
	width:98%;
}
 .cat-of-lens-img{
	 width:100%;
	 text-align:center;
	 background:#ffffff;
	 float:left;
 }
  .cat-of-lens-img img{
	 width:120px;
	 margin:0 0 0 0;
 }
 .cat-of-lens-ttl {
	 width:100%;
}
.about-lead5 {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    margin: 0 auto 24px;
    text-align: center;
    width: 100%;
}
.how-to-good {
    margin: 0 0 20px;
    padding: 20px 15px;
    text-align: center;
}
.qes01,
.qes02,
.qes03,
.qes04{
	font-size:14px;
	font-weight:bold;
	padding: 16px 10px 10px;
}

.qes01,
.qes02{
	margin:0 1.5% 30px;
}
.qes03,
.qes04{
	margin:30px 1.5% 60px;
}
.qes01-down{
	bottom:-20px;
	right:30px;
}
.qes02-down{
	bottom:-20px;
	left:30px;
}
.qes03-up{
	top:-20px;
	right:30px;
}
.qes04-up{
	top:-20px;
	left:30px;
}
ul.about-lab > li img {
    max-width: 400px;
    width: 100%;
}
.btn-entry-top-att{
text-align:center;
}
.btn-entry-att {
    float: none;
margin:0 auto;
    text-align: right;
}
.btn-entry-att {
    text-align: center;
}
.mix-sort ul li {
    float: left;
    list-style: outside none none;
    margin: 2px 4px;
}
.pager-list span{
	background:#1b1b1b;
	font-size:12px;
	padding:6px 4px 4px;
}
.cat-of-lens-box .mix-sort {
	clear:both;
	float:left;
    margin: 10px 1% 0;
}
.list-one-nick{
	font-size:10px;
}

.new-lens{
	background:#d30000;
	color:#ffffff;
	position:absolute;
	top:0px;
	left:0px;
	font-size:10px;
	display:inline-block;
	padding:4px 3px 2px;
	z-index:10;
}


 }

.post-ratings{
font-size:14px;
line-height:14px;
vertical-align:bottom;
}
.vertically_long{
	max-height:720px;
	width:auto !important;
	max-width: 100%;
}




/************************************
** レスポンシブページネーション
************************************/
.page-n-box{
	text-align:center;
	margin:30px auto;
	
}
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
  color:#969696;
  display:inline-block;
  margin:20px auto;
}
 
.pagination,
.pagination a,
.pagination span {

}
 
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  min-width:36px;
  min-height:36px;
  color: #333;
  background: #1b1b1b none repeat scroll 0 0;
    font-size: 14px;
    padding: 22px 20px 20px;
	margin:0 2px;
	color: #969696;
}
.pagination span {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  min-width:36px;
  min-height:36px;
  color: #333;
  background: #1b1b1b none repeat scroll 0 0;
    font-size: 14px;
    padding: 22px 20px 20px;
	margin:0 2px;
	color: #c6a62b;
}
.pagination span.dots {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  min-width:20px;
  min-height:20px;
   color:#969696;
  background: none;
    font-size: 14px;
    padding: 22px 4px 20px;
	margin:0 ;
}
 
.pagination li:not([class*="current"]) a:hover {
	color: #c6a62b;
}
.pagination .current a {
	color: #c6a62b;
}
 
.pagination li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination li.first a::before { content: "Farst Page"; }
.pagination li.last a::after { content: "Last Page"; }
 
.pagination li.previous a::before { content: "＜"; }
.pagination li.next a::after { content: "＞"; }
 
.pagination li.current a {
 cursor: default;
 pointer-events: none;
}
 
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
@media only screen and ( max-width: 680px ) {
  .pagination .first,
  .pagination .last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
     .pagination span.dots {
	  display:none;
  }  
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination span,
  .pagination .first,
  .pagination .last,
  .pagination .previous,
  .pagination .next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination li.previous a { border-left-width: 0; }
  
  .pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  min-width:10px;
  min-height:10px;
  color: #333;
  background: #1b1b1b none repeat scroll 0 0;
    font-size: 14px;
    padding: 10px 8px 8px;
	margin:0 1px;
	color: #969696;
}
.pagination span{
  min-width:10px;
  min-height:10px;
    font-size: 14px;
     padding: 10px 8px 8px;
	margin:0 1px;
}
  .pagination .first,
  .pagination .last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
   .pagination span.dots {
	  display:none;
  }  
  
  
}
 
@media only screen and ( max-width: 400px ) {

  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
 
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}