/*-------------
 common
-------------*/
* {
  margin: 0;
  padding: 0; }

html {
  font-size: 10px;
  font-family: 'Roboto Condensed', 'Zen Kaku Gothic New', sans-serif;
  border-style: none;
  scroll-behavior: smooth; }

body {
  font-size: 1.6rem;
  border-style: none;
  background-color: #fff;
  color: #333;
  position: relative; }

img {
  max-width: 100%;
  height: auto;
  border-style: none; }

ul, ol, dl {
  margin: 0 0 1.4em 0;
  padding: 0;
  font-weight: normal;
  list-style-type: none; }

li, dt, dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style-type: none;
  line-height: 1.4em; }

p {
  margin-bottom: 1.4em;
  padding: 0;
  line-height: 1.4em; }

p.clear {
  clear: both; }

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

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

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

a:link {
  color: #336699; }

a:hover {
  color: #336699; }

a:visited {
  color: #336699; }

a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=70)"; }

.container {
  width: 100%; }

.wrapper {
  width: 100%;
  position: relative; }

/* --------------
 common
---------------- */
h2 {
  font-size: 2.5em;
  font-family: 'Roboto Condensed', 'Zen Kaku Gothic New', sans-serif; }

/*----------------------
 breadcrumbs
------------------------*/
.breadcrumb-container {
  margin: 0 auto;
  text-align: center;
  padding: 0;
  border-bottom: 1px dashed #ccc;
  border-width: 1px 0;
  font-size: 0.8em; }
  .breadcrumb-container .breadcrumb {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center; }
    .breadcrumb-container .breadcrumb ul {
      margin: 0 auto;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-display: flex;
      -webkit-align-items: center;
      -webkit-justify-content: center; }
      .breadcrumb-container .breadcrumb ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-right: 35px;
        height: 30px;
        line-height: 30px;
        position: relative; }
        .breadcrumb-container .breadcrumb ul li:before, .breadcrumb-container .breadcrumb ul li:after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          border: 15px solid transparent; }
        .breadcrumb-container .breadcrumb ul li:before {
          right: -40px;
          border-left: 15px dashed #ccc; }
        .breadcrumb-container .breadcrumb ul li:after {
          right: -39px;
          border-left: 15px solid #fff; }
  .breadcrumb-container a {
    text-decoration: none; }

/* --------------
 pagetop
---------------- */
#pagetop {
  position: fixed;
  bottom: 5em;
  right: 1em;
  display: none;
  margin-bottom: 0; }
  #pagetop a {
    display: block;
    z-index: 1000;
    border-radius: 3px;
    color: #000;
    opacity: 0.9;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    padding: 10px;
    font-size: 1.4em; }

/* --------------
 header
---------------- */
.header .header_contents {
  width: 100%;
  height: auto;
  background-color: #fff;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 1em 0 0;
  text-align: center;
  box-sizing: border-box; }
.header .header_contents header {
  padding: 0;
  text-align: center;
  box-sizing: border-box; }
  .header .header_contents header p {
    margin: 0;
    line-height: 1.2;
    font-size: 0.9em; }
  .header .header_contents header a {
    text-decoration: none;
    color: #000; }
  .header .header_contents header .caption,
  .header .header_contents header .sitename {
    display: block; }
  .header .header_contents header .caption {
    font-family: 'Roboto Condensed', sans-serif; }
  .header .header_contents header h1 {
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 auto 1em;
    padding: 0; }
.header .header_contents nav {
  border-top: 2px dashed #000;
  border-bottom: 2px dashed #000;
  margin: 0 auto;
  padding: 5px 0 0;
  text-align: center;
  width: 100%;
  box-sizing: border-box; }
  .header .header_contents nav ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box; }
    .header .header_contents nav ul li a {
      color: #000;
      padding: 10px 50px;
      display: block;
      text-decoration: none; }
      .header .header_contents nav ul li a span {
        display: block;
        font-weight: normal;
        text-align: center;
        font-size: 0.8em;
        font-family: 'Roboto Condensed', sans-serif; }

