@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* all
---------------------------------*/
body {
 margin: 0;
 padding: 0;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
 font-size:14px;
 line-height:1.4;
 color:#190a00;
 text-align:center;

}
  

#wrapper {
  width:910px;
  margin:0 auto;
  text-align:left;
  }


.wrapper02 {
  width:910px;
  margin:0 auto;
  text-align:left;
  }


 
#title_box_01 {
 padding:0px 0 0;
 background-color:#190a00;
 }
#title_box_01 p {
 float:left;
 line-height:1;
 }


 .cart_bitter_bg{
  width:468px;
  height:100px;
  background-image:url("2016_img/1031_09.gif");
   float:left;
 margin-right:0px;
 padding:0 0 0px 0px;
 }
 
.cart_bitter_01 {
 width:468px;
  height:85px;
 float:left;
 margin-right:0px;
 padding:0 50px 0px 0px;
 box-sizing:border-box;
 }
 
.cart_sweet_bg{
 width:442px;
 height:100px;
 background-image:url("2016_img/1031_10.gif");
 float:left;
 margin-right:0px;
 padding:0 0 0px 0px;
 }
 
.cart_sweet_01 {
 width:442px;
 float:left;
 padding:0 0px 16px 0;

 }
.cartArea .cart_suryo_01 {
 text-align:center;
 width:45px;
 float:left;
 margin:5px 5px 0 15px;
 
 }
.cartArea .cart_suryo p_01 {
 padding:0 0 5px;
 }
 
 .cartArea .cart_suryo_02 {
 text-align:center;
 width:45px;
 float:left;
 margin:5px 5px 0 22px;
 }
.cartArea .cart_suryo p_02 {
 padding:0 0 5px;
 }
 
.cartArea .bt {
 float:right;
 }
 
 .cartArea .bt_02 {
 float:right;
  padding:0 51px 0 0;
 }
 
.cartContainer {
 margin:15px 0 0;
 }

 
.bg_setContainer_02 {
 background:url(2016_img/1031_side_bg.gif) repeat-y left top;
 }
.lead_cream_01 {
 float:left;
 margin:0 0px 0 0;
 padding:0 0 0 0px;
 }
.lead_package_01 {
 float:left;
 }
.title_cream_01 {
 float:left;
 margin-right:69px;
 padding:0 0 0 30px;
 }
.title_package_01 {
 float:left;
 margin-right:36px;
 }
.title_package_02 {
 float:left;
 }


 
.bt_cream {
 float:left;
 margin:0 0px 0 0;
 padding:0 0 0 0px;
  width:455px;height:75px;
  background-image:url("2016_img/1031_18.jpg");
  background-repeat: no-repeat; 
  background-position: left top;
 }
.bt_package {
 float:left;
 margin:0 0px 0 0px;
  padding:0 0 0 0px;
  width:455px;height:75px;
  background-image:url("2016_img/1031_21.jpg");
  background-repeat: no-repeat; 
  background-position: left top;
 }
 
 .btn_01 {
 float:right;
 width:215px;
 height:61px;
  padding:5px 28px 0 0px;
 }
 
.btn_02 {
 float:right;
 width:215px;
 height:61px;
  padding:5px 85px 0 0px;
 }
 
.pageTop_bg{
 width:910px;
 height:140px;
 background:url(2016_img/1031_23_fv.gif) no-repeat 0 0;
 }

#pageTop {
 text-align:right;
 padding:90px 52px 20px;
 }
 
.end_text {
   font-size:30px;
   color: #FF0000;
   font-weight:bold;
   background-color: #000000;
   padding:50px 0px 50px 0;
}
 
 
 
 /*------------------▼fv_contents---------------*/
 .fv_contents{
	 position:relative;
 }
.fv_contents p{
	position:absolute;
	left:295px;
	bottom:75px;
 }

/*------------------▼fv_info---------------*/
.fv_info{
	background:url(2016_img/hlwn2016_fvc_bg_fv_pc01.png) no-repeat bottom center;
	padding:10px 0 20px;
}

