@charset "UTF-8";
/* font ------------------------------ */
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, li,div, span, a,
em, small, strong, sub, sup {  word-break:break-all !important;}
/* font icon------------------------------ */
@font-face {
  font-family: 'surfsnow';
  src:  url('../../fonts/report/surfsnow.eot?5rtl0a');
  src:  url('../../fonts/report/surfsnow.eot?5rtl0a#iefix') format('embedded-opentype'),
    url('../../fonts/report/surfsnow.ttf?5rtl0a') format('truetype'),
    url('../../fonts/report/surfsnow.woff?5rtl0a') format('woff'),
    url('../../fonts/report/surfsnow.svg?5rtl0a#surfsnow') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'surfsnow' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-map:before { content: "\e900"; color: #fff;}
.icon-tags:before { content: "\e901"; color: #fff;}
.icon-Blogo:before { content: "\e902"; color: #fff;}
.icon-Flogo:before { content: "\e903"; color: #fff;}
.icon-Glogo:before { content: "\e904"; color: #fff;}
.icon-Plogo:before { content: "\e905"; color: #fff;}
.icon-Tlogo:before { content: "\e906"; color: #fff;}
.icon-arrowR:before { content: "\e907"; color: #fff;}
.icon-arrowL:before { content: "\e907"; color: #fff;}
.icon-arrowL { display: inline-block; -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
/* articleContents ------------------------------ */
#Contents[class^="articleContents"] { overflow:hidden; margin:0 auto; position: relative;}
/* subContent ------------------------------ */
#Contents[class^="articleContents"] .subContent {}
#Contents[class^="articleContents"] .subContent img { display: block; width: 100%;}

/* lazyload ------------------------------ */
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: opacity 700ms; -webkit-backface-visibility:hidden; -webkit-backface-visibility:hidden;}
a:hover img.lazyloaded { transition: none;}

@media screen and (min-width: 641px) {
#Contents[class^="articleContents"] { width:1080px; padding-top:50px; padding-bottom:80px;}
/* mainContent ------------------------------ */
#Contents[class^="articleContents"] .mainContent { float: left; width: 730px;}
#Contents[class^="articleContents"] .mainContent .list-activityGuide .entry-text p.reportPr,
#Contents[class^="articleContents"] .mainContent .list-articleGuide .entry-text p.reportPr { width: calc(100% - 42px);}
#Contents[class^="articleContents"] .mainContent .list-activityGuide .entry-text p.reportPr:after,
#Contents[class^="articleContents"] .mainContent .list-articleGuide .entry-text p.reportPr:after {left: 100%; top: calc(100% - 17px);}
/* subContent ------------------------------ */
#Contents[class^="articleContents"] .subContent { float: right; width: 300px;}
#Contents.articleContents-top { padding-top: 40px;}
.articleCategoryTag + #pageHead { padding-top: 10px;}

#colum1{
float:none!important;
    width:958px!important;
}

#colum1 #p_content input{
  margin:50px 0;
  padding:8px 30px;
}
#colum1 #p_content + p{
  background:#deebf7;
  text-align:center;
  padding:5px 0;
  margin: 0 0 20px;
}

#colum1 ul li{
    float: left;
    width: 220px;
    margin:0 26px 10px 0;
}

#colum1 ul li img{
    width: 220px;
}
#colum1 ul li#li_last{
    float: right;
    margin:0;
}
#colum1 #p_content{
    text-align:center;
    font-size:16px;
    margin:50px 0 0;
    }
}
@media screen and (max-width: 640px) {
/* mainContent ------------------------------ */
#Contents[class^="articleContents"] .mainContent { padding: 20px 16px;}
#Contents[class^="articleContents"] .mainContent .list-activityGuide .entry-text p.reportPr,
#Contents[class^="articleContents"] .mainContent .list-articleGuide .entry-text p.reportPr { width: calc(100% - 42px);}
#Contents[class^="articleContents"] .mainContent .list-activityGuide .entry-text p.reportPr:after,
#Contents[class^="articleContents"] .mainContent .list-articleGuide .entry-text p.reportPr:after { left: 100%; top: calc(100% - 17px);}
}

/* pageHead ------------------------------ */
#pageHead { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #515458;}
#pageHead .lv2Title { padding: 0 0 10px 0; font-size: 28px; line-height: 1.5;}
#pageHead h2.reportPr {width: calc(100% - 22px);}
#pageHead h2.reportPr:after {left: 100%; top: calc(100% - 27px);}
#title .upDate,
#title .lv1Title { display: inline; font-size: 14px; line-height: 1.8; color: #666666;}
#title .upDate:after { content: "｜"; display: inline-block; margin-left: 5px;}
ul[class*="Tags"] li { float: left; margin-right: 10px; padding-bottom: 5px;}
ul[class*="Tags"] li a,
ul[class*="Tags"] li span.tag { display: inline-block; font-size: 14px; line-height: 14px; color: #333333; background-color: #e5eaf7; border-radius: 3px;}
ul[class*="Tags"] li a { padding: 5px 10px 3px;}
ul[class*="Tags"] li a:hover,
ul[class*="Tags"] li span.tag:hover { opacity: 0.9;}
ul[class*="Tags"] li.tagIcon { margin-right: 6px;}
ul[class*="Tags"] li.tagIcon span[class^="icon-"]:before { font-size: 24px; color: #515458;}
#articleTags { margin-top: 20px;}
/* resultStats */
.resultStats { margin-bottom: 35px; font-size: 16px; font-weight: bold;}
.resultStats span { color: #666666; font-weight: normal;}
/**/
#pageHead ul[class*="Tags"] { padding-left: 30px;}
#pageHead ul[class*="Tags"] li.tagIcon { margin-left: -31px; margin-right: 6px;}

.warning {
    background-color: #f5deb4;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
}

/* articleCategoryTag ------------------------------ */
[class^="list-"] .imageColumn [class^="articleTag-"],
[class^="articleCategoryTag"] [class^="articleTag-"] {
    position: relative;
    display: inline-block;
    margin-top: 0 !important;
    padding: 0 5px 0 10px !important;
    margin-right: 10px;
    height: 25px;
    line-height: 25px !important;
    font-size: 14px !important;
    color: #fff;
    text-align: center;
}
[class^="list-"] .imageColumn [class^="articleTag-"]:after,
[class^="articleCategoryTag"] [class^="articleTag-"]:after {
    position: absolute;
    top: 0;
    right: -10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 10px 0 0;
}
[class^="list-"] .imageColumn .articleTag-activity,
[class^="articleCategoryTag"] .articleTag-activity { background-color: #5271ca;}
[class^="list-"] .imageColumn .articleTag-howto,
[class^="articleCategoryTag"] .articleTag-howto { background-color: #38b6a0;}
[class^="list-"] .imageColumn .articleTag-activity:after,
[class^="articleCategoryTag"] .articleTag-activity:after { border-color: #5271ca transparent transparent transparent;}
[class^="list-"] .imageColumn .articleTag-howto:after,
[class^="articleCategoryTag"] .articleTag-howto:after { border-color: #38b6a0 transparent transparent transparent;}
[class^="list-"] .imageColumn,
.articleCategoryTag-img { position: relative;}
[class^="list-"] .imageColumn [class^="articleTag-"],
.articleCategoryTag-img [class^="articleTag-"] { position: absolute; top: 0; left: 0; z-index: 9;}
[class^="list-"] .imageColumn img,
.articleCategoryTag-img img { z-index: 8; vertical-align: bottom;}
/* .list-articleGuide ------------------------------ */
[class^="list-"] a { display: block;}
[class^="list-"] .entry { margin-top: 20px;}
[class^="list-"] .entry-image { width: 100%;}
[class^="list-"] .imageColumn,
[class^="list-"] .entry-text { float: left;}
[class^="list-"] .entry-text p { margin: 0 !important; color: #333333; line-height: 1.6 !important;}
[class^="list-"] .entry-text p.entry-title { font-weight: bold;}
[class^="list-"] .entry { display: inline-block; }
[class^="list-"] .entry:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
* html [class^="list-"] .entry { height: 1%;}
[class^="list-"] .entry { display: block; }
[class^="list-"] a:hover .entry-text p { color: #6f7883;}
/* .archivesLink ------------------------------ */
.archivesLink { margin-top: 20px; padding-left: 0!important; line-height: 14px;}
.archivesLink .icon-arrowR:before { display: inline-block; margin-top: -2px; line-height: 14px; color: #065199; vertical-align: middle;}


/* .---------------------------------------------- */
/* .subContent */
/* .---------------------------------------------- */
.sideBanner { text-align: center;}
.sideBanner ins { width: 300px; margin: 0 auto 25px;}
.sideBanner .microad { margin-bottom: 25px; }
/* .subContent List ------------------------------ */
.subContent dl[class*="List"] { margin-bottom: 30px; padding-bottom: 30px; border-bottom: #cccccc solid 1px;}
.subContent dl[class*="List"]:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.subContent dl[class*="List"] > dt { margin-bottom: 26px; font-size: 18px; font-weight: bold; color: #6f7883;}
.subContent dl[class*="List"] { clear:both;}
.subContent dl[class*="List"]:after{ content:""; clear:both; display:block; height:1px; clear:both; margin-bottom:15px;}
/* popularPostsList ------------------------------ */
.subContent dl.popularPostsList dt { padding-top: 5px;}
.subContent dl.popularPostsList dd { padding-bottom: 22px;}
.subContent dl.popularPostsList dd:last-child { padding-bottom: 0px;}
.subContent dl.popularPostsList dd a { display: block; font-size: 14px; line-height: 1.5; color: #333333;}
.subContent dl.popularPostsList dd a:hover { color: #6f7883;}
.subContent dl.popularPostsList dd .img { margin-bottom: 13px; position: relative; display: block; height: 125px; overflow: hidden; border-radius: 3px;}
.subContent dl.popularPostsList dd .img img { position: absolute; top: -35px;}
.subContent dl.popularPostsList dd.reportPr:after{left: calc(100% - 22px); top: 89%;}
/* tagsList ------------------------------ */
.subContent dl.tagsList { padding-bottom: 20px;}
.subContent dl.tagsList ul[class*="Tags"] li { padding-bottom: 10px;}


/* areaSearchList ------------------------------ */
.subContent .areaSearchList .selectWrap { position: relative; overflow: hidden; display: block;}
.subContent .areaSearchList .selectWrap select{
    padding: 18px 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent:.01px;
    text-overflow: "";
    position:relative;
    display:block;
    border:0;
    outline:none;
    width: 100%;
    height: 56px;
    font-size: 16px;
    line-height: 20px;
    color:#ffffff;
    background-color: #333333;
    border-radius: 5px;
    z-index: 2;
    cursor: pointer;
}
.subContent .areaSearchList .selectWrap select::-ms-expand { display: none; }
.subContent .areaSearchList .selectWrap:before{
    content:'▼';
    display: block;
    position:absolute;
    top:50%;
    right:12px;
    margin-top:-5px;
    font-size:12px;
    line-height:1;
    color:#ffffff;
    z-index: 3;
}
/* articleNavList howToNavList ------------------------------ */
.subContent ul.navList { border-top: 1px solid #cccccc;}
.subContent ul.navList a { position: relative; padding: 20px;}
.subContent ul.navList li { width: 100%; border-bottom: 1px solid #cccccc;}
.subContent ul.navList a,
.subContent ul.navList .navItem { display: block; font-size: 15px; line-height: 15px; color: #333333;}
.subContent ul.navList a .icon-arrowR {
    display: block;
    position: absolute;
    top:50%;
    right:12px;
    margin-top:-10px;
    font-size:20px;
    color: #333333;
    line-height:1;
}
.subContent ul.navList a .icon-arrowR:before { color: #333333;}
.subContent ul.navList a:hover { background-color: #edf0f6;}



/* #articleTopHead ------------------------------ */

#Contents.articleContents-top [class^="list-"] a:first-child .entry { margin-top: 0px;}


/* #articleTopHead ------------------------------ */
#articleTopHead { background-color: #e5eaf7; overflow: hidden;}
#articleTopHead .activityPickup { padding-top: 20px; padding-bottom: 20px;}
#articleTopHead .activityPickup .entry { margin-top: 0;}
#articleTopHead .activityPickup .pickup-entry { float: left; background-color: #fff;}
#articleTopHead .activityPickup .pickup-entry .imageColumn,
#articleTopHead .activityPickup .pickup-entry .entry-text { float: none; background-color: #f2f2f2;}
#articleTopHead .activityPickup .pickup-entry .entry-image { width: 100%; background-color: #ffffff;}
#articleTopHead .activityPickup .pickup-entry { box-shadow:0px 2px 1px 0px #cccccc; -moz-box-shadow:0px 2px 1px 0px #cccccc; -webkit-box-shadow:0px 2px 1px 0px #cccccc;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.entry-title { padding: 16px 20px 14px 20px !important; margin-bottom: 0px !important; background-color: #ffffff;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.entry-area { padding: 10px 20px !important; background-color: #f2f2f2;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.reportPr:after {left: calc(100% - 25px); bottom: 20px;}
#articleTopHead .activityPickup p.pickupTag {
    position: absolute;
    top: -10px;
    left: 20px;
    display: inline-block;
    padding: 0 5px !important;
    height: 19px;
    line-height: 19px !important;
    font-size: 9px;
    color: #ffffff;
    border-radius: 4px;
    background-color: #ff3461;
    z-index: 1;
}
#articleTopHead .activityPickup .entry-text { position: relative;}

/* #category_tab ------------------------------ */
.category_tab-menu {
    display: flex;
    overflow-x: auto;
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid #ddd;
}

.category_tab {
    flex: none;
    padding: 8px 15px;
    margin: 5px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background-color: white;
    cursor: pointer;
}

.category_tab.active {
    background-color: #2A71B0;
    color: white;
    border: none;
}
/* #category_tab ------------------------------ */

.tagsListLink{
    margin: 0px 10px 10px 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

/* .paginate ------------------------------ */
.paginate { position: relative; text-align: center; padding: 60px 40px;}
.paginate li { display: inline-block; font-size: 14px; font-weight: bold; }
.paginate li a,
.paginate li.single,
.paginate li.current {
 display: inline-block;
 width: 38px;
 height: 38px;
 line-height: 38px;
 color: #666666;
 text-align: center;
 margin-right: 6px;
 border-radius: 5px;
 border: 1px solid #333333;
}
.paginate li a { cursor: pointer;}
.paginate li.single { width: 32px; color: #666666; border: 1px solid #ffffff;}
.paginate li.current { color: #ffffff; border: 1px solid #666666; background: #333333;}
.paginate li .icon-arrowL:before,
.paginate li .icon-arrowR:before { color: #333333;}
.paginate li.prev a,
.paginate li.next a { border-radius: 20px; font-size: 30px;}
.paginate li.prev a span,
.paginate li.next a span { line-height: 38px;}
.paginate li.prev a span { margin-left: -3px;}
.paginate li.next a span { margin-left: 3px;}
.paginate li.prev,
.paginate li.next { position: absolute;}
.paginate li.prev { left: 0;}
.paginate li.next { right: 0;}
.paginate li a:hover { background: #cccccc;}
.paginate li a:active { color: #ffffff; background: #333333;}
.paginate li a:active .icon-arrowL:before,
.paginate li a:active .icon-arrowR:before { color: #ffffff;}
.paginate li.disabled a { color: #cccccc; border: 1px solid #cccccc; pointer-events: none;}
.paginate li.disabled a .icon-arrowL:before,
.paginate li.disabled a .icon-arrowR:before { color: #cccccc;}





@media screen and (min-width: 641px) {
/* .subContent ------------------------------ */
.subContent ul.navList { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
/* .list-articleGuide ------------------------------ */
[class^="list-"] .imageColumn { width: 260px; max-height: 391px; overflow: hidden;}
[class^="list-"] .entry-text { width: 470px;}
[class^="list-"] .entry-text p { padding: 0 0 0 20px !important;}
[class^="list-"] .entry-text p.entry-title { margin-bottom: 10px !important; font-size: 18px !important;}
[class^="list-"] .entry-text p.entry-area { font-size: 13px !important;}




/* #articleTopHead ------------------------------ */
#articleTopHead { margin-top: 30px;}
#articleTopHead .activityPickup { width: 1080px; margin: 0 auto;}
#articleTopHead .activityPickup .pickup-entry { margin-left: 15px; width: 350px; float: left; background-color: #fff;}
#articleTopHead .activityPickup .pickup-entry:first-child { margin-left: 0;}
#articleTopHead .activityPickup .pickup-entry .imageColumn { width: 350px; height: 184px; overflow: hidden;}
#articleTopHead .activityPickup .pickup-entry .entry-text { width: 350px;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.entry-title { padding: 16px 20px 14px 20px !important; min-height: 78px; font-size: 16px !important; line-height: 1.6;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.entry-area { padding: 10px 20px !important; min-height: 48px; font-size: 14px !important; line-height: 1.6;}
/* .paginate ------------------------------ */
.paginate li.navpage { display: none;}




}

@media screen and (max-width: 640px) {
/* Title ------------------------------ */
#pageHead .lv2Title { padding: 10px 0 2px; font-size: 19px; line-height: 1.5;}
#parts h3.lv3Title { font-size: 19px; line-height: 1.5;}
#parts h4.lv4Title { font-size: 14px; line-height: 1.5;}
/* articleCategoryTop */
.articleCategoryTop #pageHead { margin-bottom: 5px; padding-bottom: 0; border-bottom: none;}
.articleCategoryTop .resultStats { margin-bottom: 20px; padding: 9px 10px; font-size: 12px; font-weight: bold; line-height: 12px; background-color: #f2f2f2;}
/* popularPostsList ------------------------------ */
.subContent dl.popularPostsList dd .img { margin-bottom: 10px; height: 142px;}
/* articleCategoryTag ------------------------------ */
[class^="list-"] .imageColumn [class^="articleTag-"],
[class^="articleCategoryTag"] [class^="articleTag-"] {
    padding: 0 0 0 4px !important;
    margin-right: 10px;
    height: 21px;
    line-height: 21px !important;
    font-size: 10px !important;
    white-space: nowrap;
}
[class^="list-"] .imageColumn [class^="articleTag-"]:after,
[class^="articleCategoryTag"] [class^="articleTag-"]:after {
    right: -10px;
    border-width: 21px 10px 0 0;
}

/* pageHead ------------------------------ */
ul[class*="Tags"] li.tagIcon { display: none; margin-right: 0;}
#title .upDate,
#title .lv1Title { font-size: 12px; line-height: 1.4;}
ul[class*="Tags"] li { padding-bottom: 10px;}
ul[class*="Tags"] li a,
ul[class*="Tags"] li span.tag { font-size: 13px; line-height: 13px;}
ul[class*="Tags"] li a { padding: 4px 10px 3px;}
#articleTags { margin-top: 15px;}
/**/
#pageHead ul[class*="Tags"] { padding-left: 0px;}
#pageHead h2.reportPr {width: calc(100% - 22px);}
#pageHead h2.reportPr:after {left: 100%; top: calc(100% - 27px);}

.warning {
    background-color: #f5deb4;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
}

/* .---------------------------------------------- */
/* .subContent */
/* .---------------------------------------------- */
.sideBanner { margin-bottom: 25px; border-bottom: 1px solid #cccccc;}
/* .subContent List ------------------------------ */
.subContent { padding-top: 24px; border-top: 1px solid #cccccc;}
.subContent dl.popularPostsList,
.subContent dl.areaSearchList,
.subContent dl.tagsList { padding-left: 16px; padding-right: 16px;}
.subContent dl.tagsList:after { margin-bottom: 5px;}
.subContent dl.articleNavList dt,
.subContent dl.howToNavList dt { padding-left: 16px; padding-right: 16px;}
.subContent dl[class*="List"] { margin-bottom: 25px; padding-bottom: 10px;}
.subContent dl[class*="List"] > dt { padding-top: 0; margin-bottom: 20px; font-size: 14px;}
.subContent ul.navList a { padding: 15px;}
.subContent dl.articleNavList { padding-bottom: 0; border-bottom: none;}
.subContent dl.popularPostsList.detail { border-bottom: none; margin-bottom: unset; padding-bottom: unset;}
/* areaSearchList ------------------------------ */
.subContent .areaSearchList .selectWrap { position: relative; overflow: hidden; display: block;}
/* .list-articleGuide ------------------------------ */
[class^="list-"] .imageColumn { width: 40%; max-height: 205px; overflow: hidden;}
[class^="list-"] .entry-text { width: 60%;}
[class^="list-"] .entry-text p { padding: 0 0 0 10px !important;}
[class^="list-"] .entry-text p.entry-title { margin-bottom: 5px !important; font-size: 12px !important; line-height: 1.6 !important;}
[class^="list-"] .entry-text p.entry-area { font-size: 10px !important;}
#articleTopHead .activityPickup p.pickupTag {
    position: absolute;
    left: 10px;
    padding-top: 5px!important;
    padding-bottom: 3px!important;
    height: 9px;
    line-height: 9px !important;
}
/* #articleTopHead ------------------------------ */
#articleTopHead .activityPickup .pickup-entry { width: 100%; float: left;}
#articleTopHead .activityPickup .pickup-entry:first-child { margin-top: 0px; margin-left: 0;}
#articleTopHead .activityPickup .pickup-entry .imageColumn { width: 100%; max-height: 391px!important;}
#articleTopHead .activityPickup .pickup-entry .entry-text { width: 100%;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.entry-title { padding: 13px 10px 10px !important; font-size: 12px !important;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.entry-area { padding: 6px 10px !important; font-size: 10px !important;}
#articleTopHead .activityPickup .pickup-entry .entry-text p.reportPr:after {bottom: 10px;}
/* popularPostsList ------------------------------ */
.subContent dl.popularPostsList dd a { font-size: 13px; line-height: 1.6; font-weight: bold;}
.subContent dl.popularPostsList dd.reportPr:after {left: calc(100% - 22px); top:94%;}
/* .paginate ------------------------------ */
.paginate { padding: 30px 40px 10px;}
.paginate li,
.paginate li.single,
.paginate li.current { display: none;}
.paginate li.prev,
.paginate li.next,
.paginate li.navpage { display: inline-block;}
.paginate li.navpage { line-height: 40px;}

#colum1{
    float:none!important;
    width:100%!important;
}
#colum1 #p_content{
    text-align:center;
    font-size:16px;
    margin:50px 0 0;
}
#colum1 #p_content input{
    margin:50px 0 50px;
    padding:8px 30px;
}
#colum1 #p_content + p{
    background:#deebf7;
    text-align:center;
    padding:5px 0;
    margin: 0 0 20px;
}
#colum1 ul{
    margin:0 3%;
}
#colum1 ul img{
    width:100%
}
#colum1 ul li{
    float: left;
    width: 48%;
    margin:0 0 5%;
}
.li_right,
#colum1 ul li#li_last{
    float: right!important;
}
}

.reportPr{
    position: relative;
}
.reportPr:after{
    content: "PR";
    width: 15px;
    height: 15px;
    font-size: 10px;
    position: absolute;
    text-align: center;
    color: #999;
}

.text_reportPr{
    font-size: 10px;
    color: #999;
    float: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.articleCategoryTag-img a{
    position:relative;
}

.articleCategoryTag-img .title{
    margin-right: 15px;
    width: auto;
}