/* --------------
 footer
---------------- */
footer {
  width: 100%;
  border-top: 2px dashed #000;
  padding: 2em;
  margin: 0;
  box-sizing: border-box;
  text-align: center; }
  footer p {
    margin: 0; }
  footer .footer-logo {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 0.5em; }
    footer .footer-logo a {
      text-decoration: none;
      color: #000; }
  footer .footer-navi {
    margin-bottom: 1em; }
    footer .footer-navi ul li {
      display: inline;
      padding: 0.5em 1em; }

/* --------------------
 front header layout
---------------------- */
#front {
  width: 100%;
  min-height: 100vh;
  position: relative; }
  #front .header_container {
    background-color: #000;
    background-image: url(../images/front_header.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    width: 100%;
    min-height: 30vh;
    box-sizing: border-box; }
  #front .header_contents {
    width: 100%;
    height: 40vh;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    text-align: center;
    box-sizing: border-box; }
  #front .header_wrapper {
    background-image: url(../images/front_footer.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 30vh;
    position: absolute;
    top: 70vh;
    box-sizing: border-box; }

/* ---------------------
 front header contents
---------------------- */
#front .header_contents header {
  padding: 50px 0 0;
  text-align: center;
  box-sizing: border-box; }
  #front .header_contents header p {
    margin: 0; }
  #front .header_contents header a {
    text-decoration: none;
    color: #000; }
  #front .header_contents header .caption,
  #front .header_contents header .sitename {
    display: block; }
  #front .header_contents header .caption {
    font-family: 'Roboto Condensed', sans-serif; }
  #front .header_contents header h1 {
    font-size: 3em;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    padding: 0; }
#front .header_contents nav {
  border-top: 2px dashed #000;
  border-bottom-style: none;
  margin: 0 auto;
  padding: 5px 0 0;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0; }
  #front .header_contents nav ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    box-sizing: border-box; }
    #front .header_contents nav ul li a {
      color: #000;
      padding: 10px 50px;
      display: block;
      text-decoration: none; }
      #front .header_contents nav ul li a span {
        display: block;
        font-weight: normal;
        text-align: center;
        font-size: 0.8em;
        font-family: 'Roboto Condensed', sans-serif; }

#front_tag {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: #eee;
  margin: 0; }
  #front_tag .taglist {
    width: 90%;
    text-align: center;
    padding: 5em 2em;
    box-sizing: border-box;
    margin: 0 auto 5em; }
    #front_tag .taglist h2 {
      text-align: center; }
    #front_tag .taglist ul {
      width: 100%;
      margin: 0;
      padding: 2em 0 0; }
      #front_tag .taglist ul li {
        display: inline-block;
        padding: 1em 1em 0.3em 0; }
        #front_tag .taglist ul li a {
          display: block;
          padding: 0.5em 1em;
          border: 1px solid #999;
          border-radius: 3px;
          text-decoration: none; }
        #front_tag .taglist ul li a:hover {
          background-color: #fff; }
  #front_tag .front_topics {
    width: 90%;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto; }
    #front_tag .front_topics h2 {
      text-align: center; }
    #front_tag .front_topics .list-content {
      padding: 2em;
      text-align: center; }
      #front_tag .front_topics .list-content ul {
        width: 100%;
        display: flex;
        justify-content: center; }
        #front_tag .front_topics .list-content ul li {
          width: 25%;
          margin: 0;
          text-align: center;
          padding: 0 1em;
          box-sizing: border-box;
          font-size: 0.8em; }
          #front_tag .front_topics .list-content ul li .thumb {
            margin: 0;
            margin-bottom: 0.3em;
            padding: 0; }
            #front_tag .front_topics .list-content ul li .thumb img {
              margin: 0;
              pdding: 0; }
          #front_tag .front_topics .list-content ul li .noimage {
            display: block;
            width: 100%;
            border: 2px solid #ccc;
            background-color: #fff;
            color: #ccc;
            font-size: 3em;
            text-align: center;
            box-sizing: border-box;
            position: relative; }
            #front_tag .front_topics .list-content ul li .noimage i {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
          #front_tag .front_topics .list-content ul li .noimage:before {
            content: "";
            display: block;
            padding-top: 100%; }

