@import url("/um/v7/css/reset.css");
@import url("animate.css");
@import url("/omezakanshasai/css/tsuji-bold.css");

.tsuji-bold {
  font-family: 'tsuji-bold';
  font-size: 91%;
}

.mgb05em {
  margin-bottom: 0.5em;
}

.mgb1em {
  margin-bottom: 1em;
}

.mgb2em {
  margin-bottom: 2em;
}

.mgb3em {
  margin-bottom: 3em;
}

.mgb4em {
  margin-bottom: 4em;
}

.mgb5em {
  margin-bottom: 5em;
}

@media print {
  .noprint {
    display: none;
  }
}

div.tbs-gheader {
  z-index: 999;
}

a {
  text-decoration: none;
  color: #c30d23;
}

.txt {
  line-height: 1.5;
}

.center {
  text-align: center;
  display: block;
}

.left {
  text-align: left;
  text-align: justify;
  display: block;
}

.bold {
  font-weight: bold;
}

.wbr {
  white-space: nowrap;
}

.nolink {
  pointer-events: none;
}

@media all and (min-width: 768px) {
  .flex {
    display: flex;
    align-items: center;
  }

  .wrap {
    width: 1080px;
    margin: 0 auto;
  }

  .pcnone {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .smpnone {
    display: none;
  }
}

.tnp {
  white-space: nowrap;
  text-indent: 110%;
  overflow: hidden;
}

/*	.logo
============================== */
.logo a>span {
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (min-width: 768px) {
  .logo a>span {
    width: 900px;
    height: 363px;
  }
}

@media all and (max-width: 767px) {
  .logo a>span {
    height: 0;
    padding-top: calc((250 / 620)*100%);
    z-index: 1;
  }

  .logo a>span>span {
    /* display: block; */
    /* height: 100%; */
    /* position: absolute; */
    /* left: 0; */
    top: 0;
    width: 100%;
  }
}

/*	header
============================== */
.header {
  background-color: #fef9e5;
}

.header h1 {
  background-image: url(../img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.read {
  color: #05292f;
}

@media all and (min-width: 768px) {
  .header {
    padding: 55px;
    border-bottom: solid #ffd04e 15px;
  }

  .header h1 {
    width: 980px;
    height: 275px;
    margin-bottom: 55px;
  }

  .read {
    font-size: 30px;
    margin-top: 40px;
  }
}

@media all and (max-width: 767px) {
  .header {
    padding: 4vw;
    border-bottom: solid #ffd04e 1.5vw;
  }

  .header h1 {
    height: 0;
    padding-top: calc((275 / 980)*100%);
    z-index: 1;
    margin-bottom: 4vw;
  }

  .header h1 span {
    /* display: block; */
    /* height: 100%; */
    /* position: absolute; */
    /* left: 0; */
    top: 0;
    width: 100%;
  }

  .read {
    font-size: 3.5vw;
    margin-top: 4vw;
  }
}

/*	pagetop
============================== */
#page-top {
  background-color: #ffeabb;
  background-image: url(../img/bg_food.jpg);
  background-size: 2160px;
  background-position: 0 530px;
  position: relative;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  -ms-text-size-adjust: 100%;
  font-kerning: normal;
  font-feature-settings: "palt";
}

@media all and (min-width: 768px) {
  #page-top {
    letter-spacing: 0.1em;
  }
}

@media all and (max-width: 767px) {
  #page-top {
    background-size: 140vw;
    background-position: 0 -105vw;
  }
}

/*	lazy
============================== */
.lazy {
  display: block;
  position: relative;
  margin: 0 auto;
}

.lazy img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.lazy-done.lazy {
  -webkit-animation: fadeIn 1000ms !important;
  animation: fadeIn 1000ms !important;
}

/*	top h2
============================== */
.top h2 {
  color: #264c58;
}

@media all and (min-width: 768px) {
  .top h2 {
    font-size: 45px;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  .top h2 {
    font-size: 5.5vw;
    margin-bottom: 3vw;
    text-align: center;
  }
}

/*	wnew
============================== */
.wnew .box {
  background-color: #fff;
  text-align: center;
}

@media all and (min-width: 768px) {
  .wnew .box {
    border-radius: 20px;
    border: 5px solid #f2b42f;
    padding: 40px 30px 25px;
    font-size: 20px;
    width: 800px;
    margin: 70px auto;
    box-sizing: border-box;
  }

  .wnew .txt {
    line-height: 35px;
  }
}

@media all and (max-width: 767px) {
  .wnew .box {
    border-radius: 4vw;
    border: 1vw solid #f2b42f;
    padding: 5vw 4vw 4vw;
    margin: 4vw 4vw 9vw;
    font-size: 3vw;
  }

  .wnew .txt {
    line-height: 1.5;
  }
}

/*	schedule
============================== */
.more {
  position: absolute;
  background-image: url(../img/more.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
}

.more span {
  top: 0;
  width: 100%;
}

.schedule ul {
  margin: 3em 0 5em;
}

.schedule li a {
  /* position: relative; */
  width: 800px;
  background-color: #fff;
  margin: 0 auto 2em;
  box-sizing: border-box;
  border: solid 5px #c30d23;
}

.schedule li a {
  display: flex;
  /* width: 100%; */
  /* z-index: 1; */
  position: relative;
}

.schedule li.nolink a {
  border: solid 5px #fff;
}

.schedule .thumbox>span {
  display: block;
  width: 210px;
  height: 150px;
  background-size: cover;
}

.schedule .place {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}

.schedule .date {
  color: #05292f;
  font-size: 19px;
}

.schedule .box {
  height: 30px;
  vertical-align: middle;
}

.schedule .box {
  height: 150px;
  display: table;
  padding: 30px;
  box-sizing: border-box;
}

.schedule .box .inner {
  display: table-cell;
  vertical-align: middle;
}

@media all and (min-width: 768px) {
  .more {
    right: -5px;
    bottom: -5px;
    width: 13.75%;
    padding-top: calc((153 / 220)*13.75%);
  }
}

@media all and (max-width: 767px) {
  .more {
    right: -1vw;
    bottom: -1vw;
    width: 15.75%;
    padding-top: calc((153 / 220)*15.75%);
  }

  .more span {
    top: 0;
    width: 100%;
  }

  .schedule ul {
    margin: 0em 0 0em;
    padding: 2vw 4vw 4vw;
  }

  .schedule li a {
    border: solid 1vw #c30d23;
    margin: 0 auto 3vw;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
  }

  .schedule li.nolink a {
    border: solid 5px #fff;
  }

  .schedule .thumbox>span {
    display: block;
    width: 23vw;
    height: 150px;
    background-size: cover;
  }

  .schedule .thumbox span {
    height: 0;
    padding-top: calc((150 / 210)*100%);
    z-index: 1;
    /* margin-bottom: 4vw; */
  }

  .schedule .thumbox span img {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  .schedule .place {
    font-weight: bold;
    font-size: 4vw;
    margin-bottom: 2vw;
  }

  .schedule .date {
    color: #05292f;
    font-size: 2.4vw;
  }

  .schedule .box {
    height: 30px;
    vertical-align: middle;
  }

  .schedule .box {
    height: auto;
    display: table;
    padding: 0 0 0 3vw;
    box-sizing: border-box;
  }

  .schedule .box .inner {
    display: table-cell;
    vertical-align: middle;
  }
}

/*	trailer
============================== */
.trailer {
  white-space: nowrap;
  overflow: hidden;
  text-indent: 110%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
}

@media all and (min-width: 768px) {
  .trailer {
    width: 680px;
    height: 382.5px;
    z-index: 100;
    border: solid 10px #ffaf3c;
    margin: 5em auto;
  }

  .trailer iframe, .trailer span {
    background-position: center;
    width: 680px;
    height: 382.5px;
    background-size: 100%;
    background-color: #000;
  }
}

@media all and (max-width: 767px) {
  .trailer {
    height: 0;
    padding-top: 56.25%;
    z-index: 1;
  }

  .trailer iframe {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  .trailer_outer {
    margin: 6vw;
    border: solid 8px #ffaf3c;
  }

  .trailer {
    width: 100%;
  }

  .trailer iframe, .trailer span {
    background-position: center;
    background-size: 100%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}

/*	SNS timelineArea
============================== */
@media all and (min-width: 768px) {
  .twitter-timeline iframe {
    height: 500px;
  }
}

@media all and (max-width: 767px) {
  .twitter-timeline iframe {
    height: 500px;
  }
}

#topSnsArea {
  text-align: center;
  position: relative;
  background-color: #ffaf3c;
}

#snsArea {
  position: relative;
}

#timelineArea {}

#timelineArea #instagram, #timelineArea #twitter {
  position: relative;
}

#timelineArea h2 {
  padding: 0;
}

#timelineArea h2 a {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  /* margin: 0 auto 10px; */
  position: absolute;
  display: block;
}

#timelineArea #instagram h2 a {
  background-image: url(../img/top_h2_ig.png);
  position: relative;
  width: 100%;
  height: 130px;
  margin: 0 auto;
  background-size: 200%;
}

