@charset "UTF-8";
/**
 * トップページ用スタイル
 */
body {
  overflow: auto; }

#main-wrap {
  padding-top: 55px; }

/* ==========================================================================
   ヘッダー検索エリア
   ========================================================================== */
#top-srch {
  background-color: #f6f5f0;
  border-bottom: 1px solid #e5e5de;
  padding-bottom: 13px;
  padding-top: 13px; }
  #top-srch #search-detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    display: table;
    padding-left: 20px;
    padding-right: 20px;
    table-layout: fixed;
    width: 100%; }

.top-srch-item {
  display: table-cell;
  vertical-align: top; }
  .top-srch-item dt,
  .top-srch-item dd {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    font-size: 87.5%; }
  .top-srch-item dt {
    font-weight: bold;
    margin-right: 9px;
    padding-bottom: 3px;
    padding-top: 3px; }
  .top-srch-item .icon-genre {
    background: url(img/top_srch_genre.gif) no-repeat left center;
    padding-left: 49px; }
  .top-srch-item .icon-kind {
    background: url(img/top_srch_kind.gif) no-repeat left center;
    padding-left: 55px; }
  .top-srch-item .icon-time {
    background: url(img/top_srch_time.gif) no-repeat left center;
    padding-left: 36px; }
  .top-srch-item .cmn-select {
    height: 42px; }
  .top-srch-item .select-genre {
    width: 55.9%; }
  .top-srch-item .select-kind {
    width: 66%; }
    .top-srch-item .select-kind select#category[disabled] {
      background: #f4f2e6;
      color: #adaba2; }
  .top-srch-item .select-time {
    width: 47.95%; }
  .top-srch-item .input-keyword {
    width: 68%; }
    .top-srch-item .input-keyword input {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      zoom: 1;
      width: 85%;
      width: 95%; }

.parts-genre {
  width: 21%;
  width: 21.5%; }

.parts-kind {
  width: 22%;
  width: 23%; }

.parts-time {
  width: 16%;
  width: 16.5%; }

.parts-keyword {
  width: 18.7%;
  width: 20%; }

.top-srch-keyword {
  font-size: 100%;
  padding: 11px 13px; }

.top-srch-btn {
  display: table-cell;
  padding-top: 2px;
  text-align: center;
  width: 7%; }

.top-srch-submit {
  cursor: pointer;
  font-size: 87.5%;
  height: 36px;
  width: 90%; }

.top-srch-category {
  display: table-cell;
  font-size: 87.5%;
  font-weight: bold;
  padding-top: 7px; }
  .top-srch-category a {
    background: url(img/arrow02.gif) no-repeat left center;
    padding-left: 20px;
    padding-top: 2px; }

@media all and (max-width: 1366px) {
  .top-srch-item dt,
  .top-srch-item dd {
    display: block; }
  .top-srch-item .select-genre,
  .top-srch-item .select-kind,
  .top-srch-item .select-time,
  .top-srch-item .input-keyword {
    padding-top: 5px;
    width: 98%; }

  .top-srch-btn {
    padding-top: 36px; } }
/* ==========================================================================
   スライドショー
   ========================================================================== */
.mainslide-wrap {
  border-bottom: 1px solid #e5e5de;
  padding-top: 33px;
  overflow: hidden;
  height: 396px;
  margin: 0 auto;
  position: relative;
  width: 100%; }

.mainslide-all {
  left: 50%;
  margin-left: -935px;
  position: absolute;
  width: 1875px; }

/*.mainslide-wrap{
	border-bottom:1px solid $line01;
	padding-top:33px;
	overflow:hidden;
}

.mainslide-all{
	min-width:1024px;
	height:400px;
	position:relative;
}

.mainslide-boxwrap{
	left:50%;
	margin-left:-935px;
	position:absolute;
	width:1895px;
}*/
.mainslide-recipe-thumb {
  position: relative; }
  .mainslide-recipe-thumb .icon-new {
    bottom: -13px;
    position: absolute;
    left: 18px;
    width: 12.8%; }
    .mainslide-recipe-thumb .icon-new img {
      height: auto;
      width: 100%; }

.mainslide-recipe-name {
  font-family: 'ngt', sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  font-size: 118.75%;
  margin-top: 25px; }

.mainslide-category {
  margin-top: 3px;
  padding-left: 4.5em;
  position: relative; }
  .mainslide-category dt,
  .mainslide-category dd {
    font-size: 75%;
    font-weight: bold; }
  .mainslide-category dt {
    position: absolute;
    left: 0;
    top: 0; }
  .mainslide-category dd {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top; }
    .mainslide-category dd:after {
      content: "、"; }
    .mainslide-category dd:last-child:after {
      display: none; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: relative; }

.mainslide-wrap .bx-wrapper {
  position: static;
  position: relative; }
.mainslide-wrap .bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  height: auto !important;
  left: 0; }
.mainslide-wrap .bx-wrapper .bx-controls-direction a {
  bottom: -20px;
  margin-top: 0;
  height: 15px;
  width: 8px;
  top: auto; }
.mainslide-wrap .bx-wrapper .bx-pager {
  padding-top: 0; }
.mainslide-wrap .bx-prev,
.mainslide-wrap .bx-prev:hover {
  background: url(img/top_slide_back.gif) no-repeat left top;
  left: 38%; }
.mainslide-wrap .bx-next,
.mainslide-wrap .bx-next:hover {
  background: url(img/top_slide_next.gif) no-repeat left top;
  right: 38%; }
.mainslide-wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #e8e1cc; }
.mainslide-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .mainslide-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #c6bda0; }

