@charset "UTF-8";
/* ========================================================================

  /common/css/add.css

======================================================================== */
/************************************************************************
  margin
************************************************************************/
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }

.mt50 { margin-top:50px !important; }

/************************************************************************
  text-align
************************************************************************/
.alignC { text-align:center; }

/************************************************************************
  other
************************************************************************/
.display-none { display:none; }
/************************************************************************
  .slick-slide img
************************************************************************/

.slick-slide img { width:100%; height:auto; }

.slick_container { margin:0 auto; /*width:90% !important;*/ position:relative; }

.slick-prev, .slick-next { width:30px; height:30px; }
.slick-prev:before, .slick-next:before { content:"" !important; }

.slick-prev { margin:auto; top:0 !important; bottom:0 !important; left:20px; }
.slick-next { margin:auto; top:0 !important; bottom:0 !important; right:20px; }
.slick-arrow { z-index:9; }

#slider { position:relative; }

/************************************************************************
  body#Top
************************************************************************/
body#Top {}

body#Top #product ul:nth-of-type(2) { display:flex; justify-content:space-between; text-align:center; flex-flow:row wrap; }
body#Top #product ul:nth-of-type(2) li { float:none; }
body#Top #product ul:nth-of-type(2) li a { margin:auto; width:95%; vertical-align:middle; }
body#Top #product ul:nth-of-type(2) li a img {  }
body#Top #product ul:nth-of-type(2) li a span { margin:0; width:auto; height:100%; text-align:center; display:flex; justify-content:center; align-items:center; box-sizing:border-box; }

body#Top #product ul:nth-of-type(2) li a:hover span { text-decoration:underline; }
/* ============ PC only ============ */
@media screen and (min-width:641px){
body#Top #product ul:nth-of-type(2) li a img { width:auto; height:100%; }

}
/************************************************************************
  #product_detail
************************************************************************/
/* .lineup */
#product_detail.neo .lineup ul li { flex-basis:320px; }
#product_detail.neo .lineup ul li a { width:320px; }

/************************************************************************
  #products
************************************************************************/
#products #bn ul { margin:0 auto; }

/************************************************************************
  #greeting
************************************************************************/
#greeting table.data tr th { white-space:nowrap; }

/************************************************************************
  #kinousei
************************************************************************/
#kinousei {  }

#kinousei .tk02 h3 { padding:0.2em 0; font-size:16px; }
#kinousei .tk02 img.floatR { margin-left:calc(30/1000* 100%); width:180px; float:right; }

#kinousei .tk02 .detail div:last-child p img { margin:auto; float:none; }
#kinousei .tk02 .detail div:first-child { float:none; }
#kinousei .tk02 .detail div:last-child { float:none; }


/* === #kinousei .column === */
#kinousei .column { padding:calc(20/1000*100%); width:100%; border:1px solid #644510; border-radius:5px; box-sizing:border-box; }
#kinousei .column h4 { margin:0 auto 5px; color:#644510; font-weight:bold; font-size:16px; }
.tk02 .detail div:last-child p { margin-top:0; }

#kinousei .tk02 .detail .column div.floatL { width:calc(464/ (1000 - 40) *100%); float:left; }
#kinousei .tk02 .detail .column div.floatR { width:calc(464/ (1000 - 40)*100%); float:right; }

/* #kinousei .column dl */
#kinousei .column dl { border-left:1px solid #644510; font-size:0; }
#kinousei .column dl dt { padding:0.2em 0.5em; color:#644510; border-top:1px solid #644510; border-bottom:1px solid #644510; border-right:1px solid #644510; display:inline-block; font-weight:bold; font-size:16px; }
#kinousei .column dl dd { padding:0.2em 0.5em; border-top:1px solid #644510; border-bottom:1px solid #644510; border-right:1px solid #644510; display:inline-block; font-size:16px; }
#kinousei .column dl dd a { color:#333333; text-decoration:underline; }

#kinousei .column .flexbox { display:flex; align-items:center; }
#kinousei .column .right { width:calc(330/958*100%); }
#kinousei .column .left { width:auto; margin-left:30px; }
#kinousei .tk02 .detail div:last-child { width:auto; }
#kinousei .tk02 .detail div:first-child { width:auto; }

