@charset "UTF-8";
@font-face {
  font-family: Yu Gothic;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Windows8.1ではMediumがないのでRegularを指定 */ }

@font-face {
  font-family: Yu Gothic;
  font-weight: 700;
  src: local("YoGothic-Bold"), local("YoGothic-Bold");
  /* Chrome用 */ }

#mentsuyu #contents {
  font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', "Yu Gothic", YuGothic,'ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  /*	transform: rotate(0.001deg);*/ }

.ttl_h1, .ttl_h1-large, .ttl_h1-small, #mentsuyu #contents #pagemenu ul li a {
  font-family: 'TsukuARdGothic-Regular','小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', "Yu Gothic", YuGothic,'ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 700;
  -webkit-transform: rotate(0.001deg);
  -ms-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  letter-spacing: 0.05em; }
  @media all and (-ms-high-contrast: none) {
    .ttl_h1, .ttl_h1-large, .ttl_h1-small, #mentsuyu #contents #pagemenu ul li a {
      font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; } }

.clearfix, #mentsuyu.kodawari #contents #sec03 .content .txt, #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb__list, #mentsuyu.kodawari #contents #sec04 .col, #mentsuyu.kodawari #contents #sec05 .content .col-wrap, #mentsuyu.qa #contents .qa, #mentsuyu.qa #contents .qa .txt p span, #mentsuyu.hikaeme #contents #sec03 .wrap {
  position: relative;
  *zoom: 1; }
  .clearfix:after, #mentsuyu.kodawari #contents #sec03 .content .txt:after, #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb__list:after, #mentsuyu.kodawari #contents #sec04 .col:after, #mentsuyu.kodawari #contents #sec05 .content .col-wrap:after, #mentsuyu.qa #contents .qa:after, #mentsuyu.qa #contents .qa .txt p span:after, #mentsuyu.hikaeme #contents #sec03 .wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden; }

.max_width, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu ul, #mentsuyu #contents #visual .content, #mentsuyu.qa #contents .bg_tit h1 {
  width: 100%;
  max-width: 950px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) and (max-width: 949px) {
    .max_width, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu ul, #mentsuyu #contents #visual .content, #mentsuyu.qa #contents .bg_tit h1 {
      max-width: 100%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .max_width, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu ul, #mentsuyu #contents #visual .content, #mentsuyu.qa #contents .bg_tit h1 {
      max-width: 100%; } }

.min_width, #mentsuyu #contents, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu, #mentsuyu.top #contents #slider {
  min-width: 950px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .min_width, #mentsuyu #contents, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu, #mentsuyu.top #contents #slider {
      min-width: 100%; } }

.inline-block, #mentsuyu #contents #pagemenu ul, #mentsuyu.top #contents #sec01 .content, #mentsuyu.top #contents #sec02 .content, #mentsuyu.recipe #contents #sec01 .content ul, #mentsuyu.recipe #contents section .content ul.list, #mentsuyu.qa #contents #sec02 .content ul, #mentsuyu.hikaeme #contents #sec02 .recipe--list {
  letter-spacing: -.5em; }
  .inline-block > *, #mentsuyu #contents #pagemenu ul > *, #mentsuyu.top #contents #sec01 .content > *, #mentsuyu.top #contents #sec02 .content > *, #mentsuyu.recipe #contents #sec01 .content ul > *, #mentsuyu.recipe #contents section .content ul.list > *, #mentsuyu.qa #contents #sec02 .content ul > *, #mentsuyu.hikaeme #contents #sec02 .recipe--list > * {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle; }

