/*共通部分*/

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

* {
  -ms-box-sizing: border-box;
  /*Internet Explorer*/
  -webkit-box-sizing: border-box;
  /*Google Chrome、Safari*/
  -moz-box-sizing: border-box;
  /*Firefox*/
  -o-box-sizing: border-box;
  /*Opera*/
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
  font-family: '游明朝', 'YuMincho', 'Yu Mincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro';
  letter-spacing: 2px;
  line-height: 1.9;
  font-size: 18px;
  font-weight: 500;
  background-color: #ffffff;
  color: #000000;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border-style: none;
}

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

a:hover {
  color: #e60012;
}


.inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.wrap .inner{
	padding: 70px 50px 70px;
}

.for_medium {
  display: none;
}

.for_small {
  display: none;
}

.for_wide {
  display: block;
}

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.header i.fa, .footer i.fa {
  font-size: 25px;
  color: #000000;
}

.header {
  background-color: #f3f3f3;
  max-width: 1440px;
}

.header_top {
  position: fixed;
  width: 100%;
  background-color: #f3f3f3;
  z-index: 1000500;
  height: 65px;
}

#top .header_top {
  background-color: #f3f3f3;
}

.header_top_inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

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

#gnav ul li {
  display: inline-block;
  background-color: #f3f3f3;
  vertical-align: middle;
  height: 65px;
  line-height: 65px;
  padding-right: 4%;
}

#gnav ul li:last-child {
  padding-right: 0;
}

#top #gnav ul li {
  background-color: #f3f3f3;
}

#gnav ul li a {
  font-size: 16px;
  font-weight: 800;
  position: relative;
  text-decoration: none;
}

.main_img img{
  margin: 0 auto;
  width: 100%;
  margin-top: 65px;
}

h2{
  font-size: 27px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 40px;
}

.frame{
  border: 1px solid;
  padding: 10px;
}

.bold{
  font-weight: bold;
}

.brown{
  color:#8b4513;
}

/*footer----*/

.footer {
  clear: both;
  background-color: #f3f3f3;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer .footer_logo{
  margin: 0 auto;
  max-width: 240px;
  width: 100%;
}

div.sns_btn {
  margin-bottom: 20px;
}

ul.sns_btn {
  text-align: center;
  margin: 0;
}

.sns_btn li {
display: inline-block;
vertical-align: top;
padding: 0 5px 0 5px;
height: 20px;
line-height: 1;
}

.sns_btn li.eigacom{
  margin-right: -20px;
}


.fb_iframe_widget > span {
	vertical-align: baseline !important;
}


ul.footer_sns {
  margin: 0 auto;
  width: 620px;
  margin-bottom: 20px;
}

.footer_sns li {
float:left;
margin-right: 20px;;
width:300px;
height: 350px;
}

.footer .footer_sns li:last-child {
  margin-right: 0;
}


.footer  li a:hover i.fa {
  color: #e60012;
}

.footer .footer_sns {
  clear: both;
}

.footer i.fa {
  font-size: 25px;
}

.footer p.credit {
  margin: 0 auto;
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}

.footer .copyright{
  font-size: 10px;
}

p.contact{
  font-size: 12px;
  text-align: center;
}

/*----footer*/

.weight600 {
  font-weight: 600;
}

.font_25{
  font-size: 25px;
}

.font_20{
  font-size: 20px;
}

.font_40{
  font-size: 40px;
}

.font_30{
  font-size: 30px;
}

.mt_20{
  margin-top: 20px;
}

.mb_20{
  margin-bottom: 20px;
}

.mb_40{
  margin-bottom: 40px;
}

.asterisk{
  text-indent: -1em;
  padding-left: 2em;
  font-size: 14px;
}

.color_red{
  color: red;
}

.parentheses{
  font-size: 0.9em;
}



/*index.html*/

.top_img{
    margin: 0 auto;
    width: 1440px;
    max-width: 100%;
    margin-top: 65px;
    height: 709px;
    background-image: url("../img/main.jpg");
    background-repeat:no-repeat;
    padding-top: 35px;
    position: relative;

}

h1.top_img img{
  margin-left: 30%;
  max-width: 100%;
  height: auto;
}

.announce{
  font-size: 25px;
  margin: 0 auto;
  max-width:1440px;
  background-color:  #e60012;
  color: #ffffff;
  text-align: center;
  }

p.flyer_download {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    margin-top: 3%;
  }

p.flyer_download  a{
  color: #ffffff;
  background-color: #000000;
  display: block;
  padding: 10px;
}

p.flyer_download  a:hover{
 opacity: 0.8;
}

a.shop_bnr{
  display: block;
  margin: 3% auto;
  max-width: 400px;
}



  /*screening.html*/

