section.cont_ttl .cont_ttlimg {
  display: flex;
  align-items: center;
  position: relative; }
  @media screen and (min-width: 641px) {
    section.cont_ttl .cont_ttlimg {
      background: url("/resources/img/special/yasmocca/pct_menus_mainimg.jpg") top center;
      height: 319px; } }
  @media screen and (max-width: 640px) {
    section.cont_ttl .cont_ttlimg {
      background: url("/resources/img/special/yasmocca/pct_menus_mainimg_sp.jpg");
      background-size: 100% auto; }
      section.cont_ttl .cont_ttlimg:before {
        content: "";
        width: 100%;
        height: 0;
        padding-top: 81%; } }
  section.cont_ttl .cont_ttlimg .cont_inner {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 640px) {
      section.cont_ttl .cont_ttlimg .cont_inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } }
    section.cont_ttl .cont_ttlimg .cont_inner > div {
      width: 100%;
      text-align: center; }
      section.cont_ttl .cont_ttlimg .cont_inner > div p {
        font-size: 86%;
        color: #FFF; }

@media screen and (min-width: 641px) {
  section.cont_items {
    padding-top: 60px; } }

@media screen and (max-width: 640px) {
  section.cont_items {
    padding-top: 30px; } }

section.cont_items ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0; }
  section.cont_items ul li {
    list-style-type: none; }
    @media screen and (min-width: 641px) {
      section.cont_items ul li {
        padding-bottom: 60px;
        width: 32%; }
        section.cont_items ul li:nth-child(3n+2):last-child {
          margin-right: 34%; } }
    @media screen and (max-width: 640px) {
      section.cont_items ul li {
        padding-bottom: 30px;
        width: 48.5%; } }
    section.cont_items ul li a {
      color: #333;
      font-size: 0.9rem;
      text-decoration: none;
      font-weight: bold; }
      @media screen and (min-width: 641px) {
        section.cont_items ul li a:hover {
          opacity: 0.9; } }
      section.cont_items ul li a:active {
        opacity: 0.9; }
      @media screen and (min-width: 641px) {
        section.cont_items ul li a p {
          text-align: center; } }
      @media screen and (max-width: 640px) {
        section.cont_items ul li a p {
          margin-top: 0.8em; } }

@media screen and (min-width: 641px) {
  section.cont_item {
    padding: 70px 0; } }

@media screen and (max-width: 640px) {
  section.cont_item {
    padding: 50px 0; } }

section.cont_item h2.cont_ttl {
  text-align: center;
  font-weight: bold;
  margin-top: 0; }

@media screen and (min-width: 641px) {
  section.cont_item .cont_wrap {
    display: flex;
    align-items: center;
    margin-top: 50px; } }

@media screen and (min-width: 641px) {
  section.cont_item .cont_wrap .cont_btn {
    width: 35px; }
    section.cont_item .cont_wrap .cont_btn.cont_l {
      margin-right: 12px; }
    section.cont_item .cont_wrap .cont_btn.cont_r {
      margin-left: 12px; }
    section.cont_item .cont_wrap .cont_btn a {
      display: block;
      width: 23px;
      padding: 25px 0;
      vertical-align: middle;
      background: #89c669;
      color: #FFF;
      text-align: center;
      text-decoration: none; }
      section.cont_item .cont_wrap .cont_btn a.cont_nolink {
        /*cursor: default;
                        background: #cdebbe;*/
        visibility: hidden; } }

@media screen and (max-width: 640px) {
  section.cont_item .cont_wrap .cont_btn {
    display: none; } }

@media screen and (min-width: 641px) {
  section.cont_item .cont_wrap .cont_val {
    width: calc(100% - 70px);
    display: flex; } }

@media screen and (min-width: 641px) {
  section.cont_item .cont_wrap .cont_val .cont_img {
    width: 55%; } }

section.cont_item .cont_wrap .cont_val .cont_text {
  font-size: 0.9rem; }
  @media screen and (min-width: 641px) {
    section.cont_item .cont_wrap .cont_val .cont_text {
      width: 45%;
      box-sizing: border-box;
      padding-left: 20px; } }
  @media screen and (max-width: 640px) {
    section.cont_item .cont_wrap .cont_val .cont_text {
      margin-top: 15px; } }
  section.cont_item .cont_wrap .cont_val .cont_text p:first-child {
    margin-top: 0; }
  section.cont_item .cont_wrap .cont_val .cont_text p span.cont_price {
    display: inline-block;
    background: #9dc814;
    padding: 0.3em 1em;
    color: #FFF;
    margin-bottom: 0.5rem; }
  section.cont_item .cont_wrap .cont_val .cont_text p.cont_atten {
    color: #6c6c6c; }

.cont_backbtn {
  /*@include pc() {
        display: none;
    }*/
  margin-top: 15px;
  background: #e2e5e1;
  border-radius: 5px;
  text-align: center;
  padding: 0.3em; }
  @media screen and (min-width: 641px) {
    .cont_backbtn {
      margin-top: 30px;
      margin-left: 35px;
      margin-right: 35px; } }
  .cont_backbtn a {
    color: #686868;
    font-size: 0.9rem;
    width: 100%;
    display: block; }