@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,700&display=swap&subset=japanese");
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  background: transparent;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
}

#contents_block div, #contents_block span, #contents_block applet, #contents_block object, #contents_block iframe, #contents_block h1, #contents_block h2, #contents_block h3, #contents_block h4, #contents_block h5, #contents_block h6, #contents_block p, #contents_block blockquote, #contents_block pre, #contents_block a, #contents_block abbr, #contents_block acronym, #contents_block address, #contents_block big, #contents_block cite, #contents_block code, #contents_block del, #contents_block dfn, #contents_block em, #contents_block font, #contents_block img, #contents_block ins, #contents_block kbd, #contents_block q, #contents_block s, #contents_block samp, #contents_block small, #contents_block strike, #contents_block strong, #contents_block sub, #contents_block sup, #contents_block tt, #contents_block var, #contents_block b, #contents_block u, #contents_block i, #contents_block center, #contents_block dl, #contents_block dt, #contents_block dd, #contents_block ol, #contents_block ul, #contents_block li, #contents_block fieldset, #contents_block form, #contents_block label, #contents_block legend, #contents_block table, #contents_block caption, #contents_block tbody, #contents_block tfoot, #contents_block thead, #contents_block tr, #contents_block th, #contents_block td, #contents_block section, #contents_block article, #contents_block aside, #contents_block hgroup, #contents_block header, #contents_block footer, #contents_block nav, #contents_block dialog, #contents_block figure, #contents_block menu, #contents_block video, #contents_block audio, #contents_block mark, #contents_block time, #contents_block canvas, #contents_block details {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  background: transparent;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
#contents_block section, #contents_block article, #contents_block aside, #contents_block hgroup, #contents_block header, #contents_block footer, #contents_block main, #contents_block nav, #contents_block dialog, #contents_block figure, #contents_block figcaption {
  display: block;
}
#contents_block ol, #contents_block ul {
  list-style: none;
}
#contents_block blockquote, #contents_block q {
  quotes: none;
}
#contents_block blockquote:before, #contents_block blockquote:after, #contents_block q:before, #contents_block q:after {
  content: '';
  content: none;
}
#contents_block :focus {
  outline: 0;
}
#contents_block ins {
  text-decoration: none;
}
#contents_block del {
  text-decoration: line-through;
}
#contents_block table {
  border-collapse: collapse;
  border-spacing: 0;
}
#contents_block main p, #contents_block main li, #contents_block main dt, #contents_block main dd, #contents_block main th, #contents_block main td {
  line-height: 1.6;
}
#contents_block img {
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}
#contents_block a:link {
  color: #000;
  text-decoration: none;
}
#contents_block a:visited {
  color: #000;
  text-decoration: none;
}
#contents_block a:hover {
  color: #000;
  text-decoration: none;
}
#contents_block a:active {
  color: #000;
  text-decoration: none;
}
#contents_block .clr {
  *zoom: 1;
}
#contents_block .clr:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#contents_block .disnon {
  display: none;
}

