@charset "UTF-8";
@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* line 32, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
body {
  background-color: #FFF3EF; }
  /* line 34, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
  body header {
    height: 510px;
    background-image: url("../img/cloud2.png");
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; }
    @media screen and (max-width: 1100px) {
      /* line 34, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body header {
        background-image: url("../img/blue_sky.png");
        background-position: left center;
        position: relative; } }
    /* line 48, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
    body header .nav_box {
      width: 1080px;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 1100px) {
        /* line 48, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box {
          width: 100%;
          justify-content: center;
          flex-direction: column;
          align-items: center; } }
      @media screen and (max-width: 670px) {
        /* line 48, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box {
          width: 80%;
          max-width: 300px; } }
      /* line 62, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body header .nav_box h1 {
        width: 321px;
        margin: 75px 0 0 29px; }
        /* line 65, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box h1 img {
          width: 100%;
          height: auto;
          object-fit: contain; }
        @media screen and (max-width: 1100px) {
          /* line 62, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body header .nav_box h1 {
            margin-left: 0; } }
        @media screen and (max-width: 670px) {
          /* line 62, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body header .nav_box h1 {
            width: 100%;
            max-width: 300px; } }
      /* line 78, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body header .nav_box .nav_button_wrapper {
        margin-top: 30px;
        padding: 5px 10px 5px 10px;
        display: none;
        z-index: 2;
        cursor: pointer;
        border: 2px solid #fff;
        border-radius: 10px;
        opacity: 1; }
        @media screen and (max-width: 1100px) {
          /* line 78, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body header .nav_box .nav_button_wrapper {
            display: flex;
            justify-content: center; } }
        /* line 92, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box .nav_button_wrapper span {
          font-size: 16px;
          font-family: fot-tsukubrdgothic-std, sans-serif;
          color: #fff; }
          /* line 99, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body header .nav_box .nav_button_wrapper span.nav_button {
            display: inline; }
        /* line 104, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box .nav_button_wrapper.show_animate {
          opacity: 0; }
      @media screen and (max-width: 1100px) {
        /* line 108, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box .nav {
          width: 1049px;
          height: 440px;
          display: flex;
          justify-content: flex-end;
          position: absolute;
          top: 0;
          right: -630px;
          background-image: url(../img/cloud_nav_bg.png);
          background-position: right bottom;
          background-size: contain;
          transition: all 0.5s ease;
          z-index: 1; } }
      /* line 123, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body header .nav_box .nav .wrapper {
        /*span{
                        //writing-mode:vertical-rl;
                        font-size: 25px;
                        font-family: $font_tsukushi;
                        cursor: pointer;
                        &.nav_button{
                            display: inline;
                            &.show_animate{
                                display: none;
                            }
                        }
                    }*/ }
      /* line 145, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body header .nav_box .nav .ul_wrapper {
        width: 600px;
        display: flex;
        justify-content: flex-end; }
        /* line 149, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body header .nav_box .nav .ul_wrapper ul {
          margin-top: 130px;
          margin-right: 42px;
          display: flex;
          flex-direction: row; }
          @media screen and (max-width: 1050px) {
            /* line 149, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body header .nav_box .nav .ul_wrapper ul {
              padding-left: 410px; } }
          /* line 157, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body header .nav_box .nav .ul_wrapper ul li {
            margin-left: 53px;
            writing-mode: vertical-rl;
            font-size: 25px;
            font-family: fot-tsukubrdgothic-std, sans-serif;
            color: #3E3A39;
            cursor: pointer; }
            /* line 164, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body header .nav_box .nav .ul_wrapper ul li.first_li {
              margin-left: 0; }
            @media screen and (max-width: 500px) {
              /* line 157, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
              body header .nav_box .nav .ul_wrapper ul li {
                font-size: 20px;
                margin-left: 35px; } }
            /* line 171, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body header .nav_box .nav .ul_wrapper ul li img {
              width: 30px;
              height: auto;
              object-fit: contain;
              margin-bottom: 11px;
              opacity: 0;
              transition: all 0.5s ease; }
              @media screen and (max-width: 500px) {
                /* line 171, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
                body header .nav_box .nav .ul_wrapper ul li img {
                  width: 24px; } }
            /* line 182, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body header .nav_box .nav .ul_wrapper ul li:hover img {
              opacity: 1; }
          /* line 186, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body header .nav_box .nav .ul_wrapper ul a {
            text-decoration: none; }
            /* line 188, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body header .nav_box .nav .ul_wrapper ul a li {
              margin-left: 53px;
              color: #3E3A39; }
              @media screen and (max-width: 500px) {
                /* line 188, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
                body header .nav_box .nav .ul_wrapper ul a li {
                  font-size: 20px;
                  margin-left: 35px; } }
              /* line 195, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
              body header .nav_box .nav .ul_wrapper ul a li .nav_active {
                opacity: 1; }
      /* line 209, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body header .nav_box nav.show_animate {
        right: 0px;
        transition: all 0.5s ease; }
  /* line 215, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
  body section {
    display: flex;
    flex-direction: column;
    align-items: center; }
    /* line 219, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
    body section .box_wrapper {
      width: 1080px; }
      @media screen and (max-width: 1100px) {
        /* line 219, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper {
          width: 100%; } }
      /* line 224, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body section .box_wrapper .box_h2 {
        width: 292px;
        box-sizing: border-box;
        position: relative; }
        @media screen and (max-width: 670px) {
          /* line 224, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body section .box_wrapper .box_h2 {
            width: 175px; } }
        /* line 231, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_h2 .h2_bg {
          width: 100%;
          height: 686px;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          position: absolute;
          top: 0;
          left: 0; }
          @media screen and (max-width: 670px) {
            /* line 231, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_h2 .h2_bg {
              height: 411px; } }
          /* line 243, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body section .box_wrapper .box_h2 .h2_bg .h2_bg_top {
            width: 274px;
            height: auto;
            object-fit: contain;
            z-index: 0; }
            @media screen and (max-width: 670px) {
              /* line 243, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
              body section .box_wrapper .box_h2 .h2_bg .h2_bg_top {
                width: 164px; } }
          /* line 252, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body section .box_wrapper .box_h2 .h2_bg .h2_bg_beneath {
            width: 280px;
            align-self: flex-end;
            height: auto;
            object-fit: contain;
            z-index: 0; }
            @media screen and (max-width: 670px) {
              /* line 252, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
              body section .box_wrapper .box_h2 .h2_bg .h2_bg_beneath {
                width: 168px; } }
        /* line 263, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_h2 .h2_wrapper {
          width: 100%;
          height: calc( 686px - 48px);
          margin-top: 48px;
          display: flex;
          justify-content: center; }
          @media screen and (max-width: 670px) {
            /* line 263, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_h2 .h2_wrapper {
              height: calc( 411px - 29px);
              margin-top: 29px; } }
          /* line 273, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body section .box_wrapper .box_h2 .h2_wrapper h2 {
            margin-right: 10px;
            position: relative;
            writing-mode: vertical-rl;
            font-family: fot-tsukubrdgothic-std, sans-serif;
            font-size: 63px;
            line-height: 100px;
            color: #3E3A39;
            vertical-align: middle;
            z-index: 1; }
            @media screen and (max-width: 670px) {
              /* line 273, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
              body section .box_wrapper .box_h2 .h2_wrapper h2 {
                font-size: 38px;
                line-height: 60px; } }
            /* line 287, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_h2 .h2_wrapper h2 .oblique {
              display: inline-block;
              transform: rotate(30deg); }
        /* line 293, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_h2 .h2_en {
          width: 100%;
          margin-top: 19px;
          display: block;
          text-align: center;
          font-family: dnp-shuei-4go-std, sans-serif;
          font-size: 19px;
          letter-spacing: 0.48em;
          color: #E55F03; }
      /* line 305, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body section .box_wrapper .box_content {
        width: 542px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media screen and (max-width: 670px) {
          /* line 305, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
          body section .box_wrapper .box_content {
            width: 100%; } }
        /* line 313, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_content .content_img {
          width: 542px;
          height: auto;
          object-fit: contain; }
          @media screen and (max-width: 670px) {
            /* line 313, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_content .content_img {
              margin-left: 10%;
              margin-right: 10%;
              width: calc( 100% - 20%); } }
        /* line 323, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_content h3 {
          width: 473px;
          margin: 30px 31px 0 31px;
          font-family: dnp-shuei-4go-std, sans-serif;
          font-size: 27px;
          font-weight: 600;
          color: #3E3A39; }
          @media screen and (max-width: 670px) {
            /* line 323, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_content h3 {
              margin-left: 10%;
              margin-right: 10%;
              width: calc( 100% - 20%);
              font-size: 21px; } }
        /* line 337, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_content p {
          width: 473px;
          margin-top: 18px;
          font-family: Sawarabi Gothic, sans-serif;
          font-size: 16px;
          line-height: 26px;
          color: #595757; }
          @media screen and (max-width: 670px) {
            /* line 337, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_content p {
              margin-left: 10%;
              margin-right: 10%;
              width: calc( 100% - 20%);
              font-size: 14px;
              line-height: 24px; } }
        /* line 352, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section .box_wrapper .box_content .notice {
          margin-top: 27px; }
          @media screen and (max-width: 670px) {
            /* line 352, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
            body section .box_wrapper .box_content .notice {
              margin-left: 10%;
              margin-right: 10%;
              width: calc( 100% - 20%); } }
    @media screen and (max-width: 1050px) {
      /* line 363, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body section .decoration .decoration_left {
        transform: scale(0.8, 0.8);
        transform-origin: left center; } }
    @media screen and (max-width: 1050px) {
      /* line 369, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body section .decoration .decoration_right {
        transform: scale(0.8, 0.8);
        transform-origin: right center; } }
    /* line 376, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
    body section.takeout {
      margin-top: 100px; }
      @media screen and (max-width: 1050px) {
        /* line 376, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section.takeout {
          margin-top: 50px; } }
      @media screen and (max-width: 1050px) {
        /* line 381, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body section.takeout .box_wrapper {
          width: 80%;
          margin-left: 10%;
          margin-right: 10%; } }
      /* line 387, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
      body section.takeout .box_wrapper img {
        width: 100%; }
  /* line 393, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
  body footer {
    width: 100%;
    height: 156px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: -1; }
    /* line 405, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
    body footer span {
      font-family: Sawarabi Gothic, sans-serif;
      font-size: 12px;
      z-index: 1; }
      @media screen and (max-width: 670px) {
        /* line 405, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
        body footer span {
          font-size: 12px; } }
    /* line 413, D:/Desktop/太陽食堂/5月28日 work/css/takeout.scss */
    body footer .footer_bg {
      width: 100%;
      height: 272px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-image: url(../img/footer_bg.png);
      background-position: bottom;
      background-size: cover; }

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