@charset "utf-8";
/* CSS Document */
* {
  min-height: 0vw;
}
/*===============================================
●共通
===============================================*/
#mochitto-pasta_cp_2512 .lead-area .leadB {
  text-align: center;
  font-weight: 800;
  font-size: clamp(1.45rem, 3vw, 2.3rem);
  margin: 0 0 1.2rem;
  padding: 0.5rem 0 0;
  box-sizing: border-box;
}
#mochitto-pasta_cp_2512 .lead-area .leadB .sm {
  text-align: center;
  font-weight: 500;
  font-size: clamp(1.1rem, 1.7vw, 1.4rem);
  margin: 0 0 0.5rem;
  display: inline-block;
}
#mochitto-pasta_cp_2512 .lead-area .lead_text, #mochitto-pasta_cp_2512 .lead-area .lead_note {
  font-size: .9rem;
  margin: .3rem 0 0;
}
#mochitto-pasta_cp_2512 .lead-area .leadT {
  text-align: center;
  font-weight: 500;
  font-size: clamp(1rem, 1.05vw, 1.1rem);
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem 1rem;
  line-height: 1.8;
  box-sizing: border-box;
}
#mochitto-pasta_cp_2512 .lead-area .leadT span {
  text-align: left;
  font-weight: 400;
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  width: 86%;
  margin: 0 auto;
}
#mochitto-pasta_cp_2512 .item-area .icon {
  width: 25%;
}
#mochitto-pasta_cp_2512 .item-area .icon_new {
  width: 20%;
  margin-bottom: .3rem;
}
#mochitto-pasta_cp_2512 .item-area .name {
  text-align: left;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