#contents_block {
  text-align: left;
  font-size: 1.6rem;
  color: #222;
  overflow: hidden;
  background: url(../images/bg_white.jpg) center top;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  #contents_block {
    min-width: 980px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .pc {
    display: none !important;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .sp {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  #contents_block img {
    width: 100%;
    height: auto;
  }
}
#contents_block .inner {
  width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #contents_block .inner {
    width: auto;
    padding: 0 4vw;
  }
}
#contents_block .navigation {
  background: transparent url("../images/bg_yellow.gif") 0 0 repeat;
}
@media screen and (max-width: 750px) {
  #contents_block .navigation {
    background-size: 24px auto;
  }
}
#contents_block .navigation .inner {
  position: relative;
  font-size: 0;
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation .btnCurry {
    float: left;
    width: 162px;
    height: 70px;
  }
  #contents_block .navigation .btnCurry a {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("../images/btn_curry.png") 0 0 no-repeat;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .navigation .btnCurry {
    display: none !important;
  }
}
#contents_block .navigation ul {
  float: left;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul {
    width: 654px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .navigation ul {
    float: none;
  }
}
#contents_block .navigation ul li {
  position: relative;
  display: inline-block;
}
#contents_block .navigation ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul li.btnTop {
    width: 327px;
    height: 70px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .navigation ul li.btnTop {
    width: 50%;
    height: 18.677vw;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul li.btnTop a {
    background: transparent url("../images/btn_top.png") 0 0 no-repeat;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .navigation ul li.btnTop a {
    background: transparent url("../images/btn_top_sp.png") 0 0 no-repeat;
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul li.btnTop a:hover {
    background: transparent url("../images/btn_top_on.png") 0 0 no-repeat;
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul li.btnRecipe {
    width: 327px;
    height: 70px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .navigation ul li.btnRecipe {
    width: 50%;
    height: 18.677vw;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul li.btnRecipe a {
    background: transparent url("../images/btn_recipe.png") 0 0 no-repeat;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .navigation ul li.btnRecipe a {
    background: transparent url("../images/btn_recipe_sp.png") 0 0 no-repeat;
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .navigation ul li.btnRecipe a:hover {
    background: transparent url("../images/btn_recipe_on.png") 0 0 no-repeat;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block.activeTop .navigation ul li.btnTop a {
    background: transparent url("../images/btn_top_on.png") 0 0 no-repeat;
  }
}
@media screen and (max-width: 750px) {
  #contents_block.activeTop .navigation ul li.btnTop a {
    background: transparent url("../images/btn_top_on_sp.png") 0 0 no-repeat;
    background-size: 100% auto;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block.activeRecipe .navigation ul li.btnRecipe a {
    background: transparent url("../images/btn_recipe_on.png") 0 0 no-repeat;
  }
}
@media screen and (max-width: 750px) {
  #contents_block.activeRecipe .navigation ul li.btnRecipe a {
    background: transparent url("../images/btn_recipe_on_sp.png") 0 0 no-repeat;
    background-size: 100% auto;
  }
}
#contents_block .btmArea {
  position: relative;
}
#contents_block .btmArea .btmBox {
  position: relative;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox {
    padding: 60px 0 70px;
    background: transparent url("../images/bg_btn.gif") 50% 0 no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox {
    padding: 25px 0 35px;
    background: transparent url("../images/bg_btn_sp.gif") 50% 0 no-repeat;
    background-size: cover;
  }
}
#contents_block .btmArea .btmBox:after {
  content: "";
  position: absolute;
  background: transparent url("../images/bg_white.jpg") 0 0 no-repeat;
  transform: translateX(50%) rotate(45deg);
  transform-origin: center center;
  right: 50%;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox:after {
    top: -26px;
    width: 52px;
    height: 52px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox:after {
    top: -18px;
    width: 36px;
    height: 36px;
  }
}
#contents_block .btmArea .btmBox .leftBox {
  position: relative;
  float: left;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox .leftBox {
    width: 490px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox .leftBox {
    padding-right: 4vw;
    width: 50%;
  }
}
#contents_block .btmArea .btmBox .rightBox {
  position: relative;
  float: right;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox .rightBox {
    width: 490px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox .rightBox {
    padding-left: 4vw;
    width: 50%;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox .rightBox .image01 {
    margin-left: 15px;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox .image01 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox .image01 {
    margin-bottom: 15px;
  }
}
#contents_block .btmArea .btmBox .title01 {
  position: absolute;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox .title01 {
    font-size: 2.2rem;
    top: -110px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox .title01 {
    font-size: 4.2vw;
    line-height: 1.2;
    top: -21vw;
  }
}
#contents_block .btmArea .btmBox dl {
  text-align: center;
}
#contents_block .btmArea .btmBox dl dt {
  font-weight: bold;
  color: #fff;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox dl dt {
    margin-bottom: 17px;
    font-size: 2.0rem;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .btmBox dl dt {
    margin-bottom: 13px;
    font-size: 3.73vw;
  }
}
#contents_block .btmArea .btmBox dl li {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .btmBox dl a {
    transition: all 0.3s ease;
  }
  #contents_block .btmArea .btmBox dl a:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share {
    padding: 40px 0;
    background-color: #fff;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .share {
    padding: 40px 0 80px;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox {
    margin: 0 auto;
    width: 565px;
    display: table;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox .logo {
    display: table-cell;
    width: 345px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .share .shareBox .logo {
    margin: 0 auto 25px;
    width: 66.6vw;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox dl {
    display: table-cell;
    width: 210px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .share .shareBox dl {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
#contents_block .btmArea .share .shareBox dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  color: #a2a2a2;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox dl dt {
    width: 6em;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .share .shareBox dl dt {
    width: 6em;
    font-size: 4.26vw;
  }
}
#contents_block .btmArea .share .shareBox dl dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0 6px;
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox dl dd {
    width: 58px;
  }
}
@media screen and (max-width: 750px) {
  #contents_block .btmArea .share .shareBox dl dd {
    width: 54px;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox dl dd img {
    width: 100%;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .btmArea .share .shareBox dl dd a {
    transition: all 0.3s ease;
  }
  #contents_block .btmArea .share .shareBox dl dd a:hover {
    opacity: 0.7;
  }
}
#contents_block .pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 66px;
  cursor: pointer;
  z-index: 50;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 750px) {
  #contents_block .pagetop {
    width: 50px;
    right: 4vw;
  }
}
@media print, screen and (min-width: 751px) {
  #contents_block .pagetop {
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
  }
  #contents_block .pagetop:hover {
    opacity: 0.7;
  }
}
#contents_block .pagetop img {
  width: 100%;
}
@media print, screen and (min-width: 751px) {
  #contents_block .pagetop:hover {
    opacity: 0.8 !important;
  }
}
#contents_block .pagetop.acitve {
  opacity: 1;
  pointer-events: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*# sourceMappingURL=style.css.map */