#kinousei .tk03 ul { justify-content:center; }
#kinousei .tk03 ul li { margin:0 10px; }

/* ============ smart phone ============ */
@media screen and (max-width:640px){
#kinousei .tk02 img.floatR { margin:0 auto 10px; width:auto; float:none; display:block; }

/* === #kinousei .column === */
#kinousei .tk02 .detail .column div.floatL { margin-bottom:30px; width:100%; float:none; }
#kinousei .tk02 .detail .column div.floatR { width:100%; float:none; }

#kinousei .column h4 { font-size:12px; }

#kinousei .column dl dt { font-size:12px; }
#kinousei .column dl dd { font-size:12px; }

#kinousei .tk02 .detail div:first-child p img { width:auto; }

#kinousei .column .flexbox { display:block; }
#kinousei .column .right { width:auto; }
#kinousei .column .left { width:auto; margin-left:0; }

#kinousei .tk03 ul  { justify-content: space-between }
#kinousei .tk03 ul li { margin: 0 0 20px 0; float:left; }
#kinousei .tk03 ul li:nth-child(2), #kinousei .tk03 ul li:nth-child(4) { margin: 0 0 20px; }

}
/************************************************************************
  #products
************************************************************************/
/*.btns input[type="reset"] { background:#b9b8b7 url(../../img/menu_arrow.png) no-repeat 90% 50%; }*/

