@charset "utf-8";

/* --------------------------------- */
/* 初期設定 */

@import url("reset.css");
@import url("setup.css");

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
font-size:14px;
}


.h1_txt01{
	font-size:x-small;
	color:#999;
	margin:13px 0 0 0;
}


#kn_wrap1{
	margin:10px auto 50px auto;
	width:1040px;
	background-color:#FBF9F2;
	overflow:hidden;
}

#kn_wrap1:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

#kn_wrap2{
	margin:0 auto 50px auto;
	width:1040px;
	background-color:#FBF9F2;
	overflow:hidden;
}

#kn_wrap2:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

#kn_wrap3{
	margin:0 auto 50px auto;
	width:1040px;
	background-color:#FBF9F2;
	overflow:hidden;
	padding-bottom:60px;
}

#kn_wrap3:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}



/* ロゴ等｜ファーストビュー */
#kn_part01{
	margin:40px auto 40px auto;
	width:980px;
	/*height:915px;*/
	overflow:hidden;
}

#kn_part01:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.tp1_1{
	width:980px;
	height:320px;
	background-image:url(../image/lp_kounenki/01_03ph.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

.kn_ro1{
	width:400px;
	height:60px;
	padding:240px 0 0 560px;
}

.kn_ro1 img{
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}

.kn_ro1 img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}






/* 更年期度チェック */
#kn_part02{
	margin:0 auto 0 auto;
	width:980px;
	overflow:hidden;
}

#kn_part02:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.tp2_1{
	width:960px;
	height:50px;
	background-image:url(../image/lp_kounenki/02_01ph.png);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}

#tp2_2{
	width:960px;
	margin:0 auto 50px auto;
	padding:0 0 40px 0;
	overflow:hidden;
	background-color:#FFF;
	overflow:hidden;
}

#tp2_2:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

table.bsc_check{
	width:832px;
	margin:30px auto 20px auto;
	border-collapse:collapse;
	line-height:1.6em;
	border: 1px solid #CCC;
	color:#3F1000;
}

table.bsc_check th{
	text-align: center;
	font-weight:normal;
	font-size:14px;
	padding:10px 10px 10px 10px;
	background-color:#EFF6F9;
	border:1px #CCCCCC solid;
	color:#3F1000;
}

table.bsc_check td{
	font-size:14px;
	padding:10px 10px 10px 10px;
	color:#333;
	border:1px #CCCCCC solid;
	text-align: center;
	color:#3F1000;
}

table .txt_p_cen{
	text-align:center;
	background-color:#F8F8F8;
}

table .txt_cen{
	text-align: center;
}

table .ko_kekka{
	width:740px;
	margin:30px auto 20px auto;
	color:#3F1000;
}

.ko_kekka dt{
	width:660px;
	margin:0 20px 0 20px;
	padding:0 20px 15px 20px;
	border-bottom:1px dotted #B4A195;
	font-size:30px;
	text-align:center;
}

.ko_kekka dd{
	width:660px;
	margin:10px 20px 0 20px;
	padding:0 20px 0 20px;
	font-size:14px;
	text-align: left;
}

/* チェックボックス */

.ko_check input{
	display: none;
}
.ko_check label{
	display: block;
	float: left;
	cursor: pointer;
	width: 80px;
	margin: 0;
	padding: 12px 5px;
	border-right: 1px solid #CCC;
	background: #F8F8F8;
	color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	color:#3F1000;
}

.ko_check label:hover{
	background-color:#FFD8D6;
}

.ko_check label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.ko_check label:last-of-type{
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}
.ko_check input[type="radio"]:checked + label {
	background-color: #FF7373;
	color: #fff;
}







/* フリーバックグランド */

.sp_part_free{
	width:1040px;
	margin:60px auto 0 auto;
	padding:0 0 50px 0;
	overflow:hidden;
	text-align:center;
	background-color:#FBF9F2;
}

.sp_part_free:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}






/* にんにく若葉できるまで */

#kn_part03{
	width:980px;
	height:1300px;
	overflow:hidden;
	margin:40px auto 40px auto;
	}

#kn_part03:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}


/* おすすめする理由 */

#kn_part04{
	width:980px;
	overflow:hidden;
	margin:0 auto 40px auto;
	}

#kn_part04:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}


/* お客様の声 */

#kn_part05{
	width:980px;
	overflow:hidden;
	margin:0 auto 40px auto;
	}

#kn_part05:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.vo_box{
	width:880px;
	margin:30px auto 0 auto;
	padding:25px 30px 30px 30px;
	overflow:hidden;
	background-color:#FFF;
	color:#3F1000;
}