#front_contact {
  width: 100%;
  text-align: center;
  padding: 2em 0; }
  #front_contact h2 {
    text-align: center; }
  #front_contact dl {
    width: 70%;
    margin: 2em auto 0;
    display: flex;
    flex-wrap: wrap; }
    #front_contact dl dt {
      width: 25%;
      text-align: left;
      padding-right: 2em;
      box-sizing: border-box; }
    #front_contact dl dd {
      width: 75%; }
      #front_contact dl dd input, #front_contact dl dd textarea {
        width: 100%;
        padding: 0.5em;
        box-sizing: border-box; }
  #front_contact input[type="submit"] {
    padding: 0.5em 1em;
    background-color: #336699;
    color: #fff;
    border-style: none;
    border-radius: 3px; }
  #front_contact .wpcf7 .wpcf7-spinner {
    display: block; }

/* --------------
 archive
---------------- */
.page-header {
  margin-bottom: 1em; }
  .page-header h1 {
    text-align: center;
    font-size: 2.5em;
    margin: 1em auto 0;
    letter-spacing: 0.1em; }
  .page-header p {
    text-align: center;
    font-size: 2.5em;
    margin: 1em auto;
    letter-spacing: 0.1em; }
  .page-header .post-info {
    margin: 0 auto 5em;
    text-align: center;
    font-size: 0.8em; }

