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

/*---------------------------------------------------------------------------

　　レンズ

---------------------------------------------------------------------------*/

/*==========================================================================
　　Common
==========================================================================*/
#lens #lensDetail #heading  {margin:0;}

/* 見出し
-------------------------------------------------------------------------*/
#lens h3 {
	font-size:52px;font-size:5.2rem;font-weight:normal;text-align:center;
	line-height:1.0;letter-spacing:0.05em;margin:0 0 10px;
	font-family:'Metropolis-SemiBold',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;}
#lens .h3sup,
#lens .h3sup {font-size:14px;font-size:1.4rem;line-height:1.2;
	text-align:center;margin:0 0 50px;}

#lens h4 {font-size:30px;font-size:3.0rem;font-weight:normal;line-height:1.0;
	letter-spacing:0.05em;padding:40px 0 0 45px;margin:0 0 50px;
	font-family:'Metropolis-Medium',Meiryo,"メイリオ", Osaka,"HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	border-top:solid 7px #000;position:relative;}
#lens h4 a {color:#000;text-decoration:none;}
#lens h4 a:hover {color:#000;text-decoration:underline;}
#lens h4:before {
	content:"";position:absolute;top:50px;left:3px;
	width:22px;height:3px;background:#000;}

/*==========================================================================
　　レンズ - TOP 
==========================================================================*/

#lens #top h4 {padding:40px 0 0 70px;}
#lens #top h4:before {
	content:"LENS";position:absolute;top:45px;left:15px;
	font-size:14px;font-size:1.4rem;
	width:0;height:0;background:none;}

#lens #top section {margin:0 0 80px;}

#lens #top section.action {margin:30px 0 0px;}

#lens #top .block {display:-webkit-flex;display:-ms-flexbox;display: flex;}
#lens #top .block+.block {margin:60px 0 0;}

#lens #top .block .column {width:48%;max-width:520px;margin:0;}
#lens #top .block .column:nth-child(odd) {margin:0 5.5% 0 0;}

#lens #top .block .column h5 {font-size:16px;font-size:1.6rem;
	font-weight:normal;line-height:1.2;
	border-top:solid 2px #000;border-bottom:solid 1px #000;
	padding:10px 10px 10px 35px;margin:0 0 25px;position:relative;}
#lens #top .block .column h5:before {
	content:"";position:absolute;top:17px;left:3px;
	width:14px;height:3px;background:#000;}
#lens #top .block .column h5 a {color:#000;text-decoration:none;}

#lens #top .block .column > div {margin:0 0 10px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
#lens #top .block .column > div p.photo {width:125px;margin:0 25px 0 0;}
#lens #top .block .column > div p.text {
	width:100%;max-width:360px;margin:0 10px 0 0;}
#lens #top .block .column .btn.more {margin:0 10px 0 auto;} 


/* BTN - 流れ */
#lens #top .btn.other {min-width:280px;height:45px;float: right;}
#lens #top .btn.other a {min-width:100%;height:100%;padding:0 0 0 15px;
	border:solid 1px #000;background:#FFF;color:#000;}
#lens #top .btn.other a:after {background:#000;}

#lens #top .btn.other a:hover {
	color:#FFF;background:#885645;border-color:#885645;}
#lens #top .btn.other a:hover:after {background:#FFF;}


/*==========================================================================
　　各レンズ紹介
==========================================================================*/

#lens #lensDetail h3 {margin:0 0 40px;}
#lens #lensDetail h5:not(.nonCom) {font-size:18px;font-size:1.8rem;font-weight:normal;
	line-height:1.2;padding:5px 10px 10px 25px;margin:0 0 25px;
	border-bottom:solid 1px #000;border-left:solid 5px #000;}

#lens #lensDetail p.intro {margin:0 0 50px;}

#lens #lensDetail div.intro {margin:0 0 50px;
	display:-webkit-flex;display:-ms-flexbox;display: flex;}
#lens #lensDetail div.intro p.text {max-width:565px;margin:0 auto 0 0;}
#lens #lensDetail div.intro p.photo {margin:0 0 0 20px;}


#lens #lensDetail section+section {margin:60px 0 0;}
#lens #lensDetail p.priceSup {
	font-size:12px;font-size:1.2rem;color:#010101;text-align:right;}


#lens #lensDetail p.photoRht {float:right;margin:0 0 30px 30px;}

#lens #lensDetail div.flex.photo {
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;}
#lens #lensDetail div.flex.photo p {
	font-size:12px;font-size:1.2rem;color:#666;margin:0 15px;}

