@charset "UTF-8";
/* CSS Document */
html {
  margin: 0;
  padding: 0;
  color: #222222;
  font-feature-settings: "palt" 1;
  font-family: "游ゴシック", YuGothic, "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; }

body, div, span,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, p, blockquote, address,
table, tr, th, td, img {
  margin: 0;
  padding: 0;
  border: none; }

.t-center {
  text-align: center; }

.t-right {
  text-align: right; }

.t-left {
  text-align: left; }

.note {
  font-size: 0.8em; }

.disnone {
  display: none; }

img {
  vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 {
  text-align: center; }

ul, li, dl, dt, dd, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.bt {
  background: #40210f;
  text-align: center !important;
  margin: 10% auto auto auto;
  width: 100% !important;
  display: block !important;
  font-size: 0.85em; }
  .bt a {
    color: #fff;
    padding: 4% 0;
    width: 100% !important;
    display: block;
    text-decoration: none; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

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

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

  .sp {
    display: inline-block !important; } }
@media only screen and (min-width: 768px) and (min-width: 96rem) {
  :root {
    font-size: calc(100% + ((1vw - .96rem) * 1.389));
    /* .48rem = viewportWidthMinimum /100 */
    /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } }
header {
  z-index: 99;
  position: static; }

#header {
  background: #fff url("/asset/img/common/bg_header.svg") !important;
  background-position: top right !important;
  background-size: 70% auto !important;
  background-repeat: no-repeat !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  padding-left: 4.5%;
  padding-right: 4.5%;
  position: sticky;
  top: 0;
  z-index: 1;
  height: 60px;
  line-height: 1.0; }
  #header #logo {
    width: 50%;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    @media only screen and (max-width: 767px) {
      #header #logo {
        width: 100%; } }
    #header #logo h1 {
      line-height: 1.0;
      margin: 0;
      padding: 0;
      width: 22%; }
      @media only screen and (max-width: 767px) {
        #header #logo h1 {
          width: 100%;
          text-align: left; } }
      #header #logo h1 img {
        height: 50px !important;
        width: auto; }
  #header #nav_button {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      #header #nav_button {
        display: none; } }
    #header #nav_button ul {
      width: auto !important;
      text-align: right; }
      #header #nav_button ul li {
        line-height: 45px;
        width: 16%;
        margin-right: 3%;
        display: inline-block;
        text-align: right; }
        #header #nav_button ul li img {
          width: 100%; }

#sns {
  width: 50%;
  margin: 10% auto 5% auto; }
  @media only screen and (max-width: 767px) {
    #sns {
      width: auto;
      padding-left: 10%;
      padding-right: 10%; } }
  #sns ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center; }
    #sns ul li {
      text-align: center;
      width: calc(100% / 4); }
      #sns ul li img {
        width: 50%;
        height: auto;
        margin-bottom: 3%; }
        @media only screen and (max-width: 767px) {
          #sns ul li img {
            width: 65%; } }

footer #footer_nav {
  width: 22em;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  margin: auto; }
  footer #footer_nav li {
    width: 11em;
    padding-top: 4%; }
    footer #footer_nav li i {
      margin-right: 2px; }

.delivery {
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .delivery {
      padding-top: 30px; } }
  .delivery ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .delivery ul {
        display: block;
        width: 80%;
        margin: auto; } }
    .delivery ul li {
      height: 40px;
      width: auto;
      border: 1px solid #efefef;
      margin: 0 5px; }
      @media only screen and (max-width: 767px) {
        .delivery ul li {
          margin: auto 15px;
          text-align: center;
          height: 50px;
          background: #fff;
          margin-bottom: 15px; } }
      .delivery ul li img {
        height: 40px !important;
        width: auto !important; }
        @media only screen and (max-width: 767px) {
          .delivery ul li img {
            height: 50px !important;
            width: auto; } }