#timelineArea #twitter h2 a {
  background-image: url(../img/top_h2_tw.png);
  position: relative;
  width: 100%;
  height: 130px;
  margin: 0 auto;
  background-size: 200%;
}

#timelineArea #instagram .timelineBox {
  /* padding: 12px; */
  /* background-color: #fff; */
  z-index: 100;
  position: relative;
}

#timelineArea #twitter .timelineBox {
  padding: 0;
}

.gaibu {
  font-size: 0.8em;
  padding: 0;
  letter-spacing: 0em;
  display: block;
  padding: 1em;
  box-sizing: border-box;
  position: relative;
  font-size: 18px;
  letter-spacing: 0.07em;
  color: #fff;
}

/*instagram*/
div.insta {}

div.insta ul li {
  float: left;
  width: 33.333333333333333%;
}

div.insta ul li span, div.insta ul li a, div.insta ul li a img {
  display: block;
}

div.insta ul li a, div.insta ul li a img {
  background-position: center center;
  background-repeat: no-repeat;
}

div.insta ul li a {
  background-size: cover;
  position: relative;
  height: 0;
  padding-top: 100%;
}

div.insta ul li a:hover img {
  background-color: hsla(216, 82%, 13%, 0.25);
}

div.insta ul li a img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

div.insta ul li a img.icon-video {
  background-image: url(/um/img/play.png);
}

