@charset "utf-8";
/* CSS Document */

/* TALEXページ小窓『LENS COLOR GUIDE』ページ用CSS
   /glass/normal_gs/talex_lens/css/talex_lens.css
------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
main.main > #body_container {
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	font-size: 13px;
}

main.main > #body_container .title01,
main.main > #body_container .title02 {
	margin: 27px 0;
	padding-bottom: 5px;
	line-height: 1.5;
	font-size: 18px;
	font-family: 'Cabin', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
main.main > #body_container > .title02 > img {
	max-width: fit-content;
}
main.main > #body_container .lens_img {
	float: left;
	width: 300px;
	margin-left: 30px;
}
main.main > #body_container .lens_img img,
main.main > #body_container .use img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
main.main > #body_container .spec {
	float: right;
	margin-top: 60px;
	margin-left: 30px;
	width: 300px;
}
main.main > #body_container .use > .d1 {
	text-align: right;
	margin-top: 2px;
	font-size: 12px;
}
main.main > #body_container .spec_table {
	margin-top: 20px;
}
main.main > #body_container .spec_table > table {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}
main.main > #body_container .spec_table > table th {
	width: 8em;
}
main.main > #body_container .spec_table > table th,
main.main > #body_container .spec_table > table td {
	padding: 5px 0.5em;
}
main.main > #body_container .spec_table > table tr + tr th,
main.main > #body_container .spec_table > table tr + tr td {
	border-top: 1px solid #CCC;
}
main.main > #body_container .spec_table > table td {
	border-left: 1px solid #CCC;
}
/* 
==============================================================================*/
main.main > #body_container .title_genre {
	padding-top: 40px;
	font-family: 'Cabin', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	color: #00493A;
	font-size: 20px;
	font-weight: 700;
	clear: both;
}
main.main > #body_container .genre_body > .text {
	padding: 20px 0 30px 20px;
}
main.main > #body_container .genre_body > ul.img {
	display: table;
	border-collapse: collapse;
	float: right;
	margin: -20px 0 10px 10px;
}
main.main > #body_container .genre_body > ul.img > li {
	display: table-cell;
	width: 130px;
	padding: 0 0 0 15px;
	border: none;
}
main.main > #body_container .genre_body > ul.img > li > p {
	margin: -3px 0 0 1px;
	font-size: 10px;
}
/* 
==============================================================================*/
main.main > #body_container .zerobreak {
	clear: both;
	font-size: 0;
}
/*==============================================================================
 * clearfix
==============================================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*==============================================================================
 * 折り返し設定
==============================================================================*/
main.main > #body_container .jus,
main.main > #body_container .genre_body > .text {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* 
==============================================================================*/