#bt_back {
  position: fixed;
  bottom: 5%;
  right: 3%;
  width: 4%;
  height: auto;
  background: #fff;
  padding: 1%;
  border-radius: 100%; }
  #bt_back a {
    display: block; }
  @media only screen and (max-width: 767px) {
    #bt_back {
      width: 8%; } }

.drawer-nav .sns {
  padding: 3%;
  margin-top: 5%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap; }
  .drawer-nav .sns li {
    width: 25%;
    text-align: center; }
    .drawer-nav .sns li img {
      width: 80%; }

body {
  background: url("/asset/img/idx/footer.jpg");
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 100% auto;
  padding-bottom: 20%; }

a {
  color: #40210f; }

#catchcopy section {
  width: 100%;
  position: relative; }
  #catchcopy section h2 {
    text-align: center;
    position: absolute;
    top: 25%;
    width: 57%;
    margin: auto;
    right: 0;
    left: 0; }
    @media only screen and (max-width: 767px) {
      #catchcopy section h2 {
        width: 90%;
        top: 10%; } }

.ft09 {
  font-size: 0.85em; }

#kodawari h2 {
  width: 70%;
  margin: 5% auto -3% auto; }
#kodawari #egg_kodawari {
  padding: 10% 5% 10% 5%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: flex-end;
  background: url("/asset/img/idx/bg_egg02.jpg");
  background-position: left 10vw center;
  background-size: 30% auto;
  background-repeat: no-repeat; }
  #kodawari #egg_kodawari h3 {
    margin-bottom: 10%; }
  #kodawari #egg_kodawari .inner {
    width: 33%;
    color: #b28146;
    line-height: 2.0;
    margin-right: 9%; }
  #kodawari #egg_kodawari .cap {
    margin-bottom: 6%; }
  #kodawari #egg_kodawari .bt {
    width: 40% !important;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto; }
#kodawari #kodawari_other {
  padding: 0 15%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    #kodawari #kodawari_other {
      display: block;
      padding: 0 5% 0 0; } }
  #kodawari #kodawari_other .top_kodawari {
    width: calc((100% - 15%) / 2);
    text-align: center;
    color: #b28146;
    margin: auto 5%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 767px) {
      #kodawari #kodawari_other .top_kodawari {
        width: auto;
        padding: 0 0;
        margin-bottom: 30%;
        margin-left: 0;
        margin-right: 0; }
        #kodawari #kodawari_other .top_kodawari .inner {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: flex;
          align-items: center; }
          #kodawari #kodawari_other .top_kodawari .inner div {
            width: 50%; } }
    #kodawari #kodawari_other .top_kodawari h3 {
      margin-bottom: 8%; }
      #kodawari #kodawari_other .top_kodawari h3 img {
        width: 100%; }
      @media only screen and (max-width: 767px) {
        #kodawari #kodawari_other .top_kodawari h3 {
          margin-bottom: 5%; }
          #kodawari #kodawari_other .top_kodawari h3 img {
            width: 80%; } }
    #kodawari #kodawari_other .top_kodawari .cap {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      line-height: 2.0;
      margin-bottom: 7%; }
      @media only screen and (max-width: 767px) {
        #kodawari #kodawari_other .top_kodawari .cap {
          display: block;
          text-align: left; } }
    #kodawari #kodawari_other .top_kodawari .image {
      padding: 2% 2% 2% 0; }
      @media only screen and (max-width: 767px) {
        #kodawari #kodawari_other .top_kodawari .image {
          width: 90%;
          margin: 0 auto 0 0;
          padding-top: 0;
          padding-left: 0; } }
  #kodawari #kodawari_other .bt {
    width: 40% !important;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto; }
    #kodawari #kodawari_other .bt i {
      margin-left: 5px; }
    @media only screen and (max-width: 767px) {
      #kodawari #kodawari_other .bt {
        margin-bottom: 0 !important;
        width: 80% !important;
        padding: 2% !important; } }

