@charset "UTF-8";

.article + .article {
margin-top: 10vh;
}

.art-date {
font-size: 120%;
color: #e60021;
}

.art-title {
color: #333 !important;
font-size: 120% !important;
font-weight: bold;
}

.art-img {
margin-bottom: 20px;
text-align: center;
}

.art-img img {
max-width: 100%;
}

.art-img .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.art-img .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


.eventwrap {
margin-bottom: 40px;
}

.event_box {
overflow: hidden;
border-bottom: 1px solid #eee;
padding: 1em 0;
}

.event_img img {
width: 100%;
}

.event_ttl a {
font-size: 110%;
font-weight: bold;
}

.event_data {
border-top: 1px dotted #efefef;
}

.event_data dt {
float: left;
clear: both;
width: 4em;
font-weight: bold;
margin-right: 1em;
padding: 0.4em 0;
}

.event_data dd {
padding: 0.4em 0;
border-bottom: 1px dotted #eee;
}

.event_btn {
text-align: right;
}

.event_btn a {
display: inline-block;
color: #fff;
font-size: 0.85em;
font-weight: bold;
background: #e60021;
padding: 0.1em 1em;
border-radius: 4px;
}

#actress .profile .name {
left: 0 !important;
}


@media screen and (min-width:668px) {
.art-title {
font-size: 160% !important;
}

#actress .profile {
display: block;
}

#actress .profile .photo {
width: 100%;
/*max-width: 280px;*/
margin: 0 auto 40px;
}

#actress .profile .data {
width: 100%;
padding: 0;
margin-bottom: 40px;
}

#actress .right .gallery li {
width: 25%;
}

}