body{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color: #333;font-size: 1.0rem;line-height: 140%;}
.clr {zoom:1;}
.clr:after {content: "";display: block;clear: both;}
.header__padding {
  padding-top: 20px;
}
.article__header {
  display:block;
  margin-bottom: 20px;
  position: relative;
}
.article__header .article__line-block,
.article__header .article__category{
  display: inline-block;
}
.article__category{
  margin-bottom: 0;
}
.article__header .article__meta{
  position: absolute;
  right: 0;
  top: 0;
}
.article__header .article__meta__social__fb-like{
  display: block;
  text-align: center;
  margin: 4px 0 0;
}
.article__title{
  vertical-align: top;
}
.article__heading{
  margin-top: 20px !important;
  margin-bottom: 15px;
  font-size: ;
}
.article__heading-text{
  font-size: 1.2rem;
  line-height: 1.6;
}

.container .content{
  padding-top: 10px;
}

#venue-1{
  margin: 20px 0;
}
#venue-1 h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#venue-1 p{
  font-size: 1.1rem;
}
#venue-1 ul{
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 20px 0 30px;
}
#venue-1 li{
  margin-right: 20px;
  display: inline-block;
}
#venue-1 li:nth-of-type(2) {
  margin-right: 0;
}
#venue-1 li:last-child{
  margin-top: 10px;
  margin-right: 0;
  width:51%;
}
#venue-1 li a{
  display: inline-block;
  padding: 1em 2em;
  width:100%;
  line-height: 1;
  color: #fff;
  background-color: #BF2734;
  text-decoration: none;
  border-radius: 50px;
}
#venue-1 li:last-child a {
  background-color:#60c5ba;
}
.main-logo {
  text-align: center;
  margin: 20px 0;
  padding: 40px 0;
  border: 1px solid #999;
  border-width: 1px 0;
}
.main-logo img{
  max-width: 600px;
}

#about{
  margin: 20px 0;
}
#about h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#about p{
  font-size: 1.1rem;
}
#about table{
  background: #fff;
  margin: 20px 0;
  width: 100%;
  display: inline-block;
}
#about th,
#about td{
  padding: 10px;
  font-size: 1.1rem;
  line-height: 1.4;
}
#about th{
  width: 160px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #f8f0f0;
  font-weight: normal;
}
#about td{
  border-bottom: 1px solid #efefef;
}
#about th.last,
#about td.last{
  border-bottom: none;
}

#about_mifa{
  margin: 20px 0;
}
#about_mifa h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#about_mifa p{
  font-size: 1.1rem;
}


#achievements_of_2018{
  margin: 20px 0;
}
#achievements_of_2018 h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#achievements_of_2018 p{
  font-size: 1.1rem;
}
#achievements_of_2018 table{
  background: #fff;
  width: 47%;
  margin: 20px 0;
}
#achievements_of_2018 .table-annecy{
  float: left;
}
#achievements_of_2018 .table-mifa{
  float: left;
}

#achievements_of_2018 caption{
  font-size: 1.3rem;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
}
#achievements_of_2018 th,
#achievements_of_2018 td{
  padding: 10px;
  font-size: 1.1rem;
  line-height: 1.4;
}
#achievements_of_2018 th{
  width: 160px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #f8f0f0;
  font-weight: normal;
}
#achievements_of_2018 td{
  border-bottom: 1px solid #efefef;
}
#achievements_of_2018 th.last,
#achievements_of_2018 td.last{
  border-bottom: none;
}
#achievements_of_2018 .c-img-box{
  width: 300px;
  margin-top: 0
}
#achievements_of_2018 .img-box-1 img{
  width: 100%;
  border: 1px solid #ccc;
}
#achievements_of_2018 .c-img-box p{
  margin: 2px 0 15px;
  font-size: 0.8rem;
}

#honorary_country{
  margin: 20px 0;
}
#honorary_country_title{
  text-align: center;
}
#honorary_country_title p{
  text-align: left;
}
#honorary_country_title p a{
  color: #dd7777;
  text-decoration: none;
}
#honorary_country_title p a:hover{
  text-decoration: underline;
}
#honorary_country_title img.animationism_logo{
  width: 80%;
  margin-bottom: 30px;
}
#honorary_country h4{
  color: #333;
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#honorary_country h5{
  font-size: 1.5rem;
  color: #c00;
  font-weight: bold;
}
#honorary_country p{
  font-size: 1.1rem;
}
#honorary_country p.first{
  margin-bottom: 20px;
}
#honorary_country p span{
  font-size: 0.8rem;
}

#honorary_country table{
  background: #fff;
  margin: 20px auto;
  width: 100%;
  border-top: 1px solid #efefef;
}
#honorary_country th,
#honorary_country td{
  padding: 10px;
  font-size: 1.1rem;
  line-height: 1.4;
}
#honorary_country th{
  width: 160px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #f8f0f0;
  font-weight: normal;
}
#honorary_country td{
  border-bottom: 1px solid #efefef;
}