a.btn-yes { margin:0 10px; width:280px; background:#D0160D url(../../img/menu_arrow.png) no-repeat 90% 50%; color:#fff; border-radius:5px; border:none; line-height:50px; font-size:15px; display:inline-block; }

a.btn-no { margin:0 10px;width:280px; background:#b9b8b7 url(../../img/menu_arrow.png) no-repeat 90% 50%; color:#fff; border-radius:5px; border:none; line-height:50px; font-size:15px; cursor:pointer; display:inline-block; }

a.btn-yes:hover, a.btn-no:hover { text-decoration:none; opacity:0.8; }

/************************************************************************
  #honjikomi
************************************************************************/
#honjikomi #tvcm ul li { margin:auto; }

/************************************************************************
  #snack
************************************************************************/
#snack .l_navi { padding:20px 0 0; }

#snack .l_navi li { width:calc(285/1000*100%); }
#snack .l_navi li.navi-snack-home { width:calc(87/1000*100%); }
#snack .l_navi li.navi-snack-home a { padding-top:100%; }

#snack .l_navi li a { padding:calc(96/314*100%) 0 0; width:100%; background-repeat:no-repeat; background-size:100% auto; display:block; }
#snack .l_navi li a img { display:none; }

#snack .l_navi li:last-child { margin-bottom:10px; }

/* on */
#snack .l_navi li.navi-snack-home a { background:url(../../img/snack_link_01.png); }
#snack .l_navi li.navi-snack a { background-image:url(../../img/snack_link_02_off.png); }
#snack .l_navi li.navi-variety a { background-image:url(../../img/snack_link_03_off.png); }
#snack .l_navi li.navi-story a { background-image:url(../../img/snack_link_04_off.png); }

/* off */
#snack .l_navi li.navi-snack a:hover { background-image:url(../../img/snack_link_02_on.png); }
#snack .l_navi li.navi-variety a:hover { background-image:url(../../img/snack_link_03_on.png); }
#snack .l_navi li.navi-story a:hover { background-image:url(../../img/snack_link_04_on.png); }

/* current */
#snack.snack .l_navi li.navi-snack a { background-image:url(../../img/snack_link_02_on.png); }
#snack.snack-variety .l_navi li.navi-variety a { background-image:url(../../img/snack_link_03_on.png); }
#snack.snack-story .l_navi li.navi-story a { background-image:url(../../img/snack_link_04_on.png); }

/* === #snack.snack-story === */
#snack.snack-story .l_navi { padding:20px 0; }


/* ============ smart phone ============ */
@media screen and (max-width:640px){
#snack.snack-variety #commodity_cont .tab_bt li:first-child a { background-color:#0f0865 !important; }

#snack .l_navi { font-size:0; }
#snack .l_navi li { margin-right:2%; width:48% !important; display:inline-block; }
#snack .l_navi li:nth-child(2n) { margin-right:0; }
#snack .l_navi li:first-child img { display:none; }

#snack .l_navi li img { width:100%; height:auto; }

#snack .l_navi li.navi-snack-home a { padding-top:calc(96/314*100%); background:url(../../img/snack_link_01_off_sp.png) no-repeat; background-size:100%  auto; }

/* === #snack.snack === */
#all_item { border:6px solid #ff8200; }
#all_item .copy { border:0 !important; }
}

/************************************************************************
  a.btn-pdf
************************************************************************/
a.btn-pdf { padding:20px; background:#ffffff; border-radius:5px; color:#644510; border:1px solid #E4E0D5; box-shadow:2px 2px 4px #EDECE7; text-decoration:none; display:inline-block; }

a.btn-pdf:hover{ background:#CF170D; color:#fff; }

/************************************************************************
  a.anchor
************************************************************************/
a.anchor { margin-top:-150px; padding-top:150px; display:block; }

/************************************************************************
  #campaign
************************************************************************/
/* ============ smart phone ============ */
@media screen and (max-width:480px){
#contents #campaign #title { background-image:url(../../img/campaign_title_sp.png) }
}
/************************************************************************
  #sns
************************************************************************/
#sns ul li { max-width:490px; }

/* ============ smart phone ============ */
@media screen and (max-width:834px){

#sns ul { margin:auto; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#sns ul li { margin:0 20px 20px; padding:30px; flex-basis:100%; max-width:100%; height:153px; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:0px 0px 5px 0px rgba(47, 48, 48, 0.08); }
#sns ul li a { margin:0 40px 0 0;padding:0 15px 0 0; background:url(../../img/sns_link.png) no-repeat top right; color:#333; text-decoration:none;}
#sns ul li p img { margin:0 5px 0 0; width:35px; height:35px; vertical-align:middle; }
}

/************************************************************************
  #access
************************************************************************/
#access table td a img { margin-left:0.5em; }
#access table td a { color:#333333; text-decoration:underline; }
#access table td a.map { display:none; }

/************************************************************************
  .topicslider
************************************************************************/
.topicslider div p { padding:15px 10px 0 15px; }


/************************************************************************
  fadeIn
************************************************************************/
body { animation: fadeIn 3s ease 0s 1 normal; -webkit-animation: fadeIn 3s ease 0s 1 normal; }

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}



/************************************************************************
  .tablesorter-header-inner
************************************************************************/

/* ============ smart phone ============ */
@media screen and (max-width:834px){
#tb_component th:nth-child(11n) .tablesorter-header-inner { width:100px; }
}

/************************************************************************
  .ex-link
************************************************************************/
a.ex-link { color:#333333; text-decoration:underline; }
a.ex-link:hover { color:#999999; }

/************************************************************************
  .ex-link
************************************************************************/
#news .topicslider.clearfix { overflow:visible; }

/************************************************************************
  .topicslider div span
************************************************************************/
.topicslider div span { width:110px; }

/* ============ smart phone ============ */
@media screen and (max-width:834px){
.topicslider div span { width:100px; }
}

/************************************************************************
  #company ul li
************************************************************************/
#company ul { width:895px; text-align:center; }
#company ul li { float:none; display:inline-block; }
#company ul li:nth-child(3) { margin-right:20px; }

/* ============ smart phone ============ */
@media screen and (max-width:834px){
#company ul { width:calc(100% - 40px); text-align:left; }
#company ul li:nth-child(3) { margin:0 0 10px; }

}
/************************************************************************
  #snsguide
************************************************************************/
#snsguide dl dd strong { margin:10px 0 5px; color:#644510; font-size:16px; display:inline-block; }
#snsguide dl dd a { color:#333333; text-decoration:underline; font-weight:bold; }
#snsguide dl dd a:hover { color:#999999; }