@charset "UTF-8";
/*
** import core file
*/
/*
**
page style
** 
** index
**
*/
#postSec .h3:before, #postSec .parts-bgtxt, #postSec .parts-btn a {
  background: #70aab8; }

#postSec .parts-index .indexlist .index-l, #postSec .parts-index .indexlist .subindex li:before, #postSec .parts-material .materiallist dt.icon:before, #postSec .parts-recipe .recipellist li:before, #postSec .parts-memo h3, #postSec .parts-bdmemo h3 {
  color: #70aab8; }

#postSec .parts-frame {
  border-color: #70aab8; }

#postSec .parts-index .indexlist .index-l:before {
  border-color: transparent transparent transparent #70aab8; }

/*==================================================

** index
==================================================*/
#streamnews {
  height: 50px;
  overflow: hidden;
  position: relative;
  margin: auto; }
  #streamnews .streamnews-wrap {
    width: 100%;
    white-space: nowrap;
    position: relative; }
  #streamnews .streamnews-box {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  #streamnews .newsitem {
    white-space: nowrap;
    font-weight: 500;
    color: blue; }
    #streamnews .newsitem + .newsitem {
      margin-left: 40px; }
    #streamnews .newsitem a {
      text-decoration: underline; }
      #streamnews .newsitem a:hover {
        text-decoration: none; }

@media screen and (max-width: 600px) {
  #streamnews {
    height: 40px; }
    #streamnews .newsitem {
      font-size: 1.4rem; } }
