@charset "UTF-8";
/*init*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
  line-height: 1.4; }

ul, ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/**
 * easing
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #464646;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.4; }
  @media print, screen and (max-width: 640px) {
    html {
      font-size: 12px;
      font-size: 3.75vw; } }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%; }

a {
  text-decoration: none;
  color: #956a19; }
  a:hover {
    text-decoration: none; }

img {
  vertical-align: bottom; }

p {
  line-height: 1.4; }

strong {
  font-weight: bold;
  color: red; }

input {
  padding: 0;
  border: none;
  background: none; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  padding: 6px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom; }
  input[type=text]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder,
  input[type=datetime]::-webkit-input-placeholder,
  input[type=date]::-webkit-input-placeholder,
  input[type=month]::-webkit-input-placeholder,
  input[type=week]::-webkit-input-placeholder,
  input[type=time]::-webkit-input-placeholder,
  input[type=datetime-local]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #e2e2e2; }
  input[type=text]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder,
  input[type=datetime]:-ms-input-placeholder,
  input[type=date]:-ms-input-placeholder,
  input[type=month]:-ms-input-placeholder,
  input[type=week]:-ms-input-placeholder,
  input[type=time]:-ms-input-placeholder,
  input[type=datetime-local]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #e2e2e2; }
  input[type=text]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder,
  input[type=datetime]::-moz-placeholder,
  input[type=date]::-moz-placeholder,
  input[type=month]::-moz-placeholder,
  input[type=week]::-moz-placeholder,
  input[type=time]::-moz-placeholder,
  input[type=datetime-local]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #e2e2e2; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #EEEFFF;
  padding: 1em 1em 1em 3em;
  position: relative;
  border-left: 3px solid #666; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

.pci {
  display: inline; }
  @media print, screen and (max-width: 640px) {
    .pci {
      display: none; } }

.spi {
  display: none; }
  @media print, screen and (max-width: 640px) {
    .spi {
      display: inline; } }

.pc {
  display: block; }
  @media print, screen and (max-width: 640px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media print, screen and (max-width: 640px) {
    .sp {
      display: block; } }

.fl {
  float: left; }

.cr {
  cursor: default; }

.fade {
  -webkit-transition: opacity 0.1s ease-in-out 0s;
  -o-transition: opacity 0.1s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s; }
  .fade:hover {
    opacity: 0.7; }

.bgcolor_none {
  background-color: transparent !important; }

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px; }

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .cf {
  zoom: 1; }

/* IE7 */
*:first-child + html .cf {
  zoom: 1; }

.noBorder {
  border: none !important; }

.fwb {
  font-weight: bold; }

/*parts*/
.btn_TypeA {
  margin-top: 40px;
  text-align: center; }
  @media print, screen and (max-width: 640px) {
    .btn_TypeA {
      margin-top: 5%; } }
  .btn_TypeA a {
    display: inline-block;
    color: #555555;
    background: #FFF;
    font-size: 14px;
    padding: 15px 15px 15px 15px;
    line-height: 1.4;
    background: url(/assets/img/listIcon/arrow_green.png) no-repeat 10px center;
    text-align: center;
    border: 2px solid #9cc813;
    border-radius: 4px;
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .btn_TypeA a:hover {
      background: url(/assets/img/listIcon/arrow_green.png) no-repeat 10px center #ecf9c4; }
    @media print, screen and (max-width: 640px) {
      .btn_TypeA a {
        padding: 2.9%;
        width: 80%; } }

.btn_TypeB {
  margin-top: 20px;
  text-align: right; }
  @media print, screen and (max-width: 640px) {
    .btn_TypeB {
      margin: 5% auto 0;
      width: 90%; } }
  .btn_TypeB a {
    display: inline-block;
    color: #555555;
    background: #FFF;
    padding: 4px 15px 4px 25px;
    line-height: 1.4;
    background: url(/assets/img/listIcon/arrow_green.png) no-repeat 10px center;
    text-align: center;
    border: 2px solid #9cc813;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .btn_TypeB a:hover {
      background: url(/assets/img/listIcon/arrow_green.png) no-repeat 10px center #ecf9c4; }
    @media print, screen and (max-width: 640px) {
      .btn_TypeB a {
        padding: 1% 5% 1% 8%; } }

#all_wrap {
  width: 100%;
  background: url(/assets/img/common/bg_check01.png);
  overflow: hidden;
  border-top: solid 3px #3eb134; }

#contents_wrap {
  background: #fff;
  width: 1020px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 0px; }
  @media print, screen and (max-width: 640px) {
    #contents_wrap {
      width: auto;
      background: url(/assets/img/common/bg_check01.png); } }

#contents_wrap_inner {
  width: 940px;
  margin: 0 auto;
  padding-bottom: 40px; }
  @media print, screen and (max-width: 640px) {
    #contents_wrap_inner {
      width: auto;
      margin: 0 auto;
      background-color: #fff; } }

@media print, screen and (max-width: 640px) {
  .spInner {
    width: 90% !important;
    margin: 0 auto; } }

/* common */
a:hover img {
  opacity: 0.7; }

.ttlType_A {
  position: relative;
  font-size: 24px;
  color: #499e3d;
  padding-bottom: 5px;
  padding-left: 40px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  line-height: 1.2; }
  @media print, screen and (max-width: 640px) {
    .ttlType_A {
      width: 90%;
      margin: 5% auto 0;
      font-size: 20px;
      font-size: 6.25vw;
      padding-left: 10%;
      background-size: 8%; } }
  .ttlType_A--products {
    background: url(/assets/img/common/h_ico_products.png) no-repeat top left; }
  .ttlType_A--kotsu {
    background: url(/assets/img/common/h_ico_kotsu.png) no-repeat top left; }
  .ttlType_A--recipe {
    background: url(/assets/img/common/h_ico_recipe.png) no-repeat top left; }
  .ttlType_A--tvcm {
    background: url(/assets/img/common/h_ico_tvcm.png) no-repeat top left; }
  .ttlType_A--info {
    background: url(/assets/img/common/h_ico_information.png) no-repeat top left; }
  .ttlType_A--news {
    background: url(/assets/img/common/h_ico_news.png) no-repeat top left; }
  .ttlType_A--simple {
    padding-left: 5px; }
  .ttlType_A:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    background: url(/assets/img/common/h_icon_underline.png) repeat-x; }

.ttlType_B {
  margin-top: 40px;
  position: relative;
  background: #9cc813;
  border-radius: 5px;
  color: #FFF;
  font-size: 22px;
  padding: 24px 0 21px 20px;
  line-height: 1.4; }
  @media print, screen and (max-width: 640px) {
    .ttlType_B {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 90%;
      margin: 5% auto 0;
      font-size: 18px;
      font-size: 5.625vw;
      padding: 5.14706% 3% 5.14706% 3%;
      line-height: 1.4; } }
  .ttlType_B:after, .ttlType_B:before {
    content: " ";
    position: absolute;
    left: 1%;
    width: 98%;
    border-top: 2px dashed #FFF; }
  .ttlType_B:after {
    top: 7px; }
    @media print, screen and (max-width: 640px) {
      .ttlType_B:after {
        top: 10%; } }
  .ttlType_B:before {
    bottom: 7px; }
    @media print, screen and (max-width: 640px) {
      .ttlType_B:before {
        bottom: 10%; } }
  .ttlType_B--kkIcon {
    background: url(/assets/img/common/icon_kururi.png) no-repeat 10px center #9cc813;
    background-size: 70px;
    padding-left: 90px; }
    @media print, screen and (max-width: 640px) {
      .ttlType_B--kkIcon {
        background: url(/assets/img/common/icon_kururi.png) no-repeat 3% center #9cc813;
        background-size: 21%;
        padding-left: 23%; } }
  .ttlType_B--kcIcon {
    background: url(/assets/img/common/icon_kichinto.png) no-repeat 10px center #9cc813;
    background-size: 43px;
    padding-left: 60px; }
    @media print, screen and (max-width: 640px) {
      .ttlType_B--kcIcon {
        background: url(/assets/img/common/icon_kichinto.png) no-repeat 3% center #9cc813;
        background-size: 13%;
        padding-left: 17%; } }

.ttlType_C {
  margin-top: 30px;
  border-left: 5px solid #f78c24;
  padding: 15px 0 15px 15px;
  font-size: 18px;
  line-height: 1.2; }
  @media print, screen and (max-width: 640px) {
    .ttlType_C {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2% 3% 2% 3%;
      margin: 5% auto 0;
      font-size: 16px;
      font-size: 5vw;
      line-height: 1.2;
      margin-left: 5%; } }

.ttlType_E {
  margin-top: 30px;
  padding: 0 0 5px 1em;
  font-size: 18px;
  position: relative;
  line-height: 1.6; }
  .ttlType_E::before {
    content: " ";
    display: inline-block;
    width: .65em;
    height: .65em;
    background: #499e3d;
    vertical-align: bottom;
    top: .4em;
    bottom: 0;
    left: 0;
    position: absolute; }
  @media print, screen and (max-width: 640px) {
    .ttlType_E {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 90%;
      padding: 2% 0 2% 4%;
      margin: 5% auto 0;
      font-size: 16px;
      font-size: 5vw;
      line-height: 1.2; }
      .ttlType_E::before {
        margin: auto;
        top: 3vw;
        bottom: inherit; } }

.text_def {
  margin-top: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 1.8; }
  @media print, screen and (max-width: 640px) {
    .text_def {
      width: 90%;
      margin: 5% auto 0;
      font-size: 13px;
      font-size: 4.0625vw; } }
  .text_def img {
    width: 100%; }
  .text_def a {
    text-decoration: underline; }
    .text_def a:hover {
      text-decoration: none; }

.text_strong {
  font-weight: bold;
  color: red;
  font-style: normal; }

.ico_pdf {
  display: inline-block;
  background: url(/assets/img/common/icon_pdf01.png) 0 0 no-repeat;
  vertical-align: middle;
  min-width: 16px;
  min-height: 16px;
  margin: 0 4px 0 0; }

.pageLinkList {
  margin-top: 40px;
  margin-left: -12px;
  zoom: 1; }
  .pageLinkList:before, .pageLinkList:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .pageLinkList:after {
    clear: both; }
  @media print, screen and (max-width: 640px) {
    .pageLinkList {
      width: 90%;
      margin: 5% auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .pageLinkList:before, .pageLinkList:after {
        display: none; } }
  .pageLinkList.reverse .pageLinkList__item a {
    background: url(/assets/img/common/list_icon_arrow_green_up.png) no-repeat 10px center; }
    .pageLinkList.reverse .pageLinkList__item a:hover {
      background: url(/assets/img/common/list_icon_arrow_green_up.png) no-repeat 10px center #ecf9c4; }
  .pageLinkList__item {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    display: table;
    width: 226px;
    border: 2px solid #9cc813;
    float: left;
    margin-left: 12px;
    margin-bottom: 13px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      .pageLinkList__item {
        margin-left: 0px;
        width: 48.69565%;
        float: none;
        font-size: 13px;
        font-size: 4.0625vw; } }
    .pageLinkList__item a {
      display: table-cell;
      vertical-align: middle;
      color: #555555;
      padding-left: 40px;
      padding-right: 10px;
      line-height: 1.2;
      background: url(/assets/img/common/list_icon_arrow_green.png) no-repeat 10px center; }
      .pageLinkList__item a:hover {
        background: url(/assets/img/common/list_icon_arrow_green.png) no-repeat 10px center #ecf9c4; }
      @media print, screen and (max-width: 640px) {
        .pageLinkList__item a {
          padding: 5% 3% 5% 20%; } }

.basicLinkList, #tvcm .pageback--link {
  zoom: 1;
  margin-top: 20px;
  margin-left: -15px; }
  .basicLinkList:before, #tvcm .pageback--link:before, .basicLinkList:after, #tvcm .pageback--link:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .basicLinkList:after, #tvcm .pageback--link:after {
    clear: both; }
  @media print, screen and (max-width: 640px) {
    .basicLinkList, #tvcm .pageback--link {
      width: 90%;
      margin: 5% auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .basicLinkList:before, #tvcm .pageback--link:before {
        display: none; }
      .basicLinkList:after, #tvcm .pageback--link:after {
        display: none; } }
  .basicLinkList__item {
    border: 2px solid #9cc813;
    border-radius: 4px;
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    background: url(/assets/img/listIcon/arrow_green.png) no-repeat 10px center; }
    .basicLinkList__item:hover {
      background: url(/assets/img/listIcon/arrow_green.png) no-repeat 10px center #ecf9c4; }
    @media print, screen and (max-width: 640px) {
      .basicLinkList__item {
        width: 48%;
        margin-left: 0px;
        float: none;
        min-height: 23vw;
        display: table; } }
    .basicLinkList__item a {
      color: #555555;
      font-size: 14px;
      display: block;
      padding: 15px 15px 15px 25px;
      line-height: 1.4; }
      @media print, screen and (max-width: 640px) {
        .basicLinkList__item a {
          font-size: 13px;
          font-size: 4.0625vw;
          padding: 5% 4.5% 5% 16%;
          display: table-cell;
          vertical-align: middle; } }

.prodCharaList {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media print, screen and (max-width: 640px) {
    .prodCharaList {
      width: 90%;
      margin: 5% auto 0; }
      .prodCharaList img {
        max-width: 100%; } }
  .prodCharaList .prodCharaListItem {
    width: 454px;
    margin-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      .prodCharaList .prodCharaListItem {
        width: 100%;
        margin-bottom: 10%; } }
    .prodCharaList .prodCharaListItem--long {
      width: 100%; }
    .prodCharaList .prodCharaListItem__ttl {
      position: relative;
      display: table;
      width: 100%;
      font-size: 18px;
      font-weight: bold;
      line-height: 2;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-bottom: 2px solid #73C06F;
      line-height: 1.2; }
      @media print, screen and (max-width: 640px) {
        .prodCharaList .prodCharaListItem__ttl {
          font-size: 16px;
          font-size: 5vw;
          padding-left: 10vw;
          padding-bottom: 2vw; } }
      .prodCharaList .prodCharaListItem__ttl:before {
        content: "";
        position: absolute;
        left: 0;
        top: 25px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        vertical-align: middle;
        color: #FFF;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        display: table-cell;
        background: #73C06F;
        line-height: 2; }
        @media print, screen and (max-width: 640px) {
          .prodCharaList .prodCharaListItem__ttl:before {
            height: 8vw;
            width: 8vw;
            top: 6vw;
            font-size: 14px;
            font-size: 4.375vw; } }
    .prodCharaList .prodCharaListItem:nth-child(1) .prodCharaListItem__ttl:before {
      content: "1"; }
    .prodCharaList .prodCharaListItem:nth-child(2) .prodCharaListItem__ttl:before {
      content: "2"; }
    .prodCharaList .prodCharaListItem:nth-child(3) .prodCharaListItem__ttl:before {
      content: "3"; }
    .prodCharaList .prodCharaListItem:nth-child(4) .prodCharaListItem__ttl:before {
      content: "4"; }
    .prodCharaList .prodCharaListItem:nth-child(5) .prodCharaListItem__ttl:before {
      content: "5"; }
    .prodCharaList .prodCharaListItem:nth-child(6) .prodCharaListItem__ttl:before {
      content: "6"; }
    .prodCharaList .prodCharaListItem:nth-child(7) .prodCharaListItem__ttl:before {
      content: "7"; }
    .prodCharaList .prodCharaListItem:nth-child(8) .prodCharaListItem__ttl:before {
      content: "8"; }
    .prodCharaList .prodCharaListItem:nth-child(9) .prodCharaListItem__ttl:before {
      content: "9"; }
    .prodCharaList .prodCharaListItem:nth-child(10) .prodCharaListItem__ttl:before {
      content: "10"; }
    .prodCharaList .prodCharaListItem__text {
      margin-top: 15px; }
      @media print, screen and (max-width: 640px) {
        .prodCharaList .prodCharaListItem__text {
          font-size: 13px;
          font-size: 4.0625vw; } }
    .prodCharaList .prodCharaListItem__img {
      margin-top: 15px;
      text-align: center;
      margin-bottom: 50px; }
      .prodCharaList .prodCharaListItem__img img {
        max-width: 100%; }
      @media print, screen and (max-width: 640px) {
        .prodCharaList .prodCharaListItem__img img {
          width: 80%; } }
  @media print, screen and (max-width: 640px) and (max-width: 640px) {
    .prodCharaList .prodCharaListItem__img img.small {
      width: 40%;
      margin-top: 5%; } }

/*このレシピを使用した商品*/
.useProducts__list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 640px) {
    .useProducts__list {
      margin-top: 5%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 5%; } }

.useProducts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 300px;
  margin-right: 13px;
  margin-bottom: 20px; }
  @media print, screen and (max-width: 640px) {
    .useProducts__item {
      margin-right: 0%;
      margin-bottom: 5%;
      width: auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  .useProducts__item:last-child {
    margin-right: 0%; }
  .useProducts__item--image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 121px;
    max-width: 121px;
    border: 1px solid #ccc; }
    @media print, screen and (max-width: 640px) {
      .useProducts__item--image {
        min-width: auto;
        max-width: 30%; } }
    .useProducts__item--image img {
      width: 100%; }
  .useProducts__item--text {
    width: auto;
    margin: auto;
    margin-left: 10px; }
    @media print, screen and (max-width: 640px) {
      .useProducts__item--text {
        width: 66%; } }
  .useProducts__item--textTtl {
    width: 165px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: auto; }
    @media print, screen and (max-width: 640px) {
      .useProducts__item--textTtl {
        width: 100%;
        font-size: 14px;
        font-size: 4.375vw;
        margin-right: auto;
        margin-left: 0; } }
    .useProducts__item--textTtl a {
      text-decoration: underline;
      font-weight: bold; }
      .useProducts__item--textTtl a:hover {
        text-decoration: none; }

.kotsu {
  border-radius: 10px;
  position: relative; }
  .kotsu .kotsu_listArea {
    padding-top: 10px; }
    .kotsu .kotsu_listArea .list {
      padding-top: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%; }
      .kotsu .kotsu_listArea .list li {
        width: 282px;
        padding-left: 5px;
        position: relative;
        margin-bottom: 20px;
        height: 115px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 4.8%; }
        .kotsu .kotsu_listArea .list li:last-child {
          margin-right: 0%; }
        .kotsu .kotsu_listArea .list li .img_flame {
          float: left;
          position: relative;
          top: 12px; }
          .kotsu .kotsu_listArea .list li .img_flame a:hover img {
            opacity: .7; }
      .kotsu .kotsu_listArea .list li .text_flame {
        float: left;
        margin: 20px 0 0 15px;
        width: 140px; }
        .kotsu .kotsu_listArea .list li .text_flame p.categoly {
          color: #408d34; }
          .kotsu .kotsu_listArea .list li .text_flame p.categoly a {
            color: #408d34; }
        .kotsu .kotsu_listArea .list li .text_flame p.title {
          color: #7f581a;
          font-size: 14px;
          font-weight: bold;
          text-decoration: underline;
          line-height: 21px; }
  @media print, screen and (max-width: 640px) {
    .kotsu .kotsu_listArea .list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .kotsu .kotsu_listArea .list li {
        width: 90%; }
        .kotsu .kotsu_listArea .list li .img_flame {
          width: 47.2463%; }
          .kotsu .kotsu_listArea .list li .img_flame img {
            width: 100%; }
          .kotsu .kotsu_listArea .list li .img_flame .flame_mask {
            width: 100%; }
        .kotsu .kotsu_listArea .list li .text_flame {
          max-width: 42.7537%;
          margin: 10px 0 0 10px; }
          .kotsu .kotsu_listArea .list li .text_flame p.categoly,
          .kotsu .kotsu_listArea .list li .text_flame p.title {
            font-size: 15px;
            font-weight: bold; }
          .kotsu .kotsu_listArea .list li .text_flame p.categoly {
            margin-bottom: 5px; } }

.sRecipeList {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 640px) {
    .sRecipeList {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .sRecipeList__item {
    position: relative;
    width: 146px;
    height: 172px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    -webkit-box-shadow: #e8e8e8 0 1px 1px 1px;
    box-shadow: #e8e8e8 0 1px 1px 1px;
    margin: 0 19px 30px 19px;
    background: url(/assets/img/common/new_list_bg.png); }
    @media print, screen and (max-width: 640px) {
      .sRecipeList__item {
        width: 46%;
        height: auto;
        margin: 0 0 5% 0;
        padding-bottom: 5%; } }
    .sRecipeList__item.new:before {
      content: url(/assets/img/common/new_tag.png);
      position: absolute;
      top: -4px;
      left: -4px;
      z-index: 10; }
    .sRecipeList__item a {
      display: block;
      font-weight: bold; }
  .sRecipeList__imageFrame {
    position: relative;
    height: 93px;
    width: 85%;
    margin: 10px auto;
    border: 4px solid #FFF;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    overflow: hidden;
    -webkit-box-shadow: #d8d8d8 0 2px 7px 1px;
    box-shadow: #d8d8d8 0 2px 7px 1px; }
    .sRecipeList__imageFrame img {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .sRecipeList__text {
    padding: 0 7%;
    margin-left: 5%;
    text-decoration: underline; }

.LRecipeList {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 640px) {
    .LRecipeList {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 90%;
      margin: 5% auto 0; } }
  .LRecipeList__item {
    position: relative;
    padding: 7px 5px;
    background: url(/assets/img/common/new_list_bg.png);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 298px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: #e8e8e8 0 1px 1px 1px;
    box-shadow: #e8e8e8 0 1px 1px 1px;
    margin: 5px 22px 30px 0px; }
    @media print, screen and (max-width: 640px) {
      .LRecipeList__item {
        margin: 3% 0px 3% 0px;
        width: 100%; } }
    .LRecipeList__item:last-child {
      margin: 5px 0px 30px 0px; }
  .LRecipeList__frontTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      .LRecipeList__frontTop {
        width: 100%;
        height: auto;
        margin: 0 0 0% 0;
        padding-bottom: 0%; } }
    .LRecipeList__frontTop.new:before {
      content: url(/assets/img/common/new_tag.png);
      position: absolute;
      top: -4px;
      left: -4px;
      z-index: 10; }
    .LRecipeList__frontTop a {
      display: block; }
  .LRecipeList__imageFrame {
    width: 40%;
    margin: 5px auto;
    border: 4px solid #FFF;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    overflow: hidden;
    -webkit-box-shadow: #d8d8d8 0 2px 7px 1px;
    box-shadow: #d8d8d8 0 2px 7px 1px;
    margin-bottom: auto; }
    @media print, screen and (max-width: 640px) {
      .LRecipeList__imageFrame {
        margin: 3% auto; } }
    .LRecipeList__imageFrame img {
      width: 100%; }
  .LRecipeList__links {
    width: 50%; }
    .LRecipeList__links--A {
      margin-top: 10px; }
      @media print, screen and (max-width: 640px) {
        .LRecipeList__links--A {
          margin-top: 5%; } }
      .LRecipeList__links--A a {
        text-decoration: underline;
        color: #4c9d42;
        font-weight: bold; }
        @media print, screen and (max-width: 640px) {
          .LRecipeList__links--A a {
            font-size: 13px;
            font-size: 4.0625vw; } }
    .LRecipeList__links--B {
      margin-top: 5px; }
      .LRecipeList__links--B a {
        text-decoration: underline;
        font-weight: bold; }
        @media print, screen and (max-width: 640px) {
          .LRecipeList__links--B a {
            font-size: 13px;
            font-size: 4.0625vw; } }
        .LRecipeList__links--B a:before {
          padding-right: 5px; }
  .LRecipeList__underText {
    margin-top: 10px;
    padding: 0 5px; }
    @media print, screen and (max-width: 640px) {
      .LRecipeList__underText {
        margin-top: 3%;
        padding: 0 3%; } }

.pageTxtLinkList {
  width: 100%;
  margin: 0 auto 0;
  padding: 10px 0 0;
  background: #fff;
  height: auto; }
  @media print, screen and (max-width: 640px) {
    .pageTxtLinkList {
      width: 90%;
      padding: 0;
      margin: 10% auto 0; } }
  .pageTxtLinkList .block1 a {
    color: #555;
    text-decoration: none; }
  .pageTxtLinkList .block1 .inner_wrap {
    zoom: 1;
    margin: 30px 0;
    padding: 0 0px;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .pageTxtLinkList .block1 .inner_wrap:before, .pageTxtLinkList .block1 .inner_wrap:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .pageTxtLinkList .block1 .inner_wrap:after {
      clear: both; }
    @media print, screen and (max-width: 640px) {
      .pageTxtLinkList .block1 .inner_wrap {
        margin: 0;
        padding: 0; } }
    .pageTxtLinkList .block1 .inner_wrap .f_category {
      margin-bottom: 10px; }
      @media print, screen and (max-width: 640px) {
        .pageTxtLinkList .block1 .inner_wrap .f_category {
          line-height: 1.4em;
          font-size: 15px;
          font-size: 4.6875vw; }
          .pageTxtLinkList .block1 .inner_wrap .f_category:before {
            content: ""; } }
      .pageTxtLinkList .block1 .inner_wrap .f_category:before {
        content: url(/assets/img/footer/ar01.png);
        margin-right: 8px;
        position: relative;
        top: 3px; }
      .pageTxtLinkList .block1 .inner_wrap .f_category ul {
        margin-top: 20px; }
        @media print, screen and (max-width: 640px) {
          .pageTxtLinkList .block1 .inner_wrap .f_category ul {
            margin-top: 2%; } }
      .pageTxtLinkList .block1 .inner_wrap .f_category li {
        margin-bottom: 15px; }
        @media print, screen and (max-width: 640px) {
          .pageTxtLinkList .block1 .inner_wrap .f_category li {
            font-size: 13px;
            font-size: 4.0625vw;
            margin-bottom: 0;
            margin-top: 3%; } }
        .pageTxtLinkList .block1 .inner_wrap .f_category li a {
          background: url(/assets/img/footer/ar02.png) no-repeat left 0.1em;
          display: inline-block;
          padding-left: 1em; }
  .pageTxtLinkList .block1 .inner_wrap > li {
    width: 30%;
    margin-right: 3%;
    margin-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      .pageTxtLinkList .block1 .inner_wrap > li {
        float: none;
        margin-right: 0;
        width: 100%; } }

.categoryList .contents_wrap {
  margin: 20px 0 10px;
  padding: 20px 29px;
  background-color: #fffee8;
  background-position: 10px 30px;
  border: 2px solid #e2ecc3;
  border-radius: 16px;
  position: relative; }
  @media print, screen and (max-width: 640px) {
    .categoryList .contents_wrap {
      margin: 10% 0 5%;
      padding: 10% 5%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.categoryList .category ul {
  display: table; }
  @media print, screen and (max-width: 640px) {
    .categoryList .category ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .categoryList .category ul li {
    display: table-cell;
    width: 146.3px;
    height: 110px;
    vertical-align: top;
    text-align: center;
    color: #4c9d42; }
    @media print, screen and (max-width: 640px) {
      .categoryList .category ul li {
        display: block;
        width: 46%;
        height: auto;
        margin-bottom: 5%; }
        .categoryList .category ul li img {
          width: 100%; } }
    .categoryList .category ul li p {
      margin-top: 10px;
      color: #4c9d42; }
    .categoryList .category ul li a {
      text-decoration: none; }

.recipe_search_area {
  width: 820px;
  margin: 40px auto 0; }
  @media print, screen and (max-width: 640px) {
    .recipe_search_area {
      width: 90%;
      margin: 20px auto; } }
  .recipe_search_area.simple {
    width: 940px;
    margin: 40px auto 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #d9edd1;
    border-radius: 10px;
    margin-bottom: 40px; }
    @media print, screen and (max-width: 640px) {
      .recipe_search_area.simple {
        border: 0px solid #d9edd1;
        width: 90%;
        margin: 20px auto; } }
    .recipe_search_area.simple .formArea {
      width: 840px;
      margin: 0 auto;
      padding: 20px 0; }
      @media print, screen and (max-width: 640px) {
        .recipe_search_area.simple .formArea {
          width: 100%;
          margin: 0; } }
  .recipe_search_area .formArea {
    zoom: 1; }
    .recipe_search_area .formArea:before, .recipe_search_area .formArea:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .recipe_search_area .formArea:after {
      clear: both; }
    .recipe_search_area .formArea .searchTitleImg {
      float: left; }
      @media print, screen and (max-width: 640px) {
        .recipe_search_area .formArea .searchTitleImg {
          float: none;
          text-align: center;
          margin-bottom: 1em; } }
    .recipe_search_area .formArea .formControlArea {
      float: left;
      width: 578px;
      margin: 0 0 0 20px; }
      .recipe_search_area .formArea .formControlArea .input_Box {
        position: relative;
        margin: 4px 0 0 0;
        padding: 0 0 0 20px;
        border: 1px solid #4c9d42;
        background-color: #fff;
        border-radius: 30px; }
        .recipe_search_area .formArea .formControlArea .input_Box input {
          height: 30px;
          line-height: 30px;
          padding: 6px;
          border: none; }
          .recipe_search_area .formArea .formControlArea .input_Box input:focus {
            outline: none;
            background-color: none; }
        .recipe_search_area .formArea .formControlArea .input_Box input[type="text"] {
          width: 80%;
          background-color: none; }
        .recipe_search_area .formArea .formControlArea .input_Box .search_btn {
          position: absolute;
          right: 0;
          top: 0; }
      @media print, screen and (max-width: 640px) {
        .recipe_search_area .formArea .formControlArea {
          width: 100%;
          margin: 0; } }
  .recipe_search_area .search_tag {
    zoom: 1;
    margin: 10px 0 0 260px; }
    .recipe_search_area .search_tag:before, .recipe_search_area .search_tag:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .recipe_search_area .search_tag:after {
      clear: both; }
    .recipe_search_area .search_tag li {
      float: left;
      margin-right: 25px; }
      @media print, screen and (max-width: 640px) {
        .recipe_search_area .search_tag li {
          width: 50%;
          margin-right: 0px; } }
      .recipe_search_area .search_tag li:before {
        content: url(/assets/img/common/ar_04.png);
        margin-right: 6px; }
      .recipe_search_area .search_tag li a {
        color: #499e3d; }
    @media print, screen and (max-width: 640px) {
      .recipe_search_area .search_tag {
        margin: 1em; } }
  .recipe_search_area .search_tab .search_tab_list {
    zoom: 1;
    margin: 10px 0 0; }
    .recipe_search_area .search_tab .search_tab_list:before, .recipe_search_area .search_tab .search_tab_list:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .recipe_search_area .search_tab .search_tab_list:after {
      clear: both; }
    .recipe_search_area .search_tab .search_tab_list li {
      float: left;
      width: 197px;
      height: 37px;
      line-height: 37px;
      margin-left: 4px;
      background: url(/assets/img/common/ar_02.png) 176px center no-repeat #fff;
      border: 2px solid #c4c4c4;
      border-bottom: 2px solid #fff;
      border-radius: 5px 5px 0 0;
      position: relative;
      behavior: url(/assets/css/PIE.htc);
      text-align: center;
      cursor: pointer; }
      .recipe_search_area .search_tab .search_tab_list li:first-child {
        margin-left: 0; }
      .recipe_search_area .search_tab .search_tab_list li.current {
        position: relative;
        top: 0;
        border-top: 5px solid #499e3d;
        border-left: 2px solid #499e3d;
        border-right: 2px solid #499e3d;
        border-bottom: none;
        background-color: #FFF;
        z-index: 2; }
      @media print, screen and (max-width: 640px) {
        .recipe_search_area .search_tab .search_tab_list li {
          width: 22%;
          height: auto;
          margin-left: 1%;
          padding: 1% 0 20px;
          line-height: 1.4;
          font-size: 11px;
          background: url(/assets/img/common/ar_02.png) bottom center no-repeat; } }
    @media print, screen and (max-width: 640px) {
      .recipe_search_area .search_tab .search_tab_list .txt01 {
        display: block; } }
  .recipe_search_area .search_tab .tab {
    position: relative;
    width: 800px;
    margin-top: -2px;
    padding: 22px 0 22px 20px;
    background-color: #fff;
    border: 2px solid #499e3d;
    z-index: 1;
    display: none; }
    .recipe_search_area .search_tab .tab.show {
      display: block; }
    .recipe_search_area .search_tab .tab ul {
      zoom: 1; }
      .recipe_search_area .search_tab .tab ul:before, .recipe_search_area .search_tab .tab ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      .recipe_search_area .search_tab .tab ul:after {
        clear: both; }
    .recipe_search_area .search_tab .tab li {
      float: left;
      width: 30%;
      margin: 0 10px 10px 0;
      padding-left: 1em;
      text-indent: -1em; }
      .recipe_search_area .search_tab .tab li:before {
        content: "◆";
        color: #499e3d;
        margin-right: .5em; }
      .recipe_search_area .search_tab .tab li a {
        color: #499e3d;
        font-weight: bold;
        text-decoration: underline; }
      @media print, screen and (max-width: 640px) {
        .recipe_search_area .search_tab .tab li {
          width: 40%;
          margin-right: 2%;
          font-size: 11px;
          float: none;
          vertical-align: top;
          display: inline-block; } }
    @media print, screen and (max-width: 640px) {
      .recipe_search_area .search_tab .tab {
        width: auto;
        padding: 4%;
        font-size: 11px; } }

.localBanner {
  margin-top: 20px; }
  @media print, screen and (max-width: 640px) {
    .localBanner {
      margin-top: 10%;
      padding: 0 5%; } }
  .localBanner__nadia {
    text-align: right; }
    @media print, screen and (max-width: 640px) {
      .localBanner__nadia {
        width: 80;
        text-align: center; }
        .localBanner__nadia img {
          width: 100%; } }
  .localBanner__list {
    margin-top: 20px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      .localBanner__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .localBanner__item {
    display: inline-block;
    margin: 10px; }
    @media print, screen and (max-width: 640px) {
      .localBanner__item {
        width: 47%;
        margin: 0 0 5%; }
        .localBanner__item img {
          width: 100%; } }

.mainBanner {
  text-align: center;
  margin-top: 30px; }
  @media print, screen and (max-width: 640px) {
    .mainBanner {
      width: 90%;
      margin: 10% auto 0; }
      .mainBanner img {
        width: 100%; } }

/*Q&A-----------------------------------------------------------
------------------------------------------------------------------------*/
@media print, screen and (max-width: 640px) {
  .qa_wrap {
    padding: 0 5%; } }

.qa_wrap ul.links {
  margin-top: 20px; }
  .qa_wrap ul.links li {
    text-align: center;
    float: left;
    line-height: 2em;
    margin-right: 32px; }

.qa_wrap dl._toggle {
  margin-top: 20px; }
  .qa_wrap dl._toggle dt {
    background-color: #fff6b1;
    display: table;
    cursor: pointer;
    width: 100%;
    margin-top: 20px; }
    .qa_wrap dl._toggle .fr {
        margin: 10px;
        padding-right: 10px;
        display: table-cell;
        vertical-align: middle;
        width: 30px;
    }

    .qa_wrap dl._toggle .fr img{
        width: 100%;
    }

    @media print, screen and (max-width: 640px) {
      .qa_wrap dl._toggle dt {
        display: block;
        position: relative; } }
    .qa_wrap dl._toggle dt:hover {
      background: url(/assets/img/qa/qa_dtHover.png) repeat-x top #ffda76; }
    .qa_wrap dl._toggle dt div.q_int {
      display: table-cell;
      vertical-align: top;
      width: 50px; }
      @media print, screen and (max-width: 640px) {
        .qa_wrap dl._toggle dt div.q_int {
          display: block;
          position: absolute;
          top: 0;
          left: 5%;
          padding-top: .5em; } }
      .qa_wrap dl._toggle dt div.q_int > span {
        background: #F0920C;
        padding: 3px 0;
        width: 50px;
        margin-top: 15px;
        margin-left: 10px;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        border-radius: 5px;
        display: inline-block; }
        @media print, screen and (max-width: 640px) {
          .qa_wrap dl._toggle dt div.q_int > span {
            margin-top: 0.2em;
            margin-left: 0px; } }
    .qa_wrap dl._toggle dt p.fl {
      padding: 1em 0 1em 1em;
      display: table-cell;
      vertical-align: middle;
      width: 800px;
      /*background:url(/common/img/q_bg01.png) no-repeat 9px;    */ }
      @media print, screen and (max-width: 640px) {
        .qa_wrap dl._toggle dt p.fl {
          padding: 5% 12% 5% 5%;
          padding-top: 3em;
          display: block;
          width: auto; }
          .qa_wrap dl._toggle dt p.fl.noNum {
            padding-top: 5%; } }
    .qa_wrap dl._toggle dt > span {
      margin: 10px;
      padding-right: 10px;
      display: table-cell;
      vertical-align: middle;
      width: 30px; }
      .qa_wrap dl._toggle dt > span img {
        width: 100%; }
      @media print, screen and (max-width: 640px) {
        .qa_wrap dl._toggle dt > span {
          margin: 0;
          padding-right: 0;
          width: 8%;
          display: block;
          position: absolute;
          top: 50%;
          right: 2%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
          .qa_wrap dl._toggle dt > span img {
            width: 100%; } }
  .qa_wrap dl._toggle dd {
    border: #FFEAAD solid 2px;
    margin-bottom: 20px;
    display: none;
    background: #FFFFFF; }
    .qa_wrap dl._toggle dd div.a_bg_wrap {
      margin: 30px 20px 30px 20px;
      background: url(/assets/img/qa/a_bg01.png) no-repeat left 0px;
      padding-left: 35px;
      min-height: 25px; }
      @media print, screen and (max-width: 640px) {
        .qa_wrap dl._toggle dd div.a_bg_wrap {
          margin: 5%;
          padding-top: 10%;
          padding-left: 0px; } }
      .qa_wrap dl._toggle dd div.a_bg_wrap p {
        line-height: 1.5em;
        padding-right: 45px; }
        @media print, screen and (max-width: 640px) {
          .qa_wrap dl._toggle dd div.a_bg_wrap p {
            padding-right: 0;
            margin-top: 3%; } }
      .qa_wrap dl._toggle dd div.a_bg_wrap div.qa_colLeft {
        float: left;
        width: 380px; }
        @media print, screen and (max-width: 640px) {
          .qa_wrap dl._toggle dd div.a_bg_wrap div.qa_colLeft {
            float: none;
            width: auto; } }
      .qa_wrap dl._toggle dd div.a_bg_wrap div.qa_colRight {
        float: right;
        width: 400px;
        padding-right: 45px; }
        @media print, screen and (max-width: 640px) {
          .qa_wrap dl._toggle dd div.a_bg_wrap div.qa_colRight {
            float: none;
            width: auto;
            padding-right: 0; }
            .qa_wrap dl._toggle dd div.a_bg_wrap div.qa_colRight iframe {
              width: 100%;
              margin-top: 3%; } }
        .qa_wrap dl._toggle dd div.a_bg_wrap div.qa_colRight div.qa_movie {
          cursor: pointer; }
      .qa_wrap dl._toggle dd div.a_bg_wrap div img {
        width: 100%; }
      .qa_wrap dl._toggle dd div.a_bg_wrap .mt20 {
        margin-top: 20px; }
      .qa_wrap dl._toggle dd div.a_bg_wrap .mt10 {
        margin-top: 10px; }
      .qa_wrap dl._toggle dd div.a_bg_wrap .mt50 {
        margin-top: 20px; }
      .qa_wrap dl._toggle dd div.a_bg_wrap .pt15 {
        margin-top: 10px; }
      .qa_wrap dl._toggle dd div.a_bg_wrap .cf {
        zoom: 1; }
        .qa_wrap dl._toggle dd div.a_bg_wrap .cf:before, .qa_wrap dl._toggle dd div.a_bg_wrap .cf:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        .qa_wrap dl._toggle dd div.a_bg_wrap .cf:after {
          clear: both; }
      .qa_wrap dl._toggle dd div.a_bg_wrap table.qa_table {
        margin-top: 20px;
        border: 1px solid #CCCCCC;
        width: 820px; }
        @media print, screen and (max-width: 640px) {
          .qa_wrap dl._toggle dd div.a_bg_wrap table.qa_table {
            width: 100%; } }
        .qa_wrap dl._toggle dd div.a_bg_wrap table.qa_table th {
          padding: 10px;
          border: 1px solid #CCCCCC;
          text-align: center;
          vertical-align: middle;
          background: #499E3D;
          color: #FFF; }
        .qa_wrap dl._toggle dd div.a_bg_wrap table.qa_table td {
          padding: 10px;
          border: 1px solid #CCCCCC;
          text-align: center;
          vertical-align: middle; }

.information_tel {
  font-size: 24px; }
  @media print, screen and (max-width: 640px) {
    .information_tel {
      font-size: 15px;
      font-size: 4.6875vw; } }

.coSummaryBox {
  margin-top: 40px;
  border: 2px solid #f78c24;
  border-radius: 5px;
  padding: 10px 20px;
  position: relative; }
  @media print, screen and (max-width: 640px) {
    .coSummaryBox {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 90%;
      margin: 10% auto 0;
      padding: 5%; } }
  .coSummaryBox__ttl {
    font-size: 16px;
    font-weight: bold; }
    @media print, screen and (max-width: 640px) {
      .coSummaryBox__ttl {
        font-size: 14px;
        font-size: 4.375vw; } }
  .coSummaryBox__boxWrap {
    border-bottom: 1px solid #f78c24;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      .coSummaryBox__boxWrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .coSummaryBox__boxWrap--noBorder {
      border-bottom: 0px solid #f78c24; }
  .coSummaryBox__box {
    width: 50%; }
    @media print, screen and (max-width: 640px) {
      .coSummaryBox__box {
        width: 100%;
        margin-top: 2%; } }
    .coSummaryBox__box > p:first-child {
      margin-bottom: 10px; }
      @media print, screen and (max-width: 640px) {
        .coSummaryBox__box > p:first-child {
          margin-bottom: 2%; } }
    .coSummaryBox__box .boText {
      font-size: 16px;
      font-weight: bold; }
      @media print, screen and (max-width: 640px) {
        .coSummaryBox__box .boText {
          font-size: 12px;
          font-size: 3.75vw; } }
    .coSummaryBox__box .bold {
      font-weight: bold; }

.qaMovieList--3col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media print, screen and (max-width: 640px) {
    .qaMovieList--3col {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .qaMovieList--3col li {
    width: 30%; }
    @media print, screen and (max-width: 640px) {
      .qaMovieList--3col li {
        width: 100%; } }
    .qaMovieList--3col li iframe {
      width: 100%; }
    .qaMovieList--3col li p {
      min-height: 3.5em; }

.breadcrumbs {
  font-size: 12px;
  margin-top: 20px;
  line-height: 1.4; }
  @media print, screen and (max-width: 640px) {
    .breadcrumbs {
      padding: 10px; } }

/*showcase -----------------------------------------------------------
-------------------------------------------------------------------*/
.showcase_list {
  padding-top: 10px;
  background: url(/common/img/bg_line04.png) repeat-x top; }
  .showcase_list .showcase_list_ovfh {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden; }
  .showcase_list .showcase_list_ovfh #showcase_list_wrap {
    position: relative;
    width: 600%; }
  .showcase_list .showcase_list_ovfh #showcase_list_btn_L {
    position: absolute;
    left: 0px;
    top: 80px;
    z-index: 10; }
  .showcase_list .showcase_list_ovfh #showcase_list_btn_R {
    position: absolute;
    right: 0px;
    top: 80px;
    z-index: 10; }
  .showcase_list .list {
    float: left;
    width: 860px;
    padding: 20px 20px; }
  .showcase_list .list li {
    float: left;
    position: relative;
    margin: 0 10px;
    width: 152px;
    height: 180px;
    background: url(/assets/img/common/showcase_circle.png) no-repeat 0px 0px; }
  .showcase_list .list li.last {
    margin: 0; }
  .showcase_list .list li .nav {
    position: absolute;
    left: 0px;
    bottom: 5px; }

/*elements*/
#footer_area {
  width: 1020px;
  margin: 0 auto 0;
  padding: 110px 0 0;
  background: #fff;
  height: auto; }
  #footer_area .pagetop_area {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #d1e591; }
    @media print, screen and (max-width: 640px) {
      #footer_area .pagetop_area {
        padding: 5% 0;
        background-color: #9cc813; } }
    #footer_area .pagetop_area .pagetop {
      position: absolute;
      width: 128px;
      height: 40px;
      top: -40px;
      right: 40px;
      background: #fff;
      border: 1px solid #d1e591;
      border-bottom: 1px solid #fff;
      border-radius: 8px 8px 0 0/8px 8px 0 0;
      behavior: url(/assets/css/PIE.htc); }
      #footer_area .pagetop_area .pagetop img {
        margin: 1em 2em; }
        @media print, screen and (max-width: 640px) {
          #footer_area .pagetop_area .pagetop img {
            margin: 0;
            width: 100%; } }
      @media print, screen and (max-width: 640px) {
        #footer_area .pagetop_area .pagetop {
          position: relative;
          width: 50%;
          height: auto;
          margin: 0 auto;
          top: 0;
          right: inherit;
          background: none;
          border: none; } }
  @media print, screen and (max-width: 640px) {
    #footer_area {
      width: auto;
      padding: 0; } }
  #footer_area .footer1 a {
    color: #555;
    text-decoration: none; }
  #footer_area .footer1 .footer_wrap {
    zoom: 1;
    margin: 30px 0;
    padding: 0 40px;
    line-height: 3; }
    #footer_area .footer1 .footer_wrap .onikyouLink {
    margin: 10px auto 20px;
    width: 168px;
    height: 136px;
    display: block; }
    #footer_area .footer1 .footer_wrap .onikyouLink img {
      width: 168px;
      height: 136px;
       }
  @media print, screen and (max-width: 640px) {
    #footer_area .footer1 .footer_wrap .onikyouLink {
    margin: 20px auto 20px;
    width: 105px;
    height: 85px;
    display: block; }
    #footer_area .footer1 .footer_wrap .onikyouLink img {
      width: 105px;
      height: 85px; } }
    #footer_area .footer1 .footer_wrap:before, #footer_area .footer1 .footer_wrap:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #footer_area .footer1 .footer_wrap:after {
      clear: both; }
    #footer_area .footer1 .footer_wrap .f_category:before {
      content: url(/assets/img/footer/ar01.png);
      margin-right: 8px;
      position: relative;
      top: 3px; }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .footer_wrap .f_category {
        padding-left: 3em;
        font-size: 13px;
        font-size: 4.0625vw; }
        #footer_area .footer1 .footer_wrap .f_category:before {
          content: ""; }
        #footer_area .footer1 .footer_wrap .f_category.i_home {
          background: url(/assets/img/common/ico01.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_products {
          background: url(/assets/img/common/ico02.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_recipe {
          background: url(/assets/img/common/ico03.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_knack {
          background: url(/assets/img/common/ico04.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_tvcm {
          background: url(/assets/img/common/ico05.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_comm {
          background: url(/assets/img/common/ico06.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_shop {
          background: url(/assets/img/common/ico08.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_info {
          background: url(/assets/img/common/ico07.png) 1em 0.7em no-repeat;
          background-size: 1.4em; }
        #footer_area .footer1 .footer_wrap .f_category.i_sitemap {
          background: url(/assets/img/common/ico09.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; }
        #footer_area .footer1 .footer_wrap .f_category.i_csr {
          background: url(/assets/img/common/ico10.png) 1em 0.7em no-repeat;
          background-size: 1.4em;
          background-size: 6vw; } }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .footer_wrap .f_category ul {
        margin-left: -2em;
        border-top: 1px dotted #9cc813; } }
    #footer_area .footer1 .footer_wrap .f_category li:before {
      content: url(/assets/img/footer/ar02.png);
      margin-right: 8px;
      position: relative;
      top: 3px;
      line-height: 3em; }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .footer_wrap .f_category li {
        font-size: 12px;
        font-size: 3.75vw; } }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .footer_wrap .f_category {
        line-height: 3em;
        border-bottom: 1px solid #9cc813; } }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .footer_wrap {
        margin: 0;
        padding: 0; } }
    #footer_area .footer1 .footer_wrap .footerFB__ttl {
      text-align: center;
      color: #4c9d42;
      font-size: 16px;
      font-weight: bold; }
      @media print, screen and (max-width: 640px) {
        #footer_area .footer1 .footer_wrap .footerFB__ttl {
          font-size: 16px;
          font-size: 5vw;
          margin-top: 5%; } }
    #footer_area .footer1 .footer_wrap .footerFB__timeLine {
      margin-top: 10px; }
      @media print, screen and (max-width: 640px) {
        #footer_area .footer1 .footer_wrap .footerFB__timeLine {
          text-align: center;
          margin-top: 3%;
          margin-bottom: 5%; } }
  #footer_area .footer1 .footer_wrap > li {
    float: left;
    width: 25%; }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .footer_wrap > li {
        float: none;
        width: 100%; } }
  #footer_area .footer1 .activity {
    position: relative;
    width: 155px;
    margin-left: 60px;
    padding: 10px;
    background-color: #fffee8;
    border: 1px solid #cde389;
    border-radius: 9px;
    behavior: url(/assets/css/PIE.htc); }
    #footer_area .footer1 .activity dt {
      text-align: center;
      color: #4c9d42; }
      @media print, screen and (max-width: 640px) {
        #footer_area .footer1 .activity dt {
          font-size: 12px;
          font-size: 3.75vw; } }
    #footer_area .footer1 .activity dd li {
      margin-bottom: 5px; }
      #footer_area .footer1 .activity dd li img {
        width: 100%; }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer1 .activity {
        width: 90%;
        margin: 20px auto; } }
  #footer_area .footer2 {
    position: relative;
    height: 60px;
    padding: 20px 40px;
    background-color: #a9c848;
    color: #fff;
    font-size: 85.7%; }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer2 {
        padding: 20px 0; } }
    #footer_area .footer2 ul {
      zoom: 1;
      text-align: center; }
      #footer_area .footer2 ul:before, #footer_area .footer2 ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #footer_area .footer2 ul:after {
        clear: both; }
      #footer_area .footer2 ul li {
        display: inline-block; }
        @media print, screen and (max-width: 640px) {
          #footer_area .footer2 ul li {
            display: block; } }
        #footer_area .footer2 ul li a {
          padding: 0 8px 0 0;
          color: #fff; }
          @media print, screen and (max-width: 640px) {
            #footer_area .footer2 ul li a {
              padding: 0; } }
        #footer_area .footer2 ul li:before {
          content: "|";
          margin-right: 8px; }
          @media print, screen and (max-width: 640px) {
            #footer_area .footer2 ul li:before {
              content: "";
              margin-right: 0; } }
        #footer_area .footer2 ul li:first-child:before {
          content: "";
          margin-right: 0; }
        @media print, screen and (max-width: 640px) {
          #footer_area .footer2 ul li {
            float: none;
            line-height: 2;
            font-size: 10px;
            font-size: 3.125vw; } }
    #footer_area .footer2 .copy {
      text-align: center;
      font-size: 12px;
      color: inherit;
      line-height: inherit;
      font-family: inherit;
      margin-top: 20px;
      white-space: nowrap; }
      @media print, screen and (max-width: 640px) {
        #footer_area .footer2 .copy {
          position: relative;
          top: 0;
          right: inherit;
          font-size: 80%;
          margin: 20px 0 0;
          font-size: 9px;
          font-size: 2.8125vw; } }
    @media print, screen and (max-width: 640px) {
      #footer_area .footer2 {
        height: auto;
        text-align: center; } }

header {
  position: relative;
  z-index: 100; }
  @media print, screen and (max-width: 640px) {
    header {
      padding-bottom: 15%; } }

#ContTop {
  margin-top: 20px; }

#header {
  zoom: 1;
  position: relative;
  width: 100%;
  z-index: 5; }
  #header:before, #header:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #header:after {
    clear: both; }
  @media print, screen and (max-width: 640px) {
    #header {
      position: fixed;
      top: 0;
      left: 0;
      background: #FFF; } }
  @media print, screen and (max-width: 640px) {
    #header .sp_menubox {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: auto;
      background: #fff;
      z-index: 2;
      overflow-y: scroll; }
      #header .sp_menubox .header_bottom_inner {
        background: #FFF;
        padding-top: 20px;
        padding-bottom: 20px; } }
  #header .main {
    position: relative;
    zoom: 1; }
    #header .main:before, #header .main:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #header .main:after {
      clear: both; }
    @media print, screen and (max-width: 640px) {
      #header .main {
        width: auto; } }
    #header .main .titleLogo {
      zoom: 1;
      float: left;
      width: 385px; }
      #header .main .titleLogo:before, #header .main .titleLogo:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #header .main .titleLogo:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #header .main .titleLogo {
          position: relative;
          float: none;
          width: 100%;
          padding-bottom: 20px; }
          #header .main .titleLogo .sp_search {
            position: absolute;
            top: 2.3em;
            left: 4%;
            width: 8%; }
            #header .main .titleLogo .sp_search img {
              width: 100%; }
          #header .main .titleLogo .sp_menu, #header .main .titleLogo .sp_menu_close {
            position: absolute;
            top: 2.3em;
            right: 4%;
            width: 7%; }
            #header .main .titleLogo .sp_menu img, #header .main .titleLogo .sp_menu_close img {
              width: 100%; } }
    #header .main .ctLeft {
      float: left; }
      @media print, screen and (max-width: 640px) {
        #header .main .ctLeft {
          float: none;
          padding-top: 8%;
          text-align: center; }
          #header .main .ctLeft a {
            display: inline-block;
            width: 35%; }
            #header .main .ctLeft a img {
              width: 100%;
              height: auto; } }
    #header .main .ctRight {
      float: left;
      display: inline;
      width: 220px;
      margin-left: 10px;
      font-size: 10px;
      text-align: left; }
      @media print, screen and (max-width: 640px) {
        #header .main .ctRight {
          position: absolute;
          top: 0;
          left: 0;
          float: none;
          width: 100%;
          margin: 0; } }
      #header .main .ctRight h1, #header .main .ctRight p {
        font-size: 12px;
        line-height: 1.4;
        font-weight: normal; }
        @media print, screen and (max-width: 640px) {
          #header .main .ctRight h1, #header .main .ctRight p {
            text-align: center;
            font-size: 10px;
            padding-top: 5px; } }
    #header .main .right_hd {
      float: right; }
      @media print, screen and (max-width: 640px) {
        #header .main .right_hd {
          float: none;
          background: #DBEA98;
          display: none; } }
      @media print, screen and (max-width: 640px) {
        #header .main .right_hd > ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      #header .main .right_hd > ul > li {
        float: left;
        margin-left: 15px;
        line-height: 22px; }
        @media print, screen and (max-width: 640px) {
          #header .main .right_hd > ul > li {
            width: 80%; }
            #header .main .right_hd > ul > li:first-child {
              display: none; }
            #header .main .right_hd > ul > li img {
              width: 100%; } }
        #header .main .right_hd > ul > li#search_li {
          display: block; }
          @media print, screen and (max-width: 640px) {
            #header .main .right_hd > ul > li#search_li {
              width: 50%;
              margin: 0px auto 0;
              padding-top: 15px;
              padding-bottom: 10px;
              float: none;
              overflow: hidden; } }
  #header .gnav {
    width: 100%;
    height: 30px;
    margin-top: 30px; }
    @media print, screen and (max-width: 640px) {
      #header .gnav {
        height: auto;
        margin-top: 0;
        margin-bottom: 0em; } }
    #header .gnav ul.gnav_list {
      zoom: 1;
      background: url(/assets/img/header/gnav_side.png) no-repeat right top; }
      #header .gnav ul.gnav_list:before, #header .gnav ul.gnav_list:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #header .gnav ul.gnav_list:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #header .gnav ul.gnav_list {
          background: none #fff;
          border-top: 1px solid #9cc813; } }
      #header .gnav ul.gnav_list > li {
        float: left;
        background: url(/assets/img/header/gnav_side.png) no-repeat left top;
        height: 30px;
        padding-bottom: 20px;
        text-indent: -9999px; }
        @media print, screen and (max-width: 640px) {
          #header .gnav ul.gnav_list > li {
            position: relative;
            float: none;
            height: auto;
            padding: 1em;
            line-height: 1;
            background: none;
            border-bottom: 1px solid #9cc813;
            text-indent: 0;
            font-size: 14px;
            font-size: 4.375vw; } }
        #header .gnav ul.gnav_list > li.header_modal_key .sp_toggle_btn {
          display: none; }
          @media print, screen and (max-width: 640px) {
            #header .gnav ul.gnav_list > li.header_modal_key .sp_toggle_btn {
              display: block;
              position: absolute;
              right: 6%;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              color: #9CC813;
              font-size: 18px;
              font-weight: bold; } }
        #header .gnav ul.gnav_list > li.open .sp_toggle_btn {
          top: 10%; }
        @media print, screen and (max-width: 640px) {
          #header .gnav ul.gnav_list > li img {
            margin-right: 0.7em; } }
        #header .gnav ul.gnav_list > li > a {
          text-decoration: none;
          color: #555; }
        #header .gnav ul.gnav_list > li span {
          display: block;
          height: 30px; }
          @media print, screen and (max-width: 640px) {
            #header .gnav ul.gnav_list > li span {
              height: auto; } }
          #header .gnav ul.gnav_list > li span.home {
            width: 38px;
            background: url(/assets/img/header/gnav01.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.home:hover {
              background: url(/assets/img/header/gnav01-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.home.current {
              background: url(/assets/img/header/gnav01-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.home.current {
                  background: none !important; } }
          #header .gnav ul.gnav_list > li span.products {
            width: 146px;
            background: url(/assets/img/header/gnav02.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.products:hover {
              background: url(/assets/img/header/gnav02-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.products.current {
              background: url(/assets/img/header/gnav02-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.products.current {
                  background: none !important; } }
          #header .gnav ul.gnav_list > li span.knack {
            width: 147px;
            background: url(/assets/img/header/gnav03.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.knack:hover {
              background: url(/assets/img/header/gnav03-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.knack.current {
              background: url(/assets/img/header/gnav03-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.knack.current {
                  background: none !important; } }
          #header .gnav ul.gnav_list > li span.recipe {
            width: 146px;
            background: url(/assets/img/header/gnav04.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.recipe:hover {
              background: url(/assets/img/header/gnav04-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.recipe.current {
              background: url(/assets/img/header/gnav04-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.recipe.current {
                  background: none !important; } }
          #header .gnav ul.gnav_list > li span.tvcm {
            width: 146px;
            background: url(/assets/img/header/gnav05.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.tvcm:hover {
              background: url(/assets/img/header/gnav05-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.tvcm.current {
              background: url(/assets/img/header/gnav05-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.tvcm.current {
                  background: none !important; } }
          #header .gnav ul.gnav_list > li span.csr {
            width: 147px;
            background: url(/assets/img/header/gnav06.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.csr:hover {
              background: url(/assets/img/header/gnav06-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.csr.current {
              background: url(/assets/img/header/gnav06-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.csr.current {
                  background: none !important; } }
          #header .gnav ul.gnav_list > li span.information {
            width: 146px;
            background: url(/assets/img/header/gnav07.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.information:hover {
              background: url(/assets/img/header/gnav07-on.png) no-repeat left; }
            #header .gnav ul.gnav_list > li span.information.current {
              background: url(/assets/img/header/gnav07-on.png) no-repeat left !important; }
              @media print, screen and (max-width: 640px) {
                #header .gnav ul.gnav_list > li span.information.current {
                  background: none !important; } }
          @media print, screen and (max-width: 640px) {
            #header .gnav ul.gnav_list > li span.onlineshop img {
              width: 20px;
              height: auto; } }
          @media print, screen and (max-width: 640px) {
            #header .gnav ul.gnav_list > li span {
              text-indent: 0; }
              #header .gnav ul.gnav_list > li span.home, #header .gnav ul.gnav_list > li span.products, #header .gnav ul.gnav_list > li span.knack, #header .gnav ul.gnav_list > li span.recipe, #header .gnav ul.gnav_list > li span.tvcm, #header .gnav ul.gnav_list > li span.csr, #header .gnav ul.gnav_list > li span.information {
                width: 100%;
                background: none !important; } }
        @media print, screen and (max-width: 640px) {
          #header .gnav ul.gnav_list > li .sp_link {
            display: none;
            zoom: 1;
            margin-top: 1em;
            border-top: 1px dotted #9cc813; }
            #header .gnav ul.gnav_list > li .sp_link:before, #header .gnav ul.gnav_list > li .sp_link:after {
              display: block;
              height: 0;
              visibility: hidden;
              content: "\0020"; }
            #header .gnav ul.gnav_list > li .sp_link:after {
              clear: both; }
            #header .gnav ul.gnav_list > li .sp_link li {
              float: left;
              width: 50%;
              padding: 1em 0;
              border: none;
              font-size: 11px; } }
    @media print, screen and (max-width: 640px) and (max-width: 640px) {
      #header .gnav ul.gnav_list > li .sp_link li {
        font-size: 11px;
        font-size: 3.4375vw;
        line-height: 1.4; } }
        @media print, screen and (max-width: 640px) {
              #header .gnav ul.gnav_list > li .sp_link li:before {
                content: url(/assets/img/common/ar_06.png);
                margin-right: 4px; } }
        @media print, screen and (max-width: 640px) {
          #header .gnav ul.gnav_list > li .sp_link .single {
            float: none;
            width: 100%; } }
  #header .menu_wrap {
    display: none;
    position: absolute;
    top: 108px;
    left: 0;
    width: 900px;
    padding: 20px;
    background: #ffffff;
    z-index: 2;
    border: 2px solid #4c9d42;
    border-radius: 8px;
    behavior: url(/assets/css/PIE.htc); }
    #header .menu_wrap:after, #header .menu_wrap:before {
      bottom: 100%;
      left: 12%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    #header .menu_wrap:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 16px;
      margin-left: -16px; }
    #header .menu_wrap:before {
      border-color: rgba(62, 177, 52, 0);
      border-bottom-color: #3eb134;
      border-width: 19px;
      margin-left: -19px; }
    #header .menu_wrap#knack_menu_modal:after, #header .menu_wrap#knack_menu_modal:before {
      left: 28%; }
    #header .menu_wrap#recipe_menu_modal:after, #header .menu_wrap#recipe_menu_modal:before {
      left: 43%; }
    #header .menu_wrap#tvcm_menu_modal:after, #header .menu_wrap#tvcm_menu_modal:before {
      left: 58%; }
    #header .menu_wrap#csr_menu_modal:after, #header .menu_wrap#csr_menu_modal:before {
      left: 74%; }
    #header .menu_wrap .products_menu {
      zoom: 1; }
      #header .menu_wrap .products_menu:before, #header .menu_wrap .products_menu:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #header .menu_wrap .products_menu:after {
        clear: both; }
      #header .menu_wrap .products_menu .menu {
        float: left;
        width: 180px;
        margin-right: 20px;
        padding: 10px 0 0;
        background: url(/assets/img/header/menu_bg.gif);
        border-radius: 6px;
        position: relative;
        behavior: url(/assets/css/PIE.htc); }
        #header .menu_wrap .products_menu .menu h2 {
          height: 32px;
          line-height: 32px;
          font-size: 142%;
          color: #4c9d42;
          text-align: center;
          text-indent: 0;
          font-weight: normal;
          padding-left: 0;
          margin-top: 0; }
        #header .menu_wrap .products_menu .menu ul.menu_list {
          width: 170px;
          margin: 0 auto; }
          #header .menu_wrap .products_menu .menu ul.menu_list li {
            position: relative;
            float: none;
            height: auto;
            background: url(/assets/img/common/ar_06.png) #fff 8px center no-repeat;
            margin-bottom: 4px;
            padding: 0px 8px 0px 2em;
            text-indent: 0;
            color: #4c9d42;
            font-size: 12px;
            cursor: pointer;
            border-radius: 6px;
            behavior: url(/assets/css/PIE.htc); }
            #header .menu_wrap .products_menu .menu ul.menu_list li.active {
              background: url(/assets/img/common/ar_05.png) #4c9d42 8px center no-repeat;
              color: #fff; }
          #header .menu_wrap .products_menu .menu ul.menu_list a {
            color: #4c9d42;
            text-decoration: none;
            display: block;
            height: 100%;
            padding: 8px 0; }
      #header .menu_wrap .products_menu .item {
        float: left;
        position: relative;
        width: 700px; }
        #header .menu_wrap .products_menu .item .h2_wrap {
          border-bottom: 1px dashed #9cc813; }
          #header .menu_wrap .products_menu .item .h2_wrap h2 {
            position: relative;
            margin: 0 0 4px 0;
            font-size: 142%;
            text-indent: 0;
            color: #499E3D;
            font-weight: bold;
            line-height: 1.5em;
            padding-left: 0; }
            #header .menu_wrap .products_menu .item .h2_wrap h2:before {
              content: "◆";
              color: #F0920D;
              font-size: 22px;
              margin-right: 10px; }
            #header .menu_wrap .products_menu .item .h2_wrap h2 span {
              position: absolute;
              display: block;
              top: 8px;
              right: 0;
              font-size: 61.6%; }
              #header .menu_wrap .products_menu .item .h2_wrap h2 span:before {
                content: url(/assets/img/common/ar_06.png);
                margin-right: 6px; }
        #header .menu_wrap .products_menu .item .item_ar {
          position: relative; }
          #header .menu_wrap .products_menu .item .item_ar .arPre {
            position: absolute;
            top: 25px;
            left: 0;
            cursor: pointer; }
          #header .menu_wrap .products_menu .item .item_ar .arNext {
            position: absolute;
            top: 25px;
            right: 0;
            cursor: pointer; }
        #header .menu_wrap .products_menu .item .list_wrap {
          position: relative;
          width: 670px;
          height: 260px;
          margin-left: 15px;
          overflow: hidden; }
          #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner {
            zoom: 1; }
            #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner:before, #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner:after {
              display: block;
              height: 0;
              visibility: hidden;
              content: "\0020"; }
            #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner:after {
              clear: both; }
            #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner ul.item_list {
              float: left;
              position: relative;
              width: 670px;
              height: auto;
              margin: 0px auto 0;
              overflow: hidden;
              zoom: 1; }
              #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner ul.item_list:before, #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner ul.item_list:after {
                display: block;
                height: 0;
                visibility: hidden;
                content: "\0020"; }
              #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner ul.item_list:after {
                clear: both; }
              #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner ul.item_list li {
                float: left;
                margin: 0 20px;
                text-align: center;
                font-size: 87.5%;
                background: none;
                text-indent: 0;
                height: auto;
                width: 183.33333px;
                white-space: nowrap; }
                #header .menu_wrap .products_menu .item .list_wrap .list_wrap_inner ul.item_list li img {
                  width: 60%; }
        #header .menu_wrap .products_menu .item .products_list {
          position: relative;
          text-align: right; }
          #header .menu_wrap .products_menu .item .products_list a {
            display: inline;
            text-decoration: none;
            height: 25px;
            line-height: 25px;
            margin: 10px 0;
            padding: 0 1em;
            color: #4c9d42;
            border: 1px solid #4c9d42;
            border-radius: 4px;
            position: relative;
            behavior: url(/assets/css/PIE.htc); }
          #header .menu_wrap .products_menu .item .products_list a:hover {
            background: #4c9d42;
            color: #FFF; }
    #header .menu_wrap .knack_menu .h2_wrap, #header .menu_wrap .tvcm_menu .h2_wrap, #header .menu_wrap .csr_menu .h2_wrap {
      border-bottom: 1px dashed #9cc813;
      margin-bottom: 20px; }
      #header .menu_wrap .knack_menu .h2_wrap h2, #header .menu_wrap .tvcm_menu .h2_wrap h2, #header .menu_wrap .csr_menu .h2_wrap h2 {
        position: relative;
        margin: 0 0 4px 0;
        font-size: 18px;
        text-indent: 0;
        color: #499E3D;
        font-weight: bold;
        line-height: 1.5em;
        padding-left: 0; }
        #header .menu_wrap .knack_menu .h2_wrap h2:before, #header .menu_wrap .tvcm_menu .h2_wrap h2:before, #header .menu_wrap .csr_menu .h2_wrap h2:before {
          content: "◆";
          color: #F0920D;
          font-size: 22px;
          margin-right: 10px; }
    #header .menu_wrap .knack_menu .base, #header .menu_wrap .tvcm_menu .base, #header .menu_wrap .csr_menu .base {
      zoom: 1; }
      #header .menu_wrap .knack_menu .base:before, #header .menu_wrap .tvcm_menu .base:before, #header .menu_wrap .csr_menu .base:before, #header .menu_wrap .knack_menu .base:after, #header .menu_wrap .tvcm_menu .base:after, #header .menu_wrap .csr_menu .base:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #header .menu_wrap .knack_menu .base:after, #header .menu_wrap .tvcm_menu .base:after, #header .menu_wrap .csr_menu .base:after {
        clear: both; }
      #header .menu_wrap .knack_menu .base li, #header .menu_wrap .tvcm_menu .base li, #header .menu_wrap .csr_menu .base li {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        text-indent: 0;
        height: auto;
        background: none;
        font-size: 14px;
        margin: 0 0.5%; }
        #header .menu_wrap .knack_menu .base li p, #header .menu_wrap .tvcm_menu .base li p, #header .menu_wrap .csr_menu .base li p {
          text-align: center;
          font-size: 12px; }
          #header .menu_wrap .knack_menu .base li p.line1, #header .menu_wrap .tvcm_menu .base li p.line1, #header .menu_wrap .csr_menu .base li p.line1 {
            margin-bottom: 1.58em; }
    #header .menu_wrap .knack_menu .others, #header .menu_wrap .tvcm_menu .others, #header .menu_wrap .csr_menu .others {
      zoom: 1; }
      #header .menu_wrap .knack_menu .others:before, #header .menu_wrap .tvcm_menu .others:before, #header .menu_wrap .csr_menu .others:before, #header .menu_wrap .knack_menu .others:after, #header .menu_wrap .tvcm_menu .others:after, #header .menu_wrap .csr_menu .others:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #header .menu_wrap .knack_menu .others:after, #header .menu_wrap .tvcm_menu .others:after, #header .menu_wrap .csr_menu .others:after {
        clear: both; }
      #header .menu_wrap .knack_menu .others > li, #header .menu_wrap .tvcm_menu .others > li, #header .menu_wrap .csr_menu .others > li {
        float: left;
        margin-top: 1em;
        margin-left: 15px;
        text-indent: 0;
        height: auto;
        background: none; }
        #header .menu_wrap .knack_menu .others > li:first-child, #header .menu_wrap .tvcm_menu .others > li:first-child, #header .menu_wrap .csr_menu .others > li:first-child {
          margin-left: 0; }
        #header .menu_wrap .knack_menu .others > li .others_inner_list, #header .menu_wrap .tvcm_menu .others > li .others_inner_list, #header .menu_wrap .csr_menu .others > li .others_inner_list {
          zoom: 1; }
          #header .menu_wrap .knack_menu .others > li .others_inner_list:before, #header .menu_wrap .tvcm_menu .others > li .others_inner_list:before, #header .menu_wrap .csr_menu .others > li .others_inner_list:before, #header .menu_wrap .knack_menu .others > li .others_inner_list:after, #header .menu_wrap .tvcm_menu .others > li .others_inner_list:after, #header .menu_wrap .csr_menu .others > li .others_inner_list:after {
            display: block;
            height: 0;
            visibility: hidden;
            content: "\0020"; }
          #header .menu_wrap .knack_menu .others > li .others_inner_list:after, #header .menu_wrap .tvcm_menu .others > li .others_inner_list:after, #header .menu_wrap .csr_menu .others > li .others_inner_list:after {
            clear: both; }
          #header .menu_wrap .knack_menu .others > li .others_inner_list li, #header .menu_wrap .tvcm_menu .others > li .others_inner_list li, #header .menu_wrap .csr_menu .others > li .others_inner_list li {
            float: left;
            margin-left: 10px;
            text-indent: 0;
            height: auto;
            background: none; }
            #header .menu_wrap .knack_menu .others > li .others_inner_list li:first-child, #header .menu_wrap .tvcm_menu .others > li .others_inner_list li:first-child, #header .menu_wrap .csr_menu .others > li .others_inner_list li:first-child {
              margin-left: 0; }
        #header .menu_wrap .knack_menu .others > li p, #header .menu_wrap .tvcm_menu .others > li p, #header .menu_wrap .csr_menu .others > li p {
          border-bottom: 1px dashed #9cc813;
          margin-bottom: 20px; }
          #header .menu_wrap .knack_menu .others > li p span, #header .menu_wrap .tvcm_menu .others > li p span, #header .menu_wrap .csr_menu .others > li p span {
            position: relative;
            margin: 0 0 4px 0;
            font-size: 18px;
            text-indent: 0;
            color: #499E3D;
            font-weight: bold;
            line-height: 1.5em; }
            #header .menu_wrap .knack_menu .others > li p span:before, #header .menu_wrap .tvcm_menu .others > li p span:before, #header .menu_wrap .csr_menu .others > li p span:before {
              content: "◆";
              color: #F0920D;
              font-size: 22px;
              margin-right: 10px; }
    #header .menu_wrap .knack_menu .detail_list, #header .menu_wrap .tvcm_menu .detail_list, #header .menu_wrap .csr_menu .detail_list {
      text-align: right;
      margin-top: 20px; }
      #header .menu_wrap .knack_menu .detail_list a, #header .menu_wrap .tvcm_menu .detail_list a, #header .menu_wrap .csr_menu .detail_list a {
        display: inline;
        text-decoration: none;
        height: 25px;
        line-height: 25px;
        margin: 10px 0;
        padding: 0 1em;
        color: #4c9d42;
        border: 1px solid #4c9d42;
        border-radius: 4px;
        position: relative;
        behavior: url(/assets/css/PIE.htc); }
      #header .menu_wrap .knack_menu .detail_list a:hover, #header .menu_wrap .tvcm_menu .detail_list a:hover, #header .menu_wrap .csr_menu .detail_list a:hover {
        background: #4c9d42;
        color: #FFF; }
    #header .menu_wrap .recipe_menu .h2_wrap {
      border-bottom: 1px dashed #9cc813;
      margin-bottom: 20px; }
      #header .menu_wrap .recipe_menu .h2_wrap h2 {
        position: relative;
        margin: 0 0 4px 0;
        font-size: 142%;
        text-indent: 0;
        color: #499E3D;
        font-weight: bold;
        line-height: 1.5em;
        padding-left: 0; }
        #header .menu_wrap .recipe_menu .h2_wrap h2:before {
          content: "◆";
          color: #F0920D;
          font-size: 22px;
          margin-right: 10px; }
    #header .menu_wrap .recipe_menu ul.recipe_menu_list {
      zoom: 1; }
      #header .menu_wrap .recipe_menu ul.recipe_menu_list:before, #header .menu_wrap .recipe_menu ul.recipe_menu_list:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #header .menu_wrap .recipe_menu ul.recipe_menu_list:after {
        clear: both; }
      #header .menu_wrap .recipe_menu ul.recipe_menu_list li {
        display: inline-block;
        vertical-align: top;
        width: 210px;
        margin: 0 6px 10px;
        text-indent: 0;
        float: left; }
        #header .menu_wrap .recipe_menu ul.recipe_menu_list li p {
          margin-top: 5px;
          line-height: 1.4; }
    #header .menu_wrap .recipe_menu .recipe_list {
      text-align: right; }
      #header .menu_wrap .recipe_menu .recipe_list a {
        display: inline;
        text-decoration: none;
        height: 25px;
        line-height: 25px;
        margin: 10px 0;
        padding: 0 1em;
        color: #4c9d42;
        border: 1px solid #4c9d42;
        border-radius: 4px;
        position: relative;
        behavior: url(/assets/css/PIE.htc); }
      #header .menu_wrap .recipe_menu .recipe_list a:hover {
        background: #4c9d42;
        color: #FFF; }
    #header .menu_wrap .tvcm_menu .base {
      margin: 0; }
      #header .menu_wrap .tvcm_menu .base li {
        margin-left: 10px; }
        #header .menu_wrap .tvcm_menu .base li:first-child {
          margin-left: 0; }
        #header .menu_wrap .tvcm_menu .base li .h2_wrap {
          border-bottom: 1px dashed #9cc813;
          margin-bottom: 20px;
          text-align: left; }
          #header .menu_wrap .tvcm_menu .base li .h2_wrap h2 {
            position: relative;
            margin: 0 0 4px 0;
            font-size: 14px;
            text-indent: 0;
            color: #499E3D;
            font-weight: bold;
            line-height: 1.5em;
            padding-left: 0; }
            #header .menu_wrap .tvcm_menu .base li .h2_wrap h2:before {
              content: "◆";
              color: #F0920D;
              font-size: 16px;
              margin-right: 10px; }
        #header .menu_wrap .tvcm_menu .base li dt {
          margin-bottom: 10px; }
    #header .menu_wrap .csr_menu .base {
      margin: 0; }
      #header .menu_wrap .csr_menu .base li {
        margin-left: 10px; }
        #header .menu_wrap .csr_menu .base li:first-child {
          margin-left: 0; }
        #header .menu_wrap .csr_menu .base li .h2_wrap {
          border-bottom: 1px dashed #9cc813;
          margin-bottom: 20px;
          text-align: left; }
          #header .menu_wrap .csr_menu .base li .h2_wrap h2 {
            position: relative;
            margin: 0 0 4px 0;
            font-size: 14px;
            text-indent: 0;
            color: #499E3D;
            font-weight: bold;
            line-height: 1.5em;
            padding-left: 0; }
            #header .menu_wrap .csr_menu .base li .h2_wrap h2:before {
              content: "◆";
              color: #F0920D;
              font-size: 16px;
              margin-right: 10px; }
        #header .menu_wrap .csr_menu .base li dt {
          margin-bottom: 10px; }
  #header .sns_area {
    position: relative;
    left: 50%;
    float: left;
    margin: 0 auto 1em;
    zoom: 1; }
    #header .sns_area:before, #header .sns_area:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #header .sns_area:after {
      clear: both; }
    @media print, screen and (max-width: 640px) {
      #header .sns_area {
        left: auto;
        float: none;
        text-align: center;
        margin: 0 auto; } }
    #header .sns_area li {
      position: relative;
      left: -50%;
      float: left;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #header .sns_area li {
          display: inline-block;
          left: auto;
          float: none; } }
  #header .btn_close img {
    width: 100%; }

/*google_costom検索(header)-----------------------------------------------------------
-------------------------------------------------------------------*/
#header #___gcse_0 {
  width: 155px; }
  @media print, screen and (max-width: 640px) {
    #header #___gcse_0 {
      width: 100%; } }

#header .cse .gsc-control-cse, .gsc-control-cse {
  padding: 0em !important;
  width: auto; }

#header .gsc-search-button {
  background: url(/assets/img/header/btn_research.png) no-repeat center left;
  font-size: 0px;
  vertical-align: auto !important; }

#header td.gsc-search-button {
  width: 0% !important; }

#header .cse input.gsc-search-button, input.gsc-search-button {
  font-family: inherit;
  font-size: 0px !important;
  font-weight: bold;
  color: #000;
  padding: 0 8px;
  height: 29px !important;
  min-width: 48px !important;
  background-color: #FFF !important;
  border: none !important;
  cursor: pointer; }

#header table.gsc-search-box td.gsc-input {
  padding-right: 3px !important; }
  @media print, screen and (max-width: 640px) {
    #header table.gsc-search-box td.gsc-input {
      padding-right: 20px !important; } }

#header input.gsc-input {
  padding: 1px 6px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #DDD;
  width: 129px !important;
  height: 22px !important; }
  @media print, screen and (max-width: 640px) {
    #header input.gsc-input {
      width: 250px !important; } }

#header div.gsc-clear-button {
  display: inline;
  text-align: right;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("//www.google.com/uds/css/clear.gif");
  cursor: pointer;
  display: none !important; }

#header .cse .gsc-control-cse, .gsc-control-cse {
  background: none !important;
  border: none !important; }

#header input.gsc-search-button {
  margin-left: 0px !important;
  background: url(/assets/img/header/btn_research.png) no-repeat center left !important; }

#header input.gsc-search-button-v2 {
  padding: 0 !important; }

/*google_costom検索(404)-----------------------------------------------------------
-------------------------------------------------------------------*/
#gcserch_box {
  display: none;
  /*公開時表示*/
  width: 425px;
  margin: 30px auto; }

#gcserch_box #___gcse_0 {
  width: 155px; }

#gcserch_box .cse .gsc-control-cse, .gsc-control-cse {
  padding: 0em !important;
  width: auto; }

#gcserch_box .gsc-search-button {
  background: url(/assets/img/header/btn_research.png) no-repeat center left;
  font-size: 0px;
  vertical-align: auto !important; }
  @media print, screen and (max-width: 640px) {
    #gcserch_box .gsc-search-button {
      display: none; } }

#gcserch_box td.gsc-search-button {
  width: 0% !important; }

#gcserch_box .cse input.gsc-search-button, input.gsc-search-button {
  font-family: inherit;
  font-size: 0px !important;
  font-weight: bold;
  color: #000;
  padding: 0 8px;
  height: 29px !important;
  min-width: 48px !important;
  background-color: #FFF !important;
  border: none !important;
  cursor: pointer; }

#gcserch_box table.gsc-search-box td.gsc-input {
  padding-right: 3px !important; }

#gcserch_box input.gsc-input {
  padding: 1px 6px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #DDD;
  width: 340px !important;
  height: 22px !important; }

#gcserch_box div.gsc-clear-button {
  display: inline;
  text-align: right;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("//www.google.com/uds/css/clear.gif");
  cursor: pointer;
  display: none !important; }

.gsc-control-wrapper-cse {
  width: 97% !important;
  overflow: hidden; }

#gcserch_box .cse .gsc-control-cse, .gsc-control-cse {
  background: none !important;
  border: none !important; }

#gcserch_box input.gsc-search-button {
  margin-left: 0px !important;
  background: url(/assets/img/header/btn_research.png) no-repeat center left !important; }
  @media print, screen and (max-width: 640px) {
    #gcserch_box input.gsc-search-button {
      display: none; } }

#gcserch_box input.gsc-search-button-v2 {
  padding: 0 !important; }

@media print, screen and (max-width: 640px) {
  .gsc-results-wrapper-overlay {
    padding: 5% !important;
    width: 80% !important;
    left: 5% !important; } }

.gsib_a {
  padding: 2px 6px 0 !important; }

/*パン屑リスト*/
.breadcrumbs {
  margin-top: 20px;
  margin-bottom: 30px; }
  @media print, screen and (max-width: 640px) {
    .breadcrumbs {
      width: 90%;
      margin: 5% auto 5%; } }
  .breadcrumbs li {
    display: inline-block; }
    .breadcrumbs li:after {
      content: " ＞ "; }
    .breadcrumbs li:last-child:after {
      content: " "; }
    @media print, screen and (max-width: 640px) {
      .breadcrumbs li a {
        font-size: 10px;
        font-size: 3.125vw; } }

.productBanList {
  text-align: center;
  text-indent: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0; }
  .productBanList li {
    width: 49%; }
    .productBanList li img {
      width: 100%; }

@media print, screen and (max-width: 640px) {
  #top .top {
    width: 90%;
    margin: 0 auto; } }

#top .top .bannerBox {
  zoom: 1;
  margin: 15px 0 0;
  position: relative; }
  #top .top .bannerBox:before, #top .top .bannerBox:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #top .top .bannerBox:after {
    clear: both; }
  #top .top .bannerBox > li {
    float: left;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #top .top .bannerBox > li {
        display: inline-block;
        float: none;
        width: 47.5%; }
        #top .top .bannerBox > li img {
          width: 100%; } }
    #top .top .bannerBox > li:first-child {
      margin-right: 14px; }
      @media print, screen and (max-width: 640px) {
        #top .top .bannerBox > li:first-child {
          margin: 1%; } }
    #top .top .bannerBox > li a.target {
      display: inline-block;
      position: relative;
      z-index: 10; }
    #top .top .bannerBox > li .overInner {
      display: none;
      height: 100%;
      position: absolute;
      top: 0;
      width: 200%; }
      @media print, screen and (max-width: 640px) {
        #top .top .bannerBox > li .overInner {
          height: auto;
          padding-top: inherit; }
          #top .top .bannerBox > li .overInner.spOver {
            display: block !important; } }
      #top .top .bannerBox > li .overInner a {
        color: #555;
        text-decoration: none; }
    #top .top .bannerBox > li:hover .overInner {
      display: block;
      padding-top: 30px; }
      @media print, screen and (max-width: 640px) {
        #top .top .bannerBox > li:hover .overInner {
          display: none; } }
    #top .top .bannerBox > li.nkw_bnr .overInner {
      left: 0; }
      @media print, screen and (max-width: 640px) {
        #top .top .bannerBox > li.nkw_bnr .overInner {
          width: 200%; } }
    #top .top .bannerBox > li.kichintosan_bnr .overInner {
      left: -100%; }
      @media print, screen and (max-width: 640px) {
        #top .top .bannerBox > li.kichintosan_bnr .overInner {
          width: 200%; } }

    @media print, screen and (max-width: 640px) {
      #top .top .contents_wrap.tipsBannerArea {
        padding: 20px 4%;
        margin-top: 10px;
      }
    }

    #top .top .bannerBox2 {
      margin: 0;
      display: flex;
      justify-content: space-around;
      -webkit-justify-content: space-around;
    }
    @media print, screen and (max-width: 640px) {
      #top .top .bannerBox2 {
        margin: 0;
        display: block;
      }
    }


    #top .top .bannerBox2 a{
      width: 420px;
    }
    @media print, screen and (max-width: 640px) {
      #top .top .bannerBox2 a{
        display: block;
        width: 100%;
      }
      #top .top .bannerBox2 a + a{
        margin-top: 10px;
      }
    }
    #top .top .bannerBox2 img{
      width: 100%;
      height: auto;
    }



#top .top .txt01 {
  color: #499e3d;
  font-weight: bold; }

#top .top .bdr_dot {
  border-bottom: 1px dotted #4c9d42; }

@media print, screen and (max-width: 640px) {
  #top .top .kichintosan {
    left: 0; } }

#top .top .nkw {
  left: 0; }

#top .top .kichintosan,
#top .top .nkw {
  position: absolute;
  top: 138px;
  width: 880px;
  padding: 20px 28px 20px;
  background: #ffffff;
  z-index: 2;
  border: 2px solid #f99431;
  border-radius: 8px; }
  @media print, screen and (max-width: 640px) {
    #top .top .kichintosan,
    #top .top .nkw {
      top: 22vw;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 4%;
      border: none;
      background: #f99431;
      border-radius: 0px; }
      #top .top .kichintosan .sp_wrap,
      #top .top .nkw .sp_wrap {
        position: relative;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 8px; }
      #top .top .kichintosan .closeBox,
      #top .top .nkw .closeBox {
        display: none; } }
    @media print, screen and (max-width: 640px) and (max-width: 640px) {
      #top .top .kichintosan .closeBox,
      #top .top .nkw .closeBox {
        position: absolute;
        top: 100%;
        width: 100%;
        margin-left: -4%;
        display: block; } }
  #top .top .kichintosan:after, #top .top .kichintosan:before,
  #top .top .nkw:after,
  #top .top .nkw:before {
    bottom: 99%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  #top .top .kichintosan:after,
  #top .top .nkw:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 16px;
    margin-left: -16px; }
    @media print, screen and (max-width: 640px) {
      #top .top .kichintosan:after,
      #top .top .nkw:after {
        border-color: rgba(249, 148, 49, 0); } }
  #top .top .kichintosan:before,
  #top .top .nkw:before {
    border-color: rgba(62, 177, 52, 0);
    border-bottom-color: #f99431;
    border-width: 19px;
    margin-left: -19px; }
  #top .top .kichintosan h2,
  #top .top .nkw h2 {
    font-size: 142%;
    margin-left: 0;
    padding: 0 0 10px;
    border-bottom: 1px dashed #f99431;
    margin-top: inherit;
    color: inherit;
    font-weight: normal;
    padding-left: 0;
    line-height: inherit;
    font-family: inherit; }
    @media print, screen and (max-width: 640px) {
      #top .top .kichintosan h2,
      #top .top .nkw h2 {
        position: relative;
        height: 100px;
        border-bottom: 2px dashed #f99431; } }
    #top .top .kichintosan h2:before,
    #top .top .nkw h2:before {
      content: url(/assets/img/common/ar_07.png);
      margin-right: 4px;
      position: relative;
      top: 10px; }
      @media print, screen and (max-width: 640px) {
        #top .top .kichintosan h2:before,
        #top .top .nkw h2:before {
          content: "";
          position: absolute;
          top: 42%;
          left: 5%;
          width: 10%;
          padding-top: 10%;
          background: url(/assets/img/common/ar_07.png) no-repeat left top;
          background-size: contain; } }
    #top .top .kichintosan h2 img,
    #top .top .nkw h2 img {
      margin-right: 10px; }
      @media print, screen and (max-width: 640px) {
        #top .top .kichintosan h2 img,
        #top .top .nkw h2 img {
          position: absolute;
          top: 7%;
          left: 5%;
          width: 40%; } }
    @media print, screen and (max-width: 640px) {
      #top .top .kichintosan h2 .s_page,
      #top .top .nkw h2 .s_page {
        position: relative;
        top: 51%;
        left: 14%;
        font-size: 16px;
        font-size: 5vw;
        padding-left: 0.5em; } }
  #top .top .kichintosan .ul_bnr,
  #top .top .nkw .ul_bnr {
    zoom: 1;
    margin: 30px 0; }
    #top .top .kichintosan .ul_bnr:before, #top .top .kichintosan .ul_bnr:after,
    #top .top .nkw .ul_bnr:before,
    #top .top .nkw .ul_bnr:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #top .top .kichintosan .ul_bnr:after,
    #top .top .nkw .ul_bnr:after {
      clear: both; }
    @media print, screen and (max-width: 640px) {
      #top .top .kichintosan .ul_bnr,
      #top .top .nkw .ul_bnr {
        margin: 0;
        padding: 20px 0;
        white-space: nowrap; } }
    #top .top .kichintosan .ul_bnr li,
    #top .top .nkw .ul_bnr li {
      float: left;
      width: 205px;
      margin: 0 30px 10px;
      padding-left: 15px;
      text-indent: -15px; }
      @media print, screen and (max-width: 640px) {
        #top .top .kichintosan .ul_bnr li,
        #top .top .nkw .ul_bnr li {
          font-size: 11.5px;
          font-size: 3.59375vw;
          line-height: 1.4; } }
      #top .top .kichintosan .ul_bnr li:before,
      #top .top .nkw .ul_bnr li:before {
        content: url(/assets/img/common/ar_03.png);
        margin-right: 10px; }
    #top .top .kichintosan .ul_bnr.ul_nkw li,
    #top .top .nkw .ul_bnr.ul_nkw li {
      width: 155px; }
  #top .top .kichintosan .ul_bnrimg,
  #top .top .nkw .ul_bnrimg {
    zoom: 1; }
    #top .top .kichintosan .ul_bnrimg:before, #top .top .kichintosan .ul_bnrimg:after,
    #top .top .nkw .ul_bnrimg:before,
    #top .top .nkw .ul_bnrimg:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #top .top .kichintosan .ul_bnrimg:after,
    #top .top .nkw .ul_bnrimg:after {
      clear: both; }
    #top .top .kichintosan .ul_bnrimg li,
    #top .top .nkw .ul_bnrimg li {
      float: left;
      width: 220px;
      margin: 0 10px 0 0; }
      @media print, screen and (max-width: 640px) {
        #top .top .kichintosan .ul_bnrimg li,
        #top .top .nkw .ul_bnrimg li {
          width: auto;
          float: none;
          margin: 0 0 10px 0;
          text-align: center;
          padding: 0 10%; } }
  #top .top .kichintosan .bnrarea_img,
  #top .top .nkw .bnrarea_img {
    position: absolute;
    top: 10px;
    right: 30px;
    z-index: 1;
    height: 90%; }
    @media print, screen and (max-width: 640px) {
      #top .top .kichintosan .bnrarea_img,
      #top .top .nkw .bnrarea_img {
        width: 16%;
        height: auto; } }

#top .top .kichintosan:after, #top .top .kichintosan:before {
  left: 75%; }

#top .top .nkw:after, #top .top .nkw:before {
  left: 25%; }

#top .top .nkw {
  border: 2px solid #faef37;
  background: #FFF; }
  @media print, screen and (max-width: 640px) {
    #top .top .nkw {
      border: none;
      background: #faef37; } }
  #top .top .nkw:before {
    border-color: rgba(62, 177, 52, 0);
    border-bottom-color: #faef37;
    border-width: 19px;
    margin-left: -19px; }
  #top .top .nkw h2,
  #top .top .nkw h3 {
    margin-bottom: 10px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #faef37; }
    #top .top .nkw h2 span,
    #top .top .nkw h3 span {
      padding-left: 10px;
      /*border-left:3px solid #faef37;*/ }
      @media print, screen and (max-width: 640px) {
        #top .top .nkw h2 span,
        #top .top .nkw h3 span {
          border-left: 0; } }
    @media print, screen and (max-width: 640px) {
      #top .top .nkw h2,
      #top .top .nkw h3 {
        border-bottom: 2px dashed #faef37; } }

#top .top .sliderWrap {
  position: relative;
  margin: 27px 0 0;
  height: 380px; }
  #top .top .sliderWrap .pre, #top .top .sliderWrap .next {
    position: absolute;
    top: 166px;
    left: 0;
    z-index: 1;
    cursor: pointer; }
    @media print, screen and (max-width: 640px) {
      #top .top .sliderWrap .pre, #top .top .sliderWrap .next {
        top: 100%;
        margin-top: -35px; } }
  #top .top .sliderWrap .next {
    left: 923px;
    z-index: 1;
    cursor: pointer; }
    @media print, screen and (max-width: 640px) {
      #top .top .sliderWrap .next {
        left: 96%; } }
  #top .top .sliderWrap .sliderWrapInner {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    #top .top .sliderWrap .sliderWrapInner .slider {
      width: 880px;
      margin-left: -1060px;
      zoom: 1; }
      #top .top .sliderWrap .sliderWrapInner .slider:before, #top .top .sliderWrap .sliderWrapInner .slider:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #top .top .sliderWrap .sliderWrapInner .slider:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #top .top .sliderWrap .sliderWrapInner .slider {
          width: 100%; }
          #top .top .sliderWrap .sliderWrapInner .slider img {
            width: 100%; } }
      #top .top .sliderWrap .sliderWrapInner .slider li {
        float: left;
        padding: 0 70px;
        opacity: 0.7; }
        #top .top .sliderWrap .sliderWrapInner .slider li.active {
          opacity: 1; }
    #top .top .sliderWrap .sliderWrapInner .pager {
      zoom: 1;
      text-align: center;
      margin: 8px auto 0; }
      #top .top .sliderWrap .sliderWrapInner .pager:before, #top .top .sliderWrap .sliderWrapInner .pager:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #top .top .sliderWrap .sliderWrapInner .pager:after {
        clear: both; }
      #top .top .sliderWrap .sliderWrapInner .pager li {
        display: inline-block;
        margin-top: 10px;
        margin: 5px;
        width: 16px;
        height: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 100%;
        background: #FFF;
        border: 1px solid #CCC; }
        #top .top .sliderWrap .sliderWrapInner .pager li:first-child {
          margin-left: 0; }
        #top .top .sliderWrap .sliderWrapInner .pager li.current {
          background: #F87B12; }
  #top .top .sliderWrap img {
    width: 100%; }
    @media print, screen and (max-width: 640px) {
      #top .top .sliderWrap img {
        width: auto; } }

#top .top .info_area {
  zoom: 1;
  margin: 18px 0 10px; }
  #top .top .info_area:before, #top .top .info_area:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #top .top .info_area:after {
    clear: both; }
  #top .top .info_area .whats_new {
    float: left;
    margin: 2px 30px 0; }
    #top .top .info_area .whats_new dt {
      width: 107px;
      height: 41px;
      line-height: 41px;
      background: url(/assets/img/top/whats_new.png);
      color: #fff;
      text-align: center;
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      position: relative; }
      @media print, screen and (max-width: 640px) {
        #top .top .info_area .whats_new dt {
          width: 20%;
          font-size: 10px;
          border-top-left-radius: 8px;
          border-bottom-left-radius: 8px; } }
    #top .top .info_area .whats_new dd {
      width: 560px;
      height: 39px;
      margin: -41px 0 0 107px;
      padding-left: 16px;
      overflow: hidden;
      border: 1px solid #e2ecc3;
      line-height: 1.2;
      border-radius: 0 30px 30px 0, 0 30px 30px 0;
      position: relative;
      overflow: hidden; }
      #top .top .info_area .whats_new dd li {
        margin-top: 12px;
        height: 33px;
        line-height: 1.2; }
        @media print, screen and (max-width: 640px) {
          #top .top .info_area .whats_new dd li {
            font-size: 10px;
            margin-top: 6px;
            height: 3em; } }
      @media print, screen and (max-width: 640px) {
        #top .top .info_area .whats_new dd {
          width: 80%;
          margin: -41px 0 0 20%;
          padding-left: .5em;
          font-size: 10px; } }
    @media print, screen and (max-width: 640px) {
      #top .top .info_area .whats_new {
        float: none;
        width: 100%;
        margin: 0 auto; } }
  #top .top .info_area .sns {
    zoom: 1; 
    margin-bottom: 30px;}
    #top .top .info_area .sns:before, #top .top .info_area .sns:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #top .top .info_area .sns:after {
      clear: both; }
    #top .top .info_area .sns li {
      float: left; }

#top .top h2 {
  position: relative;
  margin: 0 -16px 0;
  z-index: 1;
  margin-top: inherit;
  color: inherit;
  font-weight: normal;
  padding-left: 0;
  line-height: inherit;
  font-family: inherit; }
  @media print, screen and (max-width: 640px) {
    #top .top h2 {
      margin: 0 0 0; } }
  #top .top h2 .detail_list {
    display: block;
    position: absolute;
    right: 42px;
    top: 63px;
    line-height: 1; }
    @media print, screen and (max-width: 640px) {
      #top .top h2 .detail_list {
        top: 5px;
        right: 4%;
        width: 40%;
        line-height: 0; } }
  #top .top h2 .h2_txt, #top .top .knack h2 .h2_knak_txt {
    display: block;
    position: absolute;
    top: 65px;
    right: 290px;
    color: #555;
    font-size: 18px;
    font-weight: 700;
    text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff; }
  @media print, screen and (max-width: 640px) {
    #top .top h2 img {
      width: 100%; } }

#top .top .contents_wrap {
  margin: -20px 0 10px;
  padding: 35px 29px;
  background-color: #fffee8;
  background-position: 10px 30px;
  border: 2px solid #e2ecc3;
  border-radius: 16px;
  position: relative; }
  @media print, screen and (max-width: 640px) {
    #top .top .contents_wrap {
      padding: 35px 4%; } }

#top .top .recipe h2.sp {
  width: 110%;
  margin: 0 0 0 -5%; }

#top .top .recipe .new_recipe {
  zoom: 1; }
  #top .top .recipe .new_recipe:before, #top .top .recipe .new_recipe:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #top .top .recipe .new_recipe:after {
    clear: both; }
  #top .top .recipe .new_recipe li {
    position: relative;
    float: left;
    margin: 0 0 0 25px;
    color: #4c9d42;
    text-align: center;
    width: 31%; }
    @media print, screen and (max-width: 640px) {
      #top .top .recipe .new_recipe li {
        width: auto; } }
    #top .top .recipe .new_recipe li:first-child {
      margin-left: 0; }
    #top .top .recipe .new_recipe li img {
      margin-bottom: 10px; }
    #top .top .recipe .new_recipe li a {
      color: #4c9d42; }
      #top .top .recipe .new_recipe li a img:hover {
        opacity: 1 !important; }
    #top .top .recipe .new_recipe li .new {
      position: absolute;
      top: -17px;
      left: -14px;
      z-index: 1; }
      @media print, screen and (max-width: 640px) {
        #top .top .recipe .new_recipe li .new {
          width: 30%; } }
    #top .top .recipe .new_recipe li .recipe_box {
      position: absolute;
      top: -1px;
      left: 0;
      width: 100%;
      background-image: none; }
    #top .top .recipe .new_recipe li .image {
      width: 100%;
      background-image: none; }
    #top .top .recipe .new_recipe li p {
      margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      #top .top .recipe .new_recipe li {
        float: none;
        margin: 0 0 1.5em 0; }
        #top .top .recipe .new_recipe li img {
          width: 100%; } }

@media print, screen and (max-width: 640px) {
  #top .top .recipe .recipe_txt {
    margin-bottom: 20px;
    text-align: center;
    text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff; } }

@media print, screen and (max-width: 640px) {
  #top .top .sp_searchWrap {
    /*width:90.625%;*/
    margin: 0 auto;
    padding: 2% 1%;
    background-color: #fff; } }

#top .top .recipe_search_area {
  width: 820px;
  margin: 20px auto; }
  @media print, screen and (max-width: 640px) {
    #top .top .recipe_search_area {
      margin: 0px auto; } }
  #top .top .recipe_search_area .formArea {
    zoom: 1; }
    #top .top .recipe_search_area .formArea:before, #top .top .recipe_search_area .formArea:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #top .top .recipe_search_area .formArea:after {
      clear: both; }
    #top .top .recipe_search_area .formArea .searchTitleImg {
      float: left; }
      @media print, screen and (max-width: 640px) {
        #top .top .recipe_search_area .formArea .searchTitleImg {
          float: none;
          text-align: center;
          margin-bottom: 1em; } }
    #top .top .recipe_search_area .formArea .formControlArea {
      float: left;
      width: 578px;
      margin: 0 0 0 20px; }
      #top .top .recipe_search_area .formArea .formControlArea .input_Box {
        position: relative;
        margin: 4px 0 0 0;
        padding: 0 0 0 20px;
        border: 1px solid #4c9d42;
        background-color: #fff;
        border-radius: 30px; }
        #top .top .recipe_search_area .formArea .formControlArea .input_Box input {
          height: 30px;
          line-height: 30px;
          padding: 6px;
          border: none; }
          #top .top .recipe_search_area .formArea .formControlArea .input_Box input:focus {
            outline: none;
            background-color: none; }
          #top .top .recipe_search_area .formArea .formControlArea .input_Box input input[type="text"] {
            width: 300px;
            background-color: none; }
        #top .top .recipe_search_area .formArea .formControlArea .input_Box .search_btn {
          position: absolute;
          right: 0;
          top: 0; }
      @media print, screen and (max-width: 640px) {
        #top .top .recipe_search_area .formArea .formControlArea {
          width: 100%;
          margin: 0; } }
  @media print, screen and (max-width: 640px) {
    #top .top .recipe_search_area {
      width: auto;
      margin: 0 auto; } }
  #top .top .recipe_search_area .search_tag {
    zoom: 1;
    margin: 10px 0 0 260px; }
    #top .top .recipe_search_area .search_tag:before, #top .top .recipe_search_area .search_tag:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #top .top .recipe_search_area .search_tag:after {
      clear: both; }
    #top .top .recipe_search_area .search_tag li {
      float: left;
      margin-right: 25px; }
      @media print, screen and (max-width: 640px) {
        #top .top .recipe_search_area .search_tag li {
          width: 50%;
          margin-right: 0px; } }
      #top .top .recipe_search_area .search_tag li:before {
        content: url(/assets/img/common/ar_04.png);
        margin-right: 6px; }
      #top .top .recipe_search_area .search_tag li a {
        color: #499e3d; }
    @media print, screen and (max-width: 640px) {
      #top .top .recipe_search_area .search_tag {
        margin: 1em; } }
  #top .top .recipe_search_area .search_tab .search_tab_list {
    zoom: 1;
    margin: 10px 0 0; }
    #top .top .recipe_search_area .search_tab .search_tab_list:before, #top .top .recipe_search_area .search_tab .search_tab_list:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #top .top .recipe_search_area .search_tab .search_tab_list:after {
      clear: both; }
    #top .top .recipe_search_area .search_tab .search_tab_list li {
      float: left;
      width: 197px;
      height: 37px;
      line-height: 37px;
      margin-left: 4px;
      background: url(/assets/img/common/ar_02.png) 176px center no-repeat #fff;
      border: 2px solid #c4c4c4;
      border-bottom: 2px solid #fff;
      border-radius: 5px 5px 0 0;
      position: relative;
      text-align: center;
      cursor: pointer; }
      #top .top .recipe_search_area .search_tab .search_tab_list li:first-child {
        margin-left: 0; }
      #top .top .recipe_search_area .search_tab .search_tab_list li.current {
        position: relative;
        top: 0;
        border-top: 5px solid #499e3d;
        border-left: 2px solid #499e3d;
        border-right: 2px solid #499e3d;
        border-bottom: none;
        background-color: #FFF;
        z-index: 2; }
      @media print, screen and (max-width: 640px) {
        #top .top .recipe_search_area .search_tab .search_tab_list li {
          width: 22%;
          height: auto;
          margin-left: 1%;
          padding: 1% 0 20px;
          line-height: 1.4;
          font-size: 11px;
          background: url(/assets/img/common/ar_02.png) bottom center no-repeat; } }
    @media print, screen and (max-width: 640px) {
      #top .top .recipe_search_area .search_tab .search_tab_list .txt01 {
        display: block; } }
  #top .top .recipe_search_area .search_tab .tab {
    position: relative;
    width: 800px;
    margin-top: -2px;
    padding: 22px 0 22px 20px;
    background-color: #fff;
    border: 2px solid #499e3d;
    z-index: 1;
    display: none; }
    #top .top .recipe_search_area .search_tab .tab.show {
      display: block; }
    #top .top .recipe_search_area .search_tab .tab ul {
      zoom: 1; }
      #top .top .recipe_search_area .search_tab .tab ul:before, #top .top .recipe_search_area .search_tab .tab ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #top .top .recipe_search_area .search_tab .tab ul:after {
        clear: both; }
    #top .top .recipe_search_area .search_tab .tab li {
      float: left;
      width: 30%;
      margin: 0 10px 10px 0;
      padding-left: 1em;
      text-indent: -1em; }
      #top .top .recipe_search_area .search_tab .tab li:before {
        content: "◆";
        color: #499e3d;
        margin-right: .5em; }
      #top .top .recipe_search_area .search_tab .tab li a {
        color: #499e3d;
        font-weight: bold;
        text-decoration: underline; }
      @media print, screen and (max-width: 640px) {
        #top .top .recipe_search_area .search_tab .tab li {
          width: 40%;
          margin-right: 2%;
          font-size: 11px;
          float: none;
          vertical-align: top;
          display: inline-block; } }
    @media print, screen and (max-width: 640px) {
      #top .top .recipe_search_area .search_tab .tab {
        width: auto;
        padding: 4%;
        font-size: 11px; } }

#top .top .products h2.sp {
  width: 110%;
  margin: 0 0 0 -5%; }

#top .top .products .category {
  zoom: 1;
  position: relative; }
  #top .top .products .category:before, #top .top .products .category:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #top .top .products .category:after {
    clear: both; }
  @media print, screen and (max-width: 640px) {
    #top .top .products .category {
      background-color: #fff; } }

#top .top .products .related_link {
  zoom: 1;
  width: 860px; }
  #top .top .products .related_link:before, #top .top .products .related_link:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #top .top .products .related_link:after {
    clear: both; }
  @media print, screen and (max-width: 640px) {
    #top .top .products .related_link {
      width: 100%;
      margin: 0; } }
  #top .top .products .related_link.tabOpen1 {
    margin: 286px auto 0; }
    @media print, screen and (max-width: 640px) {
      #top .top .products .related_link.tabOpen1 {
        width: 100%;
        margin: 0; } }
  #top .top .products .related_link.tabOpen2 {
    margin: 426px auto 0; }
    @media print, screen and (max-width: 640px) {
      #top .top .products .related_link.tabOpen2 {
        width: 100%;
        margin: 0; } }
  #top .top .products .related_link.tabOpen3 {
    margin: 576px auto 0; }
    @media print, screen and (max-width: 640px) {
      #top .top .products .related_link.tabOpen3 {
        width: 100%;
        margin: 0; } }
  #top .top .products .related_link.tabClose {
    margin: 20px auto 0; }
    @media print, screen and (max-width: 640px) {
      #top .top .products .related_link.tabClose {
        width: 100%;
        margin: 0; } }
  #top .top .products .related_link li {
    float: left;
    width: 258px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    padding: 0 10px;
    border: 1px solid #4c9d42;
    border-radius: 6px;
    position: relative; }
    #top .top .products .related_link li:hover {
      background: #E6F59F; }
      @media print, screen and (max-width: 640px) {
        #top .top .products .related_link li:hover {
          background: none; } }
    #top .top .products .related_link li:first-child {
      margin-left: 0; }
    #top .top .products .related_link li:before {
      content: url(/assets/img/common/ar_04.png);
      margin-right: .5em;
      display: inline-block; }
    #top .top .products .related_link li a {
      color: #4c9d42;
      text-decoration: none;
      font-size: 83.5%;
      display: inline-block;
      height: 100%; }
      @media print, screen and (max-width: 640px) {
        #top .top .products .related_link li a {
          font-size: 12px;
          font-size: 3.75vw;
          width: auto;
          height: auto; } }
    @media print, screen and (max-width: 640px) {
      #top .top .products .related_link li {
        float: none;
        width: 100%;
        margin: 0;
        border: none; } }

#top .top .knack h2.sp {
  width: 110%;
  margin: 0 0 0 -5%; }

#top .top .knack ul {
  display: table; }
  @media print, screen and (max-width: 640px) {
    #top .top .knack ul {
      display: block;
      zoom: 1; }
      #top .top .knack ul:before, #top .top .knack ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #top .top .knack ul:after {
        clear: both; } }
  #top .top .knack ul li {
    display: table-cell;
    width: 146.3px;
    height: 110px;
    vertical-align: top;
    text-align: center;
    color: #4c9d42; }
    #top .top .knack ul li p {
      margin-top: 10px;
      color: #4c9d42; }
    @media print, screen and (max-width: 640px) {
      #top .top .knack ul li {
        display: block;
        float: left;
        width: 46%;
        height: auto;
        margin: 0 2% 4%; } }
    #top .top .knack ul li a {
      text-decoration: none; }

#top .top .knack h2 {
  position: relative;
  margin-top: inherit;
  color: inherit;
  font-weight: normal;
  padding-left: 0;
  line-height: inherit;
  font-family: inherit; }
  #top .top .knack h2 .knack_list {
    display: block;
    position: absolute;
    right: 42px;
    top: 63px;
    line-height: 1; }
    @media print, screen and (max-width: 640px) {
      #top .top .knack h2 .knack_list {
        top: 5px;
        right: 4%;
        width: 55%;
        line-height: 0; } }
  #top .top .knack h2 .h2_knak_txt {
    right: 40px; }

@media print, screen and (max-width: 640px) {
  #top .top .knack .knack_txt {
    text-align: center; } }

#top .top .announcement {
  zoom: 1;
  width: 870px;
  margin: 70px auto 0; }
  #top .top .announcement:before, #top .top .announcement:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  #top .top .announcement:after {
    clear: both; }
  #top .top .announcement .a_img {
    float: left;
    width: 90px;
    margin: 40px 20px 0 0; }
    @media print, screen and (max-width: 640px) {
      #top .top .announcement .a_img {
        float: none;
        margin: 0 auto;
        text-align: center; } }
  #top .top .announcement .a_contents {
    float: left;
    width: 760px; }
    #top .top .announcement .a_contents li {
      padding: 16px 0 0 100px;
      border-bottom: 1px dotted #737373;
      text-indent: -100px;
      line-height: 1.4; }
      #top .top .announcement .a_contents li .date {
        display: inline-block;
        margin-left: 100px; }
        @media print, screen and (max-width: 640px) {
          #top .top .announcement .a_contents li .date {
            margin-left: 0;
            margin-bottom: 3%; } }
      @media print, screen and (max-width: 640px) {
        #top .top .announcement .a_contents li {
          padding-left: 0;
          text-indent: 0; } }
    @media print, screen and (max-width: 640px) {
      #top .top .announcement .a_contents {
        float: none;
        width: 100%; } }
  @media print, screen and (max-width: 640px) {
    #top .top .announcement {
      width: 100%;
      margin: 20px auto 0; } }

#top .top .other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 70px 0 0; }
  @media print, screen and (max-width: 640px) {
    #top .top .other {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  #top .top .other .other_cm {
    display: block;
    width: 50%; }
    @media print, screen and (max-width: 640px) {
      #top .top .other .other_cm {
        display: block;
        width: 100%; } }
  #top .top .other .cm, #top .top .other .picup {
    height: 177px;
    padding: 18px 22px 21px;
    background: url(/assets/img/common/bg_dot01.png);
    border: 2px solid #ffe9bb;
    border-radius: 10px;
    text-align: center;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #top .top .other .cm, #top .top .other .picup {
        width: auto;
        height: auto; } }
    @media print, screen and (max-width: 640px) {
      #top .top .other .cm > ul, #top .top .other .picup > ul {
        margin-top: 5%; }
        #top .top .other .cm > ul img, #top .top .other .picup > ul img {
          width: 100%; } }
  #top .top .other .picup {
    height: auto;
    width: 45%;
    margin-left: 10px; }
    @media print, screen and (max-width: 640px) {
      #top .top .other .picup {
        width: 100%;
        margin-top: 1em;
        margin-left: 0; } }
    #top .top .other .picup ul {
      margin: 20px 0 0;
      zoom: 1; }
      #top .top .other .picup ul:before, #top .top .other .picup ul:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #top .top .other .picup ul:after {
        clear: both; }
      #top .top .other .picup ul li {
        display: inline-block;
        width: 189px;
        height: 86px;
        margin: 3px; }
        @media print, screen and (max-width: 640px) {
          #top .top .other .picup ul li {
            float: none;
            width: auto;
            height: auto;
            margin-left: 0;
            margin-bottom: .5em; } }
        #top .top .other .picup ul li:first-child {
          margin-left: 0; }
        #top .top .other .picup ul li img {
          width: 100%; }

#top .new_recipe .new_recipeImage {
  position: relative;
  display: block;
  min-height: 213px;
  max-height: 213px;
  overflow: hidden; }
  #top .new_recipe .new_recipeImage img {
    position: absolute;
    top: 0;
    left: 0; }
  @media print, screen and (max-width: 640px) {
    #top .new_recipe .new_recipeImage {
      min-height: 63vw;
      max-height: 66vw; } }

#top .new_recipe .image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto; }

#products {
  /*products TOP*/ }
  #products #contents_wrap {
    background: url("/assets/img/products/newlrewrap/body-bg-01.png") 0 0;
    padding-top: 0; }
    #products #contents_wrap {
      background: #fff;
      padding: 20px 0 40px; }
    @media print, screen and (max-width: 640px) {
      #products #contents_wrap {
        background: none; }
        #products #contents_wrap {
          padding: 20px 0 40px; } }
  #products .topicPath {
    margin: 20px 0 30px; }
    #products .topicPath li {
      display: inline;
      margin-right: 20px; }
      #products .topicPath li a {
        text-decoration: underline;
        position: relative; }
        #products .topicPath li a:hover {
          text-decoration: none; }
        #products .topicPath li a:after {
          content: "＞";
          position: absolute;
          right: -20px;
          height: 50%;
          top: 50%;
          margin-top: -.5em;
          color: #000; }
    @media print, screen and (max-width: 640px) {
      #products .topicPath {
        margin: 20px 5% 35px; }
        #products .topicPath li {
          font-size: 10px; } }
  #products .products-top-img--col2 {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    #products .products-top-img--col2 .products-top-img--col2-left {
      min-width: 50%; }
      #products .products-top-img--col2 .products-top-img--col2-left img {
        width: 100%; }
    #products .products-top-img--col2 .products-top-img--col2-right {
      min-width: 50%;
      margin: 0 1.5957%; }
      #products .products-top-img--col2 .products-top-img--col2-right img {
        width: 100%; }
    @media print, screen and (max-width: 640px) {
      #products .products-top-img--col2 {
        margin-top: 30px;
        display: inherit; }
        #products .products-top-img--col2 div {
          display: block; }
          #products .products-top-img--col2 div img {
            width: 100%; }
        #products .products-top-img--col2 .products-top-img--col2-left {
          max-width: inherit;
          padding: 0 10.6666%;
          margin-bottom: 30px; }
        #products .products-top-img--col2 .products-top-img--col2-right {
          margin: 0 5%;
          width: 90%;
          max-width: 100%; }
        #products .products-top-img--col2 img {
          width: 100%; } }
  #products .productsContents--sub {
    margin-top: 30px; }
  #products .ttlType_D {
    padding: 10px 25px;
    border-radius: 6px;
    background: #90c31f;
    color: #fff;
    font-weight: bolder;
    font-size: 24px;
    line-height: 1.2; }
    @media print, screen and (max-width: 640px) {
      #products .ttlType_D {
        font-size: 18px;
        text-align: center; } }
  #products .txtNormal {
    width: 90%;
    margin: 20px auto; }
  #products .imgLayout {
    text-align: center;
    margin: 30px auto; }
    @media print, screen and (max-width: 640px) {
      #products .imgLayout img {
        max-width: 100%; } }
  #products .imgLayoutCol2 {
    margin: 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    #products .imgLayoutCol2__inner {
      display: inline-block;
      max-width: 47.5%; }
    @media print, screen and (max-width: 640px) {
      #products .imgLayoutCol2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #products .imgLayoutCol2__inner {
          display: block;
          max-width: 90%;
          margin: 30px auto; }
          #products .imgLayoutCol2__inner iframe,
          #products .imgLayoutCol2__inner img {
            max-width: 100%;
            margin: 0 auto;
            max-height: 200px; }
          #products .imgLayoutCol2__inner.pc {
            display: none; } }
  #products .productsContents {
    margin: 40px auto; }
    #products .productsContents:last-of-type {
      margin-bottom: 0; }
  @media print, screen and (max-width: 640px) {
    #products #lineup .prodCharaListItem__col2__basic,
    #products #related .prodCharaListItem__col2__basic {
      width: 48%; } }
  #products .productsContents__img--col2 {
    margin: 40px auto 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
    #products .productsContents__img--col2 .productsContents__img--col2__item {
      width: 47.5%;
      margin-bottom: 50px; }
      #products .productsContents__img--col2 .productsContents__img--col2__item img {
        width: 100%; }
      #products .productsContents__img--col2 .productsContents__img--col2__item .productsContents__img--col2__item__ttl {
        margin-bottom: 30px; }
        #products .productsContents__img--col2 .productsContents__img--col2__item .productsContents__img--col2__item__ttl img {
          width: 100%; }
      #products .productsContents__img--col2 .productsContents__img--col2__item .productsContents__img--col2__item__inner {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%; }
    @media print, screen and (max-width: 640px) {
      #products .productsContents__img--col2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #products .productsContents__img--col2 .productsContents__img--col2__item {
          width: 90%;
          margin: 30px 5%; }
          #products .productsContents__img--col2 .productsContents__img--col2__item figure {
            text-align: center; } }
  #products .productsContents__img--col3 {
    margin: 25px 0 70px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #products .productsContents__img--col3 .productsContents__img--col3__item {
      width: 30.49645%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      margin-bottom: 20px; }
      #products .productsContents__img--col3 .productsContents__img--col3__item img {
        max-height: 164px;
        max-width: 100%; }
    @media print, screen and (max-width: 640px) {
      #products .productsContents__img--col3 .productsContents__img--col3__item {
        width: 90%;
        margin: 15px 5%; }
        #products .productsContents__img--col3 .productsContents__img--col3__item img {
          width: 100%;
          max-height: auto; } }
  #products .productsTopChara {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px; }
    @media print, screen and (max-width: 640px) {
      #products .productsTopChara {
        width: 90%;
        margin: 5% auto 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #products .productsTopChara__text {
      width: 80%; }
      @media print, screen and (max-width: 640px) {
        #products .productsTopChara__text {
          width: 100%; } }
      #products .productsTopChara__text p {
        line-height: 1.8;
        font-size: 17px; }
        @media print, screen and (max-width: 640px) {
          #products .productsTopChara__text p {
            font-size: 12px;
            font-size: 3.75vw;
            line-height: 1.6; } }
    #products .productsTopChara__image {
      text-align: right; }
      @media print, screen and (max-width: 640px) {
        #products .productsTopChara__image {
          width: 60%;
          margin-left: auto; }
          #products .productsTopChara__image img {
            width: 100%; } }
  #products .productsTopList {
    margin: 45px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 140px; }
    #products .productsTopList li {
      margin: 10px 0;
      width: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #products .productsTopList li span {
        padding: 5px 0 5px 40px;
        display: block;
        font-weight: bold;
        background: url("/assets/img/products/newkrewrap/icon-01.png") no-repeat 0 50%; }
    #products .productsTopList.note {
      margin-bottom: 10px; }
      #products .productsTopList.note + p {
        padding-left: 140px; }
    @media print, screen and (max-width: 640px) {
      #products .productsTopList {
        margin: 40px 5%;
        padding-left: 0;
        display: inherit; }
        #products .productsTopList.note + p {
          padding-left: 5%;
          font-size: 12px; }
        #products .productsTopList li {
          width: 100%;
          margin: 15px 0; } }
  #products .pageLinkList {
    margin-bottom: 65px; }
  #products .kotsu {
    border-radius: 10px;
    position: relative; }
    #products .kotsu .kotsu_listArea {
      padding-top: 10px; }
      #products .kotsu .kotsu_listArea .list {
        padding-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%; }
        #products .kotsu .kotsu_listArea .list li {
          width: 282px;
          padding-left: 5px;
          position: relative;
          margin-bottom: 20px;
          height: 115px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: url("/assets/img/products/common/new_list_bg.png");
          border: 1px solid #e8e8e8;
          border-radius: 5px;
          -webkit-box-shadow: #e8e8e8 0 1px 1px 1px;
          box-shadow: #e8e8e8 0 1px 1px 1px; }
          #products .kotsu .kotsu_listArea .list li .img_flame {
            float: left;
            position: relative;
            top: 12px; }
            #products .kotsu .kotsu_listArea .list li .img_flame .flame_mask {
              position: absolute;
              top: -7px;
              left: -1px; }
            #products .kotsu .kotsu_listArea .list li .img_flame a:hover img {
              opacity: 0.7; }
        #products .kotsu .kotsu_listArea .list li .text_flame {
          float: left;
          margin: 20px 0 0 10px;
          width: 140px; }
          #products .kotsu .kotsu_listArea .list li .text_flame p.categoly {
            color: #408d34; }
            #products .kotsu .kotsu_listArea .list li .text_flame p.categoly a {
              color: #408d34; }
          #products .kotsu .kotsu_listArea .list li .text_flame p.title {
            background: url("/assets/img/products/common/arrow02.png") no-repeat left 4px;
            padding-left: 1em;
            color: #7f581a;
            font-size: 14px;
            font-weight: bold;
            text-decoration: underline;
            margin-left: 10px;
            line-height: 21px; }
    @media print, screen and (max-width: 640px) {
      #products .kotsu .kotsu_listArea .list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #products .kotsu .kotsu_listArea .list li {
          width: 90%; }
          #products .kotsu .kotsu_listArea .list li .img_flame {
            width: 47.2463%; }
            #products .kotsu .kotsu_listArea .list li .img_flame img {
              width: 100%; }
            #products .kotsu .kotsu_listArea .list li .img_flame .flame_mask {
              width: 100%; }
          #products .kotsu .kotsu_listArea .list li .text_flame {
            max-width: 42.7537%;
            margin: 10px 0 0 10px; }
            #products .kotsu .kotsu_listArea .list li .text_flame p.categoly,
            #products .kotsu .kotsu_listArea .list li .text_flame p.title {
              font-size: 15px;
              font-weight: bold; }
            #products .kotsu .kotsu_listArea .list li .text_flame p.categoly {
              margin-bottom: 5px; } }
  #products .recipe_list {
    margin-top: 30px; }
    #products .recipe_list .list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #products .recipe_list .list li {
        position: relative;
        margin-bottom: 20px;
        width: 282px;
        min-height: 162px;
        background: url("/assets/img/products/common/new_list_bg.png");
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        -webkit-box-shadow: #e8e8e8 0 1px 1px 1px;
        box-shadow: #e8e8e8 0 1px 1px 1px; }
        #products .recipe_list .list li .inleft_Li {
          float: left;
          width: 140px; }
          #products .recipe_list .list li .inleft_Li .new_bg {
            position: absolute;
            top: -4px;
            left: -4px;
            z-index: 2; }
          #products .recipe_list .list li .inleft_Li .img_flame {
            width: 129px;
            height: 100px;
            position: absolute;
            top: 5px;
            left: 7px;
            overflow: hidden;
            z-index: 1; }
            #products .recipe_list .list li .inleft_Li .img_flame .img_item {
              position: absolute;
              top: 0;
              left: 0;
              z-index: -10; }
        #products .recipe_list .list li .inright_Li {
          float: right;
          width: 145px;
          padding: 10px 5px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          #products .recipe_list .list li .inright_Li p {
            font-size: 14px;
            margin-top: 10px; }
            #products .recipe_list .list li .inright_Li p.categoly {
              background: url("/assets/img/products/common/recipe_h_icon01.png") no-repeat left 4px;
              padding-left: 1em;
              font-size: 14px;
              font-weight: bold;
              text-decoration: underline;
              line-height: 19px; }
              #products .recipe_list .list li .inright_Li p.categoly a {
                color: #408d34; }
            #products .recipe_list .list li .inright_Li p.title {
              background: url("/assets/img/products/common/arrow02.png") no-repeat left 4px;
              padding-left: 1em;
              color: #7f581a;
              font-size: 14px;
              font-weight: bold;
              text-decoration: underline;
              line-height: 18px; }
        #products .recipe_list .list li p.text {
          position: absolute;
          top: 110px;
          padding: 0 20px;
          overflow: hidden; }
        #products .recipe_list .list li.new {
          position: relative; }
          #products .recipe_list .list li.new:before {
            content: url("/assets/img/products/common/icon-new.png");
            position: absolute;
            left: -6px;
            top: -3px;
            z-index: 100; }
    @media print, screen and (max-width: 640px) {
      #products .recipe_list .list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #products .recipe_list .list li {
          width: 90%;
          padding-right: 5px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          #products .recipe_list .list li .inleft_Li .img_flame {
            width: 40%; }
            #products .recipe_list .list li .inleft_Li .img_flame img {
              width: 100%; }
            #products .recipe_list .list li .inleft_Li .img_flame .flame_mask {
              width: 100%; }
          #products .recipe_list .list li .inright_Li {
            margin-left: 45%;
            float: left;
            padding: 0;
            width: auto; }
            #products .recipe_list .list li .inright_Li p.categoly,
            #products .recipe_list .list li .inright_Li p.title {
              font-size: 15px; } }
  #products .moreBtn {
    text-align: right; }
    @media print, screen and (max-width: 640px) {
      #products .moreBtn {
        text-align: center; } }
  #products .linkBtn__contact {
    text-align: center;
    margin: 20px auto; }
  #products .productsContents__charaFilm .prodCharaList {
    margin-top: 45px; }
  #products .productsContents__img {
    margin-bottom: 60px; }
    #products .productsContents__img .productsContents__img__inner {
      border-radius: 3px;
      padding: 20px 35px;
      margin-bottom: 22px; }
      #products .productsContents__img .productsContents__img__inner img:nth-child(2) {
        margin-top: 15px; }
    @media print, screen and (max-width: 640px) {
      #products .productsContents__img {
        width: 100%; }
        #products .productsContents__img .productsContents__img__inner {
          padding: 20px 5%;
          margin-bottom: 0; }
          #products .productsContents__img .productsContents__img__inner .sp img {
            width: 100%; }
        #products .productsContents__img .sp.bg-none {
          padding: 22px 5% 0;
          background: #fff; }
          #products .productsContents__img .sp.bg-none img {
            width: 100%; } }
  #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 30px 0 40px; }
    #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__img,
    #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie {
      width: 40.4255%; }
    #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__img {
      margin: 0; }
    #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie {
      position: relative; }
      #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie:before {
        content: "";
        background: url("/assets/img/products/newkrewrap/chara-package-txt-01-02.png") no-repeat;
        position: absolute;
        top: -100px;
        left: 50%;
        margin-left: -190.5px;
        width: 381px;
        height: 87px;
        background-size: cover; }
  @media print, screen and (max-width: 640px) {
    #products .productsContents__charaPackage .prodCharaList {
      margin-top: 30px; }
      #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__img,
      #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie {
        width: 100%; }
      #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie {
        width: 80%;
        margin: 120px auto 30px; }
        #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie iframe {
          width: 100%;
          margin: 0 auto;
          text-align: center;
          height: auto; }
        #products .productsContents__charaPackage .prodCharaList .prodCharaListItem--long .prodCharaListItem__col2 .prodCharaListItem__movie:before {
          background: url("/assets/img/products/newkrewrap/chara-package-txt-01-02-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 100%;
          margin: 0 auto;
          top: -90px;
          left: 50%;
          margin-left: -50%;
          text-align: center; } }
  #products .prodoctContents__story {
    margin: 30px 0;
    overflow: hidden; }
    #products .prodoctContents__story .storyItem__renewal {
      float: left;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 4px solid #eb5404;
      border-radius: 10px;
      margin-right: 30px;
      max-width: 620px; }
      #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__ttl {
        text-align: center;
        background: #eb5404;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        padding: 5px 0; }
      #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner {
        padding: 15px 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding-bottom: 30px; }
        #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list {
          display: inline-block;
          width: 43.95161%;
          vertical-align: top; }
        #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list:nth-child(1) {
          margin-left: 4.03225%; }
        #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list:nth-child(2) {
          margin: 0 4.03225%; }
        #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner dt {
          font-weight: bold;
          color: #fff;
          background-color: #7ec717;
          padding: 5px 0 5px 50px;
          border-radius: 25px;
          margin-bottom: 5px; }
        #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner dd img {
          display: block;
          margin: auto; }
    #products .prodoctContents__story .storyItem__link {
      vertical-align: top;
      float: left; }
      #products .prodoctContents__story .storyItem__link .storyItem__link__text a {
        display: block; }
    @media print, screen and (max-width: 640px) {
      #products .prodoctContents__story .storyItem__renewal {
        float: none;
        margin: 0 5%; }
        #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list {
            width: 80%; }
            #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list:nth-child(1) {
              margin: 0 auto; }
              #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list:nth-child(1) dd img {
                width: 100%;
                height: auto; }
            #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list:nth-child(2) {
              margin: 20px auto 0; }
            #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list dt {
              text-align: center;
              padding: 5px 0; }
            #products .prodoctContents__story .storyItem__renewal .storyItem__renewal__inner .storyItem__renewal__list dd img {
              width: 60%;
              margin-top: 10px; }
      #products .prodoctContents__story .storyItem__link {
        margin: 30px 5% 10px;
        width: 90%; }
        #products .prodoctContents__story .storyItem__link a img {
          width: 100%; } }
  #products .productsContents__howTo .productsContents__howTo__text {
    margin: 20px 0 30px; }
  #products .productsContents__howTo .productsContents__howTo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #products .productsContents__howTo .productsContents__howTo__list li {
      width: 216px;
      height: 256px;
      background: url("/assets/img/products/common/furaipan_sheet_bg01.png");
      text-align: center;
      border: 1px solid #ececec; }
      #products .productsContents__howTo .productsContents__howTo__list li .img__inner {
        margin: 10px auto; }
      #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text {
        font-weight: bold;
        line-height: 1.7em; }
        #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text span {
          font-size: 19px;
          font-weight: bold;
          display: block; }
          #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text span.green {
            color: #7cab44; }
          #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text span.red {
            color: #dd2f2f; }
          #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text span.blue {
            color: #1d8cb0; }
          #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text span.orange {
            color: #ee7907; }
          #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text span.yellow {
            color: #ead00a; }
        #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text.nowrap {
          display: inline; }
          #products .productsContents__howTo .productsContents__howTo__list li .productsContents__howTo__list__text.nowrap span {
            display: inline; }
    #products .productsContents__howTo .productsContents__howTo__list.col5 {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      #products .productsContents__howTo .productsContents__howTo__list.col5 li {
        width: 168px;
        height: 180px; }
  @media print, screen and (max-width: 640px) {
    #products .productsContents__howTo .productsContents__howTo__text {
      margin: 20px 5%; }
    #products .productsContents__howTo .productsContents__howTo__list {
      width: 100%;
      padding: 0 5%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #products .productsContents__howTo .productsContents__howTo__list li {
        width: 47.5%;
        height: auto;
        margin: 20px 0;
        padding-bottom: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #products .productsContents__howTo .productsContents__howTo__list li .img__inner img {
          width: 100%; }
      #products .productsContents__howTo .productsContents__howTo__list.col5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #products .productsContents__howTo .productsContents__howTo__list.col5 li {
          width: 47.5%;
          height: auto; } }
  #products .productsContents__lineup {
    margin-top: 30px;
    padding: 0 0 45px; }
    #products .productsContents__lineup .productsContents__lineup__ttl__text {
      padding-left: 20px;
      margin-top: 20px;
      position: relative; }
      #products .productsContents__lineup .productsContents__lineup__ttl__text a {
        text-decoration: underline; }
        #products .productsContents__lineup .productsContents__lineup__ttl__text a:hover {
          text-decoration: none; }
      #products .productsContents__lineup .productsContents__lineup__ttl__text:before {
        content: "";
        background: #9cc813;
        width: 12px;
        height: 12px;
        position: absolute;
        left: 0;
        top: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    #products .productsContents__lineup .productsContents__lineup__list {
      margin-top: 20px;
      display: table;
      width: 100%; }
      #products .productsContents__lineup .productsContents__lineup__list figure {
        display: table-cell;
        width: 50%;
        text-align: center; }
        #products .productsContents__lineup .productsContents__lineup__list figure figcaption {
          text-align: center;
          margin: 10px 0 0 10px;
          color: #464646; }
    #products .productsContents__lineup ul.productsContents__lineup__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #products .productsContents__lineup ul.productsContents__lineup__list li {
        max-width: 30%;
        margin-right: 10px; }
        #products .productsContents__lineup ul.productsContents__lineup__list li:last-of-type {
          margin-right: 0; }
        #products .productsContents__lineup ul.productsContents__lineup__list li figcaption {
          margin: 20px 0 0; }
    @media print, screen and (max-width: 640px) {
      #products .productsContents__lineup {
        width: 90%;
        margin: 0 5% 50px;
        padding: 0; }
        #products .productsContents__lineup .productsContents__lineup__list__ttl:last-of-type {
          margin-top: 30px; }
        #products .productsContents__lineup .productsContents__lineup__list {
          width: 100%;
          margin-bottom: 50px;
          text-align: center; }
          #products .productsContents__lineup .productsContents__lineup__list figure {
            width: 45%;
            display: inline-block; }
            #products .productsContents__lineup .productsContents__lineup__list figure img:nth-of-type(1) {
              margin-left: 0; }
            #products .productsContents__lineup .productsContents__lineup__list figure figcaption {
              text-align: center;
              margin-top: 15px; }
            #products .productsContents__lineup .productsContents__lineup__list figure:nth-of-type(1) {
              margin-right: 10%; }
          #products .productsContents__lineup .productsContents__lineup__list figure:nth-child(1) {
            text-align: center; }
          #products .productsContents__lineup .productsContents__lineup__list:nth-of-type(3) figure:first-of-type img {
            margin-left: 0; }
        #products .productsContents__lineup ul.productsContents__lineup__list {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #products .productsContents__lineup ul.productsContents__lineup__list li {
            width: 100%;
            max-width: inherit;
            margin-bottom: 30px; }
            #products .productsContents__lineup ul.productsContents__lineup__list li figure {
              margin: 20px auto 0;
              text-align: center; }
        #products .productsContents__lineup .productsContents__lineup__list:first-of-type figure img {
          width: 100%; }
        #products .productsContents__lineup .productsContents__lineup__list:nth-of-type(2) figure img {
          width: 100%; }
        #products .productsContents__lineup .productsContents__lineup__list:last-of-type figure img {
          width: 100%; } }
  #products .productsContents__lineup.center .productsContents__lineup__list figure:nth-child(1) {
    text-align: center; }
  #products .productsContents__lineup.center .productsContents__lineup__list figure img:nth-of-type(1) {
    margin-left: 0; }
  #products .productsContents__lineup.center .productsContents__lineup__list figure figcaption {
    text-align: center;
    margin: 10px 0 0; }
  #products .productsContents__lineup.center .productsContents__lineup__list:nth-of-type(3) figure:first-of-type img {
    margin-left: 0; }
  @media print, screen and (max-width: 640px) {
    #products .productsContents__lineup.center {
      padding: 0; } }
  #products .productsContents__lineup.col1 .productsContents__lineup__list figure:nth-child(1) {
    text-align: center; }
  #products .productsContents__lineup.col1 .productsContents__lineup__list figure img:nth-of-type(1) {
    margin-left: 0; }
  #products .productsContents__lineup.col1 .productsContents__lineup__list figure figcaption {
    text-align: center;
    margin: 10px 0 0; }
  #products .productsContents__lineup.col1 .productsContents__lineup__list:nth-of-type(3) figure:first-of-type img {
    margin-left: 0; }
  @media print, screen and (max-width: 640px) {
    #products .productsContents__lineup.col1 {
      padding: 0; }
      #products .productsContents__lineup.col1 .productsContents__lineup__list figure {
        text-align: center;
        margin-right: 0;
        display: block;
        width: auto; }
        #products .productsContents__lineup.col1 .productsContents__lineup__list figure img {
          width: auto; } }
  #products .prodCharaList--lineup {
    margin-top: 0; }
    #products .prodCharaList--lineup .prodCharaListItem {
      margin-bottom: 40px;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block; }
      #products .prodCharaList--lineup .prodCharaListItem .prodCharaList--lineup__imgLayout {
        margin-top: 20px;
        padding: 0;
        text-align: center; }
        #products .prodCharaList--lineup .prodCharaListItem .prodCharaList--lineup__imgLayout.captionLeft {
          padding: 0; }
          #products .prodCharaList--lineup .prodCharaListItem .prodCharaList--lineup__imgLayout.captionLeft figcaption {
            text-align: center; }
        #products .prodCharaList--lineup .prodCharaListItem .prodCharaList--lineup__imgLayout figcaption {
          margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      #products .prodCharaList--lineup {
        margin-top: 20px; }
        #products .prodCharaList--lineup .prodCharaListItem {
          margin-bottom: 40px;
          padding: 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: inline-block; }
          #products .prodCharaList--lineup .prodCharaListItem .prodCharaList--lineup__imgLayout {
            margin-top: 20px;
            padding: 0;
            text-align: center; }
            #products .prodCharaList--lineup .prodCharaListItem .prodCharaList--lineup__imgLayout figcaption {
              margin-top: 10px; } }
  #products .productsContents__imgStyle01 {
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #products .productsContents__imgStyle01 {
        width: 90%;
        margin: 5% auto 0; }
        #products .productsContents__imgStyle01 img {
          width: 100%; } }
    #products .productsContents__imgStyle01 figcaption {
      margin-top: 10px; }
  #products .productsContents__imgStyle02 {
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #products .productsContents__imgStyle02 {
        width: 65%;
        margin: 5% auto 0; }
        #products .productsContents__imgStyle02 img {
          width: 100%; } }
    #products .productsContents__imgStyle02 figcaption {
      margin-top: 10px; }
  #products .productsContents__lineupList01 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #products .productsContents__lineupList01__item {
      width: 48%;
      text-align: center;
      margin-bottom: 20px; }
      @media print, screen and (max-width: 640px) {
        #products .productsContents__lineupList01__item img {
          width: 100%; } }
      #products .productsContents__lineupList01__item figcaption {
        margin-top: 0;
        text-align: center; }
  #products .newkrewrap .productsContents__charaFilm .prodCharaList {
    margin-top: 45px; }
  #products .range-container .productsContents .productsContents__img--col3 .productsContents__img--col3__item__row {
    margin-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  #products .range-container .productsContents .productsContents__img--col3 .productsContents__img--col3__item__ttl {
    display: block;
    width: 100%; }
    #products .range-container .productsContents .productsContents__img--col3 .productsContents__img--col3__item__ttl img {
      margin: auto; }
  #products .range-container .productsContents .productsContents__img--col3 figure {
    text-align: center;
    margin-top: 30px; }
    #products .range-container .productsContents .productsContents__img--col3 figure figcaption {
      margin-top: 20px;
      text-align: left; }
  #products .range-container .productsContents .productsContents__newArrival .productsContents__newArrival__ttl img {
    width: 100%; }
  @media print, screen and (max-width: 640px) {
    #products .range-container .productsContents .productsContents__img--col3 .productsContents__img--col3__item__row {
      margin: 30px auto; } }
  #products .dustman-stocking .prodCharaList .largeImgLayout {
    padding: 0; }
  #products .dustman-stocking .productsContents__lineup {
    padding: 0; }
  #products .special_site {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (max-width: 640px) {
      #products .special_site {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 90%;
        margin: 5% auto; } }
    #products .special_site li {
      margin-right: 10px; }
      @media print, screen and (max-width: 640px) {
        #products .special_site li {
          margin-right: 0;
          width: 48%; }
          #products .special_site li img {
            width: 100%; } }
  #products .listNavWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (max-width: 640px) {
      #products .listNavWrap {
        width: 90%;
        margin: 0 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #products .listNavWrap__item {
      width: 50%; }
      @media print, screen and (max-width: 640px) {
        #products .listNavWrap__item {
          width: 100%; } }
      @media print, screen and (max-width: 640px) {
        #products .listNavWrap__item.spHidden {
          display: none; } }
      #products .listNavWrap__item .pageLinkList {
        margin-top: 20px;
        margin-bottom: 0;
        margin-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media print, screen and (max-width: 640px) {
          #products .listNavWrap__item .pageLinkList {
            width: 100%; } }
        #products .listNavWrap__item .pageLinkList__item {
          position: relative;
          font-size: 15px;
          margin-left: 0;
          margin-bottom: 0;
          float: none;
          width: 216px;
          margin-right: 15px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          @media print, screen and (max-width: 640px) {
            #products .listNavWrap__item .pageLinkList__item {
              margin-right: 0;
              width: 100%;
              margin-bottom: 3%;
              font-size: 13px;
              font-size: 4.0625vw;
              height: auto;
              min-height: 60px; } }
          #products .listNavWrap__item .pageLinkList__item:nth-child(1) a:after {
            content: "";
            position: absolute;
            top: 0;
            right: 2%;
            width: 20%;
            height: 100%;
            background: url("/assets/img/products/common/nkw_icon.png") no-repeat center;
            background-size: contain; }
            @media print, screen and (max-width: 640px) {
              #products .listNavWrap__item .pageLinkList__item:nth-child(1) a:after {
                width: 15%; } }
          #products .listNavWrap__item .pageLinkList__item:nth-child(2) a:after {
            content: "";
            position: absolute;
            top: 11%;
            right: 2%;
            width: 10%;
            height: 80%;
            background: url("/assets/img/products/common/kc_icon.png") no-repeat center;
            background-size: contain; }
          #products .listNavWrap__item .pageLinkList__item a {
            padding-right: 0;
            padding-left: 32px; }
      #products .listNavWrap__item .basicLinkList, #products .listNavWrap__item #tvcm .pageback--link, #tvcm #products .listNavWrap__item .pageback--link {
        margin-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media print, screen and (max-width: 640px) {
          #products .listNavWrap__item .basicLinkList, #products .listNavWrap__item #tvcm .pageback--link, #tvcm #products .listNavWrap__item .pageback--link {
            width: 100%; } }
        #products .listNavWrap__item .basicLinkList__item {
          margin-left: 0;
          margin-right: 15px;
          width: 216px;
          float: none; }
          @media print, screen and (max-width: 640px) {
            #products .listNavWrap__item .basicLinkList__item {
              margin-right: 0;
              width: 100%; } }
  #products .productBanner {
    zoom: 1; }
    #products .productBanner:before, #products .productBanner:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #products .productBanner:after {
      clear: both; }
    #products .productBanner__item {
      margin-top: 30px;
      float: right; }
      @media print, screen and (max-width: 640px) {
        #products .productBanner__item {
          float: none;
          width: 90%;
          margin: 5% auto 0; }
          #products .productBanner__item img {
            width: 100%; } }
    #products .productBanner .ttlType_C {
      display: inline-block; }
      @media print, screen and (max-width: 640px) {
        #products .productBanner .ttlType_C {
          display: block; } }
  #products .productsItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media print, screen and (max-width: 640px) {
      #products .productsItems {
        width: 90%;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    #products .productsItems__item {
      width: 210px;
      margin-right: 10px;
      margin-bottom: 20px; }
      @media print, screen and (max-width: 640px) {
        #products .productsItems__item {
          width: 47%;
          margin-right: 0;
          margin-bottom: 5%; } }
      #products .productsItems__item img {
        width: 100%; }
    #products .productsItems__ttl {
      text-align: center;
      text-decoration: underline; }
  #products .lineup__img--col2 {
    margin: 40px auto 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
    #products .lineup__img--col2 .lineup__img--col2__item {
      width: 47.5%;
      margin-bottom: 50px; }
      #products .lineup__img--col2 .lineup__img--col2__item--mb0 {
        margin-bottom: 0; }
      #products .lineup__img--col2 .lineup__img--col2__item .lineup__img--col2__item__inner {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%; }
    #products .lineup__img--col2.single {
      display: block;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #products .lineup__img--col2.single {
          width: 90%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
    #products .lineup__img--col2--mb0 {
      margin-bottom: 0; }
    @media print, screen and (max-width: 640px) {
      #products .lineup__img--col2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #products .lineup__img--col2:after {
          content: " ";
          width: 50%; }
        #products .lineup__img--col2.lineup__img--col2__item {
          width: 40%;
          margin: 0 5% 10px; }
      #products .lineup__img--col2 img {
        width: 100%; } }
  #products .productsCharaItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #products .productsCharaItems {
        padding: 0 5%; } }
    #products .productsCharaItems__item {
      width: 288px;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: dashed 2px #cfcfcf; }
      @media print, screen and (max-width: 640px) {
        #products .productsCharaItems__item {
          width: 45%;
          margin: 5% 0 5%; } }
      #products .productsCharaItems__item--noborder {
        border-bottom: 0; }
      #products .productsCharaItems__item--2col {
        width: 50%;
        text-align: center; }
      @media print, screen and (max-width: 640px) {
        #products .productsCharaItems__item--sp1col {
          width: 100%; } }
      #products .productsCharaItems__item--mr325 {
        margin-right: 325px; }
        @media print, screen and (max-width: 640px) {
          #products .productsCharaItems__item--mr325 {
            margin-right: 0; } }
    @media print, screen and (max-width: 640px) {
      #products .productsCharaItems:last-child:after {
        content: "";
        display: block;
        width: 45%; } }
    #products .productsCharaItems__img {
      margin-bottom: 10px;
      width: 100%; }
      #products .productsCharaItems__img img {
        width: 100%; }
    @media print, screen and (max-width: 640px) {
      #products .productsCharaItems__imgVisual {
        width: 100%; } }
    @media print, screen and (max-width: 640px) {
      #products .productsCharaItems__imgTtl {
        width: 100%; } }
  #products .note {
    margin-top: 1em;
    padding-left: 1em;
    text-indent: -1em; }
  #products .productBanner__item--one {
    margin-top: 30px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #products .productBanner__item--one {
        width: 90%;
        margin: 5% auto 0; } }
    #products .productBanner__item--one .sp img {
      width: 100%; }
  #products .ttlType_img__bnr {
    margin: 30px auto;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #products .ttlType_img__bnr {
        width: 90%;
        margin: 10px auto 5%; } }
    #products .ttlType_img__bnr .sp img {
      width: 100%; }
  #products .howtoTtl {
    margin: 0 auto 35px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #products .howtoTtl {
        width: 90%;
        margin: 0 auto; } }
    #products .howtoTtl__img {
      margin-top: -80px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoTtl__img {
          margin-top: -30px;
          width: 100%; } }
      #products .howtoTtl__img .sp img {
        width: 100%; }
      @media print, screen and (max-width: 640px) {
        #products .howtoTtl__img--deco {
          margin-top: -20px; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoTtl__img--deco02 {
          margin-top: -65px; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoTtl__img--deco03 {
          margin-top: -30px; } }
  #products .howtoBox {
    max-width: 937px;
    padding: 30px;
    margin-bottom: 45px;
    background: url(/assets/img/products/cookingsheet/use/bg-box-dot-l.png) left no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%; }
    @media print, screen and (max-width: 640px) {
      #products .howtoBox {
        width: 83%;
        margin: 15px;
        padding: 10px;
        background: url(/assets/img/products/cookingsheet/use/bg-box-dot-l--sp.png) left no-repeat;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    #products .howtoBox--noborder {
      background: none;
      padding: 15px;
      margin: 0 auto; }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox--noborder {
          width: 90%; } }
    @media print, screen and (max-width: 640px) {
      #products .howtoBox--s {
        background: url(/assets/img/products/cookingsheet/use/bg-box-dot-s--sp.png) left no-repeat;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%; } }
    #products .howtoBox--green {
      max-width: 937px;
      padding: 30px;
      margin-bottom: 45px;
      background: url(/assets/img/products/foilsheet/use/bg-box-dot.png) left no-repeat;
      -moz-background-size: 100% 100%;
      background-size: 100% 100%; }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox--green {
          width: 80%;
          margin: 15px;
          padding: 15px;
          -ms-flex-line-pack: justify;
          align-content: space-between;
          background: url(/assets/img/products/foilsheet/use/bg-box-dot--sp.png) left no-repeat;
          -moz-background-size: 100% 100%;
          background-size: 100% 100%; } }
    #products .howtoBox__ttl {
      margin: 0 auto 30px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__ttl {
          width: 90%;
          margin: 0 auto; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__ttl__type {
          width: 35%; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__ttl__types {
          width: 15%; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__ttl__note {
          width: 100%;
          margin-bottom: 5px; } }
  #products .howtoBox__col2 {
    margin-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #products .howtoBox__col2 {
        width: 90%;
        margin: 15px 15px 0;
        padding: 0;
        -ms-flex-line-pack: justify;
        align-content: space-between; } }
    #products .howtoBox__col2__item {
      width: 42%;
      padding: 30px;
      background: url(/assets/img/products/cookingsheet/use/bg-box-dot-s.png) left no-repeat;
      -moz-background-size: 100% 100%;
      background-size: 100% 100%; }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__col2__item {
          width: 100%;
          padding: 15px;
          margin-bottom: 15px;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          background: url(/assets/img/products/cookingsheet/use/bg-box-dot-s--sp.png) left no-repeat;
          -moz-background-size: 100% 100%;
          background-size: 100% 100%; }
          #products .howtoBox__col2__item .sp img {
            width: 100%; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__col2__item:last-child {
          margin-bottom: 0; } }
      #products .howtoBox__col2__item--green {
        width: 42%;
        padding: 30px;
        background: url(/assets/img/products/foilsheet/use/bg-box-dot.png) left no-repeat;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        border-radius: 20px; }
        @media print, screen and (max-width: 640px) {
          #products .howtoBox__col2__item--green {
            width: 100%;
            background: url(/assets/img/products/foilsheet/use/bg-box-dot--sp.png) left no-repeat;
            -moz-background-size: 100% 100%;
            background-size: 100% 100%; } }
    #products .howtoBox__col2__ttl {
      margin: 0 auto 30px;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__col2__ttl {
          width: 90%;
          margin: 0 auto; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoBox__col2__ttl__type {
          width: 55%; } }
  #products .howtoItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #products .howtoItems {
        padding: 5px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    #products .howtoItems__item {
      margin-bottom: 20px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems__item {
          width: 48%;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems__item--mb0 {
          margin-bottom: 0; } }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems__item__long {
          width: 100%;
          margin: 5% auto; } }
    #products .howtoItems__img {
      margin-bottom: 10px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems__img {
          width: 100%; } }
      #products .howtoItems__img--col3 {
        padding-right: 5px; }
        @media print, screen and (max-width: 640px) {
          #products .howtoItems__img--col3 {
            margin-right: 0; } }
      #products .howtoItems__img--notext {
        margin-bottom: 0; }
    #products .howtoItems:last-child:after {
      content: "";
      display: block;
      width: 254px; }
    #products .howtoItems--bottomItem {
      margin-top: -150px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems--bottomItem {
          margin-top: -60px;
          width: 90%; } }
    #products .howtoItems--bottomItemgroup {
      margin-top: -50px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems--bottomItemgroup {
          margin: 0; } }
  @media print, screen and (max-width: 640px) {
    #products .imgPlace {
      margin: 10px auto 0; } }
  #products .howtoItems__col4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #products .howtoItems__col4 {
        padding: 5px; } }
    #products .howtoItems__col4__item {
      width: 185px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems__col4__item {
          width: 48%;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
    #products .howtoItems__col4__img {
      margin-bottom: 10px; }
      @media print, screen and (max-width: 640px) {
        #products .howtoItems__col4__img {
          width: 100%; } }
  #products .howtoItems__col4::before {
    content: "";
    display: block;
    width: 185px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  #products .howtoItems__col4::after {
    content: "";
    display: block;
    width: 185px; }
  #products .example__list {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media print, screen and (max-width: 640px) {
      #products .example__list {
        padding: 0 5%; } }
    #products .example__list__item {
      width: 287px;
      margin-bottom: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      -webkit-box-align: end;
      align-items: flex-end; }
      @media print, screen and (max-width: 640px) {
        #products .example__list__item {
          width: 46%;
          margin-bottom: 15px; } }
      #products .example__list__item img {
        width: 100%; }
    #products .example__list--mr0 {
      margin-right: 0; }
  #products .example__list:last-child::after {
    content: "";
    display: block;
    width: 287px; }
  #products .use__list {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media print, screen and (max-width: 640px) {
      #products .use__list {
        padding: 0 5%; } }
    #products .use__list__item {
      width: 271px;
      margin-bottom: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      -webkit-box-align: end;
      align-items: flex-end; }
      @media print, screen and (max-width: 640px) {
        #products .use__list__item {
          width: 46%;
          margin-bottom: 15px; } }
      #products .use__list__item img {
        width: 100%; }
      @media print, screen and (max-width: 640px) {
        #products .use__list__item--spnone {
          display: none; } }
    #products .use__list--mr0 {
      margin-right: 0; }
  #products .use__ttl {
    margin-top: 60px; }
    @media print, screen and (max-width: 640px) {
      #products .use__ttl {
        padding: 0 5%;
        margin-top: 10%; }
        #products .use__ttl--01 {
          width: 15.50725%; }
        #products .use__ttl--02 {
          width: 17.24638%; }
        #products .use__ttl--03 {
          width: 23.33333%; }
        #products .use__ttl img {
          width: 100%; } }
  #products .use__list:last-child::after {
    content: "";
    display: block;
    width: 271px; }

.nkw_page h3 {
  margin-top: 30px;
  color: #499E3D;
  font-size: 18px;
  font-weight: bold;
  padding-left: 1.5em;
  line-height: 1.5em;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  background: url(/assets/img/products/nkw/h3_ico.png) no-repeat left 4px;
  border-bottom: double 4px #C4DC76; }
  @media print, screen and (max-width: 640px) {
    .nkw_page h3 {
      background: #9cc813;
      padding: 5px 10px;
      border-radius: 3px;
      color: #fff;
      border: 0;
      margin: 20px 0 10px;
      font-size: 16px; } }

@media print, screen and (max-width: 640px) {
  .nkw_page {
    padding: 10px; }
    .nkw_page img {
      width: 100%; } }

.nkw_page .nkw_section01 {
  margin-top: 30px; }
  @media print, screen and (min-width: 641px) {
    .nkw_page .nkw_section01 {
      height: 814px; } }
  @media print, screen and (max-width: 640px) {
    .nkw_page .nkw_section01 {
      margin-top: 20px; }
      .nkw_page .nkw_section01 .mt20 img {
        margin-bottom: 20px; } }
  .nkw_page .nkw_section01 .pos_rel {
    position: relative; }
    @media print, screen and (max-width: 640px) {
      .nkw_page .nkw_section01 .pos_rel {
        background: url(/assets/img/products/nkw/sp_nkw_img01_bg.png) repeat;
        border: 1px solid #fdb03a;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 20px; } }
    .nkw_page .nkw_section01 .pos_rel .to_prof {
      position: absolute;
      top: 443px;
      left: 38px; }
      @media print, screen and (max-width: 640px) {
        .nkw_page .nkw_section01 .pos_rel .to_prof {
          position: static; } }
    .nkw_page .nkw_section01 .pos_rel .to_TVCM {
      position: absolute;
      top: 443px;
      left: 370px; }
      @media print, screen and (max-width: 640px) {
        .nkw_page .nkw_section01 .pos_rel .to_TVCM {
          position: static;
          margin-bottom: 20px; } }
    .nkw_page .nkw_section01 .pos_rel .TV_frame {
      position: absolute;
      top: 110px;
      left: 412px; }
      @media print, screen and (max-width: 640px) {
        .nkw_page .nkw_section01 .pos_rel .TV_frame {
          width: 300px;
          position: relative;
          top: auto;
          left: auto;
          margin: -150px auto 0; } }
    .nkw_page .nkw_section01 .pos_rel .youtube {
      position: absolute;
      top: 70px;
      left: 26px;
      background: #4E5257; }
      @media print, screen and (max-width: 640px) {
        .nkw_page .nkw_section01 .pos_rel .youtube {
          top: 45px;
          left: 17px; }
          .nkw_page .nkw_section01 .pos_rel .youtube iframe {
            width: 235px;
            height: 130px; } }

.nkw_page .nkw_section03 {
  margin-top: 30px; }
  .nkw_page .nkw_section03 .left_box {
    float: left;
    width: 614px; }
    @media print, screen and (max-width: 640px) {
      .nkw_page .nkw_section03 .left_box {
        width: auto; } }
  .nkw_page .nkw_section03 .right_box {
    float: right;
    width: 300px; }
    @media print, screen and (max-width: 640px) {
      .nkw_page .nkw_section03 .right_box {
        width: auto; } }

.nkw_page .nkw_section04 {
  margin-top: 30px; }
  @media print, screen and (max-width: 640px) {
    .nkw_page .nkw_section04 .special_site {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .nkw_page .nkw_section04 .special_site li {
    float: left;
    margin-right: 20px; }
    @media print, screen and (max-width: 640px) {
      .nkw_page .nkw_section04 .special_site li {
        width: calc(50% - 10px);
        float: none;
        margin: auto; }
        .nkw_page .nkw_section04 .special_site li img {
          height: auto; } }

.nkw_page .nkw_guide_contentsBox {
  margin-top: 20px; }
  .nkw_page .nkw_guide_contentsBox-main {
    margin-bottom: 20px;
    background: #FFFFFF; }
    .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap {
      background: none;
      margin: 30px 20px 30px 0;
      min-height: 25px;
      padding-left: 0; }
      @media print, screen and (max-width: 640px) {
        .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap {
          margin: 5%;
          padding-left: 0px; } }
      @media print, screen and (max-width: 640px) {
        .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap p {
          line-height: 1.9em; } }
      .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colLeft {
        float: left;
        width: 430px; }
        @media print, screen and (max-width: 640px) {
          .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colLeft {
            float: none;
            width: auto; } }
        .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colLeft p {
          line-height: 1.5em;
          padding-right: 0; }
          @media print, screen and (max-width: 640px) {
            .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colLeft p {
              padding-right: 0;
              margin-top: 3%; } }
      .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colRight {
        float: right;
        width: 400px;
        padding-right: 45px; }
        @media print, screen and (max-width: 640px) {
          .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colRight {
            float: none;
            width: auto;
            padding-right: 0; } }
        .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colRight p {
          line-height: 1.9em;
          padding-right: 25px; }
          @media print, screen and (max-width: 640px) {
            .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colRight p {
              padding-right: 0;
              margin: 3% 0; } }
        @media print, screen and (min-width: 641px) {
          .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colRight iframe {
            height: 236px;
            width: 420px; } }
        @media print, screen and (max-width: 640px) {
          .nkw_page .nkw_guide_contentsBox-main .a_bg_wrap .qa_colRight iframe {
            height: 180px;
            width: 100%;
            margin: 3% 0; } }

/* CSS Document */
.sanitize {
  width: 940px;
  margin: 30px auto 0;
  padding-bottom: 30px;
  border-radius: 5px;
  background: url(/assets/img/products/sanitize/sanitize_main_bg.png) repeat; }
  @media print, screen and (max-width: 640px) {
    .sanitize {
      width: auto;
      padding: 10px;
      border-radius: 0; }
      .sanitize img {
        width: 100%; } }
  .sanitize .main_vj {
    position: relative; }
    @media print, screen and (max-width: 640px) {
      .sanitize .main_vj {
        margin-bottom: 20px; }
        .sanitize .main_vj img {
          width: 100%; } }
  .sanitize .top_main_btns_area {
    position: absolute;
    top: 280px;
    width: 100%; }
    @media print, screen and (max-width: 640px) {
      .sanitize .top_main_btns_area {
        width: 200px;
        top: auto;
        bottom: 0px;
        left: 20px; } }
  .sanitize .top_main_btns {
    width: 560px;
    margin: 0 auto;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      .sanitize .top_main_btns {
        width: 180px; } }
    .sanitize .top_main_btns a {
      margin: 0 5px; }
      @media print, screen and (max-width: 640px) {
        .sanitize .top_main_btns a {
          margin-bottom: 10px;
          display: block; } }
  .sanitize .ct_w {
    width: 880px;
    margin: 0 auto; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct_w {
        width: auto; } }
  .sanitize .ct_inner {
    width: 870px;
    background: #E6FFE4;
    border-left: 5px solid #20B314;
    border-right: 5px solid #20B314;
    border-bottom: 5px solid #20B314;
    border-radius: 0px 0px 10px 10px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct_inner {
        width: auto;
        padding: 10px; } }
  .sanitize .ct_contents {
    width: 820px;
    margin: 0 auto;
    padding: 20px 0; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct_contents {
        width: auto; } }
  .sanitize .ct01_01 {
    position: relative;
    border: 3px solid #F19B3D;
    background: #FFFFFF;
    border-radius: 10px;
    padding-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct01_01 {
        padding: 40px 10px 10px; } }
  .sanitize .ct01_02 {
    position: relative;
    border: 3px solid #29A2E1;
    background: #FFFFFF;
    border-radius: 10px;
    padding-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct01_02 {
        padding: 40px 10px 10px; } }
  .sanitize .ct02_01 {
    position: relative;
    padding-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct02_01 {
        padding: 40px 10px 10px; }
        .sanitize .ct02_01 img {
          display: inline-block;
          margin-bottom: 20px; } }
  .sanitize .ct02_01_items {
    position: relative; }
  .sanitize .ct02_01_items01 {
    position: absolute;
    left: 20px;
    top: 90px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct02_01_items01 {
        position: static; }
        .sanitize .ct02_01_items01 p {
          text-align: center; }
        .sanitize .ct02_01_items01 img {
          width: 60%; }
        .sanitize .ct02_01_items01 a img {
          width: 90%; } }
  .sanitize .ct02_01_items02 {
    position: absolute;
    right: 40px;
    top: 90px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct02_01_items02 {
        position: static; }
        .sanitize .ct02_01_items02 p {
          text-align: center; }
        .sanitize .ct02_01_items02 img {
          width: 60%; }
        .sanitize .ct02_01_items02 a img {
          width: 90%; } }
  .sanitize .ct_ttl {
    position: absolute;
    top: -30px;
    text-align: center;
    width: 100%; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct_ttl {
        position: static;
        width: 300px;
        margin: -70px auto 20px; } }
  .sanitize .to_topBtn {
    text-align: right;
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .to_topBtn {
        text-align: center;
        margin: 20px 0; }
        .sanitize .to_topBtn img {
          width: 180px; } }
  .sanitize .ct_01_bannerbox {
    width: 760px;
    margin: 20px auto 0; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct_01_bannerbox {
        text-align: center;
        width: auto; }
        .sanitize .ct_01_bannerbox .fr {
          margin: 20px 0; }
        .sanitize .ct_01_bannerbox a img {
          width: 150px; } }
  .sanitize .ct01_02_list {
    width: 740px;
    margin: 20px auto 0; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct01_02_list {
        width: auto; } }
    .sanitize .ct01_02_list li {
      float: left;
      margin: 0 5px; }
      @media print, screen and (max-width: 640px) {
        .sanitize .ct01_02_list li {
          float: none; }
          .sanitize .ct01_02_list li p:last-child {
            margin-bottom: 20px; } }
      .sanitize .ct01_02_list li p {
        text-align: center;
        font-size: 12px;
        margin-bottom: 5px; }
  .sanitize .ct01_03_list {
    width: 850px;
    margin: 20px auto 0;
    padding-bottom: 50px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct01_03_list {
        width: auto;
        padding: 10px 10px 10px; } }
    .sanitize .ct01_03_list li {
      position: relative;
      float: left;
      margin: 0 10px; }
      @media print, screen and (max-width: 640px) {
        .sanitize .ct01_03_list li {
          float: none;
          margin-bottom: 20px; } }
      .sanitize .ct01_03_list li .shopbox {
        position: absolute;
        bottom: 20px;
        z-index: 10;
        width: 100%;
        text-align: center; }
        @media print, screen and (max-width: 640px) {
          .sanitize .ct01_03_list li .shopbox {
            width: 240px;
            left: 50%;
            bottom: 40px;
            margin-left: -120px; } }
  .sanitize .ct02_01 {
    position: relative;
    border: 3px solid #29A2E1;
    background: #FFFFFF;
    border-radius: 10px;
    padding-bottom: 20px; }
  .sanitize .ct02_01_list {
    width: 690px;
    margin: 20px auto 0;
    padding-bottom: 10px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct02_01_list {
        width: auto; }
        .sanitize .ct02_01_list p {
          text-align: center; }
        .sanitize .ct02_01_list img {
          width: 60%; }
        .sanitize .ct02_01_list a img {
          width: 90%; } }
    .sanitize .ct02_01_list li {
      float: left;
      margin: 0 15px; }
      @media print, screen and (max-width: 640px) {
        .sanitize .ct02_01_list li {
          float: none; } }
  .sanitize .ct02_02 {
    position: relative;
    margin-top: 50px; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct02_02 {
        position: relative;
        border: 3px solid #189245;
        background: #fff;
        border-radius: 10px;
        padding: 40px 10px 10px; }
        .sanitize .ct02_02 img {
          margin-bottom: 20px;
          display: inline-block; } }
  .sanitize .ct02_02_item {
    position: absolute;
    right: 40px;
    top: 100px;
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      .sanitize .ct02_02_item {
        position: static; }
        .sanitize .ct02_02_item p {
          margin-bottom: 20px; }
        .sanitize .ct02_02_item img {
          width: 60%; }
        .sanitize .ct02_02_item a img {
          width: 90%; } }

/*くるり・くるみプロフィール--------------------------------------------
------------------------------------------------------------------------*/
.nkw_profile {
  padding-top: 20px; }
  .nkw_profile h3 {
    color: #499E3D;
    font-size: 18px;
    font-weight: bold;
    padding-left: 1.5em;
    line-height: 1.5em;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    background: url(/assets/img/products/nkw/profile/h3_ico.png) no-repeat left 4px;
    border-bottom: double 4px #C4DC76; }
    @media print, screen and (max-width: 640px) {
      .nkw_profile h3 {
        border: none;
        color: #000;
        border-left: 3px solid #f78c24;
        background: none;
        padding-left: 10px;
        margin-bottom: 10px; } }
  @media print, screen and (max-width: 640px) {
    .nkw_profile {
      padding: 20px 10px 10px; }
      .nkw_profile img {
        width: 100%; } }
  .nkw_profile .kururi_prof {
    float: left;
    width: 450px; }
    @media print, screen and (max-width: 640px) {
      .nkw_profile .kururi_prof {
        float: none;
        width: auto;
        margin-bottom: 20px; } }
  .nkw_profile .kurumi_prof {
    float: right;
    width: 450px; }
    @media print, screen and (max-width: 640px) {
      .nkw_profile .kurumi_prof {
        float: none;
        width: auto; } }
  .nkw_profile div dl.qa {
    margin-top: 20px; }
  .nkw_profile div dl.qa dt {
    background: #FFF6B1; }
  .nkw_profile div dl.qa dt p {
    background: url(/assets/img/products/nkw/profile/q_bg01.png) no-repeat 10px;
    line-height: 2.5em;
    padding-left: 3em; }
  .nkw_profile div dl.qa dd p {
    background: url(/assets/img/products/nkw/profile/a.png) no-repeat 10px 12px;
    padding: 15px 3em; }
  .nkw_profile div dl.qa p.com_ic110 {
    background: url(/assets/img/products/nkw/profile/com_ic110.gif) no-repeat left 3px;
    line-height: 1.5em;
    padding-left: 1em;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 10px; }

/*kichintosan-----------------------------------------------------------
------------------------------------------------------------------------*/
.kichintosan_page {
  margin-top: 30px; }
  @media print, screen and (max-width: 640px) {
    .kichintosan_page {
      padding: 0 5%; }
      .kichintosan_page img {
        width: 100%; }
      .kichintosan_page .mt20 img {
        margin-bottom: 20px; } }
  .kichintosan_page .titleImage {
    position: relative; }
    .kichintosan_page .titleImage .textArea01 {
      position: absolute;
      width: 795px;
      height: 28px;
      top: 158px;
      left: 22px;
      background: #FFF;
      border-radius: 5px; }
      @media print, screen and (max-width: 640px) {
        .kichintosan_page .titleImage .textArea01 {
          width: auto;
          position: static; } }
      .kichintosan_page .titleImage .textArea01 p {
        line-height: 28px;
        padding-left: 15px; }
  .kichintosan_page .innerText {
    position: absolute;
    top: 574px;
    left: 21px;
    background: #FFF;
    border-radius: 5px;
    width: 860px;
    padding: 25px 20px 10px 20px; }
    @media print, screen and (max-width: 640px) {
      .kichintosan_page .innerText {
        width: auto;
        position: static; } }
    .kichintosan_page .innerText p {
      font-size: 17px; }
    .kichintosan_page .innerText img.abs {
      position: absolute;
      top: -20px;
      left: -10px; }
  .kichintosan_page .item_introduction {
    width: 95%;
    margin: 0 auto; }
    .kichintosan_page .item_introduction ul {
      margin-top: 30px; }
      .kichintosan_page .item_introduction ul li {
        float: left;
        width: 164px;
        margin: 0 3.31%; }
        .kichintosan_page .item_introduction ul li p {
          text-align: center; }
  .kichintosan_page .pos_rel {
    position: relative; }
  .kichintosan_page .pos_abs {
    position: absolute;
    top: -12px;
    right: 0px;
    width: 127px; }
    @media print, screen and (max-width: 640px) {
      .kichintosan_page .pos_abs {
        position: static; } }
  .kichintosan_page .categoryList .contents_wrap {
    background: url(/assets/img/products/kichintosan/kichintosan_thumb_bg.png) no-repeat center; }
    @media print, screen and (max-width: 640px) {
      .kichintosan_page .categoryList .contents_wrap {
        background-size: cover; } }
    .kichintosan_page .categoryList .contents_wrap ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
      @media print, screen and (max-width: 640px) {
        .kichintosan_page .categoryList .contents_wrap ul {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .kichintosan_page .categoryList .contents_wrap ul li {
        height: auto;
        width: auto; }
        @media print, screen and (max-width: 640px) {
          .kichintosan_page .categoryList .contents_wrap ul li {
            width: 46%; } }
  @media print, screen and (max-width: 640px) {
    .kichintosan_page .qa_wrap dl._toggle dt p.fl {
      padding-top: 5%; } }

.pc .kichintosan_bgWrap {
  background: url(/assets/img/products/kichintosan/kichintosan_thumb_bg.png) no-repeat center; }

.kichintosan_bgWrap .showcase_list_ovfh {
  position: relative;
  width: 100%;
  height: 220px !important;
  overflow: hidden; }

.kichintosan_bgWrap .showcase_list_ovfh #showcase_list_btn_L {
  position: absolute;
  left: 10px !important;
  top: 90px !important;
  z-index: 10; }

.kichintosan_bgWrap .showcase_list_ovfh #showcase_list_btn_R {
  position: absolute;
  right: 10px !important;
  top: 90px !important;
  z-index: 10; }

.sp_product_list .sp_product_list_wrap {
  padding: 10px;
  background: url(/assets/img/products/kichintosan/sp_kichintosan_thumb_bg.png) no-repeat center; }
  .sp_product_list .sp_product_list_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .sp_product_list .sp_product_list_wrap ul li {
      width: 50%;
      margin-bottom: 10px; }
      .sp_product_list .sp_product_list_wrap ul li img {
        max-width: auto;
        height: 100%; }

#main_ayumi {
  width: 940px;
  margin: 0 auto 20px;
  background: #fff4e4 url(/assets/img/products/nkw/history/bg.png) top left repeat-y;
  padding: 0 0 25px 0;
  /*entryblock*/ }
  @media print, screen and (max-width: 640px) {
    #main_ayumi {
      width: auto;
      padding: 10px; }
      #main_ayumi img {
        width: 100%; } }
  #main_ayumi .ttl {
    margin: 20px 0 0 0; }
    @media print, screen and (max-width: 640px) {
      #main_ayumi .ttl {
        padding: 0 20px; } }
  #main_ayumi .lead {
    margin: 20px 0 0 0; }
    @media print, screen and (max-width: 640px) {
      #main_ayumi .lead {
        margin: 20px 0; } }
  #main_ayumi .entryblock {
    margin: 20px 28px; }
    @media print, screen and (max-width: 640px) {
      #main_ayumi .entryblock {
        margin: 0; } }
    #main_ayumi .entryblock img {
      margin: 0; }
    #main_ayumi .entryblock .l_item,
    #main_ayumi .entryblock .r_item {
      width: 429px;
      float: left; }
      @media print, screen and (max-width: 640px) {
        #main_ayumi .entryblock .l_item,
        #main_ayumi .entryblock .r_item {
          width: auto;
          position: relative;
          padding-left: 50px; } }
      #main_ayumi .entryblock .l_item .era,
      #main_ayumi .entryblock .r_item .era {
        width: 47px;
        float: left; }
        @media print, screen and (max-width: 640px) {
          #main_ayumi .entryblock .l_item .era,
          #main_ayumi .entryblock .r_item .era {
            position: absolute;
            left: 0; } }
    #main_ayumi .entryblock .r_item {
      margin: 0 0 0 26px; }
      @media print, screen and (max-width: 640px) {
        #main_ayumi .entryblock .r_item {
          margin: 0; } }

#tvcm {
  /*TVCM TOP*/ }
  #tvcm .tvcmTopList {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media print, screen and (max-width: 640px) {
      #tvcm .tvcmTopList {
        margin-top: 6.66667%; } }
    #tvcm .tvcmTopList__item {
      margin-bottom: 35px; }
      @media print, screen and (max-width: 640px) {
        #tvcm .tvcmTopList__item {
          margin-bottom: 0.01875%; } }
  #tvcm .tvcmTopListItem {
    margin: 0 26px 40px; }
    @media print, screen and (max-width: 640px) {
      #tvcm .tvcmTopListItem {
        margin: 0 5% 10%; }
        #tvcm .tvcmTopListItem img {
          width: 100%; } }
    @media print, screen and (max-width: 640px) {
      #tvcm .tvcmTopListItem__main {
        width: 80%;
        margin: 0 auto; } }
    #tvcm .tvcmTopListItem__cm {
      margin-top: 15px;
      display: table;
      width: 100%; }
      #tvcm .tvcmTopListItem__cm a {
        display: table-cell;
        width: 100%;
        background: url(/assets/img/common/playList_icon.png) no-repeat 15px center #499e3d;
        color: #FFF;
        padding: 10px 20px 10px 60px;
        border-radius: 4px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.3; }
        @media print, screen and (max-width: 640px) {
          #tvcm .tvcmTopListItem__cm a {
            background: url(/assets/img/common/playList_icon.png) no-repeat 3% center #499e3d;
            background-size: 8%;
            font-size: 14.5px;
            font-size: 4.53125vw;
            padding: 3% 5% 3% 13%; } }
        #tvcm .tvcmTopListItem__cm a:hover {
          opacity: 0.9; }
    #tvcm .tvcmTopListItem__links {
      margin-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media print, screen and (max-width: 640px) {
        #tvcm .tvcmTopListItem__links {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
    #tvcm .tvcmTopListItem__link {
      width: 30%;
      display: table;
      margin-right: 5%; }
      @media print, screen and (max-width: 640px) {
        #tvcm .tvcmTopListItem__link {
          width: 32%;
          margin-right: 2.2%; } }
      #tvcm .tvcmTopListItem__link:last-child {
        margin-right: 0; }
      #tvcm .tvcmTopListItem__link a {
        display: table-cell;
        border: 2px solid #499e3d;
        vertical-align: middle;
        height: 3.5em;
        color: #555;
        border-radius: 5px;
        background: url(/assets/img/common/ar_06.png) no-repeat 10px center;
        padding-left: 1.5em;
        line-height: 1.2;
        font-size: 15px; }
        @media print, screen and (max-width: 640px) {
          #tvcm .tvcmTopListItem__link a {
            background: url(/assets/img/common/ar_06.png) no-repeat 5% center;
            border: 1px solid #499e3d;
            font-size: 11px;
            font-size: 3.4375vw;
            padding-left: 1.5em; } }
    #tvcm .tvcmTopListItem__banner {
      margin-top: 15px; }
  #tvcm .topicPath {
    margin: 20px 0 30px; }
    #tvcm .topicPath li {
      display: inline;
      margin-right: 20px; }
      #tvcm .topicPath li a {
        text-decoration: underline;
        position: relative; }
        #tvcm .topicPath li a:hover {
          text-decoration: none; }
        #tvcm .topicPath li a:after {
          content: "＞";
          position: absolute;
          right: -20px;
          height: 50%;
          top: 50%;
          margin-top: -.5em;
          color: #000; }
    @media print, screen and (max-width: 640px) {
      #tvcm .topicPath {
        margin: 20px 5% 35px; }
        #tvcm .topicPath li {
          font-size: 10px; } }
  #tvcm .movie__inner {
    margin: 50px auto;
    text-align: center; }
    #tvcm .movie__inner iframe {
      display: inline-block;
      position: relative; }
    #tvcm .movie__inner .linkBtn {
      max-width: 640px;
      margin: 10px auto 0;
      text-align: right; }
    @media print, screen and (max-width: 640px) {
      #tvcm .movie__inner iframe {
        width: 90%;
        margin: 0 5%;
        max-height: 180px; }
      #tvcm .movie__inner .linkBtn {
        max-width: 100%;
        text-align: center; } }
  #tvcm .share__inner .share__txt {
    color: #58a34d;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px; }
  #tvcm .share__inner .shareBtn {
    text-align: center;
    margin-bottom: 50px; }
    #tvcm .share__inner .shareBtn li {
      display: inline-block;
      margin: 0 5px; }
  #tvcm .profile--link {
    text-align: center;
    margin-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      #tvcm .profile--link {
        margin: 30px 5%; }
        #tvcm .profile--link img {
          width: 100%; } }
  #tvcm .pageback--link {
    text-align: center; }
  #tvcm .introItem {
    overflow: hidden; }
    #tvcm .introItem .introItem__ttl {
      color: #58a34d;
      font-size: 18px;
      font-weight: bold;
      border-bottom: double 4px #C4DC76;
      position: relative;
      margin-bottom: 40px;
      padding-top: 5px; }
      #tvcm .introItem .introItem__ttl:before {
        position: absolute;
        left: 2px;
        top: 5px;
        content: "";
        background: #f69921;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      #tvcm .introItem .introItem__ttl span {
        margin-left: 1.5em; }
    #tvcm .introItem .introItem__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 30px; }
      #tvcm .introItem .introItem__list .introItem__list__item {
        display: inline-block;
        margin: 0 15px 20px 0; }
        #tvcm .introItem .introItem__list .introItem__list__item .introItem__img {
          display: inline-block;
          float: left;
          margin-right: 15px; }
        #tvcm .introItem .introItem__list .introItem__list__item .introItem__txt__inner {
          padding-top: 20px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          max-width: 160px;
          margin-left: 137px; }
          #tvcm .introItem .introItem__list .introItem__list__item .introItem__txt__inner .introItem__txt--link {
            margin-bottom: 10px;
            text-decoration: underline;
            font-size: 16px; }
            #tvcm .introItem .introItem__list .introItem__list__item .introItem__txt__inner .introItem__txt--link:hover {
              text-decoration: none; }
    @media print, screen and (max-width: 640px) {
      #tvcm .introItem .introItem__list {
        margin: 20px 5% 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #tvcm .introItem .introItem__list .introItem__list__item {
          margin-right: 0; } }
  #tvcm .tvcmContents {
    margin-bottom: 50px; }
    #tvcm .tvcmContents .txt01 {
      margin: 30px 0; }
    #tvcm .tvcmContents .tvcmContents__imgLayout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      #tvcm .tvcmContents .tvcmContents__imgLayout img {
        margin-right: 20px; }
    #tvcm .tvcmContents .tvcmContents__storyList {
      margin-top: 40px; }
      #tvcm .tvcmContents .tvcmContents__storyList li {
        margin-top: 20px;
        overflow: hidden; }
        #tvcm .tvcmContents .tvcmContents__storyList li img {
          float: left;
          margin-right: 20px; }
        #tvcm .tvcmContents .tvcmContents__storyList li p + p {
          margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #tvcm .tvcmContents .txt01 {
        margin: 20px 5%; }
      #tvcm .tvcmContents .tvcmContents__imgLayout {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #tvcm .tvcmContents .tvcmContents__imgLayout img {
          margin: 0 0 20px 0; }
      #tvcm .tvcmContents .tvcmContents__storyList li {
        width: 90%;
        margin: 30px 5% 0; }
        #tvcm .tvcmContents .tvcmContents__storyList li img {
          width: 100%;
          float: none;
          margin-right: 0; }
        #tvcm .tvcmContents .tvcmContents__storyList li p {
          margin-top: 5px; } }

#event {
  /*-------------------------common------------------------------
----------------------------------------------------------------*/
  /*==============event_2016_01================================================
=================================================================================*/
  /*==============event_2015_06================================================
=================================================================================*/
  /*==============event_2015 07 ICE================================================
=================================================================================*/
  /*==============イベントレシピ　2015春（働く女性を応援）================================================
=================================================================================*/
  /*イベントレシピ　2015冬*/
  /* #event2015_winte_wrap */
  /*イベントレシピ　2014秋*/
  /* autumn2014 */
  /*----------------------------------------------------------------------*/
  /*--------クレハ　イベントレシピ３　ここから　2014年7月30日-------------*/
  /*----------------------------------------------------------------------*/
  /*common*/
  /* contents_wrap_inner*/
  /*コンテンツごと*/
  /* contents_wrap_inner */
  /*event_recipe------------------------------------------------------------
------------------------------------------------------------------------*/
  /* event_recipe01 */
  /*----------------------------------------------------------------------*/
  /*--------クレハ　レシピ２　ここから　2014年4月25日---------------------*/
  /*----------------------------------------------------------------------*/
  /* event2_recipe_wrap */
  /*postion*/
  /* recipe_box */
  /*まとめて作って朝カンタン 作りおき 朝ラク！お弁当*/
  /*オムライス　お知らせページ*/ }
  #event .eventWrap {
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #event .eventWrap {
        margin-top: 5%; } }
  #event .topicPath {
    margin: 20px 0 30px; }
    #event .topicPath li {
      display: inline;
      margin-right: 20px;
      font-size: 12px; }
      #event .topicPath li a {
        text-decoration: underline;
        position: relative; }
        #event .topicPath li a:hover {
          text-decoration: none; }
        #event .topicPath li a:after {
          content: "＞";
          position: absolute;
          right: -20px;
          height: 50%;
          top: 50%;
          margin-top: -.5em;
          color: #000; }
    @media print, screen and (max-width: 640px) {
      #event .topicPath {
        margin: 20px 5% 35px; }
        #event .topicPath li {
          font-size: 10px; } }
  @media print, screen and (max-width: 640px) {
    #event img {
      max-width: 100% !important; } }
  #event .eventContents {
    background: url(/assets/img/event/event_2015_12/xybg.png);
    border-radius: 10px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
    #event .eventContents .eventContents__recipeLink {
      margin: 0 6% 10px;
      width: 88%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      position: absolute;
      top: 190px;
      padding-top: 30px; }
      #event .eventContents .eventContents__recipeLink li {
        display: inline-block;
        position: relative;
        margin-right: 17px;
        width: 193px; }
        #event .eventContents .eventContents__recipeLink li img {
          width: 100%; }
        #event .eventContents .eventContents__recipeLink li:last-of-type {
          margin-right: 0; }
      #event .eventContents .eventContents__recipeLink li:nth-of-type(even) {
        top: -41px; }
    #event .eventContents .eventContents__recipe {
      margin: 40px 3% 10px;
      width: 94%; }
      #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item {
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 15px;
        border: 4px solid #fff2a3;
        background: #fff;
        position: relative;
        margin-bottom: 65px; }
        #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner {
          margin: 0 15px; }
          #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .material {
            margin: 20px 0; }
          #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .img {
            position: absolute;
            top: 63px;
            right: 10px; }
            #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .img .img__photo {
              z-index: 1;
              position: relative; }
            #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .img .img__bg {
              text-align: center;
              position: relative;
              top: -24px;
              right: -20px; }
          #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .recipe__flow {
            margin: 10px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
            #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .recipe__flow li {
              display: inline-block;
              margin-right: 25px; }
              #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .recipe__flow li:last-of-type {
                margin-right: 0; }
          #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .to_top {
            position: absolute;
            bottom: -40px;
            right: 0; }
        #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item.recipe02 .img .img__bg {
          top: -57px;
          right: -50px; }
        #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item.recipe03 .img .img__bg {
          top: -30px; }
        #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item.recipe04 {
          margin-bottom: 56px; }
          #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item.recipe04 .img .img__bg {
            top: 0; }
    #event .eventContents .eventContents__intro {
      margin: 0 auto 35px; }
      #event .eventContents .eventContents__intro .ttl {
        text-align: center;
        margin-bottom: 15px; }
      #event .eventContents .eventContents__intro .banner {
        text-align: center;
        margin-bottom: 30px; }
      #event .eventContents .eventContents__intro .txt {
        text-align: center; }
      #event .eventContents .eventContents__intro .moreRecipeLsit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: auto 10%;
        max-width: 730px;
        top: -70px;
        position: relative; }
        #event .eventContents .eventContents__intro .moreRecipeLsit li {
          display: inline-block;
          position: relative; }
          #event .eventContents .eventContents__intro .moreRecipeLsit li .img img {
            width: 100%; }
          #event .eventContents .eventContents__intro .moreRecipeLsit li .txt {
            margin-top: 10px; }
          #event .eventContents .eventContents__intro .moreRecipeLsit li:nth-of-type(even) {
            bottom: -35px; }
    @media print, screen and (max-width: 640px) {
      #event .eventContents {
        padding: 10px 5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0; }
        #event .eventContents .event__kv {
          width: 100%; }
          #event .eventContents .event__kv .sp > img {
            width: 100%; }
        #event .eventContents .eventContents__recipeLink {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          top: 140px;
          margin: 0 0 50px;
          padding-top: 0; }
          #event .eventContents .eventContents__recipeLink li {
            width: 50%;
            margin: 10px 0 0 0;
            position: static;
            text-align: center; }
            #event .eventContents .eventContents__recipeLink li img {
              width: 90%; }
        #event .eventContents .eventContents__recipe {
          margin: 100px 0 0;
          width: 100%; }
          #event .eventContents .eventContents__recipe .eventContents__recipeList {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item {
              border-radius: 0;
              border-color: #ffd5d5;
              width: 100%;
              margin: 20px 0 80px; }
              #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .ttl img {
                width: 100%; }
              #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .img {
                position: static; }
                #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .img img {
                  width: 100%;
                  margin-bottom: 10px; }
              #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .material img {
                width: 100%; }
              #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .recipe__flow {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
                #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .recipe__flow li {
                  width: 100%;
                  margin-right: 0;
                  margin-bottom: 30px; }
                  #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .recipe__flow li .sp img {
                    width: 100%; }
              #event .eventContents .eventContents__recipe .eventContents__recipeList .eventContents__recipeList__item .inner .to_top {
                left: 50%;
                bottom: -57px;
                margin-left: -73.5px; }
        #event .eventContents .eventContents__intro {
          margin-bottom: 10px; }
          #event .eventContents .eventContents__intro .ttl img {
            width: 100%; }
          #event .eventContents .eventContents__intro .banner img {
            width: 100%; }
          #event .eventContents .eventContents__intro .txt img {
            width: 100%; }
          #event .eventContents .eventContents__intro .moreRecipeLsit {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 10%;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            position: static; }
            #event .eventContents .eventContents__intro .moreRecipeLsit li {
              width: 50%;
              margin-right: 0;
              margin-bottom: 30px;
              position: static; }
              #event .eventContents .eventContents__intro .moreRecipeLsit li .img {
                text-align: center; }
                #event .eventContents .eventContents__intro .moreRecipeLsit li .img img {
                  width: 90%; }
              #event .eventContents .eventContents__intro .moreRecipeLsit li .txt {
                text-align: center; }
                #event .eventContents .eventContents__intro .moreRecipeLsit li .txt img {
                  width: 80%; } }
  #event .recipeListLink {
    text-align: center;
    margin: 40px auto 0; }
    @media print, screen and (max-width: 640px) {
      #event .recipeListLink {
        margin-top: 30px; } }
  @media print, screen and (max-width: 640px) {
    #event .event_2016_01 {
      padding-bottom: 30px; } }
  @media print, screen and (max-width: 640px) {
    #event .event_2015_06 {
      padding-bottom: 30px;
      background: #fff; } }
  @media print, screen and (max-width: 640px) {
    #event .event_2015_07 {
      padding-bottom: 30px; } }
  #event #event2015_ICE_wrap {
    position: relative;
    padding: 0px 0 75px 0;
    margin-top: 30px;
    background: url(/assets/img/event/event2015_07/ice_bg.png);
    border-radius: 5px; }
    #event #event2015_ICE_wrap .main_ct {
      background: url(/assets/img/event/event2015_07/ice_img01.png) no-repeat; }
    #event #event2015_ICE_wrap .main_list_wrap {
      position: absolute;
      width: 100%;
      top: 300px; }
      #event #event2015_ICE_wrap .main_list_wrap .main_list {
        width: 880px;
        margin: 0 auto; }
        #event #event2015_ICE_wrap .main_list_wrap .main_list li {
          float: left; }
    #event #event2015_ICE_wrap .ct_area {
      position: relative;
      width: 830px;
      margin: 50px auto 0;
      background: url(/assets/img/event/event2015_07/ice_paper_bg.png);
      padding: 25px 20px;
      border-radius: 5px; }
      #event #event2015_ICE_wrap .ct_area .products_des_ct {
        width: 740px;
        margin: 25px auto 0; }
        #event #event2015_ICE_wrap .ct_area .products_des_ct01 {
          float: left;
          width: 250px; }
        #event #event2015_ICE_wrap .ct_area .products_des_ct02 {
          float: right;
          width: 475px; }
    #event #event2015_ICE_wrap div .recipe_list {
      margin-top: 20px; }
      #event #event2015_ICE_wrap div .recipe_list li {
        float: left; }
    #event #event2015_ICE_wrap .separator_line {
      margin-top: 30px;
      text-align: center; }
    #event #event2015_ICE_wrap .recipe01_img {
      position: absolute;
      top: -20px;
      left: -30px; }
    #event #event2015_ICE_wrap .recipe01 .recipe_list {
      margin-top: 20px; }
    #event #event2015_ICE_wrap .recipe01 .list01 li {
      margin-right: 12px; }
      #event #event2015_ICE_wrap .recipe01 .list01 li.last {
        margin-right: 0; }
    #event #event2015_ICE_wrap .recipe01_item {
      position: absolute;
      bottom: 35px;
      left: 230px; }
    #event #event2015_ICE_wrap .recipe02 .list02 li {
      margin-right: 11px; }
      #event #event2015_ICE_wrap .recipe02 .list02 li.last {
        margin-right: 0; }
    #event #event2015_ICE_wrap .recipe02_img {
      position: absolute;
      top: -20px;
      right: -20px; }
    #event #event2015_ICE_wrap .recipe02_item {
      position: absolute;
      bottom: 100px;
      left: 100px; }
    #event #event2015_ICE_wrap .recipe03 {
      padding-bottom: 80px; }
      #event #event2015_ICE_wrap .recipe03_img {
        position: absolute;
        top: -20px;
        left: -30px; }
      #event #event2015_ICE_wrap .recipe03 .list03 li {
        margin-right: 11px; }
        #event #event2015_ICE_wrap .recipe03 .list03 li.last {
          margin-right: 0; }
      #event #event2015_ICE_wrap .recipe03_item {
        position: absolute;
        bottom: 35px;
        left: 320px; }
    #event #event2015_ICE_wrap .event_to_top_area_2015_07 {
      position: relative;
      height: 60px;
      width: 100%; }
      #event #event2015_ICE_wrap .event_to_top_area_2015_07 p {
        text-align: right;
        margin-top: 20px;
        padding-right: 40px; }
    @media print, screen and (max-width: 640px) {
      #event #event2015_ICE_wrap {
        padding: 0 5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 20px; }
        #event #event2015_ICE_wrap .main_list_wrap {
          position: relative;
          top: -20px; }
          #event #event2015_ICE_wrap .main_list_wrap .main_list {
            width: 70%;
            padding-right: 30%;
            margin: 0;
            position: relative; }
            #event #event2015_ICE_wrap .main_list_wrap .main_list:after {
              position: absolute;
              background: url(/assets/img/event/event2015_07/ice_img01_over.png) no-repeat 50% 50%;
              background-size: contain;
              right: -5%;
              top: -10px;
              width: 55%;
              height: 100%;
              visibility: visible; }
            #event #event2015_ICE_wrap .main_list_wrap .main_list li {
              float: none;
              z-index: 1;
              position: relative; }
        #event #event2015_ICE_wrap .ct_area {
          margin: 10px auto 0;
          width: 90%; }
          #event #event2015_ICE_wrap .ct_area .products_des_ct {
            margin-top: 40px;
            width: 100%; }
            #event #event2015_ICE_wrap .ct_area .products_des_ct01 {
              width: 100%; }
              #event #event2015_ICE_wrap .ct_area .products_des_ct01 .mainImage img {
                width: 90%; }
              #event #event2015_ICE_wrap .ct_area .products_des_ct01 p {
                text-align: center; }
                #event #event2015_ICE_wrap .ct_area .products_des_ct01 p a img {
                  width: 80%;
                  margin: 30px auto; }
            #event #event2015_ICE_wrap .ct_area .products_des_ct02 {
              float: none;
              width: 100%;
              overflow: hidden; }
              #event #event2015_ICE_wrap .ct_area .products_des_ct02 p {
                width: 100%; }
          #event #event2015_ICE_wrap .ct_area p.center {
            width: 80%;
            margin: 0 auto; }
            #event #event2015_ICE_wrap .ct_area p.center.mt30 {
              margin-top: 15px; }
        #event #event2015_ICE_wrap .recipe01_img,
        #event #event2015_ICE_wrap .recipe02_img,
        #event #event2015_ICE_wrap .recipe03_img {
          position: static;
          margin-bottom: 20px; }
        #event #event2015_ICE_wrap .recipe01 .recipe_list,
        #event #event2015_ICE_wrap .recipe02 .recipe_list,
        #event #event2015_ICE_wrap .recipe03 .recipe_list {
          margin-top: 0; }
          #event #event2015_ICE_wrap .recipe01 .recipe_list li,
          #event #event2015_ICE_wrap .recipe02 .recipe_list li,
          #event #event2015_ICE_wrap .recipe03 .recipe_list li {
            margin: 30px auto 0; }
        #event #event2015_ICE_wrap .separator_line {
          margin: 30px auto; }
        #event #event2015_ICE_wrap .recipe01 .recipe_list {
          margin-top: 0; }
        #event #event2015_ICE_wrap .recipe03 {
          padding-bottom: 30px; }
        #event #event2015_ICE_wrap .event_to_top_area_2015_07 p {
          text-align: center;
          padding-right: 0;
          width: 50%;
          margin: 30px auto; } }
  #event #event2015_05 .recipeToTop {
    width: 872px;
    margin: 0 auto;
    padding: 20px 0 45px;
    text-align: right; }
  #event #event2015_05 .eventInner {
    position: relative;
    width: 940px;
    margin: 20px auto 0;
    background: url(/assets/img/event/event2015_05/event_bg.png) repeat; }
    #event #event2015_05 .eventInner .eventMain {
      height: 300px; }
      #event #event2015_05 .eventInner .eventMain .main_list {
        position: relative;
        width: 760px;
        margin: 0 auto; }
        #event #event2015_05 .eventInner .eventMain .main_list li {
          position: absolute; }
          #event #event2015_05 .eventInner .eventMain .main_list li.mainList01 {
            top: -20px;
            left: 0; }
          #event #event2015_05 .eventInner .eventMain .main_list li.mainList02 {
            top: -50px;
            left: 190px; }
          #event #event2015_05 .eventInner .eventMain .main_list li.mainList03 {
            top: -20;
            left: 380px; }
          #event #event2015_05 .eventInner .eventMain .main_list li.mainList04 {
            top: -50px;
            left: 570px; }
    #event #event2015_05 .eventInner .recipe {
      position: relative;
      width: 824px;
      margin: 20px auto 0;
      padding: 24px;
      background: #FFFFFF; }
      #event #event2015_05 .eventInner .recipe.flame01 {
        border: 3px solid #FF7200; }
      #event #event2015_05 .eventInner .recipe.flame02 {
        border: 3px solid #00A9E4; }
      #event #event2015_05 .eventInner .recipe.flame03 {
        border: 3px solid #973EC3; }
      #event #event2015_05 .eventInner .recipe.flame04 {
        border: 3px solid #00B700; }
      #event #event2015_05 .eventInner .recipeImg {
        position: absolute;
        top: 35px;
        left: 590px; }
      #event #event2015_05 .eventInner .recipe01_list01 li {
        float: left;
        margin-right: 26px; }
      #event #event2015_05 .eventInner .recipe01_list02 {
        position: relative;
        height: 100px; }
        #event #event2015_05 .eventInner .recipe01_list02 li {
          position: absolute; }
          #event #event2015_05 .eventInner .recipe01_list02 li.list01 {
            top: 0;
            left: 0; }
          #event #event2015_05 .eventInner .recipe01_list02 li.list02 {
            top: 10px;
            left: 330px; }
          #event #event2015_05 .eventInner .recipe01_list02 li.list03 {
            top: -10px;
            left: 559px; }
      #event #event2015_05 .eventInner .recipeItem02_01 {
        position: absolute;
        top: 300px;
        right: 1px; }
      #event #event2015_05 .eventInner .recipe02_list02 {
        position: relative;
        height: 100px; }
        #event #event2015_05 .eventInner .recipe02_list02 li {
          position: absolute; }
          #event #event2015_05 .eventInner .recipe02_list02 li.list01 {
            top: 0;
            left: 0; }
          #event #event2015_05 .eventInner .recipe02_list02 li.list02 {
            top: 0;
            left: 330px; }
          #event #event2015_05 .eventInner .recipe02_list02 li.list03 {
            top: -20px;
            left: 659px; }
      #event #event2015_05 .eventInner .recipe03_list02 {
        position: relative;
        height: 100px; }
        #event #event2015_05 .eventInner .recipe03_list02 li {
          position: absolute; }
          #event #event2015_05 .eventInner .recipe03_list02 li.list01 {
            top: 0;
            left: 0; }
          #event #event2015_05 .eventInner .recipe03_list02 li.list02 {
            top: 0;
            left: 330px; }
      #event #event2015_05 .eventInner .recipe04_list02 {
        position: relative;
        height: 100px; }
        #event #event2015_05 .eventInner .recipe04_list02 li {
          position: absolute; }
          #event #event2015_05 .eventInner .recipe04_list02 li.list01 {
            top: 0;
            left: 0; }
          #event #event2015_05 .eventInner .recipe04_list02 li.list02 {
            top: 0;
            left: 420px; }
      #event #event2015_05 .eventInner .recipe .itemView {
        position: absolute;
        top: 65px;
        left: 107px; }
  @media print, screen and (max-width: 640px) {
    #event #event2015_05 .eventInner {
      width: 100%;
      padding-bottom: 30px; }
      #event #event2015_05 .eventInner .eventMain {
        height: auto; }
        #event #event2015_05 .eventInner .eventMain .main_list {
          position: static;
          overflow: hidden;
          width: 90%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          #event #event2015_05 .eventInner .eventMain .main_list li {
            position: static;
            width: 47.5%;
            margin: 10px 0;
            display: inline-block; }
      #event #event2015_05 .eventInner .recipe {
        position: static;
        width: 90%;
        margin: 30px auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5% 5% 0; }
        #event #event2015_05 .eventInner .recipe01_list01 li {
          margin: 0 auto 20px; }
        #event #event2015_05 .eventInner .recipe01_list02 .list03 {
          margin-bottom: 40px; }
          #event #event2015_05 .eventInner .recipe01_list02 .list03 img {
            width: 100%; }
        #event #event2015_05 .eventInner .recipe .sp_bg {
          position: relative; }
          #event #event2015_05 .eventInner .recipe .sp_bg:after {
            position: absolute;
            content: ""; }
        #event #event2015_05 .eventInner .recipeImg {
          position: static; }
        #event #event2015_05 .eventInner .recipeImgSP {
          margin: 0 0 20px; }
        #event #event2015_05 .eventInner .recipeTxtMaking {
          margin: 20px 0; }
        #event #event2015_05 .eventInner .recipeTxtUsed {
          margin-top: 10px; }
        #event #event2015_05 .eventInner .recipe ul {
          height: auto;
          margin-bottom: 20px; }
          #event #event2015_05 .eventInner .recipe ul li {
            position: static; }
          #event #event2015_05 .eventInner .recipe ul .itemView {
            position: static;
            margin: 20px auto 40px; }
      #event #event2015_05 .eventInner .flame01 .sp_bg img {
        z-index: 10; }
      #event #event2015_05 .eventInner .flame01 .sp_bg:after {
        background: url(/assets/img/event/event2015_05/recipe_img_over01.png) no-repeat 50% 50%;
        right: -6.3612519563%;
        bottom: -89.5px;
        width: 157px;
        height: 89.5px;
        background-size: contain; }
      #event #event2015_05 .eventInner .flame02 .sp_bg img {
        z-index: 10;
        position: relative; }
      #event #event2015_05 .eventInner .flame02 .sp_bg:after {
        background: url(/assets/img/event/event2015_05/recipe_img_over02.png) no-repeat 50% 50%;
        background-size: contain;
        right: -6.3612519563%;
        bottom: -95.5px;
        width: 196.5px;
        height: 95.5px; }
      #event #event2015_05 .eventInner .flame03 .sp_bg:after {
        background: url(/assets/img/event/event2015_05/recipe_img_over03.png) no-repeat 50% 50%;
        background-size: contain;
        right: -6.3612519563%;
        bottom: -84px;
        width: 203px;
        height: 84px; }
      #event #event2015_05 .eventInner .flame04 .mainImage {
        margin-bottom: 10px; }
      #event #event2015_05 .eventInner .flame04 .sp_bg img {
        z-index: 10;
        position: relative; }
      #event #event2015_05 .eventInner .flame04 .sp_bg:after {
        background: url(/assets/img/event/event2015_05/recipe_img_over04.png) no-repeat 50% 50%;
        background-size: contain;
        right: -6.3612519563%;
        bottom: -101px;
        width: 198.5px;
        height: 101px; }
      #event #event2015_05 .eventInner .flame04 .mt10 {
        margin: 30px 0; }
      #event #event2015_05 .eventInner .recipeToTop {
        width: 50%;
        padding: 0;
        text-align: center; } }
  #event h3 {
    border: none;
    background: none;
    margin-top: 10px;
    margin-left: 20px; }
  #event #event_2015winter_recipe_01,
  #event #event_2015winter_recipe_02 {
    padding: 15px 0; }
  #event #event2015_winte_wrap {
    padding: 20px 20px 35px 20px;
    width: 900px;
    margin: 10px 0 auto;
    background: url(/assets/img/event/event_2015winter/event_2015winter_wrap_bg.gif) repeat;
    border-radius: 8px;
    /*event2015_winte_goods*/
    /* @include sp */ }
    #event #event2015_winte_wrap #event2015_winte_mainview {
      background: url(/assets/img/event/event_2015winter/event2015_winte_mainview_bg.png) no-repeat;
      width: 776px;
      height: auto;
      overflow: hidden;
      margin-bottom: 20px;
      padding: 30px 60px; }
      #event #event2015_winte_wrap #event2015_winte_mainview ul {
        width: 780px;
        margin: 20px auto 0; }
        #event #event2015_winte_wrap #event2015_winte_mainview ul li {
          float: left;
          margin-right: 10px;
          position: relative; }
          #event #event2015_winte_wrap #event2015_winte_mainview ul li:last-child {
            margin-right: 0; }
          #event #event2015_winte_wrap #event2015_winte_mainview ul li .mainview_recipe_list {
            position: absolute;
            top: -8px;
            left: -10px; }
    #event #event2015_winte_wrap #event_2015winter_yaki_top {
      background: url(/assets/img/event/event_2015winter/event_2015winter_yaki_top_bg.png) no-repeat 50%;
      width: 880px;
      height: 274px;
      margin: 0 auto 50px; }
      #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_left {
        float: left;
        width: 480px; }
      #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right {
        float: right;
        width: 310px;
        margin: 20px; }
        #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right dl dt {
          margin-bottom: 20px; }
        #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right dl dd {
          margin-bottom: 10px; }
        #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right_image {
          margin: 5px 8px 0 0; }
    #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe {
      padding: 20px 0;
      margin-top: 30px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h2 {
        position: relative;
        padding: 5px 0 0 50px; }
        #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h2 .recipe_area_list {
          position: absolute;
          top: -30px;
          left: -5px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h3 {
        border: none;
        background: none;
        margin-top: 30px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe div .recipe_area_box_left {
        margin: 10px 0 0 35px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe div .recipe_area_box_right {
        margin: 10px 0 0 40px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_left {
        margin: 10px 0 0 40px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_right {
        margin: 10px 40 0 0; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_left2 {
        margin: 10px 0 0 30px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_right2 {
        margin: 10px 0 0 13px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_left2 {
        margin: 10px 0 0 30px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_right2 {
        margin: 10px 0 0 13px; }
      #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_image {
        margin-left: 22px;
        margin-bottom: -10px; }
    #event #event2015_winte_wrap .recipe_area ul {
      margin: 15px 0 0 30px; }
    #event #event2015_winte_wrap .recipe_area .event_2015winter_yaki_howto_image {
      margin-left: 20px; }
    #event #event2015_winte_wrap .recipe_area #main_yaki01 {
      background: url(/assets/img/event/event_2015winter/event_2015winter_yaki_resipe01_bg.png) no-repeat;
      width: 444px; }
    #event #event2015_winte_wrap .recipe_area #main_yaki02 {
      background: url(/assets/img/event/event_2015winter/event_2015winter_yaki_resipe02_bg.png) no-repeat;
      width: 444px; }
    #event #event2015_winte_wrap .recipe_area #main_mushi03 {
      background: url(/assets/img/event/event_2015winter/event_2015winter_mushi_resipe03_bg.png) no-repeat 50% 50%;
      background-size: cover;
      width: 444px; }
      #event #event2015_winte_wrap .recipe_area #main_mushi03 ul {
        margin: 10px 5%; }
      #event #event2015_winte_wrap .recipe_area #main_mushi03 .recipe_image {
        margin: 0 0 0 20px; }
      #event #event2015_winte_wrap .recipe_area #main_mushi03 .recipe_area_box_left2 {
        margin: 10px 20px 0 15px; }
      #event #event2015_winte_wrap .recipe_area #main_mushi03 .recipe_area_box_right2 {
        margin: 10px 0 0; }
    #event #event2015_winte_wrap .recipe_area #main_mushi04 {
      background: url(/assets/img/event/event_2015winter/event_2015winter_mushi_resipe04_bg.png) no-repeat;
      width: 444px; }
    #event #event2015_winte_wrap #event_2015winter_mushi_top {
      background: url(/assets/img/event/event_2015winter/event_2015winter_mushi_top_bg.png) no-repeat;
      width: 880px;
      height: 274px;
      margin: 0 auto; }
      #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_left {
        float: left;
        width: 480px; }
      #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right {
        float: right;
        width: 310px;
        margin: 20px; }
        #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right dl dt {
          margin-bottom: 20px; }
        #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right dl dd {
          margin-bottom: 10px; }
        #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right_image {
          margin: 5px 8px 0 0; }
    #event #event2015_winte_wrap #event2015_winte_goods {
      background: url(/assets/img/event/event_2015winter/event_2015winter_goods_bg_pc.jpg) repeat-y;
      width: 880px;
      height: 258px;
      margin: 0 auto; }
      #event #event2015_winte_wrap #event2015_winte_goods h5 {
        width: 813px;
        padding: 16px 0 0 20px;
        background: url(/assets/img/event/common/h5_block.png) no-repeat left 7px; }
      #event #event2015_winte_wrap #event2015_winte_goods #event2015_winte_goods_left {
        width: 627px;
        float: left;
        margin: 13px 0 0 20px; }
        #event #event2015_winte_wrap #event2015_winte_goods #event2015_winte_goods_left li {
          float: left;
          margin-right: 7px; }
      #event #event2015_winte_wrap #event2015_winte_goods #event2015_winte_goods_right {
        float: right;
        width: 206px;
        margin: 20px 15px 0 0; }
        #event #event2015_winte_wrap #event2015_winte_goods #event2015_winte_goods_right p {
          margin-top: 22px; }
    @media print, screen and (max-width: 640px) {
      #event #event2015_winte_wrap {
        width: 100%;
        padding: 20px 2.5% 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*.recipe_area */
        /* #event2015_winte_goods */ }
        #event #event2015_winte_wrap #event2015_winte_mainview {
          width: 100%;
          padding: 18px 5% 35px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: url(/assets/img/event/event_2015winter/event_2015winter_goods_bg_sp.jpg) no-repeat;
          background-size: contain;
          height: auto; }
          #event #event2015_winte_wrap #event2015_winte_mainview ul {
            width: 95%;
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: distribute;
            justify-content: space-around; }
            #event #event2015_winte_wrap #event2015_winte_mainview ul li {
              float: none;
              position: static;
              margin-right: 0;
              margin-bottom: 5px;
              width: 45%; }
        #event #event2015_winte_wrap #event_2015winter_yaki_top {
          height: auto;
          width: 100%;
          margin: 0;
          padding: 20px 0 35px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: url(/assets/img/event/event_2015winter/event_2015winter_yaki_top_bg_sp.png) no-repeat 50% 50%;
          background-size: contain; }
          #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right {
            float: none;
            width: 90%;
            margin: 10px auto 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right h3 {
              margin: 0; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right dl dt img {
              width: 100%;
              margin-top: 20px; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right dl .img01 img {
              width: 95%; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right dl .img02 img {
              width: 85%;
              margin: 10px 0; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right .left_img {
              width: 48%; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_right .right_img {
              width: 48%;
              float: right; }
          #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_left {
            float: none;
            width: 90%;
            margin: 0 auto; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_left h3 {
              margin: 0; }
            #event #event2015_winte_wrap #event_2015winter_yaki_top .event_2015winter_yasaisaza_left .txt01 {
              margin: 20px auto 0; }
        #event #event2015_winte_wrap .recipe_area {
          /*#event_2015winter_recipe*/ }
          #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe {
            width: 100% !important;
            padding: 20px 5% 30px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_image {
              margin: 0; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_left2 {
              margin: 20px 5% 10px;
              width: 90%; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_right2 {
              margin: 10px 5%;
              width: 90%; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h2 {
              padding: 0;
              text-align: center; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h2 img {
                width: 90%; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h3 {
              margin: 30px auto 10px;
              text-align: center; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe h3 img {
                width: 90%; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki01 {
              position: relative;
              background: url(/assets/img/event/event_2015winter/event_2015winter_yaki_resipe01_bg_sp.png) no-repeat 50%; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki01 h2 {
                width: 100%;
                text-align: center; }
                #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki01 h2 img {
                  margin-top: 20px; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki01:before {
                content: "";
                position: absolute;
                background: url(/assets/img/event/event_2015winter/icon_recipe01.png) no-repeat 50% 50%;
                background-size: contain;
                width: 51.5px;
                height: 51.5px;
                top: -10px;
                left: -2px; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki01 ul {
                text-align: center;
                margin: auto;
                width: 90%; }
                #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki01 ul li {
                  margin-top: 30px; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki02 {
              background: url(/assets/img/event/event_2015winter/event_2015winter_yaki_resipe01_bg_sp.png) no-repeat 50%;
              padding-top: 20px; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki02:before {
                content: "";
                position: absolute;
                background: url(/assets/img/event/event_2015winter/icon_recipe02.png) no-repeat 50% 50%;
                background-size: contain;
                width: 51.5px;
                height: 51.5px;
                top: -10px;
                left: -2px; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki02 ul {
                text-align: center;
                margin: 0 auto;
                width: 90%; }
                #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_yaki02 ul li {
                  margin-top: 30px; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi03 {
              background: url(/assets/img/event/event_2015winter/event_2015winter_mushi_resipe03_bg_sp.png) no-repeat 50%;
              position: relative; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi03:before {
                content: "";
                position: absolute;
                background: url(/assets/img/event/event_2015winter/icon_recipe03.png) no-repeat 50% 50%;
                background-size: contain;
                width: 51.5px;
                height: 51.5px;
                top: -10px;
                left: -2px; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi03 div {
                text-align: center; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi03 ul li {
                margin: 20px 0; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi03 .event_2015winter_yaki_howto_image {
                display: none; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi04 {
              background: url(/assets/img/event/event_2015winter/event_2015winter_mushi_resipe04_bg_sp.png) no-repeat 50%;
              position: relative; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi04:before {
                content: "";
                position: absolute;
                background: url(/assets/img/event/event_2015winter/icon_recipe04.png) no-repeat 50% 50%;
                background-size: contain;
                width: 51.5px;
                height: 51.5px;
                top: -10px;
                left: -2px; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi04 div {
                text-align: center; }
              #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi04 ul {
                margin: 0 auto;
                width: 90%; }
                #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe#main_mushi04 ul li {
                  margin: 20px 0; }
            #event #event2015_winte_wrap .recipe_area .event_2015winter_main_recipe .recipe_area_box_left.fl {
              margin: 10px 5% 0;
              text-align: center;
              width: 90%; }
        #event #event2015_winte_wrap #event_2015winter_mushi_top {
          width: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          height: auto;
          background: url(/assets/img/event/event_2015winter/event_2015winter_mushi_top_bg_sp.png) no-repeat 50% 50%;
          background-size: contain;
          padding: 10px 0; }
          #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_left {
            float: none;
            width: 90%;
            padding: 0 5%;
            margin: auto;
            position: relative; }
            #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_left h3 {
              margin: 0;
              text-align: center;
              height: auto; }
            #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_left .txt01 {
              position: absolute;
              top: 315px;
              width: 90%; }
            #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_left .txt02 {
              position: absolute;
              top: 280px;
              width: 90%; }
          #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right {
            margin: 35px auto;
            width: auto;
            float: none; }
            #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right dl {
              width: 90%;
              margin: auto; }
              #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right dl img {
                width: 100%; }
              #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right dl dd {
                margin-bottom: 0; }
            #event #event2015_winte_wrap #event_2015winter_mushi_top .event_2015winter_yasaisaza_right_image {
              display: none; }
        #event #event2015_winte_wrap #event2015_winte_goods {
          width: 100%;
          height: auto;
          padding: 5%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          #event #event2015_winte_wrap #event2015_winte_goods h5 {
            width: 100%;
            text-align: center;
            padding: 0;
            background: none; }
          #event #event2015_winte_wrap #event2015_winte_goods_inner #event2015_winte_goods_left {
            float: none;
            width: 100%;
            margin: 0; }
            #event #event2015_winte_wrap #event2015_winte_goods_inner #event2015_winte_goods_left li {
              float: none;
              margin: 20px auto; }
          #event #event2015_winte_wrap #event2015_winte_goods_inner #event2015_winte_goods_right {
            float: none;
            margin: 30px auto 20px; } }
  @media print, screen and (max-width: 640px) {
    #event .listBtn {
      text-align: center;
      margin-top: 30px; } }
  #event .page_top {
    width: 886px;
    margin: 10px auto 15px;
    text-align: right; }
    @media print, screen and (max-width: 640px) {
      #event .page_top {
        width: 100%;
        text-align: center;
        margin: 30px auto; } }
  @media print, screen and (max-width: 640px) {
    #event .event_2014_09 {
      padding-bottom: 40px; } }
  #event .autumn2014 {
    position: relative;
    width: 940px;
    margin: 30px auto 0;
    padding: 0 0 70px 0;
    background: url(/assets/img/event/event_autumn2014/event_autumn_bg01.jpg);
    border-radius: 10px;
    position: relative;
    /* #section01*/
    /* #section02 */
    /* #section03 */
    /* @include sp */ }
    #event .autumn2014 .header {
      background: url(/assets/img/event/event_autumn2014/event_autumn_top_pc.png) no-repeat top;
      min-height: 356px; }
      #event .autumn2014 .header .headerTitle {
        position: absolute; }
      #event .autumn2014 .header_list {
        margin-left: 55px; }
        #event .autumn2014 .header_list li {
          margin-top: 165px;
          float: left;
          position: relative;
          z-index: 10; }
    #event .autumn2014 .fl_box {
      float: left;
      width: 530px; }
    #event .autumn2014 .fr_box {
      float: right;
      margin-top: 30px;
      width: 270px; }
    #event .autumn2014 .making {
      position: relative; }
      #event .autumn2014 .making div.kichinto_position01 {
        position: absolute;
        top: 165px;
        right: 0px; }
      #event .autumn2014 .making div.kichinto_position02 {
        position: absolute;
        top: 120px;
        right: 0px; }
      #event .autumn2014 .making div.kichinto_position03 {
        position: absolute;
        top: 124px;
        right: 0px; }
      #event .autumn2014 .making p {
        margin-top: 10px; }
      #event .autumn2014 .making .making_list {
        margin-top: 20px; }
        #event .autumn2014 .making .making_list li {
          float: left;
          margin-right: 28px; }
          #event .autumn2014 .making .making_list li:nth-child(n+4) {
            margin-right: 0; }
      #event .autumn2014 .making .making_list2 {
        margin-top: 60px; }
        #event .autumn2014 .making .making_list2 li {
          float: left;
          margin-right: 28px; }
          #event .autumn2014 .making .making_list2 li:nth-child(n+4) {
            margin-right: 0; }
    #event .autumn2014 .used {
      position: relative; }
      #event .autumn2014 .used_list {
        margin-top: 10px; }
        #event .autumn2014 .used_list li {
          float: left; }
          #event .autumn2014 .used_list li.w300 {
            width: 300px; }
          #event .autumn2014 .used_list li.w340 {
            width: 340px; }
          #event .autumn2014 .used_list li .item_img {
            float: left; }
          #event .autumn2014 .used_list li .item_text {
            float: left; }
          #event .autumn2014 .used_list li .link_btn {
            float: left;
            margin-top: 10px; }
    #event .autumn2014 .mr00 {
      margin-right: 0; }
    #event .autumn2014 .distance {
      width: 880px;
      margin: 0 auto; }
    #event .autumn2014 .z10 {
      position: relative;
      z-index: 10; }
    #event .autumn2014 .ochiba01 {
      position: absolute;
      top: 45px;
      left: 90px; }
    #event .autumn2014 .ochiba02 {
      position: absolute;
      top: 40px;
      right: 50px; }
    #event .autumn2014 .ochiba03 {
      position: absolute;
      bottom: 40px;
      right: 50px; }
    #event .autumn2014 .ochiba04 {
      position: absolute;
      top: 310px;
      left: 163px;
      z-index: 1; }
    #event .autumn2014 .ochiba05 {
      position: absolute;
      top: 404px;
      right: 52px; }
    #event .autumn2014 .ochiba06 {
      position: absolute;
      top: 445px;
      right: 93px; }
    #event .autumn2014 .ochiba07 {
      position: absolute;
      bottom: 20px;
      right: 140px; }
    #event .autumn2014 #section01 {
      position: relative;
      width: 820px;
      padding: 20px 30px 30px;
      margin: 35px auto 0;
      background: url(/assets/img/event/event_autumn2014/event_autumn_bg02.jpg); }
    #event .autumn2014 #section02 {
      position: relative;
      width: 820px;
      padding: 20px 30px 30px;
      margin: 35px auto 0;
      background: url(/assets/img/event/event_autumn2014/event_autumn_bg02.jpg); }
    #event .autumn2014 #section03 {
      position: relative;
      width: 820px;
      padding: 20px 30px 30px;
      margin: 35px auto 0;
      background: url(/assets/img/event/event_autumn2014/event_autumn_bg02.jpg); }
    @media print, screen and (max-width: 640px) {
      #event .autumn2014 {
        width: 100%;
        padding: 0 0 10px; }
        #event .autumn2014 .header {
          position: relative; }
          #event .autumn2014 .header:after {
            content: "";
            background: url(/assets/img/event/event_autumn2014/kichintosan_sp_01.png) no-repeat 50% 50%;
            background-size: cover;
            width: 68px;
            height: 133px;
            position: absolute;
            bottom: 14px;
            right: 20px; }
          #event .autumn2014 .header .headerTitle {
            position: static; }
          #event .autumn2014 .header_list {
            margin-left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: none;
            position: relative;
            top: -14px; }
            #event .autumn2014 .header_list li {
              float: none;
              width: 50%;
              margin: 0; }
              #event .autumn2014 .header_list li img {
                width: 90%; }
        #event .autumn2014 .fl_box {
          width: 100%;
          float: none; }
        #event .autumn2014 .ochiba01,
        #event .autumn2014 .ochiba02,
        #event .autumn2014 .ochiba04,
        #event .autumn2014 .ochiba05,
        #event .autumn2014 .ochiba06,
        #event .autumn2014 .ochiba07 {
          display: none; }
        #event .autumn2014 .ochiba03 {
          bottom: 250px;
          right: -40px; }
          #event .autumn2014 .ochiba03 img {
            width: 60%; }
        #event .autumn2014 .ochiba06 {
          top: 445px;
          right: 93px; }
        #event .autumn2014 .ochiba07 {
          bottom: 20px;
          right: 140px; }
        #event .autumn2014 .used_list li .item_img {
          width: 40%; }
          #event .autumn2014 .used_list li .item_img img {
            width: 100%; }
        #event .autumn2014 .used_list li .item_text {
          width: 56%;
          float: right;
          margin-top: 20px; }
          #event .autumn2014 .used_list li .item_text img {
            width: 100%; }
        #event .autumn2014 .used_list li.w340 {
          width: 100%; }
        #event .autumn2014 .kichintosan {
          width: auto;
          margin-bottom: 30px;
          max-width: inherit; }
        #event .autumn2014 .link_btn {
          float: none;
          margin: 20px auto; }
        #event .autumn2014 .usedItem {
          width: 60%;
          margin: auto; }
        #event .autumn2014 .distance {
          width: 100%; }
        #event .autumn2014 .making p {
          margin: 20px auto; }
        #event .autumn2014 #section01,
        #event .autumn2014 #section02,
        #event .autumn2014 #section03 {
          width: 90%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0 5%;
          padding: 20px 5%; }
        #event .autumn2014 #section01 .blogerItem {
          margin: 20px auto 30px; }
        #event .autumn2014 #section02 .making .kichinto_position02 {
          position: static; }
        #event .autumn2014 #section02 .used:after {
          position: absolute;
          top: 10px;
          right: 0;
          content: "";
          background: url(/assets/img/event/event_autumn2014/event_autumn_momiji_06.png) no-repeat 50% 50%;
          background-size: cover;
          width: 50px;
          height: 50px; }
        #event .autumn2014 #section03 .blogerItem {
          margin: 20px auto 30px; }
        #event .autumn2014 #section03 .kichinto_position03 {
          position: static; }
        #event .autumn2014 #section03 .used:after {
          position: absolute;
          top: 5px;
          right: -5px;
          content: "";
          background: url(/assets/img/event/event_autumn2014/event_autumn_momiji_07.png) no-repeat 50% 50%;
          background-size: cover;
          width: 55px;
          height: 55px; } }
  @media print, screen and (max-width: 640px) {
    #event .btnLink01 {
      text-align: center;
      margin: 30px auto; }
    #event .btnLink02 {
      text-align: center;
      margin: 30px auto 0; } }
  #event #contents_wrap_inner .event03_wrap {
    /*event03_wrap*/ }
    #event #contents_wrap_inner .event03_wrap .event_mainview {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 10;
      width: 940px;
      height: 418px;
      background: url(/assets/img/event/event_sum_bg01.png) no-repeat; }
    #event #contents_wrap_inner .event03_wrap .make_area {
      position: relative; }
    #event #contents_wrap_inner .event03_wrap ul.make_list li {
      margin-top: 15px; }
      #event #contents_wrap_inner .event03_wrap ul.make_list li:last-child {
        margin-right: 0; }
    #event #contents_wrap_inner .event03_wrap ul.make_img_list {
      margin-top: 40px; }
      #event #contents_wrap_inner .event03_wrap ul.make_img_list li {
        float: left;
        margin-right: 20px; }
        #event #contents_wrap_inner .event03_wrap ul.make_img_list li:last-child {
          margin-right: 0; }
    #event #contents_wrap_inner .event03_wrap ul.use_items_list li {
      float: left; }
      #event #contents_wrap_inner .event03_wrap ul.use_items_list li:last-child {
        margin-right: 0; }
      #event #contents_wrap_inner .event03_wrap ul.use_items_list li.w350 {
        width: 350px; }
      #event #contents_wrap_inner .event03_wrap ul.use_items_list li.w276 {
        width: 276px; }
      #event #contents_wrap_inner .event03_wrap ul.use_items_list li .package {
        float: left; }
      #event #contents_wrap_inner .event03_wrap ul.use_items_list li .packageText {
        float: left;
        margin-left: 10px; }
  @media print, screen and (max-width: 640px) {
    #event #contents_wrap_inner .event03_wrap .event_mainview {
      background: url(/assets/img/event/event_sum_bg01_sp.png) no-repeat 50% 50%;
      background-size: cover;
      width: 100%; }
    #event #contents_wrap_inner .event03_wrap .event_main_contents .make_area h3 {
      margin: 20px auto 10px; }
    #event #contents_wrap_inner .event03_wrap .event_main_contents div.event_to_top_area {
      height: auto; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents div.event_to_top_area p {
        text-align: center;
        margin-bottom: 30px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents div.event_to_top_area p img {
          width: 50%; }
    #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items_list li {
      margin: 20px auto; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items_list li div.package {
        display: block;
        width: 100%;
        text-align: center;
        float: none; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items_list li div.packageText {
        display: block;
        width: 100%;
        text-align: center;
        margin: 20px 0 0;
        float: none; } }
  #event #contents_wrap_inner .event03_wrap {
    position: relative;
    padding: 30px 30px 75px 30px;
    margin-top: 30px;
    background: url(/assets/img/event/event_sum_bg02.png);
    border-radius: 5px;
    behavior: url(/common/css/PIE.htc);
    /* event_main_contents */ }
    #event #contents_wrap_inner .event03_wrap .event_main_contents {
      position: relative;
      z-index: 60;
      /* recipe_area01 */
      /* event_to_top_area */
      /* recipe_area02 */ }
      #event #contents_wrap_inner .event03_wrap .event_main_contents h2 {
        text-align: center;
        margin-top: 0px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents h2 img {
          margin-right: 40px; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents ul.event_nav_list {
        margin-top: 15px;
        margin-left: 60px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents ul.event_nav_list li {
          float: left;
          margin-right: 15px; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 {
        position: relative;
        margin-top: 100px;
        background: url(/assets/img/event/event_sum_recipe01_bg.png);
        width: 830px;
        padding: 60px 25px 40px 25px;
        z-index: 60;
        /* make_area */ }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .area01_ttl {
          position: absolute;
          top: -55px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .event_main_img01 {
          position: absolute;
          right: 30px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .make_area {
          position: relative; }
          #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .make_area .object01 {
            position: absolute;
            top: 87px;
            right: 0px; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area {
        position: relative;
        height: 60px;
        width: 100%; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area p {
          text-align: right;
          margin-top: 20px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area .items02 {
          position: absolute;
          top: 40px;
          left: 284px; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 {
        position: relative;
        margin-top: 100px;
        background: url(/assets/img/event/event_sum_recipe02_bg.png);
        width: 830px;
        padding: 60px 25px 40px 25px;
        z-index: 60; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .area02_ttl {
          position: absolute;
          top: -55px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .event_main_img02 {
          position: absolute;
          right: 30px;
          z-index: 100; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .make_area .object02 {
          position: absolute;
          top: 100px;
          right: 0px; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 {
        position: relative;
        margin-top: 100px;
        background: url(/assets/img/event/event_sum_recipe01_bg.png);
        width: 830px;
        padding: 60px 25px 40px 25px;
        z-index: 60; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .area03_ttl {
          position: absolute;
          top: -55px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .event_main_img03 {
          position: absolute;
          right: 30px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .make_area .object03 {
          position: absolute;
          top: 186px;
          right: 0px; }
      #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items {
        position: relative;
        margin-top: 30px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items .items01 {
          position: absolute;
          top: 75px;
          left: 475px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items .items04 {
          position: absolute;
          top: 80px;
          left: 300px; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents .use_items .items05 {
          position: absolute;
          bottom: 0px;
          right: 50px; }
  @media print, screen and (max-width: 640px) {
    #event #contents_wrap_inner {
      /* event03_wrap */ }
      #event #contents_wrap_inner .event03_wrap {
        padding: 0 0 0 0; }
        #event #contents_wrap_inner .event03_wrap .event_main_contents {
          /* recipe_area01 */
          /* recipe_area02 */ }
          #event #contents_wrap_inner .event03_wrap .event_main_contents h2 {
            padding-top: 10px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents h2 img {
              margin: auto;
              width: 80%; }
          #event #contents_wrap_inner .event03_wrap .event_main_contents ul.event_nav_list {
            margin: 0 auto;
            width: 90%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents ul.event_nav_list li {
              width: 45%;
              margin-right: 0;
              margin-bottom: 20px; }
              #event #contents_wrap_inner .event03_wrap .event_main_contents ul.event_nav_list li:first-child {
                margin-right: 20px; }
          #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 {
            width: 90%;
            margin: 100px 5% 0;
            background: none;
            padding: 0; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .sp_bg01 {
              width: 100%;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              padding: 0 5% 20px;
              background: url(/assets/img/event/event_sum_recipe01_bg.png); }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .area01_ttl {
              top: -30px; }
              #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .area01_ttl img {
                width: 95%; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .event_main_img01 {
              padding-top: 40px;
              position: static;
              text-align: center; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 p.mt30 {
              margin-top: 20px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area01 .make_area .object01 {
              position: static;
              margin-top: 30px; }
          #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area {
            margin-top: 40px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area .items02--sp01 {
              position: absolute;
              top: -20px;
              left: 0;
              width: 50px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area .items02--sp02 {
              position: absolute;
              top: 0;
              right: 0;
              width: 60px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area .items02--sp03 {
              position: absolute;
              top: 0;
              left: 0;
              width: 40px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .event_to_top_area .items02--sp04 {
              position: absolute;
              top: -25px;
              right: 5px;
              width: 40px; }
          #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 {
            width: 100%;
            margin-top: 90px;
            padding: 20px 5% 40px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .area02_ttl {
              left: 50%;
              margin-left: -47.5%;
              width: 95%; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .event_main_img02 {
              position: static; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .make_area .object02 {
              position: static; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area02 .use_items h3.noBogp {
              margin: 0; }
          #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 {
            width: 100%;
            margin-top: 90px;
            padding: 20px 5% 40px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .area03_ttl {
              left: 50%;
              margin-left: -47.5%;
              width: 95%; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .event_main_img03 {
              position: static; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .make_area .object03 {
              position: static; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .make_area .make_list li {
              margin: 20px 0; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .use_items h3.noBogp {
              margin: 0; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .use_items .items04 {
              bottom: -110px;
              left: -16px;
              width: 60px;
              top: inherit; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .use_items .items05 {
              bottom: -80px;
              right: -10px;
              width: 50px; }
            #event #contents_wrap_inner .event03_wrap .event_main_contents .recipe_area03 .use_items .use_items_list li.w350 {
              width: 100%; } }
  @media print, screen and (max-width: 640px) {
    #event .btnLink01--bottom {
      position: relative;
      bottom: -60px;
      margin: -50px auto 66px; } }
  #event .event_recipe01 {
    background: url(/assets/img/event/event_2014_02/event_bg01.jpg);
    margin-top: 30px;
    border-radius: 10px;
    position: relative;
    behavior: url(/common/css/PIE.htc);
    /* recipe01_wrap */
    /* recipe02_wrap */ }
    #event .event_recipe01 ul.num_list {
      margin-top: 20px; }
      #event .event_recipe01 ul.num_list li {
        line-height: 1.5em;
        margin-bottom: 10px;
        padding-top: 8px;
        padding-left: 3em;
        min-height: 35px;
        font-size: 15px; }
        #event .event_recipe01 ul.num_list li span {
          color: red;
          font-size: 15px; }
        #event .event_recipe01 ul.num_list li.point01 {
          background: url(/assets/img/event/event_2014_02/event_list_bg01_pc.png) no-repeat left 0px; }
        #event .event_recipe01 ul.num_list li.point02 {
          background: url(/assets/img/event/event_2014_02/event_list_bg02_pc.png) no-repeat left 0px; }
        #event .event_recipe01 ul.num_list li.point03 {
          background: url(/assets/img/event/event_2014_02/event_list_bg03_pc.png) no-repeat left 0px; }
        #event .event_recipe01 ul.num_list li.point04 {
          background: url(/assets/img/event/event_2014_02/event_list_bg04_pc.png) no-repeat left 0px; }
        #event .event_recipe01 ul.num_list li.point05 {
          background: url(/assets/img/event/event_2014_02/event_list_bg05_pc.png) no-repeat left 0px; }
    #event .event_recipe01 .event_products {
      margin-top: 20px; }
      #event .event_recipe01 .event_products li {
        margin-right: 10px;
        float: left; }
        #event .event_recipe01 .event_products li .products_left_box {
          float: left;
          width: 110px; }
        #event .event_recipe01 .event_products li .products_right_box {
          width: 170px;
          float: left; }
          #event .event_recipe01 .event_products li .products_right_box p {
            margin-bottom: 10px;
            font-size: 13px; }
    #event .event_recipe01 .recipe_title01 {
      position: absolute;
      top: 210px;
      left: 35px; }
      #event .event_recipe01 .recipe_title01 .Page_links li {
        float: left;
        margin-right: 20px; }
    #event .event_recipe01 .recipe01_wrap {
      margin-top: 50px;
      margin-left: 30px; }
      #event .event_recipe01 .recipe01_wrap .recipe01 {
        background: url(/assets/img/event/event_2014_02/event_sakura01.png) no-repeat;
        /* recipe01_02_wrap */ }
        #event .event_recipe01 .recipe01_wrap .recipe01 div.left_box {
          width: 500px;
          float: left; }
          #event .event_recipe01 .recipe01_wrap .recipe01 div.left_box p.item02 {
            margin-top: 10px;
            margin-left: 7px; }
        #event .event_recipe01 .recipe01_wrap .recipe01 .right_box {
          float: right;
          width: 350px;
          margin-right: 30px; }
        #event .event_recipe01 .recipe01_wrap .recipe01_02_wrap {
          margin-top: 20px;
          clear: both; }
          #event .event_recipe01 .recipe01_wrap .recipe01_02_wrap div.left_box {
            width: 650px; }
            #event .event_recipe01 .recipe01_wrap .recipe01_02_wrap div.left_box .img_list {
              margin-top: 20px; }
              #event .event_recipe01 .recipe01_wrap .recipe01_02_wrap div.left_box .img_list li {
                float: left;
                margin-right: 20px; }
          #event .event_recipe01 .recipe01_wrap .recipe01_02_wrap div.right_box {
            width: 200px;
            margin-top: 160px;
            margin-right: 30px; }
            #event .event_recipe01 .recipe01_wrap .recipe01_02_wrap div.right_box p {
              text-align: center;
              margin-top: 10px; }
    #event .event_recipe01 .recipe02_wrap {
      background: url(/assets/img/event/event_2014_02/event_sakura02.png) no-repeat;
      padding: 0 30px; }
      #event .event_recipe01 .recipe02_wrap .recipe02_contentsWrap {
        margin-top: 20px; }
        #event .event_recipe01 .recipe02_wrap .recipe02_contentsWrap .recipe02_left {
          float: left; }
        #event .event_recipe01 .recipe02_wrap .recipe02_contentsWrap .recipe02_right {
          float: left;
          margin-left: 10px; }
      #event .event_recipe01 .recipe02_wrap .border_box {
        border: 2px solid #b1dc3b;
        padding: 30px 30px 20px 30px;
        margin: 20px auto 0px auto;
        width: 796px;
        background: #f8ffe7;
        border-radius: 10px;
        position: relative;
        behavior: url(/common/css/PIE.htc); }
        #event .event_recipe01 .recipe02_wrap .border_box div.border_box_left {
          float: left; }
        #event .event_recipe01 .recipe02_wrap .border_box div.border_box_right {
          float: left;
          margin-left: 20px; }
        #event .event_recipe01 .recipe02_wrap .border_box ul.border_box_list {
          margin-top: 10px; }
          #event .event_recipe01 .recipe02_wrap .border_box ul.border_box_list li {
            line-height: 1.5em;
            margin-bottom: 10px;
            padding-top: 8px;
            padding-left: 2em;
            min-height: 24px;
            font-size: 14px; }
            #event .event_recipe01 .recipe02_wrap .border_box ul.border_box_list li.sub_point01 {
              background: url(/assets/img/event/event_2014_02/event_sublist_bg01_pc.png) no-repeat left 5px; }
            #event .event_recipe01 .recipe02_wrap .border_box ul.border_box_list li.sub_point02 {
              background: url(/assets/img/event/event_2014_02/event_sublist_bg02_pc.png) no-repeat left 5px; }
            #event .event_recipe01 .recipe02_wrap .border_box ul.border_box_list li.sub_point03 {
              background: url(/assets/img/event/event_2014_02/event_sublist_bg03_pc.png) no-repeat left 5px; }
    #event .event_recipe01 .recipe03_wrap {
      background: url(/assets/img/event/event_2014_02/event_sakura03_pc.png) no-repeat;
      padding: 0 30px; }
      #event .event_recipe01 .recipe03_wrap .recipe03_contentsWrap {
        margin-top: 40px; }
        #event .event_recipe01 .recipe03_wrap .recipe03_contentsWrap .recipe03_left {
          float: left; }
        #event .event_recipe01 .recipe03_wrap .recipe03_contentsWrap .recipe03_right {
          float: right;
          margin-left: 10px; }
      #event .event_recipe01 .recipe03_wrap .recipe03_list_left {
        float: left;
        width: 600px; }
      #event .event_recipe01 .recipe03_wrap .recipe03_list_right {
        float: right;
        width: 200px;
        margin-right: 50px; }
    @media print, screen and (max-width: 640px) {
      #event .event_recipe01 {
        width: 100%;
        padding: 0 5% 10px;
        margin: 30px auto 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #event .event_recipe01 .recipe03_contentsWrap {
          padding: 0 5%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        #event .event_recipe01 .btnLink02 {
          text-align: center;
          margin: 30px auto; }
          #event .event_recipe01 .btnLink02 img {
            width: 50%; }
        #event .event_recipe01 .btnLink03 {
          text-align: center;
          margin: 30px auto 0; }
          #event .event_recipe01 .btnLink03 img {
            width: 80%; }
        #event .event_recipe01 .btnLink04 {
          text-align: center;
          margin: 30px auto; }
          #event .event_recipe01 .btnLink04 img {
            width: 65%; }
        #event .event_recipe01 .smallTxt {
          font-size: 12px; }
        #event .event_recipe01 ul.num_list li {
          padding: 35px 5% 20px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        #event .event_recipe01 .event_products li .btnLink02 {
          width: 100%; }
          #event .event_recipe01 .event_products li .btnLink02 img {
            width: 80%; }
        #event .event_recipe01 span.red {
          color: #e70000; }
        #event .event_recipe01 .recipe_title01 {
          position: static; }
          #event .event_recipe01 .recipe_title01 .Page_links li {
            float: none;
            margin: 15px auto; }
        #event .event_recipe01 .recipe01_wrap {
          margin: 0; }
          #event .event_recipe01 .recipe01_wrap .recipe01 div.left_box {
            float: none;
            width: 100%;
            margin-top: 20px auto 10px; }
            #event .event_recipe01 .recipe01_wrap .recipe01 div.left_box p.item02 {
              margin-left: 0; }
          #event .event_recipe01 .recipe01_wrap .recipe01 div.right_box {
            float: none;
            width: 100%;
            margin-top: 0;
            margin-bottom: 20px; }
        #event .event_recipe01 div.recipe02_wrap {
          padding: 0; }
          #event .event_recipe01 div.recipe02_wrap div.border_box {
            width: 100%;
            padding: 5%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            #event .event_recipe01 div.recipe02_wrap div.border_box div.border_box_right {
              float: none;
              margin: 30px auto; }
              #event .event_recipe01 div.recipe02_wrap div.border_box div.border_box_right img {
                margin-top: 30px; }
        #event .event_recipe01 div.recipe03_wrap {
          padding: 0; }
          #event .event_recipe01 div.recipe03_wrap .recipe03_list_left {
            width: 100%; }
            #event .event_recipe01 div.recipe03_wrap .recipe03_list_left .num_list li.point03 {
              width: 100%; }
              #event .event_recipe01 div.recipe03_wrap .recipe03_list_left .num_list li.point03 span.sp {
                width: 100%; }
                #event .event_recipe01 div.recipe03_wrap .recipe03_list_left .num_list li.point03 span.sp img {
                  width: 90%; }
        #event .event_recipe01 .event_products li {
          margin: 20px 0;
          float: none; }
          #event .event_recipe01 .event_products li .spBox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around; }
            #event .event_recipe01 .event_products li .spBox .products_left_box {
              float: none;
              display: inline-block;
              width: 45%;
              text-align: center; }
              #event .event_recipe01 .event_products li .spBox .products_left_box img {
                width: 90%; }
            #event .event_recipe01 .event_products li .spBox .products_right_box {
              padding-top: 30px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
              #event .event_recipe01 .event_products li .spBox .products_right_box .btnLink02 {
                float: none;
                display: inline-block;
                width: 100%;
                text-align: center; }
                #event .event_recipe01 .event_products li .spBox .products_right_box .btnLink02 img {
                  width: 100%; }
            #event .event_recipe01 .event_products li .spBox p.sp {
              margin-top: 30px; }
            #event .event_recipe01 .event_products li .spBox p.pc {
              display: none !important; }
            #event .event_recipe01 .event_products li .spBox .btnLink02 img {
              width: 80%; } }
  @media print, screen and (max-width: 640px) {
    #event #contents_wrap_inner {
      padding-bottom: 0; } }
  #event #event2_recipe_wrap {
    margin-top: 30px;
    /* event2_top */
    /* recipe_main */ }
    #event #event2_recipe_wrap .event2_top {
      width: 940px;
      position: relative; }
      #event #event2_recipe_wrap .event2_top ul {
        width: 940px;
        position: absolute;
        top: 14px;
        left: 86px; }
        #event #event2_recipe_wrap .event2_top ul li {
          width: 228px;
          height: 101px;
          float: left;
          margin-left: 18px; }
      #event #event2_recipe_wrap .event2_top p.hana_img {
        /*花*/
        position: absolute;
        top: 140px;
        height: 0px; }
    #event #event2_recipe_wrap .recipe_main {
      width: 940px;
      background-color: #14ae67;
      /*bg*/ }
      #event #event2_recipe_wrap .recipe_main .recipe_box {
        width: 880px;
        margin: 0px auto;
        background: url(/assets/img/event/event_2014_04/bg_img.png); }
      #event #event2_recipe_wrap .recipe_main .left_f {
        width: 598px;
        float: left; }
    @media print, screen and (max-width: 640px) {
      #event #event2_recipe_wrap {
        position: relative;
        width: 100%;
        margin-bottom: 100px;
        margin-top: 0;
        /* event2_top */
        /* recipe_main */ }
        #event #event2_recipe_wrap .spBg {
          position: absolute; }
        #event #event2_recipe_wrap p img {
          height: 100%; }
        #event #event2_recipe_wrap .event2_top {
          background: url(/assets/img/event/event_2014_04/event2_top_01_bgsp.png) no-repeat 50% 100%;
          background-size: cover;
          width: 100%;
          margin: auto;
          padding: 0;
          padding-top: 10px;
          position: relative;
          bottom: -1px; }
          #event #event2_recipe_wrap .event2_top ul {
            padding-top: 5%;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 1% 5% 12% 5%;
            margin: auto;
            position: static;
            display: block;
            left: inherit;
            text-align: center;
            background: url(/assets/img/event/event_2014_04/event2_navi_bg.png) no-repeat 50% 50%;
            background-size: contain; }
            #event #event2_recipe_wrap .event2_top ul li {
              float: none;
              width: 100%;
              height: auto;
              margin: 2px 0;
              display: inline-block; }
              #event #event2_recipe_wrap .event2_top ul li img {
                height: auto; }
          #event #event2_recipe_wrap .event2_top p.sp {
            margin-top: 10px; }
        #event #event2_recipe_wrap .recipe_main {
          padding-top: 60px;
          padding-bottom: 5px;
          width: 100%;
          background: #14ae67 url(/assets/img/event/event_2014_04/event2_hana_top_sp.png) no-repeat 60% 0;
          background-size: contain;
          position: relative; }
          #event #event2_recipe_wrap .recipe_main .left_f {
            width: 100%;
            float: none; }
          #event #event2_recipe_wrap .recipe_main .recipe_box {
            width: 90%;
            margin: 0px auto;
            padding: 0 5%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
            #event #event2_recipe_wrap .recipe_main .recipe_box_in .position_box {
              position: static;
              width: 100%;
              height: auto; }
              #event #event2_recipe_wrap .recipe_main .recipe_box_in .position_box p.box_btn {
                position: static; }
              #event #event2_recipe_wrap .recipe_main .recipe_box_in .position_box p.box_right {
                position: static; }
          #event #event2_recipe_wrap .recipe_main div#recipe_2.recipe_box {
            padding-top: 335px;
            position: relative; }
            #event #event2_recipe_wrap .recipe_main div#recipe_2.recipe_box .recipe_box_in {
              position: static; }
              #event #event2_recipe_wrap .recipe_main div#recipe_2.recipe_box .recipe_box_in .position_box1 {
                position: static; }
                #event #event2_recipe_wrap .recipe_main div#recipe_2.recipe_box .recipe_box_in .position_box1 .box_recipe {
                  position: absolute;
                  top: -20px;
                  width: 110%;
                  left: 0;
                  margin-left: -5%; }
          #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box {
            padding-top: 335px;
            position: relative; }
            #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box .recipe_box_in {
              position: static; }
              #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box .recipe_box_in .position_box1 {
                position: static;
                height: auto; }
                #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box .recipe_box_in .position_box1 .box_left1 {
                  position: static; }
                #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box .recipe_box_in .position_box1 .box_recipe {
                  position: absolute;
                  top: -20px;
                  width: 110%;
                  left: 0;
                  margin-left: -5%; }
            #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box p.img_girl3 {
              text-align: center; }
              #event #event2_recipe_wrap .recipe_main div#recipe_3.recipe_box p.img_girl3 img {
                width: 100%; } }
  #event .recipe_box {
    /* recipe_box_in */
    /*キチントさん①*/
    /* @include sp */ }
    #event .recipe_box .recipe_box_in {
      /*キチントさん②　position*/
      /*キチントさん③ position*/ }
      #event .recipe_box .recipe_box_in .box_recipe {
        position: absolute;
        top: -30px;
        left: -16px;
        height: 0px; }
      #event .recipe_box .recipe_box_in .position_box {
        width: 900px;
        height: 400px;
        position: relative; }
        #event .recipe_box .recipe_box_in .position_box1 {
          width: 900px;
          height: 340px;
          position: relative; }
      #event .recipe_box .recipe_box_in p.box_btn {
        position: absolute;
        top: 54px;
        left: 30px; }
      #event .recipe_box .recipe_box_in p.box_left {
        position: absolute;
        top: 170px;
        left: 30px; }
        #event .recipe_box .recipe_box_in p.box_left1 {
          position: absolute;
          top: 70px;
          left: 30px; }
      #event .recipe_box .recipe_box_in p.box_right {
        position: absolute;
        top: 32px;
        left: 550px; }
      #event .recipe_box .recipe_box_in p.img_girl2 {
        width: 268px;
        position: absolute;
        top: 590px;
        left: 600px; }
      #event .recipe_box .recipe_box_in p.img_girl3 {
        width: 268px;
        position: absolute;
        top: 400px;
        left: 600px; }
    #event .recipe_box .recipe_box2_in p.img_girl1 {
      width: 268px;
      float: right; }
    #event .recipe_box .recipe_box3_in {
      width: 880px; }
      #event .recipe_box .recipe_box3_in p {
        width: 190px;
        float: left;
        margin-top: 20px;
        margin-left: 24px; }
    #event .recipe_box .recipe_box4_in p {
      width: 282px;
      margin: 20px 0px 20px 24px; }
    #event .recipe_box .recipe_box4_in ul {
      width: 880px;
      padding-bottom: 24px; }
      #event .recipe_box .recipe_box4_in ul li {
        width: 276px;
        float: left;
        margin-left: 14px; }
    @media print, screen and (max-width: 640px) {
      #event .recipe_box {
        /* recipe_box_in */
        /*キチントさん①*/ }
        #event .recipe_box .recipe_box_in {
          position: relative;
          /*キチントさん②　position*/
          /*キチントさん③ position*/ }
          #event .recipe_box .recipe_box_in .box_recipe {
            top: -28px;
            left: -10%;
            width: 120%;
            position: absolute;
            margin: auto;
            text-align: center;
            height: auto; }
          #event .recipe_box .recipe_box_in .position_box {
            width: 100%;
            height: 400px;
            position: relative; }
            #event .recipe_box .recipe_box_in .position_box1 {
              width: 100%;
              height: 340px;
              position: relative; }
          #event .recipe_box .recipe_box_in p.box_btn {
            position: static;
            margin-top: 10px; }
          #event .recipe_box .recipe_box_in p.box_left {
            position: static;
            margin-top: 10px; }
            #event .recipe_box .recipe_box_in p.box_left1 {
              position: absolute;
              top: 70px;
              left: 30px; }
          #event .recipe_box .recipe_box_in p.box_right {
            display: none; }
          #event .recipe_box .recipe_box_in .left_f {
            width: 100%;
            float: none; }
          #event .recipe_box .recipe_box_in p.img_girl2 {
            width: 268px;
            position: absolute;
            top: 590px;
            left: 600px; }
          #event .recipe_box .recipe_box_in p.img_girl3 {
            width: 268px;
            position: absolute;
            top: 400px;
            left: 600px; }
        #event .recipe_box .recipe_box_in#recipe_1 {
          padding-top: 343px; }
        #event .recipe_box .recipe_box2_in {
          margin-top: 30px;
          width: 100%;
          float: none; }
          #event .recipe_box .recipe_box2_in div.left_f p {
            width: 100%;
            margin: 20px 0; }
            #event .recipe_box .recipe_box2_in div.left_f p.img_girl2.sp {
              text-align: center; }
              #event .recipe_box .recipe_box2_in div.left_f p.img_girl2.sp img {
                width: 100%; }
          #event .recipe_box .recipe_box2_in p.img_girl1 {
            text-align: center;
            width: auto;
            float: none; }
        #event .recipe_box .recipe_box3_in {
          width: 100%; }
          #event .recipe_box .recipe_box3_in p {
            width: 190px;
            float: none;
            margin-left: 0; }
        #event .recipe_box .recipe_box4_in p {
          width: 282px;
          margin: 20px 0px 20px 24px; }
        #event .recipe_box .recipe_box4_in ul {
          width: 100%;
          padding-bottom: 24px; }
          #event .recipe_box .recipe_box4_in ul li {
            width: auto;
            float: none;
            margin-left: 0;
            margin: 10px 0;
            height: 200px;
            text-align: center; }
            #event .recipe_box .recipe_box4_in ul li a {
              width: auto;
              height: 200px; }
              #event .recipe_box .recipe_box4_in ul li a img {
                width: 100%;
                height: 100%; } }
  #event .saction_footer {
    width: 900px;
    height: 80px;
    background-color: #14ae67;
    /*bg*/ }
    #event .saction_footer p {
      width: 910px;
      height: 67px;
      text-align: right;
      margin-top: 30px; }
      #event .saction_footer p.hana_1 {
        background: url(/assets/img/event/event_2014_04/event2_hana1_pc.png) no-repeat; }
      #event .saction_footer p.hana_2 {
        background: url(/assets/img/event/event_2014_04/event2_hana2_pc.png) no-repeat; }
      #event .saction_footer p.hana_3 {
        background: url(/assets/img/event/event_2014_04/event2_hana3_pc.png) no-repeat; }
    @media print, screen and (max-width: 640px) {
      #event .saction_footer {
        width: 100%;
        height: auto; }
        #event .saction_footer p {
          width: 365px;
          margin: 35px auto;
          text-align: center;
          background: none; }
          #event .saction_footer p.hana_1 {
            height: auto;
            position: relative;
            background: none; }
            #event .saction_footer p.hana_1:after {
              position: absolute;
              content: "";
              background: url(/assets/img/event/event_2014_04/event2_hana1_sp.png) no-repeat;
              background-size: contain;
              top: -30px;
              width: 100%;
              height: 80px;
              left: 0;
              z-index: 50; }
            #event .saction_footer p.hana_1 a {
              height: 27px; }
              #event .saction_footer p.hana_1 a img {
                height: 27px !important; }
          #event .saction_footer p.hana_2 {
            height: auto;
            position: relative;
            background: none; }
            #event .saction_footer p.hana_2:after {
              position: absolute;
              content: "";
              background: url(/assets/img/event/event_2014_04/event2_hana2_sp.png) no-repeat;
              background-size: contain;
              top: -30px;
              width: 100%;
              height: 80px;
              left: 0;
              z-index: 50; }
            #event .saction_footer p.hana_2 a {
              height: 27px; }
              #event .saction_footer p.hana_2 a img {
                height: 27px !important; }
          #event .saction_footer p.hana_3 {
            height: auto;
            position: relative;
            background: none; }
            #event .saction_footer p.hana_3:after {
              position: absolute;
              content: "";
              background: url(/assets/img/event/event_2014_04/event2_hana3_sp.png) no-repeat;
              background-size: contain;
              top: -30px;
              width: 100%;
              height: 80px;
              left: 0;
              z-index: 50; }
            #event .saction_footer p.hana_3 a {
              height: 27px; }
              #event .saction_footer p.hana_3 a img {
                height: 27px !important; }
          #event .saction_footer p img {
            height: 20px; } }
  #event p.bottom_btn {
    width: 940px;
    height: 60px;
    padding-top: 20px;
    text-align: center;
    background: #14ae67; }
    @media print, screen and (max-width: 640px) {
      #event p.bottom_btn {
        text-align: center;
        width: 100%;
        height: auto;
        padding-top: 0;
        margin-bottom: 30px;
        background: none;
        position: absolute;
        bottom: -100px; } }
  #event hr#sec1, #event hr#sec2, #event hr#sec3 {
    width: 940px;
    border-top: 10px solid #14ae67;
    margin-top: -10px; }
  #event .link_arrow {
    text-align: center;
    margin: 20px auto; }
  #event .link_arrow p {
    background: url(/assets/img/event/event_2014_04/arrow02_pc.png) 2px 10px no-repeat;
    padding-left: 1em;
    display: inline; }
  #event .tsukurioki {
    /* event-tsukurioki css */
    /* section 1 */
    /* section 2 */
    /* section 3 */ }
    #event .tsukurioki .sp {
      display: none; }
    #event .tsukurioki .sec1 h1 {
      margin-bottom: 40px; }
    #event .tsukurioki .sec1 h2 {
      margin: 0 auto 20px;
      text-align: center; }
    #event .tsukurioki .sec2 h2, #event .tsukurioki .sec3 h2 {
      margin: 0 auto 20px;
      text-align: center; }
    #event .tsukurioki .sec1 input {
      display: none; }
    #event .tsukurioki .sec1 ul.week_tab {
      margin: 0 auto; }
      #event .tsukurioki .sec1 ul.week_tab li {
        float: left;
        width: 20%; }
        #event .tsukurioki .sec1 ul.week_tab li label {
          display: block;
          width: 100%;
          height: 0;
          background-position: 0 0;
          background-repeat: no-repeat;
          background-size: contain;
          padding-top: 130.32%;
          text-indent: -9999px;
          cursor: pointer; }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_mon label {
          background-image: url("/assets/img/event/event-tsukurioki/btn_mon_off.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_tue label {
          background-image: url("/assets/img/event/event-tsukurioki/btn_tue_off.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_wed label {
          background-image: url("/assets/img/event/event-tsukurioki/btn_wed_off.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_thu label {
          background-image: url("/assets/img/event/event-tsukurioki/btn_thu_off.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_fri label {
          background-image: url("/assets/img/event/event-tsukurioki/btn_fri_off.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_mon label:hover {
          background-image: url("/assets/img/event/event-tsukurioki/btn_mon_on.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_tue label:hover {
          background-image: url("/assets/img/event/event-tsukurioki/btn_tue_on.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_wed label:hover {
          background-image: url("/assets/img/event/event-tsukurioki/btn_wed_on.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_thu label:hover {
          background-image: url("/assets/img/event/event-tsukurioki/btn_thu_on.png"); }
        #event .tsukurioki .sec1 ul.week_tab li#week_tab_fri label:hover {
          background-image: url("/assets/img/event/event-tsukurioki/btn_fri_on.png"); }
    #event .tsukurioki #week_mon:checked ~ #content_mon, #event .tsukurioki #week_tue:checked ~ #content_tue, #event .tsukurioki #week_wed:checked ~ #content_wed, #event .tsukurioki #week_thu:checked ~ #content_thu, #event .tsukurioki #week_fri:checked ~ #content_fri {
      display: block; }
    #event .tsukurioki #week_mon:checked ~ ul.week_tab li#week_tab_mon label {
      background-image: url("/assets/img/event/event-tsukurioki/btn_mon_on.png");
      pointer-events: none;
      cursor: none; }
    #event .tsukurioki #week_tue:checked ~ ul.week_tab li#week_tab_tue label {
      background-image: url("/assets/img/event/event-tsukurioki/btn_tue_on.png");
      pointer-events: none;
      cursor: none; }
    #event .tsukurioki #week_wed:checked ~ ul.week_tab li#week_tab_wed label {
      background-image: url("/assets/img/event/event-tsukurioki/btn_wed_on.png");
      pointer-events: none;
      cursor: none; }
    #event .tsukurioki #week_thu:checked ~ ul.week_tab li#week_tab_thu label {
      background-image: url("/assets/img/event/event-tsukurioki/btn_thu_on.png");
      pointer-events: none;
      cursor: none; }
    #event .tsukurioki #week_fri:checked ~ ul.week_tab li#week_tab_fri label {
      background-image: url("/assets/img/event/event-tsukurioki/btn_fri_on.png");
      pointer-events: none;
      cursor: none; }
    #event .tsukurioki .sec1 .week_content {
      display: none;
      margin: 0 auto 50px; }
      #event .tsukurioki .sec1 .week_content area {
        outline: 1; }
    #event .tsukurioki .sec1 ul.recipe {
      margin: 0 auto;
      text-align: center;
      font-size: 0; }
      #event .tsukurioki .sec1 ul.recipe li {
        display: inline-block; }
    #event .tsukurioki .sec2 h3.syusai {
      margin: -50px auto 20px;
      text-align: center; }
    #event .tsukurioki .sec2 ul.syusai {
      margin: 0 auto;
      text-align: center;
      font-size: 0; }
      #event .tsukurioki .sec2 ul.syusai li {
        display: inline-block;
        width: 290px;
        margin: 0 10px; }
    #event .tsukurioki .sec2 .plus {
      margin: 0 auto 30px;
      text-align: center; }
    #event .tsukurioki .sec2 h3.fukusai {
      margin: 0 auto 20px;
      text-align: center; }
    #event .tsukurioki .sec2 ul.fukusai {
      margin: 0 auto 40px;
      text-align: center;
      font-size: 0; }
      #event .tsukurioki .sec2 ul.fukusai li {
        display: inline-block;
        width: 275px;
        margin: 0 10px 20px; }
    #event .tsukurioki .sec3 p {
      margin: 0 auto 40px;
      text-align: center; }
    @media print, screen and (max-width: 640px) {
      #event .tsukurioki {
        /* section 1 */
        /* section 2 */
        /* section 3 */ }
        #event .tsukurioki .pc {
          display: none; }
        #event .tsukurioki .sp {
          display: block; }
        #event .tsukurioki h1 img, #event .tsukurioki .sec1 img, #event .tsukurioki .sec2 img, #event .tsukurioki .sec3 img {
          max-width: 100%;
          height: auto; }
        #event .tsukurioki .sec1 h2, #event .tsukurioki .sec2 h2, #event .tsukurioki .sec3 h2 {
          width: 90%;
          margin: 0 auto 20px; }
        #event .tsukurioki .sec1 ul.week_tab {
          background: url("/assets/img/event/event-tsukurioki/bg_tab.png") repeat-x 0 0;
          background-size: contain; }
        #event .tsukurioki .sec1 .content_sp {
          position: relative;
          width: 100%;
          height: 0;
          background-position: 0 0;
          background-repeat: no-repeat;
          background-size: contain;
          padding-top: 142.86%; }
        #event .tsukurioki .sec1 .sp_mon {
          background-image: url("/assets/img/event/event-tsukurioki/img-week-mon-sp.jpg"); }
        #event .tsukurioki .sec1 .sp_tue {
          background-image: url("/assets/img/event/event-tsukurioki/img-week-tue-sp.jpg"); }
        #event .tsukurioki .sec1 .sp_wed {
          background-image: url("/assets/img/event/event-tsukurioki/img-week-wed-sp.jpg"); }
        #event .tsukurioki .sec1 .sp_thu {
          background-image: url("/assets/img/event/event-tsukurioki/img-week-thu-sp.jpg"); }
        #event .tsukurioki .sec1 .sp_fri {
          background-image: url("/assets/img/event/event-tsukurioki/img-week-fri-sp.jpg"); }
        #event .tsukurioki .sec1 .content_sp .recipe1 {
          position: absolute;
          top: 48.63%;
          left: 10.39%;
          width: 35.84%; }
        #event .tsukurioki .sec1 .content_sp .recipe2 {
          position: absolute;
          top: 48.63%;
          left: 46.75%;
          width: 41.04%; }
        #event .tsukurioki .sec1 .content_sp .recipe3 {
          position: absolute;
          top: 73.50%;
          left: 27.92%;
          width: 36.36%; }
        #event .tsukurioki .sec2 h3.syusai {
          width: 20%;
          margin: -35px auto 20px; }
        #event .tsukurioki .sec2 ul.syusai li {
          width: 45%;
          margin: 0 2% 2%; }
        #event .tsukurioki .sec2 .plus {
          width: 15%; }
        #event .tsukurioki .sec2 h3.fukusai {
          width: 20%; }
        #event .tsukurioki .sec2 ul.fukusai li {
          width: 45%;
          margin: 0 2% 2%; }
          #event .tsukurioki .sec2 ul.fukusai li:nth-child(3) {
            width: 45%;
            margin: 0 20% 2%; }
        #event .tsukurioki .sec3 p {
          width: 90%; } }

@media print, screen and (min-width: 641px) {
  /* clearfix
--------------------------------------------------*/
  .cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  /* IE6 */
  * html .cf {
    zoom: 1; }
  /* IE7 */
  *:first-child + html .cf {
    zoom: 1; }
  .inline {
    display: inline-block; }
  .clear {
    clear: both; }
  .noOverflow {
    overflow: hidden; }
  .vaBottom {
    vertical-align: bottom; }
  .vaTop {
    vertical-align: top; }
  .indent {
    padding-left: 1em;
    text-indent: -1em; }
  .noBorder {
    border: none; }
  .noBg {
    background: none; }
  .noBogp {
    border: none;
    background: none;
    padding: 0; }
  .br_font {
    font-size: 16px;
    color: #774818;
    font-weight: bold; }
  .fr {
    float: right; }
  .fl {
    float: left; }
  .last {
    margin-right: 0 !important; }
  .center {
    text-align: center; }
  .right {
    text-align: right; }
  .left {
    text-align: left; }
  .fs12 {
    font-size: 12px; }
  .fs13 {
    font-size: 13px; }
  .fs14 {
    font-size: 14px; }
  .fs16 {
    font-size: 16px; }
  .fs17 {
    font-size: 17px; }
  .fwb {
    font-weight: bold; }
  .autoH {
    height: auto; }
  .height50 {
    height: 50px; }
  .height100 {
    height: 100px; }
  .height150 {
    height: 150px; }
  .height200 {
    height: 200px; }
  .height300 {
    height: 300px; }
  .wauto {
    width: auto; }
  .w250 {
    width: 250px; }
  .w300 {
    width: 300px; }
  /* padding
--------------------------------------------------*/
  .noPadding {
    padding: 0; }
  .noMargin {
    margin: 0; }
  .pt15 {
    padding-top: 15px; }
  .pt30 {
    padding-top: 30px; }
  .pt50 {
    padding-top: 50px; }
  .pb25 {
    padding-bottom: 25px; }
  .pb30 {
    padding-bottom: 30px; }
  /* margin
--------------------------------------------------*/
  .mg10 {
    margin: 10px; }
  .mg20 {
    margin: 20px; }
  .mg30 {
    margin: 30px; }
  /* margin-top */
  .mt-15 {
    margin-top: -15px; }
  .mt00 {
    margin-top: 0px; }
  .mt05 {
    margin-top: 5px; }
  .mt10 {
    margin-top: 10px; }
  .mt12 {
    margin-top: 12px !important; }
  .mt13 {
    margin-top: 13px; }
  .mt15 {
    margin-top: 15px; }
  .mt20 {
    margin-top: 20px; }
  .mt22 {
    margin-top: 22px; }
  .mt24 {
    margin-top: 24px; }
  .mt25 {
    margin-top: 25px; }
  .mt30 {
    margin-top: 30px; }
  .mt40 {
    margin-top: 40px; }
  .mt50 {
    margin-top: 50px; }
  .mt150 {
    margin-top: 150px; }
  /* margin-right */
  .mr00 {
    margin-right: 0; }
  .mr10 {
    margin-right: 10px; }
  .mr20 {
    margin-right: 20px; }
  .mr13 {
    margin-right: 13px; }
  .mr25 {
    margin-right: 25px; }
  .mr30 {
    margin-right: 30px; }
  .mr40 {
    margin-right: 40px; }
  /* margin-bottom */
  .mb00 {
    margin-bottom: 0; }
  .mb1em {
    margin-bottom: 1em; }
  .mb15em {
    margin-bottom: 1.5em; }
  .mb05 {
    margin-bottom: 5px; }
  .mb07 {
    margin-bottom: 7px; }
  .mb10 {
    margin-bottom: 10px; }
  .mb15 {
    margin-bottom: 15px; }
  .mb20 {
    margin-bottom: 20px; }
  .mb24 {
    margin-bottom: 24px; }
  .mb25 {
    margin-bottom: 25px; }
  .mb30 {
    margin-bottom: 30px; }
  .mb31 {
    margin-bottom: 31px; }
  .mb32 {
    margin-bottom: 32px; }
  .mb35 {
    margin-bottom: 35px; }
  .mb40 {
    margin-bottom: 40px; }
  .mb45 {
    margin-bottom: 45px; }
  .mb50 {
    margin-bottom: 50px; }
  .mb55 {
    margin-bottom: 55px; }
  .mb65 {
    margin-bottom: 65px; }
  .mb70 {
    margin-bottom: 70px; }
  .mb90 {
    margin-bottom: 90px; }
  .mb120 {
    margin-bottom: 120px; }
  /* margin-left */
  .ml10 {
    margin-left: 10px; }
  .ml15 {
    margin-left: 15px; }
  .ml20 {
    margin-left: 20px; }
  .ml25 {
    margin-left: 25px; }
  .ml30 {
    margin-left: 30px; }
  .ml35 {
    margin-left: 35px; }
  .ml40 {
    margin-left: 40px; }
  /* padding-left */
  .pl20 {
    padding-left: 20px; }
  .pl30 {
    padding-left: 30px; }
  .pl00 {
    padding-left: 0px; } }

/*
    ※レシピページとブロガーは同一SCSSを読み込む
*/
#recipe {
  /*ブロガー固有*/
  /*イベントレシピ*/ }
  @media print, screen and (max-width: 640px) {
    #recipe .spInner {
      padding: 0 5%; } }
  @media print, screen and (max-width: 640px) {
    #recipe .ttlType_C {
      margin: 5% 5% 0 5%; } }
  #recipe .recipe em {
    color: red;
    font-style: normal; }
  #recipe .recipe #bloger-photo {
    padding-right: 20px;
    padding-bottom: 20px; }
  #recipe .recipe #blogerrecipe-title {
    font-size: 16px; }
  #recipe .recipe #blogerrecipe-text {
    margin-left: 0;
    overflow: initial; }
  #recipe .recipe #blogerrecipe-profile {
    margin-top: 20px;
    clear: both; }
  #recipe .recipe__main {
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 5%; } }
  #recipe .recipe__mainImage {
    width: 300px;
    margin-right: 20px; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__mainImage {
        width: 100%;
        margin-right: 0px; } }
    #recipe .recipe__mainImage__frame {
      overflow: hidden;
      border-radius: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #DDBB7C; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mainImage__frame {
          width: 100%;
          border: 0px solid #DDBB7C;
          border-radius: 0px; } }
      #recipe .recipe__mainImage__frame img {
        width: 100%; }
  #recipe .recipe__mainMaterial {
    position: relative;
    width: auto;
    background: #F5F9E0;
    width: 600px; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__mainMaterial {
        margin-top: 5%; } }
  @media print, screen and (max-width: 640px) and (max-width: 640px) {
    #recipe .recipe__mainMaterial {
      width: 100%; } }
    #recipe .recipe__mainMaterial:before {
      content: "";
      position: absolute;
      padding-top: 50px;
      top: 10px;
      left: 0;
      width: 100%;
      background: url(/assets/img/recipe/recipe-matarial-bg_01.png) no-repeat;
      background-size: 100%; }
    #recipe .recipe__mainMaterial:after {
      content: "";
      position: absolute;
      padding-top: 30px;
      bottom: 0;
      left: 0;
      width: 100%;
      background: url(/assets/img/recipe/recipe-matarial-bg_03.png) no-repeat;
      background-size: 100%; }
    #recipe .recipe__mainMaterial__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 70px 0 40px; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mainMaterial__inner {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      #recipe .recipe__mainMaterial__inner .v-area1 {
        width: 50%;
        padding-left: 20px;
        margin-top: 5px; }
        @media print, screen and (max-width: 640px) {
          #recipe .recipe__mainMaterial__inner .v-area1 {
            width: 100%; } }
        #recipe .recipe__mainMaterial__inner .v-area1 b {
          font-weight: bold; }
        #recipe .recipe__mainMaterial__inner .v-area1 > ul {
          margin-top: 10px; }
          #recipe .recipe__mainMaterial__inner .v-area1 > ul li {
            background: url(/assets/img/recipe/spuare.png) no-repeat left 3px;
            padding-left: 1.2em;
            line-height: 1.5em; }
            #recipe .recipe__mainMaterial__inner .v-area1 > ul li > ul li {
              background: url(/assets/img/recipe/circle.png) no-repeat left 6px;
              padding-left: 1.2em; }
      #recipe .recipe__mainMaterial__inner .v-area2 {
        width: 50%;
        padding-left: 20px;
        margin-top: 5px;
        padding-right: 10px; }
        @media print, screen and (max-width: 640px) {
          #recipe .recipe__mainMaterial__inner .v-area2 {
            width: 100%; } }
        #recipe .recipe__mainMaterial__inner .v-area2 b {
          font-weight: bold; }
        #recipe .recipe__mainMaterial__inner .v-area2 > ul {
          margin-top: 10px; }
          #recipe .recipe__mainMaterial__inner .v-area2 > ul li {
            background: url(/assets/img/recipe/spuare.png) no-repeat left 3px;
            padding-left: 1.2em;
            line-height: 1.5em; }
            #recipe .recipe__mainMaterial__inner .v-area2 > ul li > ul li {
              background: url(/assets/img/recipe/circle.png) no-repeat left 6px;
              padding-left: 1.2em; }
  #recipe .recipe__method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__method {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 5%; } }
  #recipe .recipe__methodImages {
    margin-left: 45px; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__methodImages {
        margin-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #recipe .recipe__methodImages--box {
      margin-top: 15px;
      overflow: hidden;
      border-radius: 10px; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__methodImages--box {
          width: 45%;
          border-radius: 0px; }
          #recipe .recipe__methodImages--box img {
            width: 100%; } }
  #recipe .recipe__mList {
    margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__mList {
        margin-top: 5%;
        padding: 0 5%; } }
  #recipe .recipe__mItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 2px dashed #71B32B;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__mItem {
        padding: 9% 0 5%;
        margin-top: 3%; } }
    #recipe .recipe__mItem:nth-child(1):before {
      content: "1";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(1):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(2):before {
      content: "2";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(2):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(3):before {
      content: "3";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(3):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(4):before {
      content: "4";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(4):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(5):before {
      content: "5";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(5):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(6):before {
      content: "6";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(6):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(7):before {
      content: "7";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(7):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(8):before {
      content: "8";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(8):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(9):before {
      content: "9";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(9):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(10):before {
      content: "10";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(10):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(11):before {
      content: "11";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(11):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(12):before {
      content: "12";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(12):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(13):before {
      content: "13";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(13):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(14):before {
      content: "14";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(14):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(15):before {
      content: "15";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(15):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(16):before {
      content: "16";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(16):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(17):before {
      content: "17";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(17):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(18):before {
      content: "18";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(18):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(19):before {
      content: "19";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(19):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(20):before {
      content: "20";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(20):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(21):before {
      content: "21";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(21):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(22):before {
      content: "22";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(22):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(23):before {
      content: "23";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(23):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(24):before {
      content: "24";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(24):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(25):before {
      content: "25";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(25):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(26):before {
      content: "26";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(26):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(27):before {
      content: "27";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(27):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(28):before {
      content: "28";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(28):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(29):before {
      content: "29";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(29):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItem:nth-child(30):before {
      content: "30";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItem:nth-child(30):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #recipe .recipe__mItemText {
      line-height: 1.6;
      width: auto;
      padding-top: 0.4em; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItemText {
          line-height: 1.6;
          width: 100%; } }
    #recipe .recipe__mItemImg {
      margin-left: auto;
      padding-left: 20px; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mItemImg {
          width: 50%;
          margin-left: 2%;
          padding-left: 0px; } }
      #recipe .recipe__mItemImgFlame {
        overflow: hidden;
        border-radius: 10px; }
        @media print, screen and (max-width: 640px) {
          #recipe .recipe__mItemImgFlame img {
            width: 100%; } }
  #recipe .recipe__mOthers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__mOthers {
        margin-top: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #recipe .recipe__mOthers .recipe__arrangement {
      width: 49%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mOthers .recipe__arrangement {
          width: 90%;
          margin: 0 auto; } }
    #recipe .recipe__mOthers .recipe__point {
      width: 49%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 0; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__mOthers .recipe__point {
          width: 90%;
          margin: 5% auto 0; } }
  #recipe .recipe__making {
    width: 700px; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__making {
        width: auto; } }
    #recipe .recipe__making__List {
      margin-top: 20px;
      padding-left: 3em;
      text-indent: -3em; }
      #recipe .recipe__making__List > li {
        line-height: 30px;
        margin-bottom: 10px; }
        #recipe .recipe__making__List > li:nth-child(1):before {
          content: "1";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(2):before {
          content: "2";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(3):before {
          content: "3";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(4):before {
          content: "4";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(5):before {
          content: "5";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(6):before {
          content: "6";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(7):before {
          content: "7";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(8):before {
          content: "8";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(9):before {
          content: "9";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(10):before {
          content: "10";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(11):before {
          content: "11";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(12):before {
          content: "12";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(13):before {
          content: "13";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(14):before {
          content: "14";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(15):before {
          content: "15";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(16):before {
          content: "16";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(17):before {
          content: "17";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(18):before {
          content: "18";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(19):before {
          content: "19";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(20):before {
          content: "20";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(21):before {
          content: "21";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(22):before {
          content: "22";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(23):before {
          content: "23";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(24):before {
          content: "24";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(25):before {
          content: "25";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(26):before {
          content: "26";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(27):before {
          content: "27";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(28):before {
          content: "28";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(29):before {
          content: "29";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #recipe .recipe__making__List > li:nth-child(30):before {
          content: "30";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
  #recipe .recipe__arrangement {
    margin-top: 20px;
    background: #fffeee;
    padding: 10px 17px; }
    #recipe .recipe__arrangement__inner {
      border-top: 2px solid #f0920c;
      border-bottom: 2px solid #f0920c;
      padding: 20px;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #recipe .recipe__arrangement__inner p {
        line-height: 1.6; }
  #recipe .recipe__point {
    position: relative;
    padding: 25px 0;
    background: url(/assets/img/recipe/point_nbg_top.png) no-repeat 20px 20px #f5f9e0;
    min-height: 100px;
    margin-top: 40px; }
    #recipe .recipe__point:before {
      content: " ";
      position: absolute;
      top: 8px;
      left: 3%;
      width: 94%;
      height: 20px;
      background: url(/assets/img/recipe/point_nbg.png) repeat-x center top; }
    #recipe .recipe__point:after {
      content: " ";
      position: absolute;
      bottom: 8px;
      left: 3%;
      width: 94%;
      height: 15px;
      background: url(/assets/img/recipe/point_nbg.png) repeat-x center bottom; }
    #recipe .recipe__point__text {
      padding-left: 80px;
      padding-top: 30px;
      padding-right: 20px;
      line-height: 1.6; }
  @media print, screen and (max-width: 640px) {
    #recipe .recipe__archive {
      padding: 0 5%; } }
  #recipe .recipe__excImages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 5%; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipe__excImages {
        padding: 0 5%; } }
    #recipe .recipe__excImages li {
      margin: 2px; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipe__excImages li {
          width: 48%;
          margin: 1%; }
          #recipe .recipe__excImages li.w100 {
            width: 100%; }
          #recipe .recipe__excImages li img {
            width: 100%; } }
  #recipe .blogerProf {
    margin-top: 20px;
    margin-bottom: 30px; }
    @media print, screen and (max-width: 640px) {
      #recipe .blogerProf {
        padding: 0 5%; } }
    #recipe .blogerProf__inner {
      border: 3px solid #ffe0b5;
      padding: 15px;
      zoom: 1; }
      #recipe .blogerProf__inner:before, #recipe .blogerProf__inner:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #recipe .blogerProf__inner:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #recipe .blogerProf__inner {
          padding: 5% 3%; } }
    #recipe .blogerProf__photo {
      width: 80px;
      height: 100px;
      float: left; }
      @media print, screen and (max-width: 640px) {
        #recipe .blogerProf__photo {
          padding-right: 5%;
          padding-bottom: 5%;
          width: 25%;
          height: auto; } }
      #recipe .blogerProf__photo img {
        width: 100%; }
    #recipe .blogerProf__text {
      margin-left: 100px;
      word-wrap: break-word;
      zoom: 1; }
      #recipe .blogerProf__text:before, #recipe .blogerProf__text:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #recipe .blogerProf__text:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #recipe .blogerProf__text {
          margin-left: auto; } }
    #recipe .blogerProf__title {
      margin-bottom: 7px;
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
      font-weight: bold;
      line-height: 1.5em; }
      #recipe .blogerProf__title a {
        font-size: 18px;
        color: #3eb134;
        text-decoration: underline; }
        #recipe .blogerProf__title a:hover {
          text-decoration: none; }
        @media print, screen and (max-width: 640px) {
          #recipe .blogerProf__title a {
            font-size: 14px;
            font-size: 4.375vw; } }
    @media print, screen and (max-width: 640px) {
      #recipe .blogerProf__profile {
        margin-top: 20px;
        clear: both; } }
    #recipe .blogerProf__caption {
      display: block;
      margin-bottom: 5px;
      color: #7f581a;
      font-weight: bold; }
  #recipe .thumbBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px; }
    @media print, screen and (max-width: 640px) {
      #recipe .thumbBox {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 5%; } }
    #recipe .thumbBox__item {
      margin: 0 12px 25px; }
      @media print, screen and (max-width: 640px) {
        #recipe .thumbBox__item {
          width: 47%;
          margin: 0 0 5%; }
          #recipe .thumbBox__item img {
            width: 100%; } }
  #recipe .eventListRecipe {
    margin-top: 30px; }
    @media print, screen and (max-width: 640px) {
      #recipe .eventListRecipe {
        width: 90%;
        margin: 10% auto 0; } }
    #recipe .eventListRecipe__item {
      margin-bottom: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media print, screen and (max-width: 640px) {
        #recipe .eventListRecipe__item {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
    @media print, screen and (max-width: 640px) {
      #recipe .eventListRecipe__banner {
        width: 100%; }
        #recipe .eventListRecipe__banner img {
          width: 100%; } }
    #recipe .eventListRecipe__text {
      margin-left: 20px; }
      @media print, screen and (max-width: 640px) {
        #recipe .eventListRecipe__text {
          margin-top: 3%;
          margin-left: 0px; } }
      #recipe .eventListRecipe__text--link {
        padding-left: 1.5em;
        text-indent: -1.5em; }
        #recipe .eventListRecipe__text--link:before {
          content: "■";
          margin-right: 5px;
          font-size: 18px; }
      #recipe .eventListRecipe__text--date {
        margin-top: 20px;
        padding-left: 1.5em; }
        @media print, screen and (max-width: 640px) {
          #recipe .eventListRecipe__text--date {
            margin-top: 3%; } }
  #recipe .recipeBlogerArea {
    margin-top: 30px;
    border: 2px solid #f78c24;
    border-radius: 4px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      #recipe .recipeBlogerArea {
        margin: 10% auto 0;
        width: 90%;
        padding: 4%; } }
    #recipe .recipeBlogerArea__ttl a {
      font-size: 16px;
      font-weight: bold;
      text-decoration: underline; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipeBlogerArea__ttl a {
          font-size: 14px;
          font-size: 4.375vw; } }
    #recipe .recipeBlogerArea__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipeBlogerArea__box {
          display: block; } }
    #recipe .recipeBlogerArea__imgae {
      width: 15%; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipeBlogerArea__imgae {
          width: 37%;
          float: left; }
          #recipe .recipeBlogerArea__imgae img {
            width: 90%; } }
    #recipe .recipeBlogerArea__text {
      width: 83%;
      margin-right: auto; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipeBlogerArea__text {
          width: 100%; } }
    #recipe .recipeBlogerArea__prof {
      margin-top: 10px;
      font-weight: bold;
      font-size: 16px; }
      @media print, screen and (max-width: 640px) {
        #recipe .recipeBlogerArea__prof {
          margin-top: 3%;
          font-size: 13px;
          font-size: 4.0625vw; } }
    @media print, screen and (max-width: 640px) {
      #recipe .recipeBlogerArea__profText {
        margin-top: 2%; } }

#bloger {
  /*ブロガー固有*/
  /*イベントレシピ*/ }
  @media print, screen and (max-width: 640px) {
    #bloger .spInner {
      padding: 0 5%; } }
  @media print, screen and (max-width: 640px) {
    #bloger .ttlType_C {
      margin: 5% 5% 0 5%; } }
  #bloger .recipe em {
    color: red;
    font-style: normal; }
  #bloger .recipe #bloger-photo {
    padding-right: 20px;
    padding-bottom: 20px; }
  #bloger .recipe #blogerrecipe-title {
    font-size: 16px; }
  #bloger .recipe #blogerrecipe-text {
    margin-left: 0;
    overflow: initial; }
  #bloger .recipe #blogerrecipe-profile {
    margin-top: 20px;
    clear: both; }
  #bloger .recipe__main {
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 5%; } }
  #bloger .recipe__mainImage {
    width: 300px;
    margin-right: 20px; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__mainImage {
        width: 100%;
        margin-right: 0px; } }
    #bloger .recipe__mainImage__frame {
      overflow: hidden;
      border-radius: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #DDBB7C; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mainImage__frame {
          width: 100%;
          border: 0px solid #DDBB7C;
          border-radius: 0px; } }
      #bloger .recipe__mainImage__frame img {
        width: 100%; }
  #bloger .recipe__mainMaterial {
    position: relative;
    width: auto;
    background: #F5F9E0;
    width: 600px; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__mainMaterial {
        margin-top: 5%; } }
  @media print, screen and (max-width: 640px) and (max-width: 640px) {
    #bloger .recipe__mainMaterial {
      width: 100%; } }
    #bloger .recipe__mainMaterial:before {
      content: "";
      position: absolute;
      padding-top: 50px;
      top: 10px;
      left: 0;
      width: 100%;
      background: url(/assets/img/recipe/recipe-matarial-bg_01.png) no-repeat;
      background-size: 100%; }
    #bloger .recipe__mainMaterial:after {
      content: "";
      position: absolute;
      padding-top: 30px;
      bottom: 0;
      left: 0;
      width: 100%;
      background: url(/assets/img/recipe/recipe-matarial-bg_03.png) no-repeat;
      background-size: 100%; }
    #bloger .recipe__mainMaterial__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 70px 0 40px; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mainMaterial__inner {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      #bloger .recipe__mainMaterial__inner .v-area1 {
        width: 50%;
        padding-left: 20px;
        margin-top: 5px; }
        @media print, screen and (max-width: 640px) {
          #bloger .recipe__mainMaterial__inner .v-area1 {
            width: 100%; } }
        #bloger .recipe__mainMaterial__inner .v-area1 b {
          font-weight: bold; }
        #bloger .recipe__mainMaterial__inner .v-area1 > ul {
          margin-top: 10px; }
          #bloger .recipe__mainMaterial__inner .v-area1 > ul li {
            background: url(/assets/img/recipe/spuare.png) no-repeat left 3px;
            padding-left: 1.2em;
            line-height: 1.5em; }
            #bloger .recipe__mainMaterial__inner .v-area1 > ul li > ul li {
              background: url(/assets/img/recipe/circle.png) no-repeat left 6px;
              padding-left: 1.2em; }
      #bloger .recipe__mainMaterial__inner .v-area2 {
        width: 50%;
        padding-left: 20px;
        margin-top: 5px;
        padding-right: 10px; }
        @media print, screen and (max-width: 640px) {
          #bloger .recipe__mainMaterial__inner .v-area2 {
            width: 100%; } }
        #bloger .recipe__mainMaterial__inner .v-area2 b {
          font-weight: bold; }
        #bloger .recipe__mainMaterial__inner .v-area2 > ul {
          margin-top: 10px; }
          #bloger .recipe__mainMaterial__inner .v-area2 > ul li {
            background: url(/assets/img/recipe/spuare.png) no-repeat left 3px;
            padding-left: 1.2em;
            line-height: 1.5em; }
            #bloger .recipe__mainMaterial__inner .v-area2 > ul li > ul li {
              background: url(/assets/img/recipe/circle.png) no-repeat left 6px;
              padding-left: 1.2em; }
  #bloger .recipe__method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__method {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 5%; } }
  #bloger .recipe__methodImages {
    margin-left: 45px; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__methodImages {
        margin-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #bloger .recipe__methodImages--box {
      margin-top: 15px;
      overflow: hidden;
      border-radius: 10px; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__methodImages--box {
          width: 45%;
          border-radius: 0px; }
          #bloger .recipe__methodImages--box img {
            width: 100%; } }
  #bloger .recipe__mList {
    margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__mList {
        margin-top: 5%;
        padding: 0 5%; } }
  #bloger .recipe__mItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 2px dashed #71B32B;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__mItem {
        padding: 9% 0 5%;
        margin-top: 3%; } }
    #bloger .recipe__mItem:nth-child(1):before {
      content: "1";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(1):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(2):before {
      content: "2";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(2):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(3):before {
      content: "3";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(3):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(4):before {
      content: "4";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(4):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(5):before {
      content: "5";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(5):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(6):before {
      content: "6";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(6):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(7):before {
      content: "7";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(7):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(8):before {
      content: "8";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(8):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(9):before {
      content: "9";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(9):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(10):before {
      content: "10";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(10):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(11):before {
      content: "11";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(11):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(12):before {
      content: "12";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(12):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(13):before {
      content: "13";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(13):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(14):before {
      content: "14";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(14):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(15):before {
      content: "15";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(15):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(16):before {
      content: "16";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(16):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(17):before {
      content: "17";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(17):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(18):before {
      content: "18";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(18):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(19):before {
      content: "19";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(19):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(20):before {
      content: "20";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(20):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(21):before {
      content: "21";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(21):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(22):before {
      content: "22";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(22):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(23):before {
      content: "23";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(23):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(24):before {
      content: "24";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(24):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(25):before {
      content: "25";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(25):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(26):before {
      content: "26";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(26):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(27):before {
      content: "27";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(27):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(28):before {
      content: "28";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(28):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(29):before {
      content: "29";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(29):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItem:nth-child(30):before {
      content: "30";
      background: url(/assets/img/recipe/recipe_li_mark.png) top left;
      background-repeat: no-repeat;
      line-height: 35px;
      width: 52px;
      min-width: 1.8em;
      max-width: 23px;
      height: 30px;
      display: inline-block;
      text-align: center;
      color: #FFF;
      padding-right: 15px;
      text-indent: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItem:nth-child(30):before {
          position: absolute;
          top: 0px;
          padding: 1.7% 1% 1.2% 0;
          line-height: 150%;
          width: 6%;
          min-width: 1.8em;
          max-width: 6%;
          background-size: contain;
          font-size: 10px;
          font-size: 3.125vw; } }
    #bloger .recipe__mItemText {
      line-height: 1.6;
      width: auto;
      padding-top: 0.4em; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItemText {
          line-height: 1.6;
          width: 100%; } }
    #bloger .recipe__mItemImg {
      margin-left: auto;
      padding-left: 20px; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mItemImg {
          width: 50%;
          margin-left: 2%;
          padding-left: 0px; } }
      #bloger .recipe__mItemImgFlame {
        overflow: hidden;
        border-radius: 10px; }
        @media print, screen and (max-width: 640px) {
          #bloger .recipe__mItemImgFlame img {
            width: 100%; } }
  #bloger .recipe__mOthers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__mOthers {
        margin-top: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #bloger .recipe__mOthers .recipe__arrangement {
      width: 49%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mOthers .recipe__arrangement {
          width: 90%;
          margin: 0 auto; } }
    #bloger .recipe__mOthers .recipe__point {
      width: 49%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 0; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__mOthers .recipe__point {
          width: 90%;
          margin: 5% auto 0; } }
  #bloger .recipe__making {
    width: 700px; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__making {
        width: auto; } }
    #bloger .recipe__making__List {
      margin-top: 20px;
      padding-left: 3em;
      text-indent: -3em; }
      #bloger .recipe__making__List > li {
        line-height: 30px;
        margin-bottom: 10px; }
        #bloger .recipe__making__List > li:nth-child(1):before {
          content: "1";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(2):before {
          content: "2";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(3):before {
          content: "3";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(4):before {
          content: "4";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(5):before {
          content: "5";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(6):before {
          content: "6";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(7):before {
          content: "7";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(8):before {
          content: "8";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(9):before {
          content: "9";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(10):before {
          content: "10";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(11):before {
          content: "11";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(12):before {
          content: "12";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(13):before {
          content: "13";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(14):before {
          content: "14";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(15):before {
          content: "15";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(16):before {
          content: "16";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(17):before {
          content: "17";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(18):before {
          content: "18";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(19):before {
          content: "19";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(20):before {
          content: "20";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(21):before {
          content: "21";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(22):before {
          content: "22";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(23):before {
          content: "23";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(24):before {
          content: "24";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(25):before {
          content: "25";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(26):before {
          content: "26";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(27):before {
          content: "27";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(28):before {
          content: "28";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(29):before {
          content: "29";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
        #bloger .recipe__making__List > li:nth-child(30):before {
          content: "30";
          background: url(/assets/img/recipe/recipe_li_mark.png) top left;
          background-repeat: no-repeat;
          line-height: 35px;
          width: 26px;
          height: 30px;
          display: inline-block;
          text-align: center;
          color: #FFF;
          padding-right: 15px;
          text-indent: 0; }
  #bloger .recipe__arrangement {
    margin-top: 20px;
    background: #fffeee;
    padding: 10px 17px; }
    #bloger .recipe__arrangement__inner {
      border-top: 2px solid #f0920c;
      border-bottom: 2px solid #f0920c;
      padding: 20px;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #bloger .recipe__arrangement__inner p {
        line-height: 1.6; }
  #bloger .recipe__point {
    position: relative;
    padding: 25px 0;
    background: url(/assets/img/recipe/point_nbg_top.png) no-repeat 20px 20px #f5f9e0;
    min-height: 100px;
    margin-top: 40px; }
    #bloger .recipe__point:before {
      content: " ";
      position: absolute;
      top: 8px;
      left: 3%;
      width: 94%;
      height: 20px;
      background: url(/assets/img/recipe/point_nbg.png) repeat-x center top; }
    #bloger .recipe__point:after {
      content: " ";
      position: absolute;
      bottom: 8px;
      left: 3%;
      width: 94%;
      height: 15px;
      background: url(/assets/img/recipe/point_nbg.png) repeat-x center bottom; }
    #bloger .recipe__point__text {
      padding-left: 80px;
      padding-top: 30px;
      padding-right: 20px;
      line-height: 1.6; }
  @media print, screen and (max-width: 640px) {
    #bloger .recipe__archive {
      padding: 0 5%; } }
  #bloger .recipe__excImages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 5%; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipe__excImages {
        padding: 0 5%; } }
    #bloger .recipe__excImages li {
      margin: 2px; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipe__excImages li {
          width: 48%;
          margin: 1%; }
          #bloger .recipe__excImages li.w100 {
            width: 100%; }
          #bloger .recipe__excImages li img {
            width: 100%; } }
  #bloger .blogerProf {
    margin-top: 20px;
    margin-bottom: 30px; }
    @media print, screen and (max-width: 640px) {
      #bloger .blogerProf {
        padding: 0 5%; } }
    #bloger .blogerProf__inner {
      border: 3px solid #ffe0b5;
      padding: 15px;
      zoom: 1; }
      #bloger .blogerProf__inner:before, #bloger .blogerProf__inner:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #bloger .blogerProf__inner:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #bloger .blogerProf__inner {
          padding: 5% 3%; } }
    #bloger .blogerProf__photo {
      width: 80px;
      height: 100px;
      float: left; }
      @media print, screen and (max-width: 640px) {
        #bloger .blogerProf__photo {
          padding-right: 5%;
          padding-bottom: 5%;
          width: 25%;
          height: auto; } }
      #bloger .blogerProf__photo img {
        width: 100%; }
    #bloger .blogerProf__text {
      margin-left: 100px;
      word-wrap: break-word;
      zoom: 1; }
      #bloger .blogerProf__text:before, #bloger .blogerProf__text:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #bloger .blogerProf__text:after {
        clear: both; }
      @media print, screen and (max-width: 640px) {
        #bloger .blogerProf__text {
          margin-left: auto; } }
    #bloger .blogerProf__title {
      margin-bottom: 7px;
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
      font-weight: bold;
      line-height: 1.5em; }
      #bloger .blogerProf__title a {
        font-size: 18px;
        color: #3eb134;
        text-decoration: underline; }
        #bloger .blogerProf__title a:hover {
          text-decoration: none; }
        @media print, screen and (max-width: 640px) {
          #bloger .blogerProf__title a {
            font-size: 14px;
            font-size: 4.375vw; } }
    @media print, screen and (max-width: 640px) {
      #bloger .blogerProf__profile {
        margin-top: 20px;
        clear: both; } }
    #bloger .blogerProf__caption {
      display: block;
      margin-bottom: 5px;
      color: #7f581a;
      font-weight: bold; }
  #bloger .thumbBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px; }
    @media print, screen and (max-width: 640px) {
      #bloger .thumbBox {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 5%; } }
    #bloger .thumbBox__item {
      margin: 0 12px 25px; }
      @media print, screen and (max-width: 640px) {
        #bloger .thumbBox__item {
          width: 47%;
          margin: 0 0 5%; }
          #bloger .thumbBox__item img {
            width: 100%; } }
  #bloger .eventListRecipe {
    margin-top: 30px; }
    @media print, screen and (max-width: 640px) {
      #bloger .eventListRecipe {
        width: 90%;
        margin: 10% auto 0; } }
    #bloger .eventListRecipe__item {
      margin-bottom: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media print, screen and (max-width: 640px) {
        #bloger .eventListRecipe__item {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
    @media print, screen and (max-width: 640px) {
      #bloger .eventListRecipe__banner {
        width: 100%; }
        #bloger .eventListRecipe__banner img {
          width: 100%; } }
    #bloger .eventListRecipe__text {
      margin-left: 20px; }
      @media print, screen and (max-width: 640px) {
        #bloger .eventListRecipe__text {
          margin-top: 3%;
          margin-left: 0px; } }
      #bloger .eventListRecipe__text--link {
        padding-left: 1.5em;
        text-indent: -1.5em; }
        #bloger .eventListRecipe__text--link:before {
          content: "■";
          margin-right: 5px;
          font-size: 18px; }
      #bloger .eventListRecipe__text--date {
        margin-top: 20px;
        padding-left: 1.5em; }
        @media print, screen and (max-width: 640px) {
          #bloger .eventListRecipe__text--date {
            margin-top: 3%; } }
  #bloger .recipeBlogerArea {
    margin-top: 30px;
    border: 2px solid #f78c24;
    border-radius: 4px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media print, screen and (max-width: 640px) {
      #bloger .recipeBlogerArea {
        margin: 10% auto 0;
        width: 90%;
        padding: 4%; } }
    #bloger .recipeBlogerArea__ttl a {
      font-size: 16px;
      font-weight: bold;
      text-decoration: underline; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipeBlogerArea__ttl a {
          font-size: 14px;
          font-size: 4.375vw; } }
    #bloger .recipeBlogerArea__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipeBlogerArea__box {
          display: block; } }
    #bloger .recipeBlogerArea__imgae {
      width: 15%; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipeBlogerArea__imgae {
          width: 37%;
          float: left; }
          #bloger .recipeBlogerArea__imgae img {
            width: 90%; } }
    #bloger .recipeBlogerArea__text {
      width: 83%;
      margin-right: auto; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipeBlogerArea__text {
          width: 100%; } }
    #bloger .recipeBlogerArea__prof {
      margin-top: 10px;
      font-weight: bold;
      font-size: 16px; }
      @media print, screen and (max-width: 640px) {
        #bloger .recipeBlogerArea__prof {
          margin-top: 3%;
          font-size: 13px;
          font-size: 4.0625vw; } }
    @media print, screen and (max-width: 640px) {
      #bloger .recipeBlogerArea__profText {
        margin-top: 2%; } }
  @media print, screen and (max-width: 640px) {
    #bloger .bloger {
      padding: 0 5%; } }
  #bloger .bloger .mainText {
    margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger .mainText {
        margin-top: 5%; } }
  #bloger .bloger__main {
    text-align: center;
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger__main {
        margin-top: 3%; }
        #bloger .bloger__main img {
          width: 100%; } }
  #bloger .bloger__talent {
    margin-top: 30px;
    background: url(/assets/img/common/h_icon_underline.png) repeat-x left bottom;
    padding-bottom: 50px;
    zoom: 1; }
    #bloger .bloger__talent:before, #bloger .bloger__talent:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #bloger .bloger__talent:after {
      clear: both; }
  #bloger .bloger__prof {
    zoom: 1; }
    #bloger .bloger__prof:before, #bloger .bloger__prof:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #bloger .bloger__prof:after {
      clear: both; }
  #bloger .bloger__name {
    width: 800px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger__name {
        width: auto;
        float: none;
        text-align: center; } }
    #bloger .bloger__name__inner {
      position: relative;
      background: #E38F01;
      display: inline-block;
      padding: 14px 20px 12px;
      color: #FFF;
      font-weight: bold;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0.02em;
      border-radius: 5px;
      float: left;
      text-align: center; }
      @media print, screen and (max-width: 640px) {
        #bloger .bloger__name__inner {
          float: none;
          padding: 5% 7% 4%;
          font-size: 14px;
          font-size: 4.375vw;
          min-width: 80%; } }
      #bloger .bloger__name__inner:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        top: 5px;
        left: 0;
        background: url(/assets/img/bloger/bloger_nameBorder.png) no-repeat center top;
        background-size: contain; }
      #bloger .bloger__name__inner:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        bottom: 2px;
        left: 0;
        background: url(/assets/img/bloger/bloger_nameBorder.png) no-repeat center top;
        background-size: contain; }
  #bloger .bloger__profTtl {
    margin-top: 10px;
    color: #7f581a;
    font-weight: bold;
    float: right;
    width: 800px; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger__profTtl {
        width: 55%;
        margin-top: 5%; } }
  #bloger .bloger__profText {
    margin-top: 10px;
    float: right;
    width: 800px;
    line-height: 1.6; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger__profText {
        clear: both;
        width: 55%;
        margin-top: 3%; } }
  @media print, screen and (max-width: 640px) {
    #bloger .bloger__image {
      width: 40%;
      float: left;
      margin-top: -1.3em; }
      #bloger .bloger__image img {
        width: 100%; } }
  #bloger .bloger__blog {
    float: right;
    display: inline-block;
    padding-left: 35px;
    margin-top: 10px; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger__blog {
        float: none;
        padding-left: 0px;
        width: 100%;
        margin-top: 5%; } }
    #bloger .bloger__blog a {
      color: #6a975a;
      line-height: 35px;
      font-weight: bold;
      text-decoration: none;
      border: 2px solid #6a975a;
      padding: 5px 10px 5px 30px;
      border-radius: 4px;
      background: url(/assets/img/common/ar_06.png) no-repeat 10px center; }
      @media print, screen and (max-width: 640px) {
        #bloger .bloger__blog a {
          background-size: 2%;
          padding: 3% 5% 3% 5%;
          display: block;
          line-height: 1.4;
          text-align: center; } }
      #bloger .bloger__blog a strong {
        font-size: 16px;
        color: #6a975a; }
        @media print, screen and (max-width: 640px) {
          #bloger .bloger__blog a strong {
            display: block;
            text-align: center; } }
      #bloger .bloger__blog a:hover {
        opacity: 0.8; }
  #bloger .bloger__moreBtn {
    width: 300px;
    margin: 30px auto 0; }
    @media print, screen and (max-width: 640px) {
      #bloger .bloger__moreBtn {
        width: 80%;
        margin: 5% auto 0; } }
    #bloger .bloger__moreBtn img {
      width: 100%; }
  #bloger .bloger__recipeList {
    margin-top: 30px; }

#knack .ttlMt01 {
  margin-top: 75px; }
  @media print, screen and (max-width: 640px) {
    #knack .ttlMt01 {
      margin-top: 10%; } }

#knack .ttlMt02 {
  margin-top: 40px; }
  @media print, screen and (max-width: 640px) {
    #knack .ttlMt02 {
      margin-top: 7%; } }

@media print, screen and (max-width: 640px) {
  #knack .ttlType_A {
    width: auto; } }

@media print, screen and (max-width: 640px) {
  #knack .ttlType_B {
    width: 100%; } }

@media print, screen and (max-width: 640px) {
  #knack .ttlType_C {
    width: 100%; } }

#knack .mtB {
  margin-top: 80px; }
  @media print, screen and (max-width: 640px) {
    #knack .mtB {
      margin-top: 10%; } }

@media print, screen and (max-width: 640px) {
  #knack.knack {
    padding: 0 5%; } }

#knack .knack__main {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media print, screen and (max-width: 640px) {
    #knack .knack__main {
      margin-top: 10%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  #knack .knack__main__view {
    width: 462px; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__main__view {
        width: auto; } }
    #knack .knack__main__view img {
      width: 100%; }
  #knack .knack__main__navWrap {
    width: 462px; }
  #knack .knack__main__text {
    height: 110px;
    font-size: 18px; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__main__text {
        height: auto;
        margin-top: 5%;
        font-size: 12px;
        font-size: 3.75vw; }
        #knack .knack__main__text br {
          display: none; } }
    #knack .knack__main__text span {
      color: red; }
  #knack .knack__main__nav {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__main__nav {
        width: auto; } }

#knack .knack__openText {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 640px) {
    #knack .knack__openText {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  #knack .knack__openText--text {
    font-size: 16px;
    line-height: 1.4; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__openText--text {
        width: 100%; } }
  #knack .knack__openText--banner {
    margin-left: 20px; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__openText--banner {
        width: 100%;
        text-align: center;
        margin: 5% 0; } }

#knack .knack__wrap {
  margin-top: 0px;
  margin-bottom: 80px; }
  @media print, screen and (max-width: 640px) {
    #knack .knack__wrap .basicLinkList, #knack .knack__wrap #tvcm .pageback--link, #tvcm #knack .knack__wrap .pageback--link {
      width: 100%; } }

#knack .knack__catCase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px; }
  @media print, screen and (max-width: 640px) {
    #knack .knack__catCase {
      margin-top: 10%;
      display: block; } }
  #knack .knack__catCase--left {
    width: 100px; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__catCase--left {
        width: auto;
        float: left;
        margin-right: 5%;
        margin-bottom: 5%; } }
    #knack .knack__catCase--left img {
      border: 1px solid #c8c8c8; }
  #knack .knack__catCase--right {
    width: 820px; }
    @media print, screen and (max-width: 640px) {
      #knack .knack__catCase--right {
        width: auto;
        overflow: hidden; }
        #knack .knack__catCase--right p {
          min-height: 7em; } }
    #knack .knack__catCase--right .basicLinkList, #knack .knack__catCase--right #tvcm .pageback--link, #tvcm #knack .knack__catCase--right .pageback--link {
      width: 100%; }

#knack .bannerList {
  text-align: center;
  margin-top: 30px; }
  @media print, screen and (max-width: 640px) {
    #knack .bannerList {
      width: 100%;
      margin-top: 5%; }
      #knack .bannerList img {
        width: 100%; } }
  #knack .bannerList__item {
    display: inline-block;
    margin: 0 10px; }
    @media print, screen and (max-width: 640px) {
      #knack .bannerList__item {
        margin-bottom: 5%; } }

#knack .methodList {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #knack .methodList.imageList {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    #knack .methodList.imageList .methodList__item {
      width: 48%;
      margin-right: 0;
      margin-bottom: 0; }
      @media print, screen and (max-width: 640px) {
        #knack .methodList.imageList .methodList__item {
          width: 90%; }
          #knack .methodList.imageList .methodList__item .methodList__image {
            width: 100%; } }
      #knack .methodList.imageList .methodList__item img {
        width: 100%; }
  #knack .methodList__item {
    width: 300px;
    margin-right: 12px;
    margin-bottom: 30px; }
    #knack .methodList__item:nth-child(1) .methodList__text:before {
      content: "1";
      color: #F0920C; }
    #knack .methodList__item:nth-child(2) .methodList__text:before {
      content: "2";
      color: #F0920C; }
    #knack .methodList__item:nth-child(3) .methodList__text:before {
      content: "3";
      color: #F0920C; }
    #knack .methodList__item:nth-child(4) .methodList__text:before {
      content: "4";
      color: #F0920C; }
    #knack .methodList__item:nth-child(5) .methodList__text:before {
      content: "5";
      color: #F0920C; }
    #knack .methodList__item:nth-child(6) .methodList__text:before {
      content: "6";
      color: #F0920C; }
    #knack .methodList__item:nth-child(7) .methodList__text:before {
      content: "7";
      color: #F0920C; }
    #knack .methodList__item:nth-child(8) .methodList__text:before {
      content: "8";
      color: #F0920C; }
    #knack .methodList__item:nth-child(9) .methodList__text:before {
      content: "9";
      color: #F0920C; }
    #knack .methodList__item:nth-child(10) .methodList__text:before {
      content: "10";
      color: #F0920C; }
    @media print, screen and (max-width: 640px) {
      #knack .methodList__item {
        width: 100%;
        margin-right: 0; } }
  #knack .methodList__text {
    padding-left: 1em;
    text-indent: -1em; }
  #knack .methodList__image {
    margin-bottom: 10px; }
    @media print, screen and (max-width: 640px) {
      #knack .methodList__image {
        width: 72.53333%;
        margin: 0 auto 5%; }
        #knack .methodList__image img {
          width: 100%; } }

#knack .pointText {
  display: table;
  border: 2px dashed #f78c24;
  padding: 10px 30px 10px 100px;
  border-radius: 10px;
  min-height: 100px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 40px; }
  @media print, screen and (max-width: 640px) {
    #knack .pointText {
      display: block;
      padding: 20px 0; } }
  #knack .pointText.freez {
    background: url(/assets/img/knack/icon_freez.png) no-repeat 10px center; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText.freez {
        background: url(/assets/img/knack/icon_freez.png) no-repeat 5% 20px;
        background-size: 9.27536%; } }
  #knack .pointText.nabe {
    background: url(/assets/img/knack/icon_nabe.png) no-repeat 10px center; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText.nabe {
        background: url(/assets/img/knack/icon_nabe.png) no-repeat 5% 20px;
        background-size: 9.27536%; } }
  #knack .pointText.pan {
    background: url(/assets/img/knack/icon_pan.png) no-repeat 10px center; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText.pan {
        background: url(/assets/img/knack/icon_pan.png) no-repeat 5% 20px;
        background-size: 9.27536%; } }
  #knack .pointText.range {
    background: url(/assets/img/knack/icon_range.png) no-repeat 10px center; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText.range {
        background: url(/assets/img/knack/icon_range.png) no-repeat 5% 20px;
        background-size: 9.27536%; } }
  #knack .pointText.other {
    background: url(/assets/img/knack/icon_other.png) no-repeat 10px center; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText.other {
        background: url(/assets/img/knack/icon_other.png) no-repeat 5% 20px;
        background-size: 9.27536%; } }
  #knack .pointText__ttl {
    display: table-cell;
    color: #f78c24;
    font-size: 24px;
    font-weight: bold;
    border-right: 1px solid #f78c24;
    padding-right: 20px;
    vertical-align: middle;
    white-space: nowrap; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText__ttl {
        display: block;
        border-right: 0px solid #f78c24;
        font-size: 16px;
        font-size: 5vw;
        margin-top: 3%;
        margin-left: 16%; } }
  #knack .pointText__text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle; }
    @media print, screen and (max-width: 640px) {
      #knack .pointText__text {
        display: block;
        padding: 0 5%;
        margin-top: 5%; } }

#knack .backToAchive {
  margin-top: 20px;
  text-align: right; }
  #knack .backToAchive a {
    color: #4c9d42;
    font-size: 16px; }
    @media print, screen and (max-width: 640px) {
      #knack .backToAchive a {
        font-size: 13px;
        font-size: 4.0625vw; } }
    #knack .backToAchive a:before {
      content: "";
      margin-right: 5px;
      background: url(/assets/img/common/ar_06.png) no-repeat center left;
      width: 10px;
      height: 10px;
      display: inline-block; }

#knack .knackList {
  background: #fffee2;
  border: 4px solid #e2ecc3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  margin-top: 40px;
  padding: 25px 20px; }
  @media print, screen and (max-width: 640px) {
    #knack .knackList {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 5%;
      margin-top: 5%; } }
  #knack .knackList__item {
    text-align: center; }
    @media print, screen and (max-width: 640px) {
      #knack .knackList__item {
        width: 45%;
        margin-bottom: 5%; }
        #knack .knackList__item br {
          display: none; } }
    #knack .knackList__item a {
      color: #4c9d42; }

#knack .baseWrap {
  margin-top: 20px; }
  @media print, screen and (max-width: 640px) {
    #knack .baseWrap {
      margin-top: 10%; } }
  #knack .baseWrap__ttl {
    font-weight: bold; }
  #knack .baseWrap__box {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media print, screen and (max-width: 640px) {
      #knack .baseWrap__box {
        margin-top: 5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  #knack .baseWrap__text {
    width: 70%; }
    @media print, screen and (max-width: 640px) {
      #knack .baseWrap__text {
        width: 100%; } }
  #knack .baseWrap__image {
    width: 25%;
    margin-left: auto; }
    @media print, screen and (max-width: 640px) {
      #knack .baseWrap__image {
        width: 100%;
        text-align: center;
        margin-top: 5%; } }

#knack .nackBaseCtList {
  margin-top: 60px; }
  @media print, screen and (max-width: 640px) {
    #knack .nackBaseCtList {
      margin-top: 10%; } }

#knack .knackOther {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px; }
  @media print, screen and (max-width: 640px) {
    #knack .knackOther {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  #knack .knackOther__item {
    margin: 0 10px; }
    @media print, screen and (max-width: 640px) {
      #knack .knackOther__item {
        width: 100%;
        margin: 0 auto 5%; }
        #knack .knackOther__item img {
          width: 100%; } }

#refrigerator {
  /* CSS Document */ }
  #refrigerator.refrigerator {
    background: url(/assets/img/knack/refrigerator/refrigerator_bg.png) repeat;
    padding-bottom: 40px; }
    @media print, screen and (max-width: 640px) {
      #refrigerator.refrigerator {
        padding: 10px; }
        #refrigerator.refrigerator img {
          width: 100%; } }
  @media print, screen and (max-width: 640px) {
    #refrigerator .top .sp {
      margin: -10px -10px 5px; } }
  #refrigerator .relbox {
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .relbox {
        padding-bottom: 100px; }
        #refrigerator .relbox .sp {
          margin: 0 -10px; } }
    #refrigerator .relbox .btn01 {
      position: absolute;
      bottom: 11px;
      left: 30px; }
      @media print, screen and (max-width: 640px) {
        #refrigerator .relbox .btn01 {
          left: 10px;
          width: 150px; } }
    #refrigerator .relbox .btn02 {
      position: absolute;
      bottom: 11px;
      right: 30px; }
      @media print, screen and (max-width: 640px) {
        #refrigerator .relbox .btn02 {
          right: 10px;
          width: 150px; } }
  #refrigerator .ct01 {
    width: 820px;
    margin: 30px auto 0;
    background: #CCEEFF;
    padding: 30px;
    border-radius: 10px;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .ct01 {
        width: auto;
        padding: 10px;
        margin: 20px auto 0; }
        #refrigerator .ct01 > .sp img {
          width: 100%; } }
  #refrigerator .ct01_btn_list {
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .ct01_btn_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        #refrigerator .ct01_btn_list:after {
          content: none; } }
    #refrigerator .ct01_btn_list li {
      float: left;
      margin-left: 9px;
      margin-bottom: 8px; }
      @media print, screen and (max-width: 640px) {
        #refrigerator .ct01_btn_list li {
          width: calc(50% - 5px);
          margin: 0 0 10px 0; }
          #refrigerator .ct01_btn_list li img {
            width: 100%; } }
      #refrigerator .ct01_btn_list li.mr0 {
        margin-left: 0px; }
  #refrigerator .ct01_ct_list {
    margin-top: 26px; }
    #refrigerator .ct01_ct_list li {
      margin-bottom: 10px; }
      @media print, screen and (max-width: 640px) {
        #refrigerator .ct01_ct_list li img {
          width: 100%; } }
  #refrigerator .ct02 {
    margin-top: 75px;
    width: 820px;
    margin: 40px auto 0;
    background: #C8E782;
    padding: 30px;
    border-radius: 10px;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .ct02 {
        width: auto;
        padding: 10px; }
        #refrigerator .ct02 img {
          width: 100%; } }
  #refrigerator .ct02_inbox {
    width: 760px;
    background: #78D272;
    margin-top: 30px;
    padding: 15px 30px 30px;
    border-radius: 10px;
    position: relative; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .ct02_inbox {
        width: auto;
        padding: 10px; }
        #refrigerator .ct02_inbox img {
          width: 100%; } }
  #refrigerator .ct02_inbox_list {
    margin-top: 15px; }
    #refrigerator .ct02_inbox_list li {
      float: left;
      margin-right: 9px;
      margin-bottom: 14px; }
      @media print, screen and (max-width: 640px) {
        #refrigerator .ct02_inbox_list li {
          float: none;
          width: auto;
          margin: 0 0 15px 0; }
          #refrigerator .ct02_inbox_list li img {
            width: 100%; } }
  #refrigerator .ct02_item {
    position: absolute;
    bottom: 40px;
    right: 30px; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .ct02_item {
        position: static; } }
  #refrigerator .to_top {
    text-align: right;
    margin-top: 40px;
    margin-right: 30px; }
    @media print, screen and (max-width: 640px) {
      #refrigerator .to_top {
        text-align: center;
        margin: 20px 0; }
        #refrigerator .to_top img {
          width: 180px; } }
  #refrigerator .fundrasing {
    text-align: center;
    margin-bottom: 40px; }
    #refrigerator .fundrasing img {
      width: 180px; }

/*news*/
#news .newsEntry {
  margin-top: 30px; }
  @media print, screen and (max-width: 640px) {
    #news .newsEntry {
      width: 90%;
      margin: 5% auto 0; }
      #news .newsEntry img {
        width: 100%;
        height: auto; } }
  #news .newsEntry p {
    margin-bottom: 20px; }
    @media print, screen and (max-width: 640px) {
      #news .newsEntry p {
        margin-bottom: 5%;
        line-height: 1.6; } }
  #news .newsEntry__preNex {
    width: auto;
    margin: 80px auto 0;
    zoom: 1; }
    #news .newsEntry__preNex:before, #news .newsEntry__preNex:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #news .newsEntry__preNex:after {
      clear: both; }
    @media print, screen and (max-width: 640px) {
      #news .newsEntry__preNex {
        width: auto; } }
  #news .newsEntry__pre {
    float: left; }
    #news .newsEntry__pre a {
      text-decoration: underline; }
      #news .newsEntry__pre a:before {
        content: "<<"; }
      #news .newsEntry__pre a:hover {
        text-decoration: none; }
  #news .newsEntry__next {
    float: right; }
    #news .newsEntry__next a {
      text-decoration: underline; }
      #news .newsEntry__next a:after {
        content: ">>"; }
      #news .newsEntry__next a:hover {
        text-decoration: none; }
  #news .newsEntry__banner {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media print, screen and (max-width: 640px) {
      #news .newsEntry__banner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #news .newsEntry__banner li {
          width: 100%;
          margin-bottom: 5%; } }

@media print, screen and (max-width: 640px) {
  #news .newsList {
    width: 90%;
    margin: 0% auto 0; } }

#news .newsList__item {
  margin-top: 30px;
  padding-bottom: 20px; }
  @media print, screen and (max-width: 640px) {
    #news .newsList__item {
      margin-top: 5%; } }

#news .newsListItem {
  border-bottom: 2px dashed #9cc813; }
  #news .newsListItem__date {
    margin-bottom: 10px; }
    @media print, screen and (max-width: 640px) {
      #news .newsListItem__date {
        margin-bottom: 3%; } }
  #news .newsListItem__ttl {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4; }
    @media print, screen and (max-width: 640px) {
      #news .newsListItem__ttl {
        margin-bottom: 3%;
        font-size: 15px;
        font-size: 4.6875vw; } }
    #news .newsListItem__ttl a {
      text-decoration: underline; }
      #news .newsListItem__ttl a:hover {
        text-decoration: none; }

#news .wp-pagenaviWrap {
  text-align: center; }
  #news .wp-pagenaviWrap .wp-pagenavi {
    display: inline-block;
    clear: none;
    margin-top: 60px; }
    #news .wp-pagenaviWrap .wp-pagenavi span {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #news .wp-pagenaviWrap .wp-pagenavi span.pages {
        display: none; }
      #news .wp-pagenaviWrap .wp-pagenavi span.current {
        padding: 7px 8px;
        background: #499E3D;
        color: #fff;
        border: solid 1px #499E3D;
        text-decoration: none;
        border-radius: 5px; }
      #news .wp-pagenaviWrap .wp-pagenavi span.extend {
        text-decoration: none;
        border: 0px solid #BFBFBF;
        padding: 3px 5px;
        margin: 2px; }
    #news .wp-pagenaviWrap .wp-pagenavi a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #news .wp-pagenaviWrap .wp-pagenavi a.page {
        padding: 7px 8px;
        border: solid 1px #499E3D;
        text-decoration: none;
        color: #499E3D;
        border-radius: 5px; }
        #news .wp-pagenaviWrap .wp-pagenavi a.page:hover {
          color: #FFFFFF;
          background: #499E3D; }
      #news .wp-pagenaviWrap .wp-pagenavi a.nextpostslink {
        padding: 7px 8px;
        border: solid 1px #499E3D;
        text-decoration: none;
        color: #499E3D;
        border-radius: 5px; }
        #news .wp-pagenaviWrap .wp-pagenavi a.nextpostslink:hover {
          color: #FFFFFF;
          background: #499E3D; }
      #news .wp-pagenaviWrap .wp-pagenavi a.last {
        padding: 7px 8px;
        border: solid 1px #499E3D;
        text-decoration: none;
        color: #499E3D;
        border-radius: 5px; }
        #news .wp-pagenaviWrap .wp-pagenavi a.last:hover {
          color: #FFFFFF;
          background: #499E3D; }
      #news .wp-pagenaviWrap .wp-pagenavi a.previouspostslink {
        padding: 7px 8px;
        border: solid 1px #499E3D;
        text-decoration: none;
        color: #499E3D;
        border-radius: 5px; }
        #news .wp-pagenaviWrap .wp-pagenavi a.previouspostslink:hover {
          color: #FFFFFF;
          background: #499E3D; }

/*ノベルティギフトセット*/
#giftset .prodCharaList {
  margin-top: 0; }

#giftset .giftProd {
  margin-top: 30px; }
  #giftset .giftProd__item {
    text-align: center; }
  #giftset .giftProd__tags {
    margin-top: 20px;
    text-align: center; }
    #giftset .giftProd__tags img {
      margin: 0 5px; }
  #giftset .giftProd__caution {
    margin-top: 20px; }
    @media print, screen and (max-width: 640px) {
      #giftset .giftProd__caution {
        width: 90%;
        margin: 10% auto 0; } }

#giftset .giftDcpt {
  border: solid 1px #C4DC76;
  padding: 20px 20px;
  margin-top: 40px; }
  @media print, screen and (max-width: 640px) {
    #giftset .giftDcpt {
      width: 90%;
      margin: 10% auto 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 3%; } }
  #giftset .giftDcpt__text {
    margin-bottom: 10px; }
    #giftset .giftDcpt__text:last-child {
      margin-bottom: 0px; }
    #giftset .giftDcpt__text img {
      padding-right: 10px; }
      @media print, screen and (max-width: 640px) {
        #giftset .giftDcpt__text img {
          display: block;
          margin-top: 2%;
          margin-bottom: 2%; } }

#giftset .giftSpec {
  margin-top: 40px; }
  @media print, screen and (max-width: 640px) {
    #giftset .giftSpec {
      width: 90%;
      margin: 10% auto 0; } }

#giftset .GiftsetList {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 640px) {
    #giftset .GiftsetList {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media print, screen and (max-width: 640px) {
    #giftset .GiftsetList__text {
      width: 90%;
      margin: 0 auto; } }
  #giftset .GiftsetList__imageFrame {
    width: 40%;
    margin-left: auto; }
    @media print, screen and (max-width: 640px) {
      #giftset .GiftsetList__imageFrame {
        width: 90%;
        margin: 5% auto 0; }
        #giftset .GiftsetList__imageFrame img {
          max-width: 100%; } }

@media print, screen and (max-width: 640px) {
  #giftset .ttlType_C {
    width: 90%; } }

#giftset .giftTopProd {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 640px) {
    #giftset .giftTopProd {
      width: 90%;
      margin: 5% auto 0; } }
  #giftset .giftTopProd__image {
    width: 40%; }
    @media print, screen and (max-width: 640px) {
      #giftset .giftTopProd__image img {
        width: 100%; } }
  #giftset .giftTopProd__text {
    width: 70%;
    margin-left: auto; }
    @media print, screen and (max-width: 640px) {
      #giftset .giftTopProd__text {
        margin-left: 5%; } }

@media print, screen and (max-width: 640px) {
  #giftset .prodCharaList {
    width: 100%; } }

/*campaign*/
#campaign {
  /*===========================
=>緑アンダーライン*/
  /*404-----------------------------------------------------------
------------------------------------------------------------------------*/ }
  #campaign .notFound {
    width: 700px;
    margin: 0 auto;
    margin-top: 40px; }
  #campaign .notFound p.fat {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5em; }
  #campaign .notFound div.out_side {
    margin-top: 30px;
    border-top: 1px solid #9CC813; }
  #campaign .notFound div.out_side p {
    margin-top: 20px; }
  #campaign .notFound {
    width: 780px;
    margin: 0 auto;
    margin-top: 40px; }
  #campaign .notFound p.fat {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em; }
  #campaign .close_text {
    text-align: center;
    font-size: 28px;
    color: #F08D00;
    margin-top: 60px;
    font-weight: bold; }
  #campaign .close_banner_area {
    margin-top: 40px; }
  #campaign .close_banner_area div {
    margin-bottom: 20px; }

/* tips */

  #tips .tips__mainMaterial {
    position: relative;
    width: 100%;
    background: #F5F9E0;
  }
    @media print, screen and (max-width: 640px) {
      #tips .tips__mainMaterial {
        margin-top: 5%; 
        padding-top: 10px;} }
    @media print, screen and (max-width: 640px) and (max-width: 640px) {
      #tips .tips__mainMaterial {
      width: 100%; 
    } }
    #tips .tips__mainMaterial:before {
      content: "";
      position: absolute;
      padding-top: 70px;
      left: 0;
      width: 100%;
      background: url(/assets/img/tips/tips-matarial-bg_01.png) no-repeat;
      background-size: 100%; 
    }
    @media print, screen and (max-width: 640px) {
      #tips .tips__mainMaterial:before {
      padding-top: 39px;
      }
    }

    #tips .tips__mainMaterial:after {
      content: "";
      position: absolute;
      padding-top: 68px;
      bottom: 0;
      left: 0;
      width: 100%;
      background: url(/assets/img/tips/tips-matarial-bg_02.png) no-repeat;
      background-size: 100%; 
    }
    @media print, screen and (max-width: 640px) {
      #tips .tips__mainMaterial:after {
      padding-top: 39px;
      }
    }


#tips .tips__mainMaterial__inner {
  margin-bottom: 60px;
  padding: 78px 0; }
    @media print, screen and (max-width: 640px) {
      #tips .tips__mainMaterial__inner {
      padding: 39px 0;
      }
    }
      @media print, screen and (max-width: 640px) {
        #tips .tips__mainMaterial__inner {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
    .tips__mainMaterial__btnwrap {
      text-align: center;
    }
    .tips__mainMaterial__btn {
      padding-right: 18px;
      display: inline-block;
      color: #000;
      position: relative;
      text-decoration: underline;
    }
    #tips .tips__mainMaterial__btn:after {
      content: "";
      width: 12px;
      height: 12px;
      background: url(/assets/img/tips/icon01.png) no-repeat;
      background-size: 100%;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
    }
    #tips .tips__mainMaterial__btn.area_hide:after {
      transform: rotate(180deg);
    }
      #tips .tips__mainMaterial__inner .v-area1 {
        width: 100%;
        padding: 0 40px;
        margin-top: 5px; }
        @media print, screen and (max-width: 640px) {
          #tips .tips__mainMaterial__inner .v-area1 {
            width: 100%; } }
        #tips .tips__mainMaterial__inner .v-area1 b {
          font-weight: bold; }
        #tips .tips__mainMaterial__inner .v-area1 > ul {
          margin-top: 10px; }
          #tips .tips__mainMaterial__inner .v-area1 > ul li a {
            color: #000;
          }
          #tips .tips__mainMaterial__inner .v-area1 > ul li a:hover {
            text-decoration: underline;
          }
          #tips .tips__mainMaterial__inner .v-area1 > ul li .material_h2 {
            margin-top: 10px;
            background: url(/assets/img/tips/leaf.png) no-repeat left 3px;
            padding-left: 1.2em;
            line-height: 1.5em; }
            #tips .tips__mainMaterial__inner .v-area1 > ul li .material_h3 {
              margin-left: 20px;
              background: url(/assets/img/tips/circle.png) no-repeat left 6px;
              padding-left: 1.2em; }
            #tips .tips__mainMaterial__inner .v-area1 > ul li .material_h3 a {
              font-weight: normal;
            }

    #tips .oc-articles-renew .oc-tags {
      background-image: unset;
      padding: 0 20px 0 20px;
    }

#tips .oc-tips-article {
  width: 800px;
  margin: 0 auto;
  float: none;  
}

#tips .oc-tips-article img {
  max-width: 600px;
  margin: 0 auto 40px;
}

@media print, screen and (max-width: 640px) {
  #tips .oc-tips-article img {
    width: 90%;
    margin: 0 auto 25px;
  }
}

@media print, screen and (max-width: 640px) {
  #tips .oc-tips-article {
    width: 100%;
  }
}

#tips .oc-tips-article .oc-ttl-renew-cat1 {
    margin: 30px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.075em;
    text-align: center;
    color: #ed8945;
}
#tips .oc-tips-article .oc-ttl-renew-cat1:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url(../img/tips/line_tips-article1.png) repeat-x center 0;
  background-size: contain;
}

@media print, screen and (max-width: 640px) {
  #tips .oc-tips-article .oc-ttl-renew-cat1 {
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
  }
}


#tips .oc-tips-article .oc-ttl-renew-cat2 {
    margin: 30px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.075em;
    text-align: center;
    color: #bdc64a;
}
#tips .oc-tips-article .oc-ttl-renew-cat2:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url(../img/tips/line_tips-article2.png) repeat-x center 0;
  background-size: contain;
}

@media print, screen and (max-width: 640px) {
  #tips .oc-tips-article .oc-ttl-renew-cat2 {
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
  }
}

#tips .oc-tips-article .oc-ttl-renew-cat3 {
    margin: 30px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.075em;
    text-align: center;
    color: #6dbc64;
}
#tips .oc-tips-article .oc-ttl-renew-cat3:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url(../img/tips/line_tips-article3.png) repeat-x center 0;
  background-size: contain;
}

@media print, screen and (max-width: 640px) {
  #tips .oc-tips-article .oc-ttl-renew-cat3 {
    margin: 25px 0;
    font-size: 18px;
    text-align: left;
  }
}