.inner .polepole_info{
  margin-bottom: 100px;
    text-align: center;
}

  .inner .polepole_info img{
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .inner .polepole_info h2{
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 40px;
      width: 100%;
  }

  .inner .polepole_info .polepole_map{
    margin: 0 auto;
    max-width: 70%;
  }

  .polepole_info span {
    color: #e60012;
  }

.firstweek_info{
  margin-bottom: 20px;
  border: 1px solid #c0c0c0;
  padding: 10px;
}

.firstweek_info a{
color: #c0c0c0;
}

.firstweek_info .schedule_guest {
	padding: 20px;
}

.firstweek_info .schedule_guest span{
	color: #a52a26;
}

.firstweek_info ol {
  margin-bottom: 20px;
}

.firstweek_info .schedule_guest li{
    margin-bottom: 10px;
}

.firstweek_info p {
  margin-bottom: 10px;
}

.secondweek_info .schedule{
	padding: 20px;
}

.secondweek_info{
  margin-bottom: 20px;
  border: 1px solid #c0c0c0;
  padding: 10px;
}

.secondweek_info a{
color: #c0c0c0;
}

.secondweek_info dl{
  margin: 0 auto;
  width: 550px;
}

 .secondweek_info dl dt, .secondweek_info dl dd{
  float: left;
}

.secondweek_info dl dd{
  margin-right: 40px;
}

.secondweek_info dl dd:nth-child(4){
  margin-right: 0;
}


.secondweek_info .schedule p{
  clear: both;
}

.secondweek_info .schedule a:hover{
  color: #e60012;
}

.secondweek_info p:last-child{
  color:#a52a2a;
  text-align: left;
}


.screening_info h2{
	background-color: #696969;
  color: #ffffff;
	width: 9em;
	margin: 0 auto;
	text-align: center;
	font-size: 25px;
	margin-bottom: 4%;
}

.theater{
  margin-bottom: 70px;
}

section#theater{
  padding-top: 100px;
  margin-top: -100px;
}

table.theater {
  border-top: 1px solid #808080;
  border-collapse: collapse;
  width: 100%;
}

table.theater th,
table.theater td {
  border-bottom: 1px solid #808080;
  padding: 10px;
}

table.theater th {
  text-align: center;
}

table.theater td {
  text-align: center;
  color: #696969;
}

table.theater tr td:last-of-type {
  text-align: left;
    width: 400px;
}

table.theater tr dl{
  font-size: 0.9em;
}

table.theater  span.red,table.four_walling  span.red{
  color:  #e60012;
}

table.theater  span.line-through{
  text-decoration:line-through;
}

table.theater  span.blue{
  color:  #0000FF;
}
table.theater  span.finished{
color: #c0c0c0;
}


table.theater a:hover {
  color: #e60012;
}

.theater7{
  border: 1px solid;
  padding: 10px;
  margin-top: 10px;
}

table.four_walling {
 border-collapse: collapse;
 width: 100%;
}

table.four_walling td,
table.four_walling th {
 padding: 10px;
 border-bottom: 1px solid #808080;
}

table.four_walling td th,
table.four_walling td td
{
 border-bottom: none;
}

table.four_walling td th{
 width: 10em;
 color: #808080;
 font-weight: 600;
}

table.four_walling th {
 text-align: left;
 width: 30%;
}



  /*about.html*/

section.introduction{
  margin-bottom: 70px;
}

section.introduction p:nth-child(2){
  font-size: 18px;
  font-weight: 500;
  color: #404040;
  margin-bottom: 30px;
}

section.character li{
  margin-bottom: 70px;
}

p.name{
  color: #404040;
  margin-bottom: 10px;
  font-size: 22px;
  }

p.profile{
  margin-bottom: 40px;
}

.staff dt {
    float: left;
    clear: left;
    max-width: 12em;
    width: 100%;
    position: relative;
}

.staff dt:after {
    content: ":";
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: 0;
  }

.staff dd {
    float: left;
    max-width: 500px;
    width: 100%;
}

  /*directors_comments.html*/
div.comment{
    margin-bottom: 70px;
  }

div.comment p:first-child, div.directors_profile p:first-child {
  color: #404040;
  margin-bottom: 20px;
  font-size: 22px;
}

section.comment{
  margin-bottom: 70px;
}

section.comment p.signature{
  text-align: right;
}

/*trailer.html*/

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top:70px;
  margin-bottom: 70px;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*four_walling.html*/

dl.four_wall_information{
  margin-bottom: 45px;
}

dl.four_wall_information dt{
  margin-bottom: 15px;
  color: #696969;
  font-size: 22px;
}