/*==================================================

** post
==================================================*/
#postSec {
  border-bottom: 1px solid #bbb;
  overflow: hidden; }
  #postSec.space-btm {
    padding-bottom: 155px; }
  #postSec .postttl {
    margin: 20px 0 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #c4c4c4; }
    #postSec .postttl .caticon {
      width: 150px;
      height: 150px;
      margin: auto;
      padding: 5px 25px; }
      #postSec .postttl .caticon .icon {
        width: 67px;
        height: 52px;
        margin: 0 auto; }
        #postSec .postttl .caticon .icon img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
          object-fit: contain;
          font-family: 'object-fit: contain;'; }
      #postSec .postttl .caticon .name {
        margin: 5px 0 0;
        font-size: 2.3rem;
        letter-spacing: 0.075em;
        text-align: center;
        line-height: 1.23; }
    #postSec .postttl .h1 {
      margin: 20px 0 0;
      font-size: 3.5rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-align: center; }
    #postSec .postttl + * {
      margin-top: 80px !important; }
  #postSec .h2 {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    padding: 20px 0;
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    margin: 140px 0 0; }
  #postSec .h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 130px 0 0;
    padding: 0 0 0 25px;
    position: relative; }
    #postSec .h3:before {
      content: '';
      display: block;
      border-radius: 2px;
      width: 4px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
  #postSec .parts {
    margin: 40px 0 0;
    word-break: break-all; }
    #postSec .parts strong {
      font-weight: 700; }
    #postSec .parts a {
      text-decoration: underline; }
      #postSec .parts a:hover {
        text-decoration: none; }
    #postSec .parts .video {
      padding-top: 56.25%;
      position: relative; }
      #postSec .parts .video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; }
    #postSec .parts-index {
      border: 1px solid #bfbfbf;
      border-radius: 10px;
      padding: 50px 29px 34px; }
      #postSec .parts-index .indexttl {
        margin: 0;
        padding: 0 0 20px;
        text-align: center;
        font-size: 3.5rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        border-bottom: 1px solid #bcbcbc; }
      #postSec .parts-index .indexlist > li {
        border-bottom: 1px solid #bcbcbc;
        padding: 15px 0; }
        #postSec .parts-index .indexlist > li:last-of-type {
          border: none;
          padding-bottom: 0; }
      #postSec .parts-index .indexlist .index-l {
        font-size: 2rem;
        font-weight: 700;
        position: relative;
        padding: 0 0 0 30px; }
        #postSec .parts-index .indexlist .index-l:before {
          content: '';
          width: 0;
          height: 0;
          position: absolute;
          left: 0;
          top: 2px;
          border-style: solid;
          border-width: 13.5px 0 13.5px 18px; }
      #postSec .parts-index .indexlist .subindex {
        margin: 10px 0 0; }
        #postSec .parts-index .indexlist .subindex li {
          position: relative;
          padding: 0 0 0 1.3em; }
          #postSec .parts-index .indexlist .subindex li:before {
            content: '●';
            position: absolute;
            left: 0;
            top: 0; }
    #postSec .parts-media h3 {
      margin: 0 0 20px;
      font-size: 2.2rem;
      font-weight: 700;
      text-align: center; }
    #postSec .parts-media .media {
      text-align: center; }
    #postSec .parts-media .txtbox {
      background: #f5f5f3;
      padding: 15px 20px; }
    #postSec .parts-editor {
      margin: 40px 0 0; }
      #postSec .parts-editor > :first-child {
        margin-top: 0; }
    #postSec .parts-lrbox .list > li + li {
      margin-top: 50px; }
    #postSec .parts-lrbox .list > li.bd {
      padding: 0 0 40px;
      border-bottom: 1px solid #c4c4c4; }
    #postSec .parts-lrbox .list .h3 {
      margin: 0; }
      #postSec .parts-lrbox .list .h3 + .lrbox {
        margin-top: 30px; }
    #postSec .parts-lrbox .list .lrbox.ptn1 .phtbox {
      width: 415px; }
    #postSec .parts-lrbox .list .lrbox.ptn1 .txtbox {
      width: 520px; }
    #postSec .parts-lrbox .list .lrbox.ptn2 .phtbox {
      width: 276px; }
    #postSec .parts-lrbox .list .lrbox.ptn2 .txtbox {
      width: 658px; }
    #postSec .parts-lrbox .list .lrbox.ptn3 {
      padding: 30px;
      background: #f5f5f3; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .phtbox {
        width: 261px; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .txtbox {
        width: 600px; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .ttl {
        padding: 0 0 10px;
        border-bottom: 1px solid #c4c4c4; }
        #postSec .parts-lrbox .list .lrbox.ptn3 .ttl .icon {
          width: 62px; }
        #postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3 {
          width: calc(100% - 72px);
          margin: 0;
          font-size: 2.5rem;
          font-weight: 700; }
          #postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3.noicon {
            width: 100%; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .box {
        margin: 20px 0 0; }
        #postSec .parts-lrbox .list .lrbox.ptn3 .box > :first-child {
          margin-top: 0; }
    #postSec .parts-info {
      background: #f5f5f3;
      padding: 40px;
      position: relative; }
      #postSec .parts-info.full {
        margin: 100px 0 0; }
        #postSec .parts-info.full:before {
          content: '';
          display: block;
          width: 500%;
          height: 100%;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          position: absolute;
          left: 0;
          top: 0;
          z-index: -1;
          background: #f5f5f3; }
      #postSec .parts-info dt {
        text-align: center;
        border-bottom: 1px solid #c4c4c4;
        font-size: 2.5rem;
        font-weight: 700;
        padding: 0 0 10px; }
      #postSec .parts-info dd {
        margin: 25px 0 0; }
      #postSec .parts-info .phtbox {
        width: 173px; }
      #postSec .parts-info .box {
        width: 683px; }
      #postSec .parts-info .txtbox + .txtbox {
        margin: 20px 0 0;
        padding: 20px 0 0;
        border-top: 1px solid #c4c4c4; }
    #postSec .parts-bgtxt {
      color: #fff;
      padding: 15px 20px; }
    #postSec .parts-material {
      counter-reset: group_alphabet;
      margin: 60px 0 0; }
      #postSec .parts-material h3 {
        margin: 0; }
      #postSec .parts-material .materiallist {
        margin: 30px auto 0;
        max-width: 780px; }
        #postSec .parts-material .materiallist > li {
          border-bottom: 1px solid #c1c1bd;
          padding: 0 0 5px; }
          #postSec .parts-material .materiallist > li + li {
            margin-top: 5px; }
        #postSec .parts-material .materiallist .group {
          counter-increment: group_alphabet; }
          #postSec .parts-material .materiallist .group .icon:after {
            content: counter(group_alphabet,upper-latin); }
        #postSec .parts-material .materiallist .detail {
          padding: 2px 0; }
          #postSec .parts-material .materiallist .detail > dt {
            width: 40px; }
            #postSec .parts-material .materiallist .detail > dt.icon {
              padding: 0 0 0 1em; }
          #postSec .parts-material .materiallist .detail > dd {
            width: calc(100% - 40px);
            border-left: 1px solid #000;
            padding: 0 0 0 12px;
            margin: 0; }
          #postSec .parts-material .materiallist .detail ul li {
            border-bottom: 1px solid #c1c1bd;
            padding: 0 0 5px; }
            #postSec .parts-material .materiallist .detail ul li + li {
              margin-top: 5px; }
            #postSec .parts-material .materiallist .detail ul li:last-of-type {
              padding: 0;
              border-bottom: 0; }
        #postSec .parts-material .materiallist dt.icon {
          padding: 0 0 0 1.5em;
          position: relative; }
          #postSec .parts-material .materiallist dt.icon:before {
            content: '●';
            position: absolute;
            left: 0;
            top: 0; }
        #postSec .parts-material .materiallist dd {
          white-space: nowrap;
          margin-left: 20px; }
    #postSec .parts-recipe {
      margin: 60px 0 0; }
      #postSec .parts-recipe h3 {
        margin: 0; }
      #postSec .parts-recipe .recipellist {
        margin: 30px 0 0; }
        #postSec .parts-recipe .recipellist li {
          padding: 0 0 0 25px;
          position: relative; }
          #postSec .parts-recipe .recipellist li:before {
            content: counter(number);
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 700; }
    #postSec .parts-memo {
      background: #f5f5f3;
      position: relative;
      padding: 40px;
      margin: 80px 0 0; }
      #postSec .parts-memo .icon {
        width: 51px;
        position: absolute;
        left: 73px;
        top: -30px; }
      #postSec .parts-memo h3 {
        font-size: 2.5rem;
        font-weight: 700;
        text-align: center;
        padding: 0 0 10px;
        border-bottom: 1px solid #c4c4c4; }
      #postSec .parts-memo .lrbox .phtbox {
        width: 290px; }
      #postSec .parts-memo .lrbox .txtbox {
        width: 570px; }
      #postSec .parts-memo .phtbox {
        margin: 20px 0 0; }
      #postSec .parts-memo .txtbox {
        margin: 15px 0 0; }
    #postSec .parts-bdmemo {
      border: 3px solid #f5f5f3;
      border-radius: 15px;
      padding: 37px;
      margin: 60px 0 0; }
      #postSec .parts-bdmemo h3 {
        font-size: 2.5rem;
        font-weight: 700;
        text-align: center;
        padding: 0 0 10px;
        border-bottom: 1px solid #c4c4c4;
        letter-spacing: 0.2em; }
      #postSec .parts-bdmemo .txtbox {
        margin: 35px 0 0; }
    #postSec .parts-txt {
      margin: 60px 0 0; }
      #postSec .parts-txt h3 {
        margin: 0; }
        #postSec .parts-txt h3 + .txtbox {
          margin-top: 30px; }
    #postSec .parts-frame {
      border-width: 3px;
      border-style: solid;
      border-radius: 15px;
      padding: 37px; }
      #postSec .parts-frame .media {
        text-align: center; }
      #postSec .parts-frame .media + .txtbox,
      #postSec .parts-frame .video + .txtbox {
        margin-top: 20px; }
    #postSec .parts-btn {
      margin: 24px 0 0; }
      #postSec .parts-btn .position-left {
        text-align: left; }
      #postSec .parts-btn .position-center {
        text-align: center; }
      #postSec .parts-btn .position-right {
        text-align: right; }
      #postSec .parts-btn a {
        display: inline-block;
        min-width: 240px;
        border-radius: 1000px;
        padding: 18px 32px;
        color: #fff;
        font-weight: 500;
        line-height: 1.75;
        text-align: center;
        text-decoration: none;
        word-break: break-all; }
  #postSec table th, #postSec table td {
    border: 1px solid #ccc;
    padding: 16px; }

