/* ** */
/********** NEWS LIST **********/
/* ** */
.news-list {max-width:640px; margin:0 auto; width:100%;}
.news-list > ul {margin:0 auto;}
.news-list > ul > li {padding:0 10px; box-sizing:border-box; margin:15px auto;}
.news-list > ul > li a {display:block; padding:15px 10px; box-sizing:border-box; border:1px solid #ccc; position:relative;}
.news-list > ul > li p {margin:0; line-height:120%;}
.news-list li.pr a:before {content:"PR"; background-color:#AAA;}
.news-list li.new a:before {content:"NEW"; background-color:#FF7373;}
.news-list li a:before {width:46px; font-size:8px; position:absolute; top:-1px; left:-1px; color:#fff; text-align:center; font-weight:bold; height:16px; line-height:16px;}
.news-list li .thumbnail {display:table; width:35%; text-align:center; margin:0; padding:0 10px 0 0; float:left; box-sizing:border-box;}
.news-list li .thumbnail span {display:table-cell; width:100px; height:84px; vertical-align:middle; background-color:#f6f6f6; line-height:0;}
.news-list li .thumbnail img {max-width:100%; max-height:84px; display:block; margin:auto;}
.news-list li .article-title {width:65%; font-size:14px; font-weight:normal; margin:0; line-height:140%; float:right;}
.news-list li .day-data {width:65%; font-size:11px; padding:0 0 2px 0; color:#888; display:inline-block; float:right;}




/* ** */
/********** NEWS ARTICLE **********/
.news-article header,
.news-photo header {margin:15px auto 0; padding:0 10px;}
.news-article .day-data,
.news-photo .day-data {color:#888; float:left; display:inline-block; margin:0; padding:16px 0 0; font-size:11px;}
.news-article .sns-link,
.news-photo .sns-link {float:right;}
.news-article .sns-link li,
.news-photo .sns-link li {display:inline-block; padding:0 0 0 2px; width:30px;}
.news-article .sns-link li img,
.news-photo .sns-link li img {width:100%;}
.news-article .article-title,
.news-photo .article-title {clear:both; padding:10px 0 5px; margin:0; font-size:16px; font-weight:normal; line-height:140%;}
/* ** */
.article-box {margin:10px auto 0; padding:0 10px;}
.article-box .text {margin:0 auto 40px; line-height:170%; font-size:14px;}
.article-box .text a {text-decoration:underline;}
.article-box .photo {width:100%; padding:10px 0 0;}
.article-box .photo .caption {padding:10px 0; margin:0; line-height:140%; text-align:center; font-size:12px;}
.article-box .photo a {display:block;}
.article-box .photo img {max-width:100%; max-height:400px;}
.article-box .photo .relation-img {margin:0; line-height:0; text-align:center;}
/* ** */
.relation-photo-list {max-width:640px; margin:0 auto;}
.relation-photo-list ul {margin:10px 5px 10px;}
.relation-photo-list li {width:20%; height:80px; float:left; margin-bottom:10px; box-sizing:border-box;}
.relation-photo-list li p {display:block; border:1px solid #ccc; background-color:#f6f6f6; box-sizing:border-box; line-height:0; margin:0 5px;}
.relation-photo-list li a {display:table; width:100%;}
.relation-photo-list li a span {display:table-cell; width:100%; height:80px; vertical-align:middle; text-align:center;}
.relation-photo-list li img {max-width:100%; max-height:100%;}


/* ** */
/********** NEWS PHOTO **********/
#news-contents .article-title a {text-decoration:underline;}
#news-contents .article-box {margin-top:0;}
#news-contents .news-photo .paging {margin:20px auto 0;}
#news-contents .news-photo .paging li {padding:0 10px;}
.news-photo {padding-bottom:20px;}
/* .news-photo .article-box .photo .caption {text-align:left;} */