.post-list ul {
  width: 95%;
  margin: 0 auto 1em;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .post-list ul li {
    width: 25%;
    margin: 0 0 1em;
    text-align: center;
    padding: 0 1em;
    box-sizing: border-box;
    font-size: 0.8em; }
    .post-list ul li .thumb {
      margin: 0;
      margin-bottom: 0.3em;
      padding: 0; }
      .post-list ul li .thumb img {
        margin: 0;
        pdding: 0; }
    .post-list ul li .noimage {
      display: block;
      width: 100%;
      border: 2px solid #ccc;
      background-color: #fff;
      color: #ccc;
      font-size: 3em;
      text-align: center;
      box-sizing: border-box;
      position: relative; }
      .post-list ul li .noimage i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .post-list ul li .noimage:before {
      content: "";
      display: block;
      padding-top: 100%; }

/* --------------
 pagenavi
---------------- */
.wp-pagenavi {
  clear: both;
  text-align: center;
  margin: 2em auto; }
  .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #cdcdcd;
    padding: 3px 5px;
    margin: 2px; }
  .wp-pagenavi span {
    color: #94b584; }
  .wp-pagenavi a:hover {
    border-color: #666;
    background-color: #666;
    color: #fff; }
  .wp-pagenavi span.current {
    border-color: #666d;
    background-color: #666;
    color: #fff;
    font-weight: 400; }

/* --------------
 single
---------------- */
.post-body {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center; }
  .post-body .sharedaddy {
    margin: 5em 0; }
    .post-body .sharedaddy h3 {
      font-weight: normal;
      margin: 0 0 0.5em; }
  .post-body span.sharing-screen-reader-text {
    display: none; }
  .post-body .sd-content ul {
    display: flex;
    justify-content: space-between; }
    .post-body .sd-content ul li {
      width: 25%;
      margin: 0 1px;
      text-align: center;
      border: 1px solid #ccc;
      background-color: #eee;
      box-sizing: border-box; }
      .post-body .sd-content ul li a {
        display: block;
        width: 100%;
        padding: 0.5em 1em;
        text-align: center;
        box-sizing: border-box;
        text-decoration: none; }
    .post-body .sd-content ul li.share-twitter a.share-twitter span:before {
      font-family: FontAwesome;
      content: "\f099"; }
    .post-body .sd-content ul li.share-facebook a.share-facebook span:before {
      font-family: FontAwesome;
      content: "\f39e"; }
    .post-body .sd-content ul li.share-pinterest a.share-pinterest span:before {
      font-family: FontAwesome;
      content: "\f231"; }
    .post-body .sd-content ul li.share-email a.share-email span:before {
      font-family: FontAwesome;
      content: "\f0e0"; }
    .post-body .sd-content ul li.share-end {
      display: none; }

.related-post {
  width: 95%;
  margin: 2em auto;
  text-align: center; }
  .related-post .related_post_title {
    font-weight: 600; }

/* --------------
 post-gallery
---------------- */
.post-gallery {
  width: 40% !important;
  padding: 0 2em 0 0;
  box-sizing: border-box; }
  .post-gallery ul {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .post-gallery ul li {
      min-width: 33%;
      padding: 0 5px;
      box-sizing: border-box; }

/* --------------
 post-recipe
---------------- */
.recipe_container {
  width: 90%;
  margin: 2em auto; }
  .recipe_container h2 {
    font-size: 1.5em;
    width: 8em;
    margin: 0 auto 1em;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 1em; }
    .recipe_container h2:before, .recipe_container h2:after {
      content: "";
      position: absolute;
      top: 50%;
      display: inline-block;
      height: 1px;
      background-color: #000; }
    .recipe_container h2:before {
      left: 0;
      width: 1em; }
    .recipe_container h2:after {
      right: 0;
      width: 1em; }
  .recipe_container .materials {
    margin: 0 0 2em; }
    .recipe_container .materials ul {
      width: 100%;
      text-align: left;
      padding: 0 0 0 1em; }
      .recipe_container .materials ul li {
        list-style-type: disc; }
  .recipe_container .recipe_block {
    margin: 0 0 2em; }
    .recipe_container .recipe_block ol {
      width: 100%;
      text-align: left;
      padding: 0;
      list-style-type: none; }
      .recipe_container .recipe_block ol li {
        padding: 1em 0;
        border-bottom: 1px dashed #ccc;
        display: flex;
        align-items: center;
        counter-increment: recipe-counter; }
      .recipe_container .recipe_block ol li:before {
        content: counter(recipe-counter);
        padding: 0.3em 0.5em 0 0;
        font-size: 3em;
        width: 2.5em;
        box-sizing: border-box; }
      .recipe_container .recipe_block ol .recipe_img {
        width: 25%;
        padding: 0 1em 0 0;
        box-sizing: border-box; }
        .recipe_container .recipe_block ol .recipe_img .noimage {
          display: block;
          width: 100%;
          border: 1px solid #ccc;
          background-color: #fff;
          color: #ccc;
          font-size: 3em;
          text-align: center;
          box-sizing: border-box;
          position: relative; }
          .recipe_container .recipe_block ol .recipe_img .noimage i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .recipe_container .recipe_block ol .recipe_img .noimage:before {
          content: "";
          display: block;
          padding-top: 100%; }
      .recipe_container .recipe_block ol .recipe_text {
        width: 70%;
        padding: 0;
        box-sizing: border-box; }

/* --------------
 contact
---------------- */
#page-contact {
  width: 100%;
  text-align: center;
  padding: 2em 0; }
  #page-contact h2 {
    text-align: center; }
  #page-contact dl {
    width: 70%;
    margin: 2em auto 0;
    display: flex;
    flex-wrap: wrap; }
    #page-contact dl dt {
      width: 25%;
      text-align: left;
      padding-right: 2em;
      box-sizing: border-box; }
    #page-contact dl dd {
      width: 75%; }
      #page-contact dl dd input, #page-contact dl dd textarea {
        width: 100%;
        padding: 0.5em;
        box-sizing: border-box; }
  #page-contact input[type="submit"] {
    padding: 0.5em 1em;
    background-color: #336699;
    color: #fff;
    border-style: none;
    border-radius: 3px; }
  #page-contact .wpcf7 .wpcf7-spinner {
    display: block; }

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