@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* default */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  min-width: 960px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

body#top {
  background-image: none;
}

sup {
  vertical-align: top;
  font-size: 70%;
}

figure {
  margin-left: 0;
  margin-right: 0;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  body.responsiveContents {
    min-width: 0;
    line-height: 1.5;
  }
  img {
    vertical-align: top;
  }
}

/*** color ***/
.fcRed {
  color: #e50012 !important;
}

.fcWhite {
  color: #fff !important;
}

/*** font-weight ***/
.fwN {
  font-weight: normal !important;
}

.fwB {
  font-weight: bold !important;
}

/*** textl-align ***/
.txtAL {
  text-align: left !important;
}

.txtAC {
  text-align: center !important;
}

.txtAR {
  text-align: right !important;
}

/**** sp-view ****/
@media screen and (max-width: 767px) {
  .responsiveContents .txtALSP {
    text-align: left !important;
  }
  .responsiveContents .txtACSP {
    text-align: center !important;
  }
  .responsiveContents .txtARSP {
    text-align: right !important;
  }
}

/*** font-size ***/
.fontSS {
  font-size: 71.42% !important;
}

.fontS {
  font-size: 85.71% !important;
}

.fontUp {
  font-size: 110% !important;
}

.fontL {
  font-size: 142.85% !important;
}

.fontLL {
  font-size: 157.14% !important;
}

.fontXL {
  font-size: 200% !important;
}

/*** vertical-align ***/
.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

/** margin **/
.mt0em {
  margin-top: 0em;
}

.mb0em {
  margin-bottom: 0em;
}

.mt1em {
  margin-top: 1em;
}

.mb1em {
  margin-bottom: 1em;
}

.mt2em {
  margin-top: 2em;
}

.mb2em {
  margin-bottom: 2em;
}

.mt3em {
  margin-top: 3em;
}

.mb3em {
  margin-bottom: 3em;
}

.mt4em {
  margin-top: 4em;
}

.mb4em {
  margin-bottom: 4em;
}

.mt5em {
  margin-top: 5em;
}

.mb5em {
  margin-bottom: 5em;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pr0 {
  padding-right: 0em !important;
}

@media screen and (max-width: 767px) {
  .responsiveContents .mt0SP {
    margin-top: 0px !important;
  }
  .responsiveContents .mb0SP {
    margin-bottom: 0px !important;
  }
  .responsiveContents .mt5SP {
    margin-top: 5px !important;
  }
  .responsiveContents .mb5SP {
    margin-bottom: 5px !important;
  }
  .responsiveContents .mt10SP {
    margin-top: 10px !important;
  }
  .responsiveContents .mb10SP {
    margin-bottom: 10px !important;
  }
  .responsiveContents .mt15SP {
    margin-top: 15px !important;
  }
  .responsiveContents .mb15SP {
    margin-bottom: 15px !important;
  }
  .responsiveContents .mt20SP {
    margin-top: 20px !important;
  }
  .responsiveContents .mb20SP {
    margin-bottom: 20px !important;
  }
  .responsiveContents .mt25SP {
    margin-top: 25px !important;
  }
  .responsiveContents .mb25SP {
    margin-bottom: 25px !important;
  }
  .responsiveContents .mt30SP {
    margin-top: 30px !important;
  }
  .responsiveContents .mb30SP {
    margin-bottom: 30px !important;
  }
  .responsiveContents .mt35SP {
    margin-top: 35px !important;
  }
  .responsiveContents .mb35SP {
    margin-bottom: 35px !important;
  }
  .responsiveContents .mt40SP {
    margin-top: 40px !important;
  }
  .responsiveContents .mb40SP {
    margin-bottom: 40px !important;
  }
  .responsiveContents .mt45SP {
    margin-top: 45px !important;
  }
  .responsiveContents .mb45SP {
    margin-bottom: 45px !important;
  }
  .responsiveContents .mt50SP {
    margin-top: 50px !important;
  }
  .responsiveContents .mb50SP {
    margin-bottom: 50px !important;
  }
  .responsiveContents .mt55SP {
    margin-top: 55px !important;
  }
  .responsiveContents .mb55SP {
    margin-bottom: 55px !important;
  }
  .responsiveContents .mt60SP {
    margin-top: 60px !important;
  }
  .responsiveContents .mb60SP {
    margin-bottom: 60px !important;
  }
  .responsiveContents .mt65SP {
    margin-top: 65px !important;
  }
  .responsiveContents .mb65SP {
    margin-bottom: 65px !important;
  }
  .responsiveContents .mt70SP {
    margin-top: 70px !important;
  }
  .responsiveContents .mb70SP {
    margin-bottom: 70px !important;
  }
  .responsiveContents .mt75SP {
    margin-top: 75px !important;
  }
  .responsiveContents .mb75SP {
    margin-bottom: 75px !important;
  }
  .responsiveContents .mt80SP {
    margin-top: 80px !important;
  }
  .responsiveContents .mb80SP {
    margin-bottom: 80px !important;
  }
  .responsiveContents .mt85SP {
    margin-top: 85px !important;
  }
  .responsiveContents .mb85SP {
    margin-bottom: 85px !important;
  }
  .responsiveContents .mt90SP {
    margin-top: 90px !important;
  }
  .responsiveContents .mb90SP {
    margin-bottom: 90px !important;
  }
  .responsiveContents .mt95SP {
    margin-top: 95px !important;
  }
  .responsiveContents .mb95SP {
    margin-bottom: 95px !important;
  }
  .responsiveContents .mt100SP {
    margin-top: 100px !important;
  }
  .responsiveContents .mb100SP {
    margin-bottom: 100px !important;
  }
}

/* border */
.top-border {
  border-top: 1px solid #333;
}

.bottom-border {
  border-bottom: 1px solid #333;
}

/* column module */
/** flex-container **/
.flex-container {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

.flex-container .flex-container-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  box-pack: justify;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: -30px;
}

.flex-container .flex-container-row + .flex-container-row {
  margin-top: 60px;
}

.flex-container .flex-container-row .flex-container-col {
  padding: 0 12px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.flex-container .flex-container-row .flex-container-col.wid12 {
  width: 100%;
}

.flex-container .flex-container-row .flex-container-col.wid11 {
  width: 91.66667%;
}

.flex-container .flex-container-row .flex-container-col.wid10 {
  width: 83.33333%;
}

.flex-container .flex-container-row .flex-container-col.wid9 {
  width: 75%;
}

.flex-container .flex-container-row .flex-container-col.wid8 {
  width: 66.66667%;
}

.flex-container .flex-container-row .flex-container-col.wid7 {
  width: 58.33333%;
}

.flex-container .flex-container-row .flex-container-col.wid6 {
  width: 50%;
}

.flex-container .flex-container-row .flex-container-col.wid5 {
  width: 41.66667%;
}

.flex-container .flex-container-row .flex-container-col.wid4 {
  width: 33.33333%;
}

.flex-container .flex-container-row .flex-container-col.wid3 {
  width: 25%;
}

.flex-container .flex-container-row .flex-container-col.wid2_5 {
  width: 20%;
}

.flex-container .flex-container-row .flex-container-col.wid2 {
  width: 16.66667%;
}

.flex-container .flex-container-row .flex-container-col.wid1 {
  width: 8.33333%;
}

.flex-container .flex-container-row .flex-container-col > *:first-child {
  margin-top: 0;
}

.flex-container .flex-container-row .flex-container-col > *:last-child {
  margin-bottom: 0;
}

.flex-container .flex-container-row .flex-container-col.main-col {
  width: 100%;
}

.flex-container .flex-container-row .flex-container-col.sub-col {
  width: 100%;
}

.flex-container .flex-container-row.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .flex-container .flex-container-row .flex-container-col.widPc12 {
    width: 100%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc11 {
    width: 91.66667%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc10 {
    width: 83.33333%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc9 {
    width: 75%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc8 {
    width: 66.66667%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc7 {
    width: 58.33333%;
  }
  .flex-container .flex-container-row .flex-container-col.wid6_5 {
    width: 60%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc6 {
    width: 50%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc5 {
    width: 41.66667%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc4 {
    width: 33.33333%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc3 {
    width: 25%;
  }
  .flex-container .flex-container-row .flex-container-col.wid2_5 {
    width: 20%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc2 {
    width: 16.66667%;
  }
  .flex-container .flex-container-row .flex-container-col.widPc1 {
    width: 8.33333%;
  }
  .flex-container .flex-container-row .flex-container-col.main-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .flex-container .flex-container-row .flex-container-col.sub-col {
    width: 300px;
    width: calc(300px + 4%);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .flex-container.even-reverse .row:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .responsiveContents .flex-container .flex-container-row {
    margin-bottom: -25px;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col {
    margin-bottom: 25px;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP12 {
    width: 100%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP11 {
    width: 91.66667%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP10 {
    width: 83.33333%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP9 {
    width: 75%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP8 {
    width: 66.66667%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP7 {
    width: 58.33333%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP6 {
    width: 50%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP5 {
    width: 41.66667%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP4 {
    width: 33.33333%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP3 {
    width: 25%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP2_5 {
    width: 20%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP2 {
    width: 16.66667%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.widTP1 {
    width: 8.33333%;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .responsiveContents .flex-container .flex-container-row .flex-container-col.orderTP12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
}

.flex-container.legacy {
  overflow: hidden;
}

.flex-container.legacy .flex-container-row {
  width: 100%;
  margin-bottom: -3em;
}

.flex-container.legacy .flex-container-row::before, .flex-container.legacy .flex-container-row::after {
  content: " ";
  display: table;
}

.flex-container.legacy .flex-container-row::after {
  clear: both;
}

.flex-container.legacy .flex-container-row {
  *zoom: 1;
}

.flex-container.legacy .flex-container-row .flex-container-col {
  position: relative;
  float: left;
  min-height: 1px;
  padding: 0 30px;
  margin-bottom: 3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/** with-img-col **/
.with-img-col {
  margin-bottom: 30px;
}

.with-img-col::after {
  content: '.';
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.with-img-col .txtR *:first-child,
.with-img-col .txtL *:first-child,
.with-img-col .imgL *:first-child,
.with-img-col .imgR *:first-child {
  margin-top: 0;
}

.with-img-col .txtR *:last-child,
.with-img-col .txtL *:last-child,
.with-img-col .imgL *:last-child,
.with-img-col .imgR *:last-child {
  margin-bottom: 0;
}

.with-img-col .txtL {
  overflow: hidden;
}

.with-img-col .imgL {
  float: left;
  margin: 0 10px 0 0;
}

.with-img-col .imgR {
  float: right;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
  .responsiveContents .with-img-col .txtR,
  .responsiveContents .with-img-col .txtL,
  .responsiveContents .with-img-col .imgL,
  .responsiveContents .with-img-col .imgR {
    float: none;
  }
  .responsiveContents .with-img-col .imgL,
  .responsiveContents .with-img-col .imgR {
    text-align: center;
  }
}

/* clear fix */
.cf::before, .cf::after {
  content: " ";
  display: block;
}

.cf::after {
  clear: both;
}

.clearfix {
  width: 100%;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.hide {
  display: none;
}

img {
  vertical-align: top;
}

/** onlyNonPC **/
.onlySPview {
  display: none !important;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  .responsiveContents .onlySPview {
    display: block !important;
  }
}

/** onlyPC **/
.onlyPCview {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .onlyPCview {
    display: block !important;
  }
  table th.onlyPC, table td.onlyPC {
    display: table-cell !important;
  }
}

/* ラッパー */
#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* コンテンツ */
#contents {
  width: 1400px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.content_main {
  position: relative;
  margin: 0 auto;
  width: 1400px;
  height: 750px;
  background: url("/common/images/content_main/bg_main.jpg") no-repeat;
}

.content_inner {
  position: relative;
  width: 960px;
  height: 750px;
  margin: 0 auto;
}

.wrapper_content_inner {
  position: relative;
  width: 1400px;
}

#main_top {
  background-position: 0 0;
  z-index: 5000;
}

#main_spice {
  background-position: 0 -750px;
}

#main_recipe {
  background-position: 0 -1500px;
}

#main_event {
  background-position: 0 -2250px;
}

#main_movie {
  background-position: 0 -3000px;
}

#main_special {
  background-position: 0 -3000px;
}

.content_detail_1 {
  position: absolute;
  top: 0;
  left: 1400px;
  width: 1400px;
  height: 3000px;
  background-position: 0 0;
}

.content_detail_2 {
  position: absolute;
  top: 0;
  left: 2800px;
  width: 1400px;
  height: 3000px;
  background-position: 0 0;
}

.content_detail_3 {
  position: absolute;
  top: 0;
  left: 4200px;
  width: 1400px;
  height: 3000px;
  background-position: 0 0;
}

/* コンテンツ制御系 */
.btn_move_right {
  position: absolute;
  top: 314px;
  left: 960px;
  width: 72px;
  height: 122px;
  background-image: url("/common/images/btn_move_right.png");
  overflow: hidden;
}

.btn_move_left {
  position: absolute;
  top: 314px;
  margin-left: -72px;
  width: 72px;
  height: 122px;
  background-image: url("/common/images/btn_move_left.png");
  overflow: hidden;
}

.btn_move_right:hover, .btn_move_left:hover, .btn_move_right_on, .btn_move_left_on {
  background-position: -72px 0;
}

.btn_move_right > a > img, .btn_move_left > a > img {
  width: 100%;
  height: 100%;
}

/* コンテンツ詳細 */
#detail_search_spice {
  background: url("/common/images/content_detail/search_spice.jpg") no-repeat;
}

#detail_search_brand {
  background: url("/common/images/content_detail/search_brand.jpg") no-repeat;
}

#detail_search_use {
  background: url("/common/images/content_detail/search_use.jpg") no-repeat;
}

#detail_recipe_spice {
  background: url("/common/images/content_detail/recipe_spice.jpg") no-repeat;
}

#detail_recipe_genre {
  background: url("/common/images/content_detail/recipe_genre.jpg") no-repeat;
}

#detail_recipe_theme {
  background: url("/common/images/content_detail/recipe_theme.jpg") no-repeat;
}

#detail_movie_sidedish {
  background: url("/common/images/content_detail/movie_sidedish.jpg") no-repeat;
}

#detail_movie_technic {
  background: url("/common/images/content_detail/movie_technic.jpg") no-repeat;
}

#detail_movie_fragrant {
  background: url("/common/images/content_detail/movie_fragrant.jpg") no-repeat;
}

/* 演出用のコンテンツ */
#float_0 {
  background: url("/common/images/content_float/float_0.png") no-repeat 0 0;
  width: 443px;
  height: 460px;
  position: absolute;
  top: 630px;
  right: -130px;
}

#float_1 {
  background: url("/common/images/content_float/float_1.png") no-repeat 0 0;
  width: 529px;
  height: 375px;
  position: absolute;
  top: 430px;
  left: -600px;
}

#float_2 {
  background: url("/common/images/content_float/float_2.png") no-repeat 0 0;
  width: 571px;
  height: 638px;
  position: absolute;
  top: 130px;
  right: -130px;
}

#float_3 {
  background: url("/common/images/content_float/float_3.png") no-repeat 0 0;
  width: 563px;
  height: 375px;
  position: absolute;
  top: 0;
  left: -5px;
}

#float_3_b {
  background: url("/common/images/content_float/float_3_b.png") no-repeat 0 0;
  width: 563px;
  height: 375px;
  position: absolute;
  top: 90px;
  left: -5px;
}

#float_4 {
  background: url("/common/images/content_float/float_4.png") no-repeat 0 0;
  width: 819px;
  height: 595px;
  position: absolute;
  top: 30px;
  right: 0;
}

#float_4_inner {
  background: url("/common/images/content_float/float_4_inner.jpg") no-repeat 0 0;
  width: 654px;
  height: 387px;
  position: absolute;
  top: 36px;
  left: 112px;
}

#float_5 {
  background: url("/common/images/content_float/float_5.png") no-repeat 0 0;
  width: 296px;
  height: 464px;
  position: absolute;
  top: 30px;
  left: 0;
}

#float_5_b {
  background: url("/common/images/content_float/float_5_b.png") no-repeat 0 0;
  width: 330px;
  height: 412px;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* top */
.top_main_title {
  position: relative;
  top: 106px;
  left: 20px;
}

.content_title {
  position: relative;
  top: 100px;
  left: 20px;
}

#top_main_content {
  position: absolute;
  top: 120px;
  right: 20px;
  width: 420px;
}

#top_recipe {
  width: 409px;
  height: 222px;
  padding: 5px;
  background-image: url(/common/images/top/top_recipe_bg.png);
  margin-bottom: 12px;
}

#top_recipe_image {
  float: left;
  margin-top: 55px;
  margin-left: 10px;
}

#top_recipe_detail {
  width: 178px;
  float: left;
  margin-top: 55px;
  margin-left: 10px;
}

#top_recipe_detail dt {
  color: #ff0000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

#top_recipe_detail dd {
  margin-bottom: 5px;
}

#top_recipe_detail p {
  margin-bottom: 5px;
}

#top_recipe_detail p span {
  color: #ff0000;
  margin-right: 2px;
}

#top_recipe_detail > ul {
  position: absolute;
  top: 186px;
  left: 235px;
}

#top_recipe_detail > ul > li {
  margin-bottom: 8px;
}

#top_recipe_detail > ul > li > img {
  margin-right: 4px;
}

#top_topix {
  width: 449px;
  height: 105px;
  background-image: url("/common/images/top/top_topix_bg_02.png");
  margin: 20px 0 0 0;
  line-height: 140%;
}

#top_topix > div {
  width: 189px;
  float: left;
  margin-left: 26px;
  margin-top: 31px;
}

#top_banner_area > li {
  float: left;
  margin-bottom: 8px;
}

.mg_top_banner {
  margin-right: 7px;
}

#searchBox_spice {
  position: absolute;
  top: 448px;
  left: 20px;
  background-image: url("/common/images/spice/search_bg.png");
  width: 428px;
  height: 80px;
}

#sArea {
  float: left;
  margin: 40px 10px 10px 10px;
}

#sBtn {
  float: left;
  margin: 40px 0 0 30px;
}

#searchBox_recipe {
  position: absolute;
  top: 448px;
  left: 20px;
  background-image: url("/common/images/recipe/search_bg.png");
  width: 428px;
  height: 80px;
}

#srArea {
  float: left;
  margin: 40px 10px 10px 10px;
}

#srBtn {
  float: left;
  margin: 40px 0 0 30px;
}

.move_content_area {
  position: absolute;
  top: 540px;
  left: 5px;
}

.move_content_area > ul > li {
  float: left;
}

.move_content {
  width: 296px;
  height: 109px;
  border: solid 1px #ff0000;
  margin-left: 15px;
  background-color: #ffffff;
}

.move_content_title {
  float: left;
  width: 233px;
  height: 22px;
  border-bottom: solid 1px #ebebeb;
  padding: 10px;
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
}

.move_content_btn {
  width: 43px;
  height: 43px;
  background: url("/common/images/btn_arrow.png") 0 0;
  overflow: hidden;
}

.move_content_btn:hover {
  background-position: 0 -43px;
}

.move_content_btn > a > img {
  width: 100%;
  height: 100%;
}

.move_content_detail {
  padding: 10px;
  background-color: #ffffff;
  line-height: 120%;
}

#recommend_spice_area {
  position: absolute;
  top: 385px;
  left: 20px;
  width: 915px;
  padding: 5px;
  background-color: #ff0000;
  color: #ffffff;
}

#recommend_spice_area > ul > li {
  float: left;
  margin-right: 5px;
}

#recommend_spice_area dl {
  font-size: 1.2em;
  width: 700px;
}

#recommend_spice_area dt {
  font-weight: bold;
  margin-bottom: 5px;
}

#recommend_spice_area dt a:link, #recommend_spice_area dt a:hover, #recommend_spice_area dt a:visited {
  text-decoration: none;
  color: #ffffff;
}

#recommend_spice_area dd {
  line-height: 120%;
}

.link_content_area {
  position: absolute;
  top: 495px;
  left: 5px;
}

#recommend_spice_link {
  display: block;
  height: 19px;
  color: #ffffff;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 16pt;
  background: url("/common/images/event/recommend_spice_arrow.png") no-repeat;
}

.link_content_area ul li {
  float: left;
}

.link_content {
  width: 296px;
  height: 154px;
  border: solid 1px #ff0000;
  margin-left: 15px;
  background-color: #fff;
}

.link_content_title {
  float: left;
  width: 233px;
  height: 22px;
  border-bottom: solid 1px #ebebeb;
  padding: 10px;
  color: #ff0000;
  font-size: 19px;
  font-weight: bold;
}

.link_content_btn {
  width: 43px;
  height: 43px;
  background: url("/common/images/btn_arrow.png") 0 0;
  overflow: hidden;
}

.link_content_btn:hover {
  background-position: 0 -43px;
}

.link_content_btn > a > img {
  width: 100%;
  height: 100%;
}

.link_content_detail {
  padding: 10px;
}

.link_content_detail dt {
  margin-bottom: 5px;
  font-size: 14px;
}

.link_content_detail span {
  font-size: 12px;
  line-height: 1.2;
}

.event_update_detail {
  width: 170px;
  margin-left: 5px;
}

#reserve_container {
  width: 299px;
  margin-left: 15px;
}

.reserve_content {
  width: 298px;
  height: 68px;
  border: solid 1px #ff0000;
  background-color: #ffffff;
}

.link_reserve_title {
  width: 298px;
  height: 20px;
  padding: 12px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
}

.link_reserve_btn {
  background: url("/common/images/event/event_reserve_btn.png") 0 0;
  width: 299px;
  height: 25px;
  overflow: hidden;
}

.link_reserve_btn:hover {
  background-position: 0 -25px;
}

.link_reserve_btn > a > img {
  width: 100%;
  height: 100%;
}

#link_reserve_semminer {
  margin-bottom: 16px;
}

#info_spice_master {
  position: absolute;
  top: 128px;
  left: 725px;
}

.move_movie_area {
  position: absolute;
  top: 490px;
  left: 5px;
}

.move_movie_area > ul > li {
  float: left;
}

.move_movie {
  border: solid 1px #ff0000;
  margin-left: 10px;
  height: 138px;
  background-color: #ffffff;
}

.move_movie > ul > li {
  float: left;
}