.box, #mentsuyu.top #contents #sec01 .content .col, #mentsuyu.top #contents #sec01 .content .col:last-child dl, #mentsuyu.top #contents #sec02 .content .col, #mentsuyu.kodawari #contents #sec04 ul.pagelinks li, #mentsuyu.qa #contents .qa .voice,
#mentsuyu.qa #contents .qa .txt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.arrow, .arrow-top, #mentsuyu #contents section .content .pagetop span, .arrow-or, .arrow-or-down, .arrow-down, #mentsuyu.recipe #contents #sec01 .content ul li span, #mentsuyu.qa #contents #sec02 .content ul li span, #mentsuyu #contents #pagemenu ul li a span, #mentsuyu.recipe #contents section .content ul.list li h2 span, .btn a span, #mentsuyu.hikaeme #contents #sec03 .btn a span {
  position: relative;
  display: inline-block; }
  .arrow:after, .arrow-top:after, #mentsuyu #contents section .content .pagetop span:after, .arrow-or:after, .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after, #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:after, .btn a span:after, #mentsuyu.hikaeme #contents #sec03 .btn a span:after, .arrow:before, .arrow-top:before, #mentsuyu #contents section .content .pagetop span:before, .arrow-or:before, .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before, #mentsuyu #contents #pagemenu ul li a span:before, #mentsuyu.recipe #contents section .content ul.list li h2 span:before, .btn a span:before, #mentsuyu.hikaeme #contents #sec03 .btn a span:before {
    content: '';
    position: absolute; }
  .arrow:before, .arrow-top:before, #mentsuyu #contents section .content .pagetop span:before, .arrow-or:before, .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before, #mentsuyu #contents #pagemenu ul li a span:before, #mentsuyu.recipe #contents section .content ul.list li h2 span:before, .btn a span:before, #mentsuyu.hikaeme #contents #sec03 .btn a span:before {
    top: 50%;
    margin-top: -6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 100%; }
  .arrow:after, .arrow-top:after, #mentsuyu #contents section .content .pagetop span:after, .arrow-or:after, .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after, #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:after, .btn a span:after, #mentsuyu.hikaeme #contents #sec03 .btn a span:after {
    display: block;
    z-index: 2;
    top: 50%;
    margin-top: -2px;
    left: 3px;
    width: 3px;
    height: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .arrow_hov:before, .btn:hover a span:before, #mentsuyu.hikaeme #contents #sec03 .btn a:hover span:before {
    background-color: #ed6506; }
  .arrow_hov:after, .btn:hover a span:after, #mentsuyu.hikaeme #contents #sec03 .btn a:hover span:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .arrow-top:before, #mentsuyu #contents section .content .pagetop span:before {
    right: 0;
    left: auto; }
  .arrow-top:after, #mentsuyu #contents section .content .pagetop span:after {
    margin-top: -1px;
    right: 5px;
    left: auto;
    width: 2px;
    height: 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .arrow-or:before, .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before, #mentsuyu #contents #pagemenu ul li a span:before, #mentsuyu.recipe #contents section .content ul.list li h2 span:before {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-color: #ed6506; }
  .arrow-or:after, .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after, #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:after {
    top: 50%;
    margin-top: -2px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before {
    right: 0;
    left: auto; }
  .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after {
    margin-top: -3px;
    right: 6px;
    left: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .arrow-down:before {
    top: auto;
    bottom: 0px;
    left: 50%;
    margin-left: -8px;
    background-color: #000; }
  .arrow-down:after {
    top: auto;
    bottom: 7px;
    left: 50%;
    margin-left: -3px; }

.btn {
  width: 180px;
  border: 1px solid #000;
  text-align: center;
  background: rgba(255, 255, 255, 0.5); }
  @media (min-width: 0px) and (max-width: 767px) {
    .btn {
      width: 92.85714%;
      margin: 0 auto; } }
  .btn a {
    padding: 20px;
    display: block; }
    .btn a span {
      color: #000000;
      font-weight: bold;
      padding-left: 16px;
      -webkit-transform: rotate(0.001deg);
      -ms-transform: rotate(0.001deg);
      transform: rotate(0.001deg); }
    @media (min-width: 0px) and (max-width: 767px) {
      .btn a {
        padding: 10px 20px; } }
  .btn:hover a span {
    color: #ee7028; }

img {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.image img {
  width: 100%;
  -webkit-backface-visibility: hidden; }

a.fade,
a.fade img,
a.fade > span,
a.fade > span:before,
a.fade > span:after,
a.fade:before,
a.fade:after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*  overflow:hidden;*/ }

a.fade:hover img {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*  overflow:hidden;*/ }

.ttl_h1, .ttl_h1-large, .ttl_h1-small {
  font-size: 200%;
  font-weight: bold;
  line-height: 2;
  color: #ee7028; }
  @media (min-width: 0px) and (max-width: 767px) {
    .ttl_h1, .ttl_h1-large, .ttl_h1-small {
      font-size: 125%; } }
  .ttl_h1-large {
    font-size: 250%;
    text-align: center; }
    @media (min-width: 0px) and (max-width: 767px) {
      .ttl_h1-large {
        font-size: 142%; } }
  .ttl_h1-small {
    font-size: 150%;
    line-height: 1.5;
    margin-bottom: 3.15789%; }
    @media (min-width: 0px) and (max-width: 767px) {
      .ttl_h1-small {
        font-size: 109%; } }

.ttl_line:after {
  content: '';
  display: block;
  width: 143px;
  height: 2px;
  background: #ee7028;
  margin: 10px auto 30px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .ttl_line:after {
      width: 25.89286%; } }

@media (min-width: 767px) and (max-width: 950px) {
  .tb_item {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  .pc_item {
    display: none; } }

.sp_item {
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .sp_item {
      display: inline; } }

.em {
  font-weight: bold; }

.tx-c {
  text-align: center; }

.note {
  font-size: 75%; }

@media screen and (min-width: 768px) {
  .sp {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

#mentsuyu #contents {
  width: 100%;
  font-size: 1.4rem;
  background: #fff;
  color: #000000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.05em;
  position: relative; }
  #mentsuyu #contents section {
    width: 100%;
    display: table;
    font-size: 117%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu #contents section {
        font-size: 100%; } }
    #mentsuyu #contents section .content {
      position: relative;
      text-align: left;
      padding: 3.75% 0;
      overflow: inherit; }
      @media (min-width: 768px) and (max-width: 949px) {
        #mentsuyu #contents section .content {
          padding: 3.75% 1.875%; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu #contents section .content {
          padding: 12.5% 6.25%; } }
      #mentsuyu #contents section .content p {
        line-height: 2;
        margin-bottom: 20px;
        letter-spacing: -.04em; }
      #mentsuyu #contents section .content .pagetop {
        text-align: right;
        margin-bottom: 0; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu #contents section .content .pagetop {
            display: none; } }
        #mentsuyu #contents section .content .pagetop span {
          padding-right: 16px; }
        #mentsuyu #contents section .content .pagetop + .ttl_h1, #mentsuyu #contents section .content .pagetop + .ttl_h1-large, #mentsuyu #contents section .content .pagetop + .ttl_h1-small {
          margin-top: 4.21053%; }
      #mentsuyu #contents section .content a {
        display: block;
        color: #000000;
        text-decoration: none; }
        #mentsuyu #contents section .content a:hover {
          color: #ee7028; }
      #mentsuyu #contents section .content em {
        font-weight: bold;
        font-style: normal; }
      #mentsuyu #contents section .content .or {
        color: #ee7028; }
      #mentsuyu #contents section .content .gr {
        color: #8fbd28; }
  #mentsuyu #contents #pagemenu {
    width: 100%;
    font-size: 134%; }
    #mentsuyu #contents #pagemenu-btn {
      display: none; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu #contents #pagemenu-btn {
          height: 42px;
          position: rlative;
          display: block;
          background: #ed6506;
          text-align: center; }
          #mentsuyu #contents #pagemenu-btn span {
            line-height: 42px;
            padding-right: 30px;
            display: inline-block;
            margin: 0 auto;
            color: #FFF;
            background: url("../img/menu.png") right center no-repeat;
            background-size: 30px !important;
            /*            &.close {
              background: url("../img/close.png") center no-repeat;
              background-size: 100%!important;
            }*/ } }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu #contents #pagemenu {
        position: static;
        top: 0;
        background: #fff1e8;
        z-index: 5;
        font-size: 117%; } }
    #mentsuyu #contents #pagemenu:before, #mentsuyu #contents #pagemenu:after {
      content: '';
      display: block;
      width: 100%;
      height: 5px;
      background: url("../img/nav_line.gif"); }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu #contents #pagemenu:before, #mentsuyu #contents #pagemenu:after {
          display: none; } }
    #mentsuyu #contents #pagemenu ul {
      text-align: center;
      margin: 0 auto;
      position: relative; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu #contents #pagemenu ul {
          padding: 50px 0 32px;
          display: none; }
          #mentsuyu #contents #pagemenu ul.open {
            display: block; } }
      #mentsuyu #contents #pagemenu ul li.img_mentsuyu {
        width: 10.84211%;
        position: absolute;
        top: -291.26214%;
        right: 0; }
        #mentsuyu #contents #pagemenu ul li.img_mentsuyu img {
          width: 100%; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu #contents #pagemenu ul li.img_mentsuyu {
            display: none; } }
      #mentsuyu #contents #pagemenu ul li.current a {
        color: #ee7028; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu #contents #pagemenu ul li {
          display: block; } }
      #mentsuyu #contents #pagemenu ul li a {
        display: block;
        padding: 27px;
        color: #000000; }
        #mentsuyu #contents #pagemenu ul li a span {
          padding-left: 20px; }
          @media (min-width: 0px) and (max-width: 767px) {
            #mentsuyu #contents #pagemenu ul li a span {
              padding-left: 0; }
              #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu #contents #pagemenu ul li a span:before {
                display: none !important; } }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu #contents #pagemenu ul li a {
            padding: 0; }
            #mentsuyu #contents #pagemenu ul li a:after {
              content: '';
              display: block;
              width: 143px;
              height: 2px;
              background: #ee7028;
              margin: 15px auto; } }
    @media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 767px) {
      #mentsuyu #contents #pagemenu ul li a:after {
        width: 25.89286%; } }
      #mentsuyu #contents #pagemenu ul li:last-child a:after {
        display: none; }
  #mentsuyu #contents #visual {
    display: block;
    overflow: hidden; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu #contents #visual {
        position: relative;
        top: 42px;
        margin-bottom: 42px;
        overflow: inherit; } }
    #mentsuyu #contents #visual .content {
      display: block;
      position: relative;
      padding: 19.375% 0 0;
      min-height: 310px; }
      @media (min-width: 768px) and (max-width: 949px) {
        #mentsuyu #contents #visual .content {
          padding-left: 0 !important;
          padding-right: 0 !important;
          padding-bottom: 0 !important; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu #contents #visual .content {
          padding: 37.34375% 0 0;
          min-height: 0; } }
  #mentsuyu #contents #mentsuyu-logo {
    display: none;
    width: 16.31579%;
    position: absolute;
    left: 0;
    top: 5.26316%;
    margin: 0;
    z-index: 100; }
    #mentsuyu #contents #mentsuyu-logo img {
      width: 100%;
      z-index: 100; }
    @media (min-width: 768px) and (max-width: 949px) {
      #mentsuyu #contents #mentsuyu-logo {
        left: 1.875%; } }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu #contents #mentsuyu-logo {
        width: 20.3125%;
        top: -32px;
        left: 3.125%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu #contents .visual-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: flexbox;
      position: relative; }
      #mentsuyu #contents .visual-wrap #pagemenu {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        position: relative;
        top: 42px; }
      #mentsuyu #contents .visual-wrap #visual {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2; } }

/*@import "layout_sp";*/
@font-face {
  font-family: Yu Gothic;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Windows8.1ではMediumがないのでRegularを指定 */ }

@font-face {
  font-family: Yu Gothic;
  font-weight: 700;
  src: local("YoGothic-Bold"), local("YoGothic-Bold");
  /* Chrome用 */ }

#mentsuyu #contents {
  font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', "Yu Gothic", YuGothic,'ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  /*	transform: rotate(0.001deg);*/ }

.ttl_h1, .ttl_h1-large, .ttl_h1-small, #mentsuyu #contents #pagemenu ul li a {
  font-family: 'TsukuARdGothic-Regular','小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', "Yu Gothic", YuGothic,'ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 700;
  -webkit-transform: rotate(0.001deg);
  -ms-transform: rotate(0.001deg);
  transform: rotate(0.001deg);
  letter-spacing: 0.05em; }
  @media all and (-ms-high-contrast: none) {
    .ttl_h1, .ttl_h1-large, .ttl_h1-small, #mentsuyu #contents #pagemenu ul li a {
      font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; } }

.clearfix, #mentsuyu.kodawari #contents #sec03 .content .txt, #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb__list, #mentsuyu.kodawari #contents #sec04 .col, #mentsuyu.kodawari #contents #sec05 .content .col-wrap, #mentsuyu.qa #contents .qa, #mentsuyu.qa #contents .qa .txt p span, #mentsuyu.hikaeme #contents #sec03 .wrap {
  position: relative;
  *zoom: 1; }
  .clearfix:after, #mentsuyu.kodawari #contents #sec03 .content .txt:after, #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb__list:after, #mentsuyu.kodawari #contents #sec04 .col:after, #mentsuyu.kodawari #contents #sec05 .content .col-wrap:after, #mentsuyu.qa #contents .qa:after, #mentsuyu.qa #contents .qa .txt p span:after, #mentsuyu.hikaeme #contents #sec03 .wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden; }

.max_width, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu ul, #mentsuyu #contents #visual .content, #mentsuyu.qa #contents .bg_tit h1 {
  width: 100%;
  max-width: 950px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) and (max-width: 949px) {
    .max_width, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu ul, #mentsuyu #contents #visual .content, #mentsuyu.qa #contents .bg_tit h1 {
      max-width: 100%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .max_width, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu ul, #mentsuyu #contents #visual .content, #mentsuyu.qa #contents .bg_tit h1 {
      max-width: 100%; } }