/* 右向き▲を頭につける */
#lens #lensDetail ul.arrow {margin:0 15px 20px;}
#lens #lensDetail ul.arrow li {position:relative;padding:0 0 0 12px;}
#lens #lensDetail ul.arrow li:before {
	content:"";position:absolute;top:8px;left:0px;
	border:solid 3px transparent;
	border-left:solid 5px #666;}
#lens #lensDetail ul.arrow li+li {margin:5px 0 0;}

#lens #lensDetail section.action {margin-top: 0;}


/*-------------------------------------------------------------------------
　タブ ⇔ アコーディオン
-------------------------------------------------------------------------*/
#lens #lensDetail .responsive-tabs-wrapper {margin-bottom: 0;}
#lens #lensDetail .responsive-tabs {margin:0 0 100px;}

#lens #lensDetail .responsive-tabs ul.responsive-tabs__list {
	margin:0;padding:0;line-height:1.0;}

#lens #lensDetail .responsive-tabs ul.responsive-tabs__list li {
	font-size: 16px;font-size: 1.6rem;color:#FFF;
	border:solid 1px #070102;border-right:none;border-radius: 0;
	background:#666;padding:18px 2.5%;margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}
#lens #lensDetail .responsive-tabs ul.responsive-tabs__list li:last-child {
	border-right:solid 1px #070102;}

#lens #lensDetail .responsive-tabs ul.responsive-tabs__list li:hover {background:#FFF;color:#000;}
#lens #lensDetail .responsive-tabs ul.responsive-tabs__list li.responsive-tabs__list__item--active {
	color:#000;background:#FFF;z-index: 2;border-bottom-color: #FFF;}

#lens #lensDetail .responsive-tabs .responsive-tabs__panel {padding:60px 35px 35px;
  background:#FFF;border:solid 1px #070102;}

/* タブ用スタイル */
#lens #lensDetail .responsive-tabs ul.responsive-tabs__list {position:relative;}
#lens #lensDetail .responsive-tabs ul.responsive-tabs__list li {position:relative;z-index:0; top:1px;}



/*-------------------------------------------------------------------------
　Table
-------------------------------------------------------------------------*/
#lens #lensDetail table {width:100%;margin:0 0 10px;}
#lens #lensDetail table th,
#lensDetail table td {border:solid 1px #000;vertical-align:middle;}
#lens #lensDetail table th {font-size:14px;font-size:1.4rem;color:#FFF;
	text-align:center;line-height:1.0;background:#000;padding:8px 10px;}
#lens #lensDetail table td {
	padding:25px 10px;text-align:center;}

#lens #lensDetail table td.column-1 {font-weight: bold;}

#lens #lensDetail table.specification td.column-1 {width:15%;}
#lens #lensDetail table.specification td.column-2 {width:55%; text-align: left; padding: 25px 35px;}
#lens #lensDetail table.specification td.column-3 {width:15%;}
#lens #lensDetail table.specification td.column-4 {width:15%;}

#lens #lensDetail table.specification02 td.column-1 {width:12%;}
#lens #lensDetail table.specification02 td.column-2 {width:52%; text-align: left; padding: 25px 35px;}
#lens #lensDetail table.specification02 td.column-3 {width:12%;}
#lens #lensDetail table.specification02 td.column-4 {width:12%;}
#lens #lensDetail table.specification02 td.column-5 {width:12%;}

/* 取り扱いブランド */
#lens #lensDetail table.brand td.column-1 > div {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#lens #lensDetail table.brand td.column-1 > div p.name {margin:0 auto 0 0;}

/* オプション */
#lens #lensDetail table.option th a {
	position:relative;color:#FFF;text-decoration:none;padding:0 20px 0 0;}
#lens #lensDetail table.option th a:after {
	font-family: 'icomoon';
	content: "\e901";position:absolute;top:3px;right:0;
	font-size:14px;font-size:1.4rem;transition:none;}
#lens #lensDetail table.option th a:hover {color:#38DBF0}

#lens #lensDetail table.option td.column-1 {width:16%;}
#lens #lensDetail table.option td.column-2 {width:28%;}
#lens #lensDetail table.option td.column-3 {width:28%;}
#lens #lensDetail table.option td.column-4 {width:28%;}

