@charset "utf-8";
/* CSS Document */
/*ICON解説つき、コンタクトいろいろ用語集LP 2020/02*/
#icon-instructions{
	display:block;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	letter-spacing:1.6px;
	width:100%;
	max-width:755px;
	margin:0 auto 40px;
}
#icon-instructions p,
#icon-instructions a,
#icon-instructions span,
#icon-instructions div,
#icon-instructions ul,
#icon-instructions li{
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#icon-instructions a{
	text-decoration:none;
}
#icon-instructions .tbl{
	display:table;
	width:100%;
}
#icon-instructions .tbl .cell{
	display:table-cell;
	vertical-align:top;
}
#icon-instructions .main_frame{
	display:block;
	margin:auto;
}
/*アコーディオン*/
#icon-instructions .acd_box{
	margin-bottom:8px;
}
#icon-instructions .acd_box .acd_ttl_box{
	display:block;
	color:#0d2474;
	font-size:16px;
	font-weight:bold;
	padding:20px 26px;
	position:relative;
}
/*ヘッダー*/
#icon-instructions .header_box{
	display:block;
	width:100%;
	max-width:755px;
	margin:0 auto 20px;
}
#icon-instructions .header_box .header_img{
	display:block;
	width:100%;
	max-width:755px;
	margin:auto;
}
/*TOPへ戻るボタン*/
#icon-instructions .top_btn{
	display:block;
	color:#0d2474;
	font-size:14px;
	font-weight:500;
	text-align:center;
	border-bottom:2px solid #0d2474;
	width:120px;
	padding-bottom:4px;
	margin:80px auto 100px;
}
#icon-instructions .top_btn:hover{
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	-webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
}
/*メインコンテンツ共通部分*/
#icon-instructions .cont_box{
}
#icon-instructions .cont_box .tbl{
	margin-top:16px;
}
#icon-instructions .cont_box .tbl .cell:first-child{
	width:366px;
}
#icon-instructions .cont_box .tbl .cell:first-child+*{
	padding:0 20px;
}
#icon-instructions .cont_box .acd_bdy{
	display:block;
	padding:0px 0px 0px;
	margin-bottom:0px;
	position:relative;
}
#icon-instructions .cont_box .acd_bdy .contents_inner{
	padding:44px;
	margin-bottom:48px;
}
#icon-instructions .cont_box .acd_bdy .contents_inner .ttl_read{
	display:block;
	width:100%;
	max-width:212px;
	height:auto;
	margin:0 auto 40px;
}
#icon-instructions .cont_box .text{
	font-size:15px;
	line-height:2.8;
}
#icon-instructions .cont_box .sub_text{
	font-size:13px;
	margin-top:20px;
}
#icon-instructions .cont_box .close_btn{
	display:block;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	text-align:center;
	background-color:#0d2474;
	width:100%;
	max-width:300px;
	padding:16px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
}
#icon-instructions .cont_box .close_btn:hover{
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	-webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
}
#icon-instructions .cont_box .close_btn:before{
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	right:20px;
	margin-top:4px;
	background-image:url(../img/btn_icon_close.png);
	background-repeat:no-repeat;
	background-size:16px;
	background-position:95% center;
}
/*コンタクトタイプ*/
#icon-instructions .cont_box.type_box{
}
#icon-instructions .cont_box.type_box .acd_bdy{
}
#icon-instructions .cont_box.type_box .acd_bdy .contents_inner{
	background-image:url(../img/bg_type.jpg);
	background-repeat:repeat;
	background-size:16px;
}
#icon-instructions .cont_box.type_box .figure{
	margin:0 auto 12px;
}
#icon-instructions .cont_box.type_box .acd_box .acd_ttl_box{
	background-color:#c6ecf6;
}
/*含水率*/
#icon-instructions .cont_box.water_box{
}
#icon-instructions .cont_box.water_box .acd_bdy{
}
#icon-instructions .cont_box.water_box .acd_bdy .contents_inner{
	background-image:url(../img/bg_water.jpg);
	background-repeat:repeat;
	background-size:16px;
}
#icon-instructions .cont_box.water_box .acd_box .acd_ttl_box{
	background-color:#a6f4ca;
}
#icon-instructions .cont_box.water_box .acd_bdy .contents_inner .img_deco_water{
	display:block;
	width:100%;
	max-width:560px;
	height:auto;
	margin:20px auto 24px;
}
/*カラーコンタクト*/
#icon-instructions .cont_box.color_box{
}
#icon-instructions .cont_box.color_box .acd_bdy{
}
#icon-instructions .cont_box.color_box .acd_bdy .contents_inner{
	background-image:url(../img/bg_color.jpg);
	background-repeat:repeat;
	background-size:16px;
}
#icon-instructions .cont_box.color_box .acd_box .acd_ttl_box{
	background-color:#fcd1df;
}
#icon-instructions .cont_box.color_box .acd_bdy .contents_inner .article_box{
	display:block;
	position:relative;
}
#icon-instructions .cont_box.color_box .acd_bdy .contents_inner .article_box .img_deco_color{
	display:block;
	width:100%;
	max-width:112px;
	height:auto;
	position:absolute;
	left:520px;
	top:-100px;
}
/*レンズ素材*/
#icon-instructions .cont_box.material_box{
}
#icon-instructions .cont_box.material_box .acd_bdy{
}
#icon-instructions .cont_box.material_box .acd_bdy .contents_inner{
	background-image:url(../img/bg_material.jpg);
	background-repeat:repeat;
	background-size:16px;
}
#icon-instructions .cont_box.material_box .acd_box .acd_ttl_box{
	background-color:#fcd693;
}
/*AND MORE*/
#icon-instructions .cont_box.more_box{
}
#icon-instructions .cont_box.more_box .acd_bdy{
}
#icon-instructions .cont_box.more_box .acd_bdy .contents_inner{
	background-image:url(../img/bg_more.jpg);
	background-repeat:repeat;
	background-size:16px;
}
#icon-instructions .cont_box.more_box .acd_box .acd_ttl_box{
	background-color:#e2c7f2;
}
/*アコーディオン内部*/
#icon-instructions .cont_box .btn_list{
}
#icon-instructions .cont_box .btn_list ul{
	display:table;
	margin:auto;
}
#icon-instructions .cont_box .btn_list ul li{
	display:table-cell;
	vertical-align:top;
}
#icon-instructions .cont_box .btn_list ul li a{
	margin-left:20px;
}
#icon-instructions .cont_box .btn_list ul li:first-child a{
	margin-left:0px;
}
#icon-instructions .cont_box .btn_list .icon_img{
}
#icon-instructions .cont_box .btn_list .icon_img:hover{
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	-webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
}
#icon-instructions .cont_box .article_box{
	background-color:#ffffff;
	margin-top:60px;
}
#icon-instructions .cont_box .article_box ul{
	padding:30px 0px;
}
#icon-instructions .cont_box .article_box ul li{
	padding:30px 40px;
}
#icon-instructions .cont_box .article_box ul li .article{
}
#icon-instructions .cont_box .article_box ul li .article .tbl{
	margin-top:0px;
}
#icon-instructions .cont_box .article_box ul li .article .tbl .cell:first-child{
	width:180px;
}
#icon-instructions .cont_box .article_box ul li .article .tbl .cell:first-child+*{
	padding:0;
}
#icon-instructions .cont_box .article_box .article img{
	margin-right:28px;
}
#icon-instructions .cont_box .article_box .article .ttl_box{
}
#icon-instructions .cont_box .article_box .article .ttl_box .ttl_txt{
	color:#0d2474;
	font-size:18px;
	font-weight:500;
	letter-spacing:3px;
	line-height:1;
	padding-bottom:28px;
	margin-bottom:24px;
	border-bottom:2px dotted #f08895;
}
#icon-instructions .cont_box .article_box .article .ttl_box .ttl_txt .number{
	color:#f08895;
	font-size:20px;
	font-weight:bold;
}
#icon-instructions .cont_box .article_box .article .txt_box{
	color:#0d2474;
	font-size:12px;
	font-weight:500;
	letter-spacing:2px;
	line-height:2;
}
/*アイコン一覧*/
#icon-instructions .link_list_box{
	margin-bottom:120px;
}
#icon-instructions .link_list_box .ttl_box{
	display:block;
	text-align:center;
}
#icon-instructions .link_list_box .ttl_box img{
	display:block;
	margin:auto;
}
#icon-instructions .link_list_box .ttl_box .ttl_txt{
	display:block;
	color:#0d2474;
	font-size:14px;
	font-weight:400;
	margin:40px auto;
}
#icon-instructions .link_list_box .list_box{
	border:4px solid #0d2474;
	border-radius:8px;
}
#icon-instructions .link_list_box .list_box .btn_box{
	padding:40px;
}
#icon-instructions .link_list_box .list_box .btn_box .ttl_img{
	display:block;
	margin-bottom:40px;
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list{
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list ul{
	display:table;
	margin:auto;
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list ul li{
	display:table-cell;
	vertical-align:top;
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list ul li a{
	margin-left:20px;
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list ul li:first-child a{
	margin-left:0px;
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list .icon_img{
}
#icon-instructions .link_list_box .list_box .btn_box .btn_list .icon_img:hover{
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	-webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
}
#icon-instructions .link_list_box .list_box .tbl{
}
#icon-instructions .link_list_box .list_box .tbl .cell{
}
#icon-instructions .link_list_box .list_box .tbl .cell:first-child{
	border-right:2px solid #0d2474;
}
#icon-instructions .link_list_box .list_box .tbl .cell:first-child+*{
	border-left:2px solid #0d2474;
}
#icon-instructions .link_list_box .list_box .btn_box.list_type{
	border-bottom:4px solid #0d2474;
}
#icon-instructions .link_list_box .list_box .btn_box.list_water{
}
#icon-instructions .link_list_box .list_box .btn_box.list_color{
}
#icon-instructions .link_list_box .list_box .btn_box.list_material{
	border-top:4px solid #0d2474;
}
#icon-instructions .link_list_box .list_box .btn_box.list_more{
	border-top:4px solid #0d2474;
}