@charset "utf-8";
/* CSS Document */
/* 遠近両用コンタクトレンズ紹介ページ 2019/04 */
#bifocal{
	display:block;
	color:#717171;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	width:750px;
	background-color:#ffffff;
}
#bifocal p,
#bifocal a,
#bifocal span,
#bifocal div,
#bifocal ul,
#bifocal li{
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#bifocal a{
	text-decoration:none;
}
#bifocal a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
}
#bifocal .tbl{
	display:table;
	width:100%;
}
#bifocal .tbl .cell{
	display:table-cell;
	vertical-align:top;
}
#bifocal .main_ttl{
	display:block;
	color:#ffffff;
	font-size:36px;
	text-align:center;
	background-color:#345ca6;
	padding:20px;
}
/*ヘッダー*/
#bifocal .header_box{
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#bifocal .header_box img{
}
/*遠近両用コンタクト紹介*/
#bifocal .introduction_box{
	background-color:#e2f0fb;
	position:relative;
	padding-bottom:10px;
}
#bifocal .introduction_box2{
	position:relative;
	padding-bottom:80px;
}
#bifocal .introduction_box2 .point{
	position:absolute;
	bottom:0px;
	right:20px;
	z-index:2;
}
/*遠近両用コンタクトレンズとは*/
#bifocal .about_box{
	display:block;
	width:678px;
	height:224px;
	background-color:#ffffff;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:50px auto 40px;
	position:relative;
}
#bifocal .about_box .topic_ttl{
	display:block;
	color:#ffffff;
	font-size:24px;
	background-color:#74c5cc;
	width:684px;
	padding:12px 15px 12px 50px;
	position:absolute;
	top:16px;
	right:0px;
}
#bifocal .about_box .topic_txt{
	display:block;
	font-size:16px;
	letter-spacing:2px;
	line-height:2;
	width:100%;
	padding:0px 40px 40px;
	position:absolute;
	top:100px;
}
#bifocal .about_box img{
	position:absolute;
	top:-37px;
	right:-20px;
	z-index:4;
}
/*こんな方にオススメ！*/
#bifocal .rcmd_box{
	display:block;
	width:678px;
	height:270px;
	background-color:#ffffff;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:50px auto 40px;
	position:relative;
}
#bifocal .rcmd_box .topic_ttl{
	display:block;
	color:#ffffff;
	font-size:24px;
	background-color:#7ebfe7;
	width:684px;
	padding:12px 15px 12px 50px;
	position:absolute;
	top:16px;
	right:0px;
}
#bifocal .rcmd_box .topic_txt{
	display:block;
	font-size:16px;
	letter-spacing:2px;
	line-height:2;
	width:100%;
	padding:0px 40px 40px;
	position:absolute;
	top:100px;
}
#bifocal .rcmd_box .topic_txt ul{
}
#bifocal .rcmd_box .topic_txt ul li{
	margin-bottom:20px;
}
#bifocal .rcmd_box .topic_txt ul li img{
	position:relative;
	bottom:4px;
	margin-right:26px;
}
/*老眼の原因*/
#bifocal .factor_box{
	display:block;
	width:678px;
	height:224px;
	background-color:#ffffff;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:50px auto 40px;
	position:relative;
}
#bifocal .factor_box .topic_ttl{
	display:block;
	color:#ffffff;
	font-size:24px;
	background-color:#eeaabe;
	width:684px;
	padding:12px 15px 12px 50px;
	position:absolute;
	top:16px;
	right:0px;
}
#bifocal .factor_box .topic_txt{
	display:block;
	font-size:16px;
	letter-spacing:2px;
	line-height:2;
	width:100%;
	padding:0px 40px 40px;
	position:absolute;
	top:100px;
}
/*遠近両用コンタクトレンズの仕組み*/
#bifocal .mechanism_box{
	display:block;
	width:678px;
	background-color:#ffffff;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:40px 28px;
	margin:50px auto 40px;
	position:relative;
}
#bifocal .mechanism_box .topic_ttl{
	display:block;
	color:#2d74b0;
	font-size:24px;
	text-align:center;
	margin-bottom:28px;
}
#bifocal .mechanism_box .topic_txt{
	display:block;
	color:#717171;
	font-size:16px;
	letter-spacing:2px;
	line-height:2;
	text-align:center;
}
#bifocal .mechanism_box .topic_txt img{
	display:block;
	margin:auto;
}
#bifocal .mechanism_box .topic_txt .sub_txt{
	display:block;
	margin-bottom:30px
}
#bifocal .mechanism_box .topic_txt .box{
	display:block;
	background-color:#ffffff;
	padding:75px 44px 24px;
	border:1px solid #2d7abc;
	margin-top:60px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
}
#bifocal .mechanism_box .topic_txt .box .title{
	display:inline-block;
	color:#2d7abc;
	font-size:24px;
	width:360px;
	background-color:#ffffff;
	padding:0 30px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-25px;
}
#bifocal .mechanism_box .topic_txt .box .txt{
	display:block;
	color:#2d7abc;
	margin-top:30px;
}
/*近視用のコンタクトレンズ*/
#bifocal .explain_box{
	display:block;
	padding:0 0px;
}
#bifocal .explain_box .topic_ttl{
	display:block;
	color:#2d7abc;
	font-size:24px;
	letter-spacing:2px;
	line-height:1.6;
	padding:0 60px;
	margin-bottom:36px;
	background:-moz-linear-gradient(bottom, #e1f1fb 0%, #ffffff 100%);
	background:-webkit-gradient(linear, top, bottom, color-stop(0%, #e1f1fb), color-stop(100%, #ffffff));
	background:-webkit-linear-gradient(bottom, #e1f1fb 0%, #ffffff 100%);
	background:linear-gradient(to bottom, #e1f1fb 0%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f1fb', endColorstr='#ffffff', GradientType=0);
}
#bifocal .explain_box .topic_txt{
	display:block;
	font-size:16px;
	letter-spacing:2px;
	line-height:2.4;
	padding:0 50px;
}
#bifocal .explain_box .topic_txt .topic_sub_txt{
	display:block;
	padding:0 10px;
}
#bifocal .explain_box .topic_txt .type_box .tbl{
	margin-top:30px;
}
#bifocal .explain_box .topic_txt .type_box .txt_box{
	display:block;
	font-size:14px;
	line-height:1.8;
	width:300px;
	height:100%;
	min-height:180px;
	background-color:#ffffff;
	border:2px solid #2d7abc;
	padding:25px;
	margin:auto;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
}
#bifocal .explain_box .topic_txt .type_box .txt_box .txt_ttl_box{
	display:inline-block;
	color:#2d7abc;
	font-size:16px;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	background-color:#ffffff;
	padding:0 10px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-16px;
}
#bifocal .explain_box .topic_txt .type_box .txt_box .txt_ttl_box.type1{
	width:96px;
}
#bifocal .explain_box .topic_txt .type_box .txt_box .txt_ttl_box.type2{
	width:96px;
}
#bifocal .explain_box .topic_txt .type_box .txt_box .txt_ttl_box.type3{
	width:160px;
}
#bifocal .explain_box .topic_txt .type_box .txt_box .txt_ttl_box.type4{
	width:176px;
}
#bifocal .explain_box .topic_txt .type_box .txt_box .sub_txt{
	display:block;
	font-size:11px;
}
#bifocal .explain_box .topic_txt .type_box .green .txt_box{
	border-color:#70bdcb;
}
#bifocal .explain_box .topic_txt .type_box .green .txt_box .txt_ttl_box{
	color:#70bdcb;
}
/*ADDとは？*/
#bifocal .whats_box{
	display:block;
	width:624px;
	background-color:#f1f8fd;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:30px;
	margin:70px auto 70px;
	background-image:url(../img/icon_question.png);
	background-repeat:no-repeat;
	background-position:510px 10px;
}
#bifocal .whats_box .topic_ttl{
	display:block;
	color:#2d7abc;
	font-size:24px;
}
#bifocal .whats_box .topic_txt{
	display:block;
	color:#717171;
	font-size:16px;
	letter-spacing:2px;
	line-height:2;
}
/*遠近両用コンタクトレンズで注意すべき点*/
#bifocal .caution_box{
	display:block;
	width:624px;
	margin:0px auto;
}
#bifocal .caution_box .topic_mainttl{
	display:block;
	color:#2d7abc;
	font-size:24px;
	margin-bottom:5px;
}
#bifocal .caution_box .topic_txtbox{
}
#bifocal .caution_box .topic_txtbox ul{
}
#bifocal .caution_box .topic_txtbox ul li{
	display:block;
	margin-top:30px;
}
#bifocal .caution_box .topic_txtbox ul li .box{
}
#bifocal .caution_box .topic_txtbox ul li .box .topic_ttl{
	display:block;
	color:#ffffff;
	font-size:17px;
	background-color:#66c7d3;
	padding:10px 32px;
	letter-spacing:2px;
	line-height:1.4;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}