@media screen and (max-width: 600px) {
  #postSec.space-btm {
    padding-bottom: 75px; }
  #postSec .postttl {
    margin: 20px 0 0;
    padding: 0 0 20px; }
    #postSec .postttl .caticon {
      width: 80px;
      height: 80px;
      padding: 5px 15px; }
      #postSec .postttl .caticon .icon {
        width: 36px;
        height: 28px; }
      #postSec .postttl .caticon .name {
        margin: 5px 0 0;
        font-size: 1.2rem; }
    #postSec .postttl .h1 {
      margin: 10px 0 0;
      font-size: 2rem;
      letter-spacing: 0.2em; }
    #postSec .postttl + * {
      margin-top: 60px; }
  #postSec .h2 {
    font-size: 2rem;
    margin: 60px 0 0; }
  #postSec .h3 {
    font-size: 2.2rem;
    margin: 50px 0 0;
    padding: 0 0 0 30px; }
    #postSec .h3:before {
      width: 5px; }
  #postSec .parts {
    margin: 40px 0 0; }
    #postSec .parts-index {
      padding: 30px 5.5%; }
      #postSec .parts-index .indexttl {
        padding: 0 0 20px;
        font-size: 2.2rem; }
      #postSec .parts-index .indexlist > li {
        padding: 10px 0; }
      #postSec .parts-index .indexlist .index-l {
        font-size: 1.8rem;
        padding: 0 0 0 20px; }
        #postSec .parts-index .indexlist .index-l:before {
          top: 4px;
          border-width: 10px 0 10px 12px; }
      #postSec .parts-index .indexlist .subindex {
        margin: 10px 0 0; }
        #postSec .parts-index .indexlist .subindex li {
          padding: 0 0 0 1.3em; }
    #postSec .parts-media .ttl {
      font-size: 1.8rem;
      margin: 0 0 10px; }
    #postSec .parts-lrbox .list > li + li {
      margin-top: 30px; }
    #postSec .parts-lrbox .list > li.bd {
      padding: 0 0 30px; }
    #postSec .parts-lrbox .list .h3 + .lrbox {
      margin-top: 20px; }
    #postSec .parts-lrbox .list .lrbox.ptn1 .phtbox, #postSec .parts-lrbox .list .lrbox.ptn2 .phtbox {
      width: 100%; }
    #postSec .parts-lrbox .list .lrbox.ptn1 .txtbox, #postSec .parts-lrbox .list .lrbox.ptn2 .txtbox {
      width: 100%;
      margin-top: 15px; }
    #postSec .parts-lrbox .list .lrbox.ptn3 {
      padding: 30px;
      background: #f5f5f3; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .phtbox {
        width: 100%;
        text-align: center; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .txtbox {
        width: 100%;
        margin-top: 30px; }
      #postSec .parts-lrbox .list .lrbox.ptn3 .ttl {
        padding: 0 0 10px;
        border-bottom: 1px solid #c4c4c4; }
        #postSec .parts-lrbox .list .lrbox.ptn3 .ttl .icon {
          width: 42px; }
        #postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3 {
          width: calc(100% - 52px);
          font-size: 2rem; }
          #postSec .parts-lrbox .list .lrbox.ptn3 .ttl h3.noicon {
            width: 100%; }
    #postSec .parts-info {
      padding: 40px 5.8%; }
      #postSec .parts-info.full {
        margin: 60px 0 0; }
      #postSec .parts-info dd {
        margin: 20px 0 0; }
      #postSec .parts-info .phtbox {
        width: 173px;
        margin: 0 auto; }
      #postSec .parts-info .box {
        width: 100%;
        margin-top: 30px; }
      #postSec .parts-info .txtbox + .txtbox {
        margin: 15px 0 0;
        padding: 15px 0 0; }
    #postSec .parts-bgtxt {
      padding: 15px 5.8%; }
    #postSec .parts-material .materiallist {
      max-width: 100%; }
      #postSec .parts-material .materiallist > li {
        padding: 0 0 5px; }
        #postSec .parts-material .materiallist > li + li {
          margin-top: 5px; }
      #postSec .parts-material .materiallist .detail {
        padding: 2px 0; }
        #postSec .parts-material .materiallist .detail > dt {
          width: 33px; }
        #postSec .parts-material .materiallist .detail > dd {
          width: calc(100% - 33px);
          padding: 0 0 0 10px; }
      #postSec .parts-material .materiallist dt.icon {
        padding: 0 0 0 1.2em; }
      #postSec .parts-material .materiallist dd {
        margin-left: 10px; }
    #postSec .parts-memo {
      margin: 60px 0 0;
      padding: 40px 10.2%; }
      #postSec .parts-memo .icon {
        left: 20.5%; }
      #postSec .parts-memo .lrbox .phtbox {
        width: 100%;
        text-align: center; }
        #postSec .parts-memo .lrbox .phtbox + .txtbox {
          margin-top: 30px; }
      #postSec .parts-memo .lrbox .txtbox {
        width: 100%; }
      #postSec .parts-memo .phtbox {
        margin: 25px 0 0; }
      #postSec .parts-memo .txtbox {
        margin: 15px 0 0; }
    #postSec .parts-bdmemo {
      margin: 40px 0 0;
      padding: 37px 7.9%; }
      #postSec .parts-bdmemo h3 {
        font-size: 2.3rem;
        letter-spacing: 0.05em; }
      #postSec .parts-bdmemo .txtbox {
        margin: 15px 0 0; }
    #postSec .parts-txt {
      margin: 40px 0 0; }
    #postSec .parts-frame {
      padding: 27px 7.9%; }
    #postSec .parts-btn {
      margin: 32px 0 0; }
      #postSec .parts-btn a {
        min-width: auto;
        width: 100%;
        padding: 18px 20px; } }
/*==================================================

** 404
==================================================*/
#notfoundSec {
  padding: 100px 0; }
  #notfoundSec .notfoundimg {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto; }
  #notfoundSec p + p {
    margin-top: 16px; }

@media screen and (max-width: 600px) {
  #notfoundSec {
    padding: 80px 0; } }