#menu {
  padding-top: 10%; }
  @media only screen and (max-width: 767px) {
    #menu {
      padding-top: 0; } }
  #menu h2 {
    width: 18%;
    margin: auto auto 5% auto; }
    @media only screen and (max-width: 767px) {
      #menu h2 {
        width: 45%;
        margin-bottom: 8%; } }
  #menu .inner {
    margin: 0 auto !important;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    background: url("../img/idx/bg_visual3.jpg");
    padding: 10% 0;
    background-size: cover; }
    #menu .inner #menu_box {
      width: 90%;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      justify-content: space-between;
      top: 30%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 767px) {
        #menu .inner #menu_box {
          flex-wrap: wrap;
          width: 90%;
          top: 10%;
          line-height: 1.5;
          flex-wrap: wrap; } }
      #menu .inner #menu_box div {
        width: calc((100% - 30px) / 3);
        text-align: center;
        background: rgba(64, 33, 15, 0.8);
        color: #fff;
        padding: 2% 0; }
        @media only screen and (max-width: 767px) {
          #menu .inner #menu_box div {
            width: 43%;
            padding: 3% 2%;
            font-size: 0.9rem; }
            #menu .inner #menu_box div:first-child, #menu .inner #menu_box div:nth-child(2) {
              margin-bottom: 5%; } }
        #menu .inner #menu_box div .bt {
          width: 85% !important;
          margin: 5% auto auto auto;
          color: #40210f !important;
          padding: 2% 0;
          background: #f8e15e;
          font-weight: bold;
          font-size: 0.9rem;
          border-radius: 5px; }
          @media only screen and (max-width: 767px) {
            #menu .inner #menu_box div .bt {
              width: 85% !important;
              padding: 1%;
              font-size: 0.9rem; } }
        #menu .inner #menu_box div .bt2 {
          background-color: #f3e699; }

#shop_list {
  background: url("/asset/img/common/bg_texture.jpg");
  padding-top: 10%;
  padding-bottom: 7%; }
  @media only screen and (max-width: 767px) {
    #shop_list {
      padding-top: 15%; } }
  #shop_list h2 {
    width: 18%;
    margin: auto auto 5% auto; }
    @media only screen and (max-width: 767px) {
      #shop_list h2 {
        width: 40%;
        margin-bottom: 5%; } }
  #shop_list section {
    padding: 0 15%; }
    @media only screen and (max-width: 767px) {
      #shop_list section {
        width: auto;
        padding: 5% 5% 0 5%; } }
    #shop_list section .shops {
      margin-bottom: 6%;
      border-bottom: 1px solid #ccc; }
      #shop_list section .shops:last-child {
        border: none; }
      #shop_list section .shops a {
        text-decoration: underline; }
      @media only screen and (max-width: 767px) {
        #shop_list section .shops {
          display: block;
          margin-bottom: 10%;
          width: auto; } }
      #shop_list section .shops dl {
        text-align: center; }
        #shop_list section .shops dl dt {
          font-weight: bold;
          font-size: 1.2em; }
        @media only screen and (max-width: 767px) {
          #shop_list section .shops dl {
            width: auto;
            padding: 0 0%;
            margin-bottom: 8%; } }
      #shop_list section .shops .service {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #shop_list section .shops .service li {
          margin: 0 2%;
          width: 48%;
          border-radius: 5px;
          line-height: 1.0;
          font-weight: bold; }
          #shop_list section .shops .service li a {
            padding: 10px 0 !important;
            border-radius: 5px;
            display: block !important;
            text-decoration: none; }
            #shop_list section .shops .service li a:hover {
              opacity: 0.8;
              transition: .5s;
              text-decoration: underline; }
        @media only screen and (max-width: 767px) {
          #shop_list section .shops .service {
            width: auto;
            padding: 0 0%; } }
        #shop_list section .shops .service .bt_delivery a {
          background: #000;
          color: #45d32b;
          border-radius: 5px; }
        #shop_list section .shops .service .bt_takeout a {
          background: #f8e15e;
          color: #666;
          border-radius: 5px; }
        #shop_list section .shops .service .coming {
          background: #ccc;
          color: #fff;
          padding: 10px 0 !important;
          border-radius: 5px;
          line-height: 1.0;
          font-weight: bold; }

