@charset "UTF-8";

.wrap-photo {position: relative; box-sizing: border-box; min-height: 390px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 10px 40px; margin: 10px}
.wrap-photo .title {font-size: 24px;font-family: 'Noto Bold';margin-bottom: 16px;color: #061d3b;padding-top: 40px;line-height: 1.3;}
.wrap-photo .thumb {margin-bottom: 10px;}
.wrap-photo .thumb img{width:100%;height: 205px;}
.wrap-photo .subject {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;font-family: 'Noto Regular';margin-bottom: 0px;}
.wrap-photo .subject a {position: relative;color: #222;}
.wrap-photo .subject a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #0047bd; transition: all .5s ease;}
.wrap-photo .subject a:hover:after {width: 100%;}
.wrap-photo .subject a:hover {color: #0047bd;}
.wrap-photo .date {font-size: 14px; color: #666666;}
.wrap-photo .control {position: absolute;right: 0;top: 0;width: 100%;text-align: right;}

.wrap-photo .control button {position: relative; z-index: 100; display: inline-block; width: 75px; height: 50px; text-indent: -99999px;}
.wrap-photo .control button.prev {background: #274164 url('../images/arrow-photo-prev.png') no-repeat center center; margin-right: -4px;}
.wrap-photo .control button.next {background: #274164 url('../images/arrow-photo-next.png') no-repeat center center;}
.wrap-photo .nodata {text-align: center; padding: 29% 0;}