@charset "euc-jp";

/* ************************************************ 
 *  product_detail_page 20151130
 * ************************************************ */

input.fade_btn{
	opacity:1;
	transition:opacity 0.3s ease-out 0s;
}
input.fade_btn:hover{
	opacity:0.6;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

/* 試供品の注意書き */
.freesample_notice p{
  margin:0 0 10px 0;
  padding:20px;
  font-size:14px;
  text-align:justify;
  text-justify:inter-ideograph;
  border:1px dotted #7b964f;
}
.freesample_notice p em{
  color:#cb4042;
}

/* 商品説明 */
div.product_description{
clear: both;
font-size: 14px;
line-height: 24px;
padding-bottom: 20px;
}

/* 基本データ */
dl.product_data{
  width:710px;
  border-bottom:1px solid #b2ac8b;
  background:#f8f8f5;
}
dl.product_data dt{
  float:left;
	clear:left;
  padding:4px 0;
  width:174px;
  text-align:center;
  white-space:nowrap;
  border-top:1px solid #b2ac8b;
  background:#f8f8f5;
}
dl.product_data dd{
  float:left;
  padding:4px 20px;
  width:495px;
  border-top:1px solid #b2ac8b;
  border-left:1px dashed #b2ac8b;
  background:#fff;
}
.product_tagarea{
  height:22px;
}
.product_tagarea img{
  margin-right:10px;
}
dl.product_data > br{display:none;}
/* 基本ブロック */
div.product_description .p_desc_con{
}
#contents div.product_description h3{
  text-indent:0;
  background:none;
}


/* お召し上がり方 */
div.product_description p{
  text-align:justify;
  text-justify:inter-ideograph;
}
div.product_description .how_to_eat{
  margin-bottom:20px;
  padding:0;
  border:5px double #dad7c7;
  border-radius:20px;
  background:#eeede6;
}
div.product_description .how_to_eat02{
    background: #ede1ee;
    border: 5px double #f0ebf0;
}
div.product_description .how_to_eat .con_img{
  float:left;
  padding-right:20px;
  width:320px;
  border-radius:20px 0 0 20px;
}
div.product_description .how_to_eat .con_img.uncoated_tablet{
  border-radius:20px 0 0 0;
}
div.product_description .how_to_eat .con_img img{
  max-width:100%;
  border-radius:20px 0 0 20px;
}
div.product_description .how_to_eat .con_img.uncoated_tablet img{
  border-radius:20px 0 0 0;
}

#contents div.product_description .how_to_eat h3{
  margin:0;
  padding:10px 0 0 10px;
  font-weight:bold;
  color:#5c7d57;
}

#contents div.product_description .how_to_eat02 h3{
  margin:0;
  padding:10px 0 0 10px;
  font-weight:bold;
  color:#70269e;
}

#contents div.product_description .how_to_eat02 p.related.philosophy a{
  color:#70269e;
}
#contents div.product_description .how_to_eat02 p.related.philosophy a:hover{
color:#fff;

}

#contents div.product_description .how_to_eat p{
  padding:10px 20px 10px 10px;
}

/* 使用上の注意 */
ul.precautions{
  padding-left:10px;
  font-size:12px;
}
ul.precautions li{
  line-height:1.4em;
}

/* 図 */
div.product_description .figarea{
  margin-bottom:20px;
  padding:10px 25px 0 25px;
}
div.product_description .figarea.bil{
  padding:10px 25px 20px 25px;
}
.figarea .salacia_flow{
}

.figarea .salacia_flow img{
	padding:0 10px 0 10px;
	vertical-align:middle;
}
.salacia_fig01{
}
.salacia_fig01 img{
	margin-bottom:12px;
}