.min_width, #mentsuyu #contents, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu, #mentsuyu.top #contents #slider {
  min-width: 950px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .min_width, #mentsuyu #contents, #mentsuyu #contents section .content, #mentsuyu #contents #pagemenu, #mentsuyu.top #contents #slider {
      min-width: 100%; } }

.inline-block, #mentsuyu #contents #pagemenu ul, #mentsuyu.top #contents #sec01 .content, #mentsuyu.top #contents #sec02 .content, #mentsuyu.recipe #contents #sec01 .content ul, #mentsuyu.recipe #contents section .content ul.list, #mentsuyu.qa #contents #sec02 .content ul, #mentsuyu.hikaeme #contents #sec02 .recipe--list {
  letter-spacing: -.5em; }
  .inline-block > *, #mentsuyu #contents #pagemenu ul > *, #mentsuyu.top #contents #sec01 .content > *, #mentsuyu.top #contents #sec02 .content > *, #mentsuyu.recipe #contents #sec01 .content ul > *, #mentsuyu.recipe #contents section .content ul.list > *, #mentsuyu.qa #contents #sec02 .content ul > *, #mentsuyu.hikaeme #contents #sec02 .recipe--list > * {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle; }

.box, #mentsuyu.top #contents #sec01 .content .col, #mentsuyu.top #contents #sec01 .content .col:last-child dl, #mentsuyu.top #contents #sec02 .content .col, #mentsuyu.kodawari #contents #sec04 ul.pagelinks li, #mentsuyu.qa #contents .qa .voice,
#mentsuyu.qa #contents .qa .txt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.arrow, .arrow-top, #mentsuyu #contents section .content .pagetop span, .arrow-or, .arrow-or-down, .arrow-down, #mentsuyu.recipe #contents #sec01 .content ul li span, #mentsuyu.qa #contents #sec02 .content ul li span, #mentsuyu #contents #pagemenu ul li a span, #mentsuyu.recipe #contents section .content ul.list li h2 span, .btn a span, #mentsuyu.hikaeme #contents #sec03 .btn a span {
  position: relative;
  display: inline-block; }
  .arrow:after, .arrow-top:after, #mentsuyu #contents section .content .pagetop span:after, .arrow-or:after, .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after, #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:after, .btn a span:after, #mentsuyu.hikaeme #contents #sec03 .btn a span:after, .arrow:before, .arrow-top:before, #mentsuyu #contents section .content .pagetop span:before, .arrow-or:before, .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before, #mentsuyu #contents #pagemenu ul li a span:before, #mentsuyu.recipe #contents section .content ul.list li h2 span:before, .btn a span:before, #mentsuyu.hikaeme #contents #sec03 .btn a span:before {
    content: '';
    position: absolute; }
  .arrow:before, .arrow-top:before, #mentsuyu #contents section .content .pagetop span:before, .arrow-or:before, .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before, #mentsuyu #contents #pagemenu ul li a span:before, #mentsuyu.recipe #contents section .content ul.list li h2 span:before, .btn a span:before, #mentsuyu.hikaeme #contents #sec03 .btn a span:before {
    top: 50%;
    margin-top: -6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 100%; }
  .arrow:after, .arrow-top:after, #mentsuyu #contents section .content .pagetop span:after, .arrow-or:after, .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after, #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:after, .btn a span:after, #mentsuyu.hikaeme #contents #sec03 .btn a span:after {
    display: block;
    z-index: 2;
    top: 50%;
    margin-top: -2px;
    left: 3px;
    width: 3px;
    height: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .arrow_hov:before, .btn:hover a span:before, #mentsuyu.hikaeme #contents #sec03 .btn a:hover span:before {
    background-color: #ed6506; }
  .arrow_hov:after, .btn:hover a span:after, #mentsuyu.hikaeme #contents #sec03 .btn a:hover span:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .arrow-top:before, #mentsuyu #contents section .content .pagetop span:before {
    right: 0;
    left: auto; }
  .arrow-top:after, #mentsuyu #contents section .content .pagetop span:after {
    margin-top: -1px;
    right: 5px;
    left: auto;
    width: 2px;
    height: 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .arrow-or:before, .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before, #mentsuyu #contents #pagemenu ul li a span:before, #mentsuyu.recipe #contents section .content ul.list li h2 span:before {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-color: #ed6506; }
  .arrow-or:after, .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after, #mentsuyu #contents #pagemenu ul li a span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:after {
    top: 50%;
    margin-top: -2px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .arrow-or-down:before, .arrow-down:before, #mentsuyu.recipe #contents #sec01 .content ul li span:before, #mentsuyu.qa #contents #sec02 .content ul li span:before {
    right: 0;
    left: auto; }
  .arrow-or-down:after, .arrow-down:after, #mentsuyu.recipe #contents #sec01 .content ul li span:after, #mentsuyu.qa #contents #sec02 .content ul li span:after {
    margin-top: -3px;
    right: 6px;
    left: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .arrow-down:before {
    top: auto;
    bottom: 0px;
    left: 50%;
    margin-left: -8px;
    background-color: #000; }
  .arrow-down:after {
    top: auto;
    bottom: 7px;
    left: 50%;
    margin-left: -3px; }

.btn {
  width: 180px;
  border: 1px solid #000;
  text-align: center;
  background: rgba(255, 255, 255, 0.5); }
  @media (min-width: 0px) and (max-width: 767px) {
    .btn {
      width: 92.85714%;
      margin: 0 auto; } }
  .btn a {
    padding: 20px;
    display: block; }
    .btn a span {
      color: #000000;
      font-weight: bold;
      padding-left: 16px;
      -webkit-transform: rotate(0.001deg);
      -ms-transform: rotate(0.001deg);
      transform: rotate(0.001deg); }
    @media (min-width: 0px) and (max-width: 767px) {
      .btn a {
        padding: 10px 20px; } }
  .btn:hover a span {
    color: #ee7028; }

img {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.image img {
  width: 100%;
  -webkit-backface-visibility: hidden; }

a.fade,
a.fade img,
a.fade > span,
a.fade > span:before,
a.fade > span:after,
a.fade:before,
a.fade:after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*  overflow:hidden;*/ }

a.fade:hover img {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*  overflow:hidden;*/ }

.ttl_h1, .ttl_h1-large, .ttl_h1-small {
  font-size: 200%;
  font-weight: bold;
  line-height: 2;
  color: #ee7028; }
  @media (min-width: 0px) and (max-width: 767px) {
    .ttl_h1, .ttl_h1-large, .ttl_h1-small {
      font-size: 125%; } }
  .ttl_h1-large {
    font-size: 250%;
    text-align: center; }
    @media (min-width: 0px) and (max-width: 767px) {
      .ttl_h1-large {
        font-size: 142%; } }
  .ttl_h1-small {
    font-size: 150%;
    line-height: 1.5;
    margin-bottom: 3.15789%; }
    @media (min-width: 0px) and (max-width: 767px) {
      .ttl_h1-small {
        font-size: 109%; } }

.ttl_line:after {
  content: '';
  display: block;
  width: 143px;
  height: 2px;
  background: #ee7028;
  margin: 10px auto 30px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .ttl_line:after {
      width: 25.89286%; } }

@media (min-width: 767px) and (max-width: 950px) {
  .tb_item {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  .pc_item {
    display: none; } }

.sp_item {
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .sp_item {
      display: inline; } }

.em {
  font-weight: bold; }

.tx-c {
  text-align: center; }

.note {
  font-size: 75%; }

@media (min-width: 0px) and (max-width: 767px) {
  #mentsuyu.top #contents #pagemenu {
    display: none; } }

#mentsuyu.top #contents #slider {
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.top #contents #slider {
      position: relative;
      padding-top: 42px; } }
  #mentsuyu.top #contents #slider .content {
    position: relative;
    padding: 33.125% 0 0; }
    @media (min-width: 768px) and (max-width: 949px) {
      #mentsuyu.top #contents #slider .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important; } }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.top #contents #slider .content {
        padding-top: 105%; } }
  #mentsuyu.top #contents #slider .slider {
    width: 100%;
    min-width: 950px;
    overflow: hidden;
    margin-bottom: 0;
    position: absolute;
    top: 0; }
    #mentsuyu.top #contents #slider .slider li {
      width: 100%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.top #contents #slider .slider {
        display: none; } }
    #mentsuyu.top #contents #slider .slider img {
      width: 100%; }
  #mentsuyu.top #contents #slider .slider_sp {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
    max-width: 1600px;
    position: absolute;
    top: 42px; }
    #mentsuyu.top #contents #slider .slider_sp li {
      width: 100%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.top #contents #slider .slider_sp {
        display: block !important; } }
    @media (min-width: 768px) {
      #mentsuyu.top #contents #slider .slider_sp {
        display: none !important; } }
    #mentsuyu.top #contents #slider .slider_sp img {
      width: 100%; }

