@charset "utf-8";
/* CSS Document */
body{
	background-color:#fff;


}


.spec_t00 {
width: 760px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: #333;
font-size:12px;
}

.spec_t00 td {
	border: 1px solid #aaa;
	padding:2px;
	text-align:center;
	background-color:#fff;
	color:#000;
}

.tt01 {
		text-align:left;
		padding-bottom:0px;
		font-size:17px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
	}
.boxm{
	background-color: #100000;
}
.tt02{
    width:300px;
    background-image: url(../img/lens_arrow_y.png);     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: right bottom;          /* 背景の位置指定 */
}
.boxw{
	background-color: #fff;
}
.boxwi{
        
    background-image: url("../img/lens_backimg.png");
      background-repeat: repeat;
    background-color: #f0f;
}
.box50{
	width: 430px;
}
.box68{
	width: 684px;
}
.box70{
	width:700px;
}
.box70p{
    width: 70%;
}
.mtexts {
	color: #fff;
    font-size:18px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}
.mtextp {
	color: #fff;
    font-size:24px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}
.ptext {
	color: #333;
    font-size:13px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}

.lbtn{
	display: block;
	width: 200px;
	height: 30px;
	background-color: #f5f5f5;

	
}
.lbtn a{
	color: #555;
	text-decoration: none;
    font-size:16px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}
.text12{
		font-size:13px;
		font-weight: 400;
		font-family: 'Noto Serif JP', serif;
	color: #777;
}

.gbtn {
    background-image: url(../img/lens_listimg.png);     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left center;          /* 背景の位置指定 */
}
.gbtn a{
	color: #555;
	text-decoration: none;
    font-size:14px;
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}

.footer {
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
background-color: #dcdcdc;
    font-size:10px;
}
.scrollobj{
    width: 30px;
    height: 70px;
	opacity: 0;
}
.scrollobj{
    width: 30px;
    height: 70px;
    animation-name: scroll-animation;
	animation-delay:1;
    animation-duration: 3s;
    animation-iteration-count: 3;
}
@keyframes scroll-animation {
    0%{
	    opacity: 0;
    }
    100%{
     	 opacity: 100;
    }
}


/**デバッグ**/
.boxr{
	background-color: #f00;
}
.boxg{
	background-color: #0f0;
}
.boxb{
	background-color: #00f;
}