@charset "UTF-8";

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


/*応急メッセージ*/
.oqmsg1 {
  height: 150px;
  background-position: center top;
}

.oqmsg1_txt {
  font-size: 11px;
  color: #fff;
  padding: 27px 0px 0px 230px;
}
/*応急メッセージend*/



body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, img
{ margin: 0; padding: 0}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
fieldset, img{ 
line-height: 0.1;
}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* Align
---------------------------------------------------------- */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#footer,
#footerShare,
#contents,
section
{
  display: block;
  min-height: 1%;
}
.clearfix:after,
#header:after,
#footer:after,
#footerShare:after,
#contents:after,
section:after
{
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
}

/* !Margin */

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.ml15 { margin-left:15px !important;}
/*------------------------基本構造---------------------------*/

#wrap_sskt {
  margin: 0 auto;
  width: 910px;
  border: 1px solid #c9c9c9;
}

input[type="image"]:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

/* -------------------------------
sns
---------------------------------*/

#socialContainer {
 float:right;
 margin:0px 0px 5px 0;
 }
#socialContainer .Facebook {
 display:inline;
 }
#socialContainer .twitter {
 display:inline;
 }

.snsb {
 margin: 0;padding: 8px;
 overflow: hidden;
}
.snsb ul { margin: 0;padding: 0;}
.snsb li {
 margin: 0 4px 0 0;padding: 0;
 float: right;
 display: block;
 list-style: none;
 
}
.snsb iframe { margin: 0 !important;}


/* -------------------------------
FV
---------------------------------*/
#fv_top{
  text-align: left;
  background:url(images/18new_bg_01.jpg) 0 0 no-repeat;
  height: 327px;
  position: relative;
}
#fv_top .period{
  position: absolute;
  top: 28px;
  left: 484px;
}
#haru_set_area{
  background:url(images/18new_bg_02.jpg) 0 0 no-repeat;
  height: 571px;
  text-align: left;
}

#haru_set_area .haru_set_mass{
  margin-left: 372px;
}
#haru_set_area .haru_cart_area{
  margin-right:33px;
  position: relative;
}
#haru_set_area .haru_cart_area .float_l{
  float: left;
  width: 152px;
}
#haru_set_area .haru_cart_area .float_r{
  float: right;
  width: 345px;
}

/*--------------------メイン商品-------------------------*/


/*春のシャキッとセットボタン*/
.sskt_main_pd1_cart {
  text-align: right;
}

.sskt_main_pd1_suryo {
  position: absolute;
  top: 90px;
  left: 130px;
  width: 75px;
  height: 62px;
  font-size: 13px;
  text-align: right;
}
.sskt_main_pd1_suryo select {
  font-size: 12px;
  width: 40px;
  margin: 0px 0 0 0;
  padding: 2px 5px;
}

#wrap_sskt input[type="image"]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*--------------------メイン商品 end-------------------------*/


/* -------------------Chance1------------------------*/
.chance_01{
  background:url(images/18new_bg_03.jpg) 0 0 no-repeat;
  height: 1115px;
  text-align: center;
  padding:0 30px;
}
.chance_01 .oubo_step {
  padding:0 0 0 20px;
}

.chance_01 .oubo_step ul{
  float:left;
  width: 274px;
}
.chance_01 .oubo_step ul.step_03{
  width: 274px;
}
.chance_01 .oubo_step li{
  line-height: 0.1%;
}
.chance_01 .oubo_step .notes{
  clear:left;
  text-align: right;
  font-size: 12px;
  color: #333333;
  padding: 10px 20px 10px 10px;;
}
.chance_01 .pre_list {
  text-align: left;
  padding-left:20px;
}
.chance_01 .pre_list div{
  float:left;
  width: 405px;
}
.chance_01 .pre_list div.pre_c{
  float: none;
  width: 790px;
  clear: left;
}

/* -------------------Chance1 end------------------------*/

/* -------------------Chance2------------------------*/
.chance_02{
  background:url(images/18new_bg_04.jpg) 0 0 no-repeat;
  height: 930px;
  padding:0 92px 0 63px;
  position: relative;
}
.chance_02 ul{
  position: relative;
}
.chance_02 .april_area{
  float:left;
  width: 392px;
  position: relative;
}
.chance_02 .april_area .icon_april{
  position: absolute;
  top:0;
  right:13px;
}
.chance_02 .april_p_01{
  position: absolute;
  top:35px;
  left:37px;
}
.chance_02 .april_p_02{
  position: absolute;
  top:189px;
  left:24px;
}
.chance_02 .april_p_03{
  position: absolute;
  top:370px;
  left:0;
}
.chance_02 .april_p_04{
  position: absolute;
  top:615px;
  left:118px;
}
.chance_02 .april_p_05{
  position: absolute;
  top:738px;
  left:28px;
}