/* アピールポイント */
div.product_description .appeal_01,
div.product_description .appeal_02{
  margin-bottom:20px;
  padding:20px 20px 0 20px;
  border:5px double #dad7c7;
  border-radius:20px;
}
div.product_description .appeal_03{
    margin-bottom:20px;
    padding:20px 20px 0 20px;
    border:5px double #e4dce6;
    border-radius:20px;
    background-color: #fffdfa;
}
div.product_description .appeal_03 h3.pepo em{
color:#70269e;
}
#contents div.product_description .appeal_01 h3,
#contents div.product_description .appeal_02 h3,
#contents div.product_description .appeal_03 h3,
#contents div.product_description .figarea h3{
  margin:0;
  padding:5px 0 15px 10px;
  height:auto;
  font-size:24px;
  line-height:1.2em;
  font-weight:bold;
}
#contents div.product_description .appeal_03 h3{
  color:#333 !important;
}
.appeal_01 h4,
.appeal_02 h4,
.appeal_03 h4{
  margin:20px 0 10px 5px;
  padding:0 0 0 10px;
  font-size:18px;
  line-height:1em;
  font-weight:bold;
}

.appeal_01 p,
.appeal_02 p,
.appeal_03 p{
  margin-bottom:20px;
}

.appeal_01 p strong,
.appeal_02 p strong,
.appeal_03 p strong{
  padding:0 6px;
	font-weight:bold;
  line-height:1em;
}
/* ルテイン */ strong.lut{ color:#fff; background:#ff9832; }
/* クロセチン */ strong.cro{ color:#fff; background:#e8544f; }
/* アントシアニン */ strong.ant{ color:#fff; background:#926ac0; }

.appeal_01 p em,
.appeal_02 p em,
.appeal_03 p em{
  padding:0 2px;
  line-height:1em;
  color:#000;
}

.appeal_01 p img,
.appeal_03 p img{
  width:320px;
}
.appeal_01 p img.f_right,
.appeal_02 p img.f_right,
.appeal_03 p img.f_right{
  margin:0 0 14px 14px;
}

.appeal_01 p img.f_left,
.appeal_02 p img.f_left,
.appeal_03 p img.f_left{
  margin:0 14px 14px 0;
}

.appeal_01 p img.f_left,
.appeal_02 p img.f_left,
.appeal_03 p img.f_left{
  margin:0 14px 14px 0;
}
.appeal_02 p img.cro{
	width:240px;
}
/*
.appeal_01 p img.bil,
.appeal_03 p img.bil{
	width:240px;
}
*/
.appeal_02 .bil_fig{
	margin:10px 0 20px 0;
}
.appeal_02 .lut_fig{
	margin:10px 0 10px 0;
}
.appeal_02 .lut_fig img{
	margin-bottom:20px;
}

/* リスト */
ul.li_square{
  margin-bottom:20px;
  padding-left:20px;
}
ul.li_square li{
  list-style:square;
  margin-bottom:6px;
}
ul.w50,div.w50{
	width:320px;
}
ul.maca li{
  display:inline-block;
  padding-right:1em;
}

dl.basic dt{
  margin-bottom:10px;
  font-weight:bold;
}
dl.basic dd{
  margin-bottom:20px;
}
img.maca2{
  padding:10px 0 10px 22px;
}
img.maca3{
  padding-bottom:20px;
}

/* h3色設定 */
h3.salacia em,h3.kumai em,h3.maca em{ color:#75a115; }
h3.zingiber em,h3.kokeiten em{ color:#ad3335; }
h3.resvera em{ color:#a24fa2; }
h3.ant em{ color:#926ac0; }
h3.lut em,h3.pepo em{ color:#ff9832; }
h3.cro em{ color:#e8544f; }
h3.maca2{ color:#555; }
h3 em.kuromaca{ color:#000; }
h3 em.akamaca{ color:#e8544f; }
h3 em.kimaca{ color:#ff9832; }

/* h4色設定 */
.appeal_01 h4.salacia,.appeal_02 h4.salacia,
.appeal_01 h4.kumai,.appeal_02 h4.kumai{
	border-left:6px solid #75a115;
}
.appeal_03 h4.kumai,.appeal_03 h4.kumai{
  border-left:6px solid #70269e;
}
.appeal_01 h4.zingiber,.appeal_02 h4.zingiber,
.appeal_01 h4.kokeiten,.appeal_02 h4.kokeiten{
	border-left:6px solid #ad3335;
}
.appeal_01 h4.resvera,.appeal_02 h4.resvera{
	border-left:6px solid #a24fa2;
}
.appeal_01 h4.ant,.appeal_02 h4.ant{
	border-left:6px solid #926ac0;
}
.appeal_01 h4.lut,.appeal_02 h4.lut{
	border-left:6px solid #ff9832;
}
.appeal_01 h4.cro,.appeal_02 h4.cro{
	border-left:6px solid #e8544f;
}

p.pepo em{
  padding:20px 0 60px;
  color:#75a115;
}

/* 関連リンク 共通 */
.p_desc_con p.related a{
  display:block;
  padding:6px 12px;
  line-height:1em;
  text-align:center;
}
.p_desc_con p.related a:hover{
  text-decoration:none;
}

p.related a{
  border:1px solid #b2ac8b;
  background:#f8f8f5;
	transition:all 0.3s ease-out 0s;
}
/* 金時ショウガ */ p.related.zingiber a{ color:#988f6a; }
/* 茶々のこだわり */ p.related.philosophy a{ color:#5c7d57; }

/* ルテイン */ p.related.lut a{ color:#ff9832; }
/* クロセチン */ p.related.cro a{ color:#e8544f; }
/* アントシアニン */ p.related.ant a{ color:#926ac0; }


/* 関連リンク ホバー 共通 */
p.related a:hover{
	color:#fff;
}
/* 金時ショウガ */ p.related.zingiber a:hover{ background:#988f6a; }
/* 茶々のこだわり */ p.related.philosophy a:hover{ background:#5c7d57; }

/* ルテイン */ p.related.lut a:hover{ background:#ff9832; }
/* クロセチン */ p.related.cro a:hover{ background:#e8544f; }
/* アントシアニン */ p.related.ant a:hover{ background:#926ac0; }

/*
dad7c7
b2ac8b
878551;

f2dab3
f2cd91
fcc87c
d9ab58

ffcad3
*/




/* ボトム購入エリア */
div.bottom_detail_area{
  margin:10px 0;
  padding:10px 15px;
  border:1px solid #ccc;
  border-radius:6px;
}

div.bottom_left_area{
  padding:6px 20px 0 0;
  width:180px;
}
div.bottom_left_area ul.p_other_link{
  padding:0 0 0 10px;
}
div.bottom_left_area ul.p_other_link li{
  list-style:disc;
  font-size:12px;
  line-height:1.4em;
  color:#b2ac8b;
}
h4.product_name{
  margin-bottom:12px;
  padding-bottom:6px;
  line-height:1.2em;
  color:#5c7d57;
  border-bottom:1px dashed #ccc;
}

div.product_image_min img{
  width:120px;
  border:1px solid #dad7c7;
}

div.bottom_detail_area .add_cart{
  padding-top:8px;
}


/*
==========================
ウェスト（ホワイト）標準
==========================
*/
h2.product_name {
  height:24px;
  margin-bottom:15px;
  padding:10px 0 0 0;
  font-size:18px;
  line-height:24px;
  color:#5c7d57;
}
/*
h2.product_name {
font-size: 20px;
margin-bottom: 15px;
}
*/
div.product_detail_area {
  margin-bottom:20px;
  position: relative;
  width:100%;
}

div.product_images {
  width:335px;
  float:left;
  display:inline;
}

div.product_images div {
margin-bottom: 20px;
}

div.product_images div img {
max-width: 100%;
}

div.product_images div p.caption {
margin-top: 10px;
line-height: 20px;
}



div.add_cart{
  width:335px;
  float:right;
}
table.add_cart_table {
  width:100%;
  margin-bottom:20px;
}
table.add_cart_table th {
  text-align:left;
  font-weight:normal;
  white-space:nowrap;
}
table.add_cart_table td {
}
table.add_cart_table th,
table.add_cart_table td{
  padding:7px 3px 6px 3px;
}

table.add_cart_table th.p_price,
table.add_cart_table td.p_price{
  color:#9e5f61;
  border-top:1px solid #9e5f61;
  border-bottom:1px solid #9e5f61;
}
strong.price{
  font-weight:bold;
}

#p_order{
  padding-left:3px;
  width:50px;
  line-height:1.6em;
}
#product_num{
  display:block;
  width:30px;
  text-align:right;
}
#product_num_ctrl{
  width:15px;
}


div.cart_btm_btn{
  float:right;
  margin-top:40px;
  width:335px;
  text-align:right;
}
div.cart_btm_btn a img{
  margin-top:6px;
}





table.add_cart_table td input{
}
table.add_cart_table td strong.price{
font-size:14px;
}

table#option_tbl{
width: 100%;
margin-bottom: 20px;
}
table#option_tbl th,
table#option_tbl td.none {
background: whiteSmoke;
}
table#option_tbl th,
table#option_tbl td {
border:1px solid #ccc;
padding:10px;
text-align:center;
}
table#option_tbl th {
background:whiteSmoke;		
}
table#option_tbl td div input {
margin-bottom:5px;
}

ul.option_price {
margin: 0 0 20px 0px;
}
ul.option_price li {
list-style-type: none;
}

div.button_area {
}
div.button_area input {
width:100%;
}

div.product_image_extra {
text-align: center;
margin-bottom: 20px;
}
div.product_image_extra img.item {
margin-bottom: 20px;
}


div.product_link_area {
float: left;
margin-left:0;
margin-bottom:40px;
}
div.product_link_area div.twitter {
float: left;
width: 100px;
}
div.product_link_area div.pinterest {
float: left;
margin-right: 30px;
}
div.product_link_area div.fb-like {
float: left;
width: 200px;
}

/* 他リンク */
/*
div.product_link_area ul.other_link {
  clear:both;
  margin-top:0px;
}
div.product_link_area ul.other_link li{
  float:left;
  margin-bottom:40px;
  padding:10px 10px 0 0;
}
div.product_link_area ul.other_link li a{
  display:block;
  padding:3px 6px;
  border:3px double #b2ac8b;
  border-radius:5px;
}
*/

#tb_cap_tb{
}
#tb_cap_tb{
margin-top: 20px;
}

.tb {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #CCC;	
}
#tb_stitle {
margin-bottom: 20px;
}
.tb_date, .tb_title, .tb_body, .tb_state {
margin-bottom: 5px;
}

/* ************************************************ 
 *  cloud_zoom
 * ************************************************ */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border:4px solid #b2ac8b;
margin:-4px;	/* Set this to minus the border thickness. */
background-color:#fff;	
cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;	
font-weight:bold;
font-size:10px;
top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
border: 4px solid #b2ac8b;
overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
color:white;	
background:#222;
padding:3px;
border:1px solid #000;
}

/* Feature section in ZoomEngine page */
.zoom-section {
clear:both;
}

* html .zoom-section { 
display:inline;
clear:both;
}

.zoom-small-image {
  margin-top:4px;
  margin-bottom: 20px;
  width: 335px;
  float: left;
}
.zoom-small-image img{
  width:333px;
  border:1px solid #dad7c7;
}

.zoom-small-image #wrap {
top: 0px;
z-index: 9999;
position: relative;
}
.cloud-zoom {
margin-bottom: 20px;
}
.zoom-small-image .mousetrap {
z-index:999;
position: absolute;
width: 100%;
left:0px;
top:0px;
}

/* Feature descriptions in ZoomEngine page */
.zoom-desc {
width: 60px;
float: left;
margin-left: 20px;
}

a.cloud-zoom-gallery {
display: block;
margin: 0 0 5px 0;
cursor: pointer;
}
.zoom-tiny-image {
width: 50px;
height: 50px;
border: 1px solid #ccc;
padding: 3px;
}
.zoom-tiny-image.selected {
background: #333;
border: 1px solid #000;
}
.zoom-tiny-image:hover {
border: 1px solid #000;
}

/* ************************************************ 
 *  product_option_window
 * ************************************************ */
div#product_option {
margin: 20px;
padding: 20px;
background: #fff;
}

div#product_option h2 {
margin-bottom: 20px;
}

table.table_option {
background: #fff;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-bottom: 20px;
}
table.table_option th {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 10px;
background: #f5f5f5;
}
table.table_option td {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 10px;
}

div#product_option div.button_area {
}