/* 遮光レンズ　レンズが並んでいるところ --------------------------------------*/
#lens #lensDetail ul.lensList {margin:50px 0 0;
	font-size:10px;font-size:1.0rem;color:#666;line-height:1.2;
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#lens #lensDetail ul.lensList.center {text-align:left;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;}
#lens #lensDetail ul.lensList li {margin:0 5px;}
#lens #lensDetail ul.lensList li img {background:#FFF;border:solid 1px #ccc;padding:2px;}

/* 単焦点レンズ
-------------------------------------------------------------------------*/
#lens #lensDetail #single .block {
	display:-webkit-flex;display:-ms-flexbox;display: flex;
	-webkit-align-items:center;-ms-align-items:center;align-items:center;}
#lens #lensDetail #single .block p.photo {
	max-width:350px;height:auto;;margin:0 50px 0 0;}

#lensDetail #single .block p.text {max-width:635px;}

/* 累進屈折力レンズ
-------------------------------------------------------------------------*/
#lens #lensDetail #progressive .block p.text {margin:0 0 30px;}
#lens #lensDetail #progressive dl dt {
	position:relative;padding:0 0 0 25px;margin:0 0 5px;}
#lens #lensDetail #progressive dl dt:before {
	content:"";position:absolute;top:3px;left:0;
	width:15px;height:15px;background:#ebebeb;
	border:solid 5px #000;}

#lens #lensDetail #progressive dl dd {font-size:90%;margin:0 0 20px 25px;}

/* 特殊機能力レンズ
-------------------------------------------------------------------------*/
#lens #lensDetail #special h6 {
	font-size:16px;font-size:1.6rem;line-height:1.2;
	position:relative;padding:0 0 0 18px;margin:0 0 20px;}
#lens #lensDetail #special h6:before {
	content:"";position:absolute;top:3px;left:0;
	width:12px;height:12px;background:#999;}

#lens #lensDetail #special div.intro {display:block;}

/* 遮光レンズ - 遮光フレーム */
#lens #lensDetail #special .responsive-tabs .frame+.frame {margin:60px 0 0;}
#lens #lensDetail #special table.tablepress-id-21 td {padding:15px 10px;}

#lens #lensDetail #special table.tablepress-id-21 td.column-1 {width:15%;}
#lens #lensDetail #special table.tablepress-id-21 td.column-2 {width:15%; text-align: center;}
#lens #lensDetail #special table.tablepress-id-21 td.column-3 {width:15%;}
#lens #lensDetail #special table.tablepress-id-21 td.column-4 {width:40%; text-align: left; padding: 25px 35px;}
#lens #lensDetail #special table.tablepress-id-21 td.column-5 {width:15%;}

/* サングラス
-------------------------------------------------------------------------*/
/* タブ用 */
#lens #lensDetail #sunglass .responsive-tabs .list .inner:nth-child(1) {width:40%;}
#lens #lensDetail #sunglass .responsive-tabs .list .inner:nth-child(2) {width:60%;}
#lens #lensDetail #sunglass .responsive-tabs .list .inner .column {padding:15px 10px;}
#lens #lensDetail #sunglass .responsive-tabs .list .inner .feature {padding:15px 10px;}


#lens #lensDetail #sunglass div.intro {display:block;}

#lens #lensDetail #sunglass div.flex.photo {margin:0 0 20px;}
#lens #lensDetail #sunglass div.flex.photo p {font-size:10px;font-size:1.0rem;}
#lens #lensDetail #sunglass div.flex.photo p img {background:#FFF;
	border:solid 1px #ccc;padding:5px;}

/* □が頭につく */
#lens #lensDetail #sunglass .point {
	position:relative;padding:0 0 0 25px;margin:0 0 10px;}
#lens #lensDetail #sunglass .point:before {
	content:"";position:absolute;top:2.5px;left:0;
	width:15px;height:15px;background:#ebebeb;border:solid 5px #000;}

#lens #lensDetail #sunglass p.sup {
	font-size:12px;font-size:1.2rem;color:#666;}

/* 偏光レンズ -----------------------------------------------*/
#lens #lensDetail #sunglass table.spec td {padding:10px;}
#lens #lensDetail #sunglass table.spec td.column-5 {padding:10px 20px;}

/* カラー別機能一覧 */
#lens #lensDetail #sunglass table.func td {
	text-align:center;width:20%;padding:10px;}
#lens #lensDetail #sunglass table.func td.column-2 {
	text-align:left;padding:10px 30px !important;width:64%;}
#lens #lensDetail #sunglass table.func td.column-3 {width:18%;}

/* オプション */
#lens #lensDetail #sunglass table.option td {
	padding:10px;text-align:center;vertical-align:middle;}