#news {
  padding-bottom: 15%;
  padding-top: 10%; }
  #news h2 {
    width: 18%;
    margin: auto auto 5% auto; }
    @media only screen and (max-width: 767px) {
      #news h2 {
        width: 40%;
        margin-bottom: 8%; } }
  #news .news_list {
    width: 50%;
    margin: auto;
    font-size: 0.9em; }
    @media only screen and (max-width: 767px) {
      #news .news_list {
        width: auto;
        padding-right: 5%;
        padding-left: 5%; } }
    #news .news_list dl {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        #news .news_list dl {
          display: block; } }
      #news .news_list dl dt {
        width: 7em;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          #news .news_list dl dt {
            width: auto; } }
      #news .news_list dl dd {
        width: calc(100% - 7em); }
        @media only screen and (max-width: 767px) {
          #news .news_list dl dd {
            width: auto; } }
        #news .news_list dl dd p {
          margin-bottom: 1em; }

.slider-nav {
  width: 50% !important;
  margin: auto !important; }

.slider li {
  text-align: center; }
  .slider li img {
    width: 97%;
    margin: auto; }

.dotted {
  color: #40210f;
  padding: 0.7em 0 0.9em 0;
  line-height: 1.0; }
  @media only screen and (max-width: 767px) {
    .dotted {
      padding: 1em 0 1em 0; } }

.need {
  color: #EE1518; }

#btn_area {
  text-align: center;
  margin-top: 5%;
  font-size: 1.0rem; }
  #btn_area ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center; }
    #btn_area ul li {
      margin: 0 3%; }

.error {
  text-align: center;
  color: #EE1518;
  font-weight: bold;
  margin-top: 5%;
  margin-bottom: -5%; }

#contact #contact_branch {
  margin-top: 10%;
  flex-wrap: wrap; }
  #contact #contact_branch div {
    text-align: center;
    background: #40210f;
    width: 50%;
    margin: auto;
    margin-bottom: 5%; }
    #contact #contact_branch div a {
      width: 100%;
      padding: 4% 0;
      color: #fff;
      display: block; }
#contact .inner {
  width: 60%;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    #contact .inner {
      width: auto;
      padding: 0 5%; } }
  #contact .inner h2 {
    margin-bottom: 3%; }
#contact h1 {
  margin: 5% auto 10% auto; }
  #contact h1 img {
    height: 2.5em; }
#contact #form_detail {
  margin-bottom: 5%;
  margin-top: 10%; }
  #contact #form_detail input[type=text] {
    padding: 0 3%;
    height: 3em;
    width: 92%;
    font-size: 1rem; }
  #contact #form_detail textarea {
    width: 92%;
    height: 10em;
    padding: 3%;
    font-size: 1rem; }
  #contact #form_detail dl {
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: auto auto auto auto; }
    @media only screen and (max-width: 767px) {
      #contact #form_detail dl {
        width: auto;
        margin: auto 5%;
        display: block; } }
    #contact #form_detail dl dt {
      width: 30%;
      border-bottom: 1px solid #ccc;
      font-weight: bold;
      padding: 3% 0; }
      @media only screen and (max-width: 767px) {
        #contact #form_detail dl dt {
          width: 100%;
          border-bottom: 0;
          padding-bottom: 0;
          padding-top: 5%; } }
    #contact #form_detail dl dd {
      width: 70%;
      border-bottom: 1px solid #ccc;
      padding: 3% 0; }
      @media only screen and (max-width: 767px) {
        #contact #form_detail dl dd {
          width: 100%;
          padding-bottom: 5%; } }

.row {
  position: relative;
  width: 100%;
  height: auto; }

.explain .text {
  line-height: 2.0;
  color: #b28146;
  text-align: justify;
  align-items: center; }

.imageph {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: center;
  text-align: center; }

