/*
 Theme Name:astra child
 Template:astra
*/

/*--------------------------トップページ----------------------------  */
body {
/*     width: 100%;
    min-width: 320px;
    overflow-x: hidden;
    line-height: 1;
    overflow-wrap: break-word;
    font-size: 13px;
    font-weight: 400; */
    font-family: Raleway, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ ゴシック", sans-serif !important;
/*     color: rgb(255, 255, 255);
    margin: 0px auto;
    background: rgb(28, 26, 32); */
}
#workinformation > div.elementor-container.elementor-column-gap-no > div > div > div.elementor-element.elementor-element-2f2be61.elementor-widget.elementor-widget-heading > div > h2 > div,h5,h6 {
	font-family: Raleway, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ ゴシック", sans-serif !important;
}
@media screen and (min-width:769px) {
.logo-banner{
	width:45% !important;
}
}
/* pc版の時にモバイル版を非表示 */
@media screen and (min-width:769px) {
	.mobile{
		display: none !important;
		}
	}
/* モバイル版の時にpc版を非表示 */
@media screen and (max-width:768px) {
	.pc{
		display: none !important;
		}
	}
    /* table01 */
    #table01 {
      width: 100%;;
		border: none !important;
	border-top: none !important;
  border-left: none !important;
		color: #FFF;
    }
#table01 tr {
	border: none !important;
	border-top: none !important;
  border-left: none !important;
/*   border-bottom: 1px solid #b5b1b1 !important; */
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: 1px solid #7F7B76 !important;
	
}

#table01 th {
/*   width: 30%; */
	text-align: left;
		font-weight: normal;
}
#table01 td {
	text-align: right;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
    text-align: center;
  }

  #table01 th {
    width: 100%;
	  border-bottom: none !important;
  }

  #table01 td {
    padding-top: 0;
  }
}
    /* table02 */
    #table02 {
      width: 100%;;
		color: #FFF;
    }
#table02 tr {
  border-bottom: 1px solid #FFF;
}

#table02 th,
#table02 td {
  padding: 24px 0;
  border: none;
}

#table02 th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table02 th,
  #table02 td {
    width: 100%;
    display: block;
    text-align: center;
  }

  #table02 th {
    width: 100%;
  }

  #table02 td {
    padding-top: 0;
  }
}
/* GoogleMapをモノクロ地図にする（APIは不要） */
.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.menu-span {
	font-size:50%;
}

/* Makotoya Co.,Ltd.のボタンのcss  */
#ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div > div.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section > div.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div > a.ast-custom-button-link{
	text-decoration: none;
}

/* トップのボタンを非表示にする */
#page-top > div.elementor-container.elementor-column-gap-no > div > div > div.elementor-element.elementor-element-ac59f9c.elementor-widget.elementor-widget-button > div > div > a{
	display: none;
}
/* max-widthを追加する */
section.elementor-section-boxed>.elementor-container,.elementor-section.elementor-section-boxed>.elementor-container {
/*     max-width: 1140px; */
    max-width: 1200px !important;
}

/* この映画祭についてのクレジット名のcss */
@media only screen and (max-width: 480px) {
.elementor-testimonial-name{
	font-size: 14px !important;
}
}

/* トップのアニメーションのcss */
#page-top > div.elementor-background-overlay{
  background-color: rgba(0, 0, 0, 1);
  animation: bg-color 1.5s ease;
}
/* @keyframes bg-color {
  0% { background-color: rgba(255, 255, 255, 1); }
  20% { background-color: rgba(255, 255, 255, 0.5); }
  40% { background-color: rgba(255, 255, 255, 0); }
  60% { background-color: rgba(0, 0, 0, 0.0); }
  80% { background-color: rgba(0, 0, 0, 0.5); }
  100% { background-color: rgba(0, 0, 0, 0.9); }
} */


@keyframes bg-color {
  0% { background-color: rgba(0, 0, 0, 0); }
  20% { background-color: rgba(0, 0, 0, 0.2); }
  40% { background-color: rgba(0, 0, 0, 0.4); }
  60% { background-color: rgba(0, 0, 0, 0.6); }
  80% { background-color: rgba(0, 0, 0, 0.8); }
  100% { background-color: rgba(0, 0, 0, 1); }
}