/*div.artgallery *{margin: 0; padding: 0;}*/
div.artgallery *.en{font-family: Helvetica, Arial, sans-serif;}
div.artgallery *.hoverAlpha{transition: opacity 0.2s ease; text-decoration: none;}
div.artgallery *.hoverAlpha:hover{opacity: 0.8; text-decoration: none;}
div.artgallery *.clearfix::after{content: ""; display: block; clear: both;}
div.artgallery *:focus{outline: none;}
div.artgallery *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
div.artgallery p{line-height: 2; font-size: 110%; color: #222;}
div.artgallery h2{font-size: 150%; font-weight: bold; padding: 0 0 30px;}
div.artgallery h2 span{vertical-align: middle;}
div.artgallery h2 span.ja{padding: 0 0 0 20px; font-size: 55%;}
div.artgallery div.ArchiveCap{padding: 50px 0 0; background: #eee;}
div.artgallery div.ArchiveCap.bottom{padding: 0 0 50px;}
div.artgallery div.ArchiveCap div.inner{width: 1000px; margin: 0 auto;}
div.artgallery div.main{background: #eee; padding: 0 0 30px 0;}
div.artgallery div.main div.inner{width: 1000px; margin: 0 auto;}
div.artgallery div.main ul{_zoom: 1; overflow: hidden; padding: 0 0 35px;}
div.artgallery div.main ul li{   float: left; padding: 0 0 15px 0; margin: 25px 15px; background-color: #fff;}
div.artgallery div.main ul li:nth-child(3n){}
div.artgallery div.main ul li:nth-child(3n + 1){clear: both;}
div.artgallery div.main ul li a{display: block;}
div.artgallery div.main ul a p.img{margin: 0 0 15px; position: relative; width: 300px; height:300px; }
div.artgallery div.main ul a p.img img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: auto; width: auto; max-width: 100%; max-height: 100%; margin: auto;}
div.artgallery div.main ul a p.title{font-size: 110%; line-height: 1.7; font-weight: bold; margin: 0 0 5px; text-align: center;}
div.artgallery div.main ul a p.date{font-size: 90%; color: #222; text-align: center;}
.link_ul {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    }
.link_ul li {
    width: 20%;
    margin: 0 10px;
    }
.link_ul a {
    display: block;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #005db9;
    border-radius: 3px;
    color: #005db9;
    text-decoration: none;
    background-color: #fff;
    transition: background-color 0.2s linear;
    }
.link_ul a.active {
    background-color: #deeefe;
    }
.link_ul a:hover {
    background-color: #deeefe;
    }

/*#smartBody div.artgallery *{margin: 0;}*/
#smartBody div.artgallery *.en{font-family: Helvetica, Arial, sans-serif;}
#smartBody div.artgallery *.hoverAlpha{text-decoration: none;}
#smartBody div.artgallery *.clearfix::after{content: ""; display: block; clear: both;}
#smartBody div.artgallery *:focus{outline: none;}
#smartBody div.artgallery *.slick-list{_zoom: 1; overflow: hidden; padding: 0!important;}
#smartBody div.artgallery *.title{background: none;}
#smartBody div.artgallery *.date{float: none;}
#smartBody div.artgallery p{line-height: 2; font-size: 110%; color: #222;}
#smartBody div.artgallery h2{font-size: 120%; font-weight: bold;}
#smartBody div.artgallery h2 span{display: block; padding: 0 0 5px;}
#smartBody div.artgallery h2 span.ja{padding: 0; font-size: 55%;}
#smartBody div.artgallery ul.newsCatTab{width: 100%; display: table; table-layout: fixed; margin: 0 0 30px;}
#smartBody div.artgallery ul.newsCatTab li{display: table-cell; font-size: 100%; line-height: 1.6; text-align: center; cursor: pointer; padding: 8px 7px 5px; background: #FFF; border-right: 1px solid #EEE; position: relative; vertical-align: middle;}
#smartBody div.artgallery ul.newsCatTab li.on{background: #d6040f; color: #FFF; font-weight: bold;}
#smartBody div.artgallery ul.newsCatTab li.on::after{position: absolute; content: ""; width: 10px; height: 10px; left: 0; right: 0; bottom: -5px; margin: 0 auto; background: url(/images/mark_tab_cat.png) no-repeat center center; background-size: 10px 10px;}
#smartBody div.artgallery div.ArchiveCap{padding: 35px 0 0; background: #eee; overflow: hidden;}
#smartBody div.artgallery div.ArchiveCap.bottom{padding: 0 0 20px;}
#smartBody div.artgallery div.ArchiveCap div.inner{margin: 0 auto 30px auto; width: 100%; box-sizing: border-box; padding: 0 10px;}
#smartBody div.artgallery div.main{background: #eee;}
#smartBody div.artgallery div.main div.inner{width: 100%;}
#smartBody div.artgallery div.main ul{_zoom: 1; overflow: hidden; padding: 0 15px 10px;}
#smartBody div.artgallery div.main ul li{width: 90%; margin:0 auto 80px auto; float: none; text-align: center;}
#smartBody div.artgallery div.main ul li a{display: block;}
#smartBody div.artgallery div.main ul a p.img{margin: 0 0 15px; position:relative; width: 100%; height:auto; }
#smartBody div.artgallery div.main ul a p.img img{position:relative; height: auto; width: auto; max-width: 100%; max-height: 100%; margin: auto;}
#smartBody div.artgallery div.main ul a p.title{font-size: 110%; line-height: 1.7; font-weight: bold; margin: 0 0 5px;}
#smartBody div.artgallery div.main ul a p.date{font-size: 90%; color: #222;}
#smartBody .link_ul {
    margin-bottom: 25px;
    font-size: 13px;
    }
#smartBody .link_ul li {
    width: calc( 50% - 10px);
    margin: 0 5px;
    }