#kodawari01 h1 {
  position: absolute;
  width: 42%;
  top: 10%;
  left: 8%; }
  #kodawari01 h1 img {
    width: 100%; }

#kodawari02 h2 {
  position: absolute;
  width: 50%;
  top: 35%;
  right: 5%; }
  #kodawari02 h2 img {
    width: 90%; }
#kodawari02 #inoue_farm {
  position: absolute;
  width: 10%;
  height: 10%;
  bottom: 36%;
  right: 6%; }
#kodawari02 #moromizato_farm {
  position: absolute;
  width: 15%;
  height: 10%;
  bottom: 6%;
  right: 11%; }

#flesh {
  width: auto;
  padding: 10% 10% 5% 0%; }
  #flesh section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      #flesh section {
        display: block; } }
    #flesh section .imageph {
      width: 40%; }
      #flesh section .imageph img {
        width: 60% !important; }
    #flesh section .explain {
      width: 50%; }
      #flesh section .explain h4 {
        width: 75%;
        margin: 10% auto; }
      #flesh section .explain .text {
        text-align: center;
        margin: auto auto 10% auto; }

#shikumi {
  width: auto;
  padding: 10% 8% 10% 5%; }
  #shikumi section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: row-reverse; }
    #shikumi section .imageph {
      width: 50%; }
      #shikumi section .imageph img {
        width: 75%; }
    #shikumi section .explain {
      width: 40%; }
      #shikumi section .explain h4 {
        margin: 10% auto;
        width: 70%; }

#akashi section {
  padding: 0 10% 10% 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between; }
  #akashi section .imageph {
    width: 50%; }
  #akashi section .explain {
    width: 46%; }
    #akashi section .explain h4 {
      width: 70%;
      margin: 10% auto; }
    #akashi section .explain .text {
      width: 80%;
      margin: auto; }
    #akashi section .explain .illustration {
      margin-top: 1em; }
      #akashi section .explain .illustration img {
        margin-bottom: 1em !important; }

@media only screen and (max-width: 767px) {
  #flesh,
  #shikumi,
  #akashi {
    padding: 0;
    margin-top: 30%; }
    #flesh section,
    #shikumi section,
    #akashi section {
      width: auto;
      display: block; }
      #flesh section .imageph,
      #flesh section .explain,
      #shikumi section .imageph,
      #shikumi section .explain,
      #akashi section .imageph,
      #akashi section .explain {
        width: auto !important;
        padding: 0 !important; }
        #flesh section .imageph br,
        #flesh section .explain br,
        #shikumi section .imageph br,
        #shikumi section .explain br,
        #akashi section .imageph br,
        #akashi section .explain br {
          display: none; }
        #flesh section .imageph .text,
        #flesh section .explain .text,
        #shikumi section .imageph .text,
        #shikumi section .explain .text,
        #akashi section .imageph .text,
        #akashi section .explain .text {
          width: auto !important;
          padding: 0 5%;
          text-align: left;
          margin-top: 3%; }
      #flesh section .explain h3 img,
      #shikumi section .explain h3 img,
      #akashi section .explain h3 img {
        height: 2em !important;
        width: auto; }
      #flesh section .imageph,
      #shikumi section .imageph,
      #akashi section .imageph {
        margin: auto; }

  #flesh .explain .illustration {
    padding: 0 5%; }

  #akashi section {
    padding-right: 0; }
  #akashi .explain .text {
    padding-top: 10% !important; }
  #akashi .explain .illustration {
    padding: 0 5%; } }
#chicken-kodawari01 h1 {
  position: absolute;
  width: 42%;
  top: 18%;
  left: 10%; }
  #chicken-kodawari01 h1 img {
    width: 100%; }

#chicken-kodawari02 {
  padding: 10% 0 0 0; }
  @media only screen and (max-width: 767px) {
    #chicken-kodawari02 {
      border-bottom: 1px solid #efefef; } }
  #chicken-kodawari02 h2 {
    position: absolute;
    width: 50%;
    top: 10%;
    left: 45%; }
    #chicken-kodawari02 h2 img {
      width: 100%; }
  #chicken-kodawari02 p {
    width: 50%; }

