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

	FileName	:	common.css

font-size 9px{ font-size:77%; } 10px{ font-size:85%; } 11px{ font-size:93%; } 12px{ font-size:100%; } 13px{ font-size:108%; } 14px{ font-size:116%; } 15px{ font-size:123.1%; } 16px{ font-size:131%; } 17px{ font-size:138.5%; } 18px{ font-size:146.5%; } 19px{ font-size:153.9%; } 20px{ font-size:161.6%; } 21px{ font-size:167%; } 22px{ font-size:174%; } 23px{ font-size:182%; } 24px{ font-size:189%; } 27px{ font-size:197%; }

-------------------------------------------- */
/* line 30, ../scss/_mixin.scss */
.clearfix, #container section#cntConcept #mainCnt section#main section#content ul.box {
  display: inline-block;
}
/* line 32, ../scss/_mixin.scss */
.clearfix, #container section#cntConcept #mainCnt section#main section#content ul.box {
  display: block;
}
/* line 35, ../scss/_mixin.scss */
.clearfix:after, #container section#cntConcept #mainCnt section#main section#content ul.box:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* line 43, ../scss/_mixin.scss */
.textOver {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
}

/* reset style (html5 set)
-------------------------------------------------------------------- */
/* line 3, ../scss/_reset.scss */
article, section, header, footer, nav, menu, aside, figure, figcaption {
  display: block;
  padding: 0;
  margin: 0;
}

/* line 9, ../scss/_reset.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 14, ../scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 19, ../scss/_reset.scss */
fieldset, img {
  border: 0;
}

/* line 23, ../scss/_reset.scss */
img {
  vertical-align: top;
}

/* line 27, ../scss/_reset.scss */
address, caption, cite, code, dfn, em, strong, th, var, u {
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

/* line 33, ../scss/_reset.scss */
a {
  outline: 0;
  vertical-align: baseline;
}

/* line 38, ../scss/_reset.scss */
a > * {
  cursor: pointer;
}

/* line 42, ../scss/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 46, ../scss/_reset.scss */
caption, th {
  text-align: left;
}

/* line 50, ../scss/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 55, ../scss/_reset.scss */
q:before, q:after {
  content: '';
}

/* line 59, ../scss/_reset.scss */
abbr, acronym {
  border: 0;
}

/* line 64, ../scss/_reset.scss */
.blankIcon {
  vertical-align: 0;
  margin: 0 0 0 2px;
}

/* line 69, ../scss/_reset.scss */
img.iconNew,
img.addIcon {
  vertical-align: middle;
}

/* line 74, ../scss/_reset.scss */
span.anchorIn,
span.anchorIn strong {
  text-decoration: underline;
  vertical-align: baseline;
}

/* line 80, ../scss/_reset.scss */
.newsList span.anchorIn,
.newsList span.anchorIn strong {
  text-decoration: none;
}

/* line 84, ../scss/_reset.scss */
.newsList a:hover span.anchorIn,
.newsList a:hover span.anchorIn strong {
  text-decoration: underline;
}

/* line 89, ../scss/_reset.scss */
#sub span.anchorIn,
footer span.anchorIn {
  text-decoration: none;
}

/* line 128, recipeSprite/*.png */
.recipeSprite-sprite {
  background-image: url('/img/recipeSprite-sc466979d18.png');
  background-repeat: no-repeat;
}

/* body
-------------------------------------------------------------------- */
/* line 47, ../scss/listRecipe.scss */
body {
  font: 14px/1.65  Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  background: #ffffff;
  width: 100%;
  *font-size: small;
  *font: x-small;
  margin: 0;
  padding: 0;
  color: #333;
}

/* line 57, ../scss/listRecipe.scss */
a {
  color: #333333;
  text-decoration: underline;
}
/* line 60, ../scss/listRecipe.scss */
a:hover {
  text-decoration: none;
}

/* line 65, ../scss/listRecipe.scss */
ul, ol {
  list-style-type: none;
}

/* 
-------------------------------------------------------------------- */
/* line 77, ../scss/listRecipe.scss */
header#contentHeader .inner #mainImage {
  width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  /* line 77, ../scss/listRecipe.scss */
  header#contentHeader .inner #mainImage {
    width: 100%;
  }
}
/* line 84, ../scss/listRecipe.scss */
header#contentHeader .inner #mainImage p#ttl {
  display: block;
  height: 50px;
  width: 751px;
  background: url('/img/recipeSprite-s39b0e80d63.png') 0 -401px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 185px auto;
}
@media only screen and (max-width: 640px) {
  /* line 84, ../scss/listRecipe.scss */
  header#contentHeader .inner #mainImage p#ttl {
    margin: 110px auto;
    width: 375px;
    height: 25px;
    background: url("../img/recipe/common/sp_ttl.png") left top no-repeat;
    -moz-background-size: 375px, auto;
    -o-background-size: 375px, auto;
    -webkit-background-size: 375px, auto;
    background-size: 375px, auto;
  }
}

