@charset "UTF-8";

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
  background-color:#FFF;
}

img{
  border:0;
}

#wrap_tu{
  margin: 0 auto;
  width:910px;
  padding:0;
  font-size:13px;
  line-height:1.4;
  text-align:center;
  text-decoration: none;
  color:#42210b;
}
.tubg{
  margin: 20px auto 0;
  background: url(img/tutu_paper.jpg) repeat-y 0 0;
  padding-bottom: 20px;
}
p{
	margin: 0 auto;
	padding: 0px;
    text-align: left;
}
form{
  margin: 0 auto;
}
.green{
  color:#317437;
  font-weight:bold;
}
.red{
  color:#F00;
  font-weight:bold;
}
.tx_c{
  padding-top:10px;
  text-align:center;
}
.tx_s{
  font-size:12px;
  line-height: 1.3;
}
.tx_ss{
  font-size:11px;
  text-align:center;
}
.ma0{
  margin:0 auto;
}
.mr10{
  margin-right:10px;
}
.mt5{
  margin-top:5px;
}
.mt10{
  margin-top:10px;
}
.mt9b10{
  margin:9px auto 10px;
}
.mt15{
  margin-top:15px;
}
.mt20{
  margin-top:20px;
}
.mt35{
  margin-top:35px;
}
.mt35b19{
  margin-top:35px;
  margin-bottom:19px;
}
.mt45{
  margin-top:45px;
}
.mb10{
  margin-top:0;
  margin-bottom:10px;
}
.mt10b5{
  margin:10px auto 5px;
}
.mt20b0{
  margin:20px auto 0px;
}
.mt20b5{
  margin:20px auto 5px;
}
.mtb20{
  margin:20px auto;
}
.pt5{
padding-top:5px;
}
.pt10{
  padding-top:10px;
}
.ptb10{
  padding-top: 10px ;
  padding-bottom: 10px;
}
.pt30{
  padding-top:30px;
}
.pt20{
  padding-top:20px;
}
.pb10{
  padding-bottom: 10px;
}
.tx_ac{
  text-align:center;
  margin: 0 auto;
}
.tx_al{
  text-align:left;
  margin: 0 auto;
}
.tx11 {
    font-size: 11px;
    margin-top: 10px;
}


/*------------------▼茶筒ラインナップ---------------*/
#tutulineup{
  width: 850px;
  margin: 0 auto;
  text-align: center;
}

#tutulineup td {
 padding:0 auto;
 }

/*------------------▼ページトップへ---------------*/
#pagetop {
 margin: 10px 0 10px 750px;
 }
#pagetop a {
	display: block;
 line-height:20px;
 width: 145px;
  height:20px;
 background-image: url(img/cap2_gotopoff.gif);
 }

#pagetop a:hover {
	 background-image: url(img/cap2_gotopon.gif);
 }


/*------------------▼フッター---------------*/
#footer{
	width:910px;
	text-align:center;
	margin: 0 auto;
}
#footer_etc {
	margin: 0 auto;
	text-align:center;
}
.honbun {
  font-size: 11px;
  line-height: 1.3;
  color: #333;
}
.honbun a{
  color: #333;
  text-decoration: underline;
}

.honbun a:hover{
  color: #800000;
  text-decoration: underline;
}

.caption {
  font-size: 10px;
  line-height: 1.3;
  color: #333;
}
#hpcamp_area{
  margin-top:15px;
}












 
 
/*------------------▼タイトル部分---------------*/
.oshi{
  text-align: center;
  font-size:12px;
  line-height:1.4;
}

#top_cart1{
  background: url(cocoa_img/cap_lp_cocoa_ttl03.gif) no-repeat 0 0;
  width:910px;
  height:170px;
}

/*ボタンセット*/
#btn_area_f{
width:670px;
	margin:0 auto;
}