.chance_02 .may_area{
  float:right;
  width: 363px;
  position: relative;
}

.chance_02 .may_area .icon_may{
  position: absolute;
  top:0;
  left:12px;
}
.chance_02 .may_p_01{
  position: absolute;
  top:53px;
  left:24px;
}
.chance_02 .may_p_02{
  position: absolute;
  top:239px;
  right:0px;
}
.chance_02 .may_p_03{
  position: absolute;
  top:406px;
  left:36px;
}
.chance_02 .may_p_04{
  position: absolute;
  top:554px;
  right:0px;
}
.chance_02 .may_p_05{
  position: absolute;
  top:773px;
  right:0px;
}

.chance_02 .soy_chance{
  position: absolute;
  top:738px;
  left:363px;
}
/* -------------------Chance2 end------------------------*/

/* -------------------recommend_set------------------------*/
.recommend_set{
  background:url(images/18new_bg_05.jpg) 0 0 no-repeat;
  height: 298px;
  text-align: center;
  position: relative;
}
.recommend_set_area{
  background:url(images/18new_bg_06.jpg) 0 0 no-repeat;
  height: 365px;
  text-align: left;
}
.recoset_tea{
  float:left;
  width: 442px;
  padding:25px 0 0 13px;
}
.recoset_cantafe{
  float:right;
  width: 440px;
  padding:25px 0 0 15px;
}
.recoset_spec .recoset_icon{
  float:left;
  width: 80px;
  margin-left: 15px;
}
.recoset_spec .recoset_price{
  float:left;
  width: 319px;
}
.recoset_spec .recoset_price .price{
  padding-left: 40px;
}
.recoset_spec .recoset_price .btn_area p{
  display: inline;
}

}
/* -------------------キャンペーン概要------------------------*/

.cam_summary {
  margin: 10px;
  padding: 10px;
  color: #333;
  border: 2px solid #fbb03b;
}
.cam_summary {
  margin: 10px;
  padding: 10px;
  color: #333;
  border: 2px solid #fbb03b;
}
.cam_summary h4{
 font-size: 16px; line-height: 1.3;
 background-color: #fbb03b;
 text-align: left;
 padding: 3px 10px;
 font-weight: bold;
}
.cam_summary dl{
  background-color: #FFF;
  padding:10px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.cam_summary dt{
 text-align: left;
}
.cam_summary dd{
 margin-bottom :5px;
 text-align: left;
}
.cam_summary dd.cam_chance{
  background-color: #fee7c4;
  margin-bottom: 10px;
  padding: 3px 0 10px 5px;
}

.cam_summary ul{
  margin: 0 0 0 18px;
}
.cam_summary li{
  list-style-type: disc;
  line-height: 1.5;
}

.cam_summary .cam_chance li{
  line-height: 1.3;
    margin: -5px 0;
}
/* -------------------キャンペーン概要 end------------------------*/

/* -------------------recommend_set end------------------------*/

.w860 {
  width: 860px;
  margin: 0 auto 0 auto;
}


/*---------------------フッター詳細-------------------------*/

#footer_tk {
 margin: 0 auto;
 font-size:12px;
 width: 910px;
 text-align:center;
 background-color: #fff;
 position: relative;
 }
#footer_tk a {
 color: #6a3906;
 }
#footer_tk a:hover {
 color: #800000;
 }
#footer_tk ul {
 border-top:#c9c9c9 1px solid;
 border-bottom:#c9c9c9 1px solid;
 padding:15px 0;
 margin:10px 0 0;
 }
#footer_tk li {
 display:inline;
 }
#footer_tk .footer_cp {
 padding:6px 0 10px;
 }
/*---------------------フッター詳細 end-------------------------*/

/*----------ページ トップへ戻るリンク-----------------*/
.lk_top {
  margin: 14px 20px 0px 30px;
  text-align: right;
}


.lk_top img{
  margin: 0px 4px 0px 0px;
  vertical-align-middle;
}

.lk_top {
  font-size: 16px; /*line-height: 1.3; */color: #333;
}
.lk_top a:link {
 color: #333; text-decoration: underline;
}

.lk_top a:visited {
 color: #333; text-decoration: underline;
}

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

/*----------ページ トップへ戻るリンク end------------*/


/*--------------終了MSG-----------------*/
#fin_msg {
  padding: 50px 0 60px 0;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
/*--------------終了MSG end-------------*/