@charset "UTF-8";


#glasses-content{ max-width: 790px; margin: 50px auto 0; }
#glasses-content *{ color: #333333; }
#glasses-content img{ width: 100%; height: auto; }
#glasses-content .intro .head{ font-size: 1.2rem; line-height: 1.3; color: #ffffff; background-color: #423735; padding: 7px 15px; margin-top: 20px; }
#glasses-content .intro .txt{ font-size: 1.2rem; line-height: 1.7; margin-top: 20px; }
#glasses-content .intro .intro-list{ margin-top: 20px; }
#glasses-content .intro .intro-list .item{ font-size: 1.2rem; line-height: 1.7; color: #0088d4; padding-left: 1em; text-indent: -1em; }
#glasses-content .section{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #666666; }
#glasses-content .section .section-ttl .ttl{ font-size: 1.8rem; line-height: 1.3; color: #cb9e5d; }
#glasses-content .section .section-ttl .caption{ font-size: 0.8rem; line-height: 1.7; }
#glasses-content .section .split-view01{ display: flex; display: -ms-flex; align-items: flex-start; /*margin-top: 20px; }
#glasses-content .section .split-view01+.split-view01{*/ margin-top: 40px; padding-top: 40px; border-top: 1px solid #666666; }
#glasses-content .section .split-view01 .photo{ width: 37.9747%; margin-right: 20px; position: relative; }
/*#glasses-content .section .split-view01 .photo::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #666666; }*/
#glasses-content .section .split-view01 .txt-body{ flex: 1; overflow: hidden; }
#glasses-content .section .split-view01 .txt-body .head-body{ border-left: 3px solid #333333; padding-left: 10px; margin-bottom: 10px; }
#glasses-content .section .split-view01 .txt-body .head-body .head{ font-size: 1.2rem; line-height: 1.5; }
#glasses-content .section .split-view01 .txt-body .head-body .num{ font-size: 1rem; line-height: 1.5; margin-top: 5px; }
#glasses-content .section .split-view01 .txt-body .txt{ font-size: 0.8rem; line-height: 1.7; }
#glasses-content .section .split-view01 .txt-body .txt+.txt{ margin-top: 10px; }
#glasses-content .section .split-view01 .txt-body .txt .price-num{ font-size: 150%; line-height: 1.2; }
#glasses-content .section .split-view01 .txt-body .logo01{ max-width: 160px; margin: 0 20px; }
#glasses-content .section .split-view01 .txt-body .logo02{ max-width: 260px; margin: 0 20px; }
#glasses-content .section .split-view01 .txt-body .deco01{ float: right; margin: 0 0 10px 10px; max-width: 158px; width: 40%; }
#glasses-content .section .split-view01 .txt-body .txt-list{ margin-top: 10px; }
#glasses-content .section .split-view01 .txt-body .txt-list .item{ font-size: 0.8rem; line-height: 1.7; padding-left: 1em; text-indent: -1em; }
#glasses-content .section .box01{ margin-top: 20px; }
#glasses-content .section .box01 .logo{ max-width: 300px; }
#glasses-content .section .box01 .txt{ font-size: 0.8rem; line-height: 1.7; margin: 10px auto 0; }

@media only screen and (max-width: 767px) {
	#glasses-content{ margin-top: 10%; }
	#glasses-content .intro .head{ margin-top: 5%; }
	#glasses-content .intro .txt{ margin-top: 5%; }
	#glasses-content .intro .intro-list{ margin-top: 5%; }
	#glasses-content .section{ margin-top: 10%; padding-top: 10%; }
	#glasses-content .section .split-view01{ display: block; /*margin-top: 5%; }
	#glasses-content .section .split-view01+.split-view01{*/ margin-top: 10%; padding-top: 10%; }
	#glasses-content .section .split-view01 .photo{ width: 100%; margin: 0; }
	#glasses-content .section .split-view01 .txt-body{ margin-top: 10%; }
}