.vo_box:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.vo_line{
	width:940px;
	margin:0 auto;
	padding:0 0 30px 0;
	border-bottom:1px solid #D0C0A9;
}

.vo_customer{
	width:880px;
  margin-bottom:30px;
}

.vo_customer dt{
	width:800px;
	padding:0 10px 10px 70px;
	border-bottom:1px dotted #D0C0A9;
	line-height:40px;
	font-size:20px;
	text-align:left;
	background-image:url(../image/lp_kounenki/05_man.png);
	background-repeat:no-repeat;
	background-position:10px 0;
}

.vo_customer dd{
	width:860px;
	margin:20px auto 0 auto;
	padding:0 10px 0 10px;
	font-size:14px;
	line-height:1.6em;
	text-align:left;
}

.vo_l_before{
	width:400px;
	background-color:#EDE7DC;
	padding:10px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	
}


.vo_l_after{
	width:400px;
	background-color:#E1F3E0;
	padding:10px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	
}

.vo_txtbox{
	width:360px;
	padding:20px;
	line-height:1.2em;
	background-color:#FFF;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

.vo_txtbox li{
	list-style:outside decimal;
	margin:0 0 0 20px;
	padding:0 0 10px 0;
	text-align:left;
	font-size:14px;
}



































/* おすすめ理由内のテキスト */
.tp_txt01_g12{
	color:#525252;
	font-size:12px;
	line-height:1.6em;
}

.tp_txt01_g14{
	color:#525252;
	font-size:14px;
	line-height:1.6em;
	text-align:left;
	background:url(../image/top/04garlic_mark.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:0 0 0 40px;
	margin:20px 0 0 330px;
}


/* フォームの申し込み部分 */
#moushikomi{
	width:1040px;
	margin:0 auto 30px auto;
}

#moushikomi:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}
/* フォームの申し込み部分ここまで */


#t_part_free{
	margin:50px auto 0 auto;
	width:1040px;
	background-image: url(../image/lp_runner/t_backimage.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
}

#t_part_free:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.order_l{
	width:800px;
	margin:0 auto 60px auto;
}

.order_l img{
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}

.order_l img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}


.order_l_otameshi{
	width:800px;
	margin:0 0 70px 120px;
}

.order_l_otameshi img{
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}

.order_l_otameshi img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}


/* 認定工場表示 */
#t_part06{
	margin:50px auto 0 auto;
	width:1040px;
	height:620px;
	background-image:url(../image/top2017/t_part06.jpg);
	background-repeat:no-repeat;
	/*text-indent:100%;
	white-space:nowrap;*/
	overflow:hidden;
}

#t_part06:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.tp_txt01_o26{
	width:590px;
	text-align:left;
	color:#FF7F00;
	font-size:26px;
	line-height:1.3em;
	margin:70px 0 0 50px;
}


.nintei{
	width:510px;
	margin:0 0 20px 30px;
	overflow:hidden;
}

.nintei dt{
	width:80px;
	float:left;
	text-align:right;
	margin-right:30px;
	font-size:medium;
}

.nintei dd{
	width:400px;
	float:left;
	text-align:left;
	font-size:x-small;
	line-height:1.6em;
}



/* よくいただく質問｜お客様の声｜お問い合わせ表示 */
#t_part07{
	margin:50px auto 50px auto;
	width:1040px;
	height:860px;
	background-image:url(../image/top/t_part07.jpg);
	background-repeat:no-repeat;
	/*text-indent:100%;
	white-space:nowrap;*/
	overflow:hidden;
}

#t_part07:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.list_07{
	width:288px;
	height:198px;
	background-color:#FFF;
	border:1px solid #F0F0E1;
	border-radius:5px;
	padding:8px 10px 10px 9px;
	margin:70px 5px 30px 25px;
	float:left;
}

.list_07 dt{
	width:290px;
	margin-bottom:10px;
	font-size:small;
	font-weight:bold;
	text-align:left;
	line-height:1.5em;
}

.list_07 dd{
	width:290px;
	font-size:x-small;
	line-height:1.5em;
	text-align:left;
}

#tp07box{
	width:908px;
	height:408px;
	background-color:#FFF;
	border:1px solid #F0F0E1;
	padding:40px 36px 40px 40px;
	border-radius:5px;
	overflow:hidden;
	margin:0 0 0 25px;
}

#tp07box:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.contact_07box{
	width:900px;
}

.contact_07box_l{
	width:710px;
	float:left;
	margin-right:30px;
}

.contact_07box_r{
	width:160px;
	float:left;
}

.list_07_sou{
	width:710px;
	font-size:16px;
	line-height:80px;
	height:80px;
}