#bifocal .caution_box .topic_txtbox ul li .box .topic_txt{
	display:block;
	color:#717171;
	font-size:17px;
	background-color:#ffffff;
	padding:20px 32px;
	letter-spacing:2px;
	line-height:1.6;
	border:1px solid #66c7d3;
	-webkit-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
#bifocal .caution_box .topic_txtbox ul li .box .topic_txt .topic{
	display:inline-block;
	color:#48abc0;
	font-size:16px;
	font-weight:bold;
	background-color:#f5f3bd;
	letter-spacing:2px;
	line-height:1;
	padding:6px 15px;
	margin-bottom:4px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
/*POINT*/
#bifocal .onepoint_box{
}
#bifocal .onepoint_box .main_box{
	display:block;
	background-color:#ffffff;
	padding:30px 30px;
	border:1px solid #2d7abc;
	width:624px;
	margin:45px auto 0px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
}
#bifocal .onepoint_box .main_box .topic_ttl{
	display:inline-block;
	color:#2d7abc;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	width:96px;
	background-color:#ffffff;
	padding:0 10px;
	position:absolute;
	left:20px;
	margin:auto;
	top:-18px;
}
#bifocal .onepoint_box .main_box .topic_txt{
	color:#2d7abc;
	font-size:16px;
	letter-spacing:2px;
	line-height:2;
}
#bifocal .onepoint_box .main_box .topic_txt .underline{
	font-size:20px;
	background:linear-gradient(transparent 55%, #fbfae1 0%);
}
/*遠近両用コンタクトレンズ商品一覧*/
#bifocal .lineup_box{
	padding-bottom:15px;
	background-image:url(../img/lineup_box_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#bifocal .lineup_box .ttl_visual img{
	display:block;
	margin:35px auto;
}
/*商品詳細*/
#bifocal .product_box{
}
#bifocal .product_box a{
	display:block;
	width:710px;
	background-color:#ffffff;
	padding:20px 30px 30px;
	margin:0 auto 20px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#bifocal .product_box .catch{
	display:block;
	color:#2d7abc;
	font-size:25px;
	letter-spacing:1px;
	padding:0px 0 25px;
}
#bifocal .product_box .tbl .cell{
	vertical-align:middle;
}
#bifocal .product_box .name_box{
	display:block;
}
#bifocal .product_box .name_box .name_ttl{
	display:inline-block;
	color:#717171;
	font-size:14px;
	padding-top:3px;
	margin-right:18px;
	vertical-align:top;
}
#bifocal .product_box .name_box .name_txt{
	display:inline-block;
	color:#717171;
	font-size:18px;
}
#bifocal .product_box .price_box{
}
#bifocal .product_box .price_box .price_ttl{
	display:inline-block;
	color:#717171;
	font-size:14px;
	margin-right:28px;
}
#bifocal .product_box .price_box .price_txt{
	display:inline-block;
	color:#717171;
}
#bifocal .product_box .price_box .price_txt .blue{
	color:#345ca6;
	font-size:28px;
}
#bifocal .product_box .point_box{
}
#bifocal .product_box .point_box .point_ttl{
	display:inline-block;
	color:#717171;
	font-size:14px;
	margin-left:28px;
}
#bifocal .product_box .point_box .point_txt{
	display:inline-block;
	color:#717171;
}
#bifocal .product_box .point_box .point_txt .bold{
	color:#333434;
	font-size:28px;
}
#bifocal .product_box .btn{
	display:block;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	width:300px;
	background-color:#eb6ca1;
	padding:10px;
	margin-top:12px;
	-webkit-border-radius:30px;
	border-radius:30px;
	position:relative;
}
#bifocal .product_box .btn:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:85px;
	width:0;
	height:0;
	margin-top:-3px;
	border-style:solid;
	border-width:4px 0 4px 6px;
	border-color:transparent transparent transparent #ffffff;
}