/* line 107, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt {
  background: none !important;
  border-left: none !important;
  border-bottom: none !important;
  border-right: none !important;
}
/* line 113, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main h1 {
  border-top: 3px solid #e11f27;
  border-bottom: 2px solid #f0f0f0;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
  margin-bottom: 20px;
  line-height: 1.0em;
  background: #fff;
}
/* line 123, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content {
  width: 100% !important;
}
/* line 126, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content p.noPost {
  background: #fff;
  padding: 10px;
  font-size: 107.69231%;
}
/* line 134, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li {
  float: left;
  text-align: center;
  width: 213px;
  padding: 10px;
  background: #fff;
  border: 1px solid #eeeeee;
  margin-right: 18px;
  margin-bottom: 20px;
}
/* line 143, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 640px) {
  /* line 134, ../scss/listRecipe.scss */
  #container section#cntConcept #mainCnt section#main section#content ul.box li {
    width: 100%;
    padding: 0;
    float: none;
  }
}
/* line 151, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li a {
  text-decoration: none;
}
/* line 153, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li a dl {
  text-align: left;
}
@media only screen and (max-width: 640px) {
  /* line 153, ../scss/listRecipe.scss */
  #container section#cntConcept #mainCnt section#main section#content ul.box li a dl {
    padding: 10px;
  }
}
/* line 158, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li a dl dt {
  margin-bottom: 10px;
  width: 213px;
  height: 213px;
  overflow: hidden;
  border: 1px solid #e11f27;
  padding-left: 0;
}
@media only screen and (max-width: 640px) {
  /* line 158, ../scss/listRecipe.scss */
  #container section#cntConcept #mainCnt section#main section#content ul.box li a dl dt {
    margin: 0 auto 15px;
  }
}
/* line 174, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li a dl dd.ttl {
  color: #e11f27;
  text-decoration: underline;
  position: relative;
  padding-left: 25px;
}
/* line 179, ../scss/listRecipe.scss */
#container section#cntConcept #mainCnt section#main section#content ul.box li a dl dd.ttl:before {
  content: "";
  display: block;
  height: 15px;
  width: 16px;
  background: url('/img/recipeSprite-s39b0e80d63.png') 0 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 3px;
  left: 0;
}

/* line 200, ../scss/listRecipe.scss */
.wp-pagenavi {
  text-align: center;
}
/* line 202, ../scss/listRecipe.scss */
.wp-pagenavi span {
  width: 20px;
  height: 20px;
  display: inline-block;
  color: #fff;
  background-color: #e11f27;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 5px;
  margin-right: 10px;
}
/* line 213, ../scss/listRecipe.scss */
.wp-pagenavi span.extend {
  border: none;
}
/* line 217, ../scss/listRecipe.scss */
.wp-pagenavi a {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 5px;
  color: #333;
  text-decoration: none;
  margin-right: 10px;
}
/* line 230, ../scss/listRecipe.scss */
.wp-pagenavi a:hover {
  background-color: #f8ede9;
}
/* line 233, ../scss/listRecipe.scss */
.wp-pagenavi a.nextpostslink {
  width: 16px;
  height: 16px;
  line-height: 1.2em;
  background-color: #e11f27;
  color: #fff;
}
/* line 239, ../scss/listRecipe.scss */
.wp-pagenavi a.nextpostslink:hover {
  text-decoration: none;
}
/* line 243, ../scss/listRecipe.scss */
.wp-pagenavi a.previouspostslink {
  width: 16px;
  height: 16px;
  line-height: 1.2em;
  background-color: #e11f27;
  color: #fff;
}
/* line 249, ../scss/listRecipe.scss */
.wp-pagenavi a.previouspostslink:hover {
  text-decoration: none;
}