.list_07_sou dt{
	width:160px;
	float:left;
	text-align:left;
	margin:0 30px 0 10px;
}

.list_07_sou dd{
	width:220px;
	float:left;
	text-align:left;
	background-image:url(../image/top/arrow1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
}

.mailorder_box{
	width:858px;
	padding:20px;
	text-align:left;
	border:1px solid #CCC;
	margin-top:30px;
}

.mailorder_box dt{
	margin-bottom:8px;
	
}

.mailorder_box dd{
	width:860px;
	font-size:14px;
	line-height:1.6em;
}
/* よくいただく質問｜お客様の声｜お問い合わせ表示 ここまで　*/



/* にんにく若葉　感謝お試しバナー表示 */
#t_part08{
	margin:50px auto 50px auto;
	width:1040px;
	/*height:1270px;*/
	background-image:url(../image/top/t_part08.jpg);
	background-repeat:no-repeat;
	/*text-indent:100%;
	white-space:nowrap;*/
	overflow:hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#t_part08:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.order08_l{
	width:800px;
	margin:0 auto 0 auto;
}

.order08_box{
	width:310px;
	margin:50px 5px 60px 25px;
	float:left;
}

.order08_box dt{
	width:310px;
	height:660px;
	margin-bottom:10px;
}

.order08_box dd{
	width:310px;
	text-align:left;
	font-size:12px;
	line-height:1.6em;
	margin-bottom:5px;
}
/* にんにく若葉　感謝お試しバナー表示　ここまで */



/* 定期コース注文　3バナー表示 */
#t_part09{
	margin:0 auto 50px auto;
	width:1040px;
	height:1200px;
	background-image:url(../image/top/t_part09.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

#t_part09:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}


.teiki_wrap{
	width:1040px;
	overflow:hidden;
	margin-bottom:20px;
}

.teiki_wrap:after{
content:"";
height:0;
display:block;
clear:both;
visibility:hidden;
}

.order09_box{
	width:310px;
	height:1050px;
	margin:60px 5px 20px 25px;
	float:left;
	color:#643B2C;
}

.order09_box dt{
	width:310px;
	margin-bottom:20px;
}

.order09_box dd{
	width:310px;
	text-align:left;
	font-size:12px;
	line-height:1.6em;
	margin-bottom:5px;
}

.order09_box a:hover img{
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	zoom:1;
	background-color:#FFF;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

/*.order09_box img{
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}

.order09_box img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}*/


.txt16_chu{
	width:1000px;
	margin:0 auto 10px auto;
	font-size:16px;
	color:#FF7272;
	text-align:left;
	line-height:1.4em;
}



/* 申し込み計算フォーム部分 */
#block14 {
	overflow:hidden;
	margin:0 auto 0px auto;
	width:960px;
}
#block14 .table1 {
	margin:0 auto 60px auto;
	width:100%;
}
#block14 th {
	font-size:18px;
	font-weight:normal;
}
#block14 td {
	padding:0 0 1px 0;
	font-size:24px;
	text-align:center;
}
#block14 td input {
	width:120px;
	font-size:24px;
	text-align:right;
	border:1px solid #000000;
}
#block14 td.input {width:150px;}
#block14 td.input2 {width:150px;}
#block14 td.input2 input {color:#FF6699;}

#block14 .table2 {margin:0 auto 10px auto;}
#block14 .table2 td {width:auto;}
#block14 .table2 td input {text-align:center;}
/* 申し込み計算フォーム部分　ここまで */



/* 商品詳細テーブル表示 */
#block15 {
	overflow:hidden;
	margin:0 auto 60px auto;
	padding:40px 0;
	width:1040px;
	border:1px solid #ccc;
	/* background:#EBFFFF; */
}
#block15 h3 {padding-bottom:10px;font-size:14px;font-weight:bold;text-align:left;border-bottom:5px solid #CCCCCC;}
#block15 div {margin:0 auto;width:880px;}
#block15 dl { overflow:hidden;padding:10px;border-bottom:1px dotted #CCCCCC;}
#block15 dt {float:left;width:200px;font-size:12px;text-align:left;}
#block15 dd {float:right;width:660px;font-size:12px;text-align:left;}
#block15 dd span {color:#FF6699;}
/* 商品詳細テーブル表示　ここまで */



/* 相談窓口表示 */
#block16 {
	overflow:hidden;
	margin:0 auto 60px auto;
	padding:40px 0;
	width:1040px;
	border:1px solid #ccc;
}
#block16 dl {margin:0 auto 20px auto;width:710px;text-align:left;}
#block16 dt {margin-right:30px;display:inline;}
#block16 dd {margin-right:15px;display:inline;}
/* 相談窓口表示　ここまで */