.info_details{
	position:relative;
	width:760px;
	border:2px solid #FFD900;
	border-radius:10px;
	margin:0 auto;
	text-align:left;
	padding:30px 0 15px;
}
.info_details p.info_title{
	margin:0 0 5px 25px;
}
.info_details dl{
	margin:0 25px 10px 30px;
	color:#fff;
	line-height:160%;
	font-size:13px;
}
.info_details dt{
	float:left;
	clear:both;
}
.info_details dd{
	float:left;
}
.info_details dd a{
	color:#fff;
}
.info_details dd a:hover{
	text-decoration:none;
	opacity:0.6;
}
.info_details p.info_img1{
	position:absolute;
	right:15px;
	top:40px;
}
 
 
 
 
 
 
/*------------------▼フッター_1501g_tk---------------*/
#footer_tk {
 font-size:12px;
 text-align:center;
 background-color:#ffffff;
 }
#footer_tk a {
 color: #663300;
 }
#footer_tk a:hover {
 color: #cd853f;
 }
#footer_tk ul {
 border-top:#663300 1px solid;
 border-bottom:#663300 1px solid;
 padding:10px 0;
 margin:0px 0 0;
 }
#footer_tk li {
 display:inline;
 }
#footer_tk .footer_cp {
 padding:6px 0 10px;
  color: #663300;
 }


/* clearfix
---------------------------------*/
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}
.clearfix{
   display:inline-block;
}
* html .clearfix{
   height:1px;
}
.clearfix{
   display:block;
}

/* default
---------------------------------*/

/*--valentine--*/

#wrap_bg{
 margin: 0px auto;
 padding: 10px;
 text-align: left;
 background:url("img/bg.gif");
 background-repeat:repeat;
}

.white_aresa_lef{
 background-color: #ffffff;
 padding: 10px;
 }
.white_aresa_rig{
 background-color: #ffffff;
 padding: 10px;
 }

.white_aresa{
 background-color: #ffffff;
 padding: 10px;
 margin: 5px;
 }

.set_bg{
 background-color: #ffcc99;
 padding: 0px;
-webkit-border-radius: 2px;/* for Safari and Chrome */
-moz-border-radius: 2px; /* for Firefox */
-o-border-radius: 2px; /* for opera */
border-radius: 2px;
 }
 
 .att_bg{
 background-color: #fffacd;
 padding: 2px;
 }
 

.white_aresa,.white_aresa_lef,.white_aresa_rig{
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}

.set_txt{
 text-align: left;
 font-size: 14px;
 font-weight:none;
 text-decoration: none;
 vertical-align: top;
 color: #663300;
 line-height: 1.3;
 margin: 0;
 padding: 5px;
 }

#wrap_max910{
 max-width: 910px;
 margin: 0 auto;
}




/*-----------------------------------------------------------------
ガター幅
-----------------------------------------------------------------*/
.o-3column .col-md-6 { padding: 5px;}
.o-3-column {margin: 0 -5px;}


/*-----------------------------------------------------------------
飾り枠
-----------------------------------------------------------------*/

.waku{
	max-width: 900px;
	margin: auto;
	padding: 0;
	border-style: solid;
	border-width: 20px;
	border-image: url("img/frame.gif") 50 round;
	min-height: 105px;
	min-width: 105px;
}

/*-----------------------------------------------------------------
テキスト
-----------------------------------------------------------------*/

.sp_top_txt{
 margin: 0px 10px;
}

.kyouchou{
 font-size: 15px;
 color: #dc143C;
 font-weight:bold;
/* background-color: #ffff64;*/
}

.kyouchou02{
 font-size: 17px;
 color: #dc143C;
 font-weight:bold;
/* background-color: #ffff64;*/
}

.kyouchou03{
 font-size: 15px;
 color: #dc143C;
 font-weight:bold;
}

.h1_txt{
 text-align: left;
 font-size: 14px;
 font-weight:none;
 text-decoration: none;
 vertical-align: top;
 color: #663300;
 line-height: 1.2;
 margin: 0;
 padding: 0px;
}

.h2_txt{
 text-align: left;
 font-size: 16px;
 font-weight:none;
 text-decoration: none;
 vertical-align: top;
 color: #000000;
 line-height: 1.3;
 margin: 0;
 padding: 10px 0;
}

.h3_txt{
 text-align: left;
 font-size: 16px;
 font-weight:bold;
 text-decoration: none;
 vertical-align: top;
 color: #663300;
 line-height: 1.3;
 margin: 0;
 padding: 5px 0;
}