#lineup{
  margin: 20px 0;
}
#lineup h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#lineup p{
  font-size: 1.1rem;
  margin-bottom: 20px;
}
#lineup ul{
  padding: 0 10px 10px;
}
#lineup li{
  color: #dd7777;
  list-style: none;
  margin-bottom: 10px;
}
#lineup a{
  color: #dd7777;
  text-decoration: none;
}
#lineup a:hover{
  text-decoration: underline;
}

#site{
  margin: 20px 0;
}
#site h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#site p{
  font-size: 1.1rem;
}
#site p.lead{
  margin-bottom: 30px;
}
#site p.lead span{
  font-size: 0.9rem;
  line-height: 1.4;
  display: block;
}
#site p.lead a{
  color: #dd7777;
  text-decoration: none;
  line-height: 1.0;
}
#site p.lead a:hover{
  text-decoration: underline;
}
#site .site_title{
  font-size: 1.5rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
}

#site h5{
  font-size: 1.4rem;
  color: #333;
  font-weight: bold;
}
#site h5 a{
  color: #333;
  text-decoration: underline;
}
#site h5 span{
  font-size: 1.0rem;
  font-weight: normal;
}
#site .content-box{
  margin-bottom: 20px;
  padding: 15px;
  background-color: #eee;
}
#site .content-box-inner{
  margin-bottom: 20px;
  position: relative;
}

#site ul{
  padding: 15px 20px 0;
}
#site li{
  font-size: 1.2rem;
  color: #dd7777;
  list-style: none;
  margin-bottom: 10px;
}
#site li a{
  color: #dd7777;
  text-decoration: none;
}
#site li a:hover{
  text-decoration: underline;
}
#site #studio-box{
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  width: 700px;
  clear: both;
}
#site #studio-box .img-box-1,
#site #studio-box .img-box-2,
#site #studio-box .img-box-3,
#site #studio-box .img-box-4{
  float: left;
  text-align: center;
  width: 300px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
#site #studio-box .img-box-2,
#site #studio-box .img-box-4{
  float: right;
}
#site #studio-box .img-box-1,
#site #studio-box .img-box-2{
  margin-bottom:20px;
}
#site #studio-box .img-box-inner{
  width: 100%;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 110px;
  vertical-align: middle;
}
#site #studio-box h6{
  font-size: 1.2em;
  margin: 5px 0 10px;
  font-weight: bold;
  line-height: 1.1;
}
#site #studio-box h6 span{
  font-size: 0.8em;
  font-weight: normal;
}
#site #studio-box img{
  text-align: center;
  height: auto;
  width: 250px;
  border: none;
  vertical-align: middle;
}
#site #studio-box a:hover img{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#site #studio-box .img-box-1 img{
  padding-top: 26px;
}
#site #studio-box .img-box-2 img{
  padding-top: 40px;
}
#site #studio-box .img-box-3 img{
  padding-top: 10px;
}
#site #studio-box .img-box-4 img{
  padding-top: 36px;
}
#site #studio-box p{
  font-size: 0.7em;
  text-align: left;
}

#site #interview-box{
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  width: 700px;
  clear: both;
}
#site #interview-box .img-box-1,
#site #interview-box .img-box-2{
  float: left;
  text-align: center;
  width: 300px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
#site #interview-box .img-box-2{
  float: right;
}
#site #interview-box .img-box-inner{
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
}
#site #interview-box h6{
  font-size: 1.2em;
  margin: 5px 0 10px;
  font-weight: bold;
  line-height: 1.1;
}
#site #interview-box h6 span{
  font-size: 0.8em;
  font-weight: normal;
}
#site #interview-box img{
  text-align: center;
  height: 200px;
  width: auto;
  border: none;
}
#site #interview-box a:hover img{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#site #interview-box p{
  font-size: 0.7em;
  text-align: left;
}

#site #qa-box{
  display: block;
  margin: 0 auto;
  padding-top: 20px;
  width: 790px;
  clear: both;
  text-align: center;
}
#site #qa-box .img-box-1,
#site #qa-box .img-box-2,
#site #qa-box .img-box-3,
#site #qa-box .img-box-4,
#site #qa-box .img-box-5{
  display: inline-block;
  text-align: center;
  width: 250px;
  vertical-align: top;
  margin: 0 5px;
}
#site #qa-box .img-box-1,
#site #qa-box .img-box-2,
#site #qa-box .img-box-3{
  margin-bottom: 20px;
}
#site #qa-box .img-box-inner{
  display: inline-block;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
}
#site #qa-box h6{
  font-size: 1.2em;
  margin: 5px 0 10px;
  font-weight: bold;
  line-height: 1.1;
}
#site #qa-box h6 span{
  font-size: 0.8em;
  font-weight: normal;
}
#site #qa-box img{
  text-align: center;
  height: 200px;
  width: auto;
  border: none;
}
#site #qa-box a:hover img{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#site #qa-box p{
  font-size: 0.7em;
  text-align: left;
}