.move_movie_image {
  width: 123px;
  height: 138px;
}

.move_movie_title {
  width: 261px;
  height: 40px;
  border-bottom: solid 1px #ebebeb;
  padding: 10px 0 10px 10px;
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
  background-color: #ffffff;
}

.move_movie_title > span {
  font-size: 16px;
}

.move_movie_info {
  padding: 6px 0 0 10px;
  line-height: 120%;
}

.move_movie_btn {
  margin-left: 218px;
  width: 43px;
  height: 43px;
  background: url("/common/images/btn_arrow.png") 0 0;
  overflow: hidden;
}

.move_movie_btn:hover {
  background-position: 0 -43px;
}

.move_movie_btn > a > img {
  width: 100%;
  height: 100%;
}

#move_movie_fragrant {
  border: solid 1px #ff0000;
  margin-left: 10px;
  width: 120px;
  height: 138px;
  background-color: #ffffff;
}

#move_movie_fragrant li {
  width: 110px;
}

#move_movie_fragrant li.move_movie_title {
  height: 40px;
  padding: 20px 0 0 10px;
}

#move_movie_fragrant li.move_movie_info {
  height: 71px;
}

#move_movie_fragrant li div {
  margin-top: 29px;
  margin-left: 67px;
}

#lineup_container {
  position: absolute;
  top: 270px;
  left: 20px;
  width: 869px;
  height: 383px;
  background: url("/common/images/special/lineup_bg.png");
}

#lineup_wrapper {
  position: relative;
  width: 830px;
  height: 268px;
  margin: 60px auto 10px auto;
  overflow: hidden;
}

#lineup_area {
  position: absolute;
  top: 0;
  left: 0;
}

#lineup_area_left {
  float: left;
  margin-right: 5px;
}

#lineup_area_right {
  float: left;
  margin-left: 5px;
}

.lineup_banner, .lineup_info {
  margin-bottom: 5px;
}

.lineup_info {
  color: #ffffff;
}

#lineup_controller {
  width: 149px;
  margin: 0 auto;
}

#lineup_controller > ul > li {
  float: left;
}

#lineup_upper {
  width: 67px;
  height: 34px;
  margin-right: 5px;
  background: url("/common/images/special/btn_upper.png");
}

#lineup_downer {
  width: 67px;
  height: 34px;
  margin-left: 5px;
  background: url("/common/images/special/btn_downer.png");
}

#lineup_upper:hover, #lineup_downer:hover {
  background-position: 0 -34px;
}

.detail_lineup {
  position: absolute;
  top: 220px;
  right: 20px;
}

.lineup_item {
  width: 344px;
  height: 118px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: solid 1px #ff0000;
}

.lineup_item > ul > li, .lineup_item_detail > ul > li {
  float: left;
}

.lineup_item_image {
  width: 118px;
  height: 118px;
  overflow: hidden;
}

.lineup_item_title {
  width: 163px;
  height: 19px;
  border-bottom: solid 1px #ebebeb;
  padding: 13px 10px 10px 10px;
  color: #ff0000;
  font-size: 16px;
  font-weight: bold;
}

.lineup_item_btn {
  background-image: url("/common/images/btn_downer.png");
  width: 43px;
  height: 43px;
  overflow: hidden;
}

.lineup_item_btn:hover {
  background-position: 0 -43px;
}

.lineup_item_btn > a > img {
  width: 100%;
  height: 100%;
}

.lineup_item_spiceList {
  padding: 10px 0 10px 10px;
}

.lineup_item_spiceList a, .lineup_item_spiceList a:hover, .lineup_item_spiceList a:link, .lineup_item_spiceList a:visited {
  background: url("/common/images/snavi_arrow.png") no-repeat 0 0.2em;
  padding-left: 10px;
  text-decoration: none;
  color: #000;
  line-height: 150%;
}

.lineup_item_spiceList a:hover {
  color: #888;
}

.detail_lineup_area {
  position: absolute;
  top: 265px;
  left: 20px;
  width: 920px;
  background-image: url("/common/images/pixel_gray.png");
}

.detail_lineup_title {
  margin: 20px 0 0 -5px;
}

.detail_lineup_list {
  padding: 30px 0 30px 25px;
}

.detail_lineup_list > li {
  float: left;
  width: 225px;
}

.detail_lineup_list a, .detail_lineup_list a:link, .detail_lineup_list a:visited, .detail_lineup_list a:hover {
  background: url("/common/images/snavi_arrow.png") no-repeat 0 0.2em;
  padding-left: 15px;
  text-decoration: none;
  color: #ffffff;
  line-height: 150%;
}

.detail_lineup_list a:hover {
  color: #888;
}

/*-------------------
GABAN ditail_linupエリア
-------------------*/
.gaban_content_title {
  position: relative;
  top: 45px;
  left: 20px;
}

.gaban_detail_lineup_area {
  position: absolute;
  top: 185px;
  left: 20px;
  width: 920px;
  background-image: url("/common/images/pixel_gray.png");
}

.gaban_detail_lineup_title {
  margin: 20px 0 0 -5px;
}

.gaban_detail_lineup_list {
  padding: 30px 0 30px 25px;
}

.gaban_detail_lineup_list > li {
  float: left;
  width: 225px;
}

.gaban_detail_lineup_list a, .detail_lineup_list a:link, .detail_lineup_list a:visited, .detail_lineup_list a:hover {
  background: url("/common/images/snavi_arrow.png") no-repeat 0 0.2em;
  padding-left: 15px;
  text-decoration: none;
  color: #ffffff;
  line-height: 150%;
}

.gaban_detail_lineup_list a:hover {
  color: #888;
}

#gaban_detail_lineup_banner {
  position: absolute;
  top: 546px;
  left: 532px;
  width: 408px;
  height: 80px;
  background-image: url("/common/images/gaban_408x80.gif");
  cursor: pointer;
}

#gaban_detail_lineup_banner a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 80px;
}

.recipe_lineup_area {
  width: 346px;
  background-image: url("/common/images/pixel_gray.png");
}

.recipe_lineup_list {
  padding: 20px 0 20px 15px;
}

.recipe_lineup_list a, .recipe_lineup_list a:link, .recipe_lineup_list a:visited, .recipe_lineup_list a:hover {
  background: url("/common/images/snavi_arrow.png") no-repeat 0 0.2em;
  padding-left: 15px;
  text-decoration: none;
  color: #ffffff;
  line-height: 150%;
}

.recipe_lineup_list a:hover {
  color: #888;
}

.movie_content {
  position: absolute;
  top: 230px;
  left: 20px;
  width: 880px;
  height: 440px;
  background-image: url("/common/images/pixel_white.png");
  border: solid 1px #ffffff;
  padding: 20px;
}

.movie_content > ul > li {
  float: left;
}

.profile_area {
  width: 190px;
  margin-right: 20px;
}

.profile_image {
  width: 190px;
  height: 220px;
  overflow: hidden;
  margin-bottom: 10px;
}

.profile_area dt {
  color: #e92107;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.profile_area dt span {
  font-size: 16px;
}

.movie_area {
  position: relative;
  width: 670px;
  height: 400px;
  background-color: #ffffff;
}

.wrapper_movie_list {
  width: 590px;
  margin: 20px 0 0 40px;
  overflow: hidden;
  position: relative;
}

.movie_list {
  position: relative;
  top: 0;
  left: 0;
  width: 10000px;
}

.movie_list dl {
  float: left;
  margin-right: 10px;
}

.movie_list dt {
  width: 190px;
  height: 260px;
  overflow: hidden;
}

.movie_list dd {
  margin-top: 30px;
  width: 190px;
}

.movie_list dd a {
  color: #000;
}

.movie_list dd.tag_new {
  margin-top: 30px;
}

.movie_list dd.tag_new a {
  background: url("/common/images/movie/tag_new.png") no-repeat;
  padding: 25px 0 0 0;
  color: #ff8a00;
}

.movie_list dd a:hover {
  color: #ff0000;
}

.btn_movielist_left {
  position: absolute;
  top: 150px;
  left: 0;
  width: 20px;
  height: 97px;
  background-image: url("/common/images/movie/btn_left.png");
  cursor: pointer;
}

.btn_movielist_right {
  position: absolute;
  top: 150px;
  right: 0;
  width: 20px;
  height: 97px;
  background-image: url("/common/images/movie/btn_right.png");
  cursor: pointer;
}

.btn_movielist_left:hover, .btn_movielist_right:hover {
  background-position: 0 -97px;
}

.markerBox {
  margin: 10px auto;
}

.markerBox li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  background: url("/common/images/movie/marker.png") 0 0;
}

.markerBox li.marker_on {
  background-position: 0 -10px;
}

#marker_sidedish {
  width: 100px;
}

#marker_technic {
  width: 160px;
}

#marker_fragrant {
  width: 250px;
}

#movie_content_fragrant {
  left: 40px;
}

#movie_area_fragrant {
  width: 880px;
}

#wrapper_movie_list_fragrant {
  width: 800px;
}

#modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-image: url("/common/images/pixel_modal_bg.png");
}

#sitemap {
  position: fixed;
  z-index: 21000;
  width: 770px;
  height: 478px;
  background-image: url("/common/images/sitemap/sitemap_bg.png");
  font-size: 10px;
}

#sitemap_icon {
  display: none;
}

#top #sitemap_icon {
  display: block;
  position: absolute;
  top: 60px;
  left: 20px;
  width: 143px;
  height: 23px;
  z-index: 12000;
  background-image: url("/common/images/sitemap/sitemap_icon.png");
}

#top #sitemap_icon:hover {
  background-position: 0 -23px;
}

#sitemap_dummy {
  position: absolute;
  top: 60px;
  left: 20px;
  width: 143px;
  height: 23px;
  z-index: 13000;
  background-image: url("/common/images/pixel_modal_bg.png");
}

#sitemap div > ul > li {
  float: left;
  width: 150px;
  margin-left: -1px;
  border-left: solid 1px #ff0000;
}

#sitemap li {
  float: left;
}

#sitemap li div {
  width: 32px;
  height: 22px;
}

#sitemap li a:link, #sitemap li a:hover, #sitemap li a:visited {
  text-decoration: none;
  color: #ffffff;
}

#sitemap li a:hover {
  color: #888;
}

#sitemap li a img {
  width: 100%;
  height: 100%;
}

.sitemap_content_title {
  padding: 0.6em 0 0 3px;
}

#sitemap_top {
  padding: 33px 0 0 156px;
}

#sitemap_spice {
  padding: 17px 0 0 156px;
}

#sitemap_recipe {
  padding: 27px 0 0 156px;
}

#sitemap_event {
  padding: 30px 0 0 156px;
}

#sitemap_movie {
  padding: 27px 0 0 156px;
}

#sitemap_special {
  padding: 55px 0 0 156px;
}

.sitemap_item_image {
  width: 32px;
  height: 23px;
  margin-bottom: 2px;
}

#sitemap li div:hover {
  width: 123px;
  height: 84px;
  top: -30px;
  position: relative;
  left: -30px;
}

#sitemap_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url("/common/images/sitemap/btn_close.png");
  cursor: pointer;
}

#sitemap_close:hover {
  background-position: 0 -20px;
}

#footer_policy_privacy a,
#footer_policy_socialmedia a {
  padding-right: 10px;
  background: url("/common/images/icon_blank.png") no-repeat;
  background-position: 100% 4px;
  height: 10px;
}

#footer_policy_privacy a:hover,
#footer_policy_socialmedia a:hover {
  background-position: 100% -18px;
}

.btn_to_top {
  position: absolute;
  bottom: 100px;
  left: 960px;
  width: 121px;
  height: 23px;
  background-image: url("/common/images/totop.png");
  cursor: pointer;
}

.btn_to_top:hover {
  background-position: 0 -23px;
}

#content_main {
  width: 100%;
  max-width: 1366px;
  min-height: calc(100vh - 129px);
  background-image: url(/common/images/content_main/content_main_bg_left.png), url(/common/images/content_main/content_main_bg_right.png);
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
  margin: 0 auto;
  overflow: hidden;
}

#content_inner {
  width: 960px;
  min-height: 500px;
  margin: 0 auto;
  padding: 25px 0 0;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .responsiveContents #content_main {
    margin-top: 58px;
    background-size: 118px auto, 101px auto;
  }
  .responsiveContents #content_inner {
    width: auto;
    margin: 0 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0 0;
  }
}

/* snsArea */
#snsArea {
  margin: 60px auto 0;
  text-align: center;
}

#snsArea li {
  display: inline-block;
  margin: 0 30px 0;
}

@media screen and (max-width: 767px) {
  .responsiveContents #snsArea {
    width: 100%;
    margin: 40px auto 0;
  }
  #snsArea li {
    margin: 0 4% 0;
  }
}

/* mem add */
#pagetop {
  width: 960px;
  margin: 15px auto 30px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .responsiveContents #pagetop {
    width: 100%;
  }
}

/** right area **/
#content_inner #contents_right {
  float: right;
  width: 700px;
  text-align: left;
}

/*** navi ***/
#contents_right #navi {
  background-image: none;
  height: 40px;
  margin: 0 0 20px 0;
}

#contents_right #navi span.back,
#contents_right #navi_detail span.back {
  display: block;
  float: left;
}

#contents_right #navi span.back a,
#contents_right #navi_detail span.back a {
  display: block;
  width: 162px;
  height: 40px;
}

#contents_right #navi_detail {
  background-image: url(/common/images/contents_block_bg.png);
  height: 40px;
  margin: 0 0 20px 0;
}

#contents_right #navi_detail span.linkBtn {
  height: 40px;
  vertical-align: middle;
  float: right;
}

#contents_right #navi_detail span.linkBtn img.btn {
  margin: 4px 4px 0 0;
}

/**** sp-view ****/
@media screen and (max-width: 767px) {
  .responsiveContents #content_inner #contents_right {
    float: none;
    width: 100%;
    margin-bottom: 38px;
  }
  .responsiveContents #content_inner #contents_right #navi_detail {
    height: auto;
    margin-bottom: 15px;
    background: none;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.back,
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn {
    width: 100%;
    float: none;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.back a {
    width: 100%;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn a {
    margin: 10px 10px 0 0;
    text-align: center;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn a[href^="/spicerecipe/"] {
    background: #5c510f;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn a[href^="spicelist/"],
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn a[href^="/dictionary/spicelist/"] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: #661213;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn a:first-child:last-child,
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn a:last-child {
    margin-right: 0;
  }
  .responsiveContents #content_inner #contents_right #navi_detail span.linkBtn img.btn {
    max-width: 100%;
    height: auto;
    margin: 0;
  }
  .responsiveContents #content_inner #contents_right #navi {
    height: auto;
    margin-bottom: 15px;
    background: none;
  }
  .responsiveContents #content_inner #contents_right #navi span.back {
    width: 100%;
    float: none;
  }
  .responsiveContents #content_inner #contents_right #navi span.back a {
    width: 100%;
    background: #fff;
  }
}

/** left area **/
#content_inner #contents_left {
  float: left;
  background-image: url(/common/images/contents_block_bg.png);
  background-repeat: repeat-y;
  width: 240px;
}

#contents_left h2 {
  background-color: #ffffff;
  margin: 5px 5px 0;
}

@media screen and (max-width: 767px) {
  .responsiveContents #content_inner #contents_left h2 {
    margin: 0;
    background: none;
  }
  .responsiveContents #content_inner #contents_left ul {
    margin: 0;
  }
}

#contents_left .navi {
  background-color: #ffffff;
  list-style-type: none;
  width: 230px;
  margin: 0 5px 20px;
}

#contents_left .navi li {
  background-color: #ffffff;
  margin: 0 0 15px;
}

#contents_left .navi li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: 20px top;
  background-repeat: no-repeat;
  padding: 2px 0 0 38px;
  color: #000000;
  text-decoration: none;
}

#contents_left .navi li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#contents_left #localSearchBox {
  padding: 0 10px 20px;
}

#contents_left #localSearchBox li {
  margin: 0 0 5px 0;
}

#contents_left #localSearchBox li#fArea,
#contents_left #localSearchBox li#fBtn {
  display: inline-block;
  float: left;
  margin: 0 0 5px 0;
}

#contents_left #localSearchBox li#fArea input {
  width: 150px;
  margin: 0 10px 0 5px;
}

@media screen and (max-width: 767px) {
  .responsiveContents #content_inner #contents_left {
    float: none;
    width: 100%;
  }
  .responsiveContents #content_inner #contents_left #localSearchBox {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 0;
  }
  .responsiveContents #content_inner #contents_left #localSearchBox ul {
    position: relative;
    clear: both;
    overflow: hidden;
  }
  .responsiveContents #content_inner #contents_left #localSearchBox ul #fTitle {
    margin-bottom: 10px;
  }
  .responsiveContents #content_inner #contents_left #localSearchBox ul #fArea {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0;
    padding-right: 70px;
  }
  .responsiveContents #content_inner #contents_left #localSearchBox ul #fArea input {
    width: 100%;
    height: auto;
    padding: 3px 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #content_inner #contents_left #localSearchBox ul #fBtn {
    float: none;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .responsiveContents #content_inner .navi {
    width: 100%;
    margin-bottom: 25px;
  }
  .responsiveContents #content_inner .navi li a {
    padding-left: 28px;
    background-position: 10px center;
    font-size: 13px;
    font-weight: bold;
  }
  .responsiveContents #content_inner #contents_left .navi_area_wrap {
    padding: 10px 8px;
    margin: 0 -12px 40px;
    background-color: #f2f2f2;
  }
  .responsiveContents #content_inner #contents_left .navi_area_wrap .navi_area {
    padding: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
  }
  .responsiveContents #content_inner #contents_left .navi_area_wrap .navi_area .navi_area_inner {
    padding: 20px 10px;
    border: 1px solid #dbdad8;
    background: #fff;
  }
}

#contents_left .banner {
  margin: 0;
  width: 240px;
}

#contents_left .banner p {
  margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
  .responsiveContents #content_inner #contents_left .banner {
    width: 100%;
  }
  .responsiveContents #content_inner #contents_left .banner p {
    margin-bottom: 20px;
  }
  .responsiveContents #content_inner #contents_left .banner p img {
    width: 100%;
    height: auto;
  }
}

.menuList {
  display: none;
  position: absolute;
  left: 50%;
  top: 140px;
  margin-left: -300px;
  width: 720px;
  max-height: 700px;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 1px 1px 5px #555555;
          box-shadow: 1px 1px 5px #555555;
  overflow: auto;
}

@media screen and (max-width: 767px) {
	.menuList {
		width: 90%;
		margin-left: 0;
		transform: translateX(-50%);
		height: 70vh;
	}
  }

.menuList p.title {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #999999;
  font-size: 120%;
  font-weight: bold;
}

.menuList p.title a {
  float: right;
  display: inline-block;
}

.menuList p.message {
  padding: 10px 0;
  color: #333333;
}

.menuList div.titleArea {
  margin: 0 0 5px 0;
  padding: 5px;
  background-color: #dfdfdf;
  font-weight: bold;
}

.menuList ul {
  margin-bottom: 10px;
}

.menuList ul li {
  float: left;
  width: 230px;
  margin-bottom: 7px;
}

#menuCategory ul li,
#menuTheme ul li,
#menuBrand ul li,
#menuUse ul li {
  float: none;
  width: auto;
  margin-bottom: 5px;
}

.menuList ul li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: 5px top;
  background-repeat: no-repeat;
  padding-left: 23px;
  color: #000000;
  text-decoration: none;
}

.menuList ul li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#lowMainContents .sitemap {
  width: 100%;
}

#lowMainContents .sitemap h2 {
  border-bottom: 1px solid #cccccc;
  margin: 30px 0 10px 0;
  padding: 0 0 10px 0;
  text-indent: 0;
}

#lowMainContents .sitemap h2 a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico_disc.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  color: #000000;
  text-decoration: none;
}

#lowMainContents .sitemap > ul {
  margin: 0 10px 10px 0;
}

#lowMainContents .sitemap > ul > li {
  list-style-type: none;
  float: left;
  width: 222px;
}

#lowMainContents .sitemap > ul > li ul {
  margin: 5px 0 5px 10px;
}

#lowMainContents .sitemap > ul > li ul > li {
  list-style-type: none;
}

#lowMainContents .sitemap > ul > li > a,
#lowMainContents .sitemap > ul > li > ul > li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  color: #000000;
  text-decoration: none;
}

/*--------------------------
ワンポイントレッスンバナー
--------------------------*/
.Dictionary {
  position: absolute;
  top: 425px;
  left: 5px;
}

#Dsarch {
  position: absolute;
  top: 334px;
  left: 20px;
  background-image: url("/common/images/spice/search_bg.png");
  width: 428px;
  height: 80px;
}

span#spiceLesson {
  margin: 12px 0 0 15px;
  float: left;
}

html.scrollLock {
  overflow: hidden;
}

html.scrollLock body {
  overflow: hidden;
}

