@charset "utf-8";

@import url(../../201505/common/jq_remodal.css);

.toolBox01 {
	background-color: #D9A300;
	}
.btnBrand01 > span {
	color: #D9A300;
	}
	
/* CONTENTS */

#eye_warap{
	background:#E1EDFB url(../../201505/common/images/bg_01.gif) repeat left top;
	padding-bottom:10px;
	}
#eye_vibox{
	background:url(../../201505/common/images/bg_vi.gif) repeat-x left top;
	text-align:center;
	}
#eye_vibox img{
	margin:0 auto;
	}
#eye_title01{
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	background-color:#D9A300;
	}
#eye_title01 img{
	margin:0 auto;
	}

#eye_maincont{
	width:940px;
	margin:0 auto 0 auto;
	background-color:#ffffff;
	padding:0 0 30px 0;
	}

@media screen and (max-width:768px) {
	#eye_warap{
		padding-bottom:0px;
		}
	#eye_title01{
		margin-bottom:0;
		}
	#eye_title01 img{
		max-width:92%;
		}
	#eye_maincont{
		width:auto;
		padding:0 0 20px 0;
		}
	}

#eye_checkbox{
	padding:16px 36px;
	background-color:#B0D8FF;
	zoom:100%;
	}
#eye_checkbox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#eye_checkbox h3{
	width:602px;
	height:48px;
	overflow:hidden;
	font-size:24px;
	font-size:2.4rem;
	color:#D23900;
	font-weight:bold;
	float:right;
	}
#eye_checkbox_img{
	width:220px;
	float:left;
	}
#eye_checkbox_img img{
	border:2px solid #fff;
	}
#eye_checkbox ul{
	height:110px;
	width:602px;
	overflow:hidden;
	float:right;
	}
#eye_checkbox ul li{
	font-size:20px;
	font-size:2.0rem;
	line-height:22px;
	color:#0B3F99;
	font-weight:bold;
	padding:2px 0 8px 30px;
	background:url(../../201505/common/images/icn_check.png) no-repeat left top;
	}
	
@media screen and (max-width:768px) {
	#eye_checkbox{
		padding:12px 4.7%;
		background-color:#B0D8FF;
		zoom:100%;
		}
	#eye_checkbox h3{
		width:auto;
		height:auto;
		font-size:20px;
		font-size:2.0rem;
		float:none;
		margin:0 0 0.5em 0;
		}
	#eye_checkbox_img{
		width:22%;
		float:left;
		margin:0 0 0.5em 0;
		}
	#eye_checkbox ul{
		height:auto;
		width:75%;
		margin:0 0 0.5em 0;
		}
	#eye_checkbox ul li{
		font-size:18px;
		font-size:1.8rem;
		line-height:20px;
		font-weight:bold;
		padding:4px 0 0.25em 26px;
		}
	}

.bt_open{
	margin:0;
	padding:4px 0;
	background:url(../../201505/common/images/bg_btn01.gif) repeat-x left top;
	background-size:auto 100%;
	cursor: pointer;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}
.bt_open span{
	display:block;
	background:url(../../201505/common/images/icon_p.png) no-repeat 16px center;
	padding-left:50px;
	text-align:center;
	}
.bt_open_img span{
	background:url(../../201505/common/images/icon_m.png) no-repeat 16px center;
	}
	
.bt_open span img{
	margin:0 auto;
	}
#title_contact{
	width:602px;
	float:right;
	}
	
@media screen and (max-width:768px) {
	#title_contact{
		width:auto;
		float:none;
		clear:both;
		}
	.bt_open{
		padding:0;
		}
	.bt_open span{
		background:url(../../201505/common/images/icon_p.png) no-repeat 10px center;
		background-size:auto 60%;
		padding-left:40px;
		}
	.bt_open_img span{
		background:url(../../201505/common/images/icon_m.png) no-repeat 10px center;
		background-size:auto 60%;
		}
	.bt_open span img{
		max-width:90%;
		}
	}
@media screen and (max-width:480px) {
	.bt_open span{
		background:url(../../201505/common/images/icon_p.png) no-repeat 6px center;
		background-size:auto 60%;
		padding-left:20px;
		}
	.bt_open_img span{
		background:url(../../201505/common/images/icon_m.png) no-repeat 6px center;
		background-size:auto 60%;
		}
	}

.cont_open{
	clear:both;
	padding:10px 0 0 0;
	display:none;
	}
	
.cont_open_box{
	background-color:#FFFDEE;
	padding:1.75em 36px 1em 36px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	zoom:100%;
	}
.cont_open_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
	
.cont_open_box p{
	margin:0 0 0.75em 0;
	}
#contact_img{
	width:286px;
	float:right;
	text-align:right;
	}
#contact_img img{
	border:3px solid #D9A300;
	margin:0 0 1em auto;
	}