#mochitto-pasta_cp_2512 .item-area .name .sm {
  text-align: left;
  font-size: clamp(1rem, 1.1vw, 1.2rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
#mochitto-pasta_cp_2512 .item_date span {
  text-align: left;
  font-size: .9rem;
  border: 1px solid #b50825;
  padding: .3rem .5rem;
}
#mochitto-pasta_cp_2512 .item_date {
  text-align: left;
  margin: .7rem 0 0;
}
#mochitto-pasta_cp_2512 .item-area .price {
  text-align: right;
  font-size: clamp(1.1rem, 2vw, 1.2rem);
  font-weight: 700;
}
#mochitto-pasta_cp_2512 .item-area .txt {
  font-size: clamp(1rem, 4vw, 1.15rem);
  text-align: left;
  line-height: 1.6;
}
#mochitto-pasta_cp_2512 .item-area .txt span {
  font-size: clamp(0.88rem, 0.9vw, 0.95rem);
  text-align: left;
  line-height: 1.4;
  display: block;
  margin: .5rem 0 0;
}
#mochitto-pasta_cp_2512 .cpn_ttl {
  font-size: clamp(1.05rem, 4.8vw, 1.3rem);
  text-align: left;
}
#mochitto-pasta_cp_2512 .ttl_h2 {
  position: relative;
  font-size: clamp(1.2rem, 1.4vw, 1.6rem);
  color: #fff;
  font-weight: 600;
  z-index: 3;
  padding: .5rem 1rem .7rem;
  border-radius: 3rem;
  margin: 2rem auto;
  letter-spacing: 0.2rem;
  background-color: #05933a;
  width: 20%;
}
#mochitto-pasta_cp_2512 .chef-area .ttl_h3 {
  font-size: clamp(1.1rem, 1.2vw, 1.3rem);
  color: #231815;
  font-weight: 600;
}
/*===============================================
●pc.css 画面の横幅が737px以上
===============================================*/
@media screen and (min-width:737px) {
  /*===== common ======*/
  #mochitto-pasta_cp_2512 .pc-none {
    display: none;
  }
  #mochitto-pasta_cp_2512 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
  }
  #mochitto-pasta_cp_2512 h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }
  #mochitto-pasta_cp_2512 ul, li, dl, dt, dd {
    margin: 0;
    list-style: none;
    padding: 0;
  }
  #mochitto-pasta_cp_2512 img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  #mochitto-pasta_cp_2512 a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
  }
  #mochitto-pasta_cp_2512 .logo02 {
    width: 6%;
    margin: 0 auto;
    padding: 1rem 0 0;
  }
  /*===== main-area ======*/
  #mochitto-pasta_cp_2512 main {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #40220f;
    padding: 0 0 2%;
  }
  #mochitto-pasta_cp_2512 section {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: relative;
  }
  #mochitto-pasta_cp_2512 .text-area {
    padding: 0;
    color: #fff;
  }
  #mochitto-pasta_cp_2512 .lead-area {
    padding: 1rem 0 1.8rem;
    color: #fff;
    position: relative;
    z-index: 3;
  }
  #mochitto-pasta_cp_2512 .text-area .line01 {
    position: relative;
  }
  #mochitto-pasta_cp_2512 .text-area .line01 img {
    padding: 0 0.5rem;
    width: 23%;
    margin: 0 auto;
    background: #231815;
    position: relative;
    z-index: 2;
  }
  /*item*/
  #mochitto-pasta_cp_2512 .item-area ul {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec {
    flex-direction: row;
    margin: 1rem auto;
    gap: 1rem;
    width: 90%;
  }
  #mochitto-pasta_cp_2512 .item-area ul .flex, #mochitto-pasta_cp_2512 .item-area ul.sec li {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 3rem;
    box-sizing: border-box;
    color: #231815;
    background: #ffe100;
    position: relative;
    z-index: 3;
    background-image: linear-gradient(-155deg, #fff67f, #ffe100 44%);
  }
  #mochitto-pasta_cp_2512 .item-area ul .item-wrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 2rem;
    box-sizing: border-box;
    gap: 0;
    color: #231815;
    background: #ea5414;
    position: relative;
    z-index: 3;
    background-image: linear-gradient(155deg, #e98b5f, #ea5514 44%);
  }
  #mochitto-pasta_cp_2512 .re.flex.bg {
    background: #ea5414;
    flex-direction: row;
    background-image: linear-gradient(155deg, #e98b5f, #ea5514 44%);
  }
  #mochitto-pasta_cp_2512 .item-area ul .item-wrap .af-item {
    display: flex;
    align-items: center;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li {
    flex-direction: column;
    padding: 2rem;
    gap: 1rem;
  }
  #mochitto-pasta_cp_2512 .item-area ul li.re {
    flex-direction: row-reverse;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li::before {
    content: none;
  }
  #mochitto-pasta_cp_2512 .item-area ul li .c-pic-item, #mochitto-pasta_cp_2512 .item-area ul .item-wrap .c-pic-item {
    width: calc(130% / 2);
    position: relative;
  }
  #mochitto-pasta_cp_2512 .item-area ul li .c-txt, #mochitto-pasta_cp_2512 .item-area ul .item-wrap .c-txt {
    width: calc(150% / 2);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li .c-pic-item {
    width: 90%;
    position: relative;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li .c-txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  /* #mochitto-pasta_cp_2512 .active {
    background: linear-gradient(transparent 50%, #21ff00 50%);
    transform-origin: left;
    transform: scaleX(0);
  }*/
  #mochitto-pasta_cp_2512 .c-pic-item img {
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, .3));
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h2 {
    margin: 2.5rem 0 1rem;
    letter-spacing: normal;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h2::before {
    left: -12.5rem;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h2::after {
    right: -12.5rem;
  }
  #mochitto-pasta_cp_2512 .chef-area {
    width: 98%;
    margin: 0 auto;
    color: #231815;
  }
  #mochitto-pasta_cp_2512 .chef-area figure {
    display: flex;
    gap: 2rem;
    margin: 2rem 0 1rem;
    background-color: #ff804a;
    padding: 2rem;
    border-radius: 1rem;
    align-items: center;
  }
  #mochitto-pasta_cp_2512 .chef-area .ph {
    width: 45%;
  }
  #mochitto-pasta_cp_2512 .chef-area .sm {
    font-size: 0.9rem;
  }
  #mochitto-pasta_cp_2512 .chef-area figure figcaption {
    width: calc(100% - -370px);
    text-align: left;
    font-size: 0.96rem;
  }
  #mochitto-pasta_cp_2512 .chef-area figure figcaption p:first-child {
    margin: 0 0 1rem;
  }
  #mochitto-pasta_cp_2512 .chef-area figure figcaption p:last-child {
    font-size: 0.9rem;
    text-align: left;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h3 {
    margin: 0 0 1rem;
    padding: 0.5rem 0;
    text-align: left;
    border-bottom: dotted 5px #ea5414;
  }
  /*===== animation-area ======*/
}
/*===============================================
●sp.css  画面の横幅が736pxまで
===============================================*/
@media screen and (max-width:736px) {
  #mochitto-pasta_cp_2512 .sp-none {
    display: none;
  }
  #mochitto-pasta_cp_2512 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  #mochitto-pasta_cp_2512 h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }
  #mochitto-pasta_cp_2512 ul, li, dl, dt, dd {
    margin: 0;
    list-style: none;
    padding: 0;
  }
  #mochitto-pasta_cp_2512 img {
    max-width: 100%;
    display: block;
    height: auto;
    width: 100%;
  }
  #mochitto-pasta_cp_2512 a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
  }
  /*===== main-area ======*/
  #mochitto-pasta_cp_2512 main {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #40220f;
    padding: 0 0 4%;
  }
  #mochitto-pasta_cp_2512 section {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: relative;
  }
  #mochitto-pasta_cp_2512 .text-area {
    padding: 0;
    color: #fff;
    position: relative;
    z-index: 3;
  }
  #mochitto-pasta_cp_2512 .lead-area {
    padding: 1rem 1.5rem;
    color: #fff;
  }
  #mochitto-pasta_cp_2512 .lead-area .lead_text, #mochitto-pasta_cp_2512 .lead-area .lead_note {
    text-align: left;
  }
  #mochitto-pasta_cp_2512 .ttl_h2 {
    width: 40%;
    margin: 1rem auto;
    padding: .3rem 1rem .5rem;
  }
  #mochitto-pasta_cp_2512 .text-area .line01 {
    position: relative;
  }
  #mochitto-pasta_cp_2512 .text-area .line01 img {
    padding: 0 0.5rem;
    width: 55%;
    margin: 0 auto;
    background: #231815;
    position: relative;
    z-index: 2;
  }
  #mochitto-pasta_cp_2512 .lead-area .leadT {
    text-align: left;
  }
  /*item*/
  #mochitto-pasta_cp_2512 .item-area ul {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec {
    flex-direction: column;
    margin: 1rem auto;
    gap: 1rem;
    width: 100%;
  }
  #mochitto-pasta_cp_2512 .item-area ul li, #mochitto-pasta_cp_2512 .item-area ul li.re.flex.bg {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.5rem 2rem;
    box-sizing: border-box;
    color: #231815;
    background: #fff;
    position: relative;
    z-index: 3;
    background-image: linear-gradient(155deg, #e98b5f, #ea5514 44%);
  }
  #mochitto-pasta_cp_2512 .item-area ul li.re.flex {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.5rem 2rem;
    box-sizing: border-box;
    color: #231815;
    background: #fff;
    position: relative;
    z-index: 3;
    background-image: linear-gradient(155deg, #fff67f, #ffe100 44%);
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li::before {
    content: none;
  }
  #mochitto-pasta_cp_2512 .item-area ul li .c-txt {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  #mochitto-pasta_cp_2512 .c-pic-item img {
    filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, .3));
  }
  #mochitto-pasta_cp_2512 .chef-area {
    width: 100%;
    margin: 0 auto;
    color: #231815;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h2 {
    margin: 2.5rem 0 1rem;
    letter-spacing: normal;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h2::before {
    left: -9.5rem;
    top: 0.8rem;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h2::after {
    right: -9.5rem;
    top: 0.8rem;
  }
  #mochitto-pasta_cp_2512 .chef-area .ph {
    width: 60%;
    padding: 0 0 0.5rem;
    font-size: 0.8rem;
  }
  #mochitto-pasta_cp_2512 .chef-area figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0 0;
    background-color: #ff804a;
    padding: 1rem;
    border-radius: 1rem;
  }
  #mochitto-pasta_cp_2512 .chef-area figure figcaption {
    width: 100%;
    text-align: left;
  }
  #mochitto-pasta_cp_2512 .chef-area figure figcaption p:first-child {
    margin: 0 0 1rem;
  }
  #mochitto-pasta_cp_2512 .chef-area figure figcaption p:last-child {
    font-size: 0.8rem;
  }
  #mochitto-pasta_cp_2512 .chef-area .ttl_h3 {
    margin: 0 0 1rem;
    padding: 0.5rem 0;
    text-align: left;
    border-bottom: dotted 5px #ea5414;
  }
  #mochitto-pasta_cp_2512 .item-area .icon {
    width: 35%;
  }
  #mochitto-pasta_cp_2512 .item_date {
    text-align: left;
    margin: .3rem 0 0;
  }
  #mochitto-pasta_cp_2512 .item_date span {
    text-align: left;
    font-size: .9rem;
    border: 1px solid #b50825;
    padding: .2rem .4rem;
  }
  /*===== animation-area ======*/
}
@media screen and (min-width:768px) and (max-width:819px) {
  #mochitto-pasta_cp_2512 .item-area ul li::after {
    width: 97.8%;
    height: 97%;
  }
  #mochitto-pasta_cp_2512 .item-area ul li {
    padding: 1.5rem 2rem;
  }
  #mochitto-pasta_cp_2512 .item-area ul li.re::after {
    height: 95%;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li::after {
    width: 95.6%;
  }
}
@media screen and (min-width:820px) and (max-width:1023px) {
  #mochitto-pasta_cp_2512 .item-area ul li::after {
    width: calc(100% - 14px);
  }
  #mochitto-pasta_cp_2512 .item-area ul li {
    padding: 1.5rem 2rem;
  }
  #mochitto-pasta_cp_2512 .item-area ul li.re::after {
    height: 94.5%;
  }
  #mochitto-pasta_cp_2512 .item-area ul.sec li::after {
    width: 96%;
  }
}