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

/*==========================================
 	原液　1カラム（lp）　デザイン
===========================================*/
.lp-content	{font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

.lp-content div {line-height: 0}
.lp-content img {max-width: 100%}
.lp-content a:hover img {opacity: 0.6 ;}

.fulvicacid {margin: 0 auto; }
.lp-content .container {max-width: 1000px;  margin:0px auto;  }
.fulvicacid p,.fulvicacid .lpH1 {line-height: 1.6em; font-size: 0.9em}
.lp_top {margin: 0 auto}

/* フルボ酸　*/
.fulvicacid {margin: 0 auto; padding: 0 10px}
.fulvicacid h2 {margin: 0 auto; text-align: center;}
.fulvicacid h3 {position: relative;  padding: .50em 1em .50em 1em;  border-bottom: 1px dotted #009944; border-top: 1px dotted #009944; margin: 15px 0; font-size: 1em; line-height: 1.4em; }
.fulvicacid h3::after {position: absolute;  top: .5em;  left: .0em;  content: '';  width: 6px;  height: -webkit-calc(100% - 1em);  height: calc(100% - 1em);  background-color: #009944;  border-radius: 4px; }
.fulvicacid h4 {padding-bottom: 10px}

.ul-box {margin: 30px 0 30px 0}
.ul-box ul {margin: 0 0 0 10%;}
.ul-box ul li {display:block; padding:20px 0 20px 60px; color:#000000; font-size:1em; text-decoration:none; background-image: url(../../img/products/lp/images_fulvic/lb_fulvic_check_50.jpg); background-repeat: no-repeat; }

/* フルボ酸　こんな時は  */
.case {margin: 0 0 40px 0;}
.case .left {width: 90%; padding: 0 5%}
.case .right {width: 90%; padding: 0 5%}
/* フルボ酸　働きと摂取量  */
.intake {margin: 0 0 40px 0;}
/* フルボ酸　フルボ酸について  */
.aboutfulvic {margin: 0 0 50px 0;}
.aboutfulvic .right {padding: 0 5%}
/* フルボ酸　特徴　 */
.spec {background-image: url(../../img/products/lp/images_fulvic/lb_fulvic_bg_g.gif); margin: 0 0 40px 0; padding: 10px 0 10px 0}
.spec01, .spec02, .spec03 {margin: 3px 15px 30px 15px;  padding: 10px 20px; background-color: #ffffff; border-radius: 10px;}
.spec04 {margin: 3px 15px 10px 15px;  padding: 20px 20px; background-color: #ffffff; border-radius: 10px;}

.spec02 .left {padding: 10px 8% 0 8%}
.spec02 .right {padding: 10px 8% 0 8%}
.spec02 .metal p {background-image:url(../../img/products/lp/common/bg.gif);  border-radius: 8px; padding: 15px; margin-bottom: 10px}

.spec03 table {width:100%;  border-collapse:collapse;	border: 1px solid #cccccc; 	}
.spec03 table th {vertical-align: middle; background-color:#faf6e6}
.spec03 table th, table td {border: 1px solid #cccccc;	 padding: 7px 10px;   font-size:0.8em;  line-height:1.4em;}
/* 1列目のみ */ .spec03 table tr td:nth-of-type(1) {text-align:left; background-color:#faf6e6;  width: 30%}

/* フルボ酸　デトックス　 */
.detox {margin: 10px 0 40px 0;}
/* フルボ酸　使い方　 */
.use_fulvicacid {margin: 0 auto; width: 100%; font-size: 0.85em}
.use_fulvicacid .left {float: left; width: 44%; padding: 0 3% 20px 3%;}
.use_fulvicacid .right {float: right; width: 44%; padding: 0 3% 20px 3%}
/* フルボ酸　ヒューミックシェール　 */
.humic_fulvicacid {margin: 0 20% 40px 20%;}
.humic_fulvicacid .left {padding: 20px 0 10px 0;}
.humic_fulvicacid .right {padding: 20px 5% 20px 5%; border: solid thin #009944; background-image: url(../../img/products/lp/images_fulvic/lb_fulvic_bg_g.gif); }
.humic_fulvicacid .right .r_box  {padding: 10px 5% 10px 5%; background-color: #ffffff; border-radius: 10px; font-size: 0.85em }
/* フルボ酸　発見　 */
.find {background-image:url(../../img/products/lp/common/bg.gif); margin: 0 0 40px 0; padding: 10px}

.find .left .left_l {float: left; width: 46%; padding: 0 2% 0 2%}
.find .left .left_r {float: left; width: 46%; padding: 0 2% 0 2%}
.find .right .right_l {float: right; width: 46%; padding: 0 2% 0 2%}
.find .right .right_r {float: left; width: 46%; padding: 0 2% 0 2%}


/* フルボ酸　買うボタン　 */
.baybtn {margin: 0 auto;} 
.baybtn .left {width: 30.33%; float: left; padding: 0 1.5%}
.baybtn .right {width: 30.33%; float: right; padding: 0 1.5%}
.baybtn .catchcopy {font-size: 2em; line-height: 1.2em; letter-spacing: 0.1em}




/*========== 768px以上 ========== */
@media print, screen and (min-width: 768px) {
.txt_r {float: right; padding-right: 10px}
.img_box {margin: 0 10%}
	
	
.ul-box:after  {content: "";	 display:block;   clear:both}	
.ul-box {margin-left: 7%}
.ul-box .left {width: 40%; float: left; }
.ul-box .right {width: 50%; float: right;  padding-right: 10%}
.fulvicacid li {font-size:1.2em;}
	
.case:after  {content: "";	 display:block;   clear:both}
.case .left {width: 40%; float: left;}
.case .right {width: 40%; float: right;}
	
.aboutfulvic:after  {content: "";	 display:block;   clear:both}
.aboutfulvic .left {width: 50%; float: left}
.aboutfulvic .right {width: 45%; float: right; padding: 0 0 0 5%}
	
.spec01:after  {content: "";	 display:block;   clear:both}
.spec01 .left {width: 40%; float: left; padding: 20px 2% 20px 8%}
.spec01 .right {width: 40%; float: right;  padding: 30px 8% 20px 2%}
	
.spec02:after  {content: "";	 display:block;   clear:both}	
.spec02 .left {width: 40%; float: left; padding: 10px 3% 0 7%}
.spec02 .right {width: 40%; float: right;  padding: 10px 7% 0 3%}
	
.spec03:after  {content: "";	 display:block;   clear:both}	
.spec03 .left {width: 47%; float: left;}
.spec03 .right {width: 47%; float: right;}
.spec03 p {float: right;}
	
.spec04:after  {content: "";	 display:block;   clear:both}	
.spec04 .left {width: 45%; float: left}
.spec04 .right {width: 55%; float: right}
	
.detox:after  {content: "";	 display:block;   clear:both}	
.detox .left {width: 50%; float: left}
.detox .right {width: 50%; float: right;}
	
.use_fulvicacid:after  {content: "";	 display:block;   clear:both}	
.use_fulvicacid .left {float: left; width: 40%; padding: 0 4% 20px 6%;}
.use_fulvicacid .right {float: right; width: 40%; padding: 0 6% 20px 4%}

.humic_fulvicacid:after  {content: "";	 display:block;   clear:both}
.humic_fulvicacid .left {float: left; width: 35%; padding-top: 30px}
.humic_fulvicacid .right {float: right; width: 35%;  margin-top: 20px}
	
.find:after  {content: "";	 display:block;   clear:both}
.find .left {width: 50%; float: left; padding: 0}
.find .right {width: 50%; float: right}
.find .left .left_l {width: 44%; float: left; padding: 0 3%}
.find .left .left_r {width: 44%; float: right; padding: 0 3% }
.find .right .right_l {width: 44%;  float: left; padding: 0 3%}
.find .right .right_r {width: 44%;  float: right; padding: 0 3%}


}