@media screen and (max-width:768px) {
	.cont_open{
		padding:4px 0 0 0;
		}
	.cont_open_box{
		background-color:#FFFDEE;
		padding:1.25em 1.5em 0.5em 1.5em;
		}
	#contact_img{
		width:40%;
		float:right;
		}
	#contact_img img{
		width:95%;
		}
	}

.white_box{
	padding:24px 36px;
	background-color:#ffffff;
	zoom:100%;
	}
.white_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.white_box h3{
	margin:-20px 0 10px 0;
	text-align:center;
	}
.white_box h3 img{
	margin:0 auto;
	}

.box_prod{
	zoom:100%;
	}
.box_prod:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.prod_name{
	width:33%;
	float:left;
	text-align:center;
	}
.prod_name h4{
	font-size:18px;
	font-size:1.8rem;
	line-height:20px;
	color:#D23900;
	font-weight:bold;
	margin:0 0 0.5em 0;
	}
.prod_photo{
	width:34%;
	float:left;
	text-align:center;
	}
.prod_name img,
.prod_photo img{
	margin:0 auto;
	}
.prod_link{
	width:33%;
	float:left;
	text-align:center;
	padding-top:64px;
	}
.prod_link h5{
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:0.75em;
	}
	
#prod_eyest{
	border-bottom:18px solid #D0E8FF;
	}
	
#prod_eyest .prod_name{
	padding-top:48px;
	}
	


@media screen and (max-width:768px) {
	.white_box{
		padding:16px 4.7%;
		background-color:#ffffff;
		}
	.white_box h3{
		margin:-12px 0 10px 0;
		}
	.prod_name{
		width:45%;
		}
	.prod_photo{
		width:55%;
		}
	.prod_name img,
	.prod_photo img{
		max-width:90%;
		}
	.prod_link{
		width:auto;
		float:none;
		clear:both;
		padding-top:6px;
		}
	.prod_link h5{
		display:none;
		}
	#prod_eyest{
		border-bottom:12px solid #D0E8FF;
		}
	}
@media screen and (max-width:480px) {
	.prod_name{
		width:auto;
		float:none;
		padding-bottom:1em;
		}
	.prod_name h4{
		font-size:16px;
		font-size:1.6rem;
		line-height:18px;
		}
	.prod_photo{
		width:auto;
		float:none;
		padding-bottom:1em;
		}
	.prod_name img,
	.prod_photo img{
		max-width:90%;
		}
	#prod_eyest .prod_name{
		padding-top:0;
		}
	}

.color_box{
	padding:24px 36px;
	background-color:#D0E8FF;
	zoom:100%;
	}
.color_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.color_box p{
	margin:0 0 0.75em 0;
	}
.eye_title01{
	margin:0 0 16px 0;
	border-top:1px solid #D23900;
	border-bottom:1px solid #D23900;
	font-size:22px;
	font-size:2.2rem;
	line-height:24px;
	color:#D23900;
	font-weight:bold;
	background-color:#fff;
	padding:9px 0 4px 4px;;
	}
.eye_title02{
	font-size:18px;
	font-size:1.8rem;
	color:#0B3F99;
	margin:0 0 0.5em 0;
	font-weight:bold;
	}
.ec_cap{
	font-size:12px;
	font-size:1.2rem;
	line-height:125%;
	text-align:right;
	}
.ec_chu{
	color:#D80000;
	}
@media screen and (max-width:768px) {
	.color_box{
		padding:16px 4.7%;
		}
	.eye_title01{
		margin:0 0 0.75em 0;
		font-size:18px;
		font-size:1.8rem;
		line-height:20px;
		padding:6px 0 2px 4px;;
		}
	.eye_title02{
		font-size:16px;
		font-size:1.6rem;
		}
	.ec_cap{
		text-align:left;
		}
	}

#tok_eyecon_list{
	padding:0 0 0 262px;
	background:url(../../201505/common/images/eye_prod03.jpg) no-repeat 18px 24px;
	zoom:100%;
	}
#tok_eyecon_list:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#tok_eyecon_list li{
	width:298px;
	height:118px;
	margin-bottom:8px;
	background:url(../../201505/common/images/bg_btn02.gif) repeat-x left top;
	float:left;
	background-size:auto 100%;
	text-align:center;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	}
#tok_eyecon_list li img{
	margin:0 auto;
	}
#ec_list01,
#ec_list03{
	margin-right:10px;
	}
@media screen and (max-width:768px) {
	#tok_eyecon_list{
		padding:0;
		margin:0 auto;
		background:url();
		max-width:600px;
		}
	#tok_eyecon_list li{
		width:49%;
		height:auto;
		margin-bottom:8px;
		}
	#ec_list01,
	#ec_list03{
		margin-right:2%;
		}
	}