#mentsuyu.top #contents #sec01 {
  background: url("../img/top/bg01.jpg") no-repeat center top;
  background-size: cover; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.top #contents #sec01 {
      background-size: auto 100%; } }
  #mentsuyu.top #contents #sec01 .content .col {
    width: 50%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.top #contents #sec01 .content .col {
        width: 100%;
        display: block; } }
    #mentsuyu.top #contents #sec01 .content .col:last-child {
      background: #FFF; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.top #contents #sec01 .content .col:last-child {
          margin-top: 9.28571%; } }
      #mentsuyu.top #contents #sec01 .content .col:last-child .image {
        position: relative; }
        #mentsuyu.top #contents #sec01 .content .col:last-child .image h2 {
          width: 40px;
          position: absolute;
          left: 3.11111%;
          top: 0;
          z-index: 2; }
          @media (min-width: 0px) and (max-width: 767px) {
            #mentsuyu.top #contents #sec01 .content .col:last-child .image h2 {
              width: 7.14286%; } }
      #mentsuyu.top #contents #sec01 .content .col:last-child dl {
        width: 100%;
        padding: 24px;
        display: table; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.top #contents #sec01 .content .col:last-child dl {
            padding: 6.60714% 0; } }
        #mentsuyu.top #contents #sec01 .content .col:last-child dl dt,
        #mentsuyu.top #contents #sec01 .content .col:last-child dl dd {
          display: table-cell;
          vertical-align: middle; }
          @media (min-width: 0px) and (max-width: 767px) {
            #mentsuyu.top #contents #sec01 .content .col:last-child dl dt,
            #mentsuyu.top #contents #sec01 .content .col:last-child dl dd {
              display: block;
              text-align: center;
              letter-spacing: normal !important; } }
          #mentsuyu.top #contents #sec01 .content .col:last-child dl dt.tight,
          #mentsuyu.top #contents #sec01 .content .col:last-child dl dd.tight {
            letter-spacing: -.04em; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.top #contents #sec01 .content .col:last-child dl dt {
            padding-bottom: 6.60714%; } }

#mentsuyu.top #contents #sec02 .content .col {
  width: 50%;
  vertical-align: top;
  padding-left: 2.63158%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.top #contents #sec02 .content .col {
      width: 100%;
      padding: 0 !important; } }
  #mentsuyu.top #contents #sec02 .content .col:first-child {
    padding-right: 2.63158%;
    padding-left: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.top #contents #sec02 .content .col:first-child {
        margin-bottom: 13.39286%; } }
  #mentsuyu.top #contents #sec02 .content .col:last-child {
    padding-left: 2.63158%; }
  #mentsuyu.top #contents #sec02 .content .col .image {
    margin-bottom: 20px; }
  #mentsuyu.top #contents #sec02 .content .col .new {
    display: inline-block;
    vertical-align: text-top;
    width: 78px;
    margin: 5px 5px 0 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.top #contents #sec02 .content .col .new {
        width: 19.28571%; } }

#mentsuyu.top #contents #sec02 .bnr {
  margin-top: 5%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.top #contents #sec02 .bnr {
      margin-top: 12.5%; } }

#mentsuyu.recipe #contents #visual {
  background: url("../img/recipe/main.jpg") center no-repeat;
  background-size: auto 100% !important; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.recipe #contents #visual {
      background: url("../img/recipe/main_sp.jpg") center bottom no-repeat; } }

#mentsuyu.recipe #contents #sec01 .content p {
  margin-bottom: 6.31579%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.recipe #contents #sec01 .content p {
      margin-bottom: 10.71429%; } }

#mentsuyu.recipe #contents #sec01 .content ul {
  border: solid #ee7028;
  border-width: 1px 0 1px 0;
  padding: 2.5%;
  margin-bottom: 4.21053%; }
  #mentsuyu.recipe #contents #sec01 .content ul li {
    margin: 2.5% 0;
    font-size: 117%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.recipe #contents #sec01 .content ul li {
        margin: 7.14286% 0;
        font-size: 109%;
        display: block; } }
    #mentsuyu.recipe #contents #sec01 .content ul li + li {
      margin-left: 3.125%; }
    #mentsuyu.recipe #contents #sec01 .content ul li span {
      padding-right: 20px; }

#mentsuyu.recipe #contents section .content {
  text-align: center; }
  #mentsuyu.recipe #contents section .content ul.list {
    text-align: left; }
    #mentsuyu.recipe #contents section .content ul.list li {
      width: 30.52632%;
      margin: 0 4.21053% 0 0;
      vertical-align: top;
      background: url("../img/bg.gif");
      margin-bottom: 20px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.recipe #contents section .content ul.list li {
          width: 100%;
          margin-bottom: 20px; } }
      #mentsuyu.recipe #contents section .content ul.list li:nth-child(3n) {
        margin-right: 0; }
      #mentsuyu.recipe #contents section .content ul.list li h2 {
        font-size: 100%;
        display: block;
        padding: 20px 0 20px 25px;
        text-align: center;
        line-height: 1.4; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.recipe #contents section .content ul.list li h2 {
            font-size: 109%; } }
        #mentsuyu.recipe #contents section .content ul.list li h2 span {
          position: relative; }
          #mentsuyu.recipe #contents section .content ul.list li h2 span:after, #mentsuyu.recipe #contents section .content ul.list li h2 span:before {
            margin-left: -20px; }
  #mentsuyu.recipe #contents section .content .ttl_h1, #mentsuyu.recipe #contents section .content .ttl_h1-large, #mentsuyu.recipe #contents section .content .ttl_h1-small {
    margin-bottom: 4.21053%; }
  #mentsuyu.recipe #contents section .content .btn {
    display: table;
    margin: 8.42105% auto; }
    @media (min-width: 768px) {
      #mentsuyu.recipe #contents section .content .btn {
        width: auto; } }

#mentsuyu.kodawari #contents #visual {
  background: url("../img/kodawari/main.jpg") center no-repeat;
  background-size: auto 100% !important; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #visual {
      background: url("../img/kodawari/main_sp.jpg") center bottom no-repeat; } }

#mentsuyu.kodawari #contents p {
  letter-spacing: -0.08em !important; }

@media (min-width: 0px) and (max-width: 767px) {
  #mentsuyu.kodawari #contents #sec01 {
    margin-bottom: 23.4375%; } }