div.insta ul li:nth-child(3n-2) {
  clear: both;
}

/*twitter*/
#twitter .twitterBox {
  background-color: #fff;
  padding: 0px;
}

#twTL .tline {
  padding: 15px;
  margin: 0 auto;
}

#twTL .tline iframe {
  background-color: hsla(0, 0%, 100%, 0.9);
}

#snsDecoArea {
  position: absolute;
  top: -50px;
  left: 0;
  height: 100%;
  width: 40%;
}

#snsDeco1 {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  width: 250px;
  height: 360px;
  margin: 0 auto;
  padding: 0;
  top: -100px;
  opacity: 0;
  text-indent: -9999px;
}

div.insta ul li:nth-child(7),
div.insta ul li:nth-child(8),
div.insta ul li:nth-child(9) {
  margin-bottom: 0;
}

@media all and (min-width: 768px) {
  #topSnsArea {
    padding: 0 0 20px;
    background-color: #ffaf3c;
  }

  #snsArea {
    display: inline-block;
    vertical-align: top;
  }

  #timelineArea {
    letter-spacing: -.4em;
  }

  #timelineArea #instagram, #timelineArea #twitter {
    width: 500px;
    letter-spacing: 0em;
    vertical-align: top;
    padding: 0 0px;
    float: left;
  }

  #timelineArea #instagram {
    margin-right: 80px;
  }

  .gaibu {
    text-align: center;
    margin: 2em auto;
    width: 980px;
    color: #fff;
  }

  div.insta {
    padding: 0;
  }

  div.insta ul li:nth-child(3n-2)>span {
    margin-right: 8px;
  }

  div.insta ul li:nth-child(3n-1)>span {
    margin-left: 4px;
    margin-right: 4px;
  }

  div.insta ul li:nth-child(3n)>span {
    margin-left: 8px;
  }

  div.insta ul li {
    margin-bottom: 12px;
  }
}

@media all and (max-width: 767px) {
  #topSnsArea {
    padding: 0 0 1em;
    background-position: top;
  }

  #timelineArea {
    display: block;
    /* margin: 0 20px; */
  }

  #timelineArea #twitter {
    padding-bottom: 90px;
    padding: 0 8vw 3vw;
  }

  #timelineArea #instagram {
    padding-bottom: 90px;
    padding: 0 8vw 1em;
    position: relative;
    z-index: 0;
  }

  #timelineArea h2 {
    padding: 0;
  }

  #timelineArea h2 a {
    height: 75px !important;
  }

  .gaibu {
    width: 100%;
    font-size: 0.8em;
    text-align: center;
  }

  div.insta {
    padding: 0;
  }

  div.insta ul li:nth-child(3n-2)>span {
    margin-right: 6px;
  }

  div.insta ul li:nth-child(3n-1)>span {
    margin-left: 3px;
    margin-right: 3px;
  }

  div.insta ul li:nth-child(3n)>span {
    margin-left: 6px;
  }

  div.insta ul li {
    margin-bottom: 9px;
  }

  #snsDecoArea {
    top: -20px;
    left: -20px;
  }

  #snsDeco1 {
    width: 200px;
    height: 288px;
  }
}

/*	smp x btn
============================== */
@media all and (max-width: 767px) {
  .x_btn {
    margin: 0 auto;
    margin: 4vw 8vw;
  }

  .x_btn a {
    background-image: url(../img/x.png);
    background-size: cover;
    display: block;
    height: 0;
    padding-top: calc((110 / 596)*100%);
    z-index: 1;
    margin-bottom: 4vw;
  }

  .x_btn a span {
    /* display: block; */
    /* height: 100%; */
    /* position: absolute; */
    /* left: 0; */
    top: 0;
    width: 100%;
  }
}

/*	copyright
============================== */
.copyright {
  background-color: #ffaf3c;
  padding: 3em;
}

.copyright p {
  line-height: 1.5;
}

@media all and (max-width: 767px) {
  .copyright {
    padding: 1em;
    font-size: 80%;
    line-height: 1.5;
  }
}

/*	.button
============================== */
.button {
  margin: 0 auto;
  width: fit-content;
}

.button a {
  line-height: 1.5;
  text-align: center;
  color: #264c58;
  font-weight: bold;
  background: #fff;
  padding: 0.8em;
  border: 5px solid #264c58;
  box-shadow: 0 5px 0 #264c58;
  border-radius: 6px;
  display: inline-block;
  transition: .3s;
}

.button a:hover {
  transform: translateY(5px);
  box-shadow: 0 0 0 #333;
}

/*	.contact_form
============================== */
@media all and (min-width: 768px) {
  .contact_form {
    font-size: 25px;
  }
}

@media all and (max-width: 767px) {
  .contact_form {
    font-size: 4.2064vw;
  }
}