@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/


/* ------ Mainvisual ------ */

#mainvisual {
	width: 100%;
	background-color: #fff;
	height:auto;
	overflow:hidden;
	border-top:#CCC solid 9px;
}


/*  ------ */

.product{
	max-width:920px;
	margin-top:10px;
}

.product{
	margin-top:0;
	
}
.product h2{
	font-size:18px;
	line-height:1.0;
	margin-bottom:0;
	margin:0 0 0 10px;
	background:url(images/dot_line.gif) no-repeat 50px center;
	background:url(images/dot_line.gif) no-repeat 150px center;
}
.product h2 span{
	font-size:12px;
	line-height:1.0;
	margin-left:10px;
	
	background-color: #FFF;
	
}
.product h2 img{
	vertical-align:middle;
}
.product h3.name{
	border-bottom:#808080 solid 1px;
	font-size:14px;
	color:inherit;
	font-family:inherit;
	letter-spacing:0.2em;
}
.product h3{
	font-size:20px;
	color:#C07E97;
	border-bottom:#C07E97 solid 1px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	
	letter-spacing:0.4em;
	margin-top:25px;
	margin:25px 0 20px;
}
.media{
	margin:20px 0 20px 120px;
}
.media img{
	margin-bottom:10px;
}
.media li{
	font-size:10px;
	background:url(../images/product/ya.gif) no-repeat left center;
	padding:0 10px;
	
}
.fbBtn{
	margin:-6px 0 0 0;
	
}

.media ul{
	margin-top:6px;
}


.p_com{
	font-size:90%;
	line-height:1.8;
	margin:20px;
}
.p_com02{
	font-size:90%;
	line-height:1.8;
	margin:10px 20px 20px;
}
.img_n{
	padding:0 0 10px;
	text-align:center;
}
.safety{
	padding-bottom:10px;
}
.safety span{
	border:#e6e6e6 solid 1px;
	padding:0 4px;
	margin:0 4px 4px 0;
	line-height:2;

}
.fs10{
	font-size:10px;
}
.fs16{
	font-size:16px;
}
.pa_seibun p{
	padding-bottom:25px;
}
.ca_ingredient{
	font-size:16px;
	padding-bottom:15px;
}
.box_pr{
	border-top:#CCC dotted 2px;
	padding-top:20px;
	margin-top:20px;
}
.box_point{
	width:90%;
	margin:10px 10px 10px 70px;
	
}
.point_com p{
	font-size:14px;
	padding-bottom:20px;
	line-height:1.6;
}

.point_fig{
	padding:0 20px 0 0;
	float:left;
	width:274px;
}

.fsc_point{
	color:#EC5992;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:0 10px;
	letter-spacing:0.2em;
}




.line{
	border-bottom:#CCC dotted 2px;
	margin-bottom:20px;
	padding-bottom:20px;

}

.how_com{
	margin:12px 8px;
}
.how_com img{
	float:left;
	padding-right:5px;
}
.how_com span{
	overflow:auto; 
	zoom:1;
	font-size:14px;
}
.posting_star{
	margin-top:5px;
	padding:6px 12px;
	background-color:#F8F7F6;
	
}
.posting_star img{
	padding-right:20px;
}
.posting_star span{
	font-size:16px;
	line-height:2;
}

.post_com{
	padding:17px 12px;
	font-size:16px;
	margin-bottom:5px;
	border-bottom:#333 dotted 1px;
}
.po_line{
	padding-bottom:20px;
	border-bottom:#333 dotted 1px;
}
.pa_ab30{
	padding:20px 0;	
}
.ichiran_btn{
	text-align:center;
	padding:40px 0 20px;
}



/* 価格 Table
---------------------------------------------------------- */
	.table_try {
		max-width:580px;
		width: 100%;
		margin:20px 0 0;
		border-collapse:separate;
		border-bottom:#999 solid 1px;
		padding-bottom:20px;
	}
	.table_try th {
		padding: 5px 8px;
		font-size:14px;
		text-align:center;
		min-width:117px;
		border: 8px solid #ffffff;
	}
	.table_try th.bg_price {
		background-color:#DBDCDC;
	}
	.table_try th.bg_price.bg_red{
		background:#C53724;
		color:#FFF
			
	}