/* 調光レンズ -----------------------------------------------*/
#lens #lensDetail #sunglass  p.photoRht.small {width:40%;}
#lens #lensDetail #sunglass h6 {
	font-size:16px;font-size:1.6rem;line-height:1.2;
	position:relative;border-bottom:dotted 1px #999;padding:0 0 5px 18px;margin:0 0 20px;}
#lens #lensDetail #sunglass h6:before {
	content:"";position:absolute;top:3px;left:0;
	width:12px;height:12px;background:#999;}

#lens #lensDetail #sunglass .frame.mBtm {margin-bottom:50px;}
#lens #lensDetail #sunglass ul.arrow {margin:0 15px 40px;}
#lens #lensDetail #sunglass p.mBtm {margin-bottom:40px;}



/*==========================================================================
　　レンズ - 価格
==========================================================================*/

#lens #price ul.innerLink { -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
#lens #price ul.innerLink li {
	font-size:24px;font-size:2.4rem;line-height:1.3;min-height:265px;}
#lens #price ul.innerLink li a {min-height:265px;}

/* ログイン　*/

#lens #price form.post-password-form { width: 100%;max-width: 900px;
  margin-right: auto;margin-left: auto; text-align: center;}

#lens #price form.post-password-form p {margin-bottom: 10px;}

/* googleカスタム検索　*/

#___gcse_0 *, #___gcse_0 *:before, #___gcse_0 *:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: top;
}

#lens #price .g-search {margin-top: -3px;height: 30px;}
#lens #price .g-search table td {
  border: none;}
#lens #price .g-search .gsc-search-box table td .gsc-input-box {
 height: 28px;}

#lens #price .g-search .gsc-search-box input.gsc-search-button {
  background: #000;}
/*#lens #price .g-search .gsc-search-box .gsc-search-button:before {
	position: absolute;top: 20%;left: 15%;
	content: 'Search' !important;color: #FFF;font-size: 14px;}*/

#lens #price .g-search .gsc-results .gsc-cursor {display:-webkit-flex;display:-ms-flexbox;display:flex;}

/*=========================================================================
  Tablet & SP 
=========================================================================*/
/*===============================================================
  見やすさ設定
===============================================================*/
@media screen and (max-width:1100px) {
	
	/*===============================================
	  各レンズ紹介
	===============================================*/
	/*----------------------------------------
	　タブ ⇔ アコーディオン
	----------------------------------------*/
	#lens #lensDetail .responsive-tabs ul.responsive-tabs__list li {
		font-size:14px;font-size:1.4rem;padding:18px 1.5%;}

}

