@charset "UTF-8";
/*---------------------------------
 header
---------------------------------*/
header {
  border-top: 20px solid #1c3742; }
  header .Inner {
    padding-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    header .Inner img {
      width: 90px;
      margin-top: 0px; }
    header .Inner h1 {
      font-size: 1.5rem; }

/*---------------------------------
メイン
---------------------------------*/
.mainImg {
  position: relative; }
  .mainImg .eve {
    position: absolute;
    bottom: -180px;
    width: 100%; }
    .mainImg .eve img {
      width: 450px;
      margin: 0 auto; }

/*---------------------------------
イベント説明
---------------------------------*/
#campaign {
  margin-top: 220px;
  margin-bottom: 75px;
  text-align: center;
  line-height: 2; }
  #campaign p.txt01 {
    font-size: 1.8rem; }
  #campaign p.txt02 {
    margin-top: 100px;
    font-size: 1.5rem; }
    #campaign p.txt02 small {
      display: block;
      font-size: 1rem; }
  #campaign p.txt03 {
    font-size: 1.3rem;
    margin-top: 35px;
    margin-bottom: 50px; }
  #campaign a {
    max-width: 300px;
    margin: 0 auto; }

/*---------------------------------
 お届けイメージ
---------------------------------*/
#image h2 {
  font-size: 1.8rem;
  margin-bottom: 50px;
  text-align: center; }

/*---------------------------------
 コンセプト
---------------------------------*/
#concept {
  text-align: center;
  background: #1c3742;
  margin-top: 75px;
  padding-bottom: 75px;
  line-height: 2; }
  #concept h2 {
    color: #b59975;
    font-size: 1.8rem;
    line-height: 2;
    background: #1c3742;
    margin-bottom: 50px; }
  #concept p {
    color: #b59975;
    background: #1c3742;
    font-size: 1.3rem; }
  #concept p.txt02 {
    margin-top: 50px; }

/*---------------------------------
 秘訣
---------------------------------*/
#secret {
  padding-bottom: 75px;
  text-align: center; }
  #secret h2 {
    font-size: 1.8rem;
    line-height: 2;
    margin-bottom: 50px; }
  #secret h2.mt100 {
    margin-top: 100px; }
  #secret p {
    font-size: 1.3rem;
    line-height: 2;
    margin-bottom: 50px; }

/*---------------------------------
 cv
---------------------------------*/
#cv {
  padding-bottom: 75px;
  text-align: center;
  background: #fff; }
  #cv h2 {
    font-size: 1.8rem;
    line-height: 2;
    margin-bottom: 50px;
    background: #fff; }
  #cv p {
    background: #fff;
    font-size: 1.3rem;
    line-height: 2;
    margin-bottom: 50px; }
  #cv a img {
    width: 450px;
    margin: 50px auto; }
  #cv img.logo {
    width: 300px;
    margin: 50px auto; }
  #cv p.txt02 {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0px; }
  #cv form {
    width: 500px;
    margin: 0 auto; }
  #cv form, #cv .element_wrap {
    background: #fff; }
  #cv .element_wrap {
    text-align: left;
    background: #fff;
    margin-bottom: 15px; }
  #cv .element_wrap.check input {
    width: auto;
    height: auto;
    margin-right: 5px; }
  #cv input {
    margin-top: 5px;
    width: 100%;
    height: 30px;
    background: #fff; }
  #cv .button input {
    background: #931319;
    width: 300px;
    height: 50px;
    color: #fff;
    font-size: 1rem;
    margin: 50px 0px; }
  #cv .button input:hover {
    cursor: pointer;
    opacity: 0.8; }

/*---------------------------------
 店舗詳細
---------------------------------*/
#outline {
  text-align: center;
  background: #1c3742;
  padding-bottom: 75px;
  line-height: 2; }
  #outline .Inner {
    padding-top: 0px; }
  #outline img {
    width: 250px;
    margin: 0 auto; }
  #outline .flex {
    margin-top: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #outline ul li {
    background: #1c3742;
    color: #b59975;
    text-align: left;
    font-size: 1.3rem; }
  #outline iframe, #outline ul {
    width: 45%; }

/*---------------------------------
 footer
---------------------------------*/
footer ul.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  footer ul.sns li {
    width: 70px;
    margin-right: 50px; }
  footer ul.sns li:nth-of-type(4) {
    margin-right: 0px; }

footer ul.f-Nav {
  margin: 50px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  footer ul.f-Nav li {
    margin-right: 50px; }
  footer ul.f-Nav li:nth-of-type(8) {
    margin-right: 0px; }

footer ul.f-subNav {
  margin: 50px 0px 100px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  footer ul.f-subNav li:first-child {
    margin-right: 50px; }

footer p.copy {
  background: #1c3742;
  color: #fff;
  padding: 10px 0px;
  text-align: center; }

@media screen and (max-width: 750px) {
  br.sponly {
    display: block; }
  header .Inner img {
    width: 55px;
    margin-top: 0px; }
  header .Inner h1 {
    font-size: 2vw; }
  .mainImg .eve {
    position: static;
    margin-top: 50px; }
    .mainImg .eve img {
      width: 95%; }
  #campaign {
    margin-top: 0px; }
    #campaign .Inner {
      padding-top: 50px; }
    #campaign p.txt01 {
      font-size: 4.5vw; }
    #campaign p.txt02 {
      margin-top: 50px;
      font-size: 4.3vw; }
    #campaign p.txt02 small {
      font-size: 0.5rem; }
    #campaign p.txt03 {
      font-size: 4vw; }
  #cv h2 {
    margin-bottom: 25px;
    font-size: 4.5vw; }
  #cv a img {
    width: 95%; }
  #cv p {
    font-size: 3.5vw; }
  #cv img.logo {
    width: 300px;
    margin: 0 auto; }
  #cv p.txt02 {
    font-size: 0.5rem; }
  #cv form {
    width: 90%;
    margin: 0 auto; }
  #concept h2 {
    font-size: 4.5vw;
    margin-bottom: 25px; }
  #concept p {
    font-size: 3.5vw; }
  #concept p.txt02 {
    margin-top: 25px; }
  #secret h2 {
    font-size: 4.5vw;
    margin-bottom: 25px; }
  #secret p {
    font-size: 3.5vw; }
  #secret h2.mt100 {
    margin-top: 0px; }
  #outline .flex {
    margin-top: 0px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #outline iframe, #outline ul {
    width: 100%; }
  #outline ul {
    margin-top: 25px; }
    #outline ul li {
      font-size: 1rem; }
  footer ul.f-Nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  footer ul.sns li {
    width: 20%;
    margin-right: 25px; }
  footer ul.f-Nav li {
    width: 45%;
    text-align: center;
    margin-right: 0px; } }