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

/*==========================================
 	カプセルinフルボ酸　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 ;}

.capsule {margin: 0 auto; }
.lp-content .container {max-width: 1000px;  margin:0px auto;  }



/*========== 共通 ========== */
.cps_product_01 h2, .cps_mineral_01 h2, .cps_mineral_balance_01 h2, .cps_mineral_intake h2, .cps_mineral_fusoku h2, .cps_dextrin h2 {margin: 0 0 15px 0; padding:0; border-bottom: #7C7C7C thin solid} 

/*========== 共通 終わり========== */

.cps_top {margin: 0 auto}
.cps_order_s {margin: 0 auto}
	.cps_order_s .left {float: left; width: 48%}
	.cps_order_s .right {float: right; width: 52%}

.cps_product_01 {margin: 30px auto}
	.cps_product_01 .left {padding: 0 10% 20px 10%}
	.cps_product_01 .right {padding: 0 20px}
.cps_product_01 p {font-size: 0.85em; line-height: 1.6em;}

.cps_point {margin: 30px auto; padding: 0 20px}

.cps_mineral_01 {margin: 50px auto}
	.cps_mineral_01 .right {padding: 0 10% 20px 10%}
	.cps_mineral_01 .left {padding: 0 20px}

.cps_mineral_balance_01 {margin: 50px auto}
	.cps_mineral_balance_01 .left {padding: 20px 10% 20px 10%}
	.cps_mineral_balance_01 .right {padding: 0 20px}

.cps_mineral_balance_02 {margin: 30px 15px}
	.cps_mineral_balance_02 h2 {background-color: #959595; border-radius: 20px 20px 0 0; color: #FFFFFF; font-size: 1.2em; line-height:1.3em; letter-spacing: 0.1em; text-align: center; padding: 13px}
	.cps_mineral_balance_02 .box {border: #959595 thin solid}
	.cps_mineral_balance_02 .box .left {padding: 0 10px}
	.cps_mineral_balance_02 .box .right {padding: 30px 10%}
	.cps_mineral_balance_02 .box h3 {padding: 40px 0 0 0; font-size: 1em; line-height: 1.3em; letter-spacing: 0.1em}
	.cps_mineral_balance_02 .box p {font-size: 0.85em; line-height: 1.6em; padding: 0 0 20px 0}

.cps_mineral_intake {margin: 50px auto}
	.cps_mineral_intake .right {padding: 0 20px}
	.cps_mineral_intake .left {padding: 0 10% 20px 10%}

.cps_mineral_fusoku {margin: 50px auto}
	.cps_mineral_fusoku .left {padding: 0 20px}
	.cps_mineral_fusoku .right {padding: 20px 10% 20px 10%}

.cps_kyusyuritu {margin: 0 20px}
	.cps_kyusyuritu h2 {padding: 10px 15px; background-color: #638c0b; border-radius: 25px; color: #FFFFFF; font-size: 1em; line-height: 1.3em; letter-spacing: 0.1em}
	.cps_kyusyuritu p {font-size: 0.85em; line-height: 1.6em; padding: 5px 0 20px 0}

.cps_mineral_table {margin: 30px 15px}
	.cps_mineral_table h2 {background-color: #959595; border-radius: 20px 20px 0 0; color: #FFFFFF; font-size: 1.2em; line-height:1.3em; letter-spacing: 0.1em; text-align: center; padding: 13px}
	.cps_mineral_table .box {border: #959595 thin solid; padding: 20px 5px}

.cps_dextrin {margin: 30px auto}
	.cps_dextrin .left {padding: 20px 10% 20px 10%}
	.cps_dextrin .right {padding: 0 20px}

.cps_review {margin: 0 auto; background-color: #fdefda; padding-bottom: 30px}
	.cps_review h2 {background-color: #cfa972; font-size: 1.5em; color: #FFFFFF; font-weight: bold; line-height: 1.6em; padding: 20px; text-align: center; } 

.cps_review_box {margin: 20px 20px 0 20px; background-color: #FFFFFF}
	.cps_review_box h3 {font-size: 0.9em; line-height: 1.5em; font-weight: 800; padding: 10px}
	.cps_review_box p {font-size: 0.85em; line-height: 1.6em;}
	.cps_review_box .age {text-align: right; font-size: 0.85em}
	.cps_review_box hr {border-color: #cfa972;  }

	.cps_review_box .left {}
	.cps_review_box .right {padding: 10px}

.cps_review_box_bottom p {padding: 10px 20px; font-size: 0.85em; line-height: 1.6em; text-align: right}

.cps_inspection {margin: 30px 15px}
	.cps_inspection h2 {background-color: #959595; border-radius: 20px 20px 0 0; color: #FFFFFF; font-size: 1.2em; line-height:1.3em; letter-spacing: 0.1em; text-align: center; padding: 13px}
	.cps_inspection .box, .cps_inspection .box01 {border: #959595 thin solid; padding: 20px 5px; margin: 0 0 30px 0}
	.cps_inspection .box01 .left {padding:  0 10px}
	.cps_inspection .box01 .right {padding: 30px 10%}
	.cps_inspection p {font-size: 0.85em; line-height: 1.6em; padding: 5px 10px 20px 10px}


.box_txt {margin: 0 15px 20px 15px; padding: 0 15px; border: #A9A9A9 double 5px; }
.box_txt p {font-size: 0.8em; line-height: 1.5em}
.box_txt h2 {font-size: 0.85em; line-height: 1.5em; letter-spacing: 0.1em; margin: 15px 0 8px 0; padding: 2px 5px; background-color: #0e671d; color: #FFFFFF}
.box_txt h2 a {color: #FFFFFF}
.box_txt h3 {font-size: 0.8em; line-height: 1.5em; font-weight:400; color: #0e671d}
.box_txt h4 {font-size: 0.8em; line-height: 1.5em; font-weight:normal; margin-top: 8px; color: #a68e0b}
.box_txt ul {margin: 8px 0 8px 0}
.box_txt ul li {font-size: 0.8em; line-height: 1.5em;}
.box_txt a {color: #777777; font-weight: bold}


/*========== 768px以下 ========== */
@media print, screen and (max-width: 768px) {
.cps_inspection .box .left {display: none}
.cps_review_box .left {display: none}
.br-pc { display:none; }
.br-sp { display:block; }
}




/*========== 768px以上 ========== */
@media print, screen and (min-width: 768px) {
	
/*= 共通= */
.cps_product_01 h2, .cps_mineral_01 h2, .cps_mineral_balance_01 h2, .cps_mineral_intake h2, .cps_mineral_fusoku h2, .cps_dextrin h2 {margin: 0 0 50px 0; } 

.cps_kyusyuritu p, .cps_inspection p, .cps_mineral_balance_02 .box p {font-size: 1.2em; padding: 0 0 20px 0}
	
.br-pc { display:block; }
.br-sp { display:none; }	
	
/*= 共通 終わり= */
	
.cps_top:after {content: "";	 display:block;   clear:both} 
	.cps_top .left {float: left; width: 50%}
	.cps_top .right {float: right; width: 50%}
	
.cps_product_01:after {content: "";	 display:block;   clear:both} 
	.cps_product_01 .left {float: left; width: 40%; padding: 0 5% 0 5%}
	.cps_product_01 .right {float: right; width: 45%; padding: 0 2.5% 0 2.5%}
	
.cps_point:after {content: "";	 display:block;   clear:both}
	.cps_point {margin-bottom: 50px}
	.cps_point .left {float: left; width: 50%}
	.cps_point .right {float: right; width: 50%}
	
.cps_mineral_01 :after {content: "";	 display:block;   clear:both}
	.cps_mineral_01 .right {float: right; width: 45%; padding: 0 5% 0 5%}
	.cps_mineral_01 .left {float: left; width: 40%; padding:0 2.5% 0 2.5%}

.cps_mineral_balance_01:after {content: "";	 display:block;   clear:both}
	.cps_mineral_balance_01 .left {float: left; width: 40%; padding: 0 5% 0 5%}
	.cps_mineral_balance_01 .right {float: right; width: 45%; padding: 0 2.5% 0 2.5%}
	
.cps_mineral_balance_02 .box:after {content: "";	 display:block;   clear:both}
	.cps_mineral_balance_02 .box .left {float: left; width: 45%; padding:0 2.5% 0 2.5%}
	.cps_mineral_balance_02 .box .right {float: right; width: 40%; padding: 40px 5% 30px 5%}
	
.cps_mineral_intake:after {content: "";	 display:block;   clear:both}
	.cps_mineral_intake .right {float: right; width: 45%; padding: 0 2.5% 0 2.5%}
	.cps_mineral_intake .left {float: left; width: 40%; padding: 0 5% 0 5%}

.cps_mineral_fusoku:after {content: "";	 display:block;   clear:both}
	.cps_mineral_fusoku .left {float: left; width: 45%; padding: 0 2.5% 0 2.5%}
	.cps_mineral_fusoku .right {float: right; width: 40%; padding: 0 5% 0 5%}

.cps_dextrin:after {content: "";	 display:block;   clear:both}
	.cps_dextrin .left {float: left; width: 40%; padding: 0 5% 0 5%}
	.cps_dextrin .right {float: right; width: 45%; padding: 0 2.5% 0 2.5%}
	
.cps_review_box:after {content: "";	 display:block;   clear:both}
	.cps_review_box .left {float: left; width: 27%; padding: 20px 2.5%}
	.cps_review_box .right  {float: right; width: 63%; padding: 20px 2.5%}
	.cps_review_box h3 {font-size: 1.2em;}
	
.cps_inspection:after {content: "";	 display:block;   clear:both}
	.cps_inspection .box, .cps_inspection .box01 {margin: auto 60px; padding: 20px 30px; }
	.cps_inspection h2 {margin: auto 60px;}	
	.cps_inspection .box .left {float: left; width: 30%; padding: 20px 2.5% 0 2.5%;}
	.cps_inspection .box .right {float: right; width: 60%; padding: 0 2.5% 0 2.5%}
	.cps_inspection .box01 .left {float: left; width: 45%; padding: 0 2.5% 0 2.5%}
	.cps_inspection .box01 .right {float: right; width: 40%; padding: 0 5% 0 5%}
	
.footer_inner:after {content: "";	 display:block;   clear:both}
	.footer_inner {max-width: 1000px}	
	.footer_inner .left {float: left; width: 25%; padding: 0}	
	.footer_inner .right {float: right; width: 70%}	

	

.cps_mineral_table .box {padding: 20px 30px}
.cps_review h2 {font-size: 2em;} 
.box_txt {margin: 0 30px 30px 30px;}
}