@media screen and (max-width:480px) {
	#tok_eyecon_list li{
		width:100%;
		margin-bottom:4px;
		float:none;
		}
	#tok_eyecon_list li img{
		max-width:80%;
		}
	#ec_list01,
	#ec_list03{
		margin-right:0;
		}
	}
	
	
.sub_box{
	padding-top:16px;
	margin-top:20px;
	border-top:2px dotted #7DBEFF;
	zoom:100%;
	}
.sub_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
	

#cont_alllenz h3{
	width:620px;
	float:left;
	}
#cont_alllenz p{
	width:620px;
	float:left;
	}
#cont_alllenz .ec_chu{
	float:left;
	}
#img_alllenz{
	width:196px;
	float:right;
	}
@media screen and (max-width:768px) {
	#cont_alllenz h3{
		width:auto;
		float:none;
		}
	#cont_alllenz p{
		width:auto;
		float:none;
		}
	#cont_alllenz .ec_chu{
		float:none;
		}
	#img_alllenz{
		max-width:196px;
		width:30%;
		float:right;
		margin:0 0 1em 1em;
		}
	}

#img_freeang{
	width:224px;
	margin:0 0 0 1em;
	float:right;
	}
#img_freeang img{
	margin:0 auto;
	}
@media screen and (max-width:480px) {
	#img_freeang{
		width:auto;
		margin:0 0 0.5em 0;
		float:none;
		}
	}

#prod_develop{
	padding-bottom:0;
	}
#prod_develop h2{
	width:600px;
	float:left;
	}
.dev_read{
	width:600px;
	float:left;
	margin-bottom:18px;
	}
#img_develop01{
	width:240px;
	float:right;
	border:3px solid #8C6900;
	background-color:#8C6900;
	box-sizing:border-box;
	}
@media screen and (max-width:768px) {
	#prod_develop h2{
		width:auto;
		float:none;
		clear:both;
		}
	.dev_read{
		width:auto;
		float:none;
		margin-bottom:0.5em;
		}
	#img_develop01{
		max-width:240px;
		width:30%;
		float:right;
		margin:0 0 0.5em 1em;
		border:2px solid #8C6900;
		}
	}

#develop_story{
	margin:0 -36px;
	padding:8px 0;
	clear:both;
	}
#develop_color_box{
	padding:16px 36px;
	background-color:#D0E8FF;
	}

@media screen and (max-width:768px) {
	#develop_story{
		margin:0 -4.82%;
		padding:4px 0;
		clear:both;
		}
	#develop_color_box{
		padding:12px 4.7%;
		}
	}

#story_parson{
	display:inline-block;
	float:right;
	margin:0 0 12px 30px;
	}
#story_parson img{
	display:block;
	margin:0 auto;
	}
#parson_bu{
	margin:4px 0 2px 0;
	font-size:12px;
	font-size:1.2rem;
	}
#parson_nm{
	margin:0 0 2px 0;
	font-size:16px;
	font-size:1.6rem;
	}
#parson_nm span{
	font-size:11px;
	font-size:1.1rem;
	}
	

#story_box{
	display:inline;
	}
#story_box p{
	margin:0 0 0.75em 0;
	}

@media screen and (max-width:768px) {
	#story_parson{
		border:0;
		max-width:40%;
		margin:0 0 10px 12px;
		}
	}



.remodal_link{
	cursor: pointer;
	}
	
.remodal,
.remodal * {
	font-family:'Lucida Grande','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック',sans-serif;
	}
.remodal{
	background:#fff;
	color:#333;
	}

.remodal-overlay {
    background: rgba(4,22,53, 0.8);
	}
	
.remodal-confirm:hover,
.remodal-close:active {
	text-decoration:none;
	}
	
.remodal-close:hover,
.remodal-close:active {
	text-decoration:none;
	}
	
.remodal .eye_infobox{
	width:480px;
	margin:10px auto 0 auto;
	padding:0 0 28px 0;
	text-align:left;
	zoom:100%;
	}
.remodal .eye_infobox:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
	
.remodal .eye_infobox h3{
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	padding:6px;
	line-height:120%;
	margin:0 0 0.75em 0;
	color:#fff;
	background-color:#D23900;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	}
	
.remodal .eye_infobox p{
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 1em 0;
	}
.remodal .infobox_img{
	width:180px;
	float:right;
	margin:0 0 1em 1em;
	}
	
@media screen and (max-width:40.063em) {
	.remodal .eye_infobox{
		max-width:480px;
		width:auto;
		margin:0 auto 0 auto;
		padding:0 0 1.5em 0;
		}
	.remodal .eye_infobox h3{
		text-align:left;
		padding:6px 12px;
		}
		
	.remodal .infobox_img{
		margin:0 auto 1em auto;
		float:none;
		}
	}