#mentsuyu.kodawari #contents #sec01 h1 {
  position: relative;
  padding-top: 1em; }
  #mentsuyu.kodawari #contents #sec01 h1 span {
    color: #000;
    font-size: 67%;
    display: table;
    margin: 0 auto 10px;
    line-height: 1;
    position: relative; }
    #mentsuyu.kodawari #contents #sec01 h1 span:before, #mentsuyu.kodawari #contents #sec01 h1 span:after {
      content: '';
      display: block;
      width: 30px;
      height: 90%;
      position: absolute; }
    #mentsuyu.kodawari #contents #sec01 h1 span:before {
      background: -webkit-linear-gradient(35deg, #fff, #fff 46.5%, #000 48.5%, #000 52.5%, #fff 54.5%, #fff);
      background: -o-linear-gradient(35deg, #fff, #fff 46.5%, #000 48.5%, #000 52.5%, #fff 54.5%, #fff);
      background: linear-gradient(55deg, #fff, #fff 46.5%, #000 48.5%, #000 52.5%, #fff 54.5%, #fff);
      top: 0;
      left: 0;
      -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      transform: translateX(-40px); }
    #mentsuyu.kodawari #contents #sec01 h1 span:after {
      background: -webkit-linear-gradient(325deg, #fff, #fff 46.5%, #000 48.5%, #000 52.5%, #fff 54.5%, #fff);
      background: -o-linear-gradient(325deg, #fff, #fff 46.5%, #000 48.5%, #000 52.5%, #fff 54.5%, #fff);
      background: linear-gradient(125deg, #fff, #fff 46.5%, #000 48.5%, #000 52.5%, #fff 54.5%, #fff);
      top: 0;
      right: 0;
      -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
      transform: translateX(40px); }

#mentsuyu.kodawari #contents #sec02 {
  background: url("../img/bg.gif"); }
  #mentsuyu.kodawari #contents #sec02 .content {
    padding: 0; }
    #mentsuyu.kodawari #contents #sec02 .content .col-wrap {
      width: 100%;
      display: table;
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media (min-width: 768px) and (max-width: 949px) {
        #mentsuyu.kodawari #contents #sec02 .content .col-wrap {
          padding: 0 1.875%; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec02 .content .col-wrap {
          padding: 0 6.25%;
          display: -webkit-box;
          display: -moz-box;
          display: box;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          box-orient: vertical; } }
      #mentsuyu.kodawari #contents #sec02 .content .col-wrap h1 {
        font-size: 117%; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec02 .content .col-wrap h1 {
            font-size: 109%; } }
      #mentsuyu.kodawari #contents #sec02 .content .col-wrap .txt {
        width: 48.42105%;
        padding: 5.26316% 0; }
        @media (min-width: 768px) and (max-width: 949px) {
          #mentsuyu.kodawari #contents #sec02 .content .col-wrap .txt {
            padding: 3.15789% 0; } }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec02 .content .col-wrap .txt {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            box-ordinal-group: 2;
            width: 100%; } }
        #mentsuyu.kodawari #contents #sec02 .content .col-wrap .txt p {
          margin-bottom: 0; }
          @media (min-width: 0px) and (max-width: 767px) {
            #mentsuyu.kodawari #contents #sec02 .content .col-wrap .txt p {
              margin-bottom: 20px; } }
      #mentsuyu.kodawari #contents #sec02 .content .col-wrap .image {
        width: 56.42105%;
        position: absolute;
        right: 0;
        top: 0; }
        @media (min-width: 768px) and (max-width: 1120px) {
          #mentsuyu.kodawari #contents #sec02 .content .col-wrap .image {
            width: 48.42105%; } }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec02 .content .col-wrap .image {
            width: 100%;
            position: relative;
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            box-ordinal-group: 1;
            margin-top: -46.42857%; } }
        #mentsuyu.kodawari #contents #sec02 .content .col-wrap .image img {
          width: auto !important;
          -webkit-transform: translate(70px, -18.56148%);
          -ms-transform: translate(70px, -18.56148%);
          transform: translate(70px, -18.56148%); }
          @media (min-width: 768px) and (max-width: 1120px) {
            #mentsuyu.kodawari #contents #sec02 .content .col-wrap .image img {
              width: 100% !important;
              -webkit-transform: translate(0, -20%);
              -ms-transform: translate(0, -20%);
              transform: translate(0, -20%); } }
          @media (min-width: 0px) and (max-width: 767px) {
            #mentsuyu.kodawari #contents #sec02 .content .col-wrap .image img {
              -webkit-transform: none;
              -ms-transform: none;
              transform: none; } }

#mentsuyu.kodawari #contents #sec03 .content {
  padding-top: 7.5%; }
  #mentsuyu.kodawari #contents #sec03 .content > .content {
    padding: 0; }
  #mentsuyu.kodawari #contents #sec03 .content + .content {
    padding-top: 3.75%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec03 .content + .content {
        padding: 0;
        margin-top: 12.5%; } }
  #mentsuyu.kodawari #contents #sec03 .content .ttl_h1-large span {
    display: block;
    line-height: 1.19048; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec03 .content .ttl_h1-large span {
        line-height: 2; } }
  #mentsuyu.kodawari #contents #sec03 .content .image {
    margin-bottom: 75px; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec03 .content .image {
        margin-bottom: 12.5%; } }
  #mentsuyu.kodawari #contents #sec03 .content h2 {
    color: #ee7028;
    text-align: center;
    font-size: 192%;
    line-height: 1.05603;
    margin-bottom: 6.31579%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec03 .content h2 {
        font-size: 142%;
        line-height: 1.5; } }
  #mentsuyu.kodawari #contents #sec03 .content .tab {
    width: 19.47368%;
    margin: 0 auto 1.05263%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec03 .content .tab {
        width: 43.39286%;
        margin: 0 auto 3.57143%; } }
  #mentsuyu.kodawari #contents #sec03 .content .txt {
    text-align: left; }
    #mentsuyu.kodawari #contents #sec03 .content .txt + .txt {
      margin-top: 75px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec03 .content .txt + .txt {
          margin-top: 10.71429%; } }
    #mentsuyu.kodawari #contents #sec03 .content .txt h3 {
      position: relative;
      margin-bottom: 30px;
      padding-left: 2.5em; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec03 .content .txt h3 {
          display: table;
          margin: 0 auto 30px;
          font-size: 109%;
          text-align: center;
          padding: 0 1em; } }
      #mentsuyu.kodawari #contents #sec03 .content .txt h3:before {
        position: absolute;
        top: 50%;
        left: 0;
        content: '';
        width: 2em;
        height: 1px;
        display: block;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        border-bottom: 1px solid #000; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec03 .content .txt h3:before {
            width: 1em; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec03 .content .txt h3:after {
          position: absolute;
          top: 50%;
          right: 0;
          content: '';
          width: 1em;
          height: 1px;
          display: block;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          overflow: hidden;
          border-bottom: 1px solid #000; } }
    #mentsuyu.kodawari #contents #sec03 .content .txt p {
      margin-bottom: 40px; }
      @media (min-width: 768px) {
        #mentsuyu.kodawari #contents #sec03 .content .txt p.w-left {
          width: 49.47368%;
          display: inline-block; } }
      #mentsuyu.kodawari #contents #sec03 .content .txt p:last-child {
        margin-bottom: 0; }
      #mentsuyu.kodawari #contents #sec03 .content .txt p.mb40 {
        margin-bottom: 40px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec03 .content .txt p {
          margin-bottom: 20px; }
          #mentsuyu.kodawari #contents #sec03 .content .txt p.mb40 {
            margin-bottom: 20px; } }
      #mentsuyu.kodawari #contents #sec03 .content .txt p.lead {
        font-size: 134%;
        line-height: 2.22222;
        text-align: center; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec03 .content .txt p.lead {
            font-size: 109%;
            line-height: 1.8125; } }
    #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb {
      width: 45.26316%; }
      #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb__col {
        width: 33.333%;
        float: left; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb__col {
            width: 100%;
            float: none; } }
      #mentsuyu.kodawari #contents #sec03 .content .txt .img-thumb img + img {
        margin-top: 10px; }
    #mentsuyu.kodawari #contents #sec03 .content .txt .img-left {
      float: left;
      margin: 0 5.26316% 8.42105% 0; }
    #mentsuyu.kodawari #contents #sec03 .content .txt .img-right {
      float: right;
      margin: 0 0 5.26316% 5.26316%; }
    #mentsuyu.kodawari #contents #sec03 .content .txt .btn {
      display: table;
      margin: 5.26316% auto 0;
      width: auto; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec03 .content .txt .btn {
          width: 100%;
          margin: 7.8125% auto 0; }
          #mentsuyu.kodawari #contents #sec03 .content .txt .btn a {
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; } }

#mentsuyu.kodawari #contents #sec04 .main {
  position: relative; }
  #mentsuyu.kodawari #contents #sec04 .main .image {
    position: absolute;
    width: 13.68421%;
    right: 0;
    top: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec04 .main .image {
        position: static;
        width: 22.34375%;
        float: right; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #sec04 .main p {
      text-align: left; } }

#mentsuyu.kodawari #contents #sec04 .bg {
  background: url("../img/bg.gif");
  padding: 3.15789% 0;
  margin: -2.10526% 0 2.10526%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #sec04 .bg {
      padding: 6.25%;
      margin: -20px 0 0; } }