/* maincontents */
.maincontents .maincontentsInner {
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  overflow: hidden;
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maincontents .maincontentsInner.bgPtn01 {
  background-image: url(/common/images/bg_ptn/gray_l.png), url(/common/images/bg_ptn/gray_r.png);
}

.maincontents .maincontentsInner.bgPtn02 {
  background-color: #ffe7a9;
  background-image: url(/common/images/bg_ptn/white_l.png), url(/common/images/bg_ptn/white_r.png);
}

.maincontents .maincontentsInner.bgPtn03 {
  background-color: #c0de98;
  background-image: url(/common/images/bg_ptn/white_l.png), url(/common/images/bg_ptn/white_r.png);
}

.maincontents .maincontentsInner.bgPtn04 {
  background-color: #e0fabe;
  background-image: url(/common/images/bg_ptn/white_l.png), url(/common/images/bg_ptn/white_r.png);
}

.maincontents .maincontentsInner.bgPtn05 {
  background-color: #fee9a8;
  background-image: url(/common/images/bg_ptn/white_l.png), url(/common/images/bg_ptn/white_r.png);
}

.maincontents .maincontentsInner.bgPtn06 {
  background-color: #ededed;
  background-image: url(/common/images/bg_ptn/gray_l02.png), url(/common/images/bg_ptn/gray_r02.png);
}

.maincontents .maincontentsInner.bgPtn07 {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .maincontents .maincontentsInner.bgPtn07 {
    background-image: url(/common/images/bg_ptn/gray_l03.png), url(/common/images/bg_ptn/gray_r03.png);
  }
}

.maincontents .maincontentsInner.bgPtnRanking {
  background: url(/common/images/bg_ptn/bg_ranking.png);
  background-size: cover;
  padding: 80px 0 120px;
}
@media screen and (max-width: 767px) {
  .maincontents .maincontentsInner.bgPtnRanking {
     padding: 40px 5%;
  }
}

.maincontents .maincontentsInner .contentArea {
  max-width: 1054px;
  margin: 0 auto;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  .maincontents {
    padding-top: 58px;
    font-size: 13px;
  }
  .maincontents .maincontentsInner {
    padding: 40px 5%;
  }
  .maincontents .maincontentsInner.bgPtn01, .maincontents .maincontentsInner.bgPtn02, .maincontents .maincontentsInner.bgPtn03, .maincontents .maincontentsInner.bgPtn04, .maincontents .maincontentsInner.bgPtn05, .maincontents .maincontentsInner.bgPtn06 {
    background-position: -15% top, 115% top;
    background-size: 40%;
  }
}

/* maincontents */
.maincontents img {
  max-width: 100%;
}

/* column module */
/** flexContainer **/
.flexContainer {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 60px;
}

.flexContainer .flexContainerRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  box-pack: justify;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -50px;
}

.flexContainer .flexContainerRow + .flexContainerRow {
  margin-top: 30px;
}

