@charset "UTF-8";

/*==================================================================

HEADER_AREA

==================================================================*/
@media screen and (min-width:961px) {
.header_area{
width:700px;
margin:0 auto;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.header_area{
width:80%;
margin:30px auto 0;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.header_area{
width:98%;
margin:30px auto 50px;
}
.header_area h1{
width:90%;
margin:0 auto;
}
}









/*==================================================================

PROGRAMS_AREA

==================================================================*/
@media screen and (min-width:961px) {
.programs_area{
width:100%;
margin:30px auto 0px;
background:url("../../images/header_october_index_program.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.programs_area h2{
display:none;
}
.programs_area div{
width:90%;
margin:120px 10% 0 0;
}
.programs_area ul{
}
.programs_area ul li{
width:100%;
margin:0 0% 60px;
}
.programs_area ul li h5 img{
box-shadow:3px 3px 6px #9FA09E;
}
.programs_area ul li h5#program01 img{
width:80%;
margin:0 10% 10px;
}
.programs_area ul li h5#program02 img{
width:60%;
margin:0 20% 10px;
}
.programs_area ul li h5#program03 img{
width:60%;
margin:0 20% 10px;
}
.programs_area ul li h5#program04 img{
width:80%;
margin:0 10% 10px;
}
.programs_area ul li h5#program05 img{
width:100%;
margin:0 0% 10px;
}
#program01,#program02,#program03,#program04,#program05{
margin-top:-50px;
padding-top:50px;
}
.programs_area ul li ol{
}
.programs_area ul li ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.programs_area ul li ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.programs_area h4{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:1.2em;
margin-top:0.5em;
}
.programs_area h4 span{
font-size:0.8em;
margin:0 0.2em;
}
.programs_area h3{
font-size:18px;
font-weight:700;
line-height:1.3em;
margin:0.5em 0 0.5em;
}
.programs_area p{
font-size:13px;
line-height:1.3em;
margin:1.5em 0;
}
.programs_area dl{
}
.programs_area dl dt{
font-size:0.8em;
float:left;
width:4em;
background:#000;
color:#FFF;
padding:0.1em 1em;
margin-right:1em;
}
.programs_area .more{
width:16%;
height:auto;
margin:15px 0 0 84%;
}
.programs_area .more img{
position:relative;
left:0;
transition:0.8s;
}
.programs_area .more img:hover{
left:20px;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.programs_area{
width:100%;
margin:30px auto 30px;
background:url("../../images/header_october_index_program.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.programs_area h2{
display:none;
}
.programs_area div{
width:94%;
margin:80px 6% 0 0;
}
.programs_area ul{
}
.programs_area ul li{
width:80%;
margin:0 10% 50px;
}
.programs_area ul li h5 img{
box-shadow:3px 3px 6px #9FA09E;
}
.programs_area ul li h5#program01 img{
width:80%;
margin:0 10% 10px;
}
.programs_area ul li h5#program02 img{
width:70%;
margin:0 15% 10px;
}
.programs_area ul li h5#program03 img{
width:70%;
margin:0 15% 10px;
}
.programs_area ul li h5#program04 img{
width:80%;
margin:0 10% 10px;
}
.programs_area ul li h5#program05 img{
width:100%;
margin:0 0% 10px;
}
#program01,#program02,#program03,#program04,#program05{
margin-top:-35px;
padding-top:35px;
}
.programs_area ul li ol{
}
.programs_area ul li ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.programs_area ul li ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.programs_area h4{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:1.2em;
margin-top:0.5em;
}
.programs_area h4 span{
font-size:0.8em;
margin:0 0.2em;
}
.programs_area h3{
font-size:18px;
font-weight:700;
line-height:1.3em;
margin:0.5em 0 0.5em;
}
.programs_area p{
font-size:13px;
line-height:1.3em;
margin:1.5em 0;
}
.programs_area dl{
}
.programs_area dl dt{
font-size:0.8em;
float:left;
width:4em;
background:#000;
color:#FFF;
padding:0.1em 1em;
margin-right:1em;
}
.programs_area .more{
width:20%;
height:auto;
margin:15px 0 0 80%;
}
.programs_area .more img{
position:relative;
left:0;
transition:0.8s;
}
.programs_area .more img:hover{
left:20px;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.programs_area{
width:94%;
margin:40px auto　60px;
background:url("../../images/header_october_index_program.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.programs_area h2{
display:none;
}
.programs_area div{
width:90%;
margin:80px 5% 0 5%;
}
.programs_area ul{
}
.programs_area ul li{
width:100%;
margin:0 0% 60px;
}
.programs_area ul li h5 img{
box-shadow:3px 3px 6px #9FA09E;
}
.programs_area ul li h5#program01 img{
width:96%;
margin:0 2% 10px;
}
.programs_area ul li h5#program02 img{
width:80%;
margin:0 10% 10px;
}
.programs_area ul li h5#program03 img{
width:80%;
margin:0 10% 10px;
}
.programs_area ul li h5#program04 img{
width:100%;
margin:0 0% 10px;
}
.programs_area ul li h5#program05 img{
width:100%;
margin:0 0% 10px;
}
#program01,#program02,#program03,#program04,#program05{
margin-top:-35px;
padding-top:35px;
}
.programs_area ul li ol{
}
.programs_area ul li ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.programs_area ul li ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.programs_area ul li ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.programs_area h4{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:1.2em;
margin-top:0.5em;
}
.programs_area h4 span{
font-size:0.8em;
margin:0 0.2em;
}
.programs_area h3{
font-size:18px;
font-weight:700;
line-height:1.3em;
margin:0.5em 0 0.5em;
}
.programs_area p{
font-size:13px;
line-height:1.3em;
margin:1.5em 0;
}
.programs_area dl{
}
.programs_area dl dt{
font-size:0.8em;
float:left;
width:4em;
background:#000;
color:#FFF;
padding:0.1em 1em;
margin-right:1em;
}
.programs_area .more{
width:30%;
height:auto;
margin:15px 0 0 70%;
}
.programs_area .more img{
position:relative;
left:0;
transition:0.8s;
}
.programs_area .more img:hover{
left:20px;
}
}