#mentsuyu.kodawari #contents #sec04 ul.pagelinks {
  max-width: 950px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #sec04 ul.pagelinks {
      display: block; } }
  #mentsuyu.kodawari #contents #sec04 ul.pagelinks li {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 30.52632%;
    margin: 0 4.21053% 0 0;
    text-align: center;
    border: 1px solid #000000; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li {
        width: 100%;
        margin: 0 0 5.35714%;
        display: block; } }
    #mentsuyu.kodawari #contents #sec04 ul.pagelinks li:last-child {
      margin: 0; }
    #mentsuyu.kodawari #contents #sec04 ul.pagelinks li em {
      font-size: 134%;
      display: block;
      margin-top: 10px;
      line-height: 1.42042;
      font-weight: bold;
      font-style: normal; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec04 ul.pagelinks li em {
          margin: 0;
          font-size: 109%; } }
    #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a {
      padding: 40px 0 50px;
      position: relative;
      display: table;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a {
          padding: 3.57143% 0; } }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a em {
        display: table-cell;
        vertical-align: middle; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a em {
            display: block; } }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:after, #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:before {
        content: '';
        position: absolute; }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:before {
        bottom: 22px;
        left: 50%;
        width: 16px;
        height: 16px;
        background-color: #000;
        border-radius: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:before {
            top: 50%;
            margin-top: -8px;
            right: 1.78571%;
            left: auto; } }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:after {
        display: block;
        z-index: 2;
        bottom: 28px;
        left: 50%;
        margin-left: -3px;
        width: 4px;
        height: 4px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:after {
            top: 50%;
            margin-top: -3px;
            right: 1.78571%;
            margin-right: 14px;
            margin-left: auto;
            left: auto; } }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a span {
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #ed6506; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a span {
            position: static;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            font-size: 84%; } }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:hover:before {
        background-color: #ee7028; }
      #mentsuyu.kodawari #contents #sec04 ul.pagelinks li a:hover span {
        color: #ee7028; }

#mentsuyu.kodawari #contents #sec04 .col {
  margin-bottom: 4.21053%; }
  #mentsuyu.kodawari #contents #sec04 .col_end {
    margin-bottom: 0; }
    #mentsuyu.kodawari #contents #sec04 .col_end .image {
      margin-bottom: 0; }
  #mentsuyu.kodawari #contents #sec04 .col dl {
    float: left;
    width: 50%;
    margin-bottom: 4.21053%;
    display: table; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec04 .col dl {
        float: none;
        width: 100%; } }
    #mentsuyu.kodawari #contents #sec04 .col dl dt,
    #mentsuyu.kodawari #contents #sec04 .col dl dd {
      display: table-cell;
      vertical-align: middle; }
    #mentsuyu.kodawari #contents #sec04 .col dl dt {
      width: 66px;
      height: 66px;
      background: url("../img/kodawari/num.png") center no-repeat;
      background-size: 100%;
      color: #fff;
      text-align: center;
      font-size: 84%;
      line-height: 1; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec04 .col dl dt {
          width: 50px;
          height: 50px;
          font-size: 67%; } }
      #mentsuyu.kodawari #contents #sec04 .col dl dt span {
        display: block;
        font-size: 184%; }
    #mentsuyu.kodawari #contents #sec04 .col dl dd {
      font-size: 117%;
      color: #ee7028;
      padding-left: 15px;
      line-height: 1.2; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.kodawari #contents #sec04 .col dl dd {
          font-size: 75%; } }
  #mentsuyu.kodawari #contents #sec04 .col .image {
    width: 47.36842%;
    float: right; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec04 .col .image {
        float: none;
        width: 100%;
        margin-bottom: 3.57143%; } }
    #mentsuyu.kodawari #contents #sec04 .col .image p {
      margin-top: 10px;
      text-align: right; }
  #mentsuyu.kodawari #contents #sec04 .col .txt {
    width: 49.47368%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.kodawari #contents #sec04 .col .txt {
        width: 100%; } }

#mentsuyu.kodawari #contents #sec04 .btn {
  display: table;
  margin: 5.26316% auto;
  width: auto; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #sec04 .btn {
      width: 100%;
      margin: 7.8125% auto; }
      #mentsuyu.kodawari #contents #sec04 .btn a {
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #mentsuyu.kodawari #contents #sec05 .content h1 {
    text-align: center; } }

#mentsuyu.kodawari #contents #sec05 .content .col-wrap {
  margin-top: 6.84211%;
  margin-bottom: 7.89474%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #mentsuyu.kodawari #contents #sec05 .content .col-wrap .txt {
    width: 50%; }
  #mentsuyu.kodawari #contents #sec05 .content .col-wrap .image {
    width: 48.84211%;
    position: absolute;
    right: 0;
    top: 0; }
    #mentsuyu.kodawari #contents #sec05 .content .col-wrap .image img {
      width: auto !important;
      -webkit-transform: translate(114px, -28.92768%);
      -ms-transform: translate(114px, -28.92768%);
      transform: translate(114px, -28.92768%); }
      @media (min-width: 768px) and (max-width: 1120px) {
        #mentsuyu.kodawari #contents #sec05 .content .col-wrap .image img {
          width: 100% !important;
          -webkit-transform: translate(0, -20%);
          -ms-transform: translate(0, -20%);
          transform: translate(0, -20%); } }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #sec05 .content .col-wrap .txt,
    #mentsuyu.kodawari #contents #sec05 .content .col-wrap .image {
      width: 100%;
      float: none; }
    #mentsuyu.kodawari #contents #sec05 .content .col-wrap .image {
      width: 106.25%;
      margin: 0 -6.25% 0 0;
      position: static; }
      #mentsuyu.kodawari #contents #sec05 .content .col-wrap .image img {
        width: 106.25%;
        position: static;
        margin-right: -6.25%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }

#mentsuyu.kodawari #contents #sec05 .btn {
  display: table;
  margin: 5.26316% auto;
  width: auto; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.kodawari #contents #sec05 .btn {
      width: 100%;
      margin: 7.8125% auto; }
      #mentsuyu.kodawari #contents #sec05 .btn a {
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }

#mentsuyu.kodawari #contents .content {
  text-align: center; }
  #mentsuyu.kodawari #contents .content .col {
    text-align: left; }
  #mentsuyu.kodawari #contents .content .lead {
    margin-bottom: 4.21053%; }

#mentsuyu.qa #contents #visual {
  background: url("../img/qa/main.jpg") center no-repeat;
  background-size: auto 100% !important; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.qa #contents #visual {
      background: url("../img/qa/main_sp.jpg") center bottom no-repeat; } }

#mentsuyu.qa #contents #sec01 .content {
  position: relative;
  padding-bottom: 0; }
  #mentsuyu.qa #contents #sec01 .content p {
    text-align: center;
    margin-bottom: 6.31579%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents #sec01 .content p {
        margin-bottom: 10.71429%; } }
  #mentsuyu.qa #contents #sec01 .content .image {
    position: absolute;
    top: 7.36842%;
    right: 3.15789%;
    width: 17.05263%; }

#mentsuyu.qa #contents #sec02 {
  background: url("../img/bg.gif") center;
  margin-bottom: 3.75%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.qa #contents #sec02 {
      margin-bottom: 9.375%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.qa #contents #sec02 .content {
      padding: 6.25% 6.25% 4.6875%; } }
  #mentsuyu.qa #contents #sec02 .content ul li {
    width: 47.89474%;
    border-bottom: 1px solid #ee7028;
    line-height: 1.2;
    margin-bottom: 3.15789%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents #sec02 .content ul li {
        width: 100%; } }
    #mentsuyu.qa #contents #sec02 .content ul li a {
      color: #ee7028; }
    #mentsuyu.qa #contents #sec02 .content ul li span {
      display: table;
      padding-right: 20px;
      margin-bottom: 1.05263%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents #sec02 .content ul li span {
          display: block;
          padding-left: 1.5em;
          text-indent: -1.5em;
          margin-bottom: 3.57143%; } }
      #mentsuyu.qa #contents #sec02 .content ul li span:before {
        top: auto;
        bottom: 10px;
        right: 0;
        left: auto;
        width: 17px;
        height: 17px; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents #sec02 .content ul li span:before {
            top: 50%;
            bottom: auto; } }
      #mentsuyu.qa #contents #sec02 .content ul li span:after {
        top: auto;
        bottom: 17px;
        right: 6px;
        left: auto;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents #sec02 .content ul li span:after {
            top: 50%;
            bottom: auto; } }
    #mentsuyu.qa #contents #sec02 .content ul li:nth-child(2n) {
      margin-left: 4.21053%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents #sec02 .content ul li:nth-child(2n) {
          margin-left: 0; } }
    #mentsuyu.qa #contents #sec02 .content ul li:nth-child(7), #mentsuyu.qa #contents #sec02 .content ul li:nth-child(8) {
      margin-bottom: 1.05263%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents #sec02 .content ul li:nth-child(7), #mentsuyu.qa #contents #sec02 .content ul li:nth-child(8) {
          margin-bottom: 3.57143%; } }
    #mentsuyu.qa #contents #sec02 .content ul li em {
      font-size: 150%;
      display: inline-block;
      vertical-align: top;
      padding-left: 5px;
      padding-bottom: 1.05263%;
      font-weight: normal;
      margin-top: -3px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents #sec02 .content ul li em {
          font-size: 117%;
          display: inline; } }