.flexContainer .flexContainerRow .flexContainerCol {
  padding: 0 16px;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.flexContainer .flexContainerRow .flexContainerCol.wid12 {
  width: 100%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid11 {
  width: 91.66667%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid10 {
  width: 83.33333%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid9 {
  width: 75%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid8 {
  width: 66.66667%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid7 {
  width: 58.33333%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid6 {
  width: 50%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid5 {
  width: 41.66667%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid4 {
  width: 33.33333%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid3 {
  width: 25%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid2_5 {
  width: 20%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid2 {
  width: 16.66667%;
}

.flexContainer .flexContainerRow .flexContainerCol.wid1 {
  width: 8.33333%;
}

.flexContainer .flexContainerRow .flexContainerCol > *:first-child {
  margin-top: 0;
}

.flexContainer .flexContainerRow .flexContainerCol > *:last-child {
  margin-bottom: 0;
}

.flexContainer .flexContainerRow.alignTtemsCenter {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flexContainer.narrowMargin .flexContainerRow {
  margin-left: -6px;
  margin-right: -6px;
}

.flexContainer.narrowMargin .flexContainerRow .flexContainerCol {
  padding: 0 6px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .flexContainer .flexContainerRow .flexContainerCol.widPc12 {
    width: 100%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc11 {
    width: 91.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc10 {
    width: 83.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc9 {
    width: 75%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc8 {
    width: 66.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc7 {
    width: 58.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.wid6_5 {
    width: 60%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc6 {
    width: 50%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc5 {
    width: 41.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc4 {
    width: 33.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc3 {
    width: 25%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.wid2_5 {
    width: 20%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc2 {
    width: 16.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widPc1 {
    width: 8.33333%;
  }
  .flexContainer.evenReverse .flexContainerRow:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
  .flexContainer.oddReverse .flexContainerRow:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}

@media screen and (max-width: 767px) {
  .flexContainer {
    margin: 0 0 40px;
  }
  .flexContainer .flexContainerRow {
    margin-bottom: -20px;
  }
  .flexContainer .flexContainerRow .flexContainerCol {
    margin-bottom: 20px;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP12 {
    width: 100%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP11 {
    width: 91.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP10 {
    width: 83.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP9 {
    width: 75%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP8 {
    width: 66.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP7 {
    width: 58.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP6 {
    width: 50%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP5 {
    width: 41.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP4 {
    width: 33.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP3 {
    width: 25%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP2_5 {
    width: 20%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP2 {
    width: 16.66667%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.widTP1 {
    width: 8.33333%;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .flexContainer .flexContainerRow .flexContainerCol.orderTP12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
}

.flexContainer.legacy {
  overflow: hidden;
}

.flexContainer.legacy .flexContainerRow {
  width: 100%;
  margin-bottom: -3em;
}

.flexContainer.legacy .flexContainerRow::before, .flexContainer.legacy .flexContainerRow::after {
  content: " ";
  display: table;
}

.flexContainer.legacy .flexContainerRow::after {
  clear: both;
}

.flexContainer.legacy .flexContainerRow {
  *zoom: 1;
}

.flexContainer.legacy .flexContainerRow .flexContainerCol {
  position: relative;
  float: left;
  min-height: 1px;
  padding: 0 30px;
  margin-bottom: 3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/** withImgCol **/
.withImgCol {
  margin-bottom: 30px;
}

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

.withImgCol .txtR *:first-child,
.withImgCol .txtL *:first-child,
.withImgCol .imgL *:first-child,
.withImgCol .imgR *:first-child {
  margin-top: 0;
}

.withImgCol .txtR *:last-child,
.withImgCol .txtL *:last-child,
.withImgCol .imgL *:last-child,
.withImgCol .imgR *:last-child {
  margin-bottom: 0;
}

.withImgCol .txtL {
  overflow: hidden;
}

.withImgCol .imgL {
  float: left;
  margin: 0 10px 0 0;
}

.withImgCol .imgR {
  float: right;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 767px) {
  .withImgCol .txtR,
  .withImgCol .txtL,
  .withImgCol .imgL,
  .withImgCol .imgR {
    float: none;
  }
  .withImgCol .imgL,
  .withImgCol .imgR {
    text-align: center;
  }
}

/* title */
.maincontents .titleArea {
  margin-bottom: 50px;
}

.maincontents .title01 {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 30px;
  font-size: 40px;
  color: #42210b;
  text-align: center;
}

.maincontents .title01::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 50px;
  height: 3px;
  background: #e50012;
}

.maincontents .title02 {
  margin-bottom: 30px;
  font-size: 34px;
  color: #42210b;
  text-align: center;
}

.maincontents .title02 .fontDown {
  font-size: 20px;
}

.maincontents .title03 {
  position: relative;
  padding-bottom: 12px;
  margin: 0 auto 40px;
  width: 450px;
  font-size: 30px;
  color: #693f24;
  text-align: center;
  border-bottom: 4px dotted #e18f41;
}

@media screen and (min-width: 768px) {
  .maincontents .title03 .fontDown {
    font-size: 17px;
  }
}


.maincontents .titCloud {
  font-size: 32px;
  color: #369e21;
  padding: 45px;
  margin-bottom: 34px;
  text-align: center;
  background: url(/common/images/parts/tit_cloud.png) no-repeat 0 0;
  background-size: contain;
}

.maincontents .titRibbonWrap {
  position: relative;
  max-width: 790px;
  margin: 0 auto 40px;
}

.maincontents .titRibbonWrap .titRibbonWrapIn {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maincontents .titRibbonWrap .titRibbonWrapIn:before, .maincontents .titRibbonWrap .titRibbonWrapIn:after {
  content: '';
  position: absolute;
  width: 75px;
  bottom: -9px;
  z-index: 1;
  border: 20px solid #656464;
  border-width: 18px 10px 18px;
}

.maincontents .titRibbonWrap .titRibbonWrapIn:before {
  left: -55px;
  border-left-color: transparent;
}

.maincontents .titRibbonWrap .titRibbonWrapIn:after {
  right: -55px;
  border-right-color: transparent;
}

.maincontents .titRibbonWrap .titRibbonTit {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 5px 20px 8px;
  width: 100%;
  line-height: 1.33;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  background: #808080;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}

.maincontents .titRibbonWrap .titRibbonTit:before, .maincontents .titRibbonWrap .titRibbonTit:after {
  position: absolute;
  content: '';
  top: 100%;
  border: none;
}

.maincontents .titRibbonWrap .titRibbonTit:before {
  left: 0;
  border-bottom: solid 8px transparent;
  border-right: solid 40px #414141;
}

.maincontents .titRibbonWrap .titRibbonTit:after {
  right: 0;
  border-bottom: solid 8px transparent;
  border-left: solid 40px #414141;
}

.maincontents .titRibbonWrap .titRibbonTit .titRibbonOuterLineText svg {
  display: inline-block;
  overflow: visible;
  height: 1em;
}

.maincontents .titRibbonWrap .titRibbonTit .titRibbonOuterLineText .foreground {
  fill: #808080;
}

.maincontents .titRibbonWrap .titRibbonTit .titRibbonOuterLineText .background {
  stroke: #fff;
  stroke-width: 4;
  stroke-linejoin: round;
}

.maincontents .titRibbonWrap.green .titRibbonWrapIn:before, .maincontents .titRibbonWrap.green .titRibbonWrapIn:after {
  border-color: #3b8a2b;
}

.maincontents .titRibbonWrap.green .titRibbonWrapIn:before {
  border-left-color: transparent;
}

.maincontents .titRibbonWrap.green .titRibbonWrapIn:after {
  border-right-color: transparent;
}

.maincontents .titRibbonWrap.green .titRibbonTit {
  background-color: #369e21;
}

.maincontents .titRibbonWrap.green .titRibbonTit:before {
  border-bottom-color: transparent;
  border-right-color: #2f6e22;
}

.maincontents .titRibbonWrap.green .titRibbonTit:after {
  border-bottom-color: transparent;
  border-left-color: #2f6e22;
}

.maincontents .titRibbonWrap.green .titRibbonTit .titRibbonOuterLineText .foreground {
  fill: #369e21;
}

.maincontents .titRibbonWrap.orange .titRibbonWrapIn:before, .maincontents .titRibbonWrap.orange .titRibbonWrapIn:after {
  border-color: #e65f05;
}

.maincontents .titRibbonWrap.orange .titRibbonWrapIn:before {
  border-left-color: transparent;
}

.maincontents .titRibbonWrap.orange .titRibbonWrapIn:after {
  border-right-color: transparent;
}

.maincontents .titRibbonWrap.orange .titRibbonTit {
  background-color: #f46505;
}

.maincontents .titRibbonWrap.orange .titRibbonTit:before {
  border-right-color: #b84c04;
}

.maincontents .titRibbonWrap.orange .titRibbonTit:after {
  border-left-color: #b84c04;
}

.maincontents .titRibbonWrap.orange .titRibbonTit .titRibbonOuterLineText .foreground {
  fill: #f46505;
}

.maincontents .titRibbonSubTit {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 36px;
  font-size: 30px;
  font-weight: bold;
  color: #369e21;
}

.maincontents .titRibbonSubTit .fontDown {
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .maincontents .titRibbonSubTit .fontDown {
    font-size: 15px;
  }
}

.maincontents .titDottedBalloon {
  position: relative;
  padding: 8px 8px 10px;
  margin: 0 auto 25px;
  background-color: #fff;
  text-align: center;
  color: #777;
  font-size: 23px;
  border: 2px dotted #777;
  border-radius: 10em;
}

.maincontents .titDottedBalloon::before {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: 0 auto;
  border-bottom: 2px dotted #777;
  border-left: 2px dotted #777;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.maincontents .titDottedBalloon.green {
  color: #369e21;
  border-color: #369e21;
}

.maincontents .titDottedBalloon.green::before {
  border-bottom-color: #369e21;
  border-left-color: #369e21;
}
.maincontents .titDottedBalloon.brown {
  color: #693f24;
  border-color: #693f24;
}

.maincontents .titDottedBalloon.brown::before {
  border-bottom-color: #693f24;
  border-left-color: #693f24;
}

.maincontents .titDottedBalloon.cinnamon {
  color: #c2684f;
  border-color: #c2684f;
}

.maincontents .titDottedBalloon.cinnamon::before {
  border-bottom-color: #c2684f;
  border-left-color: #c2684f;
}

.maincontents .titDottedBalloon.bayleaf {
  color: #91a143;
  border-color: #91a143;
}

.maincontents .titDottedBalloon.bayleaf::before {
  border-bottom-color: #91a143;
  border-left-color: #91a143;
}

.maincontents .titDottedBalloon.nutmeg {
  color: #ce8629;
  border-color: #ce8629;
}

.maincontents .titDottedBalloon.nutmeg::before {
  border-bottom-color: #ce8629;
  border-left-color: #ce8629;
}

.maincontents .titDottedBalloon.garamMasala {
  color: #8f6407;
  border-color: #8f6407;
}

.maincontents .titDottedBalloon.garamMasala::before {
  border-bottom-color: #8f6407;
  border-left-color: #8f6407;
}

.maincontents .titDottedBalloon.cumin {
  color: #cca50a;
  border-color: #cca50a;
}

.maincontents .titDottedBalloon.cumin::before {
  border-bottom-color: #cca50a;
  border-left-color: #cca50a;
}

.maincontents .titDottedBalloon .titDottedBalloonIn {
  position: relative;
  z-index: 1;
}

.maincontents .titWithSubText {
  margin-bottom: 50px;
  font-size: 48px;
  text-align: center;
}

.maincontents .titWithSubText.green {
  color: #369e21;
}

.maincontents .titWithSubText.orange {
  color: #f46505;
}

.maincontents .titWithSubText.brown {
  color: #42210b;
}

.maincontents .titWithSubText .textDown {
  display: block;
  font-size: 30px;
  margin-bottom: 15px;
}

.maincontents .titL {
  font-size: 34px;
  margin-bottom: 40px;
  text-align: center;
  color: #42210b;
}

.maincontents .titL.orange {
  color: #f46505;
}

.maincontents .titInterview {
  font-size: 20px;
  color: #42210b;
  margin-bottom: 30px;
}

.maincontents .titInterview.orange {
  color: #f46505;
}

.maincontents .titInterviewText {
  font-size: 16px;
  line-height: 1.875;
  color: #42210b;
}

.maincontents .titInterviewText p {
  margin-bottom: 1em;
}

.maincontents .titInterviewText > *:first-child {
  margin-top: 0;
}

.maincontents .titInterviewText > *:last-child {
  margin-bottom: 0;
}

.maincontents .titInterviewCloseText {
  font-size: 18px;
  line-height: 1.55;
  color: #42210b;
  text-align: center;
}

.maincontents .titInterviewCloseText.orange {
  color: #f46505;
}

.maincontents .leadText {
  margin-bottom: 70px;
  text-align: center;
  color: #42210b;
  font-size: 18px;
  line-height: 1.75;
}

.maincontents .titleArea .leadText {
  margin-bottom: 0;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  .maincontents .titleArea {
    margin-bottom: 40px;
  }
  .maincontents .title01 {
    padding-bottom: 23px;
    margin-bottom: 23px;
    font-size: 25px;
  }
  .maincontents .title01::after {
    height: 2px;
  }
  .maincontents .title02 {
    font-size: 22px;
  }
  .maincontents .title02 span {
    font-size: 15px;
  }
  .maincontents .title03 {
    width: auto;
    min-width: 100%;
    padding-bottom: 6px;
    font-size: 18px;
  }
  .maincontents .titCloud {
    font-size: 20px;
    padding: 20px 20px 30px;
    background: url(/common/images/parts/tit_cloud_sp.png) no-repeat 50% 50%;
    background-size: 100% 100%;
  }
  .maincontents .titRibbonWrap {
    width: calc(100% - 40px);
    margin-bottom: 20px;
  }
  .maincontents .titRibbonWrap .titRibbonWrapIn:before, .maincontents .titRibbonWrap .titRibbonWrapIn:after {
    width: 15px;
    bottom: -5px;
    border-width: 16px 10px 16px;
  }
  .maincontents .titRibbonWrap .titRibbonWrapIn:before {
    left: -20px;
  }
  .maincontents .titRibbonWrap .titRibbonWrapIn:after {
    right: -20px;
  }
  .maincontents .titRibbonWrap .titRibbonTit {
    font-size: 16px;
  }
  .maincontents .titRibbonWrap .titRibbonTit:before {
    border-bottom-width: 5px;
    border-right-width: 15px;
  }
  .maincontents .titRibbonWrap .titRibbonTit:after {
    border-bottom-width: 5px;
    border-left-width: 15px;
  }
  .maincontents .titRibbonSubTit {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 16px;
  }
  .maincontents .titRibbonSubTit span {
    font-size: 18px;
  }
  .maincontents .titDottedBalloon {
    padding: 7px 8px;
    margin: 0 auto 25px;
    text-align: center;
    font-size: 16px;
  }
  .maincontents .titWithSubText {
    margin-bottom: 30px;
    font-size: 25px;
  }
  .maincontents .titWithSubText .textDown {
    display: block;
    font-size: 17px;
    margin-bottom: 0;
  }
  .maincontents .titL {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .maincontents .titInterview {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .maincontents .titInterviewText {
    font-size: 13px;
  }
  .maincontents .titInterviewCloseText {
    font-size: 13px;
  }
  .maincontents .leadText {
    font-size: 13px;
    margin-bottom: 40px;
  }
  .maincontents .titleArea .leadText {
    font-size: 16px;
    margin-bottom: 0;
  }
}

/* link */
/** linkArea **/
.maincontents .linkArea {
  margin-bottom: 80px;
  line-height: 1.3;
}

.maincontents .linkArea ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.maincontents .linkArea ul li {
  font-size: 18px;
  margin-right: 27px;
  text-align: center;
}

.maincontents .linkArea ul li:last-child {
  margin-right: 0;
}

.maincontents .linkArea ul li a {
  position: relative;
  display: inline-block;
  border-radius: 6px;
  background-color: #693f24;
  color: #fff;
  padding: 15px 40px 15px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}

.maincontents .linkArea ul li a::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
}

@media all and (-ms-high-contrast: none) {
  .maincontents .linkArea ul li a .linkAreaIcon .webfontIn {
    top: .25rem;
  }
}

.maincontents .linkArea ul li a .linkAreaIcon::before, .maincontents .linkArea ul li a .linkAreaIcon::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.maincontents .linkArea ul li a .linkAreaIcon::before {
  right: 21px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.maincontents .linkArea ul li a .linkAreaIcon::after {
  right: 21px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.maincontents .linkArea ul li a[href^="#"] {
  min-width: 290px;
}

.maincontents .linkArea ul li a[href^="#"] .linkAreaIcon::before {
  right: 24px;
  width: 1px;
  height: 10px;
}

.maincontents .linkArea ul li a[href^="#"] .linkAreaIcon::after {
  border-top: none;
  border-bottom: 1px solid #693f24;
}

.maincontents .linkArea ul li a:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.maincontents .linkArea ul li.green a {
  background-color: #369e21;
}

.maincontents .linkArea ul li.green a .linkAreaIcon::before {
  background: #369e21;
}

.maincontents .linkArea ul li.green a .linkAreaIcon::after {
  border-top-color: #369e21;
  border-right-color: #369e21;
}

.maincontents .linkArea ul li.green a[href^="#"] {
  min-width: 0;
}

.maincontents .linkArea ul li.green a[href^="#"] .linkAreaIcon::after {
  border-bottom-color: #369e21;
}

.maincontents .linkArea ul li.cinnamon a {
  background-color: #c2684f;
}

.maincontents .linkArea ul li.cinnamon a .linkAreaIcon::before {
  background: #c2684f;
}

.maincontents .linkArea ul li.cinnamon a .linkAreaIcon::after {
  border-top-color: #c2684f;
  border-right-color: #c2684f;
}

.maincontents .linkArea ul li.cinnamon a[href^="#"] {
  min-width: 0;
}

.maincontents .linkArea ul li.cinnamon a[href^="#"] .linkAreaIcon::after {
  border-bottom-color: #c2684f;
}

.maincontents .linkArea ul li.bayleaf a {
  background-color: #91a143;
}

.maincontents .linkArea ul li.bayleaf a .linkAreaIcon::before {
  background: #91a143;
}

.maincontents .linkArea ul li.bayleaf a .linkAreaIcon::after {
  border-top-color: #91a143;
  border-right-color: #91a143;
}

.maincontents .linkArea ul li.bayleaf a[href^="#"] {
  min-width: 0;
}

.maincontents .linkArea ul li.bayleaf a[href^="#"] .linkAreaIcon::after {
  border-bottom-color: #91a143;
}

.maincontents .linkArea ul li.nutmeg a {
  background-color: #ce8629;
}

.maincontents .linkArea ul li.nutmeg a .linkAreaIcon::before {
  background: #ce8629;
}

.maincontents .linkArea ul li.nutmeg a .linkAreaIcon::after {
  border-top-color: #ce8629;
  border-right-color: #ce8629;
}

.maincontents .linkArea ul li.nutmeg a[href^="#"] {
  min-width: 0;
}

.maincontents .linkArea ul li.nutmeg a[href^="#"] .linkAreaIcon::after {
  border-bottom-color: #ce8629;
}

.maincontents .linkArea ul li.garamMasala a {
  background-color: #8f6407;
}

.maincontents .linkArea ul li.garamMasala a .linkAreaIcon::before {
  background: #8f6407;
}

.maincontents .linkArea ul li.garamMasala a .linkAreaIcon::after {
  border-top-color: #8f6407;
  border-right-color: #8f6407;
}

.maincontents .linkArea ul li.garamMasala a[href^="#"] {
  min-width: 0;
}

.maincontents .linkArea ul li.garamMasala a[href^="#"] .linkAreaIcon::after {
  border-bottom-color: #8f6407;
}

.maincontents .linkArea ul li.cumin a {
  background-color: #cca50a;
}

.maincontents .linkArea ul li.cumin a .linkAreaIcon::before {
  background: #cca50a;
}

.maincontents .linkArea ul li.cumin a .linkAreaIcon::after {
  border-top-color: #cca50a;
  border-right-color: #cca50a;
}

.maincontents .linkArea ul li.cumin a[href^="#"] {
  min-width: 0;
}

.maincontents .linkArea ul li.cumin a[href^="#"] .linkAreaIcon::after {
  border-bottom-color: #cca50a;
}

.maincontents .linkArea.narrow ul li {
  font-size: 16px;
}

.maincontents .linkArea.narrow ul li a {
  padding: 9px 48px 9px 38px;
}

.maincontents .linkArea.txtAC ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.maincontents .linkArea.txtAR ul {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .linkArea {
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .maincontents .linkArea ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-right: -1%;
    margin-bottom: -2%;
    margin-left: -1%;
  }
  .maincontents .linkArea ul li {
    min-width: 48%;
    font-size: 13px;
    margin-right: 1%;
    margin-bottom: 2%;
    margin-left: 1%;
  }
  .maincontents .linkArea ul li a {
    padding: 10px 35px 10px 10px;
  }
  .maincontents .linkArea ul li a::after {
    right: 9px;
  }
  .maincontents .linkArea ul li a .linkAreaIcon::before {
    right: 15px;
  }
  .maincontents .linkArea ul li a .linkAreaIcon::after {
    right: 15px;
  }
  .maincontents .linkArea ul li a[href^="#"] {
    width: 100%;
    min-width: 0;
  }
  .maincontents .linkArea ul li a[href^="#"] .linkAreaIcon::before {
    right: 18px;
    width: 1px;
    height: 10px;
  }
  .maincontents .linkArea ul li a[href^="#"] .linkAreaIcon::after {
    border-top: none;
    border-bottom: 1px solid #693f24;
  }
  .maincontents .linkArea.narrow ul li {
    font-size: 13px;
  }
  .maincontents .linkArea.narrow ul li a {
    padding: 7px 35px 7px 10px;
  }
  .maincontents .linkArea.txtACSP ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .maincontents .linkArea.txtARSP ul {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/** borderLink **/
.maincontents .borderLink {
  width: 100%;
  margin: 0;
  border: 2px solid #693f24;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maincontents .borderLink figure {
  margin: 0;
  min-height: 0%;
}

.maincontents .borderLink figure img {
  width: 100%;
  height: auto;
}

.maincontents .borderLink .borderLinkBtn {
  font-size: 18px;
}

.maincontents .borderLink .borderLinkBtn a {
  position: relative;
  display: block;
  padding: 9px 45px;
  color: #fff;
  background: #693f24;
  text-decoration: none;
  text-align: center;
}

.maincontents .borderLink .borderLinkBtn a::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
}

.maincontents .borderLink .borderLinkBtn a span {
  line-height: 1;
  vertical-align: middle;
}

.maincontents .borderLink .borderLinkBtn a span::before, .maincontents .borderLink .borderLinkBtn a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.maincontents .borderLink .borderLinkBtn a span::before {
  right: 16px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.maincontents .borderLink .borderLinkBtn a span::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .borderLink .borderLinkBtn {
    font-size: 13px;
  }
}

/** borderLink **/
.maincontents .linkBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 990px;
  margin: 0 auto;
  margin-bottom: -2%;
}

.maincontents .linkBlock li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.maincontents .linkBlock li:nth-child(2n) {
  margin-right: 0;
}

.maincontents .linkBlock li .modalBtn,
.maincontents .linkBlock li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 72px 25px 32px;
  width: 100%;
  border: 2px solid #369e21;
  border-radius: 10px;
  background: #fff url(/common/images/parts/bg_link_block.png) repeat 0 0;
  text-decoration: none;
  color: #369e21;
  -webkit-box-shadow: 3px 3px 0px 0px #369e21;
          box-shadow: 3px 3px 0px 0px #369e21;
  cursor: pointer;
}

.maincontents .linkBlock li .modalBtn::before, .maincontents .linkBlock li .modalBtn::after,
.maincontents .linkBlock li a::before,
.maincontents .linkBlock li a::after {
  content: '';
  display: block;
  position: absolute;
}

.maincontents .linkBlock li .modalBtn::before,
.maincontents .linkBlock li a::before {
  top: 0;
  right: -3px;
  width: 45px;
  height: 100%;
  height: calc(100% + 3px);
  background: #369e21;
  border-radius: 0 10px 10px 0;
}

.maincontents .linkBlock li .modalBtn::after,
.maincontents .linkBlock li a::after {
  top: 50%;
  right: 9px;
  margin-top: -10px;
  width: 20px;
  height: 19px;
  background: url(/common/images/parts/link_block_arrow.png) repeat 0 0;
  background-size: 20px auto;
}

.maincontents .linkBlock li .modalBtn:hover,
.maincontents .linkBlock li a:hover {
  opacity: .5;
}

.maincontents .linkBlock li .modalBtn .linkBlockTitle,
.maincontents .linkBlock li a .linkBlockTitle {
  position: relative;
  display: inline-block;
  padding-bottom: 28px;
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.3;
}

.maincontents .linkBlock li .modalBtn .linkBlockTitle::after,
.maincontents .linkBlock li a .linkBlockTitle::after {
  content: '~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~';
  position: absolute;
  color: #369e21;
  width: auto;
  font-size: 26px;
  font-weight: normal;
  left: 0;
  overflow: hidden;
  bottom: 0;
  margin-top: -.25em;
  letter-spacing: -.25em;
}

.maincontents .linkBlock li .modalBtn .linkBlockTitle .linkBlockTitleIn,
.maincontents .linkBlock li a .linkBlockTitle .linkBlockTitleIn {
  font-size: 28px;
}

.maincontents .linkBlock li .modalBtn .linkBlockSubTitle,
.maincontents .linkBlock li a .linkBlockSubTitle {
  display: inline-block;
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 12px;
}

.maincontents .linkBlock li .modalBtn .linkBlockLead,
.maincontents .linkBlock li a .linkBlockLead {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .linkBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .maincontents .linkBlock li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
  }
  .maincontents .linkBlock li:last-child {
    margin-bottom: 0;
  }
  .maincontents .linkBlock li .modalBtn,
  .maincontents .linkBlock li a {
    padding: 25px 62px 25px 20px;
    width: 100%;
    background: #fff url(/common/images/parts/bg_link_block.png) repeat 0 0;
  }
  .maincontents .linkBlock li .modalBtn .linkBlockTitle,
  .maincontents .linkBlock li a .linkBlockTitle {
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 23px;
  }
  .maincontents .linkBlock li .modalBtn .linkBlockTitle::after,
  .maincontents .linkBlock li a .linkBlockTitle::after {
    bottom: -10px;
  }
  .maincontents .linkBlock li .modalBtn .linkBlockTitle .linkBlockTitleIn,
  .maincontents .linkBlock li a .linkBlockTitle .linkBlockTitleIn {
    font-size: 19px;
  }
  .maincontents .linkBlock li .modalBtn .linkBlockSubTitle,
  .maincontents .linkBlock li a .linkBlockSubTitle {
    font-size: 13px;
    margin-bottom: 0;
  }
  .maincontents .linkBlock li .modalBtn .linkBlockLead,
  .maincontents .linkBlock li a .linkBlockLead {
    font-size: 14px;
  }
}

/* mainVisualArea */
.maincontents .mainVisualArea {
  text-align: center;
  background: url(/common/images/parts/bg_kv_paper.png) no-repeat 0 0;
  background-size: cover;
}

.maincontents .mainVisualArea img {
  max-width: 100%;
}

/* webfont */
.maincontents .webfont {
  font-family: fot-tsukuardgothic-std, sans-serif;
}

.maincontents .webfont .webfontIn {
  position: relative;
  z-index: 1;
}

@media all and (-ms-high-contrast: none) {
  .maincontents .webfont .webfontIn {
    top: .35rem;
  }
}


/* borderBoxWithTitle */
.maincontents .borderBoxWithTitle {
  position: relative;
  padding: 30px;
  border: 2px solid #42210b;
  margin: 0 auto 50px;
  background-color: #fff;
  border-radius: 10px;
}

.maincontents .borderBoxWithTitle h3 {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 20px;
  color: #42210b;
  background-color: #fff;
  padding: 5px 15px;
  white-space: nowrap;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleImg {
  margin: 0 25px 0 10px;
  max-width: 276px;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleImg img {
  max-width: 100%;
  height: auto;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfo {
  color: #54290c;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  width: calc(100% - 300px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfo h4 {
  font-size: 24px;
  line-height: 2;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfoLeadText {
  color: #54290c;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfoList {
  font-size: 16px;
}

.maincontents .borderBoxWithTitle .borderBoxWithTitleIn .linkArea {
  margin-top: 0;
  margin-bottom: 0;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  .maincontents .borderBoxWithTitle {
    padding: 30px 15px 20px;
    margin: 0 auto 40px;
  }
  .maincontents .borderBoxWithTitle h3 {
    font-size: 15px;
  }
  .maincontents .borderBoxWithTitle .borderBoxWithTitleIn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleImg {
    margin: 0 auto 1em;
  }
  .maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfo {
    width: auto;
  }
  .maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfo h4 {
    font-size: 14px;
    text-align: center;
  }
  .maincontents .borderBoxWithTitle .borderBoxWithTitleIn .borderBoxWithTitleInfoList {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

/* lineupList */
.maincontents .lineupList {
  padding: 45px;
  margin-bottom: 40px;
  background: #fff;
  border-radius: 6px;
}

.maincontents .lineupList .lineupListLink ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: -12px;
}

.maincontents .lineupList .lineupListLink ul li {
  width: 25%;
  padding-right: 1%;
  margin-bottom: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maincontents .lineupList .lineupListLink ul li:last-child {
  margin-right: 0;
}

.maincontents .lineupList .lineupListLink ul li a {
  position: relative;
  display: inline-block;
  color: #42210b;
  text-decoration: none;
  padding-left: 20px;
}

.maincontents .lineupList .lineupListLink ul li a::after {
  background-color: #e58b37;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 1;
}

.maincontents .lineupList .lineupListLink ul li a span::before, .maincontents .lineupList .lineupListLink ul li a span::after {
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.maincontents .lineupList .lineupListLink ul li a span::before {
  top: 7px;
  left: 4px;
  width: 6px;
  height: 1px;
  background: #fff;
}

.maincontents .lineupList .lineupListLink ul li a span::after {
  top: 5px;
  left: 5px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.maincontents .lineupList .lineupListLink.col2 li {
  width: 50%;
}

.maincontents .bgPtn01 .lineupList {
  background: #fffaee;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  .maincontents .lineupList {
    padding: 30px 15px 20px;
    margin-bottom: 40px;
  }
  .maincontents .lineupList .lineupListLink ul li {
    width: 50%;
  }
  .maincontents .lineupList .lineupListLink ul li a::after {
    top: 3px;
  }
  .maincontents .lineupList .lineupListLink ul li a span::before {
    top: 10px;
  }
  .maincontents .lineupList .lineupListLink ul li a span::after {
    top: 8px;
  }
  .maincontents .lineupList .lineupListLink.col2 li {
    width: 100%;
  }
}

/* searchBox */
.maincontents .searchBox {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 40px;
  margin: 60px auto 0;
  text-align: center;
}

.maincontents .searchBox:first-child {
  margin-top: 0;
}

.maincontents .searchBoxTitle {
  color: #e50012;
  font-size: 24px;
}

.maincontents .searchBoxLeadText {
  line-height: 1.6;
  margin-top: 1em;
  font-size: 16px;
}

.maincontents .searchBoxForm {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.maincontents .searchBoxInput {
  width: calc(100% - 160px);
}

.maincontents .searchBoxInput input {
  width: 100%;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 30px;
  font-size: 16px;
  padding: 19px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maincontents .searchBoxInput input::-webkit-input-placeholder {
  color: #bfb6af;
}

.maincontents .searchBoxInput input:-ms-input-placeholder {
  color: #bfb6af;
}

.maincontents .searchBoxInput input::-ms-input-placeholder {
  color: #bfb6af;
}

.maincontents .searchBoxInput input::placeholder {
  color: #bfb6af;
}

.maincontents .searchBoxBtn button {
  background-color: #693f24;
  color: #fff;
  border: 1px solid #693f24;
  padding: 20px 10px 20px 30px;
  width: 130px;
  border-radius: 30px;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.maincontents .searchBoxBtn button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 100%;
  position: absolute;
  left: 32px;
  top: 0;
  background-image: url(/common/images/top/top_recipe_btn.png);
  background-repeat: no-repeat;
  background-position: 50%;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .searchBox {
    padding: 25px 15px;
    margin: 40px auto 0;
  }
  .maincontents .searchBoxTitle {
    font-size: 24px;
  }
  .maincontents .searchBoxLeadText {
    margin-top: 1em;
    font-size: 14px;
  }
  .maincontents .searchBoxForm {
    width: 100%;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .maincontents .searchBoxInput {
    width: 100%;
  }
  .maincontents .searchBoxInput input {
    padding: 15px 20px;
    border-right: none;
    border-radius: 30px 0 0 30px;
    font-size: 13px;
  }
  .maincontents .searchBoxBtn button {
    font-size: 18px;
    width: 60px;
    padding: 14px 20px;
    border-radius: 0 30px 30px 0;
    overflow: hidden;
    text-indent: -999em;
  }
  .maincontents .searchBoxBtn button::before {
    left: 20px;
  }
}

/* borderBoxWithImg */
.maincontents .borderBoxWithImg {
  max-width: 840px;
  padding: 55px 30px 75px;
  margin: 0 auto 90px;
  border: 3px solid #369e21;
  border-radius: 50px;
  background: #fcfaf5;
  text-align: center;
}

.maincontents .borderBoxWithImg .borderBoxWithImgTit {
  margin-bottom: 36px;
  font-size: 44px;
  color: #369e21;
  background: url(/use/genen/images/parts_vege.png) no-repeat center 0;
  background-size: 362px 74px;
  padding-top: 110px;
}

.maincontents .borderBoxWithImg .borderBoxWithImgTit .textDown {
  font-size: 37px;
}

.maincontents .borderBoxWithImg .borderBoxWithImgTit .textMid {
  font-size: 41px;
}

.maincontents .borderBoxWithImg .borderBoxWithImgTit .textUp {
  font-size: 42px;
}

.maincontents .borderBoxWithImg .borderBoxWithImgTxt {
  font-size: 18px;
  color: #42210b;
  line-height: 1.83;
  margin-bottom: 1em;
}

.maincontents .borderBoxWithImg .borderBoxWithImgTxt:last-child {
  margin-bottom: 0;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .borderBoxWithImg {
    padding: 30px 15px 40px;
    margin-bottom: 40px;
    border: 2px solid #369e21;
  }
  .maincontents .borderBoxWithImg .borderBoxWithImgTit {
    margin-bottom: 26px;
    font-size: 24px;
    color: #369e21;
    background-size: 217px 44px;
    padding-top: 60px;
  }
  .maincontents .borderBoxWithImg .borderBoxWithImgTit .textS {
    font-size: 17px;
  }
  .maincontents .borderBoxWithImg .borderBoxWithImgTit .textM {
    font-size: 22px;
  }
  .maincontents .borderBoxWithImg .borderBoxWithImgTit .textL {
    font-size: 23px;
  }
  .maincontents .borderBoxWithImg .borderBoxWithImgTxt {
    font-size: 13px;
  }
}

/* recipeList */
.maincontents .recipeList {
  position: relative;
  font-size: 16px;
}

.maincontents .recipeList a {
  text-decoration: none;
  color: #42210b;
}

.maincontents .recipeList a:hover {
  opacity: .5;
}

.maincontents .recipeList img {
  margin-bottom: 10px;
}

.maincontents .recipeList .recipeListSpice {
  display: block;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
}

.maincontents .recipeList .recipeListTitle {
  display: block;
  text-align: center;
  line-height: 1.5;
}

.maincontents .recipeListHead {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  background: #777;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.maincontents .recipeListHead .fontDown {
  font-weight: normal;
  font-size: 16px;
}

.maincontents .recipeListHead.type2 {
  font-size: 18px;
  background: #f1f1f1;
  color: #777;
  border-radius: 500px;
}

.maincontents .recipeListHead.cinnamon {
  background: #c2684f;
}

.maincontents .recipeListHead.cinnamon.type2 {
  background: #ffe7e1;
  color: #c2684f;
}

.maincontents .recipeListHead.bayleaf {
  background: #91a143;
}

.maincontents .recipeListHead.bayleaf.type2 {
  background: #f1f1f1;
  color: #91a143;
}

.maincontents .recipeListHead.nutmeg {
  background: #ce8629;
}

.maincontents .recipeListHead.nutmeg.type2 {
  background: #ffecd4;
  color: #ce8629;
}

.maincontents .recipeListHead.garamMasala {
  background: #8f6407;
}

.maincontents .recipeListHead.garamMasala.type2 {
  background: #efe5ce;
  color: #8f6407;
}

.maincontents .recipeListHead.cumin {
  background: #cca50a;
}

.maincontents .recipeListHead.cumin.type2 {
  background: #f5eed4;
  color: #cca50a;
}

.maincontents .recipeListOtherWay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.maincontents .recipeListOtherWay dl dt,
.maincontents .recipeListOtherWay dl dd {
  font-size: 14px;
  line-height: 1.4285;
}

.maincontents .recipeListOtherWay dl dt {
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
}

.maincontents .recipeListOtherWay dl dd {
  margin-bottom: 5px;
}

.maincontents .recipeListOtherWay figure {
  margin-top: auto;
  margin-bottom: 0;
}

.maincontents .recipeListOtherWay.cinnamon {
  height: 100%;
}

.maincontents .recipeListOtherWay.cinnamon dl dt {
  color: #c2684f;
}

.maincontents .recipeListOtherWay.bayleaf dl dt {
  color: #91a143;
}

.maincontents .recipeListOtherWay.nutmeg dl dt {
  color: #ce8629;
}

.maincontents .recipeListOtherWay.garamMasala dl dt {
  color: #8f6407;
}

.maincontents .recipeListOtherWay.cumin {
  height: 100%;
}

.maincontents .recipeListOtherWay.cumin dl dt {
  color: #cca50a;
}

.genenPage .maincontents .recipeList {
  padding-top: 1.925em;
}

.genenPage .maincontents .recipeList .kouan {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  line-height: 1.3;
  color: #e60b11;
}

.genenPage .maincontents .recipeList .kouan::before {
  content: '\2605';
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .recipeList {
    font-size: 12px;
  }
  .maincontents .recipeList img {
    margin-bottom: 10px;
  }
  .maincontents .recipeListHead {
    padding: 5px 8px;
    font-size: 15px;
  }
  .maincontents .recipeListHead .fontS {
    font-size: 12px;
  }
  .maincontents .recipeListOtherWay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 10px;
  }
  .maincontents .recipeListOtherWay dl {
    width: calc(100% - 135px);
    margin-right: 15px;
  }
  .maincontents .recipeListOtherWay dl dt,
  .maincontents .recipeListOtherWay dl dd {
    font-size: 14px;
  }
  .maincontents .recipeListOtherWay dl dt {
    margin-bottom: 5px;
  }
  .maincontents .recipeListOtherWay dl dd {
    font-size: 12px;
  }
  .maincontents .recipeListOtherWay figure {
    margin-top: 0;
    max-width: 120px;
  }
  .genenPage .maincontents .recipeList {
    padding-top: 1.8em;
  }
}

/* choitashiPoint */
.maincontents .choitashiPointTit {
  font-size: 21px;
  color: #42210b;
  text-align: center;
}

.maincontents .choitashiPoint ul {
  margin-top: 32px;
  font-size: 16px;
  line-height: 1.625;
  color: #42210b;
}

.maincontents .choitashiPoint ul li {
  position: relative;
  padding: 0 6px 12px;
  margin-bottom: 12px;
  margin-left: 66px;
  border-bottom: 1px dashed #3b8a2b;
}

.maincontents .choitashiPoint ul li::before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: -66px;
  width: 54px;
  height: 54px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.maincontents .choitashiPoint ul li:nth-child(1)::before {
  background-image: url(/use/genen/images/genen_kotsu01.png);
}

.maincontents .choitashiPoint ul li:nth-child(2)::before {
  background-image: url(/use/genen/images/genen_kotsu02.png);
}

.maincontents .choitashiPoint ul li:nth-child(3)::before {
  background-image: url(/use/genen/images/genen_kotsu03.png);
}

.maincontents .choitashiPoint ul li:nth-child(4)::before {
  background-image: url(/use/genen/images/genen_kotsu04.png);
}

.maincontents .choitashiPoint ul li:nth-child(5)::before {
  background-image: url(/use/genen/images/genen_kotsu05.png);
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .choitashiPointTit {
    margin-bottom: 22px;
    font-size: 18px;
  }
  .maincontents .choitashiPoint ul {
    margin-top: 0;
    font-size: 13px;
  }
  .maincontents .choitashiPoint ul li {
    padding: 0 0 12px;
    margin-bottom: 12px;
    margin-left: 46px;
  }
  .maincontents .choitashiPoint ul li::before {
    left: -46px;
    width: 38px;
    height: 38px;
  }
}

/* moreRecipe */
.maincontents .moreRecipe {
  margin-bottom: 65px;
}

.maincontents .moreRecipe dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
  color: #777;
}

.maincontents .moreRecipe dl dt {
  position: relative;
  padding-bottom: 16px;
  margin-right: 35px;
  border-bottom: 3px solid #777;
}

.maincontents .moreRecipe dl dt .flag {
  position: absolute;
  top: -1em;
  left: -3em;
  font-size: 17px;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.maincontents .moreRecipe.green dl {
  color: #369e21;
}

.maincontents .moreRecipe.green dl dt {
  border-bottom-color: #369e21;
}

.maincontents .moreRecipe.orange dl {
  color: #f46505;
}

.maincontents .moreRecipe.orange dl dt {
  border-bottom-color: #f46505;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .moreRecipe {
    margin-bottom: 30px;
  }
  .maincontents .moreRecipe dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 18px;
  }
  .maincontents .moreRecipe dl dt {
    padding-bottom: 16px;
    margin-right: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #369e21;
  }
  .maincontents .moreRecipe dl dt span {
    font-size: 12px;
  }
}

/* wavyUnderline */
.maincontents .wavyUnderline {
  margin-bottom: 40px;
  font-size: 24px;
  color: #42210b;
  line-height: 1.3;
  text-align: center;
}

.maincontents .wavyUnderline span {
  display: inline-block;
  position: relative;
  padding-bottom: 22px;
  overflow: hidden;
}

.maincontents .wavyUnderline span::after {
  content: '~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~';
  position: absolute;
  color: #42210b;
  width: auto;
  font-size: 26px;
  font-weight: normal;
  left: 50%;
  overflow: hidden;
  bottom: 0;
  margin-top: -.25em;
  letter-spacing: -.25em;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .wavyUnderline {
    margin-bottom: 35px;
    font-size: 13px;
  }
  .maincontents .wavyUnderline span::after {
    font-size: 22px;
  }
}

/* balloonText */
.maincontents .balloonText {
  position: relative;
  padding: 35px;
  margin: 0 auto 25px;
  max-width: 720px;
  background-color: #777;
  text-align: center;
  color: #fff;
  font-size: 26px;
  border-radius: 10em;
  line-height: 1.65;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.maincontents .balloonText::before {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  background-color: #777;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.maincontents .balloonText.orange {
  background-color: #f46505;
}

.maincontents .balloonText.orange::before {
  background-color: #f46505;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .balloonText {
    padding: 22px;
    margin-bottom: 0;
    font-size: 14px;
  }
}

/* aboutThisPerson */
.maincontents .aboutThisPerson {
  max-width: 900px;
  margin: 0 auto 60px;
  color: #42210b;
}

.maincontents .aboutThisPerson dl dt,
.maincontents .aboutThisPerson dl dd {
  line-height: 1.85;
}

.maincontents .aboutThisPerson dl dt {
  font-size: 16px;
  margin-bottom: 5px;
}

.maincontents .aboutThisPerson dl dd {
  font-size: 14px;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .aboutThisPerson {
    margin-bottom: 20px;
  }
  .maincontents .aboutThisPerson dl dt {
    font-size: 12px;
  }
  .maincontents .aboutThisPerson dl dd {
    font-size: 10px;
  }
}

/* rankingArea */
.maincontents .rankingArea {
  position: relative;
  height: 100%;
  padding-bottom: 27px;
}

.maincontents .rankingArea .rankingTit {
  margin-bottom: 25px;
  font-size: 23px;
  line-height: 1.47;
  color: #f46505;
  text-align: center;
  font-weight: bold;
}

.maincontents .rankingArea .rankingTxt {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 1.42;
  color: #42210b;
  text-align: center;
}

.maincontents .rankingArea .rankingImgv {
  margin-bottom: 12px;
}

.maincontents .rankingArea .rankingItem {
  color: #42210b;
}

.maincontents .rankingArea .rankingItem ul li {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.63;
  position: relative;
  padding-left: 1em;
}

.maincontents .rankingArea .rankingItem ul li::before {
  position: absolute;
  top: .05em;
  left: 0;
  content: '\25CF';
  display: inline-block;
  color: #42210b;
}

.maincontents .rankingArea .linkArea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .rankingArea {
    padding-bottom: 67px;
  }
  .maincontents .rankingArea .rankingTit {
    margin-bottom: 5px;
    font-size: 19px;
  }
  .maincontents .rankingArea .rankingTxt {
    margin-bottom: 16px;
    font-size: 13px;
  }
  .maincontents .rankingArea .rankingImgv {
    margin-bottom: 7px;
  }
  .maincontents .rankingArea .rankingItem ul li {
    font-size: 11px;
    padding-left: 1em;
  }
  .maincontents .rankingArea .rankingItem ul li::before {
    top: .05em;
  }
  .maincontents .rankingArea .linkArea {
    bottom: 90px;
  }
  .maincontents .rankingArea .linkArea ul li {
    width: 100%;
  }
}

/* responsiveVideoBlock */
.maincontents .amarigachiLeadText {
  max-width: 690px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 2.1;
  text-align: center;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .amarigachiLeadText {
    font-size: 14px;
  }
}

/* responsiveVideoBlock */
.maincontents .responsiveVideoBlock {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-top: 56.2%;
  overflow: hidden;
}

.maincontents .responsiveVideoBlock iframe,
.maincontents .responsiveVideoBlock video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.maincontents .responsiveVideoTitle {
  padding: 20px 0;
  font-size: 16px;
  text-align: center;
  color: #42210b;
}

/* modal */
.maincontents .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}

.maincontents .modal .modalContent {
  position: relative;
  padding: 90px 42px 0;
  max-width: 924px;
  margin: 90px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff url(/common/images/parts/bg_modal.png) repeat 0 0;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle2 {
  text-align: center;
  margin-bottom: 30px;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle2 .modalTitle {
  position: relative;
  display: inline-block;
  padding-bottom: 22px;
  font-size: 34px;
  font-weight: bold;
  overflow: hidden;
  color: #369e21;
  line-height: 1.3;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle2 .modalTitle::after {
  content: '~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~';
  position: absolute;
  color: #369e21;
  width: auto;
  font-size: 26px;
  font-weight: normal;
  left: 0;
  overflow: hidden;
  bottom: 0;
  margin-top: -.25em;
  letter-spacing: -.25em;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle2 .modalTitle .modalTitleIn {
  font-size: 28px;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle3 {
  position: relative;
  font-size: 22px;
  color: #42210b;
  margin-bottom: 24px;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle3 .modalTitle3Underline {
  position: relative;
  z-index: 1;
  display: inline;
  padding: 0 4px 8px;
  margin-left: 33px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #e0fabe));
  background: -webkit-linear-gradient(transparent 50%, #e0fabe 0%);
  background: linear-gradient(transparent 50%, #e0fabe 0%);
}

.maincontents .modal .modalContent .modalContentInner .modalTitle3 .modalTitle3Underline::before {
  position: absolute;
  left: -33px;
  top: 0;
  content: '';
  display: inline-block;
  width: 23px;
  height: 36px;
  background: #fff url(/common/images/parts/tit_q.png) no-repeat 0 0;
  background-size: 100% auto;
  vertical-align: middle;
}

.maincontents .modal .modalContent .modalContentInner .modalTitle3type2 {
  display: block;
  padding: 0 4px 8px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
  color: #42210b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #e0fabe));
  background: -webkit-linear-gradient(transparent 50%, #e0fabe 0%);
  background: linear-gradient(transparent 50%, #e0fabe 0%);
}

.maincontents .modal .modalContent .modalContentInner .modalTitle4 {
  font-size: 18px;
  padding: 6px;
  margin: 26px 0 18px;
  color: #42210b;
  text-align: center;
  border: 1px solid #cfcece;
  border-radius: 5px;
}

.maincontents .modal .modalContent .modalContentInner p {
  font-size: 18px;
  color: #42210b;
  line-height: 1.625;
}

.maincontents .modal .modalContent .modalContentInner.firstElm {
  margin: 0 -42px 65px;
}

.maincontents .modal .modalContent .modalContentInner.lastElm {
  position: relative;
  margin: 0 -42px;
  z-index: 1;
}

.maincontents .modal .modalContent .modalContentInner.lastElm::after {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 11px);
  background: #e0fabe;
}

.maincontents .modal .modalContent .modalContentInner.lastElm figure {
  margin: 0;
}

.maincontents .modal .modalContent .modalContents {
  position: relative;
  padding: 30px 24px 40px;
  margin-bottom: 24px;
  background: #fff;
  border-radius: 10px;
}

.maincontents .modal .modalContent .modalContents .flexContainer {
  margin-bottom: 30px;
}

.maincontents .modal .modalContent .modalContents .modalContentsBottom {
  background: #369e21;
  text-align: center;
  padding: 30px 0;
  margin: 0 -24px -40px !important;
  border-radius: 0 0 10px 10px;
}

.maincontents .modal .modalContent .modalContents .modalContentsBottom p {
  color: #fff;
  font-size: 22px;
}

.maincontents .modal .modalContent .modalContents figure {
  margin: 0 0 30px;
}

.maincontents .modal .modalContent .modalContents > *:first-child {
  margin-top: 0;
}

.maincontents .modal .modalContent .modalContents > *:last-child {
  margin-bottom: 0;
}

.maincontents .modal .modalContent .modalContents .modalTitTechnic {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 0 7px 2px;
  color: #fff;
  background: #369e21;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.maincontents .modal .modalContent .modalContents .modalTechnics li {
  position: relative;
  padding-left: 1em;
  margin-bottom: .3em;
  font-size: 16px;
  color: #42210b;
  line-height: 1.625;
}

.maincontents .modal .modalContent .modalContents .modalTechnics li::before {
  position: absolute;
  top: .15em;
  left: 0;
  content: '\25CF';
  display: inline-block;
  font-size: 14px;
  color: #369e21;
}

.maincontents .modal .modalContent .modalContents .modalTechnicsImg img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.maincontents .modal .modalContent .modalContents .modalTechnicsImg figcaption {
  text-align: center;
  font-size: 14px;
  line-height: 1.4285;
  color: #42210b;
}

.maincontents .modal .modalContent .modalContents .modalTechnicPoint {
  position: relative;
  padding: 25px 35px;
  margin: 0 -24px -40px;
  background: #e0fabe;
  border-radius: 0 0 10px 10px;
}

.maincontents .modal .modalContent .modalContents .modalTechnicPoint .modalTechnicPointTit {
  position: absolute;
  top: -.6em;
  left: 35px;
  font-size: 20px;
  line-height: 1;
  color: #369e21;
  font-weight: bold;
}

.maincontents .modal .modalCloseBtn {
  position: absolute;
  top: 41px;
  right: 41px;
  background: #369e21;
  color: #fff;
  width: 77px;
  height: 77px;
  border-radius: 50%;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

.maincontents .modal .modalCloseBtn::before, .maincontents .modal .modalCloseBtn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 32px;
  width: 2px;
  background-color: #fff;
}

.maincontents .modal .modalCloseBtn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.maincontents .modal .modalCloseBtn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.maincontents .modal .modalCloseBtnWrap {
  position: relative;
  margin: 30px 0 90px;
  width: 100%;
  text-align: center;
}

.maincontents .modal .modalCloseBtnWrap .modalCloseBtn {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 auto;
}

.maincontents .modal#modal01 .modalContent {
  padding-top: 90px;
}

.maincontents .modal#modal02 .modalContent {
  padding-top: 0;
  padding-bottom: 20px;
}

.maincontents .modal#modal02 .modalContent .modalContentInner .modalTitle2 {
  margin-bottom: 25px;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .maincontents .modal .modalContent {
    padding: 50px 20px 0;
    max-width: 924px;
    margin: 50px 10px 0;
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle2 {
    margin-bottom: 10px;
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle2 .modalTitle {
    padding-bottom: 22px;
    font-size: 21px;
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle2 .modalTitle .modalTitleIn {
    font-size: 21px;
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle3 {
    font-size: 15px;
    margin-bottom: 24px;
    text-align: center;
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle3 .modalTitle3Underline {
    padding-bottom: 4px;
    margin-left: 0;
    line-height: 1.7;
    padding-bottom: 2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #e0fabe));
    background: -webkit-linear-gradient(transparent 60%, #e0fabe 0%);
    background: linear-gradient(transparent 60%, #e0fabe 0%);
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle3 .modalTitle3Underline::before {
    left: -25px;
    width: 15px;
    height: 24px;
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle3type2 {
    max-width: 10em;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #e0fabe));
    background: -webkit-linear-gradient(transparent 60%, #e0fabe 0%);
    background: linear-gradient(transparent 60%, #e0fabe 0%);
  }
  .maincontents .modal .modalContent .modalContentInner .modalTitle4 {
    font-size: 13px;
    padding: 6px;
    margin: 26px 0 18px;
    font-weight: normal;
  }
  .maincontents .modal .modalContent .modalContentInner p {
    font-size: 13px;
  }
  .maincontents .modal .modalContent .modalContentInner.firstElm {
    margin: 0 -20px;
  }
  .maincontents .modal .modalContent .modalContentInner.lastElm {
    position: relative;
    margin: 0 -20px;
    z-index: 1;
  }
  .maincontents .modal .modalContent .modalContentInner.lastElm::after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% - 11px);
    background: #e0fabe;
  }
  .maincontents .modal .modalContent .modalContentInner.lastElm figure {
    margin: 0;
  }
  .maincontents .modal .modalContent .modalContents {
    padding: 30px 24px 40px;
    margin-bottom: 24px;
  }
  .maincontents .modal .modalContent .modalContents .flexContainer {
    margin-bottom: 30px;
  }
  .maincontents .modal .modalContent .modalContents .modalContentsBottom {
    padding: 15px 0;
  }
  .maincontents .modal .modalContent .modalContents .modalContentsBottom p {
    font-size: 15px;
  }
  .maincontents .modal .modalContent .modalContents figure {
    margin: 0;
  }
  .maincontents .modal .modalContent .modalCloseBtn {
    top: -45px;
    right: 0;
    width: 36px;
    height: 36px;
  }
  .maincontents .modal .modalContent .modalCloseBtn::before, .maincontents .modal .modalContent .modalCloseBtn::after {
    height: 14px;
  }
  .maincontents .modal .modalCloseBtnWrap {
    margin: 15px 0 25px;
  }
  .maincontents .modal .modalCloseBtnWrap .modalCloseBtn {
    width: 36px;
    height: 36px;
  }
  .maincontents .modal .modalCloseBtnWrap .modalCloseBtn::before, .maincontents .modal .modalCloseBtnWrap .modalCloseBtn::after {
    height: 14px;
  }
  .maincontents .modal#modal01 .modalContent {
    padding-top: 50px;
  }
  .maincontents .modal#modal02 .modalContent {
    padding-top: 0;
  }
  .maincontents .modal#modal02 .modalContent .modalContentInner .modalContents:last-child {
    margin-bottom: 0;
  }
  .maincontents .modal#modal02 .modalContent .modalContentInner .modalTitle2 {
    margin-bottom: 25px;
  }
}

/* old contents base */
em {
  color: #ff0000;
  font-style: normal;
}

#wideBlock {
  background: #fff;
  padding: 10px;
}

#wideBlock h1 {
  margin-bottom: 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #d3d3d3;
}

#wideBlock h2 {
  margin: 20px 10px 10px;
  font-size: 90%;
  color: #7E0001;
}

#wideBlock h3 {
  margin: 20px 10px 10px 15px;
  font-size: 85%;
}

#wideBlock p {
  line-height: 1.3em;
  margin: 0 10px 10px 20px;
  font-size: 80%;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  .responsiveContents #wideBlock p {
    margin: 0 10px 10px 10px;
  }
}

#wideBlock h1 + p {
  margin: 0 0 10px 0;
}

#wideBlock ul {
  list-style-type: disc;
  margin: 0 10px 10px 35px;
  font-size: 80%;
}

#wideBlock ul li {
  margin-bottom: 5px;
}

#wideBlock .wideBlockInner {
  background-color: #ffffff;
  padding: 20px 100px;
  align: center;
}

@media screen and (max-width: 767px) {
  .responsiveContents #wideBlock {
    padding: 5px;
  }
  .responsiveContents #wideBlock h2 {
    margin-left: 0;
    margin-right: 0;
  }
  .responsiveContents #wideBlock .wideBlockInner {
    padding: 15px;
  }
}

#lowMainContents {
  background-color: #ffffff;
  padding: 10px;
}

#lowMainContents h1 {
  margin-bottom: 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #d3d3d3;
  font-size: 140%;
}

#lowMainContents h2 {
  margin: 20px 10px 10px;
  font-size: 120%;
  color: #7E0001;
}

#lowMainContents h3 {
  margin: 20px 10px 10px 15px;
  font-size: 110%;
}

#lowMainContents p {
  line-height: 1.3em;
  margin: 0 10px 10px 20px;
}

#lowMainContents h1 + p {
  margin: 0 0 10px 0;
}

#lowMainContents ul {
  list-style-type: disc;
  margin: 0 10px 10px 35px;
}

#lowMainContents ul li {
  margin-bottom: 5px;
}

div#lowMainContents h2 {
  color: #000;
  font-size: 16px;
  margin-right: 0;
  margin-left: 0;
  text-indent: -1em;
  margin-left: 1em;
  text-decoration: underline;
}

div#lowMainContents h3 {
  color: #000;
  margin-right: 0;
  margin-left: 0;
  text-indent: -1em;
  margin-left: 1em;
}

div#lowMainContents .inquiryTitle {
  font-size: 13px;
  font-weight: bold;
}

div#lowMainContents .inqTelBoxTel {
  border-right: 1px solid #b21e1f;
}

div#lowMainContents .formBox h2 {
  color: #b21e1f;
  text-decoration: none;
}

/** sp-view **/
@media screen and (max-width: 767px) {
  div#lowMainContents {
    padding: 10px;
  }
  div#lowMainContents .w709Box {
    width: 100% !important;
    overflow: hidden;
  }
  div#lowMainContents .w709Box p {
    margin-left: 0;
    margin-right: 0;
  }
  div#lowMainContents .w709Box .normalList {
    margin-left: 1em;
  }
  div#lowMainContents h2 {
    font-size: 14px;
  }
  div#lowMainContents .inquiryTitle {
    font-size: 13px;
  }
  div#lowMainContents .inqTelBoxTel {
    border-right: none;
    border-bottom: 1px solid #b21e1f;
  }
  div#lowMainContents ul.inqQaList {
    display: block;
    margin-left: 0;
  }
  div#lowMainContents ul.inqQaList li {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  div#lowMainContents ul.inqQaList li a {
    display: inline-block;
    text-align: center;
    width: 100%;
    background: #b21e1f;
  }
}

.toppage {
  color: #54290c;
  font-size: 14px;
}

.toppage img {
  max-width: 100%;
  height: auto;
}

.toppage .visual {
  position: relative;
}

@media screen and (max-width: 767px) {
  .toppage .visual {
    margin-top: 58px;
  }
}

.toppage .visual_title {
  text-align: center;
  width: 100%;
}

.toppage .visual_title img {
  width: 100%;
}

.toppage .visual_animation_pc {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(/common/images/top/kv_pc/kv09.png) no-repeat 0 0;
  height: 100%;
  width: 100%;
}

.toppage .visual_animation_pc.active {
  display: block;
}

.toppage .visual_animation_pc li {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.toppage .visual_animation_pc li.currentVisual {
  z-index: 3;
}

.toppage .visual_animation_pc li.nextVisual {
  z-index: 2;
}

.toppage .visual_animation_pc li img {
  width: 100%;
}

.toppage .visual_animation_pc li.parts_f, .toppage .visual_animation_pc li.parts_s {
  top: 17.5vw;
}

.toppage .visual_animation_pc li.parts_f img, .toppage .visual_animation_pc li.parts_s img {
  width: 4.3vw;
}

.toppage .visual_animation_pc li.parts_f {
  left: 84.6%;
}

.toppage .visual_animation_pc li.parts_f.active img {
  -webkit-animation: wiggle 3s infinite;
          animation: wiggle 3s infinite;
}

.toppage .visual_animation_pc li.parts_s {
  left: 110.8%;
}

.toppage .visual_animation_pc li.parts_s.active img {
  -webkit-animation: wiggle_invert 3s infinite;
          animation: wiggle_invert 3s infinite;
}

.toppage .visual_animation_sp {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(/common/images/top/kv_sp/kv09.png) no-repeat 0 0;
  height: 100%;
  width: 100%;
}

.toppage .visual_animation_sp.active {
  display: block;
}

.toppage .visual_animation_sp li {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.toppage .visual_animation_sp li.currentVisual {
  z-index: 3;
}

.toppage .visual_animation_sp li.nextVisual {
  z-index: 2;
}

.toppage .visual_animation_sp li img {
  width: 100%;
}

.toppage .visual_animation_sp li.parts_f, .toppage .visual_animation_sp li.parts_s {
  top: 57.7vw;
}

.toppage .visual_animation_sp li.parts_f img, .toppage .visual_animation_sp li.parts_s img {
  width: 7.4vw;
}

.toppage .visual_animation_sp li.parts_f {
  left: 73.1%;
}

.toppage .visual_animation_sp li.parts_f.active img {
  -webkit-animation: wiggle 3s infinite;
          animation: wiggle 3s infinite;
}

.toppage .visual_animation_sp li.parts_s {
  left: 119.1%;
}

.toppage .visual_animation_sp li.parts_s.active img {
  -webkit-animation: wiggle_invert 3s infinite;
          animation: wiggle_invert 3s infinite;
}

.toppage .visual_scroll {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .toppage .visual_scroll:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .concept {
  width: 100%;
  background-image: url(/common/images/bg_ptn/gray_l.png), url(/common/images/bg_ptn/gray_r.png);
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.toppage .concept_inner {
  text-align: center;
  max-width: 1366px;
  margin: 0 auto;
}

.toppage .concept_inner_bg {
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 7%;
  padding: 100px 20px;
}

@media screen and (max-width: 767px) {
  .toppage .concept_inner_bg {
    padding: 50px 10px;
  }
}

.toppage .concept_inner_bg_movie {
  max-width: 600px;
  margin: 0 auto;
}

.toppage .concept_inner_bg_movie_embed {
  position: relative;
  width: 100%;
  padding-top: 75.25%;
  margin: 100px auto 0;
}

@media screen and (max-width: 767px) {
  .toppage .concept_inner_bg_movie_embed {
    margin: 50px auto 0;
  }
}

.toppage .concept_inner_bg_movie_embed iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.toppage .conceptmovie {
  background-color: #c0de98;
  background-image: url(/common/images/top/top_dictionary_bg_left.jpg), url(/common/images/top/top_dictionary_bg_right.jpg);
  width: 100%;
  background-position: left top, right top;
}

.toppage .conceptmovie_inner {
  margin: 0 auto;
  padding: 68px 7%;
  text-align: center;
  max-width: 1366px;
}
@media screen and (max-width: 767px){
  .toppage .conceptmovie_inner {
    padding: 30px 7%;
  }
}

.toppage .top_bnr,
.toppage .new {
  position: relative;
}

.toppage .top_bnr.new:before,
.toppage .use_inner_pclink_img .new:before,
.toppage .use_inner_splink_img .new:before {
  position: absolute;
  content: "";
  top: -10px;
  left: -10px;
  background: url('/common/images/icon_new.png') no-repeat center / contain;
}

.toppage .top_bnr.new:before {
  width: 70px;
  height: 70px;
}

.toppage .use_inner_pclink_img .new:before,
.toppage .use_inner_splink_img .new:before {
  width: 60px;
  height: 60px;
}

.toppage .new::before {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  top: -20px;
  left: -20px;
  background: url(/common/images/icon_new.png) no-repeat center / contain;
  z-index: 5;
}

@media screen and (max-width: 767px){
  .toppage .top_bnr.new:before {
    width: 46px;
    height: 46px;
    top: -5px;
    left: -5px;
  }

  .toppage .new_movie::before {
    width: 68px;
    height: 68px;
    top: -16px;
    left: -10px;
  }
  .toppage .new::before {
    width: 30px;
    height: 30px;
    top: -14px;
    left: -4px;
  }
}

.toppage .use_inner_pclink_img .new:before {
  top: -17px;
  left: -14px;
}

@media screen and (max-width: 767px) {
  .toppage .use_inner_splink_img .new:before {
    width: 35px;
    height: 35px;
    top: -10px;
    left: -15px;
  }
}

@media screen and (max-width: 360px) {
  .toppage .use_inner_splink_img .new:before {
    width: 30px;
    height: 30px;
    top: -8px;
    left: -13px;
  }

  .toppage .top_bnr.new_movie::before {
    top: -22px;
  }
}

.toppage .use {
  background-color: #ffe7a9;
  background-image: url(/common/images/top/top_use_bg_left.jpg), url(/common/images/top/top_use_bg_right.jpg);
  width: 100%;
  background-position: left top, right top;
}

.toppage .use_inner {
  margin: 0 auto;
  padding: 100px 7%;
  text-align: center;
  max-width: 1366px;
}

@media screen and (max-width: 767px) {
  .toppage .use_inner {
    padding: 60px 7% 69px;
  }
}

.toppage .use_inner_title {
  margin-bottom: 20px;
}

.toppage .use_inner_lead {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .toppage .use_inner_lead {
    margin-bottom: 0;
  }
}

.toppage .use_inner_pclink, .toppage .use_inner_splink {
  margin: 0 auto;
}

.toppage .use_inner_pclink_img .new,
.toppage .use_inner_splink_img .new {
  position: relative;
}

.toppage .use_inner_pclink_img {
  margin-top: 50px;
}

.toppage .use_inner_splink_img {
  margin-top: 17px;
}

.toppage .use_inner_pclink_img img, .toppage .use_inner_splink_img img {
  width: 100%;
  max-width: 1366px;
}

.toppage .use_inner_pclink_img a, .toppage .use_inner_splink_img a {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .toppage .use_inner_pclink_img a:hover, .toppage .use_inner_splink_img a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

@media screen and (min-width: 768px) {
  .toppage .use_inner_pclink {
    display: block;
  }
  .toppage .use_inner_splink {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .toppage .use_inner_pclink {
    display: none;
  }
  .toppage .use_inner_splink {
    display: block;
  }
}

.toppage .recipe {
  background-color: #fff;
  background-image: url(/common/images/bg_ptn/gray_l.png), url(/common/images/bg_ptn/gray_r.png);
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-position: left top, right top;
}

.toppage .recipe_inner {
  margin: 0 auto;
  padding: 100px 7%;
  text-align: center;
  max-width: 1059px;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner {
    padding: 60px 7% 69px;
  }
}

.toppage .recipe_inner_title {
  margin-bottom: 10px;
}

.toppage .recipe_inner_lead {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 50px;
}

.toppage .recipe_inner_osusume {
  border: 2px solid #693f24;
  border-radius: 10px;
  margin: 80px auto 0;
  background-color: #fff;
  position: relative;
  padding: 30px;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume {
    padding: 30px 15px;
  }
}

.toppage .recipe_inner_osusume_title {
  position: absolute;
  left: 50%;
  top: -22px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-color: #fff;
  padding: 10px 25px 5px;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume_title {
    width: 70%;
  }
}

.toppage .recipe_inner_osusume_cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume_cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.toppage .recipe_inner_osusume_cont_thumb {
  margin: 0 25px 0 10px;
  width: 276px;
  min-height: 0%;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume_cont_thumb {
    margin: 0 auto 1em;
  }
}

.toppage .recipe_inner_osusume_cont_thumb a {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .toppage .recipe_inner_osusume_cont_thumb a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .recipe_inner_osusume_cont_info {
  color: #54290c;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  width: calc(100% - 300px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume_cont_info {
    width: auto;
  }
}

.toppage .recipe_inner_osusume_cont_info_title {
  font-size: 22px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume_cont_info_title {
    text-align: center;
  }
}

.toppage .recipe_inner_osusume_cont_info_list {
  height: 100%;
}

.toppage .recipe_inner_osusume_cont_info_link {
  text-align: right;
  margin-top: 0.5em;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_osusume_cont_info_link {
    text-align: center;
  }
}

.toppage .recipe_inner_osusume_cont_info_link_btn {
  display: inline-block;
  border-radius: 6px;
  background-color: #693f24;
  color: #fff;
  padding: 5px 45px;
  text-decoration: none;
  position: relative;
  font-size: 16px;
}

.toppage .recipe_inner_osusume_cont_info_link_btn::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
}

.toppage .recipe_inner_osusume_cont_info_link_btn span::before, .toppage .recipe_inner_osusume_cont_info_link_btn span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.toppage .recipe_inner_osusume_cont_info_link_btn span::before {
  right: 16px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.toppage .recipe_inner_osusume_cont_info_link_btn span::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toppage .recipe_inner_osusume_cont_info_link_btn:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .recipe_inner_osusume_cont_info_link_btn:hover span::before {
  background: #693f24;
}

.toppage .recipe_inner_osusume_cont_info_link_btn:hover span::after {
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
}

.toppage .recipe_inner_links {
  margin: 40px -12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
}

.toppage .recipe_inner_links_col {
  width: calc(33% - 12px);
  min-height: 0%;
  margin: 0 12px;
  border: 2px solid #693f24;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-bottom: 2.9em;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_links_col {
    width: auto;
    margin-top: 20px;
  }
}

.toppage .recipe_inner_links_col_thumb {
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .toppage .recipe_inner_links_col_thumb a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .recipe_inner_links_col_thumb a img {
  max-width: 100%;
}

.toppage .recipe_inner_links_col_title {
  font-size: 20px;
  color: #e50012;
}

.toppage .recipe_inner_links_col_banner {
  min-height: 0%;
}

.toppage .recipe_inner_links_col_text {
  font-size: 16px;
  text-align: left;
  line-height: 1.6;
  padding: 20px;
}

.toppage .recipe_inner_links_col_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.toppage .recipe_inner_links_col_btn a {
  display: block;
  border-radius: 0 0 6px 6px;
  background-color: #693f24;
  color: #fff;
  padding: .45em 45px;
  text-decoration: none;
  position: relative;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_links_col_btn a {
    font-size: 18px;
  }
}

.toppage .recipe_inner_links_col_btn a::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
}

.toppage .recipe_inner_links_col_btn a span {
  line-height: 1;
  vertical-align: middle;
}

.toppage .recipe_inner_links_col_btn a span::before, .toppage .recipe_inner_links_col_btn a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.toppage .recipe_inner_links_col_btn a span::before {
  right: 16px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.toppage .recipe_inner_links_col_btn a span::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toppage .recipe_inner_links_col_btn a:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .recipe_inner_links_col_btn a:hover span::before {
  background: #693f24;
}

.toppage .recipe_inner_links_col_btn a:hover span::after {
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
}

.toppage .recipe_inner_links_col_btn a[target="_blank"]::after {
  display: none;
}

.toppage .recipe_inner_links_col_btn a[target="_blank"] span::before, .toppage .recipe_inner_links_col_btn a[target="_blank"] span::after {
  background-color: #fff;
  width: 13px;
  height: 10px;
  border: 1px solid #693f24;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.toppage .recipe_inner_links_col_btn a[target="_blank"] span::before {
  top: -2px;
  right: 10px;
}

.toppage .recipe_inner_links_col_btn a[target="_blank"] span::after {
  top: 4px;
  right: 13px;
}

.toppage .recipe_inner_links_col_btn a[target="_blank"]:hover span::before, .toppage .recipe_inner_links_col_btn a[target="_blank"]:hover span::after {
  border: 1px solid #693f24;
}

.toppage .recipe_inner_search {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 40px;
  margin: 60px auto 0;
  max-width: calc($contents-width - 80px);
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_search {
    padding: 40px 20px;
  }
}

.toppage .recipe_inner_search_title {
  color: #e50012;
  font-size: 24px;
}

.toppage .recipe_inner_search_text {
  line-height: 1.6;
  margin-top: 1em;
}

.toppage .recipe_inner_search_input {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.toppage .recipe_inner_search_input_box {
  width: calc(100% - 160px);
  min-height: 0%;
}

.toppage .recipe_inner_search_input_box input {
  width: calc(100% - 40px);
  background-color: #fff;
  border: 1px solid #d2d2d2;
  height: 60px;
  border-radius: 30px;
  font-size: 18px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_search_input_box {
    width: 100%;
  }
  .toppage .recipe_inner_search_input_box input {
    width: calc(100% - 40px);
    border-radius: 30px 0 0 30px;
    border-right: none;
  }
}

.toppage .recipe_inner_search_input_btn_submit {
  background-color: #693f24;
  color: #fff;
  padding: 10px 10px 10px 30px;
  width: 130px;
  border-radius: 30px;
  height: 60px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  border: none;
  position: relative;
}

.toppage .recipe_inner_search_input_btn_submit:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .recipe_inner_search_input_btn_submit::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 60px;
  position: absolute;
  left: 35px;
  top: 0;
  background-image: url(/common/images/top/top_recipe_btn.png);
  background-repeat: no-repeat;
  background-position: 50%;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_search_input_btn_submit {
    width: 60px;
    height: 62px;
    border-radius: 0 30px 30px 0;
    border: 1px solid #d2d2d2;
    border-left: none;
    overflow: hidden;
    text-indent: -999em;
  }
  .toppage .recipe_inner_search_input_btn_submit::before {
    left: 20px;
  }
}

.toppage .recipe_inner_movie {
  position: relative;
  padding-bottom: 2em;
  font-size: 20px;
  margin: 60px auto 0;
  border: 2px solid #693f24;
  border-radius: 10px;
  background-color: #fff;
  max-width: calc(1366px - 4px);
  overflow: hidden;
}

.toppage .recipe_inner_movie_bnr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.toppage .recipe_inner_movie_bnr_img {
  width: 33.33%;
  border-left: 2px solid #693f24;
}

.toppage .recipe_inner_movie_bnr_img img {
  width: 100%;
  height: auto;
}

.toppage .recipe_inner_movie_bnr_img:first-child {
  border-left: none;
}

.toppage .recipe_inner_movie_bnr_img a {
  display: block;
}

@media screen and (min-width: 768px) {
  .toppage .recipe_inner_movie_bnr_img a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .recipe_inner_movie_bnr_img a img {
  width: 100%;
}

.toppage .recipe_inner_movie_img a {
  display: block;
}

.toppage .recipe_inner_movie_img a img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .toppage .recipe_inner_movie_img a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .recipe_inner_movie_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .toppage .recipe_inner_movie_btn a {
    clear: both;
  }
}

.toppage .recipe_inner_movie_btn a {
  display: block;
  border-radius: 0 0 6px 6px;
  background-color: #693f24;
  color: #fff;
  padding: .45em 45px;
  text-decoration: none;
  position: relative;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .toppage .recipe_inner_movie_btn a {
    font-size: 18px;
  }
}

.toppage .recipe_inner_movie_btn a::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
}

.toppage .recipe_inner_movie_btn a span {
  line-height: 1;
  vertical-align: middle;
}

.toppage .recipe_inner_movie_btn a span::before, .toppage .recipe_inner_movie_btn a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.toppage .recipe_inner_movie_btn a span::before {
  right: 16px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.toppage .recipe_inner_movie_btn a span::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toppage .recipe_inner_movie_btn a:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .recipe_inner_movie_btn a:hover span::before {
  background: #693f24;
}

.toppage .recipe_inner_movie_btn a:hover span::after {
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
}

.toppage .recipe_inner_movie_btn a[target="_blank"]::after {
  display: none;
}

.toppage .recipe_inner_movie_btn a[target="_blank"] span::before, .toppage .recipe_inner_movie_btn a[target="_blank"] span::after {
  background-color: #fff;
  width: 13px;
  height: 10px;
  border: 1px solid #693f24;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.toppage .recipe_inner_movie_btn a[target="_blank"] span::before {
  top: -2px;
  right: 10px;
}

.toppage .recipe_inner_movie_btn a[target="_blank"] span::after {
  top: 4px;
  right: 13px;
}

.toppage .recipe_inner_movie_btn a[target="_blank"]:hover span::before, .toppage .recipe_inner_movie_btn a[target="_blank"]:hover span::after {
  border: 1px solid #693f24;
}

.toppage .dictionary {
  background-color: #c0de98;
  background-image: url(/common/images/top/top_dictionary_bg_left.jpg), url(/common/images/top/top_dictionary_bg_right.jpg);
  width: 100%;
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
}

.toppage .dictionary_inner {
  margin: 0 auto;
  padding: 100px 7%;
  text-align: center;
  max-width: 1059px;
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner {
    padding: 60px 7% 69px;
  }
}

.toppage .dictionary_inner_title {
  margin-bottom: 10px;
}

.toppage .dictionary_inner_lead {
  font-size: 16px;
  line-height: 1.75;
}

.toppage .dictionary_inner_links {
  margin: 40px -12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
}

.toppage .dictionary_inner_links_col {
  width: calc(33% - 12px);
  min-height: 0%;
  margin: 0 12px;
  border: 2px solid #693f24;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-bottom: 2.9em;
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner_links_col {
    width: auto;
    margin-top: 20px;
  }
}

.toppage .dictionary_inner_links_col_thumb {
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .toppage .dictionary_inner_links_col_thumb a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .dictionary_inner_links_col_thumb a img {
  max-width: 100%;
}

.toppage .dictionary_inner_links_col_title {
  font-size: 20px;
  color: #e50012;
}

.toppage .dictionary_inner_links_col_banner {
  min-height: 0%;
}

.toppage .dictionary_inner_links_col_text {
  font-size: 16px;
  text-align: left;
  line-height: 1.6;
  padding: 20px;
}

.toppage .dictionary_inner_links_col_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.toppage .dictionary_inner_links_col_btn a {
  display: block;
  border-radius: 0 0 6px 6px;
  background-color: #693f24;
  color: #fff;
  padding: .45em 45px;
  text-decoration: none;
  position: relative;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner_links_col_btn a {
    font-size: 18px;
  }
}

.toppage .dictionary_inner_links_col_btn a::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
}

.toppage .dictionary_inner_links_col_btn a span {
  line-height: 1;
  vertical-align: middle;
}

.toppage .dictionary_inner_links_col_btn a span::before, .toppage .dictionary_inner_links_col_btn a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.toppage .dictionary_inner_links_col_btn a span::before {
  right: 16px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.toppage .dictionary_inner_links_col_btn a span::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toppage .dictionary_inner_links_col_btn a:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .dictionary_inner_links_col_btn a:hover span::before {
  background: #693f24;
}

.toppage .dictionary_inner_links_col_btn a:hover span::after {
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
}

.toppage .dictionary_inner_links_col_btn a[target="_blank"]::after {
  display: none;
}

.toppage .dictionary_inner_links_col_btn a[target="_blank"] span::before, .toppage .dictionary_inner_links_col_btn a[target="_blank"] span::after {
  background-color: #fff;
  width: 13px;
  height: 10px;
  border: 1px solid #693f24;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.toppage .dictionary_inner_links_col_btn a[target="_blank"] span::before {
  top: -2px;
  right: 10px;
}

.toppage .dictionary_inner_links_col_btn a[target="_blank"] span::after {
  top: 4px;
  right: 13px;
}

.toppage .dictionary_inner_links_col_btn a[target="_blank"]:hover span::before, .toppage .dictionary_inner_links_col_btn a[target="_blank"]:hover span::after {
  border: 1px solid #693f24;
}

.toppage .dictionary_inner_search {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 40px;
  margin: 60px auto 0;
  max-width: calc($contents-width - 80px);
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner_search {
    padding: 40px 20px;
  }
}

.toppage .dictionary_inner_search_title {
  color: #e50012;
  font-size: 24px;
}

.toppage .dictionary_inner_search_text {
  line-height: 1.6;
  margin-top: 1em;
}

.toppage .dictionary_inner_search_input {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.toppage .dictionary_inner_search_input_box {
  width: calc(100% - 160px);
  min-height: 0%;
}

.toppage .dictionary_inner_search_input_box input {
  width: calc(100% - 40px);
  background-color: #fff;
  border: 1px solid #d2d2d2;
  height: 60px;
  border-radius: 30px;
  font-size: 18px;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner_search_input_box {
    width: 100%;
  }
  .toppage .dictionary_inner_search_input_box input {
    width: calc(100% - 40px);
    border-radius: 30px 0 0 30px;
    border-right: none;
  }
}

.toppage .dictionary_inner_search_input_btn_submit {
  background-color: #693f24;
  color: #fff;
  padding: 10px 10px 10px 30px;
  width: 130px;
  border-radius: 30px;
  height: 60px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  border: none;
  position: relative;
}

.toppage .dictionary_inner_search_input_btn_submit:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .dictionary_inner_search_input_btn_submit::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 60px;
  position: absolute;
  left: 35px;
  top: 0;
  background-image: url(/common/images/top/top_recipe_btn.png);
  background-repeat: no-repeat;
  background-position: 50%;
}

@media screen and (max-width: 767px) {
  .toppage .dictionary_inner_search_input_btn_submit {
    width: 60px;
    height: 62px;
    border-radius: 0 30px 30px 0;
    border: 1px solid #d2d2d2;
    border-left: none;
    overflow: hidden;
    text-indent: -999em;
  }
  .toppage .dictionary_inner_search_input_btn_submit::before {
    left: 20px;
  }
}

.toppage .event {
  background-color: #fff;
  background-image: url(/common/images/bg_ptn/gray_l.png), url(/common/images/bg_ptn/gray_r.png);
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-position: left top, right top;
}

.toppage .event_inner {
  margin: 0 auto;
  padding: 100px 7%;
  text-align: center;
  max-width: 1059px;
}

@media screen and (max-width: 767px) {
  .toppage .event_inner {
    padding: 60px 7% 69px;
  }
}

.toppage .event_inner_title {
  margin-bottom: 10px;
}

.toppage .event_inner_lead {
  font-size: 16px;
  line-height: 1.75;
}

.toppage .event_inner_links {
  margin: 40px -12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .toppage .event_inner_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
}

.toppage .event_inner_links_col {
  width: calc(50% - 12px);
  min-height: 0%;
  margin: 0 12px;
  border: 2px solid #693f24;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-bottom: 2.9em;
}

@media screen and (max-width: 767px) {
  .toppage .event_inner_links_col {
    width: auto;
    margin-top: 20px;
  }
}

.toppage .event_inner_links_col_thumb {
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .toppage .event_inner_links_col_thumb a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .event_inner_links_col_thumb a img {
  max-width: 100%;
}

.toppage .event_inner_links_col_title {
  font-size: 20px;
  color: #e50012;
}

.toppage .event_inner_links_col_banner {
  min-height: 0%;
}

.toppage .event_inner_links_col_text {
  font-size: 16px;
  text-align: left;
  line-height: 1.6;
  padding: 20px;
}

.toppage .event_inner_links_col_btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.toppage .event_inner_links_col_btn a {
  display: block;
  border-radius: 0 0 6px 6px;
  background-color: #693f24;
  color: #fff;
  padding: .45em 45px;
  text-decoration: none;
  position: relative;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .toppage .event_inner_links_col_btn a {
    font-size: 18px;
  }
}

.toppage .event_inner_links_col_btn a::after {
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
}

.toppage .event_inner_links_col_btn a span {
  line-height: 1;
  vertical-align: middle;
}

.toppage .event_inner_links_col_btn a span::before, .toppage .event_inner_links_col_btn a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 2;
}

.toppage .event_inner_links_col_btn a span::before {
  right: 16px;
  width: 10px;
  height: 1px;
  background: #693f24;
}

.toppage .event_inner_links_col_btn a span::after {
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toppage .event_inner_links_col_btn a:hover {
  opacity: 0.5;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

.toppage .event_inner_links_col_btn a:hover span::before {
  background: #693f24;
}

.toppage .event_inner_links_col_btn a:hover span::after {
  border-top: 1px solid #693f24;
  border-right: 1px solid #693f24;
}

.toppage .event_inner_links_col_btn a[target="_blank"]::after {
  display: none;
}

.toppage .event_inner_links_col_btn a[target="_blank"] span::before, .toppage .event_inner_links_col_btn a[target="_blank"] span::after {
  background-color: #fff;
  width: 13px;
  height: 10px;
  border: 1px solid #693f24;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}

.toppage .event_inner_links_col_btn a[target="_blank"] span::before {
  top: -2px;
  right: 10px;
}

.toppage .event_inner_links_col_btn a[target="_blank"] span::after {
  top: 4px;
  right: 13px;
}

.toppage .event_inner_links_col_btn a[target="_blank"]:hover span::before, .toppage .event_inner_links_col_btn a[target="_blank"]:hover span::after {
  border: 1px solid #693f24;
}

.toppage .related {
  background-color: #ffe7a9;
  background-image: url(/common/images/top/top_related_bg_left.jpg), url(/common/images/top/top_related_bg_right.jpg);
  width: 100%;
  background-position: left top, right top;
}

.toppage .related_inner {
  margin: 0 auto;
  padding: 100px 7%;
  text-align: center;
  max-width: 1059px;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner {
    padding: 60px 7% 69px;
  }
}

.toppage .related_inner_title {
  margin-bottom: 10px;
}

.toppage .related_inner_lead {
  font-size: 16px;
  line-height: 1.75;
}

.toppage .related_inner_movie {
  margin: 60px auto 0;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1366px;
  overflow: hidden;
}

.toppage .related_inner_movie_title {
  font-size: 18px;
  color: #fff;
  padding: 15px;
  background-color: #693f24;
}

.toppage .related_inner_movie_links {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_movie_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
}

.toppage .related_inner_movie_links_col {
  width: calc(50% - 20px);
  min-height: 0%;
  margin: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_movie_links_col {
    width: auto;
    margin: 1em 0;
  }
}

.toppage .related_inner_movie_links_col_banner {
  min-height: 0%;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_movie_links_col_banner img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .toppage .related_inner_movie_links_col a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .related_inner_movie_links_col_caption {
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_movie_links {
    height: 100%;
  }
}

.toppage .related_inner_movie_links_col_embed {
  position: relative;
  height: 0;
  padding-top: 56.2%;
}

.toppage .related_inner_movie_links_col_embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.toppage .related_inner_house {
  margin: 60px auto 0;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1366px;
  overflow: hidden;
}

.toppage .related_inner_house_title {
  font-size: 18px;
  color: #fff;
  padding: 15px;
  background-color: #693f24;
}

.toppage .related_inner_house_links {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_house_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
}

.toppage .related_inner_house_links_col {
  width: calc(33% - 20px);
  min-height: 0%;
  margin: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_house_links_col {
    width: auto;
    margin: 1em 0;
  }
}

.toppage .related_inner_house_links_col_banner {
  min-height: 0%;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_house_links_col_banner img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .toppage .related_inner_house_links_col a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .related_inner_house_links_col_caption {
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1em;
}

.toppage .related_inner_brand {
  margin: 60px auto 0;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1366px;
  overflow: hidden;
}

.toppage .related_inner_brand_title {
  font-size: 18px;
  color: #fff;
  padding: 15px;
  background-color: #693f24;
}

.toppage .related_inner_brand_links {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_brand_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
}

.toppage .related_inner_brand_links_col {
  width: calc(33% - 20px);
  min-height: 0%;
  margin: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_brand_links_col {
    width: auto;
    margin: 1em 0;
  }
}

.toppage .related_inner_brand_links_col_banner {
  min-height: 0%;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_brand_links_col_banner img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .toppage .related_inner_brand_links_col a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .related_inner_brand_links_col_caption {
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1em;
}

.toppage .related_inner_other {
  margin: 60px auto 0;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1366px;
  overflow: hidden;
}

.toppage .related_inner_other_title {
  font-size: 18px;
  color: #fff;
  padding: 15px;
  background-color: #693f24;
}

.toppage .related_inner_other_links {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_other_links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
}

.toppage .related_inner_other_links_col {
  width: calc(33% - 20px);
  min-height: 0%;
  margin: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_other_links_col {
    width: auto;
    margin: 1em 0;
  }
}

.toppage .related_inner_other_links_col_banner {
  min-height: 0%;
}

@media screen and (max-width: 767px) {
  .toppage .related_inner_other_links_col_banner img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .toppage .related_inner_other_links_col a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .related_inner_other_links_col_caption {
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1em;
}

.toppage .topics {
  background-color: #fff;
  background-image: url(/common/images/bg_ptn/gray_l.png), url(/common/images/bg_ptn/gray_r.png);
  background-position: left top, right top;
  background-repeat: repeat-y, repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-position: left top, right top;
}

.toppage .topics_inner {
  margin: 0 auto;
  padding: 100px 7%;
  text-align: center;
  max-width: 1059px;
}

@media screen and (max-width: 767px) {
  .toppage .topics_inner {
    padding: 60px 7% 69px;
  }
}

.toppage .topics_inner_title {
  font-size: 26px;
  margin-bottom: 30px;
}

.toppage .topics_inner_article {
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1366px;
  margin: 30px auto;
  padding-top: 30px;
}

.toppage .topics_inner_article_img {
  width: 200px;
}

@media screen and (min-width: 768px) {
  .toppage .topics_inner_article_img a:hover {
    opacity: 0.5;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
}

.toppage .topics_inner_article_text {
  width: 100%;
  text-align: left;
  line-height: 1.6;
  margin-left: 25px;
}

.toppage .topics_inner_article_text_title {
  font-size: 18px;
}

.toppage .topics_inner_article_text_link a {
  color: #54290c;
}

.toppage .topics_inner_article_text_link a:hover {
  text-decoration: none;
}

.toppage .concept,
.toppage .conceptmovie,
.toppage .use,
.toppage .recipe,
.toppage .dictionary,
.toppage .event,
.toppage .related,
.toppage .topics {
  background-repeat: repeat-y, repeat-y;
}

.toppage .maincontents {
  padding-top: 0;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .toppage .concept,
  .toppage .conceptmovie,
  .toppage .use,
  .toppage .recipe,
  .toppage .dictionary,
  .toppage .event,
  .toppage .related,
  .toppage .topics {
    background-size: 42%;
  }
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  10% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  15% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes wiggle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  10% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  15% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes wiggle_invert {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  10% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  15% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  20% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes wiggle_invert {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  10% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  15% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  20% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/*** spice_detail ***/
#spice_detail {
  background-image: url(/common/images/contents_block_bg.png);
  padding: 5px;
  width: 690px;
}

#spice_detail_inner {
  width: 666px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 12px;
}

#spice_detail_inner h1 {
  font-size: 140%;
  padding: 0 0 10px;
  border-bottom: 1px solid #d3d3d3;
}

#spice_detail_inner #photoLineup #photoArea {
  float: left;
  margin: 15px 0 15px 15px;
}

#spice_detail_inner #photoLineup #lineupArea {
  float: right;
  text-align: left;
  margin: 15px 15px 15px 0;
}

#spice_detail_inner #photoLineup #lineupArea .lineupTitle {
  margin-bottom: 12px;
}

#spice_detail_inner #photoLineup #lineupArea .lineupImage {
  margin-bottom: 10px;
}

.columnArea .column2 {
  float: left;
  margin: 0 15px 15px 15px;
  width: 310px;
  line-height: 1.3em;
}

.columnArea .column2 + .column2 {
  margin: 0 0 15px;
}

.columnArea .column2.spicelistBorderBox {
  border: 3px dotted #ccc;
  padding: 10px;
  margin-top: 50px;
}

.columnArea .column2.spicelistBorderBox *:first-child {
  margin-top: 0;
}

.columnArea .column2 .titleAreaA {
  display: table;
  border-bottom: 1px dashed #000000;
  width: 310px;
}

.columnArea .column2 .titleAreaA .imgIcon {
  display: table-cell;
  vertical-align: middle;
  width: 45px;
}

.columnArea .column2 .titleAreaA h2.c2 {
  font-size: 120%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 10px;
  width: 255px;
}

.columnArea .column2 .floatLeftText {
  float: left;
  width: 190px;
  margin-right: 13px;
}

.columnArea .column2 .floatRight {
  margin-top: 10px;
}

.columnArea .column2 p,
.columnArea .column2 ul {
  margin-top: 10px;
}

.onepointLink {
  padding-left: 183px;
  display: none;
}

@media screen and (max-width: 767px) {
  .responsiveContents #spice_detail {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #spice_detail_inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #spice_detail_inner #photoLineup #photoArea {
    float: none;
    margin: 15px auto;
    text-align: center;
  }
  .responsiveContents #spice_detail_inner #photoLineup #lineupArea {
    float: none;
    margin: 15px auto;
    text-align: center;
  }
  .responsiveContents #spice_detail_inner #photoLineup #lineupArea .lineupTitle {
    margin-bottom: 12px;
  }
  .responsiveContents #spice_detail_inner .onepointLink {
    padding: 0;
    text-align: center;
    width: 100%;
    display: block;
    display: none;
  }
  .responsiveContents .columnArea .column2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .responsiveContents .columnArea .column2.spicelistBorderBox {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents .columnArea .column2 .titleAreaA {
    width: 100%;
    padding-bottom: 8px;
  }
  .responsiveContents .columnArea .column2 .titleAreaA .imgIcon {
    width: 22px;
  }
  .responsiveContents .columnArea .column2 .titleAreaA .imgIcon img {
    width: 22px;
    height: auto;
  }
  .responsiveContents .columnArea .column2 .titleAreaA h2.c2 {
    width: auto;
  }
  .responsiveContents .columnArea .column2 .floatLeftText {
    width: calc(100% - 120px);
  }
  .responsiveContents .columnArea .column2 .floatRight {
    width: 100px;
    height: auto;
  }
}

/* products contents */
/*** products_list ***/
#products_list {
  background-image: url(/common/images/contents_block_bg.png);
  padding: 5px;
  width: 690px;
}

#products_list_inner {
  width: 666px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 12px;
}

#products_list_inner h1 {
  padding: 0 0 10px;
  border-bottom: 1px solid #d3d3d3;
}

#products_list_inner #fSearchBox {
  float: left;
  margin: 10px 0 7px;
  padding: 10px;
  width: 646px;
  border: 1px solid #cccccc;
}

#products_list_inner #fSearchBox #fTitle {
  float: left;
  margin-right: 11px;
  width: 150px;
}

#products_list_inner #fSearchBox #fArea {
  float: left;
  margin-right: 15px;
  width: 420px;
}

#products_list_inner #fSearchBox #fArea input {
  height: 18px;
  width: 420px;
}

#products_list_inner #fSearchBox #fBtn {
  float: left;
  width: 46px;
}

#products_list_inner .recipeListArea {
  margin: 10px 0 30px 0;
}

#products_list_inner .recipeListArea .recipeBox {
  float: left;
  margin: 0 18px 0 0;
  width: 210px;
}

#products_list_inner .recipeListArea .recipeBoxR {
  float: left;
  margin: 0;
  width: 210px;
}

#products_list_inner .recipeListArea p {
  line-height: 1.2em;
}

#products_list_inner .recipeListArea p.recipeImgBox {
  width: 210px;
  height: 145px;
}

#products_list_inner .recipeListArea p.recipeImgBox img {
  border: none;
}

#products_list_inner .recipeListArea li {
  margin: 0 0 15px;
  border-bottom: 1px dashed #000;
}

#products_list_inner .recipeListArea li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: -4px 10px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 15px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#products_list_inner .recipeListArea li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#products_list_inner #pageAround {
  border-bottom: 1px dotted #666666;
  border-top: 1px dotted #666666;
  padding: 7px 0;
  text-align: center;
  width: 666px;
}

#products_list_inner #pageAround .pageAroundLeft,
#products_list_inner #pageAround .pageAroundCenter,
#products_list_inner #pageAround .pageAroundRight {
  float: left;
  padding: 0;
  text-align: right;
  width: 222px;
}

#products_list_inner #pageAround .pageAroundCenter {
  text-align: center;
}

#products_list_inner #pageAround .pageAroundRight {
  text-align: left;
}

#products_list_inner #pageAround .pageAroundLeft ul li a,
#products_list_inner #pageAround .pageAroundRight ul li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: -4px top;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#products_list_inner #pageAround .pageAroundLeft ul li a {
  background-image: url(/common/images/arrow_back_ico.gif);
}

#products_list_inner #pageAround ul li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#products_list_inner #spiceListArea .spiceListAreaLeft {
  float: left;
  margin: 10px 24px 20px 0;
  width: 316px;
}

#products_list_inner #spiceListArea .spiceListAreaRight {
  float: left;
  margin: 10px 0 20px;
  width: 316px;
}

#products_list_inner #spiceListArea .spiceListAreaTitle {
  background-color: #efefef;
  font-weight: bold;
  margin: 10px 0;
  padding: 5px;
  width: 316px;
}

#products_list_inner #spiceListArea .spiceListAreaTitle a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: -4px top;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  color: #000000;
  font-weight: bold;
}

#products_list_inner #spiceListArea .spiceListAreaTitle a:hover {
  color: #ff0000;
}

#products_list_inner #spiceListArea .spiceListAreaItem {
  width: 100%;
  text-align: center;
  margin: 5px 0 10px;
}

#products_list_inner #spiceListArea .spiceListAreatable table {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

#products_list_inner #spiceListArea .spiceListAreatable table td.tableLeft {
  background-color: #efefef;
  width: 30%;
  padding: 5px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#products_list_inner #spiceListArea .spiceListAreatable table td.tableRight {
  width: 70%;
  padding: 5px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#products_list_inner #spiceListArea .spiceListAreaLink {
  margin: 5px 0;
}

#products_list_inner #spiceListArea .spiceListAreaLink ul li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: -4px top;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#products_list_inner #spiceListArea .spiceListAreaLink ul li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .responsiveContents #products_list {
    width: auto;
    padding: 5px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #products_list_inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 0;
  }
  .responsiveContents #products_list_inner #fSearchBox {
    width: 100%;
    padding: 15px 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #products_list_inner #fSearchBox ul {
    position: relative;
    clear: both;
    overflow: hidden;
  }
  .responsiveContents #products_list_inner #fSearchBox ul #fTitle {
    margin-bottom: 10px;
  }
  .responsiveContents #products_list_inner #fSearchBox ul #fArea {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0;
    padding-right: 70px;
  }
  .responsiveContents #products_list_inner #fSearchBox ul #fArea input {
    width: 100%;
    height: auto;
    padding: 3px 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #products_list_inner #fSearchBox ul #fBtn {
    float: none;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaTitle {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaTitle a {
    background-position: -4px 4px;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaItem {
    margin: 12px 0;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreatable table td.tableLeft,
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreatable table td.tableRight {
    padding: 12px 10px;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaLeft,
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaRight {
    width: 100%;
    margin: 0;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaLeft {
    margin-right: 0;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaLink {
    margin: 5px 0;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaLink ul li a {
    padding-left: 12px;
    background-position: -4px 2px;
  }
  .responsiveContents #products_list_inner #spiceListArea .spiceListAreaLink ul li a:hover {
    color: #ff0000;
    text-decoration: underline;
  }
}

/*** recipe_detail ***/
#contents_right #navi_detail .social {
  display: block;
  float: right;
  text-align: left;
  height: 40px;
}

#contents_right #navi_detail .social ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#contents_right #navi_detail .social ul li:not(:first-of-type) {
  margin-left: 15px;
}

#contents_right #navi_detail .social ul li a {
  display: block;
}

#recipe_detail {
  background-image: url(/common/images/contents_block_bg.png);
  padding: 5px;
  width: 690px;
  line-height: 1.5;
}

#recipe_detail_inner {
  width: 666px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 12px;
}

#recipe_detail_inner h1 {
  font-size: 140%;
  padding: 0 0 10px;
  border-bottom: 1px solid #d3d3d3;
}