/*==================================================================

PROGRAM_AREA

==================================================================*/
@media screen and (min-width:961px) {
.program_area{
width:100%;
margin:30px auto 0px;
background:url("../../images/header_october_index_program.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.program_area h2{
display:none;
}
/*#program01_01,#program01_02,#program01_03,#program01_04,#program02_01,#program02_02,#program02_03,#program02_04,#program03,#program04,#program05_01,#program05_02{
margin-top:-20px;
padding-top:20px;
}*/
.program_area div.program{
width:90%;
margin:50px 10% 30px 0;
}
.program_area ol{
margin-top:70px;
}
.program_area ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.program_area ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.program_area ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.program_area ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.program_area ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.program_area ol li span.talk{
background:#D66A35;
padding:0.1em 0.7em;
}
.program_area ol li span.performance{
background:#165E83;
padding:0.1em 0.7em;
}
.program_area h3{
font-size:26px;
font-weight:700;
word-spacing:0.1em;
text-align:left;
line-height:1;
margin:0.5em 0 1.3em;
}
.program_area h3.subtitle{
font-size:22px;
font-weight:700;
word-spacing:0.1em;
text-align:left;
line-height:1;
margin:2.5em 0 1.3em;
}
.program_area h4{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:1.7em;
margin:0 0 0.5em auto;
text-align:right;
}
.program_area h4 span{
font-size:0.8em;
margin:0 0.2em;
}
.program_area figure{
width:100%;
margin:0 auto 20px;
}
.program_area figure.half{
width:50%;
margin:0 auto 20px;
}
.program_area dl{
margin:2em 0;
}
.program_area dl dt{
font-size:0.8em;
float:left;
width:12%;
text-align:center;
background:#000;
color:#FFF;
padding:0.1em 1em;
margin-right:1em;
margin:0 1em 0.5em 0;
clear:both;
}
.program_area dl dd{
float:left;
width:80%;
margin:0 0 0.5em 3%;
}
.program_area h5{
font-size:24px;
font-weight:500;
text-align:center;
position:relative;
padding:1rem;
margin:1.5em auto 0.5rem;
}
.program_area h5:before{
position:absolute;
bottom:-50px;
left:50%;
transform:translateX(-50%);
height:40px;
width:2px;
background-color:#F8B500;
content:'';
}
.program_area ul{
margin-top:50px;
}
.program_area ul li{
width:30%;
height:auto;
margin:20px 1.5% 10px;
float:left;
}
.program_area ul.single li{
width:30%;
height:auto;
margin:20px 35% 10px;
float:left;
}
.program_area ul li a{
text-decoration:none;
}
.program_area ul li a img{
background:#111;
}
.program_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.program_area ul li img{
border-radius:50%;
margin-bottom:10px;
}
.program_area ul li h6{
font-size:15px;
font-weight:400;
text-align:center;
margin-top:0.2em;
}





}
@media only screen and (min-width:768px) and (max-width:960px) {
.program_area{
width:100%;
margin:30px auto 30px;
background:url("../../images/header_october_index_program.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.program_area h2{
display:none;
}
/*#program01_01,#program01_02,#program01_03,#program01_04,#program02_01,#program02_02,#program02_03,#program02_04,#program03,#program04,#program05_01,#program05_02{
margin-top:-35px;
padding-top:35px;
}*/
.program_area div.program{
width:94%;
margin:80px 6% 0px 0;
}
.program_area ol{
margin-top:60px;
}
.program_area ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.program_area ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.program_area ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.program_area ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.program_area ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.program_area ol li span.talk{
background:#D66A35;
padding:0.1em 0.7em;
}
.program_area ol li span.performance{
background:#165E83;
padding:0.1em 0.7em;
}
.program_area h3{
font-size:26px;
font-weight:700;
word-spacing:0.1em;
text-align:left;
line-height:1;
margin:0.5em 0 1.3em;
}
.program_area h3.subtitle{
font-size:20px;
font-weight:700;
word-spacing:0.1em;
text-align:left;
line-height:1;
margin:2.5em 0 1.3em;
}
.program_area h4{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:1.7em;
margin:0 0 0.5em auto;
text-align:right;
}
.program_area h4 span{
font-size:0.8em;
margin:0 0.2em;
}
.program_area figure{
width:100%;
margin:0 auto 20px;
}
.program_area figure.half{
width:50%;
margin:0 auto 20px;
}
.program_area dl{
margin:2em 0;
}
.program_area dl dt{
font-size:0.8em;
float:left;
width:12%;
text-align:center;
background:#000;
color:#FFF;
padding:0.1em 1em;
margin-right:1em;
margin:0 1em 0.5em 0;
clear:both;
}
.program_area dl dd{
float:left;
width:80%;
margin:0 0 0.5em 3%;
}
.program_area h5{
font-size:22px;
font-weight:500;
text-align:center;
position:relative;
padding:1rem;
margin:1em auto 0.5rem;
}
.program_area h5:before{
position:absolute;
bottom:-50px;
left:50%;
transform:translateX(-50%);
height:40px;
width:2px;
background-color:#F8B500;
content:'';
}
.program_area ul{
margin-top:50px;
}
.program_area ul li{
width:30%;
height:auto;
margin:20px 1.5% 10px;
float:left;
}
.program_area ul.single li{
width:30%;
height:auto;
margin:20px 35% 10px;
float:left;
}
.program_area ul li a{
text-decoration:none;
}
.program_area ul li a img{
background:#111;
}
.program_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.program_area ul li img{
border-radius:50%;
margin-bottom:10px;
}
.program_area ul li h6{
font-size:14px;
font-weight:400;
text-align:center;
margin-top:0.2em;
}





}
@media only screen and (min-width:320px) and (max-width:767px) {
.program_area{
width:94%;
margin:40px auto　60px;
background:url("../../images/header_october_index_program.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.program_area h2{
display:none;
}
/*#program01_01,#program01_02,#program01_03,#program01_04,#program02_01,#program02_02,#program02_03,#program02_04,#program03,#program04,#program05_01,#program05_02{
margin-top:-35px;
padding-top:35px;
}*/
.program_area div.program{
width:90%;
margin:80px 5% 10px 5%;
}
.program_area ol{
margin-top:50px;
}
.program_area ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.program_area ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.program_area ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.program_area ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.program_area ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.program_area ol li span.talk{
background:#D66A35;
padding:0.1em 0.7em;
}
.program_area ol li span.performance{
background:#165E83;
padding:0.1em 0.7em;
}
.program_area h3{
font-size:22px;
font-weight:700;
word-spacing:0.1em;
text-align:justify;
line-height:1.2em;
margin:0.5em 0 1.3em;
}
.program_area h3.subtitle{
font-size:18px;
font-weight:700;
word-spacing:0.1em;
text-align:left;
line-height:1.2em;
margin:2.5em 0 1.3em;
}
.program_area h4{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:1.4em;
margin:0 0 0.5em auto;
text-align:right;
}
.program_area h4 span{
font-size:0.8em;
margin:0 0.2em;
}
.program_area figure{
width:100%;
margin:0 auto 20px;
}
.program_area dl{
margin:2em 0;
}
.program_area dl dt{
font-size:0.8em;
width:20%;
text-align:center;
background:#000;
color:#FFF;
padding:0.1em 1em;
margin-right:1em;
margin:0 1em 0.5em 0;
clear:both;
}
.program_area dl dd{
margin:0 0 1em 1%;
line-height:1.1em;
}
.program_area h5{
font-size:22px;
font-weight:500;
text-align:center;
position:relative;
padding:1rem;
margin:1em auto 0.5rem;
}
.program_area h5:before{
position:absolute;
bottom:-50px;
left:50%;
transform:translateX(-50%);
height:40px;
width:2px;
background-color:#F8B500;
content:'';
}
.program_area ul{
margin-top:50px;
}
.program_area ul li{
width:40%;
height:auto;
margin:20px 5% 0;
float:left;
}
.program_area ul.single li{
width:40%;
height:auto;
margin:20px 30% 0;
float:left;
}
.program_area ul li a{
text-decoration:none;
}
.program_area ul li a img{
background:#111;
}
.program_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.program_area ul li img{
border-radius:50%;
margin-bottom:5px;
}
.program_area ul li h6{
font-size:14px;
font-weight:400;
text-align:center;
margin-top:0.2em;
}




}









/*==================================================================

MESSAGE_AREA

==================================================================*/
@media screen and (min-width:961px) {
.message{
width:100%;
margin:0px auto 80px;
background:rgba(212,217,214,0.5);
padding:3em;
}
.message h4{
font-size:16px;
font-weight:500;
margin-bottom:0.2rem;
}
.message h4 span{
background:linear-gradient(transparent 60%, #F8B500 60%);
}
.message h5{
font-size:24px;
font-weight:500;
width:16em;
margin:1.3em auto 0.8em;
position:relative;
padding:1em;
text-align:center;
}
.message h5::before,
.message h5::after{
position:absolute;
width:30px;
height:30px;
content:'';
}
.message h5::before{
border-left:solid 1px;
border-top:solid 1px;
top:0;
left:0;
}
.message h5::after{
border-right:solid 1px;
border-bottom:solid 1px;
bottom:0;
right:0;
}
.message h6{
font-size:15px;
text-align:right;
margin-top:1em;
}







}
@media only screen and (min-width:768px) and (max-width:960px) {
.message{
width:100%;
margin:0px auto 60px;
background:rgba(212,217,214,0.5);
padding:3em;
}
.message h4{
font-size:15px;
font-weight:500;
margin-bottom:0.2rem;
}
.message h4 span{
background:linear-gradient(transparent 60%, #F8B500 60%);
}
.message h5{
font-size:20px;
font-weight:500;
width:16em;
margin:1.3em auto 0.8em;
position:relative;
padding:1em;
text-align:center;
}
.message h5::before,
.message h5::after{
position:absolute;
width:30px;
height:30px;
content:'';
}
.message h5::before{
border-left:solid 1px;
border-top:solid 1px;
top:0;
left:0;
}
.message h5::after{
border-right:solid 1px;
border-bottom:solid 1px;
bottom:0;
right:0;
}
.message h6{
font-size:14px;
text-align:right;
margin-top:1em;
}



}
@media only screen and (min-width:320px) and (max-width:767px) {
.message{
width:94%;
margin:0px auto 60px;
background:rgba(212,217,214,0.5);
padding:3em;
}
.message h4{
font-size:14px;
font-weight:500;
margin-bottom:0.2rem;
letter-spacing:0;
}
.message h4 span{
background:linear-gradient(transparent 60%, #F8B500 60%);
}
.message h5{
font-size:16px;
font-weight:500;
margin:1.3em auto 0.8em;
position:relative;
padding:1em;
text-align:center;
}
.message h5::before,
.message h5::after{
position:absolute;
width:30px;
height:30px;
content:'';
}
.message h5::before{
border-left:solid 1px;
border-top:solid 1px;
top:0;
left:0;
}
.message h5::after{
border-right:solid 1px;
border-bottom:solid 1px;
bottom:0;
right:0;
}
.message h6{
font-size:15px;
text-align:right;
margin-top:1em;
}


}









/*==================================================================

PROFILE_AREA

==================================================================*/
@media screen and (min-width:961px) {
.profile{
width:100%;
margin:0px auto 80px;
background:rgba(212,217,214,0.5);
padding:3em 3em 1em;
}
.profile h4{
font-size:15px;
font-weight:700;
}
.profile p{
margin:0.5em 0 2em;
}




}
@media only screen and (min-width:768px) and (max-width:960px) {
.profile{
width:100%;
margin:0px auto 60px;
background:rgba(212,217,214,0.5);
padding:3em 3em 1em;
}
.profile h4{
font-size:16px;
font-weight:700;
}
.profile p{
margin:0.5em 0 2em;
}




}
@media only screen and (min-width:320px) and (max-width:767px) {
.profile{
width:94%;
margin:0px auto 60px;
background:rgba(212,217,214,0.5);
padding:3em 3em 1em;
}
.profile h4{
font-size:16px;
font-weight:700;
}
.profile p{
font-size:13px;
margin:0.5em 0 2em;
line-height:1.2em;
}


}









/*==================================================================

OTHERS_AREA

==================================================================*/
@media screen and (min-width:961px) {
.others_area{
width:100%;
margin:80px auto 80px;
}
.others_area h3{
width:26%;
margin:0 auto 30px;
}
.others_area ul{
}
.others_area ul li{
width:46%;
height:auto;
margin:20px 2% 0;
float:left;
}
.others_area ul li ol{
}
.others_area ul li ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.others_area ul li ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.others_area h5{
font-size:16px;
font-weight:600;
}
.others_area h6{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:13px;
margin-top:0.5em;
}
.others_area a{
text-decoration:none;
}
.others_area ul li a img{
background:#111;
}
.others_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}





}
@media only screen and (min-width:768px) and (max-width:960px) {
.others_area{
width:100%;
margin:80px auto 80px;
}
.others_area h3{
width:26%;
margin:0 auto 30px;
}
.others_area ul{
}
.others_area ul li{
width:46%;
height:auto;
margin:20px 2% 0;
float:left;
}
.others_area ul li ol{
}
.others_area ul li ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.others_area ul li ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.others_area h5{
font-size:15px;
font-weight:600;
}
.others_area h6{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:13px;
margin-top:0.5em;
}
.others_area a{
text-decoration:none;
}
.others_area ul li a img{
background:#111;
}
.others_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}





}
@media only screen and (min-width:320px) and (max-width:767px) {
.others_area{
width:94%;
margin:60px auto;
}
.others_area h3{
width:40%;
margin:0 auto 20px;
}
.others_area ul{
}
.others_area ul li{
width:46%;
height:auto;
margin:20px 2% 0;
float:left;
}
.others_area ul li ol{
}
.others_area ul li ol li{
font-size:0.8em;
float:left;
margin-right:0.5em;
color:#FFF;
width:auto;
margin:0 0.5em 0 0;
}
.others_area ul li ol li span.activity{
background:#640125;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.event{
background:#2F5D50;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.exhibition{
background:#C89932;
padding:0.1em 0.7em;
}
.others_area ul li ol li span.screening{
background:#2E2930;
padding:0.1em 0.7em;
}
.others_area h5{
font-size:15px;
font-weight:600;
letter-spacing:0;
text-align:justify;
}
.others_area h6{
font-family:"Figtree", sans-serif;
font-style:italic;
font-weight:400;
font-size:12px;
margin-top:0.5em;
}
.others_area a{
text-decoration:none;
}
.others_area ul li a img{
background:#111;
}
.others_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}






}