#chicken-kodawari03,
#chicken-kodawari04 {
  padding: 0 10% 10% 10%; }
  @media only screen and (max-width: 767px) {
    #chicken-kodawari03,
    #chicken-kodawari04 {
      padding: 0 5% 10% 5%;
      margin-top: 20%; } }
  #chicken-kodawari03 section,
  #chicken-kodawari04 section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      #chicken-kodawari03 section,
      #chicken-kodawari04 section {
        display: block; }
        #chicken-kodawari03 section h3 img,
        #chicken-kodawari04 section h3 img {
          height: 4.5em; } }
    #chicken-kodawari03 section .explain,
    #chicken-kodawari04 section .explain {
      width: 45%; }
      @media only screen and (max-width: 767px) {
        #chicken-kodawari03 section .explain,
        #chicken-kodawari04 section .explain {
          width: auto; } }
    #chicken-kodawari03 section .imageph,
    #chicken-kodawari04 section .imageph {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        #chicken-kodawari03 section .imageph,
        #chicken-kodawari04 section .imageph {
          width: auto;
          margin-bottom: 10%; }
          #chicken-kodawari03 section .imageph img,
          #chicken-kodawari04 section .imageph img {
            width: 90%;
            text-align: center !important;
            margin: auto !important; } }
      @media only screen and (max-width: 767px) {
        #chicken-kodawari03 section .imageph:first-child,
        #chicken-kodawari04 section .imageph:first-child {
          display: none; } }
    #chicken-kodawari03 section h4,
    #chicken-kodawari04 section h4 {
      width: 80%;
      margin: 10% auto; }
      @media only screen and (max-width: 767px) {
        #chicken-kodawari03 section h4,
        #chicken-kodawari04 section h4 {
          width: 80%; } }
    #chicken-kodawari03 section .text,
    #chicken-kodawari04 section .text {
      width: 90%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        #chicken-kodawari03 section .text,
        #chicken-kodawari04 section .text {
          width: auto; } }

#chicken-kodawari04 section {
  flex-direction: row-reverse !important; }
  @media only screen and (max-width: 767px) {
    #chicken-kodawari04 section .imageph:first-child {
      display: none; } }

#source-kodawari01 h1 {
  position: absolute;
  width: 42%;
  top: 18%;
  left: 55%; }
  #source-kodawari01 h1 img {
    width: 100%; }

#source-kodawari02 h2 {
  position: absolute;
  width: 50%;
  top: 15%;
  left: 5%; }
  #source-kodawari02 h2 img {
    width: 100%; }
#source-kodawari02 p {
  width: 100%; }

#source-kodawari03 section,
#source-kodawari04 section,
#source-kodawari05 section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  #source-kodawari03 section .explain,
  #source-kodawari04 section .explain,
  #source-kodawari05 section .explain {
    width: 45%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: column;
    padding: 0% 8%; }
  #source-kodawari03 section .imageph,
  #source-kodawari04 section .imageph,
  #source-kodawari05 section .imageph {
    width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: column; }
  #source-kodawari03 section h4,
  #source-kodawari04 section h4,
  #source-kodawari05 section h4 {
    width: 80%;
    margin: 10% auto 5% auto; }
  #source-kodawari03 section .text,
  #source-kodawari04 section .text,
  #source-kodawari05 section .text {
    width: 80%;
    margin: 0 auto; }

#source-kodawari03 {
  padding-top: 10%;
  padding-bottom: 5%;
  padding-left: 0; }
  #source-kodawari03 .explain {
    padding: 0 5%; }

#source-kodawari04 {
  padding-right: 0; }

#source-kodawari05 {
  padding-left: 0; }
  #source-kodawari05 h4 {
    width: 70%; }
  #source-kodawari05 .text {
    width: 70%; }

.okazu {
  margin-bottom: 5%; }

.higawaridashi {
  margin-bottom: 5%; }