#recipe_detail_inner #detaiMain {
  margin-top: 12px;
}

/**** sp-view ****/
@media screen and (max-width: 767px) {
  .responsiveContents #recipe_detail {
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #recipe_detail_inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

#detaiMain #photo {
  float: left;
  width: 400px;
}

#detaiMain #photo > p {
  margin-bottom: 5px;
}

#detaiMain #photo #btnArea {
  width: 400px;
}

#detaiMain #photo #btnArea li {
  display: inline-block;
  margin-right: 20px;
}

*:first-child + html #detaiMain #photo #btnArea li {
  float: left;
}

#detaiMain #recipeInfo {
  float: right;
  text-align: left;
  width: 254px;
}

#detaiMain #recipeInfo p.read {
  padding: 3px 0 12px;
  border-bottom: 1px dashed #000000;
  line-height: 1.3em;
}

#detaiMain #recipeInfo dl {
  margin-top: 12px;
}

#detaiMain #recipeInfo dl dt {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
}

#detaiMain #recipeInfo dl dd {
  display: inline-block;
  padding-top: 7px;
  font-weight: bold;
}

#detaiMain #recipeInfo p.comment {
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .responsiveContents #detaiMain #photo {
    float: none;
    width: 100%;
    margin-bottom: 27px;
  }
  .responsiveContents #detaiMain #photo p {
    margin-bottom: 16px;
  }
  .responsiveContents #detaiMain #photo p img {
    width: 100%;
    height: auto;
  }
  .responsiveContents #detaiMain #photo #btnArea {
    width: 100%;
  }
  .responsiveContents #detaiMain #photo #btnArea li {
    width: 48%;
    margin-right: 4%;
  }
  .responsiveContents #detaiMain #photo #btnArea li:last-child {
    margin-right: 0;
  }
  .responsiveContents #detaiMain #photo #btnArea li a {
    display: block;
    background: #5bb629;
    text-align: center;
  }
  .responsiveContents #detaiMain #photo #btnArea li.print a {
    background: #ed841f;
  }
  .responsiveContents #detaiMain #recipeInfo {
    float: none;
    width: 100%;
    margin: 0 12px;
  }
  .responsiveContents #detaiMain #recipeInfo dl {
    margin-top: 0;
  }
  .responsiveContents #detaiMain #recipeInfo dl:first-of-type {
    margin-top: 10px;
  }
}