/* ==========================================================================
   おしらせ
   ========================================================================== */
.top-info {
  position: relative; }

.top-info-ttl {
  left: 0;
  position: absolute;
  top: 0; }

.info-list {
  padding-left: 127px; }
  .info-list li {
    font-size: 87.5%;
    margin-top: 20px;
    padding-left: 120px;
    position: relative; }
    .info-list li:first-child {
      margin-top: 0; }
  .info-list .info-date {
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 0; }

/* ==========================================================================
   特集ページ
   ========================================================================== */
.top-feature {
  margin-top: 55px; }

.top-feature-ttl {
  background-color: #f6f5f0;
  border-top: 1px solid #e5e5de;
  font-size: 118.75%;
  padding: 10px 19px; }

.feature-list {
  font-size: 87.5%;
  text-align: right;
  margin-top: 13px; }

.cmn-btn {
  background-color: #c6bda0;
  border-radius: 2px;
  display: inline-block;
  padding: 4px 20px;
  text-decoration: none; }
  .cmn-btn:before {
    background: url(img/arrow01.gif) no-repeat left top;
    content: '';
    display: inline-block;
    height: 5px;
    margin-right: 10px;
    width: 3px;
    vertical-align: middle; }
  .cmn-btn:hover {
    opacity: 0.64; }

/* ==========================================================================
   レシピカテゴリー 一覧
   ========================================================================== */
.top-category-head {
  background: url(img/top_category.jpg) no-repeat center top;
  margin: 0 auto;
  max-width: 1895px;
  min-width: 1024px;
  padding-bottom: 96px;
  padding-top: 93px;
  position: relative; }

.top-category-ttl {
  margin: 0 auto;
  max-width: 1116px;
  min-width: 1024px;
  position: relative;
  width: 100%; }
  .top-category-ttl img {
    margin-left: 20px;
    height: auto;
    width: 19.67%;
    position: relative;
    z-index: 2; }
  .top-category-ttl:before {
    background-color: #FFF;
    content: '';
    display: block;
    position: absolute;
    width: 59.6%;
    height: 100%;
    left: -34%;
    top: 0; }

.fnav-wrap {
  margin: 59px auto 55px;
  max-width: 1116px;
  min-width: 1024px;
  overflow: hidden;
  width: 100%; }

.fnav-col .icon-gohan {
  background: url(img/icon_gohan.gif) no-repeat center top;
  background-size: auto 43px !important; }
.fnav-col .icon-sirumono {
  background: url(img/icon_sirumono.gif) no-repeat center top;
  background-size: auto 43px !important; }
.fnav-col .icon-okazu {
  background: url(img/icon_okazu.gif) no-repeat center top;
  background-size: auto 43px !important; }
.fnav-col .icon-mentonabe {
  background: url(img/icon_nabe.gif) no-repeat center top;
  background-size: auto 43px !important; }
.fnav-col .icon-jyobisai {
  background: url(img/icon_hozon.gif) no-repeat center top;
  background-size: auto 43px !important; }
.fnav-col .icon-kihon {
  background-image: url(img/icon_kihon.gif);
  background-size: auto 43px !important;
  background-position: top 10px; }
.fnav-col .icon-oyatu {
  background: url(img/icon_oyatsu.gif) no-repeat center top;
  background-size: auto 43px; }
.fnav-col .icon-jitan {
  background: url(img/icon_jitan.gif) no-repeat center top;
  background-size: auto 43px; }

.inner-fnav {
  padding: 0 2.3% 42px; }
  .inner-fnav:first-child {
    border-left: none; }

/* ==========================================================================
   白ごはん.comについて
   ========================================================================== */
.top-side-about dd {
  font-size: 87.5%;
  line-height: 1.6;
  margin-top: 10px; }

.top-snslist {
  letter-spacing: -.40em;
  padding-top: 14px;
  width: 100%; }
  .top-snslist li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    padding-right: 5px;
    vertical-align: middle; }
    .top-snslist li:last-child {
      padding-right: 0; }
  .top-snslist .sns-tweet {
    position: relative;
    top: 7px; }
  .top-snslist .sns-fb {
    display: block; }

/* ==========================================================================
   公式SNS
   ========================================================================== */
.top-official {
  margin-top: 13px; }

.top-official-ttl {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-bottom: 21px;
  padding-top: 21px;
  height: 14px;
  margin-top: 21px; }
  .top-official-ttl img {
    vertical-align: top; }

.top-official-sns {
  letter-spacing: -.40em;
  text-align: right;
  position: relative;
  top: -44px; }
  .top-official-sns li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    margin-left: 10px; }

/* ==========================================================================
   お問い合わせ、プロフィール
   ========================================================================== */
.top-profile {
  margin-top: 30px; }
  .top-profile li {
    background: url(img/arrow01.gif) no-repeat scroll left center;
    font-size: 87.5%;
    margin-top: 5px;
    padding-left: 8px;
    position: relative; }
    .top-profile li:first-child {
      margin-top: 0; }

/* ==========================================================================
   書籍紹介
   ========================================================================== */
.top-side-newestbox {
  display: table;
  table-layout: fixed;
  width: 81.75%; }

.top-newest-img,
.top-newestbox-summary {
  display: table-cell;
  vertical-align: top; }

.top-newest-img {
  width: 100px; }

.top-newestbox-summary {
  padding-left: 21px; }
  .top-newestbox-summary dt {
    font-size: 87.5%;
    font-weight: bold; }
  .top-newestbox-summary dd {
    font-size: 87.5%;
    margin-top: 10px; }
  .top-newestbox-summary .icon-blank-after:after {
    color: #9b9b88; }