#wrapper footer_txt a{
 color: #663300;
}


/*-----------------------------------------------------------------
文字のサイズ指定のためのビューポート
-----------------------------------------------------------------*/
/*PC*/
    @media screen and (min-width:767px){
        .text_size { font-size:18px;}
    }

/*スマホ*/
    @media screen and (max-width:768px){
        .text_size { font-size:26px;}
    }


/*-----------------------------------------------------------------
画像配置
-----------------------------------------------------------------*/

.contentsArea{
  position: absolute;
}

.contentsArea img{
  width: 90%;
}

@media screen and (max-width: 986px) {
	.contentsArea {
	  top: -6.2%;
	  left: 5%;
	  right: 0;
	}
	.no_line{
	    margin-top: 65px;
	}

}
@media screen and (max-width: 750px) {
	.contentsArea {
	  top: -3.7%;
	  left: 8%;
	  right: 0;
	}
	.no_line{
	    margin-top: 30px;
	}
}
@media screen and (max-width: 480px) {
	.contentsArea {
	  top: -1.2%;
	  left: 5%;
	  right: 0;
	}
	.no_line{
		margin-top: 10px;
	}
}


.center{
 text-align: center;
}

.coffee_au_pc{
 position: absolute;
 top: -35px;
 left: 10px;
}



.purarine_towa_pc{
 position: absolute;
 top: -5px;
 left: 10px;
}

.purarine_towa_sp{
 position: absolute;
 top: -30px;
 left: 10px;
}


/*-----------------------------------------------------------------
spカートボタン
-----------------------------------------------------------------*/
.crt{
vertical-align: bottom;
margin-top:0;
 text-align: left;
 padding: 0;
 margin: 4px 0px 0px 20px;
 position: relative;

}
.crt p{
 text-align: left;
 padding: 0px 0px 0px 5px;
 margin:0;
 
 font-size: 14px;
 line-height: 1;
 color: #333;
}


input#crt_btn{
 width: 90%;
 margin: 6px 0px 0px 5px;
 padding: 20px 5px;
 background-color: 	#FF69B4;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
 -webkit-box-shadow: 0 2px 2px #a9a9a9;
 box-shadow: 3px 3px 0px 0px #a9a9a9;
 -webkit-tap-highlight-color:rgba(101,183,101,1);
 cursor:pointer;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.3;
 vertical-align:bottom;
 text-align: center;
}

/*-----------------------------------------------------------------
bobリンクバナー下地
-----------------------------------------------------------------*/
.event_bn_bg{
 background-color: #ffffff;
 margin: 0px 23px;
 }
 
.event_bn_bg_sp{
 background-color: #ffffff;
 }

/*-----------------------------------------------------------------
TOPへスクロール
-----------------------------------------------------------------*/
.scroll{
padding: 5px 10px;
 text-align: right;
 font-size: 16px; line-height: 1.3; color: #663300;
}

.scroll a:link { text-decoration: none;color: #663300;}
.scroll a:visited { text-decoration: none; color: #663300;}
.scroll a:hover { text-decoration:none; color: #cd853f; border-bottom: 1px solid #cd853f;}

.scroll_sp{
padding: 5px 24px;
 text-align: right;
 font-size: 14px; line-height: 1.3; color: #663300;
}

.scroll_sp a:link { text-decoration: none;color: #663300;}
.scroll_sp a:visited { text-decoration: none; color: #663300;}
.scroll_sp a:hover { text-decoration:none; color: #cd853f; border-bottom: 1px solid #cd853f;}

.red_sc{color:#ff5a00;}

/*--アプリ用カートボタン--*/
.btn_apl{
 width: 100%;
 margin: 13px 0px 10px 0px;
 padding: 10px 5px;
 background: #ff69b4;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
 -webkit-box-shadow: 0 2px 2px #333;
 box-shadow: 0px 3px 3px 0px #333;
/* -webkit-tap-highlight-color:rgba(101,183,101,1);
 cursor:pointer;*/
 font-size: 20px;
 font-weight: bold;
 line-height: 1.3;
 vertical-align: bottom;
 text-align: center;
}