@charset "UTF-8";

/*スクロールニュース*/

.marquee-content {
  width: 100%;
  background-image: url(../img/topics.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.marquee {
  font-size: 1rem;
  height: 40px;
  line-height: 33px;
  overflow: hidden;
  width: 600px;
  margin-left: 130px;
}

.marquee p {
  display: inline-block;
  width: auto;
  text-align: center;
  white-space: nowrap;
  color: #ef454a;
  padding-left: 100%;
  -moz-animation-name: marquee;
  -moz-animation-duration: 20s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-name: marquee;
  -webkit-animation-duration: 20s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -o-animation-name: marquee;
  -o-animation-duration: 20s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  animation-name: marquee;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
  0% {
    transform: translate(0%);
  }
  100%,
  100% {
    transform: translate(-100%);
  }
}

@-moz-keyframes marquee {
  0% {
    transform: translate(0%);
  }
  100%,
  100% {
    transform: translate(-100%);
  }
}

@-o-keyframes marquee {
  0% {
    transform: translate(0%);
  }
  100%,
  100% {
    transform: translate(-100%);
  }
}

@keyframes marquee {
  0% {
    transform: translate(0%);
  }
  100%,
  100% {
    transform: translate(-100%);
  }
}

/*トップイメージスライダー*/

#topimg img {
  width: 100%;
  vertical-align: bottom;
}

/*バナーコンテンツ*/

.banner-row a {
  display: block;
  padding: 0px;
  margin-bottom: 20px;
}

.banner-row a:hover {
  opacity: 0.5;
}

.banner-row img {
  width: 100%;
  vertical-align: bottom;
}

.single p {
  width: 100%;
}

.double p {
  width: 50%;
  float: left;
}

/*口コミコンテンツ*/

#recommend {
  margin-bottom: 20px;
}

#recommend article {
  display: table;
  width: 100%;
}

#recommend article.highlight {
  background-color: #ffd;
}

#recommend article p.thum {
  display: table-cell;
  width: 15%;
  vertical-align: middle;
}

#recommend article p.thum img {
  width: 100%;
  vertical-align: bottom;
}

#recommend article div.how {
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}

#recommend article div.how time {
  font-size: 0.8rem;
  line-height: 1em;
  color: #f8b;
  margin: 0 10px;
}

#recommend article div.how p.post {
  font-size: 0.8rem;
  line-height: 1.5em;
  margin: 0 10px;
  margin-bottom: 10px;
}

#recommend article div.how p.who {
  background-color: #f80;
  color: #fff;

  font-size: 0.8rem;
  line-height: 1em;
  font-weight: bold;
  text-align: center;

  width: 160px;
  padding: 5px;
  margin: 0 10px;
}

#recommend article div.how ul {
  margin: 0 15px;
  margin-top: 5px;
}

#recommend article div.how ul li {
  display: table;
  width: 100%;
  line-height: 1.5em;
}

#recommend article div.how ul li span.ttx {
  display: table-cell;
  width: 80px;

  font-size: 0.8rem;
  line-height: 1.5em;
  font-weight: bold;
}

#recommend article div.how ul li span.star {
  display: table-cell;
  width: auto;

  color: #f80;
}

#recommend article div.comment {
  display: table-cell;
  width: 60%;
  vertical-align: middle;

  font-size: 0.9rem;
  line-height: 1.75em;
}

#recommend article div.comment p.ttx img {
  width: 100px;
  vertical-align: bottom;
}

#recommend article div.comment p {
  margin: 0 10px;
}

/*動画*/

#movie {
  width: 100%;
  text-align: center;
}

#movie .video {
  margin-top: 1em;
}
#movie .video video {
  object-fit: cover;
}

/*新着情報コンテンツ*/

#topics {
  background: rgb(206 154 2 / 30%);
  margin-bottom: 20px;
}

#topics article time {
  font-size: 1em;
  line-height: 1em;
  color: #000;
}

#topics article p.ttx {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 5px;
}

#topics article p.excerpt {
  font-size: 1em;
  line-height: 1.5em;
}

#topics article.recent {
  width: 100%;
}

#topics article.recent p.thum {
  display: table-cell;
  width: 10%;
  vertical-align: middle;
}

#topics article.recent p.thum img {
  width: 100%;
  vertical-align: bottom;
}

#topics article.recent div.text {
  width: auto;
  vertical-align: middle;
  padding-left: 10px;
}

#topics article.recent a {
  width: 100%;
  padding: 15px 0;
  text-decoration: none;
  color: #eee;
}

#topics article.text-only time {
  display: table-cell;
  width: 90px;
  vertical-align: middle;
  text-align: center;
}

#topics article.text-only p.ttx {
  display: table-cell;
  width: auto;
  padding-left: 10px;
  vertical-align: middle;
  color: #666;
}
/*本日の出勤一覧*/

/*#today article a{
	position:relative;
}*/
#today {
  margin-top: 1em;
  overflow: hidden;
  background: rgb(206 154 2 / 30%);
}
#today article {
  width: 25%;
  float: left;
}

#today div.content {
  padding: 1px 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
#today article p.rel {
  position: absolute;
  left: 2px;
  top: 0px;
  z-index: 999;
}

#today article div .spec {
}

#today article p.ready {
  position: absolute;
  bottom: 1px;
  left: 10px;
  z-index: 1000;
  text-align: center;
  width: 183px;
  color: white;
  font-size: 10px;
}
#today h2 img {
  width: 100%;
}
.concept {
  position: relative;
}
.concept .concept_reserve {
  position: absolute;
  bottom: 50px;
  right: 195px;
}
.top_kyujin {
  margin-top: 1em;
}
.top_kyujin a {
  color: #eee;
}
.btn-detail,
.clear {
  clear: both;
}
.clear {
  margin-bottom: 2em;
}

/*バニラウィジェット*/
#vanilla_W {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 1em;
  background: rgb(206 154 2 / 30%);
}

@media screen and (max-width: 770px) {
  #main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
  }
  #today {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  #today .castlist {
    width: 33%;
  }
  .texttop h2,
  .texttop h3,
  .texttop h4 {
    margin-left: 0;
  }
  .texttop p {
    margin-left: 0;
    font-size: 0.7em;
    width: 100%;
  }
  .marquee-content {
    -webkit-background-size: 100%;
    background-size: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .marquee {
    width: 100%;
    margin-left: 20%;
    height: auto;
    line-height: 36px;
    font-size: 1em;
  }
  .container {
    width: 100%;
    margin-top: 1em;
  }
  .slide-item img {
    width: 100% !important;
  }
  .concept {
    margin: 0 auto;
  }
  .concept p img {
    width: 100%;
  }
  .reviewwrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .reviewwrap .review {
    width: 50%;
  }
  .reviewwrap .review img {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .marquee-content {
    -webkit-background-size: 150%;
    background-size: 150%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  /*.marquee {
		width:100%;
		margin-left: 28%;
		height: auto;
		line-height: 22px;
		font-size: 0.7em;
	}*/
  .marquee {
    width: 100%;
    margin-left: 28%;
    height: auto;
    line-height: 22px;
    font-size: 0.7em;
  }
  #movie .video video {
    width: 100%;
    object-fit: cover;
  }
  #twitter-widget-0 {
    height: 360px !important;
  }
}