/*===============================================================
  画面の横幅が769pxまで (タブレットサイズ)
===============================================================*/
@media screen and (max-width:769px) {
	/*===============================================
	  Common
	===============================================*/
	#lens #lensDetail #heading  {margin:0 0 20px;}
	
	/* 見出し ----------------------------------*/
	#lens h3 {font-size:34px;font-size:3.4rem;margin:0 0 10px;}
	#lens .h3sup,
	#lens .h3sup {font-size:12px;font-size:1.2rem;line-height:1.2;
		text-align:left;margin:0 0 40px;}

	#lens h4 {font-size:22px;font-size:2.2rem;
		padding:20px 0 0 35px;margin:0 0 25px;border-top:solid 4px #000;}
	#lens h4:before {top:28px;left:3px;width:20px;height:3px;}

	/*===============================================
	  レンズ - TOP 
	===============================================*/
	#lens #top h3 {font-size:38px;font-size:3.8rem;}
	#lens #top h4 {padding:20px 0 0 55px;}
	#lens #top h4:before {top:25px;left:10px;
		font-size:12px;font-size:1.2rem;}
	
	#lens #top section {margin:0 0 60px;}
	
	#lens #top .block+.block {margin:40px 0 0;}
	#lens #top .block .column h5 {font-size:14px;font-size:1.4rem;
		line-height:1.1;padding:8px 5px 8px 21px;margin:0 0 20px;}
	#lens #top .block .column h5:before {top:14px;width:12px;height:2px;}
	
	#lens #top .block .column > div {display:block;}
	#lens #top .block .column > div p.photo {
		float:left;margin:0 10px 15px 0;}
	
	/*===============================================
	  各レンズ紹介
	===============================================*/
	#lens #lensDetail h3 {margin:0 0 20px;}
	#lens #lensDetail h5:not(.nonCom)  {font-size:16px;font-size:1.6rem;
		padding:5px 5px 5px 10px;margin:0 0 20px;border-left:solid 4px #000;}
	
	#lens #lensDetail section+section {margin:40px 0 0;}
	#lens #lensDetail p.priceSup {font-size:10px;font-size:1.0rem;}
	
	#lens #lensDetail p.photoRht {float:right;width:60%;margin:0 0 10px 15px;}
	#lens #lensDetail p.photoRht img {}
	
	/* 右向き▲を頭につける */
	#lens #lensDetail ul.arrow {margin:0 10px 20px 15px;}
	#lens #lensDetail ul.arrow li:before {top:6px;}
	
	/*----------------------------------------
	　タブ ⇔ アコーディオン
	----------------------------------------*/
	#lens #lensDetail .responsive-tabs-wrapper {margin:0 2%;}
	#lens #lensDetail .responsive-tabs {margin:0 0 50px;}
	#lens #lensDetail .responsive-tabs .responsive-tabs__panel {padding:20px 15px;}
	
	#lens #lensDetail .responsive-tabs .responsive-tabs__heading {
		font-size:14px;font-size:1.4rem;color:#FFF;background:#666;}
	#lens #lensDetail .responsive-tabs .responsive-tabs__heading:after {
		border-top:solid 6px #999;}
	#lens #lensDetail .responsive-tabs .responsive-tabs__heading--active,
	#lens #lensDetail .responsive-tabs .responsive-tabs__heading--active:hover {
		color:#000;background:#FFF;}
	
  #lens #lensDetail .progressive-1 .responsive-tabs-wrapper {margin:0 1%;}
  
	/*----------------------------------------
	　Table
	----------------------------------------*/
	#lens #lensDetail table {font-size:12px;font-size:1.2rem;}
	#lens #lensDetail table.bt tbody td:before {width:100px;text-align:left;
		background:#000;color:#FFF;font-weight:normal;
		margin-right:5px;padding:7px 10px;}
	#lens #lensDetail table.bt tr {border:solid 1px #000;}
	#lens #lensDetail table.bt tr:nth-child(even) {background:#F0F0F0;}
	#lens #lensDetail table.bt td {border:none;border-bottom:solid 1px #ccc;
		text-align:left;vertical-align:middle;
		width:100% !important;padding:0 !important;}

  	#lens #lensDetail #sunglass table.func td.column-2 {padding: 0 !important;}
	
	#lens #lensDetail table.bt td:last-child {border:none;}
	#lens #lensDetail table.bt td:last-child:before {border-bottom:solid 1px #FFF;}
	
	#lens #lensDetail table.bt td .bt-content {padding:7px 5px;width:100%;}
	#lens #lensDetail table.specification.bt td.column-4 br {display:none;}
	
	/* 取り扱いブランド */
	#lens #lensDetail table.brand th {font-size:12px;font-size:1.2rem;padding:5px;}
	#lens #lensDetail table.brand td {padding:8px 10px;}
	
	/* オプション */
	#lens #lensDetail table.option.bt tbody td:before {width:50%;max-width:180px;}

	/*----------------------------------------
	　累進屈折力レンズ
	----------------------------------------*/
	#lens #lensDetail #progressive dl dt {padding:0 0 0 20px;}
	#lens #lensDetail #progressive dl dt:before {top:4px;
		width:12px;height:12px;border:solid 4px #000;}
	#lens #lensDetail #progressive dl dd {
		font-size:12px;font-size:1.2rem;margin:0 0 15px 20px;}

	/*----------------------------------------
	　サングラス
	----------------------------------------*/
	/* □が頭につく */
	#lens #lensDetail #sunglass .point {padding:0 0 0 20px;}
	#lens #lensDetail #sunglass .point:before {top:4px;left:0;
		width:12px;height:12px;border:solid 4px #000;}
	
	#lens #lensDetail #sunglass p.sup {font-size:10px;font-size:1.0rem;}
  
  #lens #lensDetail #sunglass table.bt td .bt-content {text-align: left;}
	
	/* 調光レンズ -----------------------------------------------*/
	#lens #lensDetail #sunglass  p.photoRht.small {width:60%;}
	#lens #lensDetail #sunglass h6 {font-size:14px;font-size:1.4rem;
		padding:0 0 3px 15px;margin:0 0 10px;}
	#lens #lensDetail #sunglass h6:before {top:3px;width:8px;height:8px;}

	#lens #lensDetail #sunglass .frame.mBtm {margin-bottom:40px;}
	#lens #lensDetail #sunglass ul.arrow {margin:0 5px 30px;}
	#lens #lensDetail #sunglass p.mBtm {margin-bottom:30px;}

	
	
}

