@charset "UTF-8";
/*
* メインイメージ
*/
section.cont_mainimg {
  position: relative; }
  @media screen and (min-width: 641px) {
    section.cont_mainimg .cont_img_wrap {
      display: flex;
      flex-direction: row-reverse; } }
  @media screen and (min-width: 1301px) {
    section.cont_mainimg .cont_img_wrap {
      height: 735px; } }
  section.cont_mainimg .cont_img_wrap .cont_imgs {
    opacity: 0; }
    section.cont_mainimg .cont_img_wrap .cont_imgs img {
      max-width: 100%;
      height: auto; }
    @media screen and (min-width: 641px) {
      section.cont_mainimg .cont_img_wrap .cont_imgs {
        width: 87%;
        transform: translateX(3%);
        position: relative; } }
    @media screen and (min-width: 1301px) {
      section.cont_mainimg .cont_img_wrap .cont_imgs {
        width: calc(100% - 150px);
        overflow: hidden; }
        section.cont_mainimg .cont_img_wrap .cont_imgs img {
          position: absolute;
          right: 0;
          max-width: none; } }
    section.cont_mainimg .cont_img_wrap .cont_imgs.view {
      opacity: 1;
      transform: translateX(0);
      transition: all 1.5s; }
  @media screen and (min-width: 641px) {
    section.cont_mainimg .cont_img_wrap .cont_copy {
      width: 13%;
      padding-left: 4%;
      display: flex;
      align-items: center;
      overflow: visible; } }
  @media screen and (min-width: 1301px) {
    section.cont_mainimg .cont_img_wrap .cont_copy {
      width: 150px; } }
  section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner {
    text-align: center;
    /*@include pc() {
                    width: 185%;
                    max-width: 370px;
                }*/ }
    @media screen and (max-width: 640px) {
      section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner {
        max-width: 950px;
        margin: auto;
        padding-left: 10px;
        padding-right: 10px; } }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner .cont_copyimg {
      display: flex;
      /*width:100%;
                    width:350px;*/ }
      @media screen and (min-width: 641px) {
        section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner .cont_copyimg {
          width: 100%;
          max-width: 370px; } }
      @media screen and (max-width: 640px) {
        section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner .cont_copyimg {
          margin-top: 30px; } }
      section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner .cont_copyimg img {
        width: 100%;
        height: auto; }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy > span {
      opacity: 0;
      transform: translateY(30px); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy1 {
      animation: copy_view 1s 0.07s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy2 {
      animation: copy_view 1s 0.14s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy3 {
      animation: copy_view 1s 0.21s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy4 {
      animation: copy_view 1s 0.28s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy5 {
      animation: copy_view 1s 0.35s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy6 {
      animation: copy_view 1s 0.42s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy7 {
      animation: copy_view 1s 0.49s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy8 {
      animation: copy_view 1s 0.56s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy9 {
      animation: copy_view 1s 0.63s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy10 {
      animation: copy_view 1s 0.7s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy11 {
      animation: copy_view 1s 0.77s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #maincopy.view #copy12 {
      animation: copy_view 1s 0.84s forwards cubic-bezier(0.81, 0.45, 0.34, 1.61); }
    section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread {
      opacity: 0;
      transform: translateY(30px); }
      section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread.view {
        animation: read_view 1s 1s forwards cubic-bezier(0.35, 0.84, 0.46, 1.24); }
      section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread p {
        font-family: 'M PLUS 1p', sans-serif;
        line-height: 2;
        transform: rotate(0.05deg);
        margin-top: 30px; }
        @media screen and (min-width: 641px) {
          section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread p {
            white-space: nowrap; } }
        @media screen and (min-width: 1201px) {
          section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread p {
            font-size: 1.03rem; } }
        @media screen and (min-width: 641px) and (max-width: 1200px) {
          section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread p {
            font-size: 1.2vw; } }
      section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread a {
        display: inline-block;
        padding: 0.3em 1em;
        margin-top: 1.5em;
        border: 1px solid #7d7d7d;
        color: #7d7d7d;
        font-style: italic;
        text-decoration: none; }
        @media screen and (min-width: 1201px) {
          section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread a {
            font-size: 0.9rem; } }
        @media screen and (min-width: 641px) {
          section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread a:hover {
            background: #ddf5d2; } }
        section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread a:active {
          background: #ddf5d2; }
        @media screen and (min-width: 641px) and (max-width: 1200px) {
          section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread a {
            font-size: 1.2vw; } }
        section.cont_mainimg .cont_img_wrap .cont_copy .cont_inner #mainread a:after {
          content: url(/resources/img/special/yasmocca/icon_yajirushi01.svg);
          margin-left: 0.2em; }
  section.cont_mainimg .cont_pickup {
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: 0.9rem; }
    section.cont_mainimg .cont_pickup:after {
      content: "";
      position: absolute;
      height: 100%;
      width: 40px;
      top: 0;
      right: 0;
      text-align: center;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2241px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(49%2C%2049%2C%2049)%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M2.161%2C1.999%20L11.000%2C19.478%20L2.256%2C38.000%20%22%2F%3E%3C%2Fsvg%3E") no-repeat center; }
    @media screen and (min-width: 641px) {
      section.cont_mainimg .cont_pickup {
        position: absolute;
        bottom: 5%;
        right: 0;
        width: 480px;
        box-sizing: border-box;
        max-width: 40%;
        opacity: 0;
        transform: translateX(-50px);
        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2)); }
        section.cont_mainimg .cont_pickup.view {
          opacity: 1;
          transform: translateX(0);
          transition: all 0.5s 1.5s; } }
    @media screen and (max-width: 640px) {
      section.cont_mainimg .cont_pickup {
        border: 1px solid #d2d2d2;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
        box-sizing: border-box; } }
    section.cont_mainimg .cont_pickup > div {
      background: #FFF;
      padding: 10px 40px 10px 10px; }
      @media screen and (min-width: 641px) {
        section.cont_mainimg .cont_pickup > div:hover {
          transform: translatex(7px);
          transition: 0.3s; } }
      section.cont_mainimg .cont_pickup > div img {
        width: 35%;
        float: left;
        margin-right: 10px; }
      section.cont_mainimg .cont_pickup > div span.cont_ttl {
        color: #6bba44; }
      section.cont_mainimg .cont_pickup > div p {
        margin-top: 0; }

/*
* TOPICS
*/
section.cont_topics {
  background: #f1f1f1;
  margin-top: 30px;
  padding: 30px 0;
  font-size: 0.9rem; }
  @media screen and (min-width: 641px) {
    section.cont_topics dt {
      float: left; }
    section.cont_topics dd {
      margin-left: 8em; } }
  @media screen and (max-width: 640px) {
    section.cont_topics dd {
      margin: 0; } }
  section.cont_topics h3 {
    margin: 0; }

/*
* Regular Menu
*/
@media screen and (min-width: 641px) {
  section.cont_regularmenu {
    padding: 80px 0; } }

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

section.cont_regularmenu .cont_inner {
  padding-bottom: 1em;
  position: relative; }
  section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel {
    /*カルーセル上書き*/ }
    section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-wrapper {
      padding-bottom: 15px; }
    @media screen and (min-width: 641px) {
      section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel {
        margin-top: 30px; } }
    @media screen and (max-width: 640px) {
      section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel {
        margin: 20px -5px 0 -5px; } }
    section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu {
      height: 100%; }
      @media screen and (min-width: 641px) {
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu {
          padding: 0 15px; } }
      @media screen and (max-width: 640px) {
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu {
          padding: 0 5px; } }
      section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner {
        border: 1px solid #bfbfbf;
        height: 100%;
        box-sizing: border-box;
        position: relative; }
        @media screen and (min-width: 641px) {
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner {
            padding-bottom: 1.5em; } }
        @media screen and (max-width: 640px) {
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner {
            padding-bottom: 1em; } }
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner img {
          max-width: 100%;
          height: auto; }
        @media screen and (min-width: 641px) {
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text {
            padding: 1em; } }
        @media screen and (max-width: 640px) {
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text {
            padding: 0.5em; } }
        @media screen and (max-width: 640px) {
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text p {
            margin-top: 3px; } }
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text p:first-child {
          margin-top: 0; }
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text p.cont_ttl {
          font-weight: bold;
          text-align: center; }
          @media screen and (min-width: 641px) {
            section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text p.cont_ttl {
              font-size: 1.1rem; } }
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text p.cont_price {
          color: #70be51;
          text-align: center; }
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_menu_inner .cont_text p.cont_val {
          font-size: 90%; }
      section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_link {
        text-align: center; }
        @media screen and (min-width: 641px) {
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_link {
            position: absolute;
            bottom: -0.75em;
            width: 100%; } }
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_link a {
          display: inline-block;
          margin: auto;
          padding: 0.5em 1em;
          border: 1px solid #bfbfbf;
          border-radius: 15px;
          line-height: 1;
          font-size: 0.8rem;
          color: #333333;
          background: #FFF;
          text-decoration: none; }
          section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_link a:active {
            background: #dfdfdf; }
          @media screen and (min-width: 641px) {
            section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .cont_menu .cont_link a:hover {
              background: #dfdfdf; } }
    @media screen and (max-width: 640px) {
      section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation {
        display: none; } }
    section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation-prev {
      padding: 3px !important;
      transform: scaleX(0.7) !important; }
      @media screen and (min-width: 641px) {
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation-prev {
          transform: translateY(-50%) translateX(-50%) !important; } }
      @media screen and (max-width: 640px) {
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation-prev {
          transform: translateY(-50%) translateX(-70%) !important; } }
    section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation-next {
      padding: 3px !important; }
      @media screen and (min-width: 641px) {
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation-next {
          transform: translateY(-50%) translateX(50%) !important; } }
      @media screen and (max-width: 640px) {
        section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-navigation-next {
          transform: translateY(-50%) translateX(70%) !important; } }
    section.cont_regularmenu .cont_inner .cont_menu_wrap#carousel .VueCarousel-dot {
      margin-top: 0 !important; }
  section.cont_regularmenu .cont_inner a.cont_other_menus {
    display: block;
    background: #e0e0e0;
    padding: 1em;
    border-radius: 5px;
    text-align: center;
    color: #5c5c5c;
    text-decoration: none;
    margin-top: 15px; }
    section.cont_regularmenu .cont_inner a.cont_other_menus:active {
      background: #d2d2d2; }
    @media screen and (min-width: 641px) {
      section.cont_regularmenu .cont_inner a.cont_other_menus:hover {
        background: #d2d2d2; } }

/*
* access map
*/
@media screen and (min-width: 641px) {
  .cont_accessmap {
    padding-top: 80px; } }

@media screen and (max-width: 640px) {
  .cont_accessmap {
    padding-top: 50px; } }

@media screen and (min-width: 641px) {
  .cont_accessmap .cont_inner .cont_sec_ttl {
    display: inline-flex; }
    .cont_accessmap .cont_inner .cont_sec_ttl hr {
      height: auto;
      margin: 0 20px;
      padding: 0; } }

.cont_accessmap #gmap {
  width: 100%;
  margin-top: 30px; }
  @media screen and (min-width: 641px) {
    .cont_accessmap #gmap {
      height: 400px; } }
  @media screen and (max-width: 640px) {
    .cont_accessmap #gmap {
      height: 400px; } }
  .cont_accessmap #gmap .cont_roadnum {
    border-radius: 3px;
    background: #00a43b;
    color: #FFF;
    padding: 0 0.5em;
    margin-right: 0.3em; }
  .cont_accessmap #gmap .cont_updown span:nth-child(2) {
    border-left: 1px solid #a3a3a3;
    margin-left: 0.5em;
    padding-left: 0.5em; }

/*
* css anime
*/
@keyframes copy_view {
  0% { }
  70% {
    transform: translateY(0); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes read_view {
  0% { }
  100% {
    opacity: 1;
    transform: translateY(0); } }