#recipe_detail_inner #make {
  margin-top: 25px;
}

#recipe_detail_inner #make h2 {
  vertical-align: middle;
  height: 35px;
  border-bottom: 1px solid #d3d3d3;
}

#recipe_detail_inner #make h2 img {
  display: inline-block;
}

#recipe_detail_inner #make h2 span {
  display: inline-block;
  height: 35px;
  vertical-align: middle;
  padding: 3px 0 0 5px;
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_detail_inner #make h2 {
    height: auto;
    padding: 4px 0;
  }
  .responsiveContents #recipe_detail_inner #make h2 img {
    margin-top: -4px;
  }
  .responsiveContents #recipe_detail_inner #make h2 span {
    height: auto;
    padding-top: 0;
  }
}

#recipe_detail_inner #make .make_inner_left {
  float: left;
  width: 322px;
  margin-bottom: 10px;
}

#recipe_detail_inner #make .make_inner_left table {
  margin-top: 18px;
  width: 100%;
}

#recipe_detail_inner #make .make_inner_left table a {
  color: #000000;
}

#recipe_detail_inner #make .make_inner_left table th,
#recipe_detail_inner #make .make_inner_left table td {
  padding: 0.6em 0.5em;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: anywhere;
}

#recipe_detail_inner #make .make_inner_left table th {
  border-top: none;
  border-bottom: 1px solid #ffffff;
  background-color: #ffe3e3;
  font-weight: normal;
}