#mentsuyu.qa #contents .bg_tit {
  background: url("../img/bg02.gif") center;
  margin-bottom: 1.2931%; }
  #mentsuyu.qa #contents .bg_tit + .content {
    display: none;
    padding-top: 3.87931%; }
  #mentsuyu.qa #contents .bg_tit h1 {
    text-align: left;
    color: #fff;
    padding: 1.2931% 0;
    position: relative;
    font-size: 184%; }
    @media (min-width: 768px) and (max-width: 949px) {
      #mentsuyu.qa #contents .bg_tit h1 {
        padding: 0.9375% 1.875%; } }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .bg_tit h1 {
        width: 100%;
        font-size: 125%;
        padding: 3.125% 10.15625% 3.125% 6.25%;
        display: table; } }
    #mentsuyu.qa #contents .bg_tit h1:after, #mentsuyu.qa #contents .bg_tit h1:before {
      content: '';
      position: absolute; }
    #mentsuyu.qa #contents .bg_tit h1:before {
      top: 50%;
      margin-top: -16px;
      right: 0;
      width: 32px;
      height: 32px;
      background-color: #fff;
      border-radius: 100%; }
      @media (min-width: 768px) and (max-width: 949px) {
        #mentsuyu.qa #contents .bg_tit h1:before {
          right: 0.9375%; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .bg_tit h1:before {
          width: 16px;
          height: 16px;
          right: 6.25%;
          margin-top: -8px; } }
    #mentsuyu.qa #contents .bg_tit h1:after {
      display: block;
      z-index: 2;
      top: 50%;
      margin-top: -6px;
      right: 12px;
      width: 7px;
      height: 7px;
      border-right: 2px solid #ee7028;
      border-bottom: 2px solid #ee7028;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media (min-width: 768px) and (max-width: 949px) {
        #mentsuyu.qa #contents .bg_tit h1:after {
          margin-right: 11px;
          right: 0.9375%; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .bg_tit h1:after {
          width: 3px;
          height: 3px;
          margin-top: -3px;
          margin-right: 6px;
          right: 6.25%; } }
    #mentsuyu.qa #contents .bg_tit h1 span {
      display: inline-block;
      vertical-align: middle; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .bg_tit h1 span {
          display: table-cell;
          line-height: 1.4; } }
      #mentsuyu.qa #contents .bg_tit h1 span:first-child {
        font-size: 84%;
        padding-right: 20px; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents .bg_tit h1 span:first-child {
            padding-right: 10px; } }
  #mentsuyu.qa #contents .bg_tit.close h1:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -3px; }

#mentsuyu.qa #contents .qa {
  width: 100%;
  margin-bottom: 4.21053%; }
  #mentsuyu.qa #contents .qa h2 {
    text-align: center;
    margin-bottom: 6.31579%;
    font-size: 209%;
    color: #ee7028; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa h2 {
        font-size: 125%; } }
    #mentsuyu.qa #contents .qa h2 span {
      position: relative;
      display: inline-block;
      background: #FFF;
      padding: 0 10px; }
      #mentsuyu.qa #contents .qa h2 span:after {
        content: '';
        display: block;
        width: 200%;
        height: 4px;
        background: #ee7028;
        left: -50%;
        top: 50%;
        margin-top: -2px;
        position: absolute;
        z-index: -1; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents .qa h2 span:after {
            width: 150%;
            left: -25%; } }
  #mentsuyu.qa #contents .qa .voice,
  #mentsuyu.qa #contents .qa .txt {
    vertical-align: top; }
  #mentsuyu.qa #contents .qa .voice {
    width: 15.47368%;
    text-align: center; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa .voice {
        width: 18.57143%;
        font-size: 75%; } }
    #mentsuyu.qa #contents .qa .voice img {
      display: block;
      margin-bottom: 6.80272%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa .voice img {
          width: 100%; } }
  #mentsuyu.qa #contents .qa .txt {
    width: 84.52632%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa .txt {
        width: 81.42857%; }
        #mentsuyu.qa #contents .qa .txt.image {
          width: 100%;
          padding-left: 0;
          padding-right: 0; } }
    #mentsuyu.qa #contents .qa .txt p {
      padding: 4.98132%;
      border: 1px solid #b1b1b1;
      border-radius: 40px;
      position: relative;
      margin-bottom: 4.21053%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa .txt p {
          border-radius: 20px;
          padding: 7.14286%; } }
      #mentsuyu.qa #contents .qa .txt p:after {
        content: '';
        display: block;
        width: 19px;
        height: 13px;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        z-index: 3; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents .qa .txt p:after {
            top: 14.28571%;
            width: 15px;
            height: 9px;
            margin-top: 0; } }
      #mentsuyu.qa #contents .qa .txt p .image {
        width: 83.06351%;
        margin-left: -2.10526%; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents .qa .txt p .image {
            width: 100%;
            margin-left: 0; } }
    #mentsuyu.qa #contents .qa .txt .image-all {
      padding: 4.21053%; }
      #mentsuyu.qa #contents .qa .txt .image-all img {
        width: auto; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa .txt .image-all img {
          width: 100%; } }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa .txt .image-all {
          padding: 4.21053% 0; }
          #mentsuyu.qa #contents .qa .txt .image-all img {
            width: 100%; } }
    #mentsuyu.qa #contents .qa .txt .image-l, #mentsuyu.qa #contents .qa .txt .image-l-2, #mentsuyu.qa #contents .qa .txt .image-l-3 {
      width: 36.11457%;
      float: left;
      margin-right: 3.15789%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa .txt .image-l, #mentsuyu.qa #contents .qa .txt .image-l-2, #mentsuyu.qa #contents .qa .txt .image-l-3 {
          width: 82.85714%;
          float: none;
          margin: 0 auto 5.35714%; } }
      #mentsuyu.qa #contents .qa .txt .image-l-2 {
        width: 39.85056%;
        margin-right: 0; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents .qa .txt .image-l-2 {
            width: 100% !important;
            float: none;
            margin: 0 0 5.35714%; } }
      #mentsuyu.qa #contents .qa .txt .image-l-3 {
        width: 38.97883%;
        margin-left: -2.10526%; }
        @media (min-width: 0px) and (max-width: 767px) {
          #mentsuyu.qa #contents .qa .txt .image-l-3 {
            width: 100% !important;
            float: none;
            margin: 0 0 5.35714%; } }
  #mentsuyu.qa #contents .qa_l .voice, #mentsuyu.qa #contents .qa_l_or .voice {
    float: left; }
  #mentsuyu.qa #contents .qa_l .txt, #mentsuyu.qa #contents .qa_l_or .txt {
    padding-left: 3.15789%;
    float: right; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa_l .txt, #mentsuyu.qa #contents .qa_l_or .txt {
        padding-left: 6.25%; } }
    #mentsuyu.qa #contents .qa_l .txt p:after, #mentsuyu.qa #contents .qa_l_or .txt p:after {
      background: url("../img/qa/fukidashi_l.png") center no-repeat;
      background-size: auto 100% !important;
      left: -18px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa_l .txt p:after, #mentsuyu.qa #contents .qa_l_or .txt p:after {
          left: -13px; } }
  #mentsuyu.qa #contents .qa_l_or .txt p {
    border: 1px solid #ee7028;
    font-size: 117%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa_l_or .txt p {
        font-size: 100%; } }
    #mentsuyu.qa #contents .qa_l_or .txt p:after {
      background: url("../img/qa/fukidashi_l_or.png") center no-repeat; }
  #mentsuyu.qa #contents .qa_r .voice, #mentsuyu.qa #contents .qa_r_or .voice {
    float: right; }
  #mentsuyu.qa #contents .qa_r .txt, #mentsuyu.qa #contents .qa_r_or .txt {
    padding-right: 3.15789%;
    float: left; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa_r .txt, #mentsuyu.qa #contents .qa_r_or .txt {
        padding-right: 6.25%; } }
    #mentsuyu.qa #contents .qa_r .txt p:after, #mentsuyu.qa #contents .qa_r_or .txt p:after {
      background: url("../img/qa/fukidashi_r.png") center no-repeat;
      background-size: auto 100% !important;
      right: -18px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.qa #contents .qa_r .txt p:after, #mentsuyu.qa #contents .qa_r_or .txt p:after {
          right: -13px; } }
  #mentsuyu.qa #contents .qa_r_or .txt p {
    font-size: 117%;
    border: 1px solid #ee7028; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.qa #contents .qa_r_or .txt p {
        font-size: 100%; } }
    #mentsuyu.qa #contents .qa_r_or .txt p:after {
      background: url("../img/qa/fukidashi_r_or.png") center no-repeat; }

#mentsuyu.qa #contents .bnr {
  margin-bottom: 20px; }

@media (min-width: 0px) and (max-width: 767px) {
  #mentsuyu.hikaeme #contents .visual-wrap {
    margin-bottom: 42px; } }

#mentsuyu.hikaeme #contents #visual {
  position: relative;
  /*      background: url("../img/hikaeme/main.jpg") center no-repeat;
      background-size: auto 100%!important;
      @media (min-width: 0px) and (max-width: 767px) {
        background: url("../img/hikaeme/main_sp.jpg") center bottom no-repeat;
      }*/ }
  @media (min-width: 768px) {
    #mentsuyu.hikaeme #contents #visual .content {
      min-height: 0; }
    #mentsuyu.hikaeme #contents #visual .bg {
      width: 100%;
      min-width: 950px;
      overflow: hidden;
      margin-bottom: 0;
      position: absolute;
      top: 0; }
      #mentsuyu.hikaeme #contents #visual .bg img {
        width: 100%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.hikaeme #contents #visual .bg {
      width: 100%;
      overflow: hidden;
      margin-bottom: 0;
      position: absolute;
      top: 0; }
      #mentsuyu.hikaeme #contents #visual .bg img {
        width: 100%; } }

