@charset "utf-8";

/* -----------共通------------- */
.contents_main {
 width: 72%;
 float: left;
}

@media screen and (max-width:890px) {
 .event_contents {
  width: 100%;
  float: none;
  margin-bottom: 2em;
 }
}


body #dm-contents__page {
font-size: 16px;
letter-spacing: 1px;
}

body #dm-contents__page div:after{
display: none;
}

#dm-contents__page h2 {
font-size: 150%;
margin: 1em auto;
background: none;
color: #333;
text-shadow: none;
}
#dm-contents__page h3 {
font-size: 130%;
margin: 1em auto;
background: none;
text-shadow: none;
padding: 0;
}

#dm-contents__page h4 {
font-size: 18px;
background: none;
text-align: unset;
padding: 0;
text-shadow: none;
color: #333;
margin: 0;
}

#dm-contents__page p {
font-size: 16px;
padding: 0;
}

#dm-contents__page .dm-contents_brarea {
display: flex;
flex-wrap: wrap;
margin: 0 0 2em 0;
justify-content: center;
}

#dm-contents__page .dm-contents_brarea a {
display: block;
margin: 1em;
}

#dm-contents__page .dm-contents_brarea::before{
content:"";
display: block;
width:300px;
order:1;
margin: 1em;

}
#dm-contents__page .dm-contents_brarea::after{
content:"";
display: block;
width:300px;
margin: 1em;
}

#dm-contents__page .dm-contents_list {
display: flex;
flex-wrap: wrap;
justify-content: left;
}

#dm-contents__page .dm-contents_box {
position: relative;
z-index: 1;
flex: 0 0 46%;
display: flex;
align-items: center;
padding: 1em;
margin: 0em 1em;
}

#dm-contents__page .dm-contents_box svg {
min-width: 70px;
max-width: 70px;
margin-right: 1em;
}

#dm-contents__page .dm-contents_box a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -999px;
z-index: 2;
}

#dm-contents__page .dm-contents_box a:hover {
opacity: 0.4;
filter: alpha(opacity = 60);
-ms-filter: "alpha( opacity=60 )";
background: #f0f0f0;
}

#dm-contents__page .dm-contents_list.dm-contents_acvlist .dm-contents_box {
display: block;
border-bottom: 1px dotted #ccc;
}

@media screen and (max-width:890px){
#dm-contents__page .dm-contents_list {
flex-direction: column;
}

#dm-contents__page .dm-contents_box {
border-bottom: 1px dotted #ccc;
}
}