#recipe_detail_inner #make .make_inner_left table td {
  border-top: none;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

#recipe_detail_inner #make .make_inner_left table th .tooLongText,
#recipe_detail_inner #make .make_inner_left table td .tooLongText {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
}

#recipe_detail_inner #make .make_inner_left table td.noBorderR {
  border-right: none;
}

#recipe_detail_inner #make .make_inner_left table thead th {
  border-top: 1px solid #d21800;
  border-bottom: 1px solid #d21800;
  padding: 0.8em 0.5em;
  color: #d21800;
}

#recipe_detail_inner #make .make_inner_left table thead th.quantity {
  background-color: #ffffff;
}

#recipe_detail_inner #make .make_inner_left table .mark,
#recipe_detail_inner #make .make_inner_left table .season {
  padding: 0.6em 0 0.6em 0.2em;
}

#recipe_detail_inner #make .make_inner_left table th.mark01 {
  background: url("/common/images/recipe_line01.gif") no-repeat center center #FFE3E3;
}

#recipe_detail_inner #make .make_inner_left table th.mark02 {
  background: url("/common/images/recipe_line03.gif") repeat-y center top #FFE3E3;
}

#recipe_detail_inner #make .make_inner_left table th.mark03 {
  background: url("/common/images/recipe_line02.gif") no-repeat center center #FFE3E3;
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_detail_inner #make .make_inner_left {
    width: 100%;
    margin-bottom: 35px;
  }
  .responsiveContents #recipe_detail_inner #make .make_inner_left table {
    width: 100%;
  }
  .responsiveContents #recipe_detail_inner #make .make_inner_left table tbody td.quantity {
    width: 4em;
  }
}

#recipe_detail_inner #make .make_inner_right {
  float: right;
  text-align: left;
  width: 322px;
  margin-bottom: 10px;
}

#recipe_detail_inner #make .make_inner_right #howToMake {
  margin-top: 18px;
}

#recipe_detail_inner #make .make_inner_right #howToMake ol {
  list-style-type: decimal;
  margin-left: 25px;
}

#recipe_detail_inner #make .make_inner_right #howToMake ol li {
  margin-bottom: 1em;
  line-height: 1.3em;
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_detail_inner #make .make_inner_right {
    width: 100%;
    float: none;
    margin-bottom: 35px;
  }
}

#recipe_detail_inner #make .make_inner_bottom {
  clear: both;
  width: 666px;
}

#recipe_detail_inner #make .make_inner_bottom ul {
  margin-top: 10px;
}

#recipe_detail_inner #make .make_inner_bottom ul li {
  margin-bottom: 0.8em;
  line-height: 1.3em;
}

#recipe_detail_inner #make .make_inner_bottom p {
    margin-top: 10px;
    margin-bottom: 0.8em;
    line-height: 1.8em;
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_detail_inner #make .make_inner_bottom {
    width: 100%;
  }
}

#recipe_detail_inner #product_items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 30px;
  border: 1px solid #d3d3d3;
}

#recipe_detail_inner #product_items h2 {
  background-color: #d3d3d3;
  color: #4e4f4f;
  padding: 0.3em 0.8em;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

#recipe_detail_inner #product_items .usedInRecipesBox {
  margin: 15px 0 15px 20px;
  float: left;
}

#recipe_detail_inner #product_items .usedInRecipesBox dt,
#recipe_detail_inner #product_items .usedInRecipesBox dd {
  width: 140px;
  text-align: center;
}

#recipe_detail_inner #product_items .usedInRecipesBox dd a {
  color: #000000;
}

#recipe_detail_inner #product_items .usedInRecipesBox dt a img,
#recipe_detail_inner #product_items .usedInRecipesBox dd a img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_detail_inner #product_items .usedInRecipesBox {
    width: 42%;
    margin: 20px 4% 15px;
  }
  .responsiveContents #recipe_detail_inner #product_items .usedInRecipesBox dt,
  .responsiveContents #recipe_detail_inner #product_items .usedInRecipesBox dd {
    width: 100%;
  }
}

/*** recipe_list ***/
#recipe_list {
  background-image: url(/common/images/contents_block_bg.png);
  padding: 5px;
  width: 690px;
}

#recipe_list_inner {
  width: 666px;
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 12px;
}

#recipe_list_inner h1 {
  font-size: 140%;
  padding: 0 0 10px;
  border-bottom: 1px solid #d3d3d3;
}

#recipe_list_inner .recipeListArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px 0 30px 0;
}

#recipe_list_inner .recipeListArea .recipeBox,
#recipe_list_inner .recipeListArea .recipeBoxR {
  margin: 0 18px 30px 0;
  width: 210px;
}

#recipe_list_inner .recipeListArea p {
  line-height: 1.3em;
}

#recipe_list_inner .recipeListArea p.recipeImgBox {
  position: relative;
  padding-top: 145px;
}

#recipe_list_inner .recipeListArea p.recipeImgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#recipe_list_inner .recipeListArea li {
  margin: 0 0 15px;
  border-bottom: 1px dashed #000;
}