#mentsuyu.hikaeme #contents #sec01 .content {
  max-width: 100%; }
  #mentsuyu.hikaeme #contents #sec01 .content .pagetop {
    max-width: 950px;
    margin: 0 auto; }
    @media (max-width: 949px) and (min-width: 768px) {
      #mentsuyu.hikaeme #contents #sec01 .content .pagetop {
        padding-right: 1.875%; } }

@media (min-width: 1600px) {
  #mentsuyu.hikaeme #contents #sec01 {
    position: relative; }
    #mentsuyu.hikaeme #contents #sec01::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(641 / 1526 * 100%);
      background-color: #fce4cd; }
    #mentsuyu.hikaeme #contents #sec01::after {
      content: "";
      position: absolute;
      bottom: 3.1%;
      left: 0;
      width: 100%;
      height: calc(858 / 1526 * 100%);
      background-color: #eaede9; } }

#mentsuyu.hikaeme #contents #sec01 .bg-wrap {
  background: url("../img/hikaeme/bg.jpg") center top no-repeat;
  background-size: 100% auto !important; }
  @media (min-width: 1600px) {
    #mentsuyu.hikaeme #contents #sec01 .bg-wrap {
      position: relative;
      z-index: 1; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.hikaeme #contents #sec01 .bg-wrap {
      background-image: url("../img/hikaeme/bg_sp.jpg");
      background-size: auto 100% !important; } }

#mentsuyu.hikaeme #contents #sec01 .content {
  padding: 0; }

#mentsuyu.hikaeme #contents #sec01 .wrap {
  position: relative;
  height: auto;
  padding-top: 95.375%;
  margin-bottom: 1.875%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.hikaeme #contents #sec01 .wrap {
      padding-top: 195.9375%; } }
  #mentsuyu.hikaeme #contents #sec01 .wrap .image {
    position: absolute; }
    #mentsuyu.hikaeme #contents #sec01 .wrap .image.image01 {
      width: 30.125%;
      top: 1.76933%;
      left: 16.1875%;
      /*        @media (min-width: 768px) and (max-width: 950px) {
              width: 482% / 1600 * 100;
              left: 259% / 1600 * 100;
            }*/ }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec01 .wrap .image.image01 {
          width: 65.46875%;
          top: 1.11643%;
          left: 4.0625%; } }
    #mentsuyu.hikaeme #contents #sec01 .wrap .image.image02 {
      width: 26%;
      top: 15.26868%;
      right: 19.0625%;
      /*            @media (min-width: 768px) and (max-width: 950px) {
              width: 416% / 1600 * 100;
              top: 233% / (1526% / 1600 * 100);
              right: 305% / 1600 * 100;
            }*/ }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec01 .wrap .image.image02 {
          width: 58.75%;
          top: 35.00797%;
          right: 1.25%;
          z-index: 2; } }
    #mentsuyu.hikaeme #contents #sec01 .wrap .image.image03 {
      width: 28.125%;
      top: 45.21625%;
      left: 35.375%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec01 .wrap .image.image03 {
          width: 61.09375%;
          top: 50.87719%;
          left: 15.625%; } }
      @media (min-width: 768px) and (max-width: 950px) {
        #mentsuyu.hikaeme #contents #sec01 .wrap .image.image03 {
          width: 28.125%;
          left: 35.375%; } }

#mentsuyu.hikaeme #contents #sec02 .lead {
  text-align: center; }

#mentsuyu.hikaeme #contents #sec02 .recipe--list {
  text-align: left;
  margin-bottom: 70px; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.hikaeme #contents #sec02 .recipe--list {
      margin-bottom: 0; } }
  #mentsuyu.hikaeme #contents #sec02 .recipe--list li {
    width: 30.52632%;
    margin: 0 4.21053% 0 0;
    vertical-align: top; }
    #mentsuyu.hikaeme #contents #sec02 .recipe--list li dl {
      margin-bottom: 13.7931%; }
      #mentsuyu.hikaeme #contents #sec02 .recipe--list li dl dt {
        margin-bottom: 3.44828%; }
        #mentsuyu.hikaeme #contents #sec02 .recipe--list li dl dt img {
          width: 100%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.hikaeme #contents #sec02 .recipe--list li {
        width: 100%;
        margin: 0 0 12.5%; } }
    #mentsuyu.hikaeme #contents #sec02 .recipe--list li:nth-child(3n) {
      margin-right: 0; }
    #mentsuyu.hikaeme #contents #sec02 .recipe--list li h2 {
      font-size: 134%;
      display: inline-block;
      font-weight: normal;
      line-height: 2;
      display: inline-block; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec02 .recipe--list li h2 {
          font-size: 117%; } }
    #mentsuyu.hikaeme #contents #sec02 .recipe--list li .enbun {
      background: url("../img/hikaeme/bg_enbun.gif");
      color: #FFF;
      padding: .3em 20px;
      float: right;
      margin: 0; }
    #mentsuyu.hikaeme #contents #sec02 .recipe--list li .btn {
      margin: 0 auto; }

#mentsuyu.hikaeme #contents #sec03 .wrap {
  padding: 5% 0; }

#mentsuyu.hikaeme #contents #sec03 .btn {
  width: 445px;
  border: 1px solid #8fbd28;
  position: relative; }
  @media (min-width: 0px) and (max-width: 767px) {
    #mentsuyu.hikaeme #contents #sec03 .btn {
      width: 92.85714%;
      margin: 0 auto 35.71429%;
      float: none !important; }
      #mentsuyu.hikaeme #contents #sec03 .btn:last-child {
        margin: 0 auto; } }
  #mentsuyu.hikaeme #contents #sec03 .btn a {
    padding: 20px;
    display: block;
    position: relative; }
    #mentsuyu.hikaeme #contents #sec03 .btn a span {
      color: #8fbd28;
      font-weight: bold;
      padding: 0 16px 0 0;
      -webkit-transform: rotate(0.001deg);
      -ms-transform: rotate(0.001deg);
      transform: rotate(0.001deg); }
      #mentsuyu.hikaeme #contents #sec03 .btn a span:before {
        left: auto;
        right: 0; }
      #mentsuyu.hikaeme #contents #sec03 .btn a span:after {
        left: auto;
        right: 5px; }
    #mentsuyu.hikaeme #contents #sec03 .btn a:hover span {
      color: #ee7028; }
  #mentsuyu.hikaeme #contents #sec03 .btn .pic {
    position: absolute;
    left: 24px; }
    @media (min-width: 0px) and (max-width: 767px) {
      #mentsuyu.hikaeme #contents #sec03 .btn .pic {
        left: 0; } }
  #mentsuyu.hikaeme #contents #sec03 .btn.btn01 {
    float: left; }
    #mentsuyu.hikaeme #contents #sec03 .btn.btn01 .pic {
      width: 67px;
      top: -85px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec03 .btn.btn01 .pic {
          width: 16.875% !important;
          top: -100%;
          left: 15px; } }
  @media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 320px) {
    #mentsuyu.hikaeme #contents #sec03 .btn.btn01 .pic {
      top: -80%;
      left: -5%; } }
  #mentsuyu.hikaeme #contents #sec03 .btn.btn02 {
    float: right; }
    #mentsuyu.hikaeme #contents #sec03 .btn.btn02 .pic {
      width: 50px;
      top: -50px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec03 .btn.btn02 .pic {
          width: 12.8125% !important;
          top: -80%;
          left: 15px; } }
  @media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 320px) {
    #mentsuyu.hikaeme #contents #sec03 .btn.btn02 .pic {
      top: -60%;
      left: -3%; } }
    #mentsuyu.hikaeme #contents #sec03 .btn.btn02 p {
      width: 260px;
      top: -70px;
      right: 0;
      position: absolute; }
      @media (min-width: 0px) and (max-width: 767px) {
        #mentsuyu.hikaeme #contents #sec03 .btn.btn02 p {
          width: 63.125% !important;
          max-width: 202px;
          top: -55px; } }
      #mentsuyu.hikaeme #contents #sec03 .btn.btn02 p img {
        width: 100%; }

/*----------------------------------------------------
	印刷用スタイル
----------------------------------------------------*/
@media print {
  * html body {
    zoom: .7; } }

/*----------------------------------------------------
  180802　めんつゆ一問一答削除
----------------------------------------------------*/
#mentsuyu #contents #pagemenu ul li.nodisp {
  display: none; }

#mentsuyu.top #contents #sec02 .content .col.nodisp {
  display: none; }