.table_try th.bg_red02{
		background:#C53724;
		color:#FFF
			
	}
	.table_try th.bg_gentei {
		background-color:#EC1B24;
		color:#FFF;
	}
	/**/
	.table_try th.bg_price img{
		display:block;
		margin:0;
		padding:0;
		width:62px;
		height:37px;
		float:left;
		

	}
	.tag_img{
		line-height:2.4;
		
	}
	.table_try th.bg_sprice {
		background-color:#FAEFB3;
		line-height:1.3;
	}
	.table_try th.bg_sprice img{
		display:block;
		margin:0;
		padding:0;
		width:62px;
		height:auto;
		float:left;
	}
	/**/
	.table_try th.bg_fprice {
		background-color:#F5BBBC;
	}
	.table_try th.bg_size {
		background-color:#FAEFB3;
	}
	.table_try th.bg_teiki {
		background-color:#B5DFE7;
	}
	.table_try th.bg_matome {
		background-color:#C9E7C9;
	}
	.table_try th.bg_trial {
		background-color:#D1DCFD;
	}
	.table_try td {
		padding: 5px 8px;
		padding: 5px 4px;
		font-size:16px;
		border-bottom:  2px dotted #b3b3b3;
		text-align:right;
	}
	.table_try tr.no_btline td {
		border-bottom:none;
	}
	.table_try td span {
		font-size:10px;
		white-space:nowrap;
	}
	.table_try td span.fs {
		font-size:16px;
	}
	
	
	
	.table_try td span.num {
		display:block;
		font-size:10px;
		line-height:1.2;
		float: left;
	}
		select{
		width:40px;
	}

	
	.table_try td span.fc_td {
		color:#CC5979;
	}
	.table_try td span.fc_td_p {
		color:#CC5979;
		font-size:inherit;
	}
	p.w_com{
		max-width:700px;
		margin:0 65px;
		padding:0;
		
		line-height:1.2;
		letter-spacing:0.2em;
	}
	.w_com_s{
		font-size:76%;
	}
	.fc_red{
		color:#EC1B24;
	}
	.fc_red a{
		color:#EC1B24;
	}
	.fc_red12{
		color:#EC1B24;
		font-size:12px;
		padding:0 10px;
	}
	.fc_red12 a{
		color:#EC1B24;
	}
	
	.fc_blk{
		color:#4c4c4c;
	}
	.fc_red10{
		color:#EC1B24;
		font-size:10px;
		padding:0 0 10px 10px;
	}
	.fc_red10 a{
		color:#EC1B24;
	}
	
	
	/*set*/
	.bg_set{
		padding: 5px 8px;
		font-size:14px;
		text-align:center;
		max-width:229px;
        background-color:#D1DCFD;
		margin:10px auto;
	}
	.set_ti{
		padding: 5px 8px;
		margin:0 20px 10px;
		font-size:14px;
		text-align:center;
		min-width:117px;
		background-color:#D1DCFD;
	}
	.set_com{
		font-size:14px;
		margin:0 20px 10px;
	}
	
@media screen and (max-width:767px){
	.table_try {
		width: 100%;
		margin:20px auto;
	}
	.table_try,
	.table_try thead,
	.table_try tbody,
	.table_try tr,
	.table_try th {
		width: 100%;
		display: block;
	}
	.table_try th,
	.table_try td {
		border-top: none;
		border-left: none;
	}
	.table_try th {
		border-bottom:#FFF solid 1px;
		padding:10px 0;
	}
	.table_try td {
		border-bottom:#FFF solid 1px;
	}
	.table_try th,
	.table_try td {
		padding: 12px 4px;
		
	}
	
	.table_try td span.num {
		display:block;
		font-size:10px;
		line-height:1.2;
		float: none;
		padding-bottom:2px;
	}
	.br-sp { display:none; }
		
	p.w_com{
		margin:0 30px;
	}
	.w_com{
		margin:20px auto;
		
	}
	
	.table_try th.bg_price img{
		margin:-8px 0 0;
		padding:0;
	}
	.tag_img{
		line-height:1.4;
		
	}
	.table_try th.bg_sprice img{
		margin:-10px 0 0;
		padding:0;
	}
}
@media screen and (max-width: 639px) {
	.table_try td {
		/*padding-right:20px;*/
		width:33%;
		
	}
	.table_try {
		border-right:none;
		border-bottom:none;
	}
}

/* 定期お届け便はこんなにお得! Table
---------------------------------------------------------- */
	.table_renraku {
		width:97%;
		margin:0 auto;
		border-collapse: collapse;
		border:1px solid #ccc;
		border-bottom:none;
		margin:5px auto 20px;
		
		margin:15px auto 20px;
	
	}
	.table_renraku th {
		padding: 5px 2px;
		text-align:center;
		background-color: #f2f2f2;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size:12px;
		text-align:center;
	}
	.table_renraku th.bg{
		background-color:#9BCCCC;
		color:#FFF;
	}
	.table_renraku th.bg_fc{
		background-color:#9BCCCC;
		color:#4c4c4c;
	}
	.table_renraku th.bg_tr_fc{
		background-color:#D1DCFD;
		color:#4c4c4c;
	}
	
	.table_renraku td {
		padding: 5px 10px;
		padding: 5px 2px;
		text-align:center;
		font-size:12px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		
	}
	.table_renraku td span{
		font-weight:bold;
		color:#CC5979;
	}

.free{
	font-size:20px;
}



.pcnon{
		display:block;
	}

.spnon{
		display:block;
	}




.clear{
	clear:both;
}

/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {


	
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px		sakusei		*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 640px) and (max-width: 839px) {
	

}
@media screen and (min-width: 460px) and (max-width: 639px) {
}



/*-----------------------------------------------------	*/
/*	for  - 639px			*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.col2,
	.col2.left,
	.col2.right {
		float: none;
		width: auto;
		margin-left: 0;
	}	
	
	.col4,
	.col4.left,
	.col4.right {
		float: none;
		width: auto;
		margin-left: 0;
	}


h3.name{
	margin:0 10px;
}

table.table_try{
margin:10px 20px 0 10px;
width:auto;
}
.box_point{
	margin:10px auto;
}
.point_fig{
	float: none;
	width: auto;
	text-align:center;
	padding-bottom:10px;
}
.point_com p{
	float: none;
	width: auto;
}
.product h3{
	padding:0 10px;
	
}
.safety{
	padding:10px;
}

.fs10{
	padding:0 10px;
	font-size:12px;
}
.fc_red10{
	font-size:12px;
}
.pa_seibun p{
	padding:0 10px 10px;
}
.img_p{
	padding:0 10px;
}
.media li{
	font-size:12px;
	
}






.spnon{
		display:none;
	}

}



/*-----------------------------------------------------	*/
/*	for - 339px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 400px) {
}


@media screen and (min-width: 640px) {

	.pcnon{
		display:none;
	}
	
	
}