#exhibition{
  margin: 20px 0;
}
#exhibition h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#exhibition p{
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 1.1rem;
}
#exhibition h5{
  font-size: 1.4rem;
  color: #333;
  font-weight: bold;
  padding-bottom: 10px;
}
#exhibition h5 a{
  color: #333;
  text-decoration: underline;
}
#exhibition h5 span{
  font-size: 1.0rem;
  font-weight: normal;
}

#exhibition .content-box{
  width: 570px;
  float: left;
}
#exhibition .c-img-box{
  width: 250px;
  float: right;
}
#exhibition .c-img-box img{
  width: 100%;
  border: 1px solid #ccc;
}
#exhibition .c-img-box p{
  font-size: 0.8rem;
  margin-top: 5px;
}


#streaming{
  margin: 20px 0 40px;
}
#streaming .streaming_title{
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 1.1rem;
}

#streaming .content{
  margin-bottom: 30px;
}
#streaming h4{
  color: #333;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px;
  padding-left: 6px;
  border-left: 8px solid #f33;
}
#streaming .title-box{
  border-left: 2px solid #666;
  padding-left:12px;
  margin-bottom: 15px;
}
#streaming p{
  font-size: 1.1rem;
}
#streaming h5{
  font-size: 1.4rem;
  color: #dd7777;
  font-weight: bold;
}
#streaming a{
  color: #dd7777;
  text-decoration: underline;
}
#streaming table{
  background: #fff;
  margin: 10px 0 20px;
  width: 100%;
}
#streaming th,
#streaming td{
  padding: 10px;
  font-size: 1.1rem;
  line-height: 1.4;
}
#streaming th{
  width: 160px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #f8f0f0;
  font-weight: normal;
}
#streaming td{
  border-bottom: 1px solid #efefef;
}

#file-box{
  padding: 10px;
  list-style: none;
  display: grid;
  grid-gap: 10px;
  grid-auto-rows: 85px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background-color: #eee;
}
#file-box li{
  position: relative;
  text-align: center;
  background-color: #fff;
  line-height: 1.6;
  font-weight: bold;
}
#file-box li .role{
  font-size: 1.0rem;
  font-weight: normal;
  line-height: 1.1;
}

#file-box li a {
  padding: 15px 10px;
  display: block;
}

#file-box li a.line3 {
  padding: 10px;
}
.en #file-box li{
  line-height: 1.1;
}
.en #file-box li .name {
  font-size: 1.1rem;
  margin-bottom: 5px;
}
.en #file-box li a {
  padding: 20px 10px;
}
.en #file-box li a.line3 {
  padding: 12px 10px;
}

/*
=========================================
*/
.sp .article.container {
    width: auto;
    padding: 10px 10px 0 10px;
}
.sp .article__header {
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.sp .article__header h3.article__title.u-fweight-bold {
    width: 100%;
    font-size: 2rem;
    line-height: 1;
}
.sp .article__header .article__meta {
  position: static;
}
.sp .article__header .article__meta__social__fb-like {
    display: inline-block;
    margin: 0;
}
.sp .main-logo img {
    max-width: 300px;
}
.sp #site #studio-box {
    width: 100%;
}
.sp #site #studio-box .img-box-1,
.sp #site #studio-box .img-box-2,
.sp #site #studio-box .img-box-3,
.sp #site #studio-box .img-box-4 {
    float: none;
    text-align: center;
    width: 300px;
    display: block;
  margin: 0 auto 20px;
}
.sp #site #interview-box {
    width: 100%;
}
.sp #site #interview-box .img-box-1,
.sp #site #interview-box .img-box-2{
    float: none;
    text-align: center;
    width: 300px;
    display: block;
  margin: 0 auto 20px;
}
.sp #site #qa-box {
    width: 100%;
}
.sp #site #qa-box .img-box-1,
.sp #site #qa-box .img-box-2,
.sp #site #qa-box .img-box-3,
.sp #site #qa-box .img-box-4,
.sp #site #qa-box .img-box-5 {
    float: none;
    text-align: center;
    width: 300px;
    display: block;
  margin: 0 auto 20px;
}
.sp #site #file-box {
    display: block;
}
.sp #site #file-box li br{
    display: none;
}
.sp #site #file-box li a{
    padding: 10px;
}
.sp #streaming th {
    width: 100px;
}
.sp #exhibition .content-box {
    width: 100%;
    float: none;
}
.sp #exhibition .c-img-box {
    width: 100%;
    float: none;
  text-align: center;
}
.sp #exhibition .c-img-box img{
    width: 300px;
}