<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

#expo_mv img{width: 100%}

.tocArea {background-color:#f5f8fa;padding: 30px;}

.tocArea h2{border: none;
margin: 0;}


.tocArea dl{margin-left: 25px;}
.tocArea dt{font-weight: bold;}

.tocArea dt a, dd a{color:#333333;}

.tocArea dd{margin-left: 25px;}

h3 {border: none;
padding: 0;
color: #21295e;
margin-bottom: 0!important;}
.container p{margin-top: 0;}

span.marker {
    font-weight: bold;
 
    background:linear-gradient(transparent 60%, #ff6 60%);
 
}

/*写真配置*/

div.photoArea {width: 85%;
margin: 0 auto;
}

div.photoArea ul {display: flex;
width: 100%;
margin: 0 auto;
justify-content:center;
align-items: flex-end;
      flex-wrap: wrap;
    padding-left: 0;
}

div.photoArea li {
    text-align: center;
    margin-right: 15px;
    width: 45%;
    margin-bottom: 15px;
}

div.photoArea li img{
  width: 100%;
}
div.photoArea li{
font-size: 0.8em;
    line-height: 1.2;
 
}

div.photoArea li:last-child {
    margin-right: 0;

}

/*上揃えしたい時*/
div.photoArea ul.topFlex {
align-items: flex-start;
}


.photoGallery div.photoArea {width: 100%;}




.photoGallery div.photoArea li {

    width: 30%;

}


@media screen and (max-width : 767px){
div.photoArea {width: 100%;
margin: 0 auto;
}
    
    div.photoArea ul {display: block;
}
div.photoArea li {

    margin-right: 0;
    width: 100%;

}
    .photoGallery div.photoArea li {

    width: 100%;

}
    
    
    
}



</pre></body></html>