#recipe_list_inner .recipeListArea li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: -4px 10px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 15px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#recipe_list_inner .recipeListArea li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #recipe_list_inner .recipeListArea > div:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_list_inner .recipeListArea .recipeBox,
  .responsiveContents #recipe_list_inner .recipeListArea .recipeBoxR {
    margin: 0 4% 30px 0;
    width: 48%;
  }
  .responsiveContents #recipe_list_inner .recipeListArea > div:nth-child(2n) {
    margin-right: 0;
  }
  .responsiveContents #recipe_list_inner .recipeListArea p.recipeImgBox {
    position: relative;
    padding-top: 72.5%;
  }
}

#recipe_list_inner #pageAround {
  border-bottom: 1px dotted #666666;
  border-top: 1px dotted #666666;
  padding: 7px 0;
  text-align: center;
  width: 666px;
}

#recipe_list_inner #pageAround .pageAroundLeft,
#recipe_list_inner #pageAround .pageAroundCenter,
#recipe_list_inner #pageAround .pageAroundRight {
  float: left;
  padding: 0;
  text-align: right;
  width: 222px;
}

#recipe_list_inner #pageAround .pageAroundCenter {
  text-align: center;
}

#recipe_list_inner #pageAround .pageAroundRight {
  text-align: left;
}

#recipe_list_inner #pageAround .pageAroundLeft ul li a,
#recipe_list_inner #pageAround .pageAroundRight ul li a {
  display: inline-block;
  background-image: url(/common/images/arrow_ico.gif);
  background-position: -4px top;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

#recipe_list_inner #pageAround .pageAroundLeft ul li a {
  background-image: url(/common/images/arrow_back_ico.gif);
}

#recipe_list_inner #pageAround ul li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .responsiveContents #recipe_list {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
  }
  .responsiveContents #recipe_list_inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .responsiveContents #recipe_list_inner #pageAround {
    width: 100%;
  }
  .responsiveContents #recipe_list_inner #pageAround .pageAroundLeft,
  .responsiveContents #recipe_list_inner #pageAround .pageAroundRight {
    width: 35%;
  }
  .responsiveContents #recipe_list_inner #pageAround .pageAroundCenter {
    width: 30%;
  }
}

/* old header */
/*** pc-view ***/
@media screen and (min-width: 768px) {
  #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 51px;
    background-image: url("/common/images/header_bg.png");
  }
  /* サイトロゴ */
  #logo {
    float: left;
    width: 205px;
    height: 51px;
    background-image: url("/common/images/logo.png");
    overflow: hidden;
  }
  #logo > a > img {
    width: 100%;
    height: 100%;
  }
  /* グローバルナビゲーション */
  #gnavi {
    width: 960px;
    margin: 0 auto;
    position: relative;
  }
  #gnavi_main {
    position: relative;
    top: 0;
    left: 55px;
  }
  #gnavi_main > li {
    float: left;
    background-image: url("/common/images/gnavi_btn.png");
    width: 175px;
    height: 51px;
    overflow: hidden;
    cursor: pointer;
  }
  #gnavi_main > li > a > img {
    width: 100%;
    height: 100%;
  }
  #gnavi_main > li > ul {
    display: none;
  }
  #gnavi_main_spice {
    background-position: 0 0;
  }
  #gnavi_main_recipe {
    background-position: -175px 0;
  }
  #gnavi_main_event {
    background-position: -350px 0;
  }
  #gnavi_main_movie {
    background-position: -420px 0;
  }
  #gnavi_main_special {
    background-position: -525px 0;
  }
  #gnavi_main_spice.selected {
    background-position: 0 -51px;
  }
  #gnavi_main_recipe.selected {
    background-position: -175px -51px;
  }
  #gnavi_main_event.selected {
    background-position: -350px -51px;
  }
  #gnavi_main_movie.selected {
    background-position: -420px -51px;
  }
  #gnavi_main_special.selected {
    background-position: -525px -51px;
  }
  #gnavi_main_spice.on {
    background-position: 0 -51px;
  }
  #gnavi_main_recipe.on {
    background-position: -175px -51px;
  }
  #gnavi_main_event.on {
    background-position: -350px -51px;
  }
  #gnavi_main_movie.on {
    background-position: -420px -51px;
  }
  #gnavi_main_special.on {
    background-position: -525px -51px;
  }
  #gnavi_sub_spice {
    position: absolute;
    top: 51px;
    left: 205px;
  }
  #spice_search_spice {
    position: absolute;
    top: 0;
    left: 0;
  }
  #spice_search_brand {
    position: absolute;
    top: 0;
    left: 233px;
    padding-left: 1px;
  }
  #spice_search_use {
    position: absolute;
    top: 0;
    left: 467px;
    padding-left: 1px;
  }
  #gnavi_sub_recipe {
    position: absolute;
    top: 51px;
    left: 345px;
  }
  #recipe_search_spice {
    position: absolute;
    top: 0;
    left: -140px;
  }
  #recipe_search_genre {
    position: absolute;
    top: 0;
    left: 93px;
    padding-left: 1px;
  }
  #recipe_search_theme {
    position: absolute;
    top: 0;
    left: 327px;
    padding-left: 1px;
  }
  #gnavi_sub_movie {
    position: absolute;
    top: 51px;
    left: 625px;
  }
  #movie_sidedish {
    position: absolute;
    top: 0;
    left: -420px;
  }
  #movie_technic {
    position: absolute;
    top: 0;
    left: -187px;
    padding-left: 1px;
  }
  #movie_fragrant {
    position: absolute;
    top: 0;
    left: 47px;
    padding-left: 1px;
  }
  .gnavi_sub_header {
    background-image: url("/common/images/snavi_bg_1.png");
    color: #ffffff;
    font-size: 14px;
    width: 206px;
    height: 15px;
    padding: 6px 0 6px 27px;
  }
  .gnavi_sub_header a:link, .gnavi_sub_header a:visited {
    color: #ffffff;
    text-decoration: none;
  }
  .gnavi_sub_header a:hover {
    color: #ff6b18;
    text-decoration: none;
  }
  .gnavi_sub_content {
    background-image: url("/common/images/snavi_bg_2.png");
    font-size: 12px;
    width: 216px;
    height: 15px;
    padding: 5px 0 5px 17px;
  }
  .gnavi_sub_content a:link, .gnavi_sub_content a:visited {
    color: #f00;
    text-decoration: none;
  }
  .gnavi_sub_content a:hover {
    color: #ff6b18;
    text-decoration: none;
  }
  .gnavi_sub_content a img {
    margin-right: 5px;
  }
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  #header #gnavi {
    background: #fff;
    padding: 10px 0 6px;
  }
  #header #gnavi #logo {
    width: 102px;
    height: 26px;
    margin: 0 auto;
    background-image: url("/common/images/logo.png");
    background-size: 100% 100%;
    overflow: hidden;
  }
  #header #gnavi #logo a img {
    width: 100%;
    height: 100%;
  }
  #header #gnavi #gnavi_main {
    display: none;
  }
  /* openButton */
  #header .openButton,
  #header .closeButton {
    display: block;
  }
  #header .openButton {
    cursor: pointer;
    position: absolute;
    width: 42px;
    height: 42px;
    left: 0;
    top: 0;
    margin: 0;
    background: red;
    background-size: 25px 6px;
  }
  #header .openButton span {
    position: absolute;
    left: 6px;
  }
  #header .openButton span.line {
    width: 30px;
    height: 3px;
    background: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  #header .openButton span.line:nth-of-type(1) {
    top: 12px;
  }
  #header .openButton span.line:nth-of-type(2) {
    top: 20px;
  }
  #header .openButton span.line:nth-of-type(3) {
    top: 28px;
  }
  #header .openButton.open span.line:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
        -ms-transform: translateY(20px) rotate(-45deg);
            transform: translateY(20px) rotate(-45deg);
    top: -4px;
  }
  #header .openButton.open span.line:nth-of-type(2) {
    display: none;
  }
  #header .openButton.open span.line:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
        -ms-transform: translateY(-7px) rotate(45deg);
            transform: translateY(-7px) rotate(45deg);
    top: 23px;
  }
}

/* header */
#nav {
  display: none;
}

#header.header {
  position: relative;
  top: auto;
  left: auto;
  z-index: 10;
  width: 100%;
  height: 100px;
  background: #fff;
}

#header.header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 -3px 5px 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 -3px 5px 1px rgba(0, 0, 0, 0.3);
}

@media all and (-ms-high-contrast: none) {
  #header.header::after {
    -webkit-box-shadow: 0 -1px 5px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 -1px 5px 1px rgba(0, 0, 0, 0.3);
  }
}

#header.header .headerIn {
  position: relative;
  z-index: 10;
  max-width: 1090px;
  margin: 0 auto;
  padding: 19px 15px 12px;
  display: block;
  background: #fff;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#header.header .headerIn .headerLogo p img {
  width: 210px;
  height: auto;
}

#header.header .headerIn .headerNavi ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #header.header .headerIn .headerNavi ul {
    margin-top: 10px;
  }
  #header.header .headerIn .headerNavi ul li:not(:first-child) {
    margin-left: 53px;
  }
}
#header.header .headerIn .headerNavi ul li a {
  display: block;
  line-height: 24px;
  padding-left: 30px;
  color: #54290c;
  text-decoration: none;
  white-space: nowrap;
  background-size: 17px 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#header.header .headerIn .headerNavi ul li.menu01 a {
  background-image: url(/common/images/header/menu01.png);
}

#header.header .headerIn .headerNavi ul li.menu02 a {
  background-image: url(/common/images/header/menu02.png);
}

#header.header .headerIn .headerNavi ul li.menu03 a {
  background-image: url(/common/images/header/menu03.png);
}

#header.header .headerIn .headerNavi ul li.menu04 a {
  background-image: url(/common/images/header/menu04.png);
}

#header.header .headerIn .headerNavi ul li.menu05 a {
  background-image: url(/common/images/header/menu05.png);
}
#header.header .headerIn .headerNavi ul li .headerTextReg {
  line-height: 1;
  vertical-align: top;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .responsiveContents #header.header {
    position: fixed;
    top: 0;
    left: 0;
    line-height: 1;
    height: auto;
  }
  .responsiveContents #header.header .headerIn {
    position: relative;
    padding: 17px 20px 16px 70px;
    display: block;
    z-index: 1;
  }
  .responsiveContents #header.header .headerIn .headerLogo p {
    text-align: center;
  }
  .responsiveContents #header.header .headerIn .headerLogo p img {
    width: auto;
    max-width: 100%;
    height: 25px;
  }
  .responsiveContents #header.header .headerIn .headerNavi {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    height: calc(100vh - 58px);
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
    overflow-x: scroll;
    pointer-events: none;
  }
  .responsiveContents #header.header .headerIn .headerNavi ul {
    position: absolute;
    top: 0;
    left: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 17px;
    font-weight: bold;
    background: #fff;
    min-height: 100%;
    padding: 40px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }
  .responsiveContents #header.header .headerIn .headerNavi ul li {
    margin: 0 25px 40px;
  }
  .responsiveContents #header.header .headerIn .headerNavi ul li:last-child {
    margin-bottom: 0;
  }
  .responsiveContents #header.header .headerIn .headerNavi ul li a {
    line-height: 24px;
    padding-left: 30px;
    color: #54290c;
    text-decoration: none;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .responsiveContents #header.header .openButton,
  .responsiveContents #header.header .closeButton {
    display: block;
  }
  .responsiveContents #header.header .openButton {
    cursor: pointer;
    position: absolute;
    width: 58px;
    height: 58px;
    left: 0;
    top: 0;
    z-index: 10;
    margin: 0;
    background: #e50012;
    background-size: 25px 6px;
  }
  .responsiveContents #header.header .openButton .openButtonInner {
    position: static;
    left: auto;
    display: block;
    height: 100%;
  }
  .responsiveContents #header.header .openButton span.line {
    position: absolute;
    left: 13px;
    width: 31px;
    height: 3px;
    background: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .responsiveContents #header.header .openButton span.line:nth-of-type(1) {
    top: 18px;
  }
  .responsiveContents #header.header .openButton span.line:nth-of-type(2) {
    top: 27px;
  }
  .responsiveContents #header.header .openButton span.line:nth-of-type(3) {
    top: 36px;
  }
  .responsiveContents #header.header .openButton.open span.line:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
        -ms-transform: translateY(20px) rotate(-45deg);
            transform: translateY(20px) rotate(-45deg);
    top: -4px;
  }
  .responsiveContents #header.header .openButton.open span.line:nth-of-type(2) {
    display: none;
  }
  .responsiveContents #header.header .openButton.open span.line:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
        -ms-transform: translateY(-7px) rotate(45deg);
            transform: translateY(-7px) rotate(45deg);
    top: 23px;
  }
  .responsiveContents #header #nav:checked ~ .headerIn .headerNavi {
    opacity: 1;
    pointer-events: auto;
  }
  .responsiveContents #header #nav:checked ~ .headerIn .headerNavi ul {
    left: 0;
  }
  .responsiveContents #header #nav:checked ~ #openNav span.line:nth-of-type(1) {
    top: 8px;
    left: 28px;
    -webkit-transform: translateX(-50%) translateY(20px) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(20px) rotate(-45deg);
            transform: translateX(-50%) translateY(20px) rotate(-45deg);
  }
  .responsiveContents #header #nav:checked ~ #openNav span.line:nth-of-type(2) {
    opacity: 0;
  }
  .responsiveContents #header #nav:checked ~ #openNav span.line:nth-of-type(3) {
    top: 35px;
    left: 28px;
    -webkit-transform: translateX(-50%) translateY(-7px) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-7px) rotate(45deg);
            transform: translateX(-50%) translateY(-7px) rotate(45deg);
  }
}

/* footer */
/*** pc-view ***/
.footer {
  width: 100%;
  height: 42px;
  background-image: url("/common/images/footer_bg.png");
  font-size: 12px;
  overflow: hidden;
}

.footer #footer_inner {
  width: 960px;
  margin: 0 auto;
}

.footer #footer_right {
  float: right;
}

.footer #footer_right > div {
  float: left;
}

.footer #footer_right > div > a:link, .footer #footer_right > div > a:visited {
  color: #2e2e2e;
  text-decoration: none;
}

.footer #footer_right > div > a:hover {
  color: #888;
  text-decoration: none;
}

.footer #footer_right > div > a > img {
  margin-right: 4px;
}

.footer #footer_facebook {
  padding: 4px 0;
}

.footer .footer_link {
  padding: 14px 0 14px 11px;
}

.footer #footer_left {
  padding: 14px 0;
}

.footer #copyright {
  font-size: 11px;
}

/*** sp-view ***/
@media screen and (max-width: 767px) {
  .responsiveContents .footer {
    height: auto;
  }
  .responsiveContents .footer #footer_inner {
    width: auto;
  }
  .responsiveContents .footer #footer_right {
    float: none;
  }
  .responsiveContents .footer #footer_right > div {
    float: none;
    padding: 0;
  }
  .responsiveContents .footer #footer_right a {
    position: relative;
    display: block;
    padding: 18px 20px;
    border-top: 1px solid #e2e2e2;
    background: #f6f6f6;
    font-size: 13px;
    color: #333;
    text-decoration: none;
  }
  .responsiveContents .footer #footer_right a::after {
    position: absolute;
  }
  .responsiveContents .footer #footer_right a::after {
    right: 25px;
    top: 50%;
    content: '';
    display: inline-block;
    margin-top: -.95em;
    width: .5em;
    height: .5em;
    vertical-align: text-top;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotate(45deg) translate(10px, 0px);
        -ms-transform: rotate(45deg) translate(10px, 0px);
            transform: rotate(45deg) translate(10px, 0px);
  }
  .responsiveContents .footer #footer_right a[target="_blank"]::after {
    right: 15px;
    width: 11px;
    height: 10px;
    border: none;
    margin-top: -5px;
    background-image: url(/common/images/sp/icon_blank.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 11px 10px;
    -webkit-transform: rotate(0) translate(0, 0);
        -ms-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0);
  }
  .responsiveContents .footer #footer_right a img {
    display: none;
  }
  .responsiveContents .footer #footer_left {
    float: none;
    padding: 0;
  }
  .responsiveContents .footer #copyright {
    overflow: hidden;
    background: #e4e4e4;
    padding: 18px 20px;
    text-align: center;
    font-size: 11px;
    margin: 0;
  }
}

a.blankLink {
  padding-right: 10px;
  background: url(/common/images/icon_blank.png) no-repeat;
  background-position: 100% 4px;
  height: 10px;
}

a.blankLink:hover {
  background-position: 100% -18px;
}

/* modal */
.amarigachiPage .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}

.amarigachiPage .maincontents .modal#modal01 .modalContent {
  position: relative;
  max-width: 924px;
  margin: 90px auto 0;
  padding: 42px 0 0 0;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.amarigachiPage .modal .modalCloseBtn {
  position: absolute;
  top: 31px;
  right: 31px;
  background: #f46505;
  color: #fff;
  width: 77px;
  height: 77px;
  border-radius: 50%;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

.amarigachiPage .modal .modalCloseBtn::before, .amarigachiPage .modal .modalCloseBtn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 32px;
  width: 2px;
  background-color: #fff;
}

.amarigachiPage .modal .modalCloseBtn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.amarigachiPage .modal .modalCloseBtn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.amarigachiPage .modalBtn {
  display: block;
  width: 723px;
  margin: 100px auto 0;
}
.amarigachiPage .modalBtn img {
  width: 100%;
  height: auto;
}
.amarigachiPage .amarigachiModalContentWrap{
  display: flex;
}
.amarigachiModalContentProduct {
  position: relative;
  height: 100%;
}
.amarigachiModalContentProduct > img {
  height: 100%;
  width: auto;
}
.amarigachiModalContentProductLinkPc {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 178px;
}
.amarigachiModalContentRecipe {
  width: 724px;
  position: relative;
}
.amarigachiModalContentRecipeBg01 {
  background: #faece6;
}
.amarigachiModalContentRecipeBg02 {
  background: #faf5d7;
}
.amarigachiModalContentRecipeBg03 {
  background: #f7efdf;
}
.amarigachiModalContentRecipe + .amarigachiModalContentRecipe {
  margin-top: 2px;
}
.amarigachiModalContentWrap + .amarigachiModalContentWrap {
  margin-top: 2px;
}
.amarigachiModalContentAuthor {
  position: absolute;
  bottom: 25px;
  right: 26px;
}
.amarigachiModalContentProductLinkWrap {
  display: none;
}
.amarigachiModalContentWrap a:hover {
  opacity: 0.7;
}
.maincontents .modal .modalContent .modalContentInner .modalTitle2 {
  margin-bottom: 20px;
}
.amarigachiPage .maincontents .modal .modalContent .modalContentInner > p {
  font-size: 16px;
}
/*** sp-view ***/
@media screen and (max-width: 767px) {
  .amarigachiPage .modalBtn {
    display: block;
    width: 100%;
    margin: 25px auto 20px;
  }
  .amarigachiModalContentProductLinkPc {
    display: none;
  }
  .amarigachiPage .maincontents .modal#modal01 .modalContent {
    padding: 58px 0 0;
    max-width: 924px;
    margin: 50px 10px 0;
  }
  .amarigachiPage .modal .modalContent .modalCloseBtn {
    top: -45px;
    right: 0;
    width: 36px;
    height: 36px;
  }
  .amarigachiPage .modal .modalContent .modalCloseBtn::before, .amarigachiPage .modal .modalContent .modalCloseBtn::after {
    height: 14px;
  }
  .amarigachiPage .amarigachiModalContentWrap {
    display: block;
  }
  .amarigachiModalContentProduct {
    position: relative;
    width: 100%;
    height: auto;
  }
  .amarigachiModalContentProduct > img {;
    width: 100%;
    height: auto;
  }
  .amarigachiModalContentAuthor {
    position: static;
  }
  .amarigachiModalContentProductLinkWrap {
    display: block;
    padding: 30px 25px 50px;
  }
  .amarigachiModalContentProductLinkSp,
  .amarigachiModalContentProductLinkSp img {
    width: 100%;
    height: auto;
  }
  .amarigachiModalContentRecipe {
    padding: 12px 14px 18px;
    box-sizing: border-box;
  }
  .amarigachiModalContentRecipe,
  .amarigachiModalContentRecipe img {
    width: 100%;
    height: auto;
  }
  .amarigachiPage .maincontents .modal#modal01 .modalContent {
    padding-top: 24px;
  }
  .amarigachiModalContentAuthor {
    margin-top: 26px;
  }
  .amarigachiPage .maincontents .modal .modalContent .modalContentInner .modalTitle2 {
    padding: 0 14px;
  }
  .amarigachiPage .maincontents .modal .modalContent .modalContentInner > p {
    font-size: 12px;
  }
}

.fixed_banner {
  position: fixed;
  bottom: 6%;
  right: 3%;
  width: 232px;
  z-index: 9;
}
.fixed_banner.is-remove {
  display: none;
}
.fixed_banner_close {
  position: absolute;
  top: 8px;
  right: 6px;
  width: 54px;
}
.dashi_spicecurry .fixed_banner_close {
  top: -18px;
  right: -22px;
  width: 44px;
}
.fixed_banner_close_pos2 {
  top: -23px;
  right: -26px;
  width: 44px;
}
@media screen and (max-width: 767px) {
  .fixed_banner {
    position: fixed;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 96%;
  }
  .fixed_banner_close,
  .dashi_spicecurry .fixed_banner_close {
    position: absolute;
    top: -50%;
    right: 1%;
    width: 15vw;
  }
  .fixed_banner_close_pos2 {
    position: absolute;
    top: -15%;
    right: 1%;
    width: 5.868vw;
  }
}
.tag_amarigachi {
  margin-right: -50px;
}

.banner.txtAC.spiceList {
  margin-top: 45px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .banner.txtAC.spiceList {
    margin-top: 0;
  }
  .banner.txtAC.spiceList img {
    width: 94.5%;
  }
  .fixed_banner.spiceList img {
    max-width: 100%;
    height: auto;
  }
}

#recipe_detail_inner #make .make_inner_bottom ul li {
  margin-bottom: 0.8em;
  line-height: 1.3em;
  padding-left: 1em;
  text-indent: -1em;
}

.make_inner_bottom ul li:before {
  content: '＊';
}