/*===============================================================
  画面の横幅が640pxまで (スマホサイズ)
===============================================================*/
@media screen and (max-width:640px){
	
	/*===============================================
	  Common
	===============================================*/
	/* 見出し ----------------------------------*/
	#lens h3 {font-size:26px;font-size:2.6rem;}
	#lens .h3sup,
	#lens .h3sup {margin:0 0 30px;}
	
	#lens h4 {font-size:18px;font-size:1.8rem;
		padding:15px 0 0 25px;margin:0 0 15px;border-top:solid 3px #000;}
	#lens h4:before {top:20px;left:3px;width:15px;height:3px;}
  
  #lens .tablepress img {max-width: 100%;}
  
	/*===============================================
	  レンズ - TOP 
	===============================================*/
	#lens #top h3 {font-size:32px;font-size:3.2rem;}
	#lens #top h4 {padding:12px 0 0 40px;}
	#lens #top h4:before {top:15px;left:5px;
		font-size:10px;font-size:1.0rem;}
	
	/* BTN - 流れ */
	#lens #top .btn.other {min-width:200px;height:40px;}
	
	/*===============================================
	  各レンズ紹介
	===============================================*/
	#lens #lensDetail div.intro {margin:0 0 30px;display:block;}
	#lens #lensDetail div.intro p.text {max-width:none;margin:0 0 15px;}
	#lens #lensDetail div.intro p.photo {float:right;margin:0 0 10px 15px;}
  
  #lens #lensDetail p.intro {margin:0 0 30px;}
	
  #lens #lensDetail p.attention_lens { text-align: center; position: relative;
    width: 250px; margin: 0 auto 10px;}
  #lens #lensDetail p.attention_lens:before {position: absolute; content: "";
    left: 0; top:5px;box-sizing: border-box;width: 6px;height: 6px;border: 6px solid transparent;border-top: 8px solid #767676;}
  
	/*----------------------------------------
	　単焦点レンズ
	----------------------------------------*/
	#lens #lensDetail #single .block {display:block;}
	#lens #lensDetail #single .block p.photo {float:left;
		width:45%;max-width:none;height:auto;margin:0 15px 10px 0;}
	
	/*----------------------------------------
	　累進屈折力レンズ
	----------------------------------------*/
	#lens #lensDetail #progressive .intro p.photo {
		float:none;margin:0 auto;}

	/*----------------------------------------
	　特殊機能力レンズ
	----------------------------------------*/
	#lens #lensDetail #special h6 {
		font-size:14px;font-size:1.4rem;padding:0 0 0 15px;margin:0 0 15px;}
	#lens #lensDetail #special h6:before {top:3px;width:8px;height:8px;}
	
	/* 遮光レンズ - 遮光フレーム */
	#lens #lensDetail #special .responsive-tabs .frame+.frame {margin:40px 0 0;}
  
  #lens #lensDetail #special ul.lensList li {width: 46%;}
	
}

/*===============================================================
  画面の横幅が480pxまで
===============================================================*/
@media screen and (max-width:479px){
	
	/*===============================================
	  レンズ - TOP 
	===============================================*/
	#lens #top .block {display:block;}
	#lens #top .block+.block {margin-top:0;}
	
	#lens #top .block .column {width:100%;margin:0 0 20px;}
	#lens #top .block .column:nth-child(odd) {margin:0 0 20px;}
	#lens #top .block .column > div p.text {
		width:100%;max-width:none;margin:0 0 10px;}
	#lens #top .block .column .btn.more {margin:0 0 0 auto;} 
	
	/*===============================================
	  各レンズ紹介
	===============================================*/
	#lens #lensDetail div.flex.photo {display:block;}
	#lens #lensDetail div.flex.photo p+p {margin-top:15px;}
	
	/*----------------------------------------
	　Table
	----------------------------------------*/
	/* 取り扱いブランド */
	#lens #lensDetail table.brand td.column-1 > div {display:block;}
	#lens #lensDetail table.brand td.column-1 > div p.name {margin:0;}
	#lens #lensDetail table.brand td.column-1 > div p.btn_web {margin:0 auto;}

}


/*===============================================================
  画面の横幅が325pxまで 小さいサイズ用処理
===============================================================*/
@media screen and (max-width:325px){
	

}