@charset "utf-8";
/* ==========================================================================
   TOP SP
   ========================================================================== */

/* slider
--------------------------------------------------------- */
#pabron-top-key-visual {
}
#pabron-top-key-visual .bx-wrapper {
  margin: 0 auto;
}
#pabron-top-key-visual .bx-wrapper .bx-pager {
  display: block;
  padding-top: 0;
  bottom: 10px;
}
#pabron-top-key-visual .bx-controls {
  position: relative;
  top: 0;
  height: 31px;
  background: #ededed;
}
#pabron-top-key-visual .bx-wrapper .bx-controls-direction a {
  margin-top: 0;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  top: 0;
  width: 30px;
  height: 30px;
  z-index: 99;
}
#pabron-top-key-visual .bx-wrapper .bx-prev {
  left: 16px;
  background-image: url(/pabron/images/key_visual_controls_sp.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 60px 30px;
}
#pabron-top-key-visual .bx-wrapper .bx-next {
  right: 16px;
  background-image: url(/pabron/images/key_visual_controls_sp.png);
  background-repeat: no-repeat;
  background-position: -30px 0;
  background-size: 60px 30px;
}
#pabron-top-key-visual .bx-wrapper .bx-pager.bx-default-pager a {
  box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5)
}
#pabron-top-key-visual .bx-wrapper .bx-pager.bx-default-pager a:hover, #pabron-top-key-visual .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fecf2c;
}
/*	.block--lead-contents
---------------------------------------------*/

.block--lead-contents .contents-list .thumb img {
  max-width: none;
  width: 100%;
}
.block--lead-contents .contents-list {
  background-color: #FFFFFF;
  border-radius: 2px;
  padding: 15px 15px;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
.block--lead-contents .contents-list h3 {
  font-size: 18px;
  text-align: center;
  margin: 0.5em 0;
}
.block--lead-contents .contents-list p {
  margin-bottom: 0;
  line-height: 1.4;/*min-height: 4.5em;*/
}
.block--lead-contents {
  margin: 0 0 0;
  overflow: hidden;/* to hide scroll cause of bar block--lead-contents--row-sm */
}
.block--lead-contents--row-sm {
/* margin: 0 -1px; */
}
.block--lead-contents--row-sm:before, .block--lead-contents--row-sm:after {
/*  content: " ";
    display: table;
	clear: both; */
}
.block--lead-contents--col-sm {
/*float: left;
	 width: 50%; 
	padding: 0 1px;
	box-sizing: border-box;*/
}
.block--lead-contents .contents-list {
  position: relative;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 2px solid #ededed;
  padding: 10px 10px 10px 160px;
  min-height: 60px;
}
.block--lead-contents .contents-list .thumb {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 139px;
  height: 0;
  padding-top: 60px;
  background-position: center center;
  background-size: auto 100%;
}
.block01 .thumb {
  background-image: url(/pabron/images/contents_lead_01_thumb_sp.jpg)
}
.block02 .thumb {
  background-image: url(/pabron/images/contents_lead_02_thumb_sp.jpg)
}
.block03 .thumb {
  background-image: url(/pabron/images/contents_lead_03_thumb_sp.jpg)
}
.block04 .thumb {
  background-image: url(/pabron/images/contents_lead_04_thumb_sp.jpg)
}
.block--lead-contents .contents-list h3 {
  margin: 5px 0;
  font-size: 12px;
  text-align: left;
}
.block--lead-contents .contents-list p {
  font-size: 11px;
  line-height: 1.2;
}
/*	 かぜに愛情レシピ　カルーセル
---------------------------------------------*/

.top-carousel-recipe {
  width: inherit;
  margin: 0 10px 10px;
  background-color: #fff;
}
.top-carousel-recipe-inner {
  padding: 10px;
}
.top-carousel-recipe-inner+div > div {
  float: left;
}
.top-carousel-recipe-inner-box {
  margin: 0 0 10px;
}
.top-carousel-recipe-inner .top-carousel-ttl-recipe {
  display: block;
}
.top-carousel-recipe-inner .top-carousel-txt-recipe {
  display: block;
  margin: 7px 0 0 0;
}
.top-carousel-box-recipe {
  width: 100%;
  clear: both;
}
.top-carousel-box-recipe img {
  width: 95%;
  height: auto;
  margin: 0 auto;
}
.top-carousel-box-recipe div a {
  display: block;
}
.top-carousel-box-recipe div a span {
  font-size: 11px;
  margin: 8px 0 0;
  display: block;
}
/*	 更新情報
---------------------------------------------*/
.top-news-area {
  width: 100%;
  margin: 10px 5px;
  height: 55px;
  position: relative;
}
.top-news-area div {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 3px;
  display: block;
  height: 55px;
  width: 100%;
}
.top-news-area div a {
  text-decoration: underline;
}
.top-news-area div img {
  max-width: 65px;
  width: 20%;
  height: auto;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.top-news-area div span {
  display: inline-block;
  float: left;
  line-height: 1.6;
  width: 100%;
}
.top-news-area #news-ticker {
  position: relative;
  float: left;
  width: 70%;
  height: 55px;
  overflow: hidden;
}
.top-news-area div ul {
  height: 55px;
  overflow: hidden;
  width: 100%;
}
.top-news-area div ul li {
  width: 100%;
  height: 60px;
}
.top-news-area div span em {
  font-weight: bold;
  margin: 0 5px 0 0;
  display: block;
}
.block--lead-contents .block02 {
  border-top: 2px solid #ededed;
}