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

		.pro_list{text-align: center;position: relative;z-index: 2;color: #000;
			background:url("../img2/probiotics1_line.png") top center no-repeat,url("../img2/probiotics1.jpg")bottom repeat-x,url("../img2/probiotics1_bg.jpg");background-size:130% 100% ,100%, 100%}
		.pro_list_padding{padding:8% 0 6%;}
		.pro_list_tit{width: 20%;max-width: 300px;}
		.pro_list_txt{color: #be8a0a;font-size: 140%;margin: .7em 0;display: block;}
		.pro_list a{display: inline-block;background-color: #fff;color: #4f4f4f;max-width: 260px;box-shadow: 0 0 10px 0px rgba(96, 65, 0, 0.5);border-radius: 6px;margin: 0 2% 2%;}
		.pro_list a:hover{opacity: 1;}
		.pro_list a img{width: 100%;margin: 6% 0;}
		.pro_list1 a strong{font-size: 120%;color: #da4820;display: block;margin-bottom: .4em;}
		.pro_list1 a:nth-child(2) strong{color: #0960ae;}
		.pro_list1 a:nth-child(3) strong{color: #639e3f;}
		.pro_list1 a p{background-color: #da4820;}
		.pro_list1 a:nth-child(2) p{background-color: #0960ae;}
		.pro_list1 a:nth-child(3) p{background-color: #639e3f;}
		.pro_list a p{padding: .8em 0; margin:.4em 0 0;color: #fff;;border-radius:0 0 6px 6px;}
		.pro_list a p span{border:solid 1px #fff ;border-radius: 1em;padding: .1em 2em;}
		.pro_list2{background:url("../img2/probiotics2_line.png") top center no-repeat,url("../img2/probiotics2.jpg")top repeat-x,url("../img2/probiotics2_bg.jpg");background-size:130% 100% ,100%, 100%}
		.pro_list3{background:url("../img2/probiotics3_line.png") top center no-repeat,url("../img2/probiotics3.jpg")top repeat-x,url("../img2/probiotics3_bg.jpg");background-size:130% 100% ,100%, 100%}
		.pro_list_warp{width: 80%;margin: auto;max-width: 1000px;}
		.pro_big {width: 35%;display: inline-block;padding: 5%;vertical-align: middle;max-width: 400px;}
		.pro_list_warp p{text-align: left;width: 55%;display: inline-block;vertical-align: middle;}
		.pro_list_warp p strong{color: #0a60ae;font-size: 240%;display: block;}
		.pro_list_warp p strong small{display: block; }
		.pro_list_warp p span{display: inline-block;font-size: 120%;color: #fff;background-color: #0a60ae;padding: .4em 1em;border-radius: 1em;margin: 1em 0;}
		.tit_hr{margin-bottom: 2em;text-align: center;}
		.tit_hr strong{color: #fff;background-color: #0a60ae;display: inline-block;padding: .1em 1em;border-radius: 1em;z-index: 2;font-size: 140%;font-weight: 500;}
		.tit_hr hr{position: absolute;width: 100%;top: 26%;border: dashed 1px #0a60ae;}
		.txt_li{width: 45%;margin:0 1%; display: inline-block;background-color: #d8edf5;text-align: left;vertical-align: top;margin-bottom: 2em;}
		.pro_list_warp .txt_li:nth-child(2){width:92%;}
		.txt_li strong{background-color: #0a60ae;display: block;color: #fff;padding: 1em;text-align: center;}
		.txt_li p{padding: 1em;width: 100%;padding-left: 2em;}
		.txt_li p i{font-style: inherit;margin-left: -.8em;}

		.pro_list3 .txt_li strong{background-color: #639e3f;}
		.pro_list3 .tit_hr strong{background-color: #639e3f;}
		.pro_list3 .tit_hr hr{border: dashed 1px #639e3f;}
		.pro_list3 .txt_li{background-color: #e4f0ca;}
		.pro_list3 .pro_list_warp p strong {color: #639e3f;}
		.pro_list3 .pro_list_warp p span {background-color: #639e3f;}
/**/
		@media screen and (min-width: 200px) and (max-width: 960px){
			.pro_list_warp {
				width: 90%;}
		.pro_list_tit {width: 50%;}
			.pro_list a {
    max-width: inherit;
    margin: 0 2% 2%;
    width: 80%;
    padding-left: 4em;
}
			.pro_list a img {
    width: 30%;
    margin: 3% 6% 0;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}
			.pro_list a p {
    margin-left: -4em;
    padding-left: 4em;
}
			.pro_list_warp p {
    width: 100%;
    padding-top: 4em;
}
			.pro_list_warp p strong {
    font-size: 200%;
}
	.pro_list_warp .txt_li:nth-child(2) {
    width: 100%;
			}
	.txt_li p {
    padding: 0 1em;padding-left: 2em;}
			.pro_big {
    position: absolute;
    right: 0;
			}.txt_li {
    width: 100%;}
		.pro_list{background:url("../img2/probiotics1_line_sp.png") top left no-repeat,url("../img2/probiotics1.jpg")bottom repeat-x,url("../img2/probiotics1_bg.jpg");background-size:100% 100% ,100%, 100%}
		.pro_list2{background:url("../img2/probiotics2_line_sp.png") top left no-repeat,url("../img2/probiotics2.jpg")top repeat-x,url("../img2/probiotics2_bg.jpg");background-size:100% 100% ,100%, 100%}
		.pro_list3{background:url("../img2/probiotics3_line_sp.png") top left no-repeat,url("../img2/probiotics3.jpg")top repeat-x,url("../img2/probiotics3_bg.jpg");background-size:100% 100% ,100%, 100%}

			}/**/