@charset "utf-8";
/*  begin */


.ext_040 { position: relative;}

.ext_040 .depth_wrap { position: relative; background: rgba(0,0,0,.04); border: 2px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,.15); padding: 15px 10px 5px; border-radius: 10px;}
.ext_040 .depth_nav { display: flex; flex-wrap: wrap; justify-content: center;}
.ext_040 .depth_nav li { margin: 0 3px; margin-bottom: 10px;}
.ext_040 .depth_nav li a { display: block; padding: 0 13px; height: 30px; line-height: 29px; background: #fff; border: 2px solid #dedede; font-size: 15px; border-radius: 30px; transition: all .3s ease; font-weight: bold;}
.ext_040 .depth_nav li a:hover, .ext_040 .depth_nav li a.on { background-color: #e8246a; color: #fff; border-color: #c20049;}
/*  end */
/*  begin */


.ara_003 { position: relative;}

.ara_003 .tit_set { margin-bottom: 15px;}
.ara_003 .art_list_all { position: relative;}
.ara_003 .art_list_all > li { position: relative; margin: 0 0 15px;}
.ara_003 .art_list_all > li > div { position: relative; display: block;}
.ara_003 .art_list_all > li > div .link_txt { display: block; height: 60px;}
.ara_003 .art_list_all > li > div h3 { font-size: 15px; font-weight: normal; line-height: 1.4; margin: 0 0 7px; color: #222;}
.ara_003 .art_list_all > li > div b { display: block; line-height: 1; font-size: 11px; color: #777; font-weight: normal;}

.ara_003 .bfmov { position: relative; display: block; padding-top: 56.3%; margin-bottom: 7px;}
.ara_003 iframe, .ara_003 object { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%;}
.ara_003 embed { width: 100%; height: 100%;}
.ara_003 img { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; transition: opacity .3s ease;}
.ara_003 .art_list_all > li > div:hover h3, .ara_003 .art_list_all > li > div:hover b, .ara_003 .art_list_all > li > div:hover img { opacity: .75;}
/*  end */