/*▼Ｄ案ボタンセット*/
#top_cart2{
  background: url(cocoa_img/cap_lp_cocoa_ttl02d2.jpg) no-repeat 0 0;
  width:910px;
  height:80px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
#btn_area_f2{
	width:325px;
	  margin: 0;
	  padding:0px;
	    position:
  absolute;
  top: 0px;
  right:40px;
}
.btn_area_f2w325{
	width:325px;
	margin: 0;
	padding:0px;
}
/*▼D案途中カート大*/
.cart_d2{
  background: url(cocoa_img/cap_lp_cocoa_ctd2.jpg) no-repeat 0 0;
  width:910px;
  height:520px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
.btn_area_d2{
	width:325px;
	  margin: 0;
	  padding:0px;
	    position:
  absolute;
  top: 405px;
  right:40px;
}

/*▼H案ボタンセット*/
#top_cart2h{
  background: url(cocoa_img/cap_lp_cocoa_ttl02h.jpg) no-repeat 0 0;
  width:910px;
  height:80px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
/*▼H案途中カート大*/
.cart_h{
  background: url(cocoa_img/cap_lp_cocoa_cth.jpg) no-repeat 0 0;
  width:910px;
  height:520px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
.btn_area_h{
	width:325px;
	  margin: 0;
	  padding:0px;
	    position:
  absolute;
  top: 405px;
  right:40px;
}
/*▼I案ボタンセット*/
#top_cart2i{
  background: url(cocoa_img/cap_lp_cocoa_ttl02i.jpg) no-repeat 0 0;
  width:910px;
  height:80px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
/*▼I案途中カート大*/
.cart_i{
  background: url(cocoa_img/cap_lp_cocoa_cti.jpg) no-repeat 0 0;
  width:910px;
  height:520px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
.btn_area_i{
	width:325px;
	  margin: 0;
	  padding:0px;
	    position:
  absolute;
  top: 405px;
  right:40px;
}
/*▼J案ボタンセット*/
#top_cart2j{
  background: url(cocoa_img/cap_lp_cocoa_ttl02j.jpg) no-repeat 0 0;
  width:910px;
  height:80px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
/*▼J案途中カート大*/
.cart_j{
  background: url(cocoa_img/cap_lp_cocoa_ctj.jpg) no-repeat 0 0;
  width:910px;
  height:520px;
  	margin: 0;
	padding:0px;
	position:
	relative;
	margin: 0 auto;
}
.btn_area_j{
	width:325px;
	  margin: 0;
	  padding:0px;
	    position:
  absolute;
  top: 405px;
  right:40px;
}
/************/

.btn_l{
  width:40px;
  margin: 5px auto 0;
  line-height:14px;
  float:left;
  text-align:center;
  display:inline;
}
.sur_btn{
  margin-top:2px;
}
.btn_r{
  width:620px;
  margin: 10px auto 0;
  float:right;
  text-align:center;
  display:inline;
}
.btn_r2{
  width:280px;
  margin: 0px auto;
  float:right;
  text-align:center;
  display:inline;
}

#btn_l p{
  margin:10px auto 0;
}


.suryo{
  padding-top: 12px;
  font-size: 11px; line-height: 1.3; color: #333;
}

.bt_cc{
margin:0 0 0 2px;
background:url(cocoa_img/main_btn_on.gif) no-repeat;
width:620px;
height:86px;
}

.bt_cc input:hover{
width:620px;
height:86px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

.bt_cc2{
margin:0 0 0 2px;
background:url(cocoa_img/main_btn2_on.gif) no-repeat;
width:620px;
height:86px;
}

.bt_cc2 input:hover{
width:620px;
height:86px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

.bt_cc3{
margin:0 0 0 2px;
background:url(cocoa_img/main_btn3_on.gif) no-repeat;
width:280px;
height:70px;
}

.bt_cc3 input:hover{
width:280px;
height:70px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}


 
/*------------------▼ホットでもアイスでも---------------*/
.cok{
  width:870px;
  margin:0 auto;
  background-color:#ffffff;
}.cok_l{
  margin-left:10px;
  width:627px;
  float:left;
  display:inline;
}
.cok_r{
  width:225px;
  float:right;
  display:inline;
}
/*------------------▼レシピ---------------*/

.recipe_map {
 background: url(cocoa_img/co_recipe.jpg) no-repeat 0 0;
 }
.recipe_map area {
 border:none;
 outline:none;
 }
/*------------------▼途中カートアクション---------------*/
.btn_lc{
  width:40px;
  margin:10px auto 0;
  line-height:10px; /*数量の高さ*/
  float:left;
  text-align:center;
  display:inline;
}
.btn_lc2{
  width:40px;
  margin:0px auto 0;
  line-height:10px; /*数量の高さ　社内用*/
  float:left;
  text-align:center;
  display:inline;
}
.cart_ac{
  margin: 20px auto;
}
.cart_ac3{
  margin:0 auto;
  padding:20px 0 20px;
}
.cart_l{
  width:575px;
  float:left;
  margin:0 auto;
  text-align:left;
  display:inline;
}
/*.cart_tx{
  margin:0 auto;
  width:320px;
  height:45px;
  background: url(cane_img/19en_a01_e19.gif?02) no-repeat 0 0;
}*/
.cart_txp{
  font-size:10px ;
  padding:5px 0 0 10px;
  letter-spacing:-1px;
}
.cart_r{
  width:335px;
  height:256px;
  float:right;
  margin:0 auto;
  text-align:center;
  display:inline;
  background: url(can5_img/h5syu_ct03.gif) no-repeat 0 0;
}
.btn_ar_s{
  margin:0 auto;
  width:270px;
  text-align:center;
}
.cart_r_n{
  width:310px;
  margin:12px auto 0;
}
.btn_ar_l{
  width:40px;
  margin:0 auto;
  line-height:14px;
  float:left;
  text-align:center;
  display:inline;
}
.btn_ar_l p{
  margin:10px auto 0;
}

/*▼ご購入はこちら*/
.btn_ar_rc{
  margin: 5px auto;
	width:216px;
	height:48px;
  float:right;
  text-align:center;
  display:inline;
  background:url(cocoa_img/cca_ct_btns_on.gif) no-repeat;
}

.btn_ar_rc input:hover{
width:216px;
height:48px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

/*▼試してみる*/
.btn_ar_rct{
  margin: 5px auto;
	width:216px;
	height:48px;
  float:right;
  text-align:center;
  display:inline;
  background:url(cocoa_img/cca_ct_btns2_on.gif) no-repeat;
}

.btn_ar_rct input:hover{
width:216px;
height:48px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}






/*------------------▼ココアラテ_途中カートアクション---------------*/
.cart_rm{
  width:335px;
  height:220px;
  float:right;
  margin:0 auto;
  text-align:center;
  display:inline;
  background: url(cocoa_img/cca_ct03mb.gif) no-repeat 0 0;
}
.cart_rmb{
  width:335px;
  height:220px;
  float:right;
  margin:0 auto;
  text-align:center;
  display:inline;
  background: url(cocoa_img/cca_ct03mb.gif) no-repeat 0 0;
}
.cart_rc{
  width:335px;
  height:220px;
  float:right;
  margin:0 auto;
  text-align:center;
  display:inline;
  background: url(can5_img/h5syu_ct03c.gif) no-repeat 0 0;
}

 
.invisible {
 display:none;
 }

.cart_131226 {
 background:url("cocoa_img/colp_131226a_cart_01.gif") no-repeat 0 0;
 width:910px;
 height:106px !important;
 }

.cart_131226b {
 background:url("cocoa_img/colp_131226b_cart_01_140401.gif") no-repeat 0 0;
 width:910px;
 height:154px !important;
 margin-bottom:10px;
 }

.cart_131226 .bt01,
.cart_131226b .bt01 {
 float:left;
 padding-left:25px;
 }

.cart_131226 .suryo,
.cart_131226b .suryo {
 float:left;
 padding-left:90px;
 }
 
.cart_131226 .suryo p,
.cart_131226b .suryo p {
 font-size:120%;
 }

p.atention_131226 {
 font-size:83%;
 padding-left:65px;
 margin-bottom:10px;
 }
 /* clearfix
---------------------------------*/

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

.clearfix{
   display:inline-block;
}

* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/*クリア*/
.clear{
  clear:both;
  margin:0 auto;
}

/*--------------------▼ココアラテF案のCSS▼-----------------------*/
.spf_head_lef{
 float: left;
 width: 526px;
}
.spf_head_rig{
 float: right;
  width: 384px;
}
.spf_cart_bg{
 width: 384px;
 height: 228px;
 background:url("cocoa_img/spf_head_cart-bg.jpg") no-repeat;
}

/*カーとボタン*/
.bt_spf{
 margin:0px;
 background:url("cocoa_img/spf_head_cart-btn_on.gif") no-repeat;
 width:242px;
 height:91px;
}

.bt_spf input:hover{
 width:242px;
 height:91px;
 -moz-opacity: 0;
 opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

.spf_cart_bg p{
 color: #FFFFFF;
}
.spf_cart_bg table{
 padding: 105px 0px 0px 30px;
 * padding: 105px 0px 0px 0px;

}

.spf_ttl_att{
 padding: 5px 10px 0px 10px;
 font-size: 11px; line-height: 1.3; color: #852b09;
}

.spf_btn{
 margin: 0px 10px;
 * margin: 0px 15px 0px 0px;
}
*+html .spf_btn{ margin: 0px 10px 0px 0px; }

/*--------------------▲ココアラテF案のCSS▲-----------------------*/
/*------------------▼G案メインイメージ---------------*/
.g_mainImage {
 width:914px;
 margin:0 auto;
 }
.g_mainImage .g_cartSet .leftSide {
 float:left;
 }
.g_mainImage .g_cartSet .rightSide {
 width:525px;
 float:left;
 }
.g_mainImage .g_cartSet .rightSide .suryoArea {
 width:525px;
 height:135px;
 background:url("cocoa_img/cocoaMV_g_tx_01.jpg") no-repeat 0 0;
 text-align:left;
 }
.g_mainImage .g_cartSet .rightSide .suryoArea .g_btn_01 {
 padding:70px 0 0 0;
 margin-left:6px;
 width:72px;
 }
.g_mainImage .g_cartSet .rightSide .suryoArea .tx_ss {
 font-size:14px;
 color:#fff;
 }
.g_mainImage .g_cartSet .rightSide .suryoArea .pull {
 width:72px;
 height:22px;
 }

.g_mainImage .g_cartSet .rightSide .btArea {
 width:525px;
 height:93px;
 background:url("cocoa_img/cocoaMV_g_bg_01.jpg") no-repeat 0 0;
 text-align:left;
 }
.g_mainImage .g_cartSet .rightSide .btArea .g_bt_cc {
 background:url("cocoa_img/cocoaMV_g_bt_01_on.jpg") no-repeat 0 0;
 width:496px;
 height:76px;
 }
.g_mainImage .g_cartSet .rightSide .btArea .g_bt_cc input:hover{
 width:496px;
 height:76px;
 -moz-opacity: 0;
 opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}
.g_tx_01 {
 font-size:10px;
 color:#852b09;
 line-height:1.4;
 margin:5px 0 5px 3px;
 }

/*-----------------------
セット　CSS追加
-------------------------*/
.chaz_set_area{
 width: 530px;
 margin: 0 auto;
}
.chaz_set_l{ float: left;}
.chaz_set_r{ float: right;}

/*-----------------------
footer　CSS追加
-------------------------*/
.ft_pc_common_cp {
  text-align: center !important;
 padding: 5px 0;
}