.tamagomakiki {
  margin-bottom: 5%; }

@media only screen and (max-width: 767px) {
  #source-kodawari03 section,
  #source-kodawari04 section,
  #source-kodawari05 section {
    display: block;
    margin-top: 20%; }
    #source-kodawari03 section .explain,
    #source-kodawari04 section .explain,
    #source-kodawari05 section .explain {
      width: auto; } }
  @media only screen and (max-width: 767px) and (max-width: 767px) {
    #source-kodawari03 section .imageph,
    #source-kodawari04 section .imageph,
    #source-kodawari05 section .imageph {
      width: auto;
      margin-bottom: 10%; } }
@media only screen and (max-width: 767px) {
    #source-kodawari03 section .text,
    #source-kodawari04 section .text,
    #source-kodawari05 section .text {
      width: auto; }

  #source-kodawari03 .explain {
    width: auto; }

  #source-kodawari05 h4 {
    width: auto; }
  #source-kodawari05 .text {
    width: auto; } }
#tamagomaki-kodawari01 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  width: 100%; }
  #tamagomaki-kodawari01 section {
    width: 50%;
    padding: 5% 0 10% 0;
    margin-left: 8%;
    z-index: 2; }
    #tamagomaki-kodawari01 section img {
      width: 100%; }
  #tamagomaki-kodawari01 .image_visual {
    width: 50%;
    top: 5%;
    right: 0; }

#tamagomaki-kodawari02 h2 {
  position: absolute;
  width: 50%;
  top: 15%;
  right: 3%; }
  #tamagomaki-kodawari02 h2 img {
    width: 100%; }
#tamagomaki-kodawari02 p {
  width: 100%; }

.dashi {
  color: #c1272d !important;
  display: block;
  text-align: center;
  padding-top: 1em; }

#company .inner {
  width: 60%;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    #company .inner {
      width: auto;
      padding: 0 5%; } }
#company h1 {
  margin: 5% auto 10% auto; }
  #company h1 img {
    height: 2.5em; }
#company #map {
  width: 100%;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    #company #map {
      width: auto;
      margin: auto 5%; } }
  #company #map iframe {
    width: 100%; }
#company #company-info {
  margin-bottom: 5%; }
  #company #company-info dl {
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      #company #company-info dl {
        width: auto;
        margin: auto 5%;
        display: block; } }
    #company #company-info dl dt {
      width: 20%;
      font-weight: bold;
      border-bottom: 1px solid #ccc;
      padding: 1% 0; }
      @media only screen and (max-width: 767px) {
        #company #company-info dl dt {
          width: 100%; } }
    #company #company-info dl dd {
      width: 80%;
      border-bottom: 1px solid #ccc;
      padding: 1% 0; }
      @media only screen and (max-width: 767px) {
        #company #company-info dl dd {
          width: 100%; } }
      #company #company-info dl dd #company_name {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex; }
        @media only screen and (max-width: 767px) {
          #company #company-info dl dd #company_name {
            display: block; } }
        #company #company-info dl dd #company_name div {
          width: 60%;
          justify-content: space-between; }
          @media only screen and (max-width: 767px) {
            #company #company-info dl dd #company_name div {
              width: 100%; } }
        #company #company-info dl dd #company_name p {
          width: 40%; }

#privacy .inner {
  width: 60%;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    #privacy .inner {
      width: auto;
      padding: 0 5%; } }
  #privacy .inner h1 {
    margin: 5% auto 10% auto; }
    #privacy .inner h1 img {
      height: 2em; }
      @media only screen and (max-width: 767px) {
        #privacy .inner h1 img {
          width: 60%;
          height: auto; } }
  #privacy .inner h2 {
    text-align: left; }
  #privacy .inner section {
    margin-top: 8%; }
    #privacy .inner section p {
      margin-bottom: 3%; }
    #privacy .inner section h2 {
      font-size: 1.0em;
      margin-bottom: 2%; }

#